From a14f9bafb0e923afe576de405ac05b5695135136 Mon Sep 17 00:00:00 2001 From: gregfromstl Date: Wed, 27 Aug 2025 16:51:26 -0700 Subject: [PATCH 1/3] feat: update payment success copy on payment page --- .../web/ui/Bridge/BridgeOrchestrator.tsx | 1 + .../Bridge/payment-success/SuccessScreen.tsx | 20 +++++++++++++++---- .../stories/Bridge/SuccessScreen.stories.tsx | 14 +++++++++++++ 3 files changed, 31 insertions(+), 4 deletions(-) diff --git a/packages/thirdweb/src/react/web/ui/Bridge/BridgeOrchestrator.tsx b/packages/thirdweb/src/react/web/ui/Bridge/BridgeOrchestrator.tsx index 9346ab31bad..a65918a6ce3 100644 --- a/packages/thirdweb/src/react/web/ui/Bridge/BridgeOrchestrator.tsx +++ b/packages/thirdweb/src/react/web/ui/Bridge/BridgeOrchestrator.tsx @@ -389,6 +389,7 @@ export function BridgeOrchestrator({ preparedQuote={state.context.quote} uiOptions={uiOptions} windowAdapter={webWindowAdapter} + hasPaymentId={!!paymentLinkId} /> )} diff --git a/packages/thirdweb/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx b/packages/thirdweb/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx index f22732fd010..93c06c96b84 100644 --- a/packages/thirdweb/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx +++ b/packages/thirdweb/src/react/web/ui/Bridge/payment-success/SuccessScreen.tsx @@ -42,6 +42,11 @@ export interface SuccessScreenProps { windowAdapter: WindowAdapter; client: ThirdwebClient; + + /** + * Whether or not this payment is associated with a payment ID. If it does, we show a different message. + */ + hasPaymentId?: boolean; } type ViewState = "success" | "detail"; @@ -53,6 +58,7 @@ export function SuccessScreen({ onDone, windowAdapter, client, + hasPaymentId = false, }: SuccessScreenProps) { const theme = useCustomTheme(); const [viewState, setViewState] = useState("success"); @@ -120,7 +126,11 @@ export function SuccessScreen({ - Your cross-chain payment has been completed successfully. + {hasPaymentId + ? "You can now close this page and return to the application." + : uiOptions.mode === "transaction" + ? "Click continue to execute your transaction." + : "Your payment has been completed successfully."} @@ -135,9 +145,11 @@ export function SuccessScreen({ View Payment Receipt - + {!hasPaymentId && ( + + )} {/* CSS Animations */} diff --git a/packages/thirdweb/src/stories/Bridge/SuccessScreen.stories.tsx b/packages/thirdweb/src/stories/Bridge/SuccessScreen.stories.tsx index 4d1cb5b38e1..49c5cfa7e9e 100644 --- a/packages/thirdweb/src/stories/Bridge/SuccessScreen.stories.tsx +++ b/packages/thirdweb/src/stories/Bridge/SuccessScreen.stories.tsx @@ -222,3 +222,17 @@ export const TransactionPayment: Story = { backgrounds: { default: "light" }, }, }; + +export const PaymentId: Story = { + args: { + client: storyClient, + completedStatuses: mockBuyCompletedStatuses, + hasPaymentId: true, + preparedQuote: simpleBuyQuote, + theme: "light", + uiOptions: TRANSACTION_UI_OPTIONS.contractInteraction, + }, + parameters: { + backgrounds: { default: "light" }, + }, +}; From c4af62b8ed2a590891acade09c4e37f2a014bed4 Mon Sep 17 00:00:00 2001 From: gregfromstl Date: Wed, 27 Aug 2025 16:52:48 -0700 Subject: [PATCH 2/3] chore: adds rainbow wallet to pay page --- .../src/app/pay/components/client/PayPageWidget.client.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/dashboard/src/app/pay/components/client/PayPageWidget.client.tsx b/apps/dashboard/src/app/pay/components/client/PayPageWidget.client.tsx index 0298f12d98b..2cd71f91e08 100644 --- a/apps/dashboard/src/app/pay/components/client/PayPageWidget.client.tsx +++ b/apps/dashboard/src/app/pay/components/client/PayPageWidget.client.tsx @@ -60,6 +60,7 @@ export function PayPageWidget({ createWallet("io.metamask"), createWallet("io.rabby"), createWallet("com.okex.wallet"), + createWallet("me.rainbow"), createWallet("walletConnect"), ], showAllWallets: true, From c55b29bef0120390beac7912ae92d03c8dfcf93c Mon Sep 17 00:00:00 2001 From: gregfromstl Date: Wed, 27 Aug 2025 17:21:00 -0700 Subject: [PATCH 3/3] changeset --- .changeset/cuddly-results-play.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/cuddly-results-play.md diff --git a/.changeset/cuddly-results-play.md b/.changeset/cuddly-results-play.md new file mode 100644 index 00000000000..c1f320e2593 --- /dev/null +++ b/.changeset/cuddly-results-play.md @@ -0,0 +1,5 @@ +--- +"thirdweb": patch +--- + +Updates copy on the payment widgets