@agg-build/ui 1.0.0 → 1.0.1

package/dist/modals.js

@@ -108,6 +108,7 @@ var Dialog = __toESM(require("@radix-ui/react-dialog"));
 
 // src/constants.ts
 var AGG_ROOT_CLASS_NAME = "agg-root";
+var AGG_TERMS_OF_SERVICE_URL = "https://build.agg.market/terms-and-conditions";
 
 // src/shared/utils.ts
 var cn = (...values) => values.filter(Boolean).join(" ");
@@ -4357,26 +4358,80 @@ var CardDepositStep = ({
 };
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_react6 = require("react");
 var import_hooks17 = require("@agg-build/hooks");
 
+// src/primitives/copy-button/index.tsx
+var import_react6 = require("react");
+var import_jsx_runtime90 = require("react/jsx-runtime");
+var CopyButton = ({
+  value,
+  label,
+  copiedLabel,
+  "aria-label": ariaLabel,
+  disabled,
+  className,
+  iconClassName = "h-4 w-4",
+  onCopy,
+  resetMs = 2e3
+}) => {
+  const [isCopied, setIsCopied] = (0, import_react6.useState)(false);
+  const timeoutRef = (0, import_react6.useRef)(null);
+  (0, import_react6.useEffect)(
+    () => () => {
+      if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+    },
+    []
+  );
+  const handleClick = (0, import_react6.useCallback)(() => {
+    var _a;
+    if (!value) return;
+    (_a = navigator.clipboard) == null ? void 0 : _a.writeText(value).catch(() => {
+    });
+    setIsCopied(true);
+    onCopy == null ? void 0 : onCopy();
+    if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => setIsCopied(false), resetMs);
+  }, [onCopy, resetMs, value]);
+  const showLabel = label !== void 0 || copiedLabel !== void 0;
+  const visibleLabel = isCopied ? copiedLabel != null ? copiedLabel : label : label;
+  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled,
+      "aria-label": showLabel ? void 0 : ariaLabel,
+      className: cn(
+        "shrink-0 inline-flex items-center gap-1 transition-colors cursor-pointer",
+        "disabled:opacity-40 disabled:cursor-not-allowed",
+        className
+      ),
+      children: [
+        isCopied ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckCircleIcon, { className: iconClassName }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CopyIcon, { className: iconClassName }),
+        showLabel ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "agg-type-label-strong", children: visibleLabel }) : null
+      ]
+    }
+  );
+};
+CopyButton.displayName = "CopyButton";
+
 // src/deposit/components/DepositQRCode.tsx
 var import_qrcode = require("qrcode.react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 function DepositQRCode({
   depositAddress,
   networkLogoUrl,
   networkLogo,
   size = 160
 }) {
-  const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  const logoOverlay = networkLogo ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "div",
     {
       className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 overflow-hidden rounded-sm",
       style: { width: 32, height: 32, backgroundColor: "#FFFFFF", padding: 2 },
       children: networkLogo
     }
-  ) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  ) : networkLogoUrl ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "img",
     {
       src: networkLogoUrl,
@@ -4387,7 +4442,7 @@ function DepositQRCode({
       style: { backgroundColor: "#FFFFFF", padding: 2 }
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     "div",
     {
       className: "inline-flex items-center justify-center rounded-xl border",
@@ -4396,8 +4451,8 @@ function DepositQRCode({
         borderColor: "#E5E7EB",
         backgroundColor: "#FFFFFF"
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_qrcode.QRCodeSVG, { value: depositAddress, size, level: "H" }),
         logoOverlay
       ] })
     }
@@ -4406,27 +4461,27 @@ function DepositQRCode({
 DepositQRCode.displayName = "DepositQRCode";
 
 // src/deposit/steps/crypto-transfer.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var CryptoAddressLoadingState = () => {
   const labels = (0, import_hooks17.useLabels)();
   const sendCryptoLabels = labels.deposit.sendCrypto;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
     "div",
     {
       className: "flex w-full flex-col items-center justify-center gap-6 py-10 text-center text-agg-foreground",
       role: "status",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           "span",
           {
             className: "h-9 w-9 animate-spin rounded-full border-2 border-agg-primary/25 border-t-agg-primary",
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex w-full flex-col items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-agg-base font-agg-bold leading-agg-6", children: sendCryptoLabels.addressLoadingTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "max-w-[300px] text-agg-sm leading-agg-5", children: sendCryptoLabels.addressLoadingDescription })
         ] })
       ]
     }
