Skip to content

Commit 56d34fb

Browse files
github-actions[bot]bsiaotickchongmatthappensJasonCWangcoreymartin
authored
Updates to ui, lightspark-sdk (#471)
* [ui] add hash param to navigate util (#19151) GitOrigin-RevId: 2b1a876336ba990b17a91514c56d13cca80e6a5e * add carousel for 3a (#19089) # Add TripleA carousel This adds a carousel for triple a users which explains: * security * receiving * and sharing it both encourages users to continue sign up and provides information about the uma receive process ![Screenshot 2025-07-14 at 3.13.39 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/kXS0LK7Piva9kiHcEnGv/ded606dc-c25c-4959-a040-89896043281b.png) | modal | appearance | | -------- | ------- | | get paid directly | ![Screenshot 2025-07-15 at 1.03.53 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/kXS0LK7Piva9kiHcEnGv/55e734ba-44a8-4ff0-a447-246c4607ad33.png) | | receive from anywhere | ![Screenshot 2025-07-15 at 1.04.55 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/kXS0LK7Piva9kiHcEnGv/b6f0c326-cc5c-45b3-9337-12c0be34878b.png) | | security | ![Screenshot 2025-07-14 at 3.15.47 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/kXS0LK7Piva9kiHcEnGv/0f25472f-cbd7-43e9-b053-6f7cacfb1a26.png) | GitOrigin-RevId: c6fed67d856d5b6a6f14e627554c995b5b8649d1 * [nage] init nage app inside of site (#19244) ![Screenshot 2025-07-18 at 5.28.49 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/275a72cc-68e6-45dc-9a4c-72a6cca02e68.png) - adds initial app for nage inside of site - all routes start with /umaaas - hides behind gk check for NAGE_ENABLED - placeholder pages - initial working side nav - adds theme and typography for Nage (not final) - adds react helmet so we can dynamically update the title and metadata upon navigating to a nage route - Suisse Intl isn't available from google fonts bc it's commercially licensed, so will need a separate PR to add that GitOrigin-RevId: 703a2bcb271a9525a9dae4092733d8a6b76fcdbb * [nage] add suisse intl font (#19333) - adds suisse intl font files to nage and storybook - forces nage theme upon navigating to /umaaas route (non-persisted) - we don't currently have a way of re-rendering GlobalStyles otherwise ![Screenshot 2025-07-23 at 2.50.07 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/d0e08de7-ce02-4c51-98b4-667a4321ba09.png) ![Screenshot 2025-07-23 at 2.50.21 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/19fe6276-6168-4623-a403-9590b99290a5.png) GitOrigin-RevId: c8ec912ac27e9eb69a997099400804120adb8290 * [ui] update typography tokens for nage (#19339) aligns typography tokens with the figma https://www.figma.com/design/3JvbUyTqbbPL8cCpwSX0j4/Origin-design-system?node-id=2077-838&m=dev ![Screenshot 2025-07-23 at 3.54.13 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/e1e168f8-0216-4259-828c-0bf0a231a4b4.png) GitOrigin-RevId: e8ebf12c3f6c1aedbd005ab3ae556001523436e1 * [ui] add colors from nage design system (#19342) GitOrigin-RevId: 94afc523d56acac7ae48bf30fb202609237be8ae * [ui] add central icons for nage (#19348) adds new central icons ![Screenshot 2025-07-23 at 5.52.58 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/3e390445-d5df-4c2b-b8ee-a73a16550014.png) GitOrigin-RevId: 04098c7c3158408a4446e5e5f958bf6a0a40f3aa * [nage] update menu icons and add external link option (#19362) ![Screenshot 2025-07-24 at 11.47.48 AM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/f9c0b49b-28be-41e3-8ea1-5d14cc1b778b.png) GitOrigin-RevId: c226f68d53fecb40aa4c9630003db21fb9ef77b3 * [ui] add Btn typography (#19377) ![Screenshot 2025-07-24 at 1.51.38 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/1078c86c-d509-4420-931a-f78e0e52f8ad.png) new typography type and tokens for Btn - meant to be tighter than normal to make button feel more clickable https://www.figma.com/design/3JvbUyTqbbPL8cCpwSX0j4?node-id=2077-941&m=dev#1352947961 - adds extra small label token - adds storybook story for Btn GitOrigin-RevId: 0a7775e1e98ded09a0855950b439366b79bad0ba * Revamp transaction details page (#19379) ### TL;DR Added a transaction details support modal and improved the transaction details UI with better status handling and visual enhancements. ### What changed? - Created a new `TransactionDetailsSupportModal` component for handling support requests - Enhanced the `TransactionAvatar` styling with responsive background colors and improved icon display - Updated the transaction details page with clearer status indicators for pending, failed, and successful transactions - Added new language strings for various transaction states (failed, pending, etc.) - Improved the GraphQL schema to include `is_send_to_clabe` field for ZeroHash send operations - Enhanced the UI for displaying transaction information with better spacing and layout - Added support for displaying different transaction types (UMA to UMA, UMA to bank, payment links) - Implemented responsive styling for better mobile display - Added a callout for pending transactions to inform users GitOrigin-RevId: 459b0e0d8ffbd42ebd1467343fc0c2ad8c95d4c4 * [js] Improvements to preview scripts (#19426) * [js] Improvements to preview scripts * rename to turbo:build:preview GitOrigin-RevId: a202d2f6103038ad161e04e663c3244d54ebfd35 * Generate objects for js sdk. (#19447) GitOrigin-RevId: a3a9af5317c88f2d16720280ca0a525c6acb77e1 * Add lookup uma address query to js sdk (#19448) GitOrigin-RevId: fbd73c4b89795cc4cead4369fabfffc2e47562ca * [Nage] Update nageBaseSettings with designs (#19424) GitOrigin-RevId: 0a51b6161c39e9bd2a0078a157a62c56565af8ce * [nage] add custom styling for data manager tables (#19501) ![Screenshot 2025-07-29 at 4.42.41 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/4e114bea-fed7-40ba-a373-f989a2c5710c.png) Temporarily using cn2 transaction data in place of umaaas transaction data TODO in follow up PRs: - styling for pagination - filter pills - using real data GitOrigin-RevId: 2dd80ff659ce55513e8c4964e33a4e0daf2c9941 * [nage] add origin icon to header (#19504) ![Screenshot 2025-07-29 at 5.30.19 PM.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/NU8OmLauzLqa61yWDJkY/a67ce2cc-5366-46e7-a490-4f415722ed0f.png) - makes icon "square" and "color" props customizable for icon GitOrigin-RevId: b85fafeb37ed2f0922b7eb8fd48f8c972feac279 * Create whole-webs-fetch.md * Create nasty-cows-yell.md --------- Co-authored-by: Brian Siao Tick Chong <bsiaotickchong@gmail.com> Co-authored-by: Matt Davis <matthappens@gmail.com> Co-authored-by: Jason Wang <jason@lightspark.com> Co-authored-by: Corey Martin <coreyn.martin@gmail.com>
1 parent 7c87923 commit 56d34fb

104 files changed

Lines changed: 3745 additions & 232 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

.changeset/nasty-cows-yell.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@lightsparkdev/ui": patch
3+
---
4+
5+
Adding new base nage design system and theming

.changeset/whole-webs-fetch.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@lightsparkdev/lightspark-sdk": patch
3+
---
4+
5+
- Regenerated Graphql Objects and added new lookup uma address endpoint that allows users to validate umas.

apps/examples/ui-test-app/package.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@
2020
"lint": "eslint .",
2121
"postversion": "yarn build",
2222
"start": "yarn vite",
23-
"preview": "yarn tsc && yarn vite preview",
2423
"test": "node --experimental-vm-modules $(yarn bin jest) --no-cache --runInBand --bail",
2524
"types": "echo \"TODO: Some imports depend on the inheriting app config. May not be possible to run types here separately unless we fix that.\"",
2625
"types:watch": "echo \"TODO: Some imports depend on the inheriting app config. May not be possible to run types here separately unless we fix that.\""

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727
"package:checks": "turbo run package:checks",
2828
"release": "turbo build && changeset publish",
2929
"start:prod": "VITE_PROXY_TARGET=https://app.lightspark.com yarn start",
30+
"preview": "turbo run preview",
3031
"start": "./start.sh",
3132
"test": "turbo run test",
3233
"test:ui": "turbo run test:ui",

packages/core/README.md

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,5 +11,3 @@ To use the package, you'll need to install it from npm:
1111
```bash
1212
$ npm install @lightsparkdev/core
1313
```
14-
15-
TODO

packages/lightspark-sdk/src/client.ts

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -51,6 +51,7 @@ import { IncomingPaymentsForInvoice } from "./graphql/IncomingPaymentsForInvoice
5151
import { InvoiceForPaymentHash } from "./graphql/InvoiceForPaymentHash.js";
5252
import { LightningFeeEstimateForInvoice } from "./graphql/LightningFeeEstimateForInvoice.js";
5353
import { LightningFeeEstimateForNode } from "./graphql/LightningFeeEstimateForNode.js";
54+
import { LookupUmaAddress } from "./graphql/LookupUmaAddress.js";
5455
import type { AccountDashboard } from "./graphql/MultiNodeDashboard.js";
5556
import { MultiNodeDashboard } from "./graphql/MultiNodeDashboard.js";
5657
import { OutgoingPaymentsForInvoice } from "./graphql/OutgoingPaymentsForInvoice.js";
@@ -1818,6 +1819,18 @@ class LightsparkClient {
18181819
},
18191820
});
18201821
}
1822+
1823+
public async lookupUmaAddress(umaAddress: string): Promise<boolean> {
1824+
return await this.executeRawQuery({
1825+
queryPayload: LookupUmaAddress,
1826+
variables: { uma_address: umaAddress },
1827+
constructObject: (responseJson: {
1828+
lookup_uma_address: any; // eslint-disable-line @typescript-eslint/no-explicit-any
1829+
}) => {
1830+
return responseJson.lookup_uma_address;
1831+
},
1832+
});
1833+
}
18211834
}
18221835

