Updates to lightspark-sdk, core, ui (#460)

* ui fixes for 3a onboarding / link bank (#17347)

# Design fixes for 3a onboarding / link bank

This addresses several design requests from a recent design review:
Link bank
1.  add an 8px left margin to align with title and input box
2. set a min height
3.  group "about iban" with bottom button
4. use bridge modal for iban bank info

on Verify3aIdentity
1. remove the back button
2. set border radius and border width on birthday input

GitOrigin-RevId: c243af24b20620cf01718c1415dc3898a116ad1e

* Refactor link bank mx with new UI (#17742)

GitOrigin-RevId: 01278048d8d810d6cc99a069886c78463543c57e

* [S2C] Fix url query for receipt id in share link (#17758)

This PR:
- Updates BridgeCardForm/Add-credential to check is_shadow search param
- Makes BirthdayInput text size per spec
- Makes EntBridgeUserExample default to is_shadow is false for tests

GitOrigin-RevId: 11141e9265731a824e0e17d0a0875d91c883892c

* [bridge] add amplitude session replays (#18078)

GitOrigin-RevId: a38c4e1e23d85ce9dbfd0e43fe1a46118786ec26

* CI update lock file for PR

* [bridge] Update UMA activation flow with onboarding progress indicators (#18149)

# UMA Activation UI Enhancements

This PR improves the UMA activation experience with several UI updates:

- Added a new "Confirm your phone" onboarding step with appropriate icon and translations
- Enhanced the UMA card with a new activation banner showing completion progress
- Updated welcome messaging to be more inviting ("Welcome to UMA!" instead of "Complete Setup")
- Improved the onboarding progress modal with:
  - Changed button text from "Get Started" to "Continue"
  - Added "In Progress" status indicator for current steps
  - Updated modal title to "Activate your UMA" for clarity
- Added new translations for all new UI elements in English, Spanish, and Portuguese
- Refined styling for various UI components including rounded corners and consistent spacing

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/oOuIssbrOKuvWkHIBu32/73d68e67-146e-4f35-9074-e7524e229fb6.png)

![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/oOuIssbrOKuvWkHIBu32/d5466bca-dfc6-495e-ab38-6aa2aef4f85d.png)

GitOrigin-RevId: 9e9b291a7137b2f67ad2ac5c8036dc207f152f74

* Update packages for cross-spawn security alert (#18100)

GitOrigin-RevId: 76b711f021ad7182c620fe9562ef05686af00a23

* CI update lock file for PR

* add create invitation with payment to lightspark sdk (#18198)

### TL;DR

Added support for creating UMA invitations with attached payments.

### What changed?

- Added a new GraphQL mutation `CreateUmaInvitationWithPayment.ts` that allows creating UMA invitations with an attached payment
- Implemented a new client method `createUmaInvitationWithPayment()` in the LightsparkClient class that accepts:
  - inviterUma (string)
  - amountToSend (object with amount and currency details)
  - expiresAt (string or Date)
- Added proper error handling and type conversion for the new method

### How to test?

Test the new functionality by calling the `createUmaInvitationWithPayment()` method with valid parameters:

```typescript
const invitation = await client.createUmaInvitationWithPayment(
  "[email protected]",
  {
    amount: 1000, // amount in cents
    currency: {
      code: "USD",
      symbol: "$",
      name: "US Dollar",
      decimals: 2
    }
  },
  new Date(Date.now() + 86400000) // expires in 24 hours
);
```

Verify that the returned invitation object contains the expected payment details.

### Why make this change?

This enhancement allows users to create UMA invitations with payments attached, enabling a more seamless onboarding experience where new users can receive funds as part of their invitation. This feature expands the functionality of the UMA invitation system and provides more flexibility for application developers.

GitOrigin-RevId: b322a58977f940ddd5d49faa0dbd08940cf056e3

* add cancel uma invitation to js lightspark sdk (#18201)

### TL;DR

Added functionality to cancel UMA invitations in the Lightspark SDK.

### What changed?

- Added a new `cancelUmaInvitation` method to the `LightsparkClient` class that allows canceling UMA invitations by their invite code
- Created a new GraphQL mutation file `CancelUmaInvitation.ts` that defines the mutation for canceling UMA invitations
- Imported the new mutation in the client file

### How to test?

1. Create a UMA invitation using the existing SDK methods
2. Call the new `cancelUmaInvitation` method with the invitation code
3. Verify that the invitation is successfully canceled and the method returns the canceled invitation object
4. Try to claim the canceled invitation and confirm it fails

### Why make this change?

This change provides users with the ability to cancel UMA invitations that were previously created but are no longer needed. This completes the UMA invitation lifecycle management in the SDK, which already supported creating and claiming invitations.

GitOrigin-RevId: df6edac150e6443f6a020d77fb37bbaa4a616bdb

* [lightspark-sdk, core] Remove crypto-browserify as dependencies (#18296)

GitOrigin-RevId: 033289ee54c0aeb55422589e986923593c5cfa0a

* CI update lock file for PR

* Add time localization when in progress (#18266)

![Screenshot 2025-06-05 at 10.46.37 AM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/EJphitdgYFvuACNazm1q/81cb4ab4-a63f-47c9-b1b7-5cc9d116f006.png)

![Screenshot 2025-06-05 at 10.46.43 AM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/EJphitdgYFvuACNazm1q/b389f814-ec1c-49e1-9aa2-c10e47e10c98.png)

GitOrigin-RevId: fbaaa90c14ca2c2fe4f3379d91310836fd8aa713

* debug

* Add human-id as dep

* remove unused

* Create pretty-radios-rest.md

* Create thirty-planets-sleep.md

* Create twenty-hands-grow.md

---------

Co-authored-by: Matt Davis <[email protected]>
Co-authored-by: Jason Wang <[email protected]>
Co-authored-by: Brian Siao Tick Chong <[email protected]>
Co-authored-by: Lightspark Eng <[email protected]>
Co-authored-by: Aaryaman Bhute <[email protected]>
Co-authored-by: Joel Weinberger <[email protected]>
Co-authored-by: Corey Martin <[email protected]>

Author: 8 people

.changeset/pretty-radios-rest.md

@@ -0,0 +1,7 @@
+---
+"@lightsparkdev/lightspark-sdk": patch
+---
+
+- Add createUmaInvitationWithPayment
+- Add cancelUmaInvitation
+- Remove unneeded crypto-browserify as dependency

.changeset/thirty-planets-sleep.md

@@ -0,0 +1,6 @@
+---
+"@lightsparkdev/ui": patch
+---
+
+- Updates to BirthdayInput
+- Add icons

.changeset/twenty-hands-grow.md

@@ -0,0 +1,5 @@
+---
+"@lightsparkdev/core": patch
+---
+
+- Remove unneeded crypto-browserify as dependency

.github/workflows/runChangeset.mjs

@@ -3,7 +3,7 @@ import { parse as parseConfig } from "@changesets/config";
 import * as git from "@changesets/git";
 import parseChangeset from "@changesets/parse";
 import * as fs from "fs";
-import humanId from "human-id";
+import { humanId } from "human-id";
 
 const configText = fs.readFileSync(".changeset/config.json", {
   encoding: "utf8",

.github/workflows/updatePR.mjs

@@ -27,8 +27,8 @@ const { data: comments } = await github.rest.issues.listComments({
 let comment = comments.find((comment) => comment.user.id === 41898282);
 
 let changesetRawStr = process.env.CHANGESET.replace(/\n/g, "\\n");
+
 changesetRawStr = changesetRawStr.replace(/^'(.*)'$/, "$1");
-const hasUndef = changesetRawStr.includes("undefined");
 const changeset = JSON.parse(changesetRawStr);
 
 const changedPackagesLines = changeset.changedPackages

package.json

@@ -40,10 +40,12 @@
     "apps/private/*",
     "apps/examples/*"
   ],
-  "dependencies": {
-    "@changesets/cli": "^2.27.1",
-    "@manypkg/cli": "^0.21.0",
+  "devDependencies": {
+    "@amplitude/session-replay-browser": "^1.22.6",
+    "@changesets/cli": "^2.29.4",
+    "@manypkg/cli": "^0.24.0",
     "@octokit/auth-action": "^4.0.1",
+    "human-id": "^4.1.1",
     "octokit": "^4.0.2",
     "ts-prune": "^0.10.3",
     "turbo": "^2.4.4"

packages/core/package.json

@@ -60,7 +60,6 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "crypto-browserify": "^3.12.0",
     "dayjs": "^1.11.7",
     "graphql": "^16.6.0",
     "graphql-ws": "^5.11.3",

packages/lightspark-sdk/package.json

@@ -71,7 +71,6 @@
   "dependencies": {
     "@lightsparkdev/core": "1.4.0",
     "@lightsparkdev/crypto-wasm": "0.1.14",
-    "crypto-browserify": "^3.12.0",
     "dayjs": "^1.11.7",
     "dotenv": "^16.3.1",
     "graphql": "^16.6.0",

packages/lightspark-sdk/src/client.ts

@@ -29,6 +29,7 @@ import NodeKeyLoaderCache from "./NodeKeyLoaderCache.js";
 import { type SigningKeyLoaderArgs } from "./SigningKeyLoader.js";
 import { BitcoinFeeEstimate as BitcoinFeeEstimateQuery } from "./graphql/BitcoinFeeEstimate.js";
 import { CancelInvoice } from "./graphql/CancelInvoice.js";
+import { CancelUmaInvitation } from "./graphql/CancelUmaInvitation.js";
 import { ClaimUmaInvitation } from "./graphql/ClaimUmaInvitation.js";
 import { ClaimUmaInvitationWithIncentives } from "./graphql/ClaimUmaInvitationWithIncentives.js";
 import { CreateApiToken } from "./graphql/CreateApiToken.js";
@@ -40,6 +41,7 @@ import { CreateTestModeInvoice } from "./graphql/CreateTestModeInvoice.js";
 import { CreateTestModePayment } from "./graphql/CreateTestModePayment.js";
 import { CreateUmaInvitation } from "./graphql/CreateUmaInvitation.js";
 import { CreateUmaInvitationWithIncentives } from "./graphql/CreateUmaInvitationWithIncentives.js";
+import { CreateUmaInvitationWithPayment } from "./graphql/CreateUmaInvitationWithPayment.js";
 import { CreateUmaInvoice } from "./graphql/CreateUmaInvoice.js";
 import { DecodeInvoice } from "./graphql/DecodeInvoice.js";
 import { DeleteApiToken } from "./graphql/DeleteApiToken.js";
@@ -1737,6 +1739,85 @@ class LightsparkClient {
     coreLogger.setEnabled(enabled, level);
     logger.setEnabled(enabled, level);
   }
+
+  /**
+   * Creates an UMA invitation with an attached payment.
+   *
+   * @param inviterUma The UMA of the inviter.
+   * @param amountToSend The amount and currency to send in the smallest unit of the currency (i.e. cents for USD).
+   * @param expiresAt The expiration date/time (Date).
+   * @returns The invitation that was created, or null if creation failed.
+   */
+  public async createUmaInvitationWithPayment(
+    inviterUma: string,
+    amountToSend: {
+      amount: number;
+      currency: {
+        code: string;
+        name: string;
+        symbol: string;
+        decimals: number;
+      };
+    },
+    expiresAt: Date,
+  ): Promise<UmaInvitation | null> {
+    return await this.executeRawQuery({
+      queryPayload: CreateUmaInvitationWithPayment,
+      variables: {
+        inviterUma,
+        paymentAmount: amountToSend.amount,
+        paymentCurrency: amountToSend.currency,
+        expiresAt: expiresAt.toISOString(),
+      },
+      constructObject: (responseJson: {
+        create_uma_invitation_with_payment: {
+          invitation: any; // eslint-disable-line @typescript-eslint/no-explicit-any
+        } | null;
+      }) => {
+        if (!responseJson.create_uma_invitation_with_payment?.invitation) {
+          throw new LightsparkException(
+            "CreateUmaInvitationWithPaymentError",
+            "Unable to create UMA invitation with payment",
+          );
+        }
+        return UmaInvitationFromJson(
+          responseJson.create_uma_invitation_with_payment.invitation,
+        );
+      },
+    });
+  }
+
+  /**
+   * Cancels an UMA invitation by its invite code.
+   *
+   * @param invitationCode The code of the invitation to cancel.
+   * @returns The cancelled invitation, or null if cancellation failed.
+   */
+  public async cancelUmaInvitation(
+    invitationCode: string,
+  ): Promise<UmaInvitation | null> {
+    return await this.executeRawQuery({
+      queryPayload: CancelUmaInvitation,
+      variables: {
+        inviteCode: invitationCode,
+      },
+      constructObject: (responseJson: {
+        cancel_uma_invitation: {
+          invitation: any; // eslint-disable-line @typescript-eslint/no-explicit-any
+        } | null;
+      }) => {
+        if (!responseJson.cancel_uma_invitation?.invitation) {
+          throw new LightsparkException(
+            "CancelUmaInvitationError",
+            "Unable to cancel UMA invitation",
+          );
+        }
+        return UmaInvitationFromJson(
+          responseJson.cancel_uma_invitation.invitation,
+        );
+      },
+    });
+  }
 }
 
 export default LightsparkClient;

packages/lightspark-sdk/src/graphql/CancelUmaInvitation.ts

@@ -0,0 +1,19 @@
+// Copyright ©, 2023-present, Lightspark Group, Inc. - All Rights Reserved
+
+import { FRAGMENT as UmaInvitationFragment } from "../objects/UmaInvitation.js";
+
+export const CancelUmaInvitation = `
+    mutation CancelUmaInvitation(
+        $inviteCode: String!
+    ) {
+        cancel_uma_invitation(input: {
+            invite_code: $inviteCode
+        }) {
+            invitation {
+                ...UmaInvitationFragment
+            }
+        }
+    }
+
+${UmaInvitationFragment}
+`;