@@ -4451,38 +4506,32 @@ var CryptoTransferStep = ({
 }) => {
   var _a;
   const labels = (0, import_hooks17.useLabels)();
-  const [isCopied, setIsCopied] = (0, import_react6.useState)(false);
-  const handleCopy = (0, import_react6.useCallback)(() => {
-    onCopyAddress();
-    setIsCopied(true);
-    window.setTimeout(() => setIsCopied(false), 2e3);
-  }, [onCopyAddress]);
   const selectedNetworkOption = networkOptions.find((n) => n.value === selectedNetwork);
   const networkLogoUrl = (_a = selectedNetworkOption == null ? void 0 : selectedNetworkOption.iconUrl) != null ? _a : "";
   const networkLogo = selectedNetworkOption == null ? void 0 : selectedNetworkOption.icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       Modal.Header,
       {
         title: labels.deposit.sendCrypto.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex flex-col gap-5", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.tokenLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             Select,
             {
               items: tokenOptions,
@@ -4492,9 +4541,9 @@ var CryptoTransferStep = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.networkLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
             Select,
             {
               items: networkOptions,
@@ -4505,7 +4554,7 @@ var CryptoTransferStep = ({
           )
         ] })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "mx-auto", children: isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(CryptoAddressLoadingState, {}) : addressError ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "flex h-[192px] w-[192px] items-center justify-center rounded-xl border border-agg-separator bg-agg-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label text-center text-agg-error px-3", children: addressError }) }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         DepositQRCode,
         {
           depositAddress,
@@ -4513,31 +4562,29 @@ var CryptoTransferStep = ({
           networkLogo
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
-          isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
-          /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
-            "button",
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.sendCrypto.depositAddressLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-2 rounded border border-agg-separator bg-agg-secondary h-10 px-3", children: [
+          isLoadingAddress ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "h-4 flex-1 animate-pulse rounded bg-agg-muted-foreground/20" }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: depositAddress }),
+          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            CopyButton,
             {
-              type: "button",
+              value: depositAddress,
+              label: labels.deposit.sendCrypto.copy,
+              copiedLabel: labels.deposit.sendCrypto.copied,
               disabled: isLoadingAddress || !!addressError || !depositAddress,
-              className: "shrink-0 inline-flex items-center gap-1 text-agg-primary hover:text-agg-primary/80 transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-              onClick: handleCopy,
-              children: [
-                isCopied ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CheckCircleIcon, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(CopyIcon, { className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("span", { className: "agg-type-label-strong", children: isCopied ? labels.deposit.sendCrypto.copied : labels.deposit.sendCrypto.copy })
-              ]
+              onCopy: onCopyAddress,
+              className: "text-agg-primary hover:text-agg-primary/80"
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `${labels.deposit.sendCrypto.minDepositPrefix} ${minDeposit} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-start gap-3 rounded-lg bg-agg-secondary-hover p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(WarningIcon, { className: "h-4 w-4 text-agg-muted-foreground mt-0.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "text-agg-xs leading-agg-4 text-agg-foreground", children: labels.deposit.sendCrypto.warning })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         Button,
         {
           variant: "secondary",
@@ -4553,7 +4600,7 @@ var CryptoTransferStep = ({
 
 // src/deposit/steps/wallet-form.tsx
 var import_hooks18 = require("@agg-build/hooks");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var WalletFormStep = ({
   walletLabel,
   walletBalance,
@@ -4578,38 +4625,38 @@ var WalletFormStep = ({
 }) => {
   const labels = (0, import_hooks18.useLabels)();
   const isConfirmEnabled = !isSubmitting && !isBalanceLoading && Number(amount) > 0 && Number(amount) <= walletBalance;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       Modal.Header,
       {
         title: labels.deposit.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-7", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-7", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-foreground", children: walletLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
           labels.deposit.balanceLabel,
           " ",
-          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance)
+          isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(LoadingIcon, { size: "small" }) : formatCompactUsd(walletBalance)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.tokenLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               Select,
               {
                 items: tokenOptions,
@@ -4619,9 +4666,9 @@ var WalletFormStep = ({
               }
             )
           ] }),
-          networkOptions.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+          networkOptions.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-1 flex-col gap-2 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.networkLabel }),
+            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               Select,
               {
                 items: networkOptions,
@@ -4632,9 +4679,9 @@ var WalletFormStep = ({
             )
           ] }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.deposit.walletFlow.amountLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
             "div",
             {
               className: cn(
@@ -4643,7 +4690,7 @@ var WalletFormStep = ({
                 "h-10 px-3"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   "input",
                   {
                     type: "text",
@@ -4655,7 +4702,7 @@ var WalletFormStep = ({
                     onChange: (event) => onAmountChange(event.target.value)
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
                   "button",
                   {
                     type: "button",
@@ -4669,8 +4716,8 @@ var WalletFormStep = ({
             }
           )
         ] }),
-        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
-        formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+        estimatedReceive && feeEstimate && eta ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-foreground", children: `\u2248 ${estimatedReceive} \xB7 ${labels.deposit.walletFlow.feePrefix} ${feeEstimate} \xB7 ${eta}` }) : null,
+        formErrorMessage ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
           "div",
           {
             className: cn(
@@ -4678,13 +4725,13 @@ var WalletFormStep = ({
               formErrorTone === "warning" ? "text-agg-warning" : "text-agg-error"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
-              /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(WarningIcon, { className: "mt-0.5 h-4 w-4 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label", children: formErrorMessage })
             ]
           }
         ) : null
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
         Button,
         {
           variant: isConfirmEnabled ? "primary" : "secondary",
@@ -4703,20 +4750,20 @@ var WalletFormStep = ({
 
 // src/deposit/steps/card-provider.tsx
 var import_hooks19 = require("@agg-build/hooks");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var CardProviderItem = ({ provider, onSelect }) => {
   const labels = (0, import_hooks19.useLabels)();
   const badgeText = provider.badge === "best" ? labels.deposit.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.deposit.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     "button",
     {
       type: "button",
       className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
       onClick: () => onSelect(provider.id),
-      children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
+          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
             "span",
             {
               className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
@@ -4724,16 +4771,16 @@ var CardProviderItem = ({ provider, onSelect }) => {
             }
           ) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "text-right", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
               labels.deposit.cardFlow.feeLabel,
               " ",
               provider.fee
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
         ] })
       ] })
     }
@@ -4752,40 +4799,40 @@ var CardProviderStep = ({
   onRetry
 }) => {
   const labels = (0, import_hooks19.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_jsx_runtime94.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       Modal.Header,
       {
         title: labels.deposit.cardFlow.selectProviderTitle,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
             "aria-label": labels.deposit.back,
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(UsdcIcon, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "agg-type-body font-agg-bold text-agg-foreground", children: token }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("span", { className: "agg-type-body text-agg-foreground", children: [
           "$",
           amount,
           " ",
           currency
         ] })
       ] }),
-      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(LoadingIcon, { variant: "prominent" }),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
-      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+      isLoading ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoadingIcon, { variant: "prominent" }),
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.loadingQuotes })
+      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex min-h-[200px] flex-col items-center justify-center gap-6 px-2 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           Icon,
           {
             name: "quotes-warning",
@@ -4794,13 +4841,13 @@ var CardProviderStep = ({
             color: "currentColor"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
+        /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex max-w-[320px] flex-col gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.errorLoadingQuotesDescription })
         ] }),
-        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
-      ] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        onRetry ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { variant: "secondary", size: "medium", onClick: onRetry, children: labels.deposit.cardFlow.retry }) : null
+      ] }) : providers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex min-h-[200px] items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "agg-type-body text-agg-muted-foreground", children: labels.deposit.cardFlow.noQuotes }) }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-4", children: [
+        providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           CardProviderItem,
           {
             provider,
@@ -4808,7 +4855,7 @@ var CardProviderStep = ({
           },
           provider.id
         )),
-        sessionError ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
+        sessionError ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "agg-type-label text-agg-error text-center", children: sessionError }) : null
       ] })
     ] }) })
   ] });
@@ -4816,36 +4863,51 @@ var CardProviderStep = ({
 
 // src/deposit/steps/card-payment-pending.tsx
 var import_hooks20 = require("@agg-build/hooks");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var CardPaymentPendingStep = ({
   providerName,
+  walletAddress,
   onClose,
   onViewActivity,
   onChooseAnotherProvider
 }) => {
   const labels = (0, import_hooks20.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors cursor-pointer hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(ExternalLinkIcon, { className: "h-[60px] w-[60px]" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.pendingTitle(providerName) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.pendingDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
+      walletAddress ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex w-full flex-col items-center gap-3 rounded-agg-md bg-agg-secondary-hover p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-label text-agg-foreground w-full", children: labels.deposit.cardFlow.pendingWalletAddressHelp }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex w-full h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 py-[10px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-body flex-1 min-w-0 truncate text-agg-foreground", children: walletAddress }),
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+            CopyButton,
+            {
+              value: walletAddress,
+              "aria-label": labels.deposit.cardFlow.pendingCopyAddress,
+              className: "text-agg-muted-foreground hover:text-agg-foreground"
+            }
+          )
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-start justify-center gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onClose, children: labels.common.close }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { variant: "primary", size: "large", onClick: onViewActivity, children: labels.deposit.cardFlow.viewActivity })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         "button",
         {
           type: "button",
@@ -4860,10 +4922,10 @@ var CardPaymentPendingStep = ({
 
 // src/deposit/steps/card-purchase-success.tsx
 var import_hooks21 = require("@agg-build/hooks");
-var import_jsx_runtime95 = require("react/jsx-runtime");
-var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
+var import_jsx_runtime96 = require("react/jsx-runtime");
+var SummaryRow = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var CardPurchaseSuccessStep = ({
   summary,
@@ -4871,35 +4933,35 @@ var CardPurchaseSuccessStep = ({
   onClose
 }) => {
   const labels = (0, import_hooks21.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.cardFlow.successTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.cardFlow.successDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
           SummaryRow,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SummaryRow, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(SummaryRow, { label: labels.deposit.cardFlow.summary.fees, value: summary.fees })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
@@ -4907,7 +4969,7 @@ var CardPurchaseSuccessStep = ({
 // src/deposit/steps/wallet-processing.tsx
 var import_hooks22 = require("@agg-build/hooks");
 var import_react7 = require("react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var WalletProcessingStep = ({
   steps,
   errorMessage,
@@ -4920,14 +4982,14 @@ var WalletProcessingStep = ({
       onComplete();
     }
   }, [steps, onComplete]);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Modal.Header, { title: labels.deposit.processingTitle, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-5", children: [
       steps.map((step) => {
         const isComplete = step.status === "complete";
         const isActive = step.status === "active";
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-3", children: [
-          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-3", children: [
+          isComplete ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-agg-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "span",
             {
               className: [
@@ -4937,7 +4999,7 @@ var WalletProcessingStep = ({
               ].join(" ")
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             "p",
             {
               className: isComplete || isActive ? "agg-type-body text-agg-foreground" : "agg-type-body text-agg-muted-foreground",
@@ -4946,17 +5008,17 @@ var WalletProcessingStep = ({
           )
         ] }, step.id);
       }),
-      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
+      errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-body text-agg-destructive", children: errorMessage }) : null
     ] }) })
   ] });
 };
 
 // src/deposit/steps/wallet-success.tsx
 var import_hooks23 = require("@agg-build/hooks");
-var import_jsx_runtime97 = require("react/jsx-runtime");
-var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
-  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
+var import_jsx_runtime98 = require("react/jsx-runtime");
+var SummaryRow2 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
+  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
 var WalletSuccessStep = ({
   summary,
@@ -4964,42 +5026,42 @@ var WalletSuccessStep = ({
   onClose
 }) => {
   const labels = (0, import_hooks23.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "button",
       {
         type: "button",
         className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
         onClick: onClose,
         "aria-label": labels.common.close,
-        children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(CloseIcon, { className: "h-6 w-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.deposit.successTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.deposit.successDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           SummaryRow2,
           {
             label: labels.deposit.summary.amountReceived,
             value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
-        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SummaryRow2, { label: labels.deposit.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SummaryRow2, { label: labels.deposit.summary.fromWallet, value: summary.fromWallet }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(SummaryRow2, { label: labels.deposit.summary.gasFee, value: summary.gasFee })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.deposit.done })
     ] })
   ] }) });
 };
 
 // src/deposit/index.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var PENDING_CARD_SESSION_KEY = "agg-pending-card-session";
 function savePendingCardSession(data) {
   try {
@@ -5047,7 +5109,7 @@ function isControlledDepositModalProps(props) {
 }
 function DepositModalSelfDriven({ open, onOpenChange }) {
   const depositProps = (0, import_deposit.useDepositFlow)({ open, onOpenChange });
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DepositModalControlled, __spreadValues({}, depositProps));
 }
 function DepositModalControlled({
   open,
@@ -5095,6 +5157,7 @@ function DepositModalControlled({
   const [quotesError, setQuotesError] = (0, import_react8.useState)(null);
   const [sessionError, setSessionError] = (0, import_react8.useState)(null);
   const [pendingProviderName, setPendingProviderName] = (0, import_react8.useState)("");
+  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react8.useState)("");
   (0, import_react8.useEffect)(() => {
     if (pendingCardPurchaseSummary) {
       clearPendingCardSession();
@@ -5268,6 +5331,7 @@ function DepositModalControlled({
         });
         window.open(session.widgetUrl, "_blank", "noopener,noreferrer");
         setPendingProviderName((_m = selectedProvider == null ? void 0 : selectedProvider.name) != null ? _m : providerId);
+        setPendingProviderWalletAddress(depositAddr);
         setStep("card-payment-pending");
       } catch (err) {
         setSessionError(err instanceof Error ? err.message : "Failed to create session");
@@ -5285,6 +5349,7 @@ function DepositModalControlled({
     setQuotesError(null);
     setSessionError(null);
     setPendingProviderName("");
+    setPendingProviderWalletAddress("");
     setStep("card-deposit");
   };
   const handleDoneCryptoTransfer = () => {
@@ -5314,13 +5379,14 @@ function DepositModalControlled({
       setQuotesError(null);
       setSessionError(null);
       setPendingProviderName("");
+      setPendingProviderWalletAddress("");
       clearPendingCardSession();
     }
     onOpenChange(isOpen);
   };
   const depositModalMaxWidth = step === "method" ? "600px" : "480px";
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
-    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(Modal.Container, { maxWidth: depositModalMaxWidth, "aria-label": "Deposit", children: [
+    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       DepositMethodStep,
       {
         balance: walletFlow.balance,
@@ -5333,7 +5399,7 @@ function DepositModalControlled({
         onSelectMethod: handleSelectMethod
       }
     ) : null,
-    step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "wallet-form" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       WalletFormStep,
       {
         walletLabel: walletFlow.walletLabel,
@@ -5397,7 +5463,7 @@ function DepositModalControlled({
         })
       }
     ) : null,
-    step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "wallet-processing" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       WalletProcessingStep,
       {
         steps: processingSteps,
@@ -5405,7 +5471,7 @@ function DepositModalControlled({
         onComplete: () => setStep("wallet-success")
       }
     ) : null,
-    step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "wallet-success" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       WalletSuccessStep,
       {
         summary: resolvedSuccessSummary,
@@ -5413,7 +5479,7 @@ function DepositModalControlled({
         onClose: () => handleOpenChange(false)
       }
     ) : null,
-    step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "card-deposit" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CardDepositStep,
       {
         amount: cardFlow.amount,
@@ -5435,7 +5501,7 @@ function DepositModalControlled({
         onContinue: handleContinueCardDeposit
       }
     ) : null,
-    step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "card-provider" && cardFlow ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CardProviderStep,
       {
         amount: cardFlow.amount,
@@ -5450,16 +5516,17 @@ function DepositModalControlled({
         onRetry: handleRetryQuotes
       }
     ) : null,
-    step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "card-payment-pending" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CardPaymentPendingStep,
       {
         providerName: pendingProviderName,
+        walletAddress: pendingProviderWalletAddress || void 0,
         onClose: () => handleOpenChange(false),
         onViewActivity: handleViewActivity,
         onChooseAnotherProvider: handleChooseAnotherProvider
       }
     ) : null,
-    step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "card-success" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CardPurchaseSuccessStep,
       {
         summary: (_g = pendingCardPurchaseSummary != null ? pendingCardPurchaseSummary : cardFlow == null ? void 0 : cardFlow.purchaseSummary) != null ? _g : {
@@ -5471,7 +5538,7 @@ function DepositModalControlled({
         onDone: handleDoneCardPurchase
       }
     ) : null,
-    step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+    step === "crypto-transfer" ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       CryptoTransferStep,
       {
         tokenOptions: sendTokenOptions,
@@ -5490,11 +5557,6 @@ function DepositModalControlled({
           setSendChainId(id);
           setSendToken("");
         },
-        onCopyAddress: () => {
-          var _a2;
-          if (depositAddress) (_a2 = navigator.clipboard) == null ? void 0 : _a2.writeText(depositAddress).catch(() => {
-          });
-        },
         onDone: handleDoneCryptoTransfer
       }
     ) : null
@@ -5502,69 +5564,56 @@ function DepositModalControlled({
 }
 var DepositModal = (props) => {
   if (!isControlledDepositModalProps(props)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DepositModalSelfDriven, __spreadValues({}, props));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DepositModalControlled, __spreadValues({}, props));
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DepositModalControlled, __spreadValues({}, props));
 };
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
+var import_withdraw2 = require("@agg-build/hooks/withdraw");
 
 // src/withdraw/steps/withdraw-method.tsx
 var import_hooks25 = require("@agg-build/hooks");
-var import_jsx_runtime99 = require("react/jsx-runtime");
-var WithdrawMethodCard = ({
-  icon,
-  title,
-  description,
-  onContinue
-}) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
-  "div",
-  {
-    className: cn(
-      "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
-      "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
-    ),
-    role: "button",
-    tabIndex: 0,
-    onClick: onContinue,
-    onKeyDown: (e) => {
-      if (e.key === "Enter" || e.key === " ") {
-        e.preventDefault();
-        onContinue();
-      }
-    },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: icon }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
-    ]
-  }
-);
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var WithdrawMethodStep = ({
   balance,
   onSelectMethod
 }) => {
   const labels = (0, import_hooks25.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Modal.Header, { title: labels.withdraw.title, hideBorder: true }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
         labels.withdraw.balancePrefix,
         " ",
         formatCompactUsd(balance)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-        WithdrawMethodCard,
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
+        "div",
         {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(CreditCardIcon, { className: "h-6 w-6 text-agg-muted-foreground" }),
-          title: labels.withdraw.methods.cardTitle,
-          description: labels.withdraw.methods.cardDescription,
-          onContinue: () => onSelectMethod("card")
+          className: cn(
+            "flex items-center gap-3 sm:gap-4 rounded-xl border border-agg-separator bg-agg-secondary p-3 sm:p-4",
+            "hover:bg-agg-secondary-hover transition-colors cursor-pointer"
+          ),
+          role: "button",
+          tabIndex: 0,
+          onClick: () => onSelectMethod("wallet"),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onSelectMethod("wallet");
+            }
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "shrink-0 flex items-center justify-center h-10 w-10 rounded-lg bg-agg-secondary-hover", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(WalletIcon, { className: "h-6 w-6 text-agg-muted-foreground" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-body-strong text-agg-foreground", children: labels.withdraw.methods.walletTitle }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: labels.withdraw.methods.walletDescription })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "shrink-0 text-agg-muted-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ChevronRightIcon, { className: "h-5 w-5" }) })
+          ]
         }
       )
     ] }) })
@@ -5573,353 +5622,567 @@ var WithdrawMethodStep = ({
 
 // src/withdraw/steps/withdraw-amount.tsx
 var import_hooks26 = require("@agg-build/hooks");
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var WithdrawAmountStep = ({
   amount,
-  currency,
   destinationWallet,
+  balanceDisplay,
   tokenOptions,
   networkOptions,
   selectedToken,
   selectedNetwork,
+  isConfirming = false,
+  error,
   onBack,
   onAmountChange,
-  onCurrencyChange,
+  onDestinationChange,
   onTokenChange,
   onNetworkChange,
+  onMaxClick,
   onContinue
 }) => {
   const labels = (0, import_hooks26.useLabels)();
-  const isValid = Number(amount) > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  const SOLANA_CHAIN_ID = "792703809";
+  const isSolanaDest = selectedNetwork === SOLANA_CHAIN_ID;
+  const trimmedDestination = destinationWallet.trim();
+  const isValidAddress = isSolanaDest ? /^[1-9A-HJ-NP-Za-km-z]{32,44}$/.test(trimmedDestination) : /^0x[a-fA-F0-9]{40}$/.test(trimmedDestination);
+  const isValid = Number(amount) > 0 && isValidAddress;
+  const isDisabled = !isValid || isConfirming;
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       Modal.Header,
       {
-        title: labels.withdraw.cardFlow.title,
+        title: labels.withdraw.walletFlow.title,
         hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        leftElement: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
           "button",
           {
             type: "button",
             className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
             onClick: onBack,
-            "aria-label": "Go back",
-            children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
+            "aria-label": labels.withdraw.back,
+            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
           }
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex gap-3 items-end", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex-1 flex flex-col gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.amountLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-              "input",
-              {
-                type: "text",
-                inputMode: "decimal",
-                "aria-label": labels.withdraw.cardFlow.amountLabel,
-                className: cn(
-                  "agg-type-body w-full bg-transparent outline-none",
-                  isValid ? "text-agg-foreground" : "text-agg-muted-foreground"
-                ),
-                placeholder: "0.00",
-                value: amount,
-                onChange: (event) => onAmountChange(event.target.value)
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "agg-type-body text-agg-muted-foreground", children: "$" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
-          Select,
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.recipientAddressLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+          "input",
           {
-            items: [{ value: currency, label: currency }],
-            value: currency,
-            onChange: onCurrencyChange,
-            ariaLabel: labels.withdraw.cardFlow.currencyLabel
+            type: "text",
+            "aria-label": labels.withdraw.walletFlow.recipientAddressLabel,
+            className: cn(
+              "agg-type-body w-full h-10 rounded border border-agg-separator bg-agg-secondary px-3 outline-none",
+              "text-agg-foreground placeholder:text-agg-muted-foreground",
+              "focus:border-agg-primary transition-colors"
+            ),
+            placeholder: isSolanaDest ? "FwR3..." : "0x971d...",
+            value: destinationWallet,
+            onChange: (e) => onDestinationChange(e.target.value)
           }
-        ) })
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.amountLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label text-agg-muted-foreground", children: balanceDisplay })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex h-10 items-center gap-2 rounded border border-agg-separator bg-agg-secondary px-3 focus-within:border-agg-primary transition-colors", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            "input",
+            {
+              type: "text",
+              inputMode: "decimal",
+              "aria-label": labels.withdraw.walletFlow.amountLabel,
+              className: cn(
+                "agg-type-body flex-1 min-w-0 bg-transparent outline-none",
+                Number(amount) > 0 ? "text-agg-foreground" : "text-agg-muted-foreground"
+              ),
+              placeholder: "0.00",
+              value: amount,
+              onChange: (e) => onAmountChange(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "agg-type-body text-agg-muted-foreground shrink-0", children: selectedToken }),
+          onMaxClick ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "agg-type-label-strong text-agg-primary hover:opacity-80 transition-opacity cursor-pointer shrink-0",
+              onClick: onMaxClick,
+              children: labels.withdraw.walletFlow.max
+            }
+          ) : null
+        ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex gap-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.tokenLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:gap-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.tokenLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             Select,
             {
               items: tokenOptions,
               value: selectedToken,
               onChange: onTokenChange,
-              ariaLabel: labels.withdraw.cardFlow.tokenLabel
+              ariaLabel: labels.withdraw.walletFlow.tokenLabel
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.networkLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex-1 flex flex-col gap-2 min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.walletFlow.networkLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
             Select,
             {
               items: networkOptions,
               value: selectedNetwork,
               onChange: onNetworkChange,
-              ariaLabel: labels.withdraw.cardFlow.networkLabel
+              ariaLabel: labels.withdraw.walletFlow.networkLabel
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-label-strong text-agg-foreground", children: labels.withdraw.cardFlow.destinationWalletLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex h-10 items-center rounded border border-agg-separator bg-agg-secondary px-3", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "agg-type-body truncate text-agg-foreground", children: destinationWallet }) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         Button,
         {
-          variant: isValid ? "primary" : "secondary",
+          variant: isValid && !isConfirming ? "primary" : "secondary",
           size: "large",
           className: "w-full",
-          disabled: !isValid,
+          disabled: isDisabled,
           onClick: onContinue,
-          children: labels.withdraw.cardFlow.getQuotes
+          children: isConfirming ? labels.common.loading : labels.withdraw.walletFlow.confirm
         }
-      )
+      ),
+      error ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-label text-agg-error text-center", role: "alert", children: error }) : null
     ] }) })
   ] });
 };
 
-// src/withdraw/steps/withdraw-provider.tsx
+// src/withdraw/steps/withdraw-success.tsx
+var import_react9 = require("react");
 var import_hooks27 = require("@agg-build/hooks");
-var import_jsx_runtime101 = require("react/jsx-runtime");
-var WithdrawProviderItem = ({ provider, onSelect }) => {
-  const labels = (0, import_hooks27.useLabels)();
-  const badgeText = provider.badge === "best" ? labels.withdraw.cardFlow.providerBadges.best : provider.badge === "low-kyc" ? labels.withdraw.cardFlow.providerBadges.lowKyc : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-    "button",
-    {
-      type: "button",
-      className: "w-full rounded-xl border border-agg-separator px-4 py-3 text-left bg-agg-secondary hover:bg-agg-secondary-hover transition-colors cursor-pointer",
-      onClick: () => onSelect(provider.id),
-      children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center justify-between gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: provider.name }),
-          badgeText ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-            "span",
-            {
-              className: `rounded border px-2 py-[2px] text-[10px] leading-[14px] font-agg-bold uppercase ${provider.badge === "best" ? "border-agg-primary/50 text-agg-primary bg-agg-secondary" : "border-agg-separator text-agg-foreground bg-agg-secondary"}`,
-              children: badgeText
-            }
-          ) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex items-center gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "text-right", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("p", { className: "agg-type-body text-agg-foreground", children: provider.quote }),
-            /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("p", { className: "agg-type-label text-agg-muted-foreground", children: [
-              labels.withdraw.cardFlow.feeLabel,
-              " ",
-              provider.fee
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChevronRightIcon, { className: "h-5 w-5 text-agg-muted-foreground" })
-        ] })
-      ] })
-    }
-  );
+var import_withdraw = require("@agg-build/hooks/withdraw");
+
+// src/withdraw/steps/withdraw-success.utils.ts
+var CHAIN_LABELS = {
+  1: "Ethereum",
+  10: "Optimism",
+  56: "BNB Chain",
+  137: "Polygon",
+  8453: "Base",
+  42161: "Arbitrum",
+  43114: "Avalanche",
+  11155111: "Sepolia",
+  792703809: "Solana"
+};
+var resolveChainLabel = (chainId) => {
+  var _a;
+  return (_a = CHAIN_LABELS[chainId]) != null ? _a : `Chain ${chainId}`;
+};
+var legStepStatusFor = (legStatus) => {
+  switch (legStatus) {
+    case "confirmed":
+      return "complete";
+    case "failed":
+      return "error";
+    case "submitted":
+    case "planned":
+    default:
+      return "pending";
+  }
 };
-var WithdrawProviderStep = ({
-  token,
-  amount,
-  currency,
-  providers,
-  onBack,
-  onSelectProvider
+var legStepLabel = (leg, labels) => {
+  if (leg.type === "bridge") {
+    return labels.bridge(resolveChainLabel(leg.sourceChainId), resolveChainLabel(leg.destChainId));
+  }
+  return labels.transfer(resolveChainLabel(leg.destChainId));
+};
+var finalStepStatusFor = (status) => {
+  switch (status) {
+    case "completed":
+      return "complete";
+    case "partial":
+      return "warning";
+    case "failed":
+      return "error";
+    case "pending":
+    case "bridging":
+    case "transferring":
+    default:
+      return "pending";
+  }
+};
+var finalStepLabelFor = (status, pending, walletFlowLabels) => {
+  var _a;
+  if (pending || status === null) {
+    return walletFlowLabels.lifecycle.pending;
+  }
+  return (_a = walletFlowLabels.lifecycle[status]) != null ? _a : walletFlowLabels.lifecycle.pending;
+};
+var buildWithdrawalLifecycleSteps = ({
+  pending,
+  status,
+  legs,
+  walletFlowLabels
 }) => {
-  const labels = (0, import_hooks27.useLabels)();
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(import_jsx_runtime101.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-      Modal.Header,
-      {
-        title: labels.withdraw.cardFlow.selectProviderTitle,
-        hideBorder: true,
-        leftElement: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-          "button",
-          {
-            type: "button",
-            className: "mr-2 flex items-center justify-center text-agg-foreground transition-colors hover:cursor-pointer hover:text-agg-foreground/80",
-            onClick: onBack,
-            "aria-label": labels.withdraw.back,
-            children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(ChevronLeftIcon, { className: "h-6 w-6" })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Modal.Body, { classNames: { root: "px-5 pt-0 pb-6 sm:px-8 sm:pt-0 sm:pb-8" }, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex flex-col gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("p", { className: "agg-type-body text-agg-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "font-agg-bold", children: token }),
-        " $",
-        amount,
-        " ",
-        currency
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-col gap-4", children: providers.map((provider) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
-        WithdrawProviderItem,
-        {
-          provider,
-          onSelect: onSelectProvider
-        },
-        provider.id
-      )) })
-    ] }) })
-  ] });
+  const stepLabels = walletFlowLabels.lifecycle.steps;
+  const legSteps = legs.map((leg, index) => ({
+    id: `leg-${index}-${leg.type}-${leg.sourceChainId}-${leg.destChainId}`,
+    label: legStepLabel(leg, stepLabels),
+    status: legStepStatusFor(leg.status)
+  }));
+  const groups = legSteps.length > 0 ? [legSteps] : [];
+  const finalStep = {
+    id: `final-${status != null ? status : "pending"}`,
+    label: finalStepLabelFor(status, pending, walletFlowLabels),
+    status: finalStepStatusFor(status != null ? status : "pending")
+  };
+  return {
+    groups,
+    finalStep,
+    hasDetails: legSteps.length > 0
+  };
 };
 
 // src/withdraw/steps/withdraw-success.tsx
-var import_hooks28 = require("@agg-build/hooks");
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var SummaryRow3 = ({ label, value }) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex items-center justify-between border-b border-agg-separator py-2 last:border-b-0", children: [
   /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "text-[12px] leading-4 font-agg-bold uppercase text-agg-muted-foreground", children: label }),
   /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-label text-agg-foreground", children: value })
 ] });
+var LoadingGlyph = ({
+  className,
+  enableAnimations
+}) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  "span",
+  {
+    "aria-hidden": "true",
+    className: cn(
+      "inline-block rounded-full border-2 border-current border-r-transparent",
+      getMotionClassName(enableAnimations, "animate-spin"),
+      className
+    )
+  }
+);
+var stepIconClassNameFor = (status) => {
+  switch (status) {
+    case "complete":
+      return "text-agg-primary";
+    case "warning":
+      return "text-agg-warning";
+    case "error":
+      return "text-agg-error";
+    case "pending":
+    default:
+      return "text-agg-primary";
+  }
+};
+var stepIconNameFor = (status) => {
+  return status === "warning" || status === "error" ? "warning-filled" : "check-circle";
+};
 var WithdrawSuccessStep = ({
   summary,
+  tokenSymbol,
+  withdrawalId,
   onDone,
   onClose
 }) => {
-  const labels = (0, import_hooks28.useLabels)();
+  var _a;
+  const labels = (0, import_hooks27.useLabels)();
+  const {
+    features: { enableAnimations }
+  } = (0, import_hooks27.useSdkUiConfig)();
+  const { state } = (0, import_withdraw.useWithdrawalLifecycle)(withdrawalId);
+  const [isTimelineExpanded, setIsTimelineExpanded] = (0, import_react9.useState)(true);
+  const walletFlowLabels = labels.withdraw.walletFlow;
+  const { groups, finalStep, hasDetails } = buildWithdrawalLifecycleSteps({
+    pending: state.pending,
+    status: state.status,
+    legs: state.legs,
+    walletFlowLabels
+  });
+  (0, import_react9.useEffect)(() => {
+    if (!state.terminal) return;
+    if (state.status !== "completed") return;
+    const timer = window.setTimeout(() => onClose(), 1500);
+    return () => window.clearTimeout(timer);
+  }, [onClose, state.status, state.terminal]);
+  const { titleCopy, descriptionCopy } = (() => {
+    if (state.terminal && state.status === "completed") {
+      return {
+        titleCopy: walletFlowLabels.successTitleCompleted,
+        descriptionCopy: walletFlowLabels.successDescriptionCompleted(tokenSymbol)
+      };
+    }
+    if (state.terminal && state.status === "partial") {
+      return {
+        titleCopy: walletFlowLabels.successTitlePartial,
+        descriptionCopy: walletFlowLabels.successDescriptionPartial(tokenSymbol)
+      };
+    }
+    if (state.terminal && state.status === "failed") {
+      return {
+        titleCopy: walletFlowLabels.successTitleFailed,
+        descriptionCopy: walletFlowLabels.successDescriptionFailed(tokenSymbol)
+      };
+    }
+    return {
+      titleCopy: walletFlowLabels.successTitle,
+      descriptionCopy: walletFlowLabels.successDescription(tokenSymbol)
+    };
+  })();
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(Modal.Body, { classNames: { root: "px-5 py-8 sm:px-8 sm:py-10" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "button",
       {
         type: "button",
-        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80",
+        className: "absolute right-8 top-7 flex items-center justify-center text-agg-foreground transition-colors hover:text-agg-foreground/80 cursor-pointer",
         onClick: onClose,
         "aria-label": labels.common.close,
         children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(CloseIcon, { className: "h-6 w-6" })
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex h-[60px] w-[60px] items-center justify-center rounded-full border border-agg-success/50 bg-agg-success/15", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SuccessCheckIcon, { className: "h-6 w-6 text-agg-success" }) }),
       /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: labels.withdraw.cardFlow.successTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-body text-agg-foreground", children: labels.withdraw.cardFlow.successDescription })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("h3", { className: "text-agg-2xl leading-agg-8 font-agg-bold text-agg-foreground", children: titleCopy }),
         /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-          SummaryRow3,
+          "p",
           {
-            label: labels.withdraw.summary.amountReceived,
-            value: summary.amountReceived
+            className: "agg-type-body text-agg-muted-foreground",
+            "data-lifecycle-status": (_a = state.status) != null ? _a : "submitted",
+            "data-lifecycle-terminal": state.terminal ? "true" : "false",
+            children: descriptionCopy
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow3, { label: labels.withdraw.summary.network, value: summary.network }),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
-          SummaryRow3,
+        state.errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "agg-type-body text-agg-destructive", children: state.errorMessage }) : null
+      ] }),
+      hasDetails || !state.pending ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "agg-withdraw-success-timeline flex w-full flex-col gap-2", children: [
+        hasDetails ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+          "div",
           {
-            label: labels.withdraw.cardFlow.summary.provider,
-            value: summary.provider
+            "aria-hidden": !isTimelineExpanded,
+            className: cn(
+              "grid overflow-hidden",
+              isTimelineExpanded ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0",
+              !isTimelineExpanded && "pointer-events-none",
+              getMotionClassName(
+                enableAnimations,
+                "transition-[grid-template-rows,opacity] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]"
+              )
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "flex flex-col gap-4 pb-2", children: groups.map((group, groupIndex) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+              "div",
+              {
+                className: "flex flex-col gap-2",
+                children: group.map((step) => /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+                  "div",
+                  {
+                    className: "flex items-center gap-2 text-agg-sm leading-agg-5 text-agg-foreground",
+                    "data-step-status": step.status,
+                    children: [
+                      step.status === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                        LoadingGlyph,
+                        {
+                          enableAnimations,
+                          className: cn(
+                            "h-3 w-3 shrink-0",
+                            stepIconClassNameFor(step.status)
+                          )
+                        }
+                      ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                        Icon,
+                        {
+                          name: stepIconNameFor(step.status),
+                          size: "small",
+                          className: cn(
+                            "h-3 w-3 shrink-0",
+                            stepIconClassNameFor(step.status)
+                          ),
+                          "aria-hidden": "true"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "min-w-0 flex-1", children: step.label })
+                    ]
+                  },
+                  step.id
+                ))
+              },
+              `withdraw-step-group-${groupIndex}`
+            )) }) })
           }
-        ),
+        ) : null,
+        hasDetails ? /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": isTimelineExpanded,
+            className: cn(
+              "flex w-full items-center gap-2 text-left text-agg-sm leading-agg-5 text-agg-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-agg-primary focus-visible:ring-offset-0 focus-visible:ring-offset-agg-secondary",
+              "cursor-pointer"
+            ),
+            onClick: () => setIsTimelineExpanded((current) => !current),
+            children: [
+              finalStep.status === "pending" ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                LoadingGlyph,
+                {
+                  enableAnimations,
+                  className: cn("h-3 w-3 shrink-0", stepIconClassNameFor(finalStep.status))
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                Icon,
+                {
+                  name: stepIconNameFor(finalStep.status),
+                  size: "small",
+                  className: cn("h-3 w-3 shrink-0", stepIconClassNameFor(finalStep.status)),
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { className: "min-w-0 flex-1", children: finalStep.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+                Icon,
+                {
+                  name: isTimelineExpanded ? "chevron-up" : "chevron-down",
+                  size: "small",
+                  className: "h-4 w-4 shrink-0 text-agg-muted-foreground",
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : null
+      ] }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full rounded-lg border border-agg-separator bg-agg-secondary px-3 py-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           SummaryRow3,
           {
-            label: labels.withdraw.cardFlow.summary.toWallet,
-            value: summary.toWallet
+            label: walletFlowLabels.summary.amountReceived,
+            value: summary.amountReceived
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow3, { label: labels.withdraw.cardFlow.summary.fees, value: summary.fees })
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow3, { label: walletFlowLabels.summary.network, value: summary.network }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow3, { label: walletFlowLabels.summary.toWallet, value: summary.toWallet }),
+        /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(SummaryRow3, { label: walletFlowLabels.summary.fees, value: summary.fees })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "secondary", size: "large", className: "w-[120px]", onClick: onDone, children: labels.withdraw.done })
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Button, { variant: "secondary", size: "large", className: "w-[160px]", onClick: onDone, children: labels.withdraw.done })
     ] })
   ] }) });
 };
 
 // src/withdraw/index.tsx
 var import_jsx_runtime103 = require("react/jsx-runtime");
-var WithdrawModal = ({
+function isControlledWithdrawModalProps(props) {
+  return "withdrawFlow" in props;
+}
+function WithdrawModalSelfDriven({
+  open,
+  onOpenChange
+}) {
+  const withdrawProps = (0, import_withdraw2.useWithdrawFlow)({ open, onOpenChange });
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(WithdrawModalControlled, __spreadValues({}, withdrawProps));
+}
+function WithdrawModalControlled({
   open,
   onOpenChange,
   withdrawFlow,
-  onSelectWithdrawMethod,
+  onWithdrawDestinationChange,
   onWithdrawAmountChange,
-  onWithdrawCurrencyChange,
   onWithdrawTokenChange,
   onWithdrawNetworkChange,
-  onGetWithdrawQuotes,
+  onMaxClick,
   onSelectWithdrawProvider,
   onDoneWithdraw
-}) => {
-  const [step, setStep] = (0, import_react9.useState)("method");
-  const handleBackToMethod = () => {
-    setStep("method");
-  };
-  const handleSelectMethod = (method) => {
-    setStep("withdraw-amount");
-    onSelectWithdrawMethod == null ? void 0 : onSelectWithdrawMethod(method);
-  };
+}) {
+  const [step, setStep] = (0, import_react10.useState)("method");
+  const [isConfirming, setIsConfirming] = (0, import_react10.useState)(false);
+  const [confirmError, setConfirmError] = (0, import_react10.useState)(null);
+  (0, import_react10.useEffect)(() => {
+    if (!open) {
+      setStep("method");
+      setIsConfirming(false);
+      setConfirmError(null);
+    }
+  }, [open]);
   const handleOpenChange = (isOpen) => {
     if (!isOpen) {
       setStep("method");
+      setIsConfirming(false);
+      setConfirmError(null);
     }
     onOpenChange(isOpen);
   };
-  const fallbackNetworkOptions = (0, import_react9.useMemo)(() => mapNetworksToOptions(), []);
-  const withdrawTokenOptions = withTokenIcons(
-    mergeSelectOptionsUnique(withdrawFlow.tokenOptions, DEFAULT_CURRENCY_OPTIONS)
-  );
-  const withdrawNetworkOptions = withNetworkIcons(
-    mergeSelectOptionsUnique(withdrawFlow.networkOptions, fallbackNetworkOptions)
-  );
+  const handleBack = () => {
+    setConfirmError(null);
+    setStep("method");
+  };
+  const handleConfirm = () => __async(null, null, function* () {
+    setIsConfirming(true);
+    setConfirmError(null);
+    try {
+      yield onSelectWithdrawProvider("wallet");
+      setStep("success");
+    } catch (err) {
+      setConfirmError(err instanceof Error ? err.message : "Withdrawal failed. Please try again.");
+    } finally {
+      setIsConfirming(false);
+    }
+  });
+  const withdrawTokenOptions = withTokenIcons(withdrawFlow.tokenOptions);
+  const withdrawNetworkOptions = withNetworkIcons(withdrawFlow.networkOptions);
   return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Modal, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(Modal.Container, { maxWidth: "600px", "aria-label": "Withdraw", children: [
-    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(WithdrawMethodStep, { balance: withdrawFlow.balance, onSelectMethod: handleSelectMethod }) : null,
+    step === "method" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      WithdrawMethodStep,
+      {
+        balance: withdrawFlow.balance,
+        onSelectMethod: () => setStep("withdraw-amount")
+      }
+    ) : null,
     step === "withdraw-amount" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       WithdrawAmountStep,
       {
         amount: withdrawFlow.amount,
-        currency: withdrawFlow.currency,
         destinationWallet: withdrawFlow.destinationWallet,
+        balanceDisplay: withdrawFlow.balanceDisplay,
         tokenOptions: withdrawTokenOptions,
         networkOptions: withdrawNetworkOptions,
         selectedToken: withdrawFlow.selectedToken,
         selectedNetwork: withdrawFlow.selectedNetwork,
-        onBack: handleBackToMethod,
+        isConfirming,
+        error: confirmError,
+        onBack: handleBack,
         onAmountChange: onWithdrawAmountChange,
-        onCurrencyChange: onWithdrawCurrencyChange,
+        onDestinationChange: onWithdrawDestinationChange,
         onTokenChange: onWithdrawTokenChange,
         onNetworkChange: onWithdrawNetworkChange,
-        onContinue: () => {
-          onGetWithdrawQuotes == null ? void 0 : onGetWithdrawQuotes();
-          setStep("provider");
-        }
-      }
-    ) : null,
-    step === "provider" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
-      WithdrawProviderStep,
-      {
-        token: withdrawFlow.selectedToken,
-        amount: withdrawFlow.amount,
-        currency: withdrawFlow.currency,
-        providers: withdrawFlow.providers,
-        onBack: () => setStep("withdraw-amount"),
-        onSelectProvider: (providerId) => {
-          onSelectWithdrawProvider(providerId);
-          setStep("success");
-        }
+        onMaxClick,
+        onContinue: handleConfirm
       }
     ) : null,
     step === "success" ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       WithdrawSuccessStep,
       {
         summary: withdrawFlow.purchaseSummary,
+        tokenSymbol: withdrawFlow.selectedToken,
+        withdrawalId: withdrawFlow.withdrawalId,
         onDone: onDoneWithdraw,
-        onClose: () => onOpenChange(false)
+        onClose: () => handleOpenChange(false)
       }
     ) : null
   ] }) });
+}
+var WithdrawModal = (props) => {
+  if (isControlledWithdrawModalProps(props)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(WithdrawModalControlled, __spreadValues({}, props));
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(WithdrawModalSelfDriven, __spreadValues({}, props));
 };
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react14 = require("react");
-var import_hooks35 = require("@agg-build/hooks");
+var import_react15 = require("react");
+var import_hooks34 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 
 // src/onboarding/onboarding-modal.constants.ts
@@ -5938,8 +6201,8 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [import_sdk10.Venue.polymarket, import_sdk10.Venue.opinion, import_sdk10.Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react10 = require("react");
-var import_hooks29 = require("@agg-build/hooks");
+var import_react11 = require("react");
+var import_hooks28 = require("@agg-build/hooks");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var defaultIcons = {
   createAccount: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(CreateAccountIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" }),
@@ -5948,11 +6211,11 @@ var defaultIcons = {
   stayInControl: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(StayInControlIcon, { className: "h-[28px] w-[28px] text-agg-muted-foreground" })
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
-  const labels = (0, import_hooks29.useLabels)();
-  const scrollRef = (0, import_react10.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react10.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react10.useState)(true);
-  const handleScroll = (0, import_react10.useCallback)(() => {
+  const labels = (0, import_hooks28.useLabels)();
+  const scrollRef = (0, import_react11.useRef)(null);
+  const [showTopGradient, setShowTopGradient] = (0, import_react11.useState)(false);
+  const [showBottomGradient, setShowBottomGradient] = (0, import_react11.useState)(true);
+  const handleScroll = (0, import_react11.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
@@ -6021,11 +6284,11 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react11 = require("react");
-var import_hooks31 = require("@agg-build/hooks");
+var import_react12 = require("react");
+var import_hooks30 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/index.tsx
-var import_hooks30 = require("@agg-build/hooks");
+var import_hooks29 = require("@agg-build/hooks");
 
 // src/primitives/venue-logo/venue-logo.utils.ts
 var resolveVenueLogoLabel = ({
@@ -6058,7 +6321,7 @@ var VenueLogo = ({
   title
 }) => {
   var _a, _b;
-  const labels = (0, import_hooks30.useLabels)();
+  const labels = (0, import_hooks29.useLabels)();
   const sizeClass = sizeClasses[size];
   const resolvedLabel = resolveVenueLogoLabel({
     ariaLabel,
@@ -6102,16 +6365,16 @@ VenueLogo.displayName = "VenueLogo";
 // src/onboarding/steps/profile-setup.tsx
 var import_jsx_runtime106 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
-  const labels = (0, import_hooks31.useLabels)();
-  const [username, setUsername] = (0, import_react11.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react11.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react11.useState)();
-  const fileInputRef = (0, import_react11.useRef)(null);
-  const handleAvatarClick = (0, import_react11.useCallback)(() => {
+  const labels = (0, import_hooks30.useLabels)();
+  const [username, setUsername] = (0, import_react12.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react12.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react12.useState)();
+  const fileInputRef = (0, import_react12.useRef)(null);
+  const handleAvatarClick = (0, import_react12.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react11.useCallback)((e) => {
+  const handleFileChange = (0, import_react12.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -6123,7 +6386,7 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react11.useCallback)(() => {
+  const handleContinue = (0, import_react12.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
@@ -6233,7 +6496,7 @@ ProfileSetupStep.displayName = "ProfileSetupStep";
 
 // src/onboarding/steps/connect-accounts.tsx
 var import_sdk11 = require("@agg-build/sdk");
-var import_hooks32 = require("@agg-build/hooks");
+var import_hooks31 = require("@agg-build/hooks");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var OnchainVenueLogos = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex gap-1 sm:gap-0 sm:-space-x-5", children: ONCHAIN_VENUES.map((venue, index) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { style: { zIndex: ONCHAIN_VENUES.length - index }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(VenueLogo, { venue, variant: "logo", size: "medium", className: "sm:h-8 sm:w-8" }) }, venue)) });
@@ -6247,7 +6510,7 @@ var VenueCard = ({
   onConnect,
   connected = false
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks31.useLabels)();
   const action = connected ? /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CheckCircleIcon, { className: "h-6 w-6 text-agg-success" }) : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Button,
     {
@@ -6308,7 +6571,7 @@ var ConnectAccountsStep = ({
   connectedOnchain = false,
   connectedKalshi = false
 }) => {
-  const labels = (0, import_hooks32.useLabels)();
+  const labels = (0, import_hooks31.useLabels)();
   const canContinue = connectedOnchain || connectedKalshi;
   return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("h2", { className: "text-center text-agg-2xl font-agg-bold text-agg-foreground", children: labels.onboarding.connectAccounts.title }),
@@ -6365,8 +6628,8 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 var import_sdk12 = require("@agg-build/sdk");
-var import_react12 = require("react");
-var import_hooks33 = require("@agg-build/hooks");
+var import_react13 = require("react");
+var import_hooks32 = require("@agg-build/hooks");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime108 = require("react/jsx-runtime");
 var ConnectKalshiModal = ({
@@ -6374,16 +6637,16 @@ var ConnectKalshiModal = ({
   onOpenChange,
   onVerify
 }) => {
-  const labels = (0, import_hooks33.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react12.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react12.useState)("");
-  const [verifying, setVerifying] = (0, import_react12.useState)(false);
-  const [error, setError] = (0, import_react12.useState)();
+  const labels = (0, import_hooks32.useLabels)();
+  const [apiKeyId, setApiKeyId] = (0, import_react13.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react13.useState)("");
+  const [verifying, setVerifying] = (0, import_react13.useState)(false);
+  const [error, setError] = (0, import_react13.useState)();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = (0, import_react12.useCallback)(() => {
+  const handleCancel = (0, import_react13.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react12.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react13.useCallback)(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -6412,7 +6675,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react12.useCallback)(
+  const handleOpenChange = (0, import_react13.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -6615,8 +6878,8 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react13 = require("react");
-var import_hooks34 = require("@agg-build/hooks");
+var import_react14 = require("react");
+var import_hooks33 = require("@agg-build/hooks");
 var Dialog3 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime109 = require("react/jsx-runtime");
 var ConnectOnchainModal = ({
@@ -6624,13 +6887,13 @@ var ConnectOnchainModal = ({
   onOpenChange,
   onConnect
 }) => {
-  const labels = (0, import_hooks34.useLabels)();
-  const [connecting, setConnecting] = (0, import_react13.useState)(false);
-  const [error, setError] = (0, import_react13.useState)();
-  const handleCancel = (0, import_react13.useCallback)(() => {
+  const labels = (0, import_hooks33.useLabels)();
+  const [connecting, setConnecting] = (0, import_react14.useState)(false);
+  const [error, setError] = (0, import_react14.useState)();
+  const handleCancel = (0, import_react14.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react13.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react14.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -6645,7 +6908,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react13.useCallback)(
+  const handleOpenChange = (0, import_react14.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -6736,49 +6999,49 @@ var OnboardingModal = ({
   connectedKalshi = false
 }) => {
   var _a;
-  const labels = (0, import_hooks35.useLabels)();
-  const [step, setStep] = (0, import_react14.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const labels = (0, import_hooks34.useLabels)();
+  const [step, setStep] = (0, import_react15.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react14.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react14.useState)(false);
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react14.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react14.useState)(false);
-  (0, import_react14.useEffect)(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react15.useState)(false);
+  const [kalshiConnected, setKalshiConnected] = (0, import_react15.useState)(false);
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react15.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react15.useState)(false);
+  (0, import_react15.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react14.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react15.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react14.useCallback)(
+  const handleProfileContinue = (0, import_react15.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react14.useCallback)(() => {
+  const handleConnectContinue = (0, import_react15.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react14.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react15.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react14.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react15.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react14.useCallback)(() => {
+  const handleOpenKalshiModal = (0, import_react15.useCallback)(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = (0, import_react14.useCallback)(
+  const handleKalshiVerify = (0, import_react15.useCallback)(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
@@ -6833,8 +7096,8 @@ OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
 var import_sdk13 = require("@agg-build/sdk");
-var import_react17 = require("react");
-var import_hooks38 = require("@agg-build/hooks");
+var import_react18 = require("react");
+var import_hooks37 = require("@agg-build/hooks");
 
 // src/profile/profile-modal.constants.ts
 var PROFILE_TAB_KEYS = {
@@ -6851,8 +7114,8 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react15 = require("react");
-var import_hooks36 = require("@agg-build/hooks");
+var import_react16 = require("react");
+var import_hooks35 = require("@agg-build/hooks");
 var import_jsx_runtime111 = require("react/jsx-runtime");
 var AboutTab = ({
   avatarPreview,
@@ -6863,13 +7126,13 @@ var AboutTab = ({
   draftAvatarPreview,
   avatarError: _avatarError
 }) => {
-  const labels = (0, import_hooks36.useLabels)();
-  const fileInputRef = (0, import_react15.useRef)(null);
-  const handleAvatarClick = (0, import_react15.useCallback)(() => {
+  const labels = (0, import_hooks35.useLabels)();
+  const fileInputRef = (0, import_react16.useRef)(null);
+  const handleAvatarClick = (0, import_react16.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react15.useCallback)(
+  const handleFileChange = (0, import_react16.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -6983,8 +7246,8 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_react16 = require("react");
-var import_hooks37 = require("@agg-build/hooks");
+var import_react17 = require("react");
+var import_hooks36 = require("@agg-build/hooks");
 var import_jsx_runtime112 = require("react/jsx-runtime");
 var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
 var AccountRow = ({ children, className }) => /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
@@ -7019,14 +7282,14 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
 );
 var TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
 var VerifyIdentityButton = ({ onError }) => {
-  const client = (0, import_hooks37.useAggClient)();
-  const [isInitiating, setIsInitiating] = (0, import_react16.useState)(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react16.useState)(false);
-  const { isReady, isTimedOut } = (0, import_hooks37.useDepositAddresses)({
+  const client = (0, import_hooks36.useAggClient)();
+  const [isInitiating, setIsInitiating] = (0, import_react17.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react17.useState)(false);
+  const { isReady, isTimedOut } = (0, import_hooks36.useDepositAddresses)({
     enabled: needsDepositAddress,
     poll: true
   });
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const redirectUri = window.location.href;
     client.initiateKyc("kalshi", redirectUri).then((res) => {
@@ -7040,14 +7303,14 @@ var VerifyIdentityButton = ({ onError }) => {
       setNeedsDepositAddress(false);
     });
   }, [isReady, isInitiating, client, onError]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (isTimedOut && isInitiating) {
       setIsInitiating(false);
       setNeedsDepositAddress(false);
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isTimedOut, isInitiating, onError]);
-  const handleClick = (0, import_react16.useCallback)(() => {
+  const handleClick = (0, import_react17.useCallback)(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
@@ -7210,20 +7473,20 @@ var ProfileModal = ({
   onKycError
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const client = (0, import_hooks38.useAggClient)();
-  const { user, startAuth } = (0, import_hooks38.useAggAuthState)();
-  const [activeTab, setActiveTab] = (0, import_react17.useState)(PROFILE_TAB_KEYS.ABOUT);
+  const client = (0, import_hooks37.useAggClient)();
+  const { user, startAuth } = (0, import_hooks37.useAggAuthState)();
+  const [activeTab, setActiveTab] = (0, import_react18.useState)(PROFILE_TAB_KEYS.ABOUT);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react17.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react17.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react17.useState)();
-  const [isSaving, setIsSaving] = (0, import_react17.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react17.useState)(null);
-  (0, import_react17.useEffect)(() => {
+  const [draftUsername, setDraftUsername] = (0, import_react18.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react18.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react18.useState)();
+  const [isSaving, setIsSaving] = (0, import_react18.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react18.useState)(null);
+  (0, import_react18.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = (0, import_react17.useCallback)(
+  const handleOpenChange = (0, import_react18.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -7247,7 +7510,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react17.useCallback)(
+  const handleDraftAvatarChange = (0, import_react18.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -7262,7 +7525,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2;
     setIsSaving(true);
     try {
@@ -7307,7 +7570,7 @@ var ProfileModal = ({
     onSave,
     originalUsername
   ]);
-  const handleCancel = (0, import_react17.useCallback)(() => {
+  const handleCancel = (0, import_react18.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -7351,7 +7614,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const handleConnectTwitter = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -7361,7 +7624,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleConnectGoogle = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "google",
       redirectUrl: resolveRedirectUrl()
@@ -7371,7 +7634,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectGoogle, startAuth]);
-  const handleConnectApple = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "apple",
       redirectUrl: resolveRedirectUrl()
@@ -7381,22 +7644,22 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectApple, startAuth]);
-  const handleDisconnectTwitter = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleDisconnectGoogle = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("google");
     yield client.getCurrentUser();
     onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
   }), [client, onDisconnectGoogle]);
-  const handleDisconnectApple = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("apple");
     yield client.getCurrentUser();
     onDisconnectApple == null ? void 0 : onDisconnectApple();
   }), [client, onDisconnectApple]);
-  const handleConnectEmail = (0, import_react17.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react18.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -7407,7 +7670,7 @@ var ProfileModal = ({
     });
     onConnectEmail == null ? void 0 : onConnectEmail();
   }), [onConnectEmail, startAuth]);
-  const handleDisconnectWallet = (0, import_react17.useCallback)(
+  const handleDisconnectWallet = (0, import_react18.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -7417,7 +7680,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet]
   );
-  const providerActionMap = (0, import_react17.useMemo)(
+  const providerActionMap = (0, import_react18.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -7463,7 +7726,7 @@ var ProfileModal = ({
     if (address.length <= 12) return address;
     return `${address.slice(0, 6)}...${address.slice(-4)}`;
   };
-  const resolvedWallets = (0, import_react17.useMemo)(() => {
+  const resolvedWallets = (0, import_react18.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => ({
@@ -7472,7 +7735,7 @@ var ProfileModal = ({
       displayAddress: shortenAddress(wallet.address)
     }))) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
-  const resolvedExchanges = (0, import_react17.useMemo)(() => {
+  const resolvedExchanges = (0, import_react18.useMemo)(() => {
     var _a2, _b2;
     if (exchanges !== void 0) return exchanges;
     const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
@@ -7483,7 +7746,7 @@ var ProfileModal = ({
     const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
     return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
   }, [exchanges, user == null ? void 0 : user.accounts]);
-  const handleDisconnectExchange = (0, import_react17.useCallback)(
+  const handleDisconnectExchange = (0, import_react18.useCallback)(
     (venue) => __async(null, null, function* () {
       if (exchanges !== void 0) {
         onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
@@ -7639,8 +7902,8 @@ var ProfileModal = ({
 ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
-var import_hooks39 = require("@agg-build/hooks");
-var import_react18 = require("react");
+var import_hooks38 = require("@agg-build/hooks");
+var import_react19 = require("react");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
@@ -7648,8 +7911,8 @@ var GeoBlockModal = ({
   onConfirm,
   classNames
 }) => {
-  const labels = (0, import_hooks39.useLabels)();
-  const handleConfirm = (0, import_react18.useCallback)(() => {
+  const labels = (0, import_hooks38.useLabels)();
+  const handleConfirm = (0, import_react19.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);
@@ -7698,14 +7961,14 @@ var GeoBlockModal = ({
 GeoBlockModal.displayName = "GeoBlockModal";
 
 // src/geo-block-banner/index.tsx
-var import_hooks40 = require("@agg-build/hooks");
+var import_hooks39 = require("@agg-build/hooks");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var GeoBlockBanner = ({
   venue,
-  termsUrl = "#",
+  termsUrl = AGG_TERMS_OF_SERVICE_URL,
   className
 }) => {
-  const labels = (0, import_hooks40.useLabels)();
+  const labels = (0, import_hooks39.useLabels)();
   const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
     "div",