@unifold/connect-react 0.1.18 → 0.1.20

package/dist/index.mjs

@@ -1318,6 +1318,12 @@ var Clock = createLucideIcon("Clock", [
   ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
 ]);
 
+// ../../node_modules/.pnpm/lucide-react@0.454.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/copy.js
+var Copy = createLucideIcon("Copy", [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+]);
+
 // ../../node_modules/.pnpm/lucide-react@0.454.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/credit-card.js
 var CreditCard = createLucideIcon("CreditCard", [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
@@ -10603,10 +10609,7 @@ var DialogTitle2 = React210.forwardRef(({ className, ...props }, ref) => /* @__P
   Title,
   {
     ref,
-    className: cn(
-      "uf-leading-none uf-tracking-tight",
-      className
-    ),
+    className: cn("uf-leading-none uf-tracking-tight", className),
     ...props
   }
 ));
@@ -10810,16 +10813,26 @@ function DepositExecutionItem({
                 }
               )
             }
-          ) }) : /* @__PURE__ */ jsx52("div", { className: "uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-bg-green-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx52("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", className: "uf-block", children: /* @__PURE__ */ jsx52(
-            "path",
+          ) }) : /* @__PURE__ */ jsx52("div", { className: "uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-bg-green-500 uf-rounded-full uf-p-0.5", children: /* @__PURE__ */ jsx52(
+            "svg",
             {
-              d: "M10 3L4.5 8.5L2 6",
-              stroke: "white",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
+              width: "10",
+              height: "10",
+              viewBox: "0 0 12 12",
+              fill: "none",
+              className: "uf-block",
+              children: /* @__PURE__ */ jsx52(
+                "path",
+                {
+                  d: "M10 3L4.5 8.5L2 6",
+                  stroke: "white",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
             }
-          ) }) })
+          ) })
         ] }),
         /* @__PURE__ */ jsxs32("div", { className: "uf-flex-1 uf-min-w-0", children: [
           /* @__PURE__ */ jsx52("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-leading-tight", children: isPending ? "Deposit processing" : "Deposit completed" }),
@@ -10991,7 +11004,10 @@ function DepositDetailContent({ execution }) {
       /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
         /* @__PURE__ */ jsx62("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Sent" }),
         /* @__PURE__ */ jsxs42("span", { className: "uf-text-foreground uf-font-medium", children: [
-          formatAmount(execution.source_amount_base_unit, execution.source_token_metadata?.decimals),
+          formatAmount(
+            execution.source_amount_base_unit,
+            execution.source_token_metadata?.decimals
+          ),
           " ",
           formatCurrency(execution.source_currency)
         ] })
@@ -10999,22 +11015,34 @@ function DepositDetailContent({ execution }) {
       /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
         /* @__PURE__ */ jsx62("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Received" }),
         /* @__PURE__ */ jsxs42("span", { className: "uf-text-foreground uf-font-medium", children: [
-          formatAmount(execution.destination_amount_base_unit, execution.destination_token_metadata?.decimals),
+          formatAmount(
+            execution.destination_amount_base_unit,
+            execution.destination_token_metadata?.decimals
+          ),
           " ",
           formatCurrency(execution.destination_currency)
         ] })
       ] }),
       /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
         /* @__PURE__ */ jsx62("span", { className: "uf-text-muted-foreground uf-text-sm", children: "USD Value" }),
-        /* @__PURE__ */ jsx62("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(execution.source_amount_usd, execution.source_amount_base_unit) })
+        /* @__PURE__ */ jsx62("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(
+          execution.source_amount_usd,
+          execution.source_amount_base_unit
+        ) })
       ] }),
       /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b uf-border-border/50", children: [
         /* @__PURE__ */ jsx62("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Source Network" }),
-        /* @__PURE__ */ jsx62("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.source_chain_type, execution.source_chain_id) })
+        /* @__PURE__ */ jsx62("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(
+          execution.source_chain_type,
+          execution.source_chain_id
+        ) })
       ] }),
       /* @__PURE__ */ jsxs42("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
         /* @__PURE__ */ jsx62("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Destination Network" }),
