@unifold/ui-react 0.1.68-beta.2 → 0.1.68

package/dist/index.js

@@ -583,6 +583,7 @@ var DialogContent = React3.forwardRef(({ className, style, children, omitOverlay
       className: cn(
         portalContainer ? "uf-absolute" : "uf-fixed",
         "uf-bottom-0 uf-left-0 uf-right-0 uf-top-0 uf-z-50 uf-grid uf-w-full uf-max-w-full uf-h-full",
+        "focus:uf-outline-none focus-visible:uf-outline-none",
         !portalContainer && "sm:uf-left-[50%] sm:uf-top-[50%] sm:uf-bottom-auto sm:uf-right-auto sm:uf-translate-x-[-50%] sm:uf-translate-y-[-50%] sm:uf-h-auto",
         "uf-border uf-bg-background",
         omitOverlayEmbed ? "uf-gap-0 uf-p-0" : "uf-gap-4 uf-p-6 uf-shadow-lg uf-duration-200",
@@ -598,6 +599,14 @@ var DialogContent = React3.forwardRef(({ className, style, children, omitOverlay
       ),
       style: {
         "--uf-container-radius": `${components.container.borderRadius}px`,
+        // Radix traps focus and, when the focused control unmounts during an
+        // in-modal screen transition, moves focus onto this container. Modern
+        // browsers paint the default focus ring via `:focus-visible`, which
+        // flashes a highlight around the whole modal until focus settles on
+        // the next screen. Suppress it inline so it works regardless of the
+        // Tailwind build (the container is a programmatic focus target, not an
+        // interactive control, so it should never show a focus ring).
+        outline: "none",
         ...portalContainer ? { display: "flex", flexDirection: "column" } : {},
         ...style
       },
@@ -13016,10 +13025,16 @@ function PayWithStripeLink({
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "div",
       {
-        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-max-h-[70vh]",
+        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-overflow-x-hidden uf-max-h-[70vh]",
         style: { backgroundColor: colors2.background },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ref: paymentMountRef, className: "uf-w-full uf-flex-1 uf-overflow-y-auto" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+            "div",
+            {
+              ref: paymentMountRef,
+              className: "uf-w-full uf-flex-1 uf-overflow-y-auto uf-overflow-x-hidden"
+            }
+          ),
           !stripePaymentUIReady && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-flex uf-items-center uf-justify-center uf-py-8", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react25.Loader2, { className: "uf-w-8 uf-h-8 uf-animate-spin", style: { color: colors2.primary } }) }),
           error && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
             "div",
@@ -13037,7 +13052,7 @@ function PayWithStripeLink({
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
       "div",
       {
-        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-max-h-[70vh]",
+        className: "uf-flex uf-flex-col uf-py-4 uf-overflow-y-auto uf-overflow-x-hidden uf-max-h-[70vh]",
         style: { backgroundColor: colors2.background },
         children: [
           displayPaymentTokens.length === 0 && !loading && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "uf-px-1 uf-mb-3 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -14156,17 +14171,30 @@ var import_react_query8 = require("@tanstack/react-query");
 var import_core22 = require("@unifold/core");
 function useProjectConfig({
   publishableKey,
-  enabled = true
+  enabled = true,
+  countryCode,
+  subdivisionCode
 }) {
-  const { data: projectConfig, isLoading } = (0, import_react_query8.useQuery)({
-    queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => (0, import_core22.getProjectConfig)(publishableKey),
+  const {
+    data: projectConfig,
+    isLoading,
+    error
+  } = (0, import_react_query8.useQuery)({
+    // Country is part of the key so a region change refetches the region-aware
+    // config. Omitted when undefined so callers that don't pass a country keep
+    // sharing the base cache entry.
+    queryKey: countryCode ? ["unifold", "projectConfig", publishableKey, countryCode, subdivisionCode ?? null] : ["unifold", "projectConfig", publishableKey],
+    queryFn: () => (0, import_core22.getProjectConfig)(publishableKey, countryCode ? { countryCode, subdivisionCode } : void 0),
     enabled,
+    // Keep the previous (e.g. no-country) config visible while the region-aware
+    // config refetches after the country resolves, so unrelated config-driven
+    // UI doesn't flash back to defaults.
+    placeholderData: import_react_query8.keepPreviousData,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: true,
     refetchOnWindowFocus: true
   });
-  return { projectConfig, isLoading };
+  return { projectConfig, isLoading, error: error ?? null };
 }
 
 // src/hooks/use-supported-deposit-tokens.ts
@@ -16227,50 +16255,32 @@ function useApplePayProviders({
 }
 
 // src/components/deposits/DepositModal.tsx
-var import_core38 = require("@unifold/core");
+var import_core37 = require("@unifold/core");
 
 // src/hooks/use-allowed-country.ts
-var import_react_query13 = require("@tanstack/react-query");
-var import_core28 = require("@unifold/core");
 function useAllowedCountry(publishableKey) {
+  const { userIpInfo, isLoading: isIpLoading, error: ipError } = useUserIp();
   const {
-    data: ipData,
-    isLoading: isIpLoading,
-    error: ipError
-  } = (0, import_react_query13.useQuery)({
-    queryKey: ["unifold", "ipAddress"],
-    queryFn: () => (0, import_core28.getIpAddress)(),
-    refetchOnMount: false,
-    refetchOnReconnect: true,
-    refetchOnWindowFocus: false,
-    staleTime: 1e3 * 60 * 60,
-    // 1 hour
-    gcTime: 1e3 * 60 * 60 * 24
-    // 24 hours
-  });
-  const {
-    data: configData,
+    projectConfig,
     isLoading: isConfigLoading,
     error: configError
-  } = (0, import_react_query13.useQuery)({
-    queryKey: ["unifold", "projectConfig", publishableKey],
-    queryFn: () => (0, import_core28.getProjectConfig)(publishableKey),
-    refetchOnMount: false,
-    refetchOnReconnect: true,
-    refetchOnWindowFocus: false,
-    staleTime: 1e3 * 60 * 5,
-    // 5 minutes
-    gcTime: 1e3 * 60 * 60
-    // 1 hour
+  } = useProjectConfig({
+    publishableKey,
+    // Wait for the IP so we issue a single country-aware config request rather
+    // than a country-less fetch followed by a country-aware refetch. Shares the
+    // query key with DepositModal's useProjectConfig, so they dedupe.
+    enabled: !isIpLoading,
+    countryCode: userIpInfo?.alpha2,
+    subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
   });
   const isLoading = isIpLoading || isConfigLoading;
   const error = ipError || configError || null;
+  const userSubdivision = userIpInfo?.subdivisionCode || userIpInfo?.state || "";
   let isAllowed = null;
-  if (ipData && configData) {
-    const blockedCodes = configData.blocked_country_codes || [];
-    const blockedSubdivisions = configData.blocked_country_subdivisions || [];
-    const userCountryUpper = ipData.alpha2.toUpperCase();
-    const userSubdivision = ipData.subdivision_code || ipData.state || "";
+  if (userIpInfo && projectConfig) {
+    const blockedCodes = projectConfig.blocked_country_codes || [];
+    const blockedSubdivisions = projectConfig.blocked_country_subdivisions || [];
+    const userCountryUpper = userIpInfo.alpha2.toUpperCase();
     const userSubdivisionUpper = userSubdivision.toUpperCase();
     const isCountryBlocked = blockedCodes.some((code) => code.toUpperCase() === userCountryUpper);
     const isSubdivisionBlocked = blockedSubdivisions.some((entry) => {
@@ -16279,20 +16289,19 @@ function useAllowedCountry(publishableKey) {
     });
     isAllowed = !isCountryBlocked && !isSubdivisionBlocked;
   }
-  const subdivisionCode = ipData?.subdivision_code || ipData?.state || "" || null;
   return {
     isAllowed,
-    alpha2: ipData?.alpha2 ?? null,
-    country: ipData?.country ?? null,
-    subdivisionCode,
+    alpha2: userIpInfo?.alpha2 ?? null,
+    country: userIpInfo?.country ?? null,
+    subdivisionCode: userSubdivision || null,
     isLoading,
     error
   };
 }
 
 // src/hooks/use-address-validation.ts
-var import_react_query14 = require("@tanstack/react-query");
-var import_core29 = require("@unifold/core");
+var import_react_query13 = require("@tanstack/react-query");
+var import_core28 = require("@unifold/core");
 function useAddressValidation({
   recipientAddress,
   destinationChainType,
@@ -16303,7 +16312,7 @@ function useAddressValidation({
   refetchOnMount = false
 }) {
   const shouldValidate = enabled && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  const { data, isLoading, error } = (0, import_react_query14.useQuery)({
+  const { data, isLoading, error } = (0, import_react_query13.useQuery)({
     queryKey: [
       "unifold",
       "addressValidation",
@@ -16312,7 +16321,7 @@ function useAddressValidation({
       destinationChainId,
       destinationTokenAddress
     ],
-    queryFn: () => (0, import_core29.verifyRecipientAddress)(
+    queryFn: () => (0, import_core28.verifyRecipientAddress)(
       {
         chain_type: destinationChainType,
         chain_id: destinationChainId,
@@ -16593,7 +16602,7 @@ function PoweredByUnifold({
 }
 
 // src/components/deposits/DepositsModal.tsx
-var import_core30 = require("@unifold/core");
+var import_core29 = require("@unifold/core");
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function DepositsModal({
   open,
@@ -16611,7 +16620,7 @@ function DepositsModal({
     if (!open || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core30.queryExecutions)(userId, publishableKey, import_core30.ActionType.Deposit);
+        const response = await (0, import_core29.queryExecutions)(userId, publishableKey, import_core29.ActionType.Deposit);
         const sorted = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
@@ -17648,11 +17657,11 @@ var TooltipContent = React32.forwardRef(({ className, sideOffset = 4, ...props }
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/deposits/TransferCryptoSingleInput.tsx
-var import_core32 = require("@unifold/core");
+var import_core31 = require("@unifold/core");
 
 // src/hooks/use-hypercore-activation.ts
-var import_react_query15 = require("@tanstack/react-query");
-var import_core31 = require("@unifold/core");
+var import_react_query14 = require("@tanstack/react-query");
+var import_core30 = require("@unifold/core");
 
 // src/lib/constants.ts
 var HYPERCORE_CHAIN_ID = "1337";
@@ -17670,9 +17679,9 @@ function useHypercoreActivation(params) {
   const recipient = recipientAddress?.trim() ?? "";
   const source = sourceAddress?.trim() ?? "";
   const hasAddresses = !!recipient && !!source;
-  const { data, isLoading } = (0, import_react_query15.useQuery)({
+  const { data, isLoading } = (0, import_react_query14.useQuery)({
     queryKey: ["unifold", "hypercoreActivation", source, recipient, publishableKey],
-    queryFn: () => (0, import_core31.checkHypercoreActivation)(
+    queryFn: () => (0, import_core30.checkHypercoreActivation)(
       {
         source_address: source,
         recipient_address: recipient
@@ -17820,7 +17829,7 @@ function TransferCryptoSingleInput({
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
   ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
-  const currentWallet = (0, import_core32.getWalletByChainType)(wallets, currentChainType);
+  const currentWallet = (0, import_core31.getWalletByChainType)(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
   const {
     executions: depositExecutions,
@@ -18049,7 +18058,7 @@ function TransferCryptoSingleInput({
                   className: "uf-text-sm uf-font-semibold",
                   style: { color: components.card.titleColor, fontFamily: fonts.semibold },
                   children: [
-                    checkoutQuote.isStablecoin ? (0, import_core32.formatStablecoinAmount)(
+                    checkoutQuote.isStablecoin ? (0, import_core31.formatStablecoinAmount)(
                       checkoutQuote.sourceAmount,
                       checkoutQuote.sourceTokenDecimals
                     ) : (Number(checkoutQuote.sourceAmount) / 10 ** checkoutQuote.sourceTokenDecimals).toFixed(Math.min(checkoutQuote.sourceTokenDecimals, 6)),
@@ -18527,7 +18536,7 @@ var SelectSeparator = React33.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/deposits/TransferCryptoDoubleInput.tsx
-var import_core33 = require("@unifold/core");
+var import_core32 = require("@unifold/core");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var t7 = i18n.transferCrypto;
 var getChainKey3 = (chainId, chainType) => {
@@ -18611,7 +18620,7 @@ function TransferCryptoDoubleInput({
     (c) => c.chain_type === currentChainCombo.chainType && c.chain_id === currentChainCombo.chainId
   ) : void 0;
   const currentChainType = currentChainData?.chain_type || "ethereum";
-  const currentWallet = (0, import_core33.getWalletByChainType)(wallets, currentChainType);
+  const currentWallet = (0, import_core32.getWalletByChainType)(wallets, currentChainType);
   const depositAddress = currentWallet?.address || "";
   const {
     executions: depositExecutions,
@@ -19136,10 +19145,10 @@ function TransferCryptoDoubleInput({
 // src/components/deposits/WalletConnect.tsx
 var React34 = __toESM(require("react"));
 var import_lucide_react36 = require("lucide-react");
-var import_core37 = require("@unifold/core");
+var import_core36 = require("@unifold/core");
 
 // src/lib/send-hypercore.ts
-var import_core34 = require("@unifold/core");
+var import_core33 = require("@unifold/core");
 function isHypercoreChain(chainId) {
   return chainId === HYPERCORE_CHAIN_ID;
 }
@@ -19150,7 +19159,7 @@ async function sendHypercoreEvmTransfer(params) {
     params: []
   });
   const activeChainId = String(parseInt(currentChainHex, 16));
-  const buildResult = await (0, import_core34.buildHypercoreTransaction)(
+  const buildResult = await (0, import_core33.buildHypercoreTransaction)(
     {
       signature_chain_id: activeChainId,
       recipient_address: recipientAddress,
@@ -19163,7 +19172,7 @@ async function sendHypercoreEvmTransfer(params) {
     method: "eth_signTypedData_v4",
     params: [fromAddress, JSON.stringify(buildResult.typed_data)]
   });
-  await (0, import_core34.sendHypercoreTransaction)(
+  await (0, import_core33.sendHypercoreTransaction)(
     {
       action_payload: buildResult.action_payload,
       signature,
@@ -19175,8 +19184,8 @@ async function sendHypercoreEvmTransfer(params) {
 }
 
 // src/hooks/use-deposit-quote.ts
-var import_react_query16 = require("@tanstack/react-query");
-var import_core35 = require("@unifold/core");
+var import_react_query15 = require("@tanstack/react-query");
+var import_core34 = require("@unifold/core");
 function useDepositQuote(params) {
   const {
     publishableKey,
@@ -19202,7 +19211,7 @@ function useDepositQuote(params) {
     ...adjustForSlippage ? { adjust_for_slippage: true } : {},
     ...stablecoinParity ? { stablecoin_parity: true } : {}
   };
-  return (0, import_react_query16.useQuery)({
+  return (0, import_react_query15.useQuery)({
     queryKey: [
       "unifold",
       "depositQuote",
@@ -19217,7 +19226,7 @@ function useDepositQuote(params) {
       stablecoinParity,
       publishableKey
     ],
-    queryFn: () => (0, import_core35.getDepositQuote)(request, publishableKey),
+    queryFn: () => (0, import_core34.getDepositQuote)(request, publishableKey),
     enabled: enabled && !!publishableKey && !!sourceChainType && !!sourceChainId && !!sourceTokenAddress && !!destinationAmount && destinationAmount !== "0" && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress,
     staleTime: 3e4,
     gcTime: 5 * 6e4,
@@ -19230,15 +19239,15 @@ function useDepositQuote(params) {
 }
 
 // src/hooks/use-external-wallets.ts
-var import_react_query17 = require("@tanstack/react-query");
-var import_core36 = require("@unifold/core");
+var import_react_query16 = require("@tanstack/react-query");
+var import_core35 = require("@unifold/core");
 function useExternalWallets({
   publishableKey,
   enabled = true
 }) {
-  const { data: wallets = [], isLoading } = (0, import_react_query17.useQuery)({
+  const { data: wallets = [], isLoading } = (0, import_react_query16.useQuery)({
     queryKey: ["unifold", "external-wallets", publishableKey],
-    queryFn: () => (0, import_core36.getExternalWallets)(publishableKey).then((res) => res.data),
+    queryFn: () => (0, import_core35.getExternalWallets)(publishableKey).then((res) => res.data),
     enabled: enabled && !!publishableKey,
     staleTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -20638,7 +20647,7 @@ function WalletConnect({
   };
   const openMobileWalletBrowse = async (wallet, depositAddresses) => {
     try {
-      const res = await (0, import_core37.getWalletMobileDeepLink)(
+      const res = await (0, import_core36.getWalletMobileDeepLink)(
         wallet.id,
         depositAddresses,
         publishableKey
@@ -20949,7 +20958,7 @@ function WalletConnect({
           destination_chain_type: activeDepositWallet.destination_chain_type,
           ...productType ? { product_type: productType } : {}
         };
-        const response = await (0, import_core37.getSupportedDepositTokens)(publishableKey, options);
+        const response = await (0, import_core36.getSupportedDepositTokens)(publishableKey, options);
         if (cancelled) return;
         const supportedToken = response.data.find(
           (t13) => t13.symbol.toLowerCase() === token.symbol.toLowerCase()
@@ -20977,7 +20986,7 @@ function WalletConnect({
     setIsLoading(true);
     setError(null);
     const sct = activeDepositWallet.chain_type === "algorand" || activeDepositWallet.chain_type === "xrpl" || activeDepositWallet.chain_type === "cardano" || activeDepositWallet.chain_type === "n1" ? "ethereum" : activeDepositWallet.chain_type;
-    (0, import_core37.getAddressBalances)(activeWalletInfo.address, sct, publishableKey).then((response) => {
+    (0, import_core36.getAddressBalances)(activeWalletInfo.address, sct, publishableKey).then((response) => {
       if (cancelled) return;
       const nonZero = response.balances.filter((b) => b.amount !== "0");
       const defaultSource = {
@@ -21253,7 +21262,7 @@ function WalletConnect({
     if (!provider.publicKey) await provider.connect();
     const isNative = token.token_address === "native" || token.token_address === "So11111111111111111111111111111111111111112" || token.token_address === "";
     const smallestUnit = isNative ? decimalToSmallestUnit(amountStr, 9) : decimalToSmallestUnit(amountStr, token.decimals);
-    const buildResp = await (0, import_core37.buildSolanaTransaction)(
+    const buildResp = await (0, import_core36.buildSolanaTransaction)(
       {
         chain_id: "mainnet",
         token_address: token.token_address === "" ? "native" : token.token_address,
@@ -21275,7 +21284,7 @@ function WalletConnect({
     const ser = signed.serialize();
     let bs = "";
     for (let i = 0; i < ser.length; i++) bs += String.fromCharCode(ser[i]);
-    const resp = await (0, import_core37.sendSolanaTransaction)(
+    const resp = await (0, import_core36.sendSolanaTransaction)(
       { chain_id: "mainnet", signed_transaction: btoa(bs) },
       publishableKey
     );
@@ -21321,7 +21330,7 @@ function WalletConnect({
       } else if (isHypercoreToken) {
         let sendAmount = tokenAmount;
         try {
-          const activation = await (0, import_core37.checkHypercoreActivation)(
+          const activation = await (0, import_core36.checkHypercoreActivation)(
             { source_address: walletInfo.address, recipient_address: recipientAddress },
             publishableKey
           );
@@ -21369,116 +21378,131 @@ function WalletConnect({
     ] });
   }
   if (view === "select_wallet") {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { style: viewTransitionStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-        DepositHeader,
+    return (
+      // Mobile: flex column that fills the full-height sheet so the wallet list
+      // scrolls and the footer pins to the bottom. Desktop (sm:): content-sized.
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+        "div",
         {
-          title: "Connect Wallet",
-          showBack: canGoBack,
-          onBack: handleBack,
-          onClose
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-pb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-          "p",
-          {
-            className: "uf-text-sm uf-text-center uf-pb-4",
-            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-            children: isMobile ? "Open this page in your wallet's app to connect" : "Select a wallet to connect"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-space-y-2", style: { maxHeight: 330, overflowY: "auto" }, children: availableWallets.map((wallet) => {
-          const walletPlatformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
-          const showOpenInApp = isMobile && !wallet.isInstalled && wallet.supportsMobileBrowse !== false && walletPlatformAllowed;
-          const isPending = pendingMobileWallet?.id === wallet.id;
-          return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
-            "button",
-            {
-              onClick: () => void handleWalletClick(wallet),
-              disabled: isWalletConnecting || !!pendingMobileWallet,
-              className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
-              style: {
-                backgroundColor: components.card.backgroundColor,
-                borderRadius: components.card.borderRadius,
-                border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
-                  WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                    WalletIconWithNetwork,
-                    {
-                      WalletIcon: WALLET_ICONS3[wallet.id],
-                      networks: wallet.networks,
-                      size: 40,
-                      className: "uf-rounded-lg"
-                    }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                      "div",
-                      {
-                        className: "uf-text-sm uf-font-medium",
-                        style: { color: components.card.titleColor, fontFamily: fonts.medium },
-                        children: wallet.name
-                      }
-                    ),
-                    wallet.id === recentWalletId && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                      "span",
-                      {
-                        className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full",
-                        style: {
-                          backgroundColor: colors2.primary + "20",
-                          color: colors2.primary,
-                          fontFamily: fonts.medium
-                        },
-                        children: "Last used"
-                      }
-                    )
-                  ] })
-                ] }),
-                isPending ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                  import_lucide_react36.Loader2,
-                  {
-                    className: "uf-w-4 uf-h-4 uf-animate-spin",
-                    style: { color: colors2.primary }
-                  }
-                ) : wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                  "span",
+          style: viewTransitionStyle,
+          className: "uf-flex uf-min-h-0 uf-flex-1 uf-flex-col sm:uf-block",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+              DepositHeader,
+              {
+                title: "Connect Wallet",
+                showBack: canGoBack,
+                onBack: handleBack,
+                onClose
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-pb-4 uf-flex uf-min-h-0 uf-flex-1 uf-flex-col sm:uf-block", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                "p",
+                {
+                  className: "uf-text-sm uf-text-center uf-pb-4",
+                  style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                  children: isMobile ? "Open this page in your wallet's app to connect" : "Select a wallet to connect"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-space-y-2 uf-min-h-0 uf-flex-1 uf-overflow-y-auto sm:uf-flex-none sm:uf-max-h-[330px] [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: availableWallets.filter((wallet) => {
+                if (!isMobile || wallet.isInstalled) return true;
+                const platformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
+                return wallet.supportsMobileBrowse !== false && platformAllowed;
+              }).map((wallet) => {
+                const walletPlatformAllowed = !wallet.mobileBrowsePlatforms || wallet.mobileBrowsePlatforms.includes(getMobilePlatform() ?? "");
+                const showOpenInApp = isMobile && !wallet.isInstalled && wallet.supportsMobileBrowse !== false && walletPlatformAllowed;
+                const isPending = pendingMobileWallet?.id === wallet.id;
+                return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+                  "button",
                   {
-                    className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
+                    onClick: () => void handleWalletClick(wallet),
+                    disabled: isWalletConnecting || !!pendingMobileWallet,
+                    className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between hover:uf-opacity-90 disabled:uf-opacity-50",
                     style: {
-                      backgroundColor: colors2.primary + "20",
-                      color: colors2.primary,
-                      fontFamily: fonts.medium
+                      backgroundColor: components.card.backgroundColor,
+                      borderRadius: components.card.borderRadius,
+                      border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
                     },
-                    children: "Detected"
-                  }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                      children: showOpenInApp ? "Open" : "Install"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-                    import_lucide_react36.ExternalLink,
-                    {
-                      className: "uf-w-3 uf-h-3",
-                      style: { color: colors2.foregroundMuted }
-                    }
-                  )
-                ] })
-              ]
-            },
-            wallet.id
-          );
-        }) }),
-        walletError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
-      ] })
-    ] });
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
+                        WALLET_ICONS3[wallet.id] ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                          WalletIconWithNetwork,
+                          {
+                            WalletIcon: WALLET_ICONS3[wallet.id],
+                            networks: wallet.networks,
+                            size: 40,
+                            className: "uf-rounded-lg"
+                          }
+                        ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-w-10 uf-h-10 uf-rounded-lg uf-bg-gray-500" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                            "div",
+                            {
+                              className: "uf-text-sm uf-font-medium",
+                              style: { color: components.card.titleColor, fontFamily: fonts.medium },
+                              children: wallet.name
+                            }
+                          ),
+                          wallet.id === recentWalletId && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                            "span",
+                            {
+                              className: "uf-text-xs uf-px-2 uf-py-0.5 uf-rounded-full",
+                              style: {
+                                backgroundColor: colors2.primary + "20",
+                                color: colors2.primary,
+                                fontFamily: fonts.medium
+                              },
+                              children: "Last used"
+                            }
+                          )
+                        ] })
+                      ] }),
+                      isPending ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                        import_lucide_react36.Loader2,
+                        {
+                          className: "uf-w-4 uf-h-4 uf-animate-spin",
+                          style: { color: colors2.primary }
+                        }
+                      ) : wallet.isInstalled ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                        "span",
+                        {
+                          className: "uf-text-xs uf-px-2 uf-py-1 uf-rounded-full",
+                          style: {
+                            backgroundColor: colors2.primary + "20",
+                            color: colors2.primary,
+                            fontFamily: fonts.medium
+                          },
+                          children: "Detected"
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                          "span",
+                          {
+                            className: "uf-text-xs",
+                            style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                            children: showOpenInApp ? "Open" : "Install"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+                          import_lucide_react36.ExternalLink,
+                          {
+                            className: "uf-w-3 uf-h-3",
+                            style: { color: colors2.foregroundMuted }
+                          }
+                        )
+                      ] })
+                    ]
+                  },
+                  wallet.id
+                );
+              }) }),
+              walletError && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "uf-text-center uf-text-sm uf-mt-4 uf-px-4", style: { color: "#ef4444" }, children: walletError })
+            ] })
+          ]
+        }
+      )
+    );
   }
   const preConnectAccent = selectedWalletDef ? getWalletBrandColor(selectedWalletDef.id, mode) : void 0;
   const preConnectFg = preConnectAccent ? getContrastingTextColor(preConnectAccent) : void 0;
@@ -21683,8 +21707,8 @@ function WalletConnect({
     ] }) });
   }
   if (view === "mobile_deposit_status" && latestDepositExecution) {
-    const isComplete = latestDepositExecution.status === import_core37.ExecutionStatus.SUCCEEDED;
-    const isFailed = latestDepositExecution.status === import_core37.ExecutionStatus.FAILED;
+    const isComplete = latestDepositExecution.status === import_core36.ExecutionStatus.SUCCEEDED;
+    const isFailed = latestDepositExecution.status === import_core36.ExecutionStatus.FAILED;
     const title = isComplete ? "Payment Complete" : isFailed ? "Payment Failed" : "Payment Processing";
     return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(AccentColorOverride, { accentColor: preConnectAccent, accentForeground: preConnectFg, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { style: viewTransitionStyle, children: [
       /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
@@ -21870,7 +21894,9 @@ function DepositModal({
   applePayTitle = "Pay with Apple Pay",
   applePaySubTitle = "Instant",
   enableBankTransfer,
-  enableStripeLink = false,
+  // No default: left undefined so the backend `stripe_link.enabled` can govern
+  // (via the `??` chain in showStripeLink) once a dashboard toggle exists.
+  enableStripeLink,
   userEmail,
   hideDepositFlowInfo = false,
   hideDisplayDescription = false,
@@ -21951,14 +21977,18 @@ function DepositModal({
   const [allExecutions, setAllExecutions] = (0, import_react26.useState)([]);
   const [selectedExecution, setSelectedExecution] = (0, import_react26.useState)(null);
   const [depositExecutions, setDepositExecutions] = (0, import_react26.useState)([]);
+  const { userIpInfo, isLoading: isLoadingIp } = useUserIp();
   const { projectConfig } = useProjectConfig({
     publishableKey,
-    enabled: open
+    enabled: open && !isLoadingIp,
+    countryCode: userIpInfo?.alpha2,
+    subdivisionCode: userIpInfo?.subdivisionCode ?? void 0
   });
   const showTransferCrypto = enableTransferCrypto ?? projectConfig?.transfer_crypto?.enabled ?? true;
   const showConnectWallet = enableConnectWallet ?? projectConfig?.connect_wallet?.enabled ?? true;
   const showPayWithExchange = enablePayWithExchange ?? projectConfig?.pay_with_exchange?.enabled ?? true;
   const showFiatOnramp = !projectConfig?.fiat_onramp?.is_hidden && (enableFiatOnramp ?? projectConfig?.fiat_onramp?.enabled ?? true);
+  const showStripeLink = !projectConfig?.stripe_link?.is_hidden && (enableStripeLink ?? projectConfig?.stripe_link?.enabled ?? false);
   const showConnectExchange = enableConnectExchange ?? projectConfig?.connect_exchange?.enabled ?? true;
   const showCashApp = enableCashApp ?? projectConfig?.cash_app?.enabled ?? true;
   const showApplePay = enableApplePay ?? projectConfig?.apple_pay?.enabled ?? true;
@@ -21967,18 +21997,18 @@ function DepositModal({
   const [integrationExchanges, setIntegrationExchanges] = (0, import_react26.useState)([]);
   (0, import_react26.useEffect)(() => {
     if (!showConnectExchange || !open) return;
-    (0, import_core38.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
+    (0, import_core37.getIntegrationExchanges)(publishableKey).then((res) => setIntegrationExchanges(res.data)).catch(() => {
     });
   }, [showConnectExchange, open, publishableKey]);
   const [connectedExchange, setConnectedExchange] = (0, import_react26.useState)(() => {
     if (!showConnectExchange) return null;
-    const stored = getStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE);
     if (!stored) return null;
     return { name: "Coinbase", iconUrl: void 0, balanceUsd: null, isLoading: true };
   });
   (0, import_react26.useEffect)(() => {
     if (!showConnectExchange || !open || view !== "main") return;
-    const stored = getStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE);
     if (!stored) {
       setConnectedExchange(null);
       return;
@@ -21998,24 +22028,24 @@ function DepositModal({
       }) : null;
       setConnectedExchange((prev) => prev ? { ...prev, balanceUsd, isLoading: false } : null);
     };
-    (0, import_core38.getIntegrationHoldings)(import_core38.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
+    (0, import_core37.getIntegrationHoldings)(import_core37.IntegrationProvider.COINBASE, stored.access_token, publishableKey).then(processHoldings).catch(async () => {
       try {
-        const refreshResult = await (0, import_core38.refreshIntegrationToken)(stored.access_token, publishableKey);
-        if (!getStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE)) return;
+        const refreshResult = await (0, import_core37.refreshIntegrationToken)(stored.access_token, publishableKey);
+        if (!getStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE)) return;
         setStoredIntegrationToken({
-          integration_provider: import_core38.IntegrationProvider.COINBASE,
+          integration_provider: import_core37.IntegrationProvider.COINBASE,
           access_token: refreshResult.access_token,
           expires_at: refreshResult.expires_at
         });
-        const retryResult = await (0, import_core38.getIntegrationHoldings)(
-          import_core38.IntegrationProvider.COINBASE,
+        const retryResult = await (0, import_core37.getIntegrationHoldings)(
+          import_core37.IntegrationProvider.COINBASE,
           refreshResult.access_token,
           publishableKey
         );
         processHoldings(retryResult);
       } catch {
-        if (!getStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE)) return;
-        clearStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE);
+        if (!getStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE)) return;
+        clearStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE);
         setConnectedExchange(null);
       }
     });
@@ -22023,7 +22053,7 @@ function DepositModal({
   (0, import_react26.useEffect)(() => {
     if (!connectedExchange || integrationExchanges.length === 0) return;
     const cbExchange = integrationExchanges.find(
-      (e) => e.service_provider === import_core38.IntegrationProvider.COINBASE
+      (e) => e.service_provider === import_core37.IntegrationProvider.COINBASE
     );
     const iconUrl = cbExchange?.icon_urls?.find((u) => u.format === "svg")?.url || cbExchange?.icon_urls?.find((u) => u.format === "png")?.url || cbExchange?.icon_url;
     if (iconUrl && iconUrl !== connectedExchange.iconUrl) {
@@ -22104,7 +22134,6 @@ function DepositModal({
     publishableKey,
     enabled: open && showPayWithExchange
   });
-  const { userIpInfo, isLoading: isLoadingIp } = useUserIp();
   const { providers: bankTransferProviders, isLoading: bankTransferProvidersLoading } = useBankTransferProviders({
     publishableKey,
     enabled: open && !!userIpInfo?.alpha2,
@@ -22129,7 +22158,7 @@ function DepositModal({
     if (view !== "tracker" || !userId) return;
     const fetchExecutions = async () => {
       try {
-        const response = await (0, import_core38.queryExecutions)(userId, publishableKey, import_core38.ActionType.Deposit);
+        const response = await (0, import_core37.queryExecutions)(userId, publishableKey, import_core37.ActionType.Deposit);
         const sorted = [...response.data].sort((a, b) => {
           const timeA = a.created_at ? new Date(a.created_at).getTime() : 0;
           const timeB = b.created_at ? new Date(b.created_at).getTime() : 0;
@@ -22231,11 +22260,11 @@ function DepositModal({
     if (view === "wallet_connect" && sessionOpenedFromMenu) setView("main");
   };
   const handleExchangeDisconnect = () => {
-    const stored = getStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE);
+    const stored = getStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE);
     if (stored) {
-      (0, import_core38.revokeIntegrationToken)(stored.access_token, publishableKey);
+      (0, import_core37.revokeIntegrationToken)(stored.access_token, publishableKey);
     }
-    clearStoredIntegrationToken(import_core38.IntegrationProvider.COINBASE);
+    clearStoredIntegrationToken(import_core37.IntegrationProvider.COINBASE);
     setConnectedExchange(null);
     if (view === "coinbase_connect" && sessionOpenedFromMenu) setView("main");
   };
@@ -22282,6 +22311,12 @@ function DepositModal({
   const [cashAppView, setCashAppView] = (0, import_react26.useState)("amount");
   const [stripeLinkStep, setStripeLinkStep] = (0, import_react26.useState)("amount");
   const stripeLinkBackRef = (0, import_react26.useRef)(null);
+  (0, import_react26.useEffect)(() => {
+    if (view === "stripe_link" && !showStripeLink && effectiveInitialScreen === "main") {
+      setView("main");
+      setStripeLinkStep("amount");
+    }
+  }, [view, showStripeLink, effectiveInitialScreen]);
   const [cashAppAmount, setCashAppAmount] = (0, import_react26.useState)("");
   const [applePayView, setApplePayView] = (0, import_react26.useState)("email_input");
   const applePayHandleRef = (0, import_react26.useRef)(null);
@@ -22506,7 +22541,7 @@ function DepositModal({
     },
     "cashapp"
   ) : null;
-  const stripeLinkMenuButton = enableStripeLink ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  const stripeLinkMenuButton = showStripeLink ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     StripeLinkButton,
     {
       onClick: () => setView("stripe_link"),
@@ -22554,11 +22589,13 @@ function DepositModal({
     connectExchangeMenuButton
   ].filter(Boolean);
   const cashMenuButtons = [
+    // Stripe "Pay with Link" is intentionally listed first so it always sits
+    // above "Deposit with Card".
+    stripeLinkMenuButton,
     depositWithCardMenuButton,
     applePayMenuButton,
     cashAppMenuButton,
-    bankTransferMenuButton,
-    stripeLinkMenuButton
+    bankTransferMenuButton
   ].filter(Boolean);
   const depositTabs = [
     { id: "crypto", label: "Use Crypto", icon: import_lucide_react37.Bitcoin, buttons: cryptoMenuButtons },
@@ -22653,13 +22690,13 @@ function DepositModal({
     const stackedOptions = [
       transferCryptoMenuButton,
       connectWalletMenuButton,
+      stripeLinkMenuButton,
       depositWithCardMenuButton,
       applePayMenuButton,
       payWithExchangeMenuButton,
       connectExchangeMenuButton,
       cashAppMenuButton,
       bankTransferMenuButton,
-      stripeLinkMenuButton,
       depositTrackerMenuButton
     ].filter(Boolean);
     return renderScrollableOptions(stackedOptions);
@@ -22675,410 +22712,452 @@ function DepositModal({
         {
           ref: hideOverlay ? containerCallbackRef : void 0,
           hideOverlay,
-          className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden ${hideOverlay ? `uf-p-6 uf-overflow-hidden ${themeClass}` : `uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[85vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${themeClass}`}`,
+          className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden ${hideOverlay ? `uf-p-6 uf-overflow-hidden ${themeClass}` : `uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[85vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${// wallet_connect fills the full-height mobile sheet. DialogContent
+          // is a grid, and its single auto row only *grows* to fill free
+          // space (align-content: stretch) — it never shrinks below content,
+          // so a long wallet list would balloon the row past the viewport and
+          // push the footer off-screen instead of scrolling. Clamp the row to
+          // the modal height with minmax(0,1fr) so the inner overflow-y-auto
+          // list scrolls with the footer pinned. Reset to content-sized on
+          // desktop (sm:) where the modal is auto-height and centered.
+          view === "wallet_connect" ? "[grid-template-rows:minmax(0,1fr)] sm:[grid-template-rows:none]" : ""} ${themeClass}`}`,
           style: { backgroundColor: colors2.background },
           onPointerDownOutside: (e) => e.preventDefault(),
           onInteractOutside: (e) => e.preventDefault(),
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DialogTitle, { className: "uf-sr-only", children: modalTitle || "Deposit" }),
-            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-0 uf-max-h-full", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: modalTitle || "Deposit",
-                  showClose: !hideOverlay,
-                  onClose: handleClose,
-                  showBalance: showBalanceHeader,
-                  balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
-                  balanceChainId: destinationChainId,
-                  balanceTokenAddress: destinationTokenAddress,
-                  projectName: projectConfig?.project_name,
-                  publishableKey
-                }
-              ) }),
-              renderMainMenuBody(),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex-shrink-0", children: depositPoweredByFooter })
-            ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: transferCryptoTitle,
-                  showBack: showBackTransfer,
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  showBalance: showBalanceHeader,
-                  balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
-                  balanceChainId: destinationChainId,
-                  balanceTokenAddress: destinationTokenAddress,
-                  projectName: projectConfig?.project_name,
-                  publishableKey
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  TransferCryptoSingleInput,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    defaultSourceChainType,
-                    defaultSourceChainId,
-                    defaultSourceTokenAddress,
-                    defaultSourceSymbol,
-                    depositConfirmationMode,
-                    onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess: onDepositSuccessFor("transfer"),
-                    onDepositError: onDepositErrorFor("transfer"),
-                    wallets
-                  }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  TransferCryptoDoubleInput,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    defaultSourceChainType,
-                    defaultSourceChainId,
-                    defaultSourceTokenAddress,
-                    defaultSourceSymbol,
-                    depositConfirmationMode,
-                    onExecutionsChange: setDepositExecutions,
-                    onDepositSuccess: onDepositSuccessFor("transfer"),
-                    onDepositError: onDepositErrorFor("transfer"),
-                    wallets
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
-                  showBack: showBackTracker,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  "div",
-                  {
-                    className: "uf-text-sm",
-                    style: {
-                      color: components.container.subtitleColor,
-                      fontFamily: fonts.regular
-                    },
-                    children: "No deposits yet"
-                  }
-                ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  DepositExecutionItem,
-                  {
-                    execution,
-                    onClick: () => setSelectedExecution(execution)
-                  },
-                  execution.id
-                )) }) }),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: cardView === "quotes" ? t8.quotes : depositWithCardTitle,
-                  showBack: showBackCard,
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  badge: cardView === "quotes" ? { count: quotesCount } : void 0,
-                  showBalance: showBalanceHeader,
-                  balanceAddress: recipientAddress,
-                  balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
-                  balanceChainId: destinationChainId,
-                  balanceTokenAddress: destinationTokenAddress,
-                  projectName: projectConfig?.project_name,
-                  publishableKey
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : !showFiatOnramp ? (
-                  // Fiat on-ramp resolved hidden/disabled after a direct open
-                  // (e.g. platform `is_hidden` for a Stripe Link-only project).
-                  // Show a geo-restriction screen rather than the card UI so the
-                  // hard-hide is honoured without a flash of "Pay with Card".
-                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GeoRestrictionScreen, { methodName: "Card" })
-                ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  BuyWithCard,
-                  {
-                    userId,
-                    publishableKey,
-                    view: cardView,
-                    onViewChange: handleCardViewChange,
-                    destinationTokenSymbol,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    onDepositSuccess: onDepositSuccessFor("card"),
-                    onDepositError: onDepositErrorFor("card"),
-                    onEvent,
-                    themeClass,
-                    wallets,
-                    assetCdnUrl: projectConfig?.asset_cdn_url,
-                    hideDepositFlowInfo,
-                    hideDisplayDescription
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: payWithExchangeTitle,
-                  showBack: exchangeView === "pending" || sessionOpenedFromMenu,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  PayWithExchange,
-                  {
-                    userId,
-                    publishableKey,
-                    exchanges,
-                    view: exchangeView,
-                    onViewChange: setExchangeView,
-                    destinationTokenSymbol,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
-                    onDepositError: onDepositErrorFor("pay_with_exchange"),
-                    wallets,
-                    defaultToken: defaultToken ?? null
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "coinbase_connect" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                CoinbaseConnect,
-                {
-                  publishableKey,
-                  userId,
-                  wallets,
-                  recipientAddress,
-                  destinationTokenAddress: destinationTokenAddress ?? "",
-                  destinationChainId: destinationChainId ?? "",
-                  destinationChainType: destinationChainType ?? "",
-                  onDepositSuccess: onDepositSuccessFor("exchange_connect"),
-                  onDepositError: onDepositErrorFor("exchange_connect"),
-                  onTransferError: (error) => {
-                    onDepositErrorFor("exchange_connect")?.({
-                      message: error.message,
-                      error
-                    });
-                  },
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  onDisconnect: handleExchangeDisconnect,
-                  skipToHoldings: coinbaseSkipToHoldings,
-                  canGoBack: sessionOpenedFromMenu,
-                  onExecutionsChange: setDepositExecutions,
-                  defaultSourceChainType,
-                  defaultSourceChainId,
-                  defaultSourceTokenAddress,
-                  defaultSourceSymbol
-                }
-              ),
-              depositPoweredByFooter
-            ] }) : view === "wallet_connect" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                WalletConnect,
-                {
-                  walletInfo: browserWalletInfo ?? void 0,
-                  depositWallet: browserWalletInfo?.depositWallet ?? void 0,
-                  wallets,
-                  userId,
-                  publishableKey,
-                  assetCdnUrl: projectConfig?.asset_cdn_url,
-                  projectName: projectConfig?.project_name,
-                  onError: (error) => {
-                    onDepositErrorFor("wallet_connect")?.({
-                      message: error.message,
-                      error
-                    });
-                  },
-                  onDepositSuccess: onDepositSuccessFor("wallet_connect"),
-                  onDepositError: onDepositErrorFor("wallet_connect"),
-                  amountQuickSelect: browserWalletAmountQuickSelect,
-                  onWalletDisconnect: handleWalletDisconnect,
-                  onWalletConnected: (info, dw) => {
-                    setBrowserWalletInfo({ ...info, depositWallet: dw });
-                    setStoredWalletState(info.type);
-                    setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-                  },
-                  onBack: handleBack,
-                  onClose: handleClose,
-                  defaultSourceChainType,
-                  defaultSourceChainId,
-                  defaultSourceTokenAddress,
-                  defaultSourceSymbol,
-                  canGoBack: sessionOpenedFromMenu,
-                  depositWalletsLoading: walletsLoading
-                }
-              ),
-              depositPoweredByFooter
-            ] }) : view === "bank_transfer" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: t8.bankTransfer.title,
-                  showBack: bankTransferView !== "providers" || sessionOpenedFromMenu,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                bankTransferProvidersLoading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonButton, { variant: "with-icons" }) : !hasEnabledBankTransferProvider ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GeoRestrictionScreen, { methodName: "Bank Transfer" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  BankTransfer,
-                  {
-                    userId,
-                    publishableKey,
-                    view: bankTransferView,
-                    onViewChange: setBankTransferView,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    destinationTokenSymbol,
-                    wallets,
-                    defaultToken: defaultToken ?? null,
-                    assetCdnUrl: projectConfig?.asset_cdn_url,
-                    onEvent,
-                    onDepositSuccess,
-                    onDepositError
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "stripe_link" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: "Deposit with Link",
-                  showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
-                  onBack: handleBack,
-                  showClose: stripeLinkStep !== "checkout",
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  PayWithStripeLink,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    wallets,
-                    email: userEmail,
-                    iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/link.svg` : void 0,
-                    step: stripeLinkStep,
-                    onStepChange: setStripeLinkStep,
-                    backHandlerRef: stripeLinkBackRef,
-                    onDepositSuccess,
-                    onDepositError
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "cashapp" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
-                  showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
-                  onBack: handleBack,
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  PayWithCashApp,
-                  {
-                    userId,
-                    publishableKey,
-                    recipientAddress,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    cashAppIconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0,
-                    view: cashAppView,
-                    onViewChange: setCashAppView,
-                    onAmountChange: setCashAppAmount,
-                    onEvent,
-                    onDepositSuccess: onDepositSuccessFor("cashapp"),
-                    onDepositError: onDepositErrorFor("cashapp"),
-                    wallets
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : view === "apple_pay" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                DepositHeader,
-                {
-                  title: applePayHeaderTitle,
-                  showBack: applePayShowBack,
-                  onBack: () => {
-                    const handled = applePayHandleRef.current?.requestBack() ?? false;
-                    if (!handled) handleBack();
-                  },
-                  onClose: handleClose
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-                applePayProvidersLoading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonButton, { variant: "with-icons" }) : !hasEnabledApplePayProvider ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GeoRestrictionScreen, { methodName: "Apple Pay" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-                  BuyWithApplePay,
-                  {
-                    ref: applePayHandleRef,
-                    userId,
-                    publishableKey,
-                    destinationChainType,
-                    destinationChainId,
-                    destinationTokenAddress,
-                    userEmail,
-                    wallets,
-                    onViewChange: setApplePayView,
-                    onEvent,
-                    onDepositSuccess: onDepositSuccessFor("apple_pay"),
-                    onDepositError: onDepositErrorFor("apple_pay"),
-                    exitLabel: sessionOpenedFromMenu ? "Return" : "Close",
-                    onExit: () => {
-                      if (sessionOpenedFromMenu) {
-                        setView("main");
-                      } else {
-                        handleClose();
+            /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+              ThemeStyleInjector,
+              {
+                className: view === "wallet_connect" ? "uf-flex uf-min-h-0 uf-flex-col" : void 0,
+                children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-min-h-0 uf-max-h-full", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: modalTitle || "Deposit",
+                      showClose: !hideOverlay,
+                      onClose: handleClose,
+                      showBalance: showBalanceHeader,
+                      balanceAddress: recipientAddress,
+                      balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                      balanceChainId: destinationChainId,
+                      balanceTokenAddress: destinationTokenAddress,
+                      projectName: projectConfig?.project_name,
+                      publishableKey
+                    }
+                  ) }),
+                  renderMainMenuBody(),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-flex-shrink-0", children: depositPoweredByFooter })
+                ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: transferCryptoTitle,
+                      showBack: showBackTransfer,
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      showBalance: showBalanceHeader,
+                      balanceAddress: recipientAddress,
+                      balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                      balanceChainId: destinationChainId,
+                      balanceTokenAddress: destinationTokenAddress,
+                      projectName: projectConfig?.project_name,
+                      publishableKey
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : transferInputVariant === "single_input" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      TransferCryptoSingleInput,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        defaultSourceChainType,
+                        defaultSourceChainId,
+                        defaultSourceTokenAddress,
+                        defaultSourceSymbol,
+                        depositConfirmationMode,
+                        onExecutionsChange: setDepositExecutions,
+                        onDepositSuccess: onDepositSuccessFor("transfer"),
+                        onDepositError: onDepositErrorFor("transfer"),
+                        wallets
                       }
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      TransferCryptoDoubleInput,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        defaultSourceChainType,
+                        defaultSourceChainId,
+                        defaultSourceTokenAddress,
+                        defaultSourceSymbol,
+                        depositConfirmationMode,
+                        onExecutionsChange: setDepositExecutions,
+                        onDepositSuccess: onDepositSuccessFor("transfer"),
+                        onDepositError: onDepositErrorFor("transfer"),
+                        wallets
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "tracker" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
+                      showBack: showBackTracker,
+                      onBack: handleBack,
+                      onClose: handleClose
                     }
-                  }
-                ),
-                depositPoweredByFooter
-              ] })
-            ] }) : null })
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      "div",
+                      {
+                        className: "uf-text-sm",
+                        style: {
+                          color: components.container.subtitleColor,
+                          fontFamily: fonts.regular
+                        },
+                        children: "No deposits yet"
+                      }
+                    ) }) : allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      DepositExecutionItem,
+                      {
+                        execution,
+                        onClick: () => setSelectedExecution(execution)
+                      },
+                      execution.id
+                    )) }) }),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "card" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: cardView === "quotes" ? t8.quotes : depositWithCardTitle,
+                      showBack: showBackCard,
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      badge: cardView === "quotes" ? { count: quotesCount } : void 0,
+                      showBalance: showBalanceHeader,
+                      balanceAddress: recipientAddress,
+                      balanceChainType: destinationChainType === "ethereum" || destinationChainType === "solana" || destinationChainType === "bitcoin" || destinationChainType === "n1" ? destinationChainType : void 0,
+                      balanceChainId: destinationChainId,
+                      balanceTokenAddress: destinationTokenAddress,
+                      projectName: projectConfig?.project_name,
+                      publishableKey
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    standaloneNeedsDepositPrereq && depositPrerequisiteBody !== null ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "uf-pb-4 uf-space-y-3", children: depositPrerequisiteBody }) : !showFiatOnramp ? (
+                      // Fiat on-ramp resolved hidden/disabled after a direct open
+                      // (e.g. platform `is_hidden` for a Stripe Link-only project).
+                      // Show a geo-restriction screen rather than the card UI so the
+                      // hard-hide is honoured without a flash of "Pay with Card".
+                      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GeoRestrictionScreen, { methodName: "Card" })
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      BuyWithCard,
+                      {
+                        userId,
+                        publishableKey,
+                        view: cardView,
+                        onViewChange: handleCardViewChange,
+                        destinationTokenSymbol,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        onDepositSuccess: onDepositSuccessFor("card"),
+                        onDepositError: onDepositErrorFor("card"),
+                        onEvent,
+                        themeClass,
+                        wallets,
+                        assetCdnUrl: projectConfig?.asset_cdn_url,
+                        hideDepositFlowInfo,
+                        hideDisplayDescription
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "exchange" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: payWithExchangeTitle,
+                      showBack: exchangeView === "pending" || sessionOpenedFromMenu,
+                      onBack: handleBack,
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      PayWithExchange,
+                      {
+                        userId,
+                        publishableKey,
+                        exchanges,
+                        view: exchangeView,
+                        onViewChange: setExchangeView,
+                        destinationTokenSymbol,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        onDepositSuccess: onDepositSuccessFor("pay_with_exchange"),
+                        onDepositError: onDepositErrorFor("pay_with_exchange"),
+                        wallets,
+                        defaultToken: defaultToken ?? null
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "coinbase_connect" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    CoinbaseConnect,
+                    {
+                      publishableKey,
+                      userId,
+                      wallets,
+                      recipientAddress,
+                      destinationTokenAddress: destinationTokenAddress ?? "",
+                      destinationChainId: destinationChainId ?? "",
+                      destinationChainType: destinationChainType ?? "",
+                      onDepositSuccess: onDepositSuccessFor("exchange_connect"),
+                      onDepositError: onDepositErrorFor("exchange_connect"),
+                      onTransferError: (error) => {
+                        onDepositErrorFor("exchange_connect")?.({
+                          message: error.message,
+                          error
+                        });
+                      },
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      onDisconnect: handleExchangeDisconnect,
+                      skipToHoldings: coinbaseSkipToHoldings,
+                      canGoBack: sessionOpenedFromMenu,
+                      onExecutionsChange: setDepositExecutions,
+                      defaultSourceChainType,
+                      defaultSourceChainId,
+                      defaultSourceTokenAddress,
+                      defaultSourceSymbol
+                    }
+                  ),
+                  depositPoweredByFooter
+                ] }) : view === "wallet_connect" ? (
+                  // Mobile: flex-fill the full-height dialog body so the wallet list
+                  // can grow and scroll, with the footer pinned to the bottom.
+                  // Desktop (sm:): stays content-sized.
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+                    "div",
+                    {
+                      className: "uf-flex uf-flex-col uf-gap-1.5 uf-min-h-0 uf-flex-1 sm:uf-flex-none",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                          WalletConnect,
+                          {
+                            walletInfo: browserWalletInfo ?? void 0,
+                            depositWallet: browserWalletInfo?.depositWallet ?? void 0,
+                            wallets,
+                            userId,
+                            publishableKey,
+                            assetCdnUrl: projectConfig?.asset_cdn_url,
+                            projectName: projectConfig?.project_name,
+                            onError: (error) => {
+                              onDepositErrorFor("wallet_connect")?.({
+                                message: error.message,
+                                error
+                              });
+                            },
+                            onDepositSuccess: onDepositSuccessFor("wallet_connect"),
+                            onDepositError: onDepositErrorFor("wallet_connect"),
+                            amountQuickSelect: browserWalletAmountQuickSelect,
+                            onWalletDisconnect: handleWalletDisconnect,
+                            onWalletConnected: (info, dw) => {
+                              setBrowserWalletInfo({ ...info, depositWallet: dw });
+                              setStoredWalletState(info.type);
+                              setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
+                            },
+                            onBack: handleBack,
+                            onClose: handleClose,
+                            defaultSourceChainType,
+                            defaultSourceChainId,
+                            defaultSourceTokenAddress,
+                            defaultSourceSymbol,
+                            canGoBack: sessionOpenedFromMenu,
+                            depositWalletsLoading: walletsLoading
+                          }
+                        ),
+                        depositPoweredByFooter
+                      ]
+                    }
+                  )
+                ) : view === "bank_transfer" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: t8.bankTransfer.title,
+                      showBack: bankTransferView !== "providers" || sessionOpenedFromMenu,
+                      onBack: handleBack,
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    bankTransferProvidersLoading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonButton, { variant: "with-icons" }) : !hasEnabledBankTransferProvider ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GeoRestrictionScreen, { methodName: "Bank Transfer" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      BankTransfer,
+                      {
+                        userId,
+                        publishableKey,
+                        view: bankTransferView,
+                        onViewChange: setBankTransferView,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        destinationTokenSymbol,
+                        wallets,
+                        defaultToken: defaultToken ?? null,
+                        assetCdnUrl: projectConfig?.asset_cdn_url,
+                        onEvent,
+                        onDepositSuccess,
+                        onDepositError
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "stripe_link" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: "Deposit with Link",
+                      showBack: stripeLinkStep !== "checkout" && stripeLinkStep !== "success",
+                      onBack: handleBack,
+                      showClose: stripeLinkStep !== "checkout",
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    isLoadingIp ? (
+                      // Hold the geo decision until IP resolves so we don't mount
+                      // PayWithStripeLink (which kicks off config/OAuth work) for a
+                      // deep-link user who turns out to be outside the US.
+                      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonButton, { variant: "with-icons" })
+                    ) : !showStripeLink ? (
+                      // Stripe Link's crypto on-ramp is US-only. On a direct open
+                      // (initialScreen="stripe_link") the row isn't in a menu to
+                      // fall back to, so show a geo-restriction screen rather than
+                      // the Link UI.
+                      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                        GeoRestrictionScreen,
+                        {
+                          methodName: t8.stripeLink.title,
+                          message: "Pay with Link is only available in the US."
+                        }
+                      )
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      PayWithStripeLink,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        wallets,
+                        email: userEmail,
+                        iconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/link.svg` : void 0,
+                        step: stripeLinkStep,
+                        onStepChange: setStripeLinkStep,
+                        backHandlerRef: stripeLinkBackRef,
+                        onDepositSuccess,
+                        onDepositError
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "cashapp" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: cashAppView !== "amount" && cashAppAmount ? `Pay $${cashAppAmount} via Cash App` : "Pay with Cash App",
+                      showBack: cashAppView !== "amount" || sessionOpenedFromMenu,
+                      onBack: handleBack,
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      PayWithCashApp,
+                      {
+                        userId,
+                        publishableKey,
+                        recipientAddress,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        cashAppIconUrl: projectConfig?.asset_cdn_url ? `${projectConfig.asset_cdn_url}/api/public/icons/onramps/svg/cashapp.svg` : void 0,
+                        view: cashAppView,
+                        onViewChange: setCashAppView,
+                        onAmountChange: setCashAppAmount,
+                        onEvent,
+                        onDepositSuccess: onDepositSuccessFor("cashapp"),
+                        onDepositError: onDepositErrorFor("cashapp"),
+                        wallets
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : view === "apple_pay" ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                    DepositHeader,
+                    {
+                      title: applePayHeaderTitle,
+                      showBack: applePayShowBack,
+                      onBack: () => {
+                        const handled = applePayHandleRef.current?.requestBack() ?? false;
+                        if (!handled) handleBack();
+                      },
+                      onClose: handleClose
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+                    applePayProvidersLoading ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SkeletonButton, { variant: "with-icons" }) : !hasEnabledApplePayProvider ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(GeoRestrictionScreen, { methodName: "Apple Pay" }) : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+                      BuyWithApplePay,
+                      {
+                        ref: applePayHandleRef,
+                        userId,
+                        publishableKey,
+                        destinationChainType,
+                        destinationChainId,
+                        destinationTokenAddress,
+                        userEmail,
+                        wallets,
+                        onViewChange: setApplePayView,
+                        onEvent,
+                        onDepositSuccess: onDepositSuccessFor("apple_pay"),
+                        onDepositError: onDepositErrorFor("apple_pay"),
+                        exitLabel: sessionOpenedFromMenu ? "Return" : "Close",
+                        onExit: () => {
+                          if (sessionOpenedFromMenu) {
+                            setView("main");
+                          } else {
+                            handleClose();
+                          }
+                        }
+                      }
+                    ),
+                    depositPoweredByFooter
+                  ] })
+                ] }) : null
+              }
+            )
           ]
         }
       )
@@ -23091,14 +23170,14 @@ var import_react27 = require("react");
 var import_lucide_react38 = require("lucide-react");
 
 // src/hooks/use-payment-intent.ts
-var import_react_query18 = require("@tanstack/react-query");
-var import_core39 = require("@unifold/core");
+var import_react_query17 = require("@tanstack/react-query");
+var import_core38 = require("@unifold/core");
 var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["succeeded", "expired", "refunded", "canceled"]);
 function usePaymentIntent(params) {
   const { clientSecret, publishableKey, enabled = true, pollingInterval = 3e3 } = params;
-  return (0, import_react_query18.useQuery)({
+  return (0, import_react_query17.useQuery)({
     queryKey: ["unifold", "paymentIntent", clientSecret, publishableKey],
-    queryFn: () => (0, import_core39.retrievePaymentIntent)(clientSecret, publishableKey),
+    queryFn: () => (0, import_core38.retrievePaymentIntent)(clientSecret, publishableKey),
     enabled: enabled && !!clientSecret && !!publishableKey,
     staleTime: 0,
     refetchInterval: (query) => {
@@ -23114,7 +23193,7 @@ function usePaymentIntent(params) {
 }
 
 // src/components/checkout/CheckoutModal.tsx
-var import_core40 = require("@unifold/core");
+var import_core39 = require("@unifold/core");
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function mapToCheckoutPaymentIntent(pi) {
   return {
@@ -23200,8 +23279,8 @@ function CheckoutModal({
       if (isSucceeded && richIntent) {
         const createdSec = data.paymentIntent?.updated_at ? Math.floor(new Date(data.paymentIntent.updated_at).getTime() / 1e3) : Math.floor(Date.now() / 1e3);
         onEvent?.({
-          id: (0, import_core40.generatePrefixedKSUID)("sevt"),
-          type: import_core40.CheckoutEventType.PAYMENT_INTENT_SUCCEEDED,
+          id: (0, import_core39.generatePrefixedKSUID)("sevt"),
+          type: import_core39.CheckoutEventType.PAYMENT_INTENT_SUCCEEDED,
           created: createdSec,
           method,
           data: { object: richIntent }
@@ -23529,253 +23608,275 @@ function CheckoutModal({
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(PortalContainerProvider, { value: null, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Dialog, { open, onOpenChange: handleClose, modal: true, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     DialogContent,
     {
-      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[60vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${themeClass}`,
+      className: `sm:uf-max-w-[400px] uf-border-secondary uf-text-foreground uf-gap-0 [&>button]:uf-hidden uf-p-0 uf-overflow-visible ${view === "main" ? "!uf-top-auto !uf-h-auto !uf-max-h-[60vh] sm:!uf-max-h-none sm:!uf-top-[50%]" : "!uf-top-0 !uf-h-full sm:!uf-h-auto sm:!uf-top-[50%]"} ${// wallet_connect fills the full-height mobile sheet. DialogContent is a
+      // grid whose single auto row only grows to fill free space and never
+      // shrinks below content, so a long wallet list would balloon the row
+      // past the viewport and push the footer off-screen. Clamp the row to
+      // the modal height with minmax(0,1fr) so the inner overflow-y-auto list
+      // scrolls with the footer pinned. Reset to content-sized on desktop.
+      view === "wallet_connect" ? "[grid-template-rows:minmax(0,1fr)] sm:[grid-template-rows:none]" : ""} ${themeClass}`,
       style: { backgroundColor: colors2.background },
       onPointerDownOutside: (e) => e.preventDefault(),
       onInteractOutside: (e) => e.preventDefault(),
-      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ThemeStyleInjector, { children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DepositHeader, { title: modalTitle || "Checkout", showClose: true, onClose: handleClose }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-          piLoading ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-              "div",
-              {
-                className: "uf-rounded-xl uf-p-4 uf-animate-pulse",
-                style: {
-                  backgroundColor: components.card.backgroundColor,
-                  borderRadius: components.card.borderRadius,
-                  border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                    "div",
+      children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+        ThemeStyleInjector,
+        {
+          className: view === "wallet_connect" ? "uf-flex uf-min-h-0 uf-flex-col" : void 0,
+          children: view === "main" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DepositHeader, { title: modalTitle || "Checkout", showClose: true, onClose: handleClose }),
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              piLoading ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-space-y-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                  "div",
+                  {
+                    className: "uf-rounded-xl uf-p-4 uf-animate-pulse",
+                    style: {
+                      backgroundColor: components.card.backgroundColor,
+                      borderRadius: components.card.borderRadius,
+                      border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                        "div",
+                        {
+                          className: "uf-h-8 uf-w-24 uf-rounded",
+                          style: {
+                            backgroundColor: components.card.borderColor
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                        "div",
+                        {
+                          className: "uf-h-4 uf-w-16 uf-rounded",
+                          style: {
+                            backgroundColor: components.card.borderColor
+                          }
+                        }
+                      )
+                    ] })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonButton2, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonButton2, {})
+              ] }) : piError ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react38.AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                  "h3",
+                  {
+                    className: "uf-text-lg uf-font-semibold uf-mb-2",
+                    style: {
+                      color: colors2.foreground,
+                      fontFamily: fonts.semibold
+                    },
+                    children: "Unable to Load Checkout"
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                  "p",
+                  {
+                    className: "uf-text-sm uf-max-w-[280px]",
+                    style: {
+                      color: colors2.foregroundMuted,
+                      fontFamily: fonts.regular
+                    },
+                    children: piError instanceof Error ? piError.message : "Something went wrong. Please try again."
+                  }
+                )
+              ] }) : paymentIntent ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-space-y-3", children: [
+                progressSection,
+                (paymentIntent.status === "requires_payment" || paymentIntent.status === "processing") && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+                  showTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                    TransferCryptoButton,
                     {
-                      className: "uf-h-8 uf-w-24 uf-rounded",
-                      style: {
-                        backgroundColor: components.card.borderColor
-                      }
+                      onClick: () => {
+                        lastCheckoutMethodRef.current = "transfer";
+                        setView("transfer");
+                      },
+                      title: i18n.checkoutModal.transferCrypto.title,
+                      subtitle: i18n.checkoutModal.transferCrypto.subtitle,
+                      featuredTokens: projectConfig?.transfer_crypto.networks
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                    "div",
+                  showConnectWallet && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                    BrowserWalletButton,
                     {
-                      className: "uf-h-4 uf-w-16 uf-rounded",
-                      style: {
-                        backgroundColor: components.card.borderColor
-                      }
+                      onClick: handleBrowserWalletClick,
+                      onConnectClick: handleWalletConnectClick,
+                      onDisconnect: handleWalletDisconnect,
+                      chainType: browserWalletChainType,
+                      publishableKey,
+                      featuredWallets: projectConfig?.connect_wallet?.wallets,
+                      subtitle: i18n.checkoutModal.browserWallet.subtitle
                     }
                   )
                 ] })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonButton2, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonButton2, {})
-          ] }) : piError ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-justify-center uf-py-8 uf-px-4 uf-text-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "uf-w-16 uf-h-16 uf-rounded-full uf-bg-muted uf-flex uf-items-center uf-justify-center uf-mb-4", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_lucide_react38.AlertTriangle, { className: "uf-w-8 uf-h-8 uf-text-muted-foreground" }) }),
+              ] }) : null,
+              poweredByFooter
+            ] })
+          ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-              "h3",
+              DepositHeader,
               {
-                className: "uf-text-lg uf-font-semibold uf-mb-2",
-                style: {
-                  color: colors2.foreground,
-                  fontFamily: fonts.semibold
-                },
-                children: "Unable to Load Checkout"
+                title: modalTitle || "Checkout",
+                showBack: true,
+                onBack: handleBack,
+                onClose: handleClose
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-              "p",
-              {
-                className: "uf-text-sm uf-max-w-[280px]",
-                style: {
-                  color: colors2.foregroundMuted,
-                  fontFamily: fonts.regular
-                },
-                children: piError instanceof Error ? piError.message : "Something went wrong. Please try again."
-              }
-            )
-          ] }) : paymentIntent ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-space-y-3", children: [
-            progressSection,
-            (paymentIntent.status === "requires_payment" || paymentIntent.status === "processing") && /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-              showTransferCrypto && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                TransferCryptoButton,
-                {
-                  onClick: () => {
-                    lastCheckoutMethodRef.current = "transfer";
-                    setView("transfer");
-                  },
-                  title: i18n.checkoutModal.transferCrypto.title,
-                  subtitle: i18n.checkoutModal.transferCrypto.subtitle,
-                  featuredTokens: projectConfig?.transfer_crypto.networks
-                }
-              ),
-              showConnectWallet && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                BrowserWalletButton,
-                {
-                  onClick: handleBrowserWalletClick,
-                  onConnectClick: handleWalletConnectClick,
-                  onDisconnect: handleWalletDisconnect,
-                  chainType: browserWalletChainType,
-                  publishableKey,
-                  featuredWallets: projectConfig?.connect_wallet?.wallets,
-                  subtitle: i18n.checkoutModal.browserWallet.subtitle
-                }
-              )
-            ] })
-          ] }) : null,
-          poweredByFooter
-        ] })
-      ] }) : view === "transfer" ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-          DepositHeader,
-          {
-            title: modalTitle || "Checkout",
-            showBack: true,
-            onBack: handleBack,
-            onClose: handleClose
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-          paymentIntent ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
-            (() => {
-              const receivedUsd = parseFloat(
-                paymentIntent.destination_amount_received_usd || paymentIntent.amount_received_usd
-              );
-              const totalUsd = parseFloat(
-                paymentIntent.destination_amount_usd || paymentIntent.amount_usd
-              );
-              const pct = totalUsd > 0 ? Math.min(receivedUsd / totalUsd * 100, 100) : 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-space-y-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
-                      children: "Received"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
-                    "span",
-                    {
-                      className: "uf-text-xs",
-                      style: { color: colors2.foreground, fontFamily: fonts.medium },
-                      children: [
-                        "$",
-                        receivedUsd.toFixed(2),
-                        " / $",
-                        totalUsd.toFixed(2)
-                      ]
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-                  "div",
-                  {
-                    className: "uf-w-full uf-h-1.5 uf-rounded-full uf-overflow-hidden",
-                    style: { backgroundColor: colors2.border },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
+              paymentIntent ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+                (() => {
+                  const receivedUsd = parseFloat(
+                    paymentIntent.destination_amount_received_usd || paymentIntent.amount_received_usd
+                  );
+                  const totalUsd = parseFloat(
+                    paymentIntent.destination_amount_usd || paymentIntent.amount_usd
+                  );
+                  const pct = totalUsd > 0 ? Math.min(receivedUsd / totalUsd * 100, 100) : 0;
+                  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-space-y-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                        "span",
+                        {
+                          className: "uf-text-xs",
+                          style: { color: colors2.foregroundMuted, fontFamily: fonts.regular },
+                          children: "Received"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+                        "span",
+                        {
+                          className: "uf-text-xs",
+                          style: { color: colors2.foreground, fontFamily: fonts.medium },
+                          children: [
+                            "$",
+                            receivedUsd.toFixed(2),
+                            " / $",
+                            totalUsd.toFixed(2)
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
                       "div",
                       {
-                        className: "uf-h-full uf-rounded-full uf-transition-all uf-duration-500",
-                        style: {
-                          width: `${pct}%`,
-                          backgroundColor: paymentIntent.status === "succeeded" ? "rgb(34, 197, 94)" : colors2.primary
-                        }
+                        className: "uf-w-full uf-h-1.5 uf-rounded-full uf-overflow-hidden",
+                        style: { backgroundColor: colors2.border },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                          "div",
+                          {
+                            className: "uf-h-full uf-rounded-full uf-transition-all uf-duration-500",
+                            style: {
+                              width: `${pct}%`,
+                              backgroundColor: paymentIntent.status === "succeeded" ? "rgb(34, 197, 94)" : colors2.primary
+                            }
+                          }
+                        )
                       }
                     )
+                  ] });
+                })(),
+                /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                  TransferCryptoSingleInput,
+                  {
+                    userId: paymentIntent.user_id || "",
+                    publishableKey,
+                    clientSecret,
+                    recipientAddress: paymentIntent.recipient_address,
+                    destinationChainType: paymentIntent.destination_chain_type,
+                    destinationChainId: paymentIntent.destination_chain_id,
+                    destinationTokenAddress: paymentIntent.destination_token_address,
+                    defaultSourceChainType,
+                    defaultSourceChainId,
+                    defaultSourceTokenAddress,
+                    defaultSourceSymbol,
+                    depositConfirmationMode: "auto_ui",
+                    wallets,
+                    onSourceTokenChange: setSelectedSource,
+                    persistCheckingIndicator: true,
+                    productType: "payment",
+                    checkoutQuote: effectiveCheckoutQuote,
+                    isCheckoutQuoteLoading: isQuoteLoading || isQuoteFetching
                   }
                 )
-              ] });
-            })(),
-            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-              TransferCryptoSingleInput,
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonButton2, {}),
+              poweredByFooter
+            ] })
+          ] }) : view === "wallet_connect" && paymentIntent ? (
+            // Mobile: flex-fill the full-height sheet so the wallet list grows and
+            // scrolls with the footer pinned. Desktop (sm:): content-sized.
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+              "div",
               {
-                userId: paymentIntent.user_id || "",
-                publishableKey,
-                clientSecret,
-                recipientAddress: paymentIntent.recipient_address,
-                destinationChainType: paymentIntent.destination_chain_type,
-                destinationChainId: paymentIntent.destination_chain_id,
-                destinationTokenAddress: paymentIntent.destination_token_address,
-                defaultSourceChainType,
-                defaultSourceChainId,
-                defaultSourceTokenAddress,
-                defaultSourceSymbol,
-                depositConfirmationMode: "auto_ui",
-                wallets,
-                onSourceTokenChange: setSelectedSource,
-                persistCheckingIndicator: true,
-                productType: "payment",
-                checkoutQuote: effectiveCheckoutQuote,
-                isCheckoutQuoteLoading: isQuoteLoading || isQuoteFetching
+                className: "uf-flex uf-flex-col uf-gap-1.5 uf-min-h-0 uf-flex-1 sm:uf-flex-none",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+                    WalletConnect,
+                    {
+                      walletInfo: browserWalletInfo ?? void 0,
+                      depositWallet: browserWalletInfo?.depositWallet ?? void 0,
+                      wallets,
+                      userId: paymentIntent.user_id || "",
+                      publishableKey,
+                      clientSecret,
+                      prefillAmountUsd: remainingAmountUsd,
+                      checkoutAmountUsd: paymentIntent.amount_usd,
+                      checkoutReceivedUsd: paymentIntent.amount_received_usd,
+                      checkoutDestination: {
+                        chainType: paymentIntent.destination_chain_type,
+                        chainId: paymentIntent.destination_chain_id,
+                        tokenAddress: paymentIntent.destination_token_address,
+                        decimals: paymentIntent.destination_token_decimals ?? 6
+                      },
+                      productType: "payment",
+                      stablecoinParity: paymentIntent.stablecoin_parity ?? false,
+                      checkoutRemainingBaseUnits: (() => {
+                        const remaining = BigInt(paymentIntent.amount) - BigInt(paymentIntent.amount_received);
+                        return remaining > 0n ? remaining.toString() : "0";
+                      })(),
+                      onSuccess: (_txHash) => {
+                        emitCheckoutSuccess(
+                          {
+                            paymentIntentId: paymentIntent.id,
+                            status: "processing",
+                            paymentIntent
+                          },
+                          "wallet_connect"
+                        );
+                      },
+                      onError: (error) => {
+                        onCheckoutError?.({
+                          message: error.message,
+                          error,
+                          method: "wallet_connect"
+                        });
+                      },
+                      onWalletDisconnect: handleWalletDisconnect,
+                      onWalletConnected: (info, dw) => {
+                        setBrowserWalletInfo({ ...info, depositWallet: dw });
+                        setStoredWalletState(info.type);
+                        setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
+                        lastCheckoutMethodRef.current = "wallet_connect";
+                      },
+                      onNewDeposit: () => setView("main"),
+                      onDone: () => setView("main"),
+                      paymentIntentStatus: paymentIntent.status,
+                      onBack: handleBack,
+                      onClose: handleClose,
+                      defaultSourceChainType,
+                      defaultSourceChainId,
+                      defaultSourceTokenAddress,
+                      defaultSourceSymbol
+                    }
+                  ),
+                  poweredByFooter
+                ]
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SkeletonButton2, {}),
-          poweredByFooter
-        ] })
-      ] }) : view === "wallet_connect" && paymentIntent ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "uf-flex uf-flex-col uf-gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-          WalletConnect,
-          {
-            walletInfo: browserWalletInfo ?? void 0,
-            depositWallet: browserWalletInfo?.depositWallet ?? void 0,
-            wallets,
-            userId: paymentIntent.user_id || "",
-            publishableKey,
-            clientSecret,
-            prefillAmountUsd: remainingAmountUsd,
-            checkoutAmountUsd: paymentIntent.amount_usd,
-            checkoutReceivedUsd: paymentIntent.amount_received_usd,
-            checkoutDestination: {
-              chainType: paymentIntent.destination_chain_type,
-              chainId: paymentIntent.destination_chain_id,
-              tokenAddress: paymentIntent.destination_token_address,
-              decimals: paymentIntent.destination_token_decimals ?? 6
-            },
-            productType: "payment",
-            stablecoinParity: paymentIntent.stablecoin_parity ?? false,
-            checkoutRemainingBaseUnits: (() => {
-              const remaining = BigInt(paymentIntent.amount) - BigInt(paymentIntent.amount_received);
-              return remaining > 0n ? remaining.toString() : "0";
-            })(),
-            onSuccess: (_txHash) => {
-              emitCheckoutSuccess(
-                {
-                  paymentIntentId: paymentIntent.id,
-                  status: "processing",
-                  paymentIntent
-                },
-                "wallet_connect"
-              );
-            },
-            onError: (error) => {
-              onCheckoutError?.({
-                message: error.message,
-                error,
-                method: "wallet_connect"
-              });
-            },
-            onWalletDisconnect: handleWalletDisconnect,
-            onWalletConnected: (info, dw) => {
-              setBrowserWalletInfo({ ...info, depositWallet: dw });
-              setStoredWalletState(info.type);
-              setBrowserWalletChainType(dw.chain_type === "solana" ? "solana" : "ethereum");
-              lastCheckoutMethodRef.current = "wallet_connect";
-            },
-            onNewDeposit: () => setView("main"),
-            onDone: () => setView("main"),
-            paymentIntentStatus: paymentIntent.status,
-            onBack: handleBack,
-            onClose: handleClose,
-            defaultSourceChainType,
-            defaultSourceChainId,
-            defaultSourceTokenAddress,
-            defaultSourceSymbol
-          }
-        ),
-        poweredByFooter
-      ] }) : null })
+          ) : null
+        }
+      )
     }
   ) }) });
 }
@@ -23785,12 +23886,12 @@ var import_react32 = require("react");
 var import_lucide_react41 = require("lucide-react");
 
 // src/hooks/use-supported-destination-tokens.ts
-var import_react_query19 = require("@tanstack/react-query");
-var import_core41 = require("@unifold/core");
+var import_react_query18 = require("@tanstack/react-query");
+var import_core40 = require("@unifold/core");
 function useSupportedDestinationTokens(publishableKey, enabled = true) {
-  return (0, import_react_query19.useQuery)({
+  return (0, import_react_query18.useQuery)({
     queryKey: ["unifold", "supportedDestinationTokens", publishableKey],
-    queryFn: () => (0, import_core41.getSupportedDestinationTokens)(publishableKey),
+    queryFn: () => (0, import_core40.getSupportedDestinationTokens)(publishableKey),
     staleTime: 1e3 * 60 * 5,
     gcTime: 1e3 * 60 * 30,
     refetchOnMount: false,
@@ -23817,8 +23918,8 @@ function useDefaultDestinationToken({
 }
 
 // src/hooks/use-source-token-validation.ts
-var import_react_query20 = require("@tanstack/react-query");
-var import_core42 = require("@unifold/core");
+var import_react_query19 = require("@tanstack/react-query");
+var import_core41 = require("@unifold/core");
 function useSourceTokenValidation(params) {
   const {
     sourceChainType,
@@ -23829,7 +23930,7 @@ function useSourceTokenValidation(params) {
     enabled = true
   } = params;
   const hasParams = !!sourceChainType && !!sourceChainId && !!sourceTokenAddress;
-  return (0, import_react_query20.useQuery)({
+  return (0, import_react_query19.useQuery)({
     queryKey: [
       "unifold",
       "sourceTokenValidation",
@@ -23839,7 +23940,7 @@ function useSourceTokenValidation(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core42.getSupportedDepositTokens)(publishableKey);
+      const res = await (0, import_core41.getSupportedDepositTokens)(publishableKey);
       let matchedMinUsd = null;
       let matchedProcessingTime = null;
       let matchedSlippage = null;
@@ -23877,12 +23978,12 @@ function useSourceTokenValidation(params) {
 }
 
 // src/hooks/use-address-balance.ts
-var import_react_query21 = require("@tanstack/react-query");
-var import_core43 = require("@unifold/core");
+var import_react_query20 = require("@tanstack/react-query");
+var import_core42 = require("@unifold/core");
 function useAddressBalance(params) {
   const { address, chainType, chainId, tokenAddress, publishableKey, enabled = true } = params;
   const hasParams = !!address && !!chainType && !!chainId && !!tokenAddress;
-  return (0, import_react_query21.useQuery)({
+  return (0, import_react_query20.useQuery)({
     queryKey: [
       "unifold",
       "addressBalance",
@@ -23893,7 +23994,7 @@ function useAddressBalance(params) {
       publishableKey
     ],
     queryFn: async () => {
-      const res = await (0, import_core43.getAddressBalance)(
+      const res = await (0, import_core42.getAddressBalance)(
         address,
         chainType,
         chainId,
@@ -23938,13 +24039,13 @@ function useAddressBalance(params) {
 }
 
 // src/hooks/use-executions.ts
-var import_react_query22 = require("@tanstack/react-query");
-var import_core44 = require("@unifold/core");
+var import_react_query21 = require("@tanstack/react-query");
+var import_core43 = require("@unifold/core");
 function useExecutions(userId, publishableKey, options) {
-  const actionType = options?.actionType ?? import_core44.ActionType.Deposit;
-  return (0, import_react_query22.useQuery)({
+  const actionType = options?.actionType ?? import_core43.ActionType.Deposit;
+  return (0, import_react_query21.useQuery)({
     queryKey: ["unifold", "executions", actionType, userId, publishableKey],
-    queryFn: () => (0, import_core44.queryExecutions)(userId, publishableKey, actionType),
+    queryFn: () => (0, import_core43.queryExecutions)(userId, publishableKey, actionType),
     enabled: (options?.enabled ?? true) && !!userId,
     refetchInterval: options?.refetchInterval ?? 3e3,
     staleTime: 0,
@@ -23955,7 +24056,7 @@ function useExecutions(userId, publishableKey, options) {
 
 // src/hooks/use-withdraw-polling.ts
 var import_react28 = require("react");
-var import_core45 = require("@unifold/core");
+var import_core44 = require("@unifold/core");
 var POLL_INTERVAL_MS3 = 2500;
 var POLL_ENDPOINT_INTERVAL_MS2 = 5e3;
 var CUTOFF_BUFFER_MS2 = 6e4;
@@ -23968,8 +24069,8 @@ function useWithdrawPolling({
   onWithdrawError
 }) {
   const createExecutionSuccessEvent = (execution) => ({
-    id: (0, import_core45.generatePrefixedKSUID)("sevt"),
-    type: import_core45.WithdrawEventType.DIRECT_EXECUTION_SUCCEEDED,
+    id: (0, import_core44.generatePrefixedKSUID)("sevt"),
+    type: import_core44.WithdrawEventType.DIRECT_EXECUTION_SUCCEEDED,
     created: execution.updated_at ? Math.floor(new Date(execution.updated_at).getTime() / 1e3) : execution.created_at ? Math.floor(new Date(execution.created_at).getTime() / 1e3) : Math.floor(Date.now() / 1e3),
     data: { object: mapToDirectExecution(execution) }
   });
@@ -24020,7 +24121,7 @@ function useWithdrawPolling({
     const enabledAt = enabledAtRef.current;
     const poll = async () => {
       try {
-        const response = await (0, import_core45.queryExecutions)(userId, publishableKey, import_core45.ActionType.Withdraw);
+        const response = await (0, import_core44.queryExecutions)(userId, publishableKey, import_core44.ActionType.Withdraw);
         const cutoff = new Date(enabledAt.getTime() - CUTOFF_BUFFER_MS2);
         const sorted = [...response.data].sort((a, b) => {
           const tA = a.created_at ? new Date(a.created_at).getTime() : 0;
@@ -24028,11 +24129,11 @@ function useWithdrawPolling({
           return tB - tA;
         });
         const inProgress = [
-          import_core45.ExecutionStatus.PENDING,
-          import_core45.ExecutionStatus.WAITING,
-          import_core45.ExecutionStatus.DELAYED
+          import_core44.ExecutionStatus.PENDING,
+          import_core44.ExecutionStatus.WAITING,
+          import_core44.ExecutionStatus.DELAYED
         ];
-        const terminal = [import_core45.ExecutionStatus.SUCCEEDED, import_core45.ExecutionStatus.FAILED];
+        const terminal = [import_core44.ExecutionStatus.SUCCEEDED, import_core44.ExecutionStatus.FAILED];
         let target = null;
         for (const ex of sorted) {
           const t13 = ex.created_at ? new Date(ex.created_at) : null;
@@ -24062,7 +24163,7 @@ function useWithdrawPolling({
             }
             return [...list, ex];
           });
-          if (ex.status === import_core45.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
+          if (ex.status === import_core44.ExecutionStatus.SUCCEEDED && (!prev || inProgress.includes(prev))) {
             onSuccessRef.current?.({
               message: "Withdrawal completed successfully",
               executionId: ex.id,
@@ -24070,7 +24171,7 @@ function useWithdrawPolling({
               transaction: ex,
               execution: createExecutionSuccessEvent(ex)
             });
-          } else if (ex.status === import_core45.ExecutionStatus.FAILED && prev !== import_core45.ExecutionStatus.FAILED) {
+          } else if (ex.status === import_core44.ExecutionStatus.FAILED && prev !== import_core44.ExecutionStatus.FAILED) {
             onErrorRef.current?.({
               message: "Withdrawal failed",
               code: "WITHDRAW_FAILED",
@@ -24099,7 +24200,7 @@ function useWithdrawPolling({
     if (!enabled || !depositWalletId) return;
     const trigger = async () => {
       try {
-        await (0, import_core45.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
+        await (0, import_core44.pollDirectExecutions)({ deposit_wallet_id: depositWalletId }, publishableKey);
       } catch {
       }
     };
@@ -24268,11 +24369,11 @@ function WithdrawDoubleInput({
 // src/components/withdrawals/WithdrawForm.tsx
 var import_react30 = require("react");
 var import_lucide_react39 = require("lucide-react");
-var import_core50 = require("@unifold/core");
+var import_core49 = require("@unifold/core");
 
 // src/hooks/use-verify-recipient-address.ts
-var import_react_query23 = require("@tanstack/react-query");
-var import_core46 = require("@unifold/core");
+var import_react_query22 = require("@tanstack/react-query");
+var import_core45 = require("@unifold/core");
 function useVerifyRecipientAddress(params) {
   const {
     chainType,
@@ -24284,7 +24385,7 @@ function useVerifyRecipientAddress(params) {
   } = params;
   const trimmedAddress = recipientAddress?.trim() || "";
   const hasAllParams = !!chainType && !!chainId && !!tokenAddress && trimmedAddress.length > 0;
-  return (0, import_react_query23.useQuery)({
+  return (0, import_react_query22.useQuery)({
     queryKey: [
       "unifold",
       "verifyRecipientAddress",
@@ -24294,7 +24395,7 @@ function useVerifyRecipientAddress(params) {
       trimmedAddress,
       publishableKey
     ],
-    queryFn: () => (0, import_core46.verifyRecipientAddress)(
+    queryFn: () => (0, import_core45.verifyRecipientAddress)(
       {
         chain_type: chainType,
         chain_id: chainId,
@@ -24313,7 +24414,7 @@ function useVerifyRecipientAddress(params) {
 }
 
 // src/components/withdrawals/send-withdraw.ts
-var import_core47 = require("@unifold/core");
+var import_core46 = require("@unifold/core");
 async function sendEvmWithdraw(params) {
   const {
     provider,
@@ -24402,7 +24503,7 @@ async function sendSolanaWithdraw(params) {
   if (!provider.publicKey) {
     await provider.connect();
   }
-  const buildResponse = await (0, import_core47.buildSolanaTransaction)(
+  const buildResponse = await (0, import_core46.buildSolanaTransaction)(
     {
       chain_id: "mainnet",
       token_address: sourceTokenAddress === "" ? "native" : sourceTokenAddress,
@@ -24428,7 +24529,7 @@ async function sendSolanaWithdraw(params) {
   for (let i = 0; i < serialized.length; i++) {
     binaryStr += String.fromCharCode(serialized[i]);
   }
-  const sendResponse = await (0, import_core47.sendSolanaTransaction)(
+  const sendResponse = await (0, import_core46.sendSolanaTransaction)(
     { chain_id: "mainnet", signed_transaction: btoa(binaryStr) },
     publishableKey
   );
@@ -24529,11 +24630,11 @@ async function detectBrowserWallet(chainType, senderAddress) {
 
 // src/hooks/use-hypercore-withdraw-activation.ts
 var import_react29 = require("react");
-var import_core49 = require("@unifold/core");
+var import_core48 = require("@unifold/core");
 
 // src/hooks/use-get-deposit-address.ts
-var import_react_query24 = require("@tanstack/react-query");
-var import_core48 = require("@unifold/core");
+var import_react_query23 = require("@tanstack/react-query");
+var import_core47 = require("@unifold/core");
 function useGetDepositAddress(params) {
   const {
     userId,
@@ -24546,7 +24647,7 @@ function useGetDepositAddress(params) {
     enabled = true
   } = params;
   const canFire = !!userId && !!recipientAddress && !!destinationChainType && !!destinationChainId && !!destinationTokenAddress;
-  return (0, import_react_query24.useQuery)({
+  return (0, import_react_query23.useQuery)({
     queryKey: [
       "unifold",
       "getDepositAddress",
@@ -24558,7 +24659,7 @@ function useGetDepositAddress(params) {
       actionType ?? null,
       publishableKey
     ],
-    queryFn: () => (0, import_core48.getDepositAddress)(
+    queryFn: () => (0, import_core47.getDepositAddress)(
       {
         external_user_id: userId,
         recipient_address: recipientAddress,
@@ -24612,7 +24713,7 @@ function useHypercoreWithdrawActivation(params) {
     destinationChainType,
     destinationChainId,
     destinationTokenAddress,
-    actionType: import_core49.ActionType.Withdraw,
+    actionType: import_core48.ActionType.Withdraw,
     enabled: enabled && isHypercore(sourceChainId)
   });
   const depositWalletAddress = (0, import_react29.useMemo)(() => {
@@ -24903,7 +25004,7 @@ function WithdrawForm({
       let humanAmount = isMaxed ? balanceData.balanceHuman : toSafeDecimalString(cryptoAmountFromInput, sourceDecimals);
       if (isHypercoreChain(sourceChainId)) {
         try {
-          const check = await (0, import_core50.checkHypercoreActivation)(
+          const check = await (0, import_core49.checkHypercoreActivation)(
             {
               source_address: senderAddress,
               recipient_address: depositWallet.address
@@ -25352,11 +25453,11 @@ function WithdrawForm({
 
 // src/components/withdrawals/WithdrawExecutionItem.tsx
 var import_lucide_react40 = require("lucide-react");
-var import_core51 = require("@unifold/core");
+var import_core50 = require("@unifold/core");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function WithdrawExecutionItem({ execution, onClick }) {
   const { colors: colors2, fonts, components } = useTheme();
-  const isPending = execution.status === import_core51.ExecutionStatus.PENDING || execution.status === import_core51.ExecutionStatus.WAITING || execution.status === import_core51.ExecutionStatus.DELAYED;
+  const isPending = execution.status === import_core50.ExecutionStatus.PENDING || execution.status === import_core50.ExecutionStatus.WAITING || execution.status === import_core50.ExecutionStatus.DELAYED;
   const formatDateTime = (timestamp) => {
     try {
       const date = new Date(timestamp);
@@ -25403,7 +25504,7 @@ function WithdrawExecutionItem({ execution, onClick }) {
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
             "img",
             {
-              src: execution.destination_token_metadata?.icon_url || (0, import_core51.getIconUrl)("/icons/tokens/svg/usdc.svg"),
+              src: execution.destination_token_metadata?.icon_url || (0, import_core50.getIconUrl)("/icons/tokens/svg/usdc.svg"),
               alt: "Token",
               width: 36,
               height: 36,
@@ -25639,7 +25740,7 @@ function WithdrawConfirmingView({
 }
 
 // src/components/withdrawals/WithdrawModal.tsx
-var import_core52 = require("@unifold/core");
+var import_core51 = require("@unifold/core");
 var import_jsx_runtime69 = require("react/jsx-runtime");
 var t11 = i18n.withdrawModal;
 var getChainKey5 = (chainId, chainType) => `${chainType}:${chainId}`;
@@ -25745,26 +25846,26 @@ function WithdrawModal({
     onWithdrawError
   });
   const { data: allWithdrawalsData } = useExecutions(externalUserId, publishableKey, {
-    actionType: import_core52.ActionType.Withdraw,
+    actionType: import_core51.ActionType.Withdraw,
     enabled: open,
     refetchInterval: view === "tracker" || view === "detail" ? 5e3 : 15e3
   });
   const allWithdrawals = allWithdrawalsData?.data ?? [];
   const handleDepositWalletCreation = (0, import_react32.useCallback)(
     async (params) => {
-      const { data: wallets } = await (0, import_core52.createDepositAddress)(
+      const { data: wallets } = await (0, import_core51.createDepositAddress)(
         {
           external_user_id: externalUserId,
           destination_chain_type: params.destinationChainType,
           destination_chain_id: params.destinationChainId,
           destination_token_address: params.destinationTokenAddress,
           recipient_address: params.recipientAddress,
-          action_type: import_core52.ActionType.Withdraw,
+          action_type: import_core51.ActionType.Withdraw,
           source_chain_type: sourceChainType
         },
         publishableKey
       );
-      const depositWallet = (0, import_core52.getWalletByChainType)(wallets, sourceChainType);
+      const depositWallet = (0, import_core51.getWalletByChainType)(wallets, sourceChainType);
       if (!depositWallet) {
         throw new Error(`No deposit wallet available for ${sourceChainType}`);
       }