update

Author: MananTank

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

@@ -17,7 +17,7 @@ const meta = {
     currency: "USD",
   },
   component: StoryVariant,
-  title: "Bridge/CheckoutWidget",
+  title: "Bridge/Checkout/CheckoutWidget",
 } satisfies Meta<typeof StoryVariant>;
 
 export default meta;

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

@@ -25,7 +25,7 @@ const meta: Meta<typeof ErrorBanner> = {
       </ModalThemeWrapper>
     ),
   ],
-  title: "Bridge/ErrorBanner",
+  title: "Bridge/screens/ErrorBanner",
 };
 
 export default meta;

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

@@ -83,7 +83,7 @@ const meta: Meta<typeof PaymentDetails> = {
     ),
   ],
   component: PaymentDetails,
-  title: "Bridge/PaymentDetails",
+  title: "Bridge/screens/PaymentDetails",
 };
 
 export default meta;

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

@@ -32,7 +32,7 @@ const meta: Meta<typeof PaymentSelection> = {
     ),
   ],
   component: PaymentSelection,
-  title: "Bridge/PaymentSelection",
+  title: "Bridge/screens/PaymentSelection",
 };
 
 export default meta;

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

@@ -32,7 +32,7 @@ const meta: Meta<typeof StepRunner> = {
   parameters: {
     layout: "centered",
   },
-  title: "Bridge/StepRunner",
+  title: "Bridge/screens/StepRunner",
 };
 
 export default meta;

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

@@ -84,7 +84,7 @@ const meta: Meta<typeof SuccessScreen> = {
       </ModalThemeWrapper>
     ),
   ],
-  title: "Bridge/SuccessScreen",
+  title: "Bridge/screens/SuccessScreen",
 };
 
 export default meta;

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

@@ -0,0 +1,41 @@
+import type { Meta } from "@storybook/react";
+import { base } from "../../../chains/chain-definitions/base.js";
+import { useActiveAccount } from "../../../react/core/hooks/wallets/useActiveAccount.js";
+import { useSendTransaction } from "../../../react/web/hooks/transaction/useSendTransaction.js";
+import { ConnectButton } from "../../../react/web/ui/ConnectWallet/ConnectButton.js";
+import { Button } from "../../../react/web/ui/components/buttons.js";
+import { prepareTransaction } from "../../../transaction/prepare-transaction.js";
+import { toWei } from "../../../utils/units.js";
+import { storyClient } from "../../utils.js";
+
+const meta: Meta<typeof SendEth> = {
+  component: SendEth,
+  title: "Bridge/Transaction/useSendTransaction",
+};
+export default meta;
+
+export function SendEth() {
+  const sendTx = useSendTransaction();
+  const account = useActiveAccount();
+
+  if (!account) {
+    return <ConnectButton client={storyClient} />;
+  }
+  return (
+    <Button
+      variant="primary"
+      onClick={() => {
+        const sendFunds = prepareTransaction({
+          chain: base,
+          client: storyClient,
+          to: "0x83Dd93fA5D8343094f850f90B3fb90088C1bB425",
+          value: toWei("0.001"),
+        });
+
+        sendTx.mutate(sendFunds);
+      }}
+    >
+      {sendTx.isPending ? "Sending..." : "Send 0.01 ETH"}
+    </Button>
+  );
+}

packages/thirdweb/src/stories/Bridge/Transaction/useSendTransactionModal.stories.tsx

@@ -11,7 +11,7 @@ const meta: Meta<typeof UnsupportedTokenScreen> = {
     tokenAddress: NATIVE_TOKEN_ADDRESS,
   },
   component: UnsupportedTokenScreen,
-  title: "Bridge/UnsupportedTokenScreen",
+  title: "Bridge/screens/UnsupportedTokenScreen",
   decorators: [
     (Story) => (
       <ModalThemeWrapper>

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

@@ -639,7 +639,7 @@ const contractInteractionTransaction = claimTo({
 // ========== COMMON DUMMY DATA FOR STORYBOOK ========== //
 
 // Common receiver addresses for testing
-export const RECEIVER_ADDRESSES = {
+const RECEIVER_ADDRESSES = {
   physical: "0x5555666677778888999900001111222233334444" as const,
   primary: "0x2247d5d238d0f9d37184d8332aE0289d1aD9991b" as const,
   secondary: "0xa3841994009B4fEabb01ebcC62062F9E56F701CD" as const,
@@ -680,17 +680,6 @@ const PRODUCT_METADATA = {
   },
 };
 
-type FundWalletUIOptions = {
-  destinationToken: TokenWithPrices;
-  metadata: {
-    description: string | undefined;
-    title: string | undefined;
-    image: string | undefined;
-  };
-  initialAmount: string | undefined;
-  buttonLabel: string | undefined;
-};
-
 type DirectPaymentUIOptions = {
   metadata: {
     description: string | undefined;
@@ -711,63 +700,6 @@ type TransactionUIOptions = {
   buttonLabel: string | undefined;
 };
 
-// UI Options for FundWallet mode
-export const FUND_WALLET_UI_OPTIONS: Record<
-  "ethDefault" | "ethWithAmount" | "usdcDefault" | "uniLarge" | "customButton",
-  FundWalletUIOptions
-> = {
-  ethDefault: {
-    destinationToken: ETH,
-    metadata: {
-      description: "Add funds to your wallet",
-      title: "Fund Wallet",
-      image: undefined,
-    },
-    buttonLabel: undefined,
-    initialAmount: undefined,
-  },
-  ethWithAmount: {
-    destinationToken: ETH,
-    initialAmount: "0.001",
-    buttonLabel: undefined,
-    metadata: {
-      description: "Add funds to your wallet",
-      title: "Fund Wallet",
-      image: undefined,
-    },
-  },
-  uniLarge: {
-    destinationToken: UNI,
-    initialAmount: "150000",
-    buttonLabel: undefined,
-    metadata: {
-      description: "Add UNI tokens to your wallet",
-      title: "Fund Wallet",
-      image: undefined,
-    },
-  },
-  usdcDefault: {
-    destinationToken: USDC,
-    initialAmount: "5",
-    buttonLabel: undefined,
-    metadata: {
-      description: undefined,
-      title: undefined,
-      image: undefined,
-    },
-  },
-  customButton: {
-    destinationToken: ETH,
-    initialAmount: "0.01",
-    metadata: {
-      description: "Test custom button label for funding",
-      title: "Custom Fund Wallet",
-      image: undefined,
-    },
-    buttonLabel: "Add Funds Now",
-  },
-};
-
 // UI Options for DirectPayment mode
 export const DIRECT_PAYMENT_UI_OPTIONS: Record<
   | "digitalArt"