-        /* @__PURE__ */ jsx62("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.destination_chain_type, execution.destination_chain_id) })
+        /* @__PURE__ */ jsx62("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(
+          execution.destination_chain_type,
+          execution.destination_chain_id
+        ) })
       ] })
     ] }),
     /* @__PURE__ */ jsxs42(
@@ -11053,7 +11081,9 @@ function DepositDetailContent({ execution }) {
           className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3 hover:uf-bg-card/50 uf-transition-colors",
           children: [
             /* @__PURE__ */ jsx62("div", { className: "uf-text-muted-foreground uf-text-sm", children: "Completion Tx" }),
-            /* @__PURE__ */ jsx62("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(execution.destination_transaction_hashes[0]) }),
+            /* @__PURE__ */ jsx62("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(
+              execution.destination_transaction_hashes[0]
+            ) }),
             /* @__PURE__ */ jsx62(ExternalLink, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground uf-block" })
           ]
         }
@@ -11113,36 +11143,42 @@ function DepositsModal({
   const handleExecutionClick = (execution) => {
     setSelectedExecution(execution);
   };
-  return /* @__PURE__ */ jsx72(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsx72(DialogContent2, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: selectedExecution ? /* @__PURE__ */ jsxs5(Fragment8, { children: [
-    /* @__PURE__ */ jsx72(
-      DepositHeader,
-      {
-        title: "Deposit Details",
-        showBack: true,
-        onBack: () => setSelectedExecution(null),
-        onClose: handleClose
-      }
-    ),
-    /* @__PURE__ */ jsx72(DepositDetailContent, { execution: selectedExecution })
-  ] }) : /* @__PURE__ */ jsxs5(Fragment8, { children: [
-    /* @__PURE__ */ jsx72(
-      DepositHeader,
-      {
-        title: "Deposit Tracker",
-        showBack: true,
-        onBack: handleBack,
-        onClose: handleClose
-      }
-    ),
-    /* @__PURE__ */ jsx72("div", { className: "uf-max-h-[400px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx72("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx72("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx72("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ jsx72(Fragment8, { children: allExecutions.map((execution) => /* @__PURE__ */ jsx72(
-      DepositExecutionItem,
-      {
-        execution,
-        onClick: () => handleExecutionClick(execution)
-      },
-      execution.id
-    )) }) }) })
-  ] }) }) });
+  return /* @__PURE__ */ jsx72(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsx72(
+    DialogContent2,
+    {
+      className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
+      children: selectedExecution ? /* @__PURE__ */ jsxs5(Fragment8, { children: [
+        /* @__PURE__ */ jsx72(
+          DepositHeader,
+          {
+            title: "Deposit Details",
+            showBack: true,
+            onBack: () => setSelectedExecution(null),
+            onClose: handleClose
+          }
+        ),
+        /* @__PURE__ */ jsx72(DepositDetailContent, { execution: selectedExecution })
+      ] }) : /* @__PURE__ */ jsxs5(Fragment8, { children: [
+        /* @__PURE__ */ jsx72(
+          DepositHeader,
+          {
+            title: "Deposit Tracker",
+            showBack: true,
+            onBack: handleBack,
+            onClose: handleClose
+          }
+        ),
+        /* @__PURE__ */ jsx72("div", { className: "uf-max-h-[400px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx72("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx72("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx72("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ jsx72(Fragment8, { children: allExecutions.map((execution) => /* @__PURE__ */ jsx72(
+          DepositExecutionItem,
+          {
+            execution,
+            onClick: () => handleExecutionClick(execution)
+          },
+          execution.id
+        )) }) }) })
+      ] })
+    }
+  ) });
 }
 function DepositSuccessToast({
   depositTx,
@@ -11288,22 +11324,28 @@ function DepositSuccessToast({
         }
       )
     ] }) }),