18231836
export default LightsparkClient;
Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
// Copyright ©, 2023-present, Lightspark Group, Inc. - All Rights Reserved
2+
3+
export const LookupUmaAddress = `
4+
query LookupUmaAddress(
5+
$uma_address: String!
6+
) {
7+
lookup_uma_address(input: { uma_address: $uma_address })
8+
}
9+
`;
Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
// Copyright ©, 2023-present, Lightspark Group, Inc. - All Rights Reserved
2+
3+
interface CancelUmaInvitationInput {
4+
inviteCode: string;
5+
}
6+
7+
export const CancelUmaInvitationInputFromJson = (
8+
obj: any,
9+
): CancelUmaInvitationInput => {
10+
return {
11+
inviteCode: obj["cancel_uma_invitation_input_invite_code"],
12+
} as CancelUmaInvitationInput;
13+
};
14+
export const CancelUmaInvitationInputToJson = (
15+
obj: CancelUmaInvitationInput,
16+
): any => {
17+
return {
18+
cancel_uma_invitation_input_invite_code: obj.inviteCode,
19+
};
20+
};
21+
22+
export default CancelUmaInvitationInput;
Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
// Copyright ©, 2023-present, Lightspark Group, Inc. - All Rights Reserved
2+
3+
interface CancelUmaInvitationOutput {
4+
invitationId: string;
5+
}
6+
7+
export const CancelUmaInvitationOutputFromJson = (
8+
obj: any,
9+
): CancelUmaInvitationOutput => {
10+
return {
11+
invitationId: obj["cancel_uma_invitation_output_invitation"].id,
12+
} as CancelUmaInvitationOutput;
13+
};
14+
export const CancelUmaInvitationOutputToJson = (
15+
obj: CancelUmaInvitationOutput,
16+
): any => {
17+
return {
18+
cancel_uma_invitation_output_invitation: { id: obj.invitationId },
19+
};
20+
};
21+
22+
export const FRAGMENT = `
23+
fragment CancelUmaInvitationOutputFragment on CancelUmaInvitationOutput {
24+
__typename
25+
cancel_uma_invitation_output_invitation: invitation {
26+
id
27+
}
28+
}`;
29+
30+
export default CancelUmaInvitationOutput;

packages/lightspark-sdk/src/objects/ChannelStatus.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ export enum ChannelStatus {
2222
*/
2323
UNBALANCED_FOR_SEND = "UNBALANCED_FOR_SEND",
2424
/**
25-
* The channel is behaving properly, but its remote balance is much lower than its local balance
26-
* so it is not balanced properly for receiving funds. *
25+
* The channel is behaving properly, but its remote balance is much lower than its
26+
* local balance so it is not balanced properly for receiving funds. *
2727
*/
2828
UNBALANCED_FOR_RECEIVE = "UNBALANCED_FOR_RECEIVE",
2929
/**

0 commit comments

Comments
 (0)