update

Author: MananTank

packages/thirdweb/src/react/web/ui/Bridge/CheckoutWidget.tsx

@@ -347,7 +347,7 @@ function CheckoutWidgetContentWrapper(props: CheckoutWidgetProps) {
 
   // if branding is disabled for widget, disable it for connect options too
   const connectOptions = useMemo(() => {
-    if (!props.showThirdwebBranding === false) {
+    if (props.showThirdwebBranding === false) {
       return {
         ...props.connectOptions,
         connectModal: {

packages/thirdweb/src/react/web/ui/Bridge/TransactionPayment.tsx

@@ -412,6 +412,9 @@ export function TransactionPayment({
                 transactionDataQuery.data.tokenInfo,
                 getAddress(activeAccount.address),
               );
+            } else {
+              // if token not supported, can't go into buy flow, so skip to execute transaction
+              onExecuteTransaction();
             }
           }}
           style={{

packages/thirdweb/src/stories/Bridge/CheckoutWidget.stories.tsx

@@ -15,7 +15,6 @@ const meta = {
     onError: () => {},
     onSuccess: () => {},
     currency: "USD",
-    ...DIRECT_PAYMENT_UI_OPTIONS.digitalArt,
   },
   component: StoryVariant,
   title: "Bridge/CheckoutWidget",
@@ -34,6 +33,22 @@ export const DigitalArt: Story = {
     name: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.title,
     description: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.description,
     image: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.buttonLabel,
+  },
+};
+
+export const DigitalArtJPCurrency: Story = {
+  args: {
+    amount: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.amount,
+    chain: defineChain(
+      DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.token.chainId,
+    ),
+    currency: "JPY",
+    seller: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.paymentInfo.sellerAddress,
+    name: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.title,
+    description: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.description,
+    image: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.digitalArt.buttonLabel,
   },
 };
 
@@ -47,6 +62,7 @@ export const ConcertTicket: Story = {
     name: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.metadata?.title,
     description: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.metadata?.description,
     image: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.concertTicket.buttonLabel,
   },
 };
 
@@ -60,6 +76,7 @@ export const SubscriptionService: Story = {
     name: DIRECT_PAYMENT_UI_OPTIONS.subscription.metadata?.title,
     description: DIRECT_PAYMENT_UI_OPTIONS.subscription.metadata?.description,
     image: DIRECT_PAYMENT_UI_OPTIONS.subscription.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.subscription.buttonLabel,
   },
 };
 
@@ -73,6 +90,7 @@ export const PhysicalProduct: Story = {
     name: DIRECT_PAYMENT_UI_OPTIONS.sneakers.metadata?.title,
     description: DIRECT_PAYMENT_UI_OPTIONS.sneakers.metadata?.description,
     image: DIRECT_PAYMENT_UI_OPTIONS.sneakers.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.sneakers.buttonLabel,
   },
 };
 
@@ -86,6 +104,7 @@ export const NoImage: Story = {
     name: DIRECT_PAYMENT_UI_OPTIONS.credits.metadata?.title,
     description: DIRECT_PAYMENT_UI_OPTIONS.credits.metadata?.description,
     image: DIRECT_PAYMENT_UI_OPTIONS.credits.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.credits.buttonLabel,
   },
 };
 
@@ -99,6 +118,7 @@ export const CustomButtonLabel: Story = {
     name: DIRECT_PAYMENT_UI_OPTIONS.customButton.metadata?.title,
     description: DIRECT_PAYMENT_UI_OPTIONS.customButton.metadata?.description,
     image: DIRECT_PAYMENT_UI_OPTIONS.customButton.metadata?.image,
+    buttonLabel: DIRECT_PAYMENT_UI_OPTIONS.customButton.buttonLabel,
   },
 };