-    execution && /* @__PURE__ */ jsx82(Dialog2, { open: detailModalOpen, onOpenChange: setDetailModalOpen, children: /* @__PURE__ */ jsxs6(DialogContent2, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-mt-8 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: [
-      /* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-items-center uf-justify-between uf-px-4", children: [
-        /* @__PURE__ */ jsx82("div", { className: "uf-w-8" }),
-        " ",
-        /* @__PURE__ */ jsx82("h2", { className: "uf-text-lg uf-font-semibold uf-text-foreground", children: "Deposit Details" }),
-        /* @__PURE__ */ jsx82(
-          "button",
-          {
-            onClick: () => setDetailModalOpen(false),
-            className: "uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-w-8 uf-flex uf-justify-end",
-            children: /* @__PURE__ */ jsx82(X, { className: "uf-w-5 uf-h-5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx82(DepositDetailContent, { execution })
-    ] }) })
+    execution && /* @__PURE__ */ jsx82(Dialog2, { open: detailModalOpen, onOpenChange: setDetailModalOpen, children: /* @__PURE__ */ jsxs6(
+      DialogContent2,
+      {
+        className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-mt-8 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
+        children: [
+          /* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-items-center uf-justify-between uf-px-4", children: [
+            /* @__PURE__ */ jsx82("div", { className: "uf-w-8" }),
+            " ",
+            /* @__PURE__ */ jsx82("h2", { className: "uf-text-lg uf-font-semibold uf-text-foreground", children: "Deposit Details" }),
+            /* @__PURE__ */ jsx82(
+              "button",
+              {
+                onClick: () => setDetailModalOpen(false),
+                className: "uf-text-muted-foreground hover:uf-text-foreground uf-transition-colors uf-w-8 uf-flex uf-justify-end",
+                children: /* @__PURE__ */ jsx82(X, { className: "uf-w-5 uf-h-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx82(DepositDetailContent, { execution })
+        ]
+      }
+    ) })
   ] });
 }
 var Select2 = Root23;
@@ -11386,7 +11428,10 @@ var SelectLabel2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PU
   Label,
   {
     ref,
-    className: cn("uf-py-1.5 uf-pl-8 uf-pr-2 uf-text-sm uf-font-semibold", className),
+    className: cn(
+      "uf-py-1.5 uf-pl-8 uf-pr-2 uf-text-sm uf-font-semibold",
+      className
+    ),
     ...props
   }
 ));
@@ -11626,7 +11671,9 @@ function TransferCryptoBase({
       } catch (err) {
         console.error("Error fetching wallets, retrying in 5s:", err);
         if (!isCancelled) {
-          setError(err instanceof Error ? err.message : "Failed to load wallets");
+          setError(
+            err instanceof Error ? err.message : "Failed to load wallets"
+          );
           setLoading(false);
           retryTimeout = setTimeout(fetchWallets, 5e3);
         }
@@ -11871,21 +11918,28 @@ function TransferCryptoBase({
             disabled: tokensLoading || availableChainsForToken.length === 0,
             children: [
               /* @__PURE__ */ jsx112(SelectTrigger2, { className: "uf-bg-secondary uf-border-none uf-rounded-lg uf-h-10 hover:uf-bg-accent uf-text-foreground focus:uf-ring-1 focus:uf-ring-ring disabled:uf-opacity-50", children: /* @__PURE__ */ jsx112(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx112("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx112("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx112("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx112("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
-              /* @__PURE__ */ jsx112(SelectContent2, { align: "end", className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]", children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx112("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
-                const chainKey = getChainKey(
-                  chainData.chain_id,
-                  chainData.chain_type
-                );
-                return /* @__PURE__ */ jsx112(
-                  SelectItem2,
-                  {
-                    value: chainKey,
-                    className: "focus:uf-bg-accent focus:uf-text-foreground",
-                    children: renderChainItem(chainData, true)
-                  },
-                  `${chainData.chain_id}-${chainData.chain_type}`
-                );
-              }) })
+              /* @__PURE__ */ jsx112(
+                SelectContent2,
+                {
+                  align: "end",
+                  className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
+                  children: availableChainsForToken.length === 0 ? /* @__PURE__ */ jsx112("div", { className: "uf-px-2 uf-py-3 uf-text-xs uf-text-muted-foreground uf-text-center", children: t.noChainsAvailable }) : availableChainsForToken.map((chainData) => {
+                    const chainKey = getChainKey(
+                      chainData.chain_id,
+                      chainData.chain_type
+                    );
+                    return /* @__PURE__ */ jsx112(
+                      SelectItem2,
+                      {
+                        value: chainKey,
+                        className: "focus:uf-bg-accent focus:uf-text-foreground",
+                        children: renderChainItem(chainData, true)
+                      },
+                      `${chainData.chain_id}-${chainData.chain_type}`
+                    );
+                  })
+                }
+              )
             ]
           }
         )
@@ -11942,22 +11996,31 @@ function TransferCryptoBase({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs8("span", { className: `uf-flex uf-items-center uf-gap-1 uf-text-green-500 uf-transition-opacity uf-duration-200 ${copied ? "uf-opacity-100" : "uf-opacity-0"}`, children: [
-          /* @__PURE__ */ jsx112(Check, { className: "uf-w-3 uf-h-3" }),
-          t.copied
-        ] })
+        /* @__PURE__ */ jsxs8(
+          "span",
+          {
+            className: `uf-flex uf-items-center uf-gap-1 uf-text-green-500 uf-transition-opacity uf-duration-200 ${copied ? "uf-opacity-100" : "uf-opacity-0"}`,
+            children: [
+              /* @__PURE__ */ jsx112(Check, { className: "uf-w-3 uf-h-3" }),
+              t.copied
+            ]
+          }
+        )
       ] }),
-      loading ? /* @__PURE__ */ jsx112("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-muted-foreground uf-animate-pulse", children: t.loading }) : error ? /* @__PURE__ */ jsx112("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-red-400", children: error }) : /* @__PURE__ */ jsx112(
-        "button",
-        {
-          onClick: handleCopyAddress,
-          disabled: !depositAddress,
-          className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-font-mono uf-break-all uf-text-left uf-transition-colors uf-cursor-pointer disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
-          children: depositAddress || t.noAddressAvailable
-        }
-      )
+      loading ? /* @__PURE__ */ jsx112("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-muted-foreground uf-animate-pulse", children: t.loading }) : error ? /* @__PURE__ */ jsx112("div", { className: "uf-bg-secondary uf-rounded-lg uf-px-3 uf-py-2.5 uf-text-xs uf-text-red-400", children: error }) : /* @__PURE__ */ jsxs8("div", { className: "uf-relative", children: [
+        /* @__PURE__ */ jsx112(
+          "button",
+          {
+            onClick: handleCopyAddress,
+            disabled: !depositAddress,
+            className: "uf-w-full uf-bg-secondary hover:uf-bg-accent uf-rounded-lg uf-px-2.5 uf-py-2.5 uf-text-xs uf-font-mono uf-break-all uf-text-left uf-transition-colors uf-cursor-pointer disabled:uf-opacity-50 disabled:uf-cursor-not-allowed",
+            children: depositAddress || t.noAddressAvailable
+          }
+        ),
+        depositAddress && /* @__PURE__ */ jsx112("span", { className: "uf-absolute uf-inset-y-0 uf-right-3 uf-flex uf-items-center uf-text-muted-foreground uf-pointer-events-none", children: /* @__PURE__ */ jsx112(Copy, { className: "uf-w-3 uf-h-3" }) })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxs8("div", { className: "uf-bg-secondary uf-rounded-xl uf-px-3", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "uf-bg-secondary uf-rounded-xl uf-px-2.5", children: [
       /* @__PURE__ */ jsxs8(
         "button",
         {
@@ -12219,52 +12282,58 @@ function CurrencyModal({
     onOpenChange(false);
     setSearchQuery("");
   };
-  return /* @__PURE__ */ jsx152(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs11(DialogContent2, { className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`, children: [
-    /* @__PURE__ */ jsx152(
-      DepositHeader,
-      {
-        title: "Currency",
-        showBack: true,
-        onBack: handleClose,
-        onClose: handleClose
-      }
-    ),
-    /* @__PURE__ */ jsx152("div", { children: /* @__PURE__ */ jsxs11("div", { className: "uf-relative", children: [
-      /* @__PURE__ */ jsx152(Search, { className: "uf-absolute uf-left-4 uf-top-1/2 uf--translate-y-1/2 uf-w-4 uf-h-4 uf-text-muted-foreground" }),
-      /* @__PURE__ */ jsx152(
-        "input",
-        {
-          type: "text",
-          value: searchQuery,
-          onChange: (e) => setSearchQuery(e.target.value),
-          placeholder: "Search",
-          className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-pl-11 uf-pr-4 uf-py-2.5 uf-text-sm uf-text-foreground uf-placeholder-muted-foreground uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx152("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs11("div", { className: "uf-space-y-2", children: [
-      /* @__PURE__ */ jsx152(
-        CurrencyListSection,
-        {
-          title: "Popular currencies",
-          currencies: filteredPreferred,
-          selectedCurrency,
-          onSelect: handleSelect
-        }
-      ),
-      filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ jsx152("div", { className: "uf-h-2" }),
-      /* @__PURE__ */ jsx152(
-        CurrencyListSection,
-        {
-          title: "All currencies",
-          currencies: filteredOther,
-          selectedCurrency,
-          onSelect: handleSelect
-        }
-      ),
-      filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ jsx152("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
-    ] }) })
-  ] }) });
+  return /* @__PURE__ */ jsx152(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs11(
+    DialogContent2,
+    {
+      className: `sm:uf-max-w-[400px] !uf-bg-card uf-border-secondary uf-text-foreground uf-p-0 uf-gap-0 [&>button]:uf-hidden ${themeClass}`,
+      children: [
+        /* @__PURE__ */ jsx152(
+          DepositHeader,
+          {
+            title: "Currency",
+            showBack: true,
+            onBack: handleClose,
+            onClose: handleClose
+          }
+        ),
+        /* @__PURE__ */ jsx152("div", { children: /* @__PURE__ */ jsxs11("div", { className: "uf-relative", children: [
+          /* @__PURE__ */ jsx152(Search, { className: "uf-absolute uf-left-4 uf-top-1/2 uf--translate-y-1/2 uf-w-4 uf-h-4 uf-text-muted-foreground" }),
+          /* @__PURE__ */ jsx152(
+            "input",
+            {
+              type: "text",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              placeholder: "Search",
+              className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-pl-11 uf-pr-4 uf-py-2.5 uf-text-sm uf-text-foreground uf-placeholder-muted-foreground uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx152("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs11("div", { className: "uf-space-y-2", children: [
+          /* @__PURE__ */ jsx152(
+            CurrencyListSection,
+            {
+              title: "Popular currencies",
+              currencies: filteredPreferred,
+              selectedCurrency,
+              onSelect: handleSelect
+            }
+          ),
+          filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ jsx152("div", { className: "uf-h-2" }),
+          /* @__PURE__ */ jsx152(
+            CurrencyListSection,
+            {
+              title: "All currencies",
+              currencies: filteredOther,
+              selectedCurrency,
+              onSelect: handleSelect
+            }
+          ),
+          filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ jsx152("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
+        ] }) })
+      ]
+    }
+  ) });
 }
 function useUserIp2() {
   const {
@@ -12362,7 +12431,9 @@ function BuyWithCard({
   const [autoSelectedProvider, setAutoSelectedProvider] = useState62(null);
   const [hasManualSelection, setHasManualSelection] = useState62(false);
   const [internalWallets, setInternalWallets] = useState62([]);
-  const [walletsLoading, setWalletsLoading] = useState62(!externalWallets?.length);
+  const [walletsLoading, setWalletsLoading] = useState62(
+    !externalWallets?.length
+  );
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
   const [countdown, setCountdown] = useState62(60);
   const [fiatCurrencies, setFiatCurrencies] = useState62([]);
@@ -12435,7 +12506,15 @@ function BuyWithCard({
         clearTimeout(retryTimeout);
       }
     };
-  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, externalWallets]);
+  }, [
+    userId,
+    recipientAddress,
+    destinationChainType,
+    destinationChainId,
+    destinationTokenAddress,
+    publishableKey,
+    externalWallets
+  ]);
   useEffect52(() => {
     async function fetchSupportedTokens() {
       try {
@@ -12619,7 +12698,10 @@ function BuyWithCard({
                   selectedCurrencyData && /* @__PURE__ */ jsx162(
                     "img",
                     {
-                      src: getPreferredIconUrl(selectedCurrencyData.icon_urls, "png") || selectedCurrencyData.icon_url,
+                      src: getPreferredIconUrl(
+                        selectedCurrencyData.icon_urls,
+                        "png"
+                      ) || selectedCurrencyData.icon_url,
                       alt: selectedCurrencyData.name,
                       className: "uf-w-4 uf-h-4"
                     }
@@ -12852,7 +12934,10 @@ function BuyWithCard({
                 /* @__PURE__ */ jsx162(
                   "img",
                   {
-                    src: getIconUrlWithCdn("/icons/tokens/png/usdc.png", assetCdnUrl),
+                    src: getIconUrlWithCdn(
+                      "/icons/tokens/png/usdc.png",
+                      assetCdnUrl
+                    ),
                     alt: "USDC",
                     className: "uf-w-7 uf-h-7 uf-rounded-full"
                   }
@@ -12860,7 +12945,10 @@ function BuyWithCard({
                 /* @__PURE__ */ jsx162(
                   "img",
                   {
-                    src: getIconUrlWithCdn("/icons/networks/png/polygon.png", assetCdnUrl),
+                    src: getIconUrlWithCdn(
+                      "/icons/networks/png/polygon.png",
+                      assetCdnUrl
+                    ),
                     alt: "Polygon",
                     className: "uf-w-3.5 uf-h-3.5 uf-absolute -uf-bottom-0.5 -uf-right-0.5 uf-rounded-full"
                   }
@@ -12875,7 +12963,10 @@ function BuyWithCard({
                 /* @__PURE__ */ jsx162(
                   "img",
                   {
-                    src: destinationToken?.icon_url || getIconUrlWithCdn("/icons/tokens/png/usdc.png", assetCdnUrl),
+                    src: destinationToken?.icon_url || getIconUrlWithCdn(
+                      "/icons/tokens/png/usdc.png",
+                      assetCdnUrl
+                    ),
                     alt: displayTokenSymbol,
                     className: "uf-w-7 uf-h-7 uf-rounded-full"
                   }
@@ -13058,7 +13149,9 @@ function useAllowedCountry(publishableKey) {
   if (ipData && configData) {
     const blockedCodes = configData.blocked_country_codes || [];
     const userCountryUpper = ipData.alpha2.toUpperCase();
-    isAllowed = !blockedCodes.some((code) => code.toUpperCase() === userCountryUpper);
+    isAllowed = !blockedCodes.some(
+      (code) => code.toUpperCase() === userCountryUpper
+    );
   }
   return {
     isAllowed,
@@ -13069,7 +13162,9 @@ function useAllowedCountry(publishableKey) {
     error
   };
 }
-function SkeletonButton({ variant = "default" }) {
+function SkeletonButton({
+  variant = "default"
+}) {
   return /* @__PURE__ */ jsxs16("div", { className: "uf-w-full uf-bg-secondary uf-rounded-xl uf-p-3 uf-flex uf-items-center uf-justify-between uf-animate-pulse", children: [
     /* @__PURE__ */ jsxs16("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
       /* @__PURE__ */ jsx20("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
@@ -13079,7 +13174,13 @@ function SkeletonButton({ variant = "default" }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      variant === "with-icons" && /* @__PURE__ */ jsx20("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx20("div", { className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary" }, i)) }),
+      variant === "with-icons" && /* @__PURE__ */ jsx20("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsx20(
+        "div",
+        {
+          className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
+        },
+        i
+      )) }),
       /* @__PURE__ */ jsx20(ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
     ] })
   ] });
@@ -13116,8 +13217,17 @@ function DepositModal({
   }, [publishableKey]);
   useEffect62(() => {
     setWallets([]);
-  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey]);
-  const [resolvedTheme, setResolvedTheme] = useState72(theme === "auto" ? "dark" : theme);
+  }, [
+    userId,
+    recipientAddress,
+    destinationChainType,
+    destinationChainId,
+    destinationTokenAddress,
+    publishableKey
+  ]);
+  const [resolvedTheme, setResolvedTheme] = useState72(
+    theme === "auto" ? "dark" : theme
+  );
   useEffect62(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
@@ -13136,7 +13246,11 @@ function DepositModal({
       getProjectConfig(publishableKey).then(setProjectConfig).catch(console.error);
     }
   }, [open, publishableKey, projectConfig]);
-  const { isAllowed, isLoading: isCountryLoading, error: countryError } = useAllowedCountry(publishableKey);
+  const {
+    isAllowed,
+    isLoading: isCountryLoading,
+    error: countryError
+  } = useAllowedCountry(publishableKey);
   useEffect62(() => {
     if (!open || wallets.length > 0) return;
     let retryTimeout = null;
@@ -13174,7 +13288,16 @@ function DepositModal({
         clearTimeout(retryTimeout);
       }
     };
-  }, [open, userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, wallets.length]);
+  }, [
+    open,
+    userId,
+    recipientAddress,
+    destinationChainType,
+    destinationChainId,
+    destinationTokenAddress,
+    publishableKey,
+    wallets.length
+  ]);
   const themeClass = resolvedTheme === "dark" ? "uf-dark" : "";
   const handleClose = () => {
     onOpenChange(false);
@@ -13549,6 +13672,7 @@ lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/chevron-up.js:
 lucide-react/dist/esm/icons/clock.js:
+lucide-react/dist/esm/icons/copy.js:
 lucide-react/dist/esm/icons/credit-card.js:
 lucide-react/dist/esm/icons/dollar-sign.js:
 lucide-react/dist/esm/icons/external-link.js: