@unifold/ui-react 0.1.18 → 0.1.20

package/dist/index.js

@@ -203,10 +203,7 @@ var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE
   DialogPrimitive.Title,
   {
     ref,
-    className: cn(
-      "uf-leading-none uf-tracking-tight",
-      className
-    ),
+    className: cn("uf-leading-none uf-tracking-tight", className),
     ...props
   }
 ));
@@ -431,16 +428,26 @@ function DepositExecutionItem({
                 }
               )
             }
-          ) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "10", height: "10", viewBox: "0 0 12 12", fill: "none", className: "uf-block", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            "path",
+          ) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)(
+            "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__ */ (0, import_jsx_runtime5.jsx)(
+                "path",
+                {
+                  d: "M10 3L4.5 8.5L2 6",
+                  stroke: "white",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
             }
-          ) }) })
+          ) })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "uf-flex-1 uf-min-w-0", children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { className: "uf-text-foreground uf-font-medium uf-text-sm uf-leading-tight", children: isPending ? "Deposit processing" : "Deposit completed" }),
@@ -618,7 +625,10 @@ function DepositDetailContent({ execution }) {
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Sent" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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)
         ] })
@@ -626,22 +636,34 @@ function DepositDetailContent({ execution }) {
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Amount Received" }),
         /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "USD Value" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(execution.source_amount_usd, execution.source_amount_base_unit) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: formatUsdAmount(
+          execution.source_amount_usd,
+          execution.source_amount_base_unit
+        ) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Source Network" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.source_chain_type, execution.source_chain_id) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(
+          execution.source_chain_type,
+          execution.source_chain_id
+        ) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
         /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-muted-foreground uf-text-sm", children: "Destination Network" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(execution.destination_chain_type, execution.destination_chain_id) })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "uf-text-foreground uf-font-medium", children: getNetworkName(
+          execution.destination_chain_type,
+          execution.destination_chain_id
+        ) })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
@@ -680,7 +702,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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "Completion Tx" }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(execution.destination_transaction_hashes[0]) }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "uf-text-sm uf-text-foreground uf-text-right", children: formatTransactionHash(
+              execution.destination_transaction_hashes[0]
+            ) }),
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react4.ExternalLink, { className: "uf-w-3.5 uf-h-3.5 uf-text-muted-foreground uf-block" })
           ]
         }
@@ -744,36 +768,42 @@ function DepositsModal({
   const handleExecutionClick = (execution) => {
     setSelectedExecution(execution);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogContent, { 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__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      DepositHeader,
-      {
-        title: "Deposit Details",
-        showBack: true,
-        onBack: () => setSelectedExecution(null),
-        onClose: handleClose
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DepositDetailContent, { execution: selectedExecution })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      DepositHeader,
-      {
-        title: "Deposit Tracker",
-        showBack: true,
-        onBack: handleBack,
-        onClose: handleClose
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-max-h-[400px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      DepositExecutionItem,
-      {
-        execution,
-        onClick: () => handleExecutionClick(execution)
-      },
-      execution.id
-    )) }) }) })
-  ] }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    DialogContent,
+    {
+      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__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          DepositHeader,
+          {
+            title: "Deposit Details",
+            showBack: true,
+            onBack: () => setSelectedExecution(null),
+            onClose: handleClose
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DepositDetailContent, { execution: selectedExecution })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          DepositHeader,
+          {
+            title: "Deposit Tracker",
+            showBack: true,
+            onBack: handleBack,
+            onClose: handleClose
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-max-h-[400px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "uf-text-muted-foreground uf-text-sm", children: "No deposits yet" }) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: allExecutions.map((execution) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          DepositExecutionItem,
+          {
+            execution,
+            onClick: () => handleExecutionClick(execution)
+          },
+          execution.id
+        )) }) }) })
+      ] })
+    }
+  ) });
 }
 
 // src/components/deposits/DepositSuccessToast.tsx
@@ -925,22 +955,28 @@ function DepositSuccessToast({
         }
       )
     ] }) }),
-    execution && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open: detailModalOpen, onOpenChange: setDetailModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(DialogContent, { 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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-px-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "uf-w-8" }),
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "uf-text-lg uf-font-semibold uf-text-foreground", children: "Deposit Details" }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "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__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.X, { className: "uf-w-5 uf-h-5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DepositDetailContent, { execution })
-    ] }) })
+    execution && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Dialog, { open: detailModalOpen, onOpenChange: setDetailModalOpen, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      DialogContent,
+      {
+        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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-between uf-px-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "uf-w-8" }),
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "uf-text-lg uf-font-semibold uf-text-foreground", children: "Deposit Details" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+              "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__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react5.X, { className: "uf-w-5 uf-h-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DepositDetailContent, { execution })
+        ]
+      }
+    ) })
   ] });
 }
 
@@ -1030,7 +1066,10 @@ var SelectLabel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   SelectPrimitive.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
   }
 ));
@@ -1285,7 +1324,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);
         }
@@ -1530,21 +1571,28 @@ function TransferCryptoBase({
             disabled: tokensLoading || availableChainsForToken.length === 0,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectTrigger, { 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__ */ (0, import_jsx_runtime11.jsx)(SelectValue, { children: tokensLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectContent, { align: "end", className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]", children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
-                  SelectItem,
-                  {
-                    value: chainKey,
-                    className: "focus:uf-bg-accent focus:uf-text-foreground",
-                    children: renderChainItem(chainData, true)
-                  },
-                  `${chainData.chain_id}-${chainData.chain_type}`
-                );
-              }) })
+              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                SelectContent,
+                {
+                  align: "end",
+                  className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px] uf-min-w-[200px]",
+                  children: availableChainsForToken.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
+                      SelectItem,
+                      {
+                        value: chainKey,
+                        className: "focus:uf-bg-accent focus:uf-text-foreground",
+                        children: renderChainItem(chainData, true)
+                      },
+                      `${chainData.chain_id}-${chainData.chain_type}`
+                    );
+                  })
+                }
+              )
             ]
           }
         )
@@ -1601,22 +1649,31 @@ function TransferCryptoBase({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.Check, { className: "uf-w-3 uf-h-3" }),
-          t.copied
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          "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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.Check, { className: "uf-w-3 uf-h-3" }),
+              t.copied
+            ]
+          }
+        )
       ] }),
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(
-        "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__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uf-relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.Copy, { className: "uf-w-3 uf-h-3" }) })
+      ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-px-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "uf-bg-secondary uf-rounded-xl uf-px-2.5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         "button",
         {
@@ -1901,52 +1958,58 @@ function CurrencyModal({
     onOpenChange(false);
     setSearchQuery("");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(DialogContent, { 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__ */ (0, import_jsx_runtime15.jsx)(
-      DepositHeader,
-      {
-        title: "Currency",
-        showBack: true,
-        onBack: handleClose,
-        onClose: handleClose
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "uf-relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react9.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__ */ (0, import_jsx_runtime15.jsx)(
-        "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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "uf-space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        CurrencyListSection,
-        {
-          title: "Popular currencies",
-          currencies: filteredPreferred,
-          selectedCurrency,
-          onSelect: handleSelect
-        }
-      ),
-      filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uf-h-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-        CurrencyListSection,
-        {
-          title: "All currencies",
-          currencies: filteredOther,
-          selectedCurrency,
-          onSelect: handleSelect
-        }
-      ),
-      filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
-    ] }) })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    DialogContent,
+    {
+      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__ */ (0, import_jsx_runtime15.jsx)(
+          DepositHeader,
+          {
+            title: "Currency",
+            showBack: true,
+            onBack: handleClose,
+            onClose: handleClose
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "uf-relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react9.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__ */ (0, import_jsx_runtime15.jsx)(
+            "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__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uf-max-h-[500px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "uf-space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            CurrencyListSection,
+            {
+              title: "Popular currencies",
+              currencies: filteredPreferred,
+              selectedCurrency,
+              onSelect: handleSelect
+            }
+          ),
+          filteredPreferred.length > 0 && filteredOther.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uf-h-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            CurrencyListSection,
+            {
+              title: "All currencies",
+              currencies: filteredOther,
+              selectedCurrency,
+              onSelect: handleSelect
+            }
+          ),
+          filteredPreferred.length === 0 && filteredOther.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "uf-text-center uf-py-8 uf-text-muted-foreground uf-text-sm", children: "No currencies found" })
+        ] }) })
+      ]
+    }
+  ) });
 }
 
 // src/hooks/use-user-ip.ts
@@ -2051,7 +2114,9 @@ function BuyWithCard({
   const [autoSelectedProvider, setAutoSelectedProvider] = (0, import_react7.useState)(null);
   const [hasManualSelection, setHasManualSelection] = (0, import_react7.useState)(false);
   const [internalWallets, setInternalWallets] = (0, import_react7.useState)([]);
-  const [walletsLoading, setWalletsLoading] = (0, import_react7.useState)(!externalWallets?.length);
+  const [walletsLoading, setWalletsLoading] = (0, import_react7.useState)(
+    !externalWallets?.length
+  );
   const wallets = externalWallets?.length ? externalWallets : internalWallets;
   const [countdown, setCountdown] = (0, import_react7.useState)(60);
   const [fiatCurrencies, setFiatCurrencies] = (0, import_react7.useState)([]);
@@ -2124,7 +2189,15 @@ function BuyWithCard({
         clearTimeout(retryTimeout);
       }
     };
-  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey, externalWallets]);
+  }, [
+    userId,
+    recipientAddress,
+    destinationChainType,
+    destinationChainId,
+    destinationTokenAddress,
+    publishableKey,
+    externalWallets
+  ]);
   (0, import_react7.useEffect)(() => {
     async function fetchSupportedTokens() {
       try {
@@ -2308,7 +2381,10 @@ function BuyWithCard({
                   selectedCurrencyData && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     "img",
                     {
-                      src: (0, import_core8.getPreferredIconUrl)(selectedCurrencyData.icon_urls, "png") || selectedCurrencyData.icon_url,
+                      src: (0, import_core8.getPreferredIconUrl)(
+                        selectedCurrencyData.icon_urls,
+                        "png"
+                      ) || selectedCurrencyData.icon_url,
                       alt: selectedCurrencyData.name,
                       className: "uf-w-4 uf-h-4"
                     }
@@ -2541,7 +2617,10 @@ function BuyWithCard({
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "img",
                   {
-                    src: (0, import_core8.getIconUrlWithCdn)("/icons/tokens/png/usdc.png", assetCdnUrl),
+                    src: (0, import_core8.getIconUrlWithCdn)(
+                      "/icons/tokens/png/usdc.png",
+                      assetCdnUrl
+                    ),
                     alt: "USDC",
                     className: "uf-w-7 uf-h-7 uf-rounded-full"
                   }
@@ -2549,7 +2628,10 @@ function BuyWithCard({
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "img",
                   {
-                    src: (0, import_core8.getIconUrlWithCdn)("/icons/networks/png/polygon.png", assetCdnUrl),
+                    src: (0, import_core8.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"
                   }
@@ -2564,7 +2646,10 @@ function BuyWithCard({
                 /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "img",
                   {
-                    src: destinationToken?.icon_url || (0, import_core8.getIconUrlWithCdn)("/icons/tokens/png/usdc.png", assetCdnUrl),
+                    src: destinationToken?.icon_url || (0, import_core8.getIconUrlWithCdn)(
+                      "/icons/tokens/png/usdc.png",
+                      assetCdnUrl
+                    ),
                     alt: displayTokenSymbol,
                     className: "uf-w-7 uf-h-7 uf-rounded-full"
                   }
@@ -2766,7 +2851,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,
@@ -2780,7 +2867,9 @@ function useAllowedCountry(publishableKey) {
 
 // src/components/deposits/DepositModal.tsx
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function SkeletonButton({ variant = "default" }) {
+function SkeletonButton({
+  variant = "default"
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-bg-muted uf-rounded-lg uf-w-9 uf-h-9" }),
@@ -2790,7 +2879,13 @@ function SkeletonButton({ variant = "default" }) {
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-gap-2", children: [
-      variant === "with-icons" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-flex uf--space-x-1", children: [1, 2, 3].map((i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        "div",
+        {
+          className: "uf-w-5 uf-h-5 uf-rounded-full uf-bg-muted uf-border-2 uf-border-secondary"
+        },
+        i
+      )) }),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react14.ChevronRight, { className: "uf-w-4 uf-h-4 uf-text-muted" })
     ] })
   ] });
@@ -2827,8 +2922,17 @@ function DepositModal({
   }, [publishableKey]);
   (0, import_react8.useEffect)(() => {
     setWallets([]);
-  }, [userId, recipientAddress, destinationChainType, destinationChainId, destinationTokenAddress, publishableKey]);
-  const [resolvedTheme, setResolvedTheme] = (0, import_react8.useState)(theme === "auto" ? "dark" : theme);
+  }, [
+    userId,
+    recipientAddress,
+    destinationChainType,
+    destinationChainId,
+    destinationTokenAddress,
+    publishableKey
+  ]);
+  const [resolvedTheme, setResolvedTheme] = (0, import_react8.useState)(
+    theme === "auto" ? "dark" : theme
+  );
   (0, import_react8.useEffect)(() => {
     if (theme === "auto") {
       const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
@@ -2847,7 +2951,11 @@ function DepositModal({
       (0, import_core10.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);
   (0, import_react8.useEffect)(() => {
     if (!open || wallets.length > 0) return;
     let retryTimeout = null;
@@ -2885,7 +2993,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);