@ab-org/predicate-market-sdk 2.0.0 → 2.1.1-beta.0

package/dist/chunk-SZYGIQT3.js

@@ -0,0 +1,3192 @@
+import { getExplorerUrl } from './chunk-XB2DFS2W.js';
+import { getChains, registerPlatform, quote, getWithdrawOrder } from './chunk-TPMI3XWV.js';
+import { getEnv } from './chunk-SHLNBZBY.js';
+import { clientIds, stage } from './chunk-6YQEHB6P.js';
+import { getSDKConfig } from './chunk-WHTI52FI.js';
+import { cache_exports } from './chunk-YX56ZGDB.js';
+import { useEffect, useState, useRef, useMemo, useCallback } from 'react';
+import { sessionStore, createDefaultInjectedWalletRegistry, WalletConnector } from '@ab-org/sdk-core';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import qrcode from 'qrcode-generator';
+
+// ../sign_in_sdk/src/ui/theme.ts
+var colors = {
+  card: "#121214",
+  cardRaised: "#151821",
+  border: "rgba(126,135,162,0.2)",
+  textPrimary: "#FFFFFF",
+  textSecondary: "#737477",
+  accent: "#29FF9B",
+  danger: "#FF6B6B"};
+var radii = {
+  pill: "99px",
+  card: "12px"};
+var fonts = {
+  family: '"Switzer", "Inter", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+};
+var GoogleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M20.3 10.73c0-.79-.07-1.54-.19-2.27H10.5v4.51h5.5a4.69 4.69 0 0 1-2.04 3.09v2.57h3.3c1.93-1.78 3.04-4.4 3.04-7.9Z", fill: "#4285F4" }),
+  /* @__PURE__ */ jsx("path", { d: "M10.5 21c2.76 0 5.07-.91 6.76-2.47l-3.3-2.57c-.92.61-2.09.97-3.46.97-2.66 0-4.91-1.8-5.71-4.22H1.39v2.65A10.5 10.5 0 0 0 10.5 21Z", fill: "#34A853" }),
+  /* @__PURE__ */ jsx("path", { d: "M4.79 12.71A6.3 6.3 0 0 1 4.46 10.5c0-.77.13-1.51.33-2.21V5.64H1.39A10.5 10.5 0 0 0 0 10.5c0 1.7.41 3.3 1.39 4.86l3.4-2.65Z", fill: "#FBBC05" }),
+  /* @__PURE__ */ jsx("path", { d: "M10.5 4.07c1.5 0 2.84.51 3.9 1.52l2.92-2.92C15.56 1.02 13.26 0 10.5 0A10.5 10.5 0 0 0 1.39 5.64l3.4 2.65C5.59 5.87 7.84 4.07 10.5 4.07Z", fill: "#EA4335" })
+] });
+var XIcon = () => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231Zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77Z", fill: "white" }) });
+var ExpandIcon = ({ expanded }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    style: { transform: expanded ? "rotate(180deg)" : void 0, transition: "transform 0.2s" },
+    children: [
+      /* @__PURE__ */ jsx("path", { d: "M5 9L9 13L13 9", stroke: colors.textSecondary, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
+      /* @__PURE__ */ jsx("path", { d: "M11 9L15 13L19 9", stroke: colors.textSecondary, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+    ]
+  }
+);
+var SpinnerIcon = () => /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", style: { animation: "spin 1s linear infinite" }, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "8", stroke: "rgba(255,255,255,0.2)", strokeWidth: "2.5" }),
+  /* @__PURE__ */ jsx("path", { d: "M10 2a8 8 0 0 1 8 8", stroke: colors.textPrimary, strokeWidth: "2.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })
+] });
+var defaultSocialProviders = [
+  { id: "google", label: "Continue with Google", icon: /* @__PURE__ */ jsx(GoogleIcon, {}) },
+  { id: "x", label: "Continue with X", icon: /* @__PURE__ */ jsx(XIcon, {}) }
+];
+function resolveWalletItems(wallets, defaultWalletRegistry) {
+  const walletMap = new Map(
+    defaultWalletRegistry.map((item) => [
+      item.id,
+      {
+        name: item.title,
+        installed: item.installed,
+        installUrl: item.installUrl
+      }
+    ])
+  );
+  if (wallets === void 0) {
+    return defaultWalletRegistry.map((item) => ({
+      id: item.id,
+      name: item.title,
+      icon: void 0,
+      installed: item.installed,
+      installUrl: item.installUrl
+    }));
+  }
+  if (wallets.length === 0) {
+    return [];
+  }
+  return wallets.map((wallet) => {
+    const fallback = walletMap.get(wallet.id);
+    return {
+      ...wallet,
+      name: wallet.name ?? fallback?.name ?? wallet.id,
+      installed: wallet.installed ?? fallback?.installed,
+      installUrl: wallet.installUrl ?? fallback?.installUrl
+    };
+  });
+}
+function resolveSocialProviders(socialProviders) {
+  if (socialProviders === void 0) {
+    return defaultSocialProviders;
+  }
+  if (socialProviders.length === 0) {
+    return [];
+  }
+  const defaultProviderMap = new Map(
+    defaultSocialProviders.map((provider) => [provider.id, provider])
+  );
+  return socialProviders.map((provider) => {
+    const fallback = defaultProviderMap.get(provider.id);
+    return {
+      ...provider,
+      label: provider.label ?? fallback?.label ?? provider.id,
+      icon: provider.icon ?? fallback?.icon
+    };
+  });
+}
+var IconFrame = ({
+  background,
+  children
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      width: 48,
+      height: 48,
+      borderRadius: 12,
+      background,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      overflow: "hidden"
+    },
+    children
+  }
+);
+var MetaMaskWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#1A0F07", children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M8 6L15 11L12 14L8 6Z", fill: "#E17726" }),
+  /* @__PURE__ */ jsx("path", { d: "M24 6L17 11L20 14L24 6Z", fill: "#E27625" }),
+  /* @__PURE__ */ jsx("path", { d: "M11 19L15 22V17L11 19Z", fill: "#F6851B" }),
+  /* @__PURE__ */ jsx("path", { d: "M21 19L17 22V17L21 19Z", fill: "#F6851B" }),
+  /* @__PURE__ */ jsx("path", { d: "M12 14L15 11V17L11 19L12 14Z", fill: "#763D16" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 14L17 11V17L21 19L20 14Z", fill: "#763D16" })
+] }) });
+var OKXWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#FFFFFF", children: /* @__PURE__ */ jsxs("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "2", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "11", y: "2", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "20", y: "2", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "11", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "20", y: "11", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "2", y: "20", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "11", y: "20", width: "8", height: "8", rx: "2", fill: "#050608" }),
+  /* @__PURE__ */ jsx("rect", { x: "20", y: "20", width: "8", height: "8", rx: "2", fill: "#050608" })
+] }) });
+var CoinbaseWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#0052FF", children: /* @__PURE__ */ jsxs("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "15", cy: "15", r: "10", stroke: "white", strokeWidth: "4" }),
+  /* @__PURE__ */ jsx("rect", { x: "9", y: "13", width: "12", height: "4", rx: "2", fill: "white" })
+] }) });
+var TrustWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#3375FF", children: /* @__PURE__ */ jsxs("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M14 4L21 6.6V12.8C21 17.1 18.1 20.9 14 22.4C9.9 20.9 7 17.1 7 12.8V6.6L14 4Z", fill: "white" }),
+  /* @__PURE__ */ jsx("path", { d: "M14 8L17 9.1V12.3C17 14.7 15.7 16.8 14 17.6C12.3 16.8 11 14.7 11 12.3V9.1L14 8Z", fill: "#3375FF" })
+] }) });
+var PhantomWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "linear-gradient(135deg, #6C47FF 0%, #9B6BFF 100%)", children: /* @__PURE__ */ jsxs("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M8 18.5C8 14.4 11.2 11 15.3 11H20.4C21.8 11 23 12.2 23 13.6C23 15 21.8 16.2 20.4 16.2H14.7", stroke: "white", strokeWidth: "3", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M10.5 14H19.5", stroke: "white", strokeWidth: "3", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "20", r: "1.4", fill: "white" }),
+  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "20", r: "1.4", fill: "white" })
+] }) });
+var RabbyWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#EBF2FF", children: /* @__PURE__ */ jsxs("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", children: [
+  /* @__PURE__ */ jsx("path", { d: "M11 7L13.5 13", stroke: "#7084FF", strokeWidth: "3", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M19 7L16.5 13", stroke: "#7084FF", strokeWidth: "3", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("rect", { x: "8", y: "12", width: "14", height: "11", rx: "6", fill: "#7084FF" }),
+  /* @__PURE__ */ jsx("circle", { cx: "13", cy: "17", r: "1.4", fill: "white" }),
+  /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "1.4", fill: "white" }),
+  /* @__PURE__ */ jsx("path", { d: "M13 20C13.6 20.4 14.3 20.6 15 20.6C15.7 20.6 16.4 20.4 17 20", stroke: "white", strokeWidth: "1.8", strokeLinecap: "round" })
+] }) });
+var RainbowWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "linear-gradient(180deg, #174299 0%, #001E59 100%)", children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "0 0 120 120", fill: "none", style: { overflow: "hidden", borderRadius: 12 }, children: [
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsxs("radialGradient", { id: "rainbow_r1", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26 94) rotate(-90) scale(74)", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0.770277", stopColor: "#FF4000" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#8754C9" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "rainbow_l2", x1: "83", y1: "97", x2: "100", y2: "97", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#FF4000" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#8754C9" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "rainbow_l3", x1: "23", y1: "20", x2: "23", y2: "37", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#8754C9" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FF4000" })
+    ] }),
+    /* @__PURE__ */ jsxs("radialGradient", { id: "rainbow_r4", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26 94) rotate(-90) scale(58)", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0.723929", stopColor: "#FFF700" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FF9901" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "rainbow_l5", x1: "68", y1: "97", x2: "84", y2: "97", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#FFF700" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FF9901" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "rainbow_l6", x1: "23", y1: "52", x2: "23", y2: "36", gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#FFF700" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FF9901" })
+    ] }),
+    /* @__PURE__ */ jsxs("radialGradient", { id: "rainbow_r7", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(26 94) rotate(-90) scale(42)", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0.59513", stopColor: "#00AAFF" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#01DA40" })
+    ] }),
+    /* @__PURE__ */ jsxs("radialGradient", { id: "rainbow_r8", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(51 97) scale(17 45.3333)", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#00AAFF" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#01DA40" })
+    ] }),
+    /* @__PURE__ */ jsxs("radialGradient", { id: "rainbow_r9", cx: "0", cy: "0", r: "1", gradientUnits: "userSpaceOnUse", gradientTransform: "translate(23 69) rotate(-90) scale(17 322.37)", children: [
+      /* @__PURE__ */ jsx("stop", { stopColor: "#00AAFF" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#01DA40" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("path", { d: "M20 38H26C56.9279 38 82 63.0721 82 94V100H94C97.3137 100 100 97.3137 100 94C100 53.1309 66.8691 20 26 20C22.6863 20 20 22.6863 20 26V38Z", fill: "url(#rainbow_r1)" }),
+  /* @__PURE__ */ jsx("path", { d: "M84 94H100C100 97.3137 97.3137 100 94 100H84V94Z", fill: "url(#rainbow_l2)" }),
+  /* @__PURE__ */ jsx("path", { d: "M26 20L26 36H20L20 26C20 22.6863 22.6863 20 26 20Z", fill: "url(#rainbow_l3)" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 36H26C58.0325 36 84 61.9675 84 94V100H66V94C66 71.9086 48.0914 54 26 54H20V36Z", fill: "url(#rainbow_r4)" }),
+  /* @__PURE__ */ jsx("path", { d: "M68 94H84V100H68V94Z", fill: "url(#rainbow_l5)" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 52L20 36L26 36L26 52H20Z", fill: "url(#rainbow_l6)" }),
+  /* @__PURE__ */ jsx("path", { d: "M20 62C20 65.3137 22.6863 68 26 68C40.3594 68 52 79.6406 52 94C52 97.3137 54.6863 100 58 100H68V94C68 70.804 49.196 52 26 52H20V62Z", fill: "url(#rainbow_r7)" }),
+  /* @__PURE__ */ jsx("path", { d: "M52 94H68V100H58C54.6863 100 52 97.3137 52 94Z", fill: "url(#rainbow_r8)" }),
+  /* @__PURE__ */ jsx("path", { d: "M26 68C22.6863 68 20 65.3137 20 62L20 52L26 52L26 68Z", fill: "url(#rainbow_r9)" })
+] }) });
+var ZerionWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#2962EF", children: /* @__PURE__ */ jsx("svg", { width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M6.073 7c-.48 0-.665.593-.262.841l10.073 6.074a.577.577 0 0 0 .758-.139l4.43-5.814c.3-.404-.004-.962-.525-.962H6.073ZM21.904 21c.48 0 .67-.596.267-.844l-10.075-6.073a.569.569 0 0 0-.751.146l-4.437 5.813c-.301.404.012.958.534.958h14.462Z" }) }) });
+var BraveWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#FFF", children: /* @__PURE__ */ jsxs("svg", { width: "32", height: "32", viewBox: "-100 -100 2970 2970", fill: "none", style: { overflow: "hidden", borderRadius: 12 }, children: [
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsxs("linearGradient", { id: "brave_a", y1: "51%", y2: "51%", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0.4", stopColor: "#f50" }),
+      /* @__PURE__ */ jsx("stop", { offset: "0.6", stopColor: "#ff2000" })
+    ] }),
+    /* @__PURE__ */ jsxs("linearGradient", { id: "brave_b", x1: "2%", y1: "51%", x2: "51%", y2: "51%", children: [
+      /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#ff452a" }),
+      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#ff2000" })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("path", { fill: "url(#brave_a)", d: "m2395 723 60-147-170-176c-92-92-288-38-288-38l-222-252H992L769 363s-196-53-288 37L311 575l60 147-75 218 250 953c52 204 87 283 234 387l457 310c44 27 98 74 147 74s103-47 147-74l457-310c147-104 182-183 234-387l250-953z" }),
+  /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M1935 524s287 347 287 420c0 75-36 94-72 133l-215 230c-20 20-63 54-38 113 25 60 60 134 20 210-40 77-110 128-155 120a820 820 0 0 1-190-90c-38-25-160-126-160-165s126-110 150-124c23-16 130-78 132-102s2-30-30-90-88-140-80-192c10-52 100-80 167-105l207-78c16-8 12-15-36-20-48-4-183-22-244-5s-163 43-173 57c-8 14-16 14-7 62l58 315c4 40 12 67-30 77-44 10-117 27-142 27s-99-17-142-27-35-37-30-77c4-40 48-268 57-315 10-48 1-48-7-62-10-14-113-40-174-57-60-17-196 1-244 6-48 4-52 10-36 20l207 77c66 25 158 53 167 105 10 53-47 132-80 192s-32 66-30 90 110 86 132 102c24 15 150 85 150 124s-119 140-159 165a820 820 0 0 1-190 90c-45 8-115-43-156-120-40-76-4-150 20-210 25-60-17-92-38-113l-215-230c-35-37-71-57-71-131s287-420 287-420l273 44c32 0 103-27 168-50 65-20 110-22 110-22s44 0 110 22 136 50 168 50c33 0 275-47 275-47zm-215 1328c18 10 7 32-10 44l-254 198c-20 20-52 50-73 50s-52-30-73-50a13200 13200 0 0 0-255-198c-16-12-27-33-10-44l150-80a870 870 0 0 1 188-73c15 0 110 34 187 73l150 80z" }),
+  /* @__PURE__ */ jsx("path", { fill: "url(#brave_b)", d: "m1999 363-224-253H992L769 363s-196-53-288 37c0 0 260-23 350 123l276 47c32 0 103-27 168-50 65-20 110-22 110-22s44 0 110 22 136 50 168 50c33 0 275-47 275-47 90-146 350-123 350-123-92-92-288-38-288-38" })
+] }) });
+var BitgetWalletIcon = () => /* @__PURE__ */ jsx(IconFrame, { background: "#001F29", children: /* @__PURE__ */ jsx("svg", { width: "28", height: "28", viewBox: "0 0 512 512", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M219.948 95.7022C201.623 95.6929 183.33 95.6835 164.941 95.7116C153.822 95.7116 149.651 109.671 157.921 117.939L283.098 243.117C287.004 246.69 289.441 250.574 289.53 255.693C289.441 260.812 287.004 264.696 283.098 268.269L157.921 393.446C149.651 401.715 153.822 415.674 164.941 415.674C183.33 415.702 201.623 415.693 219.948 415.683C229.122 415.679 238.305 415.674 247.511 415.674C259.555 415.674 266.72 409.24 273.154 402.805L386.047 289.912C395.057 280.902 403.119 268.939 403.009 255.693C403.119 242.447 395.057 230.484 386.047 221.474L273.154 108.58C266.72 102.146 259.555 95.7116 247.511 95.7116C238.305 95.7116 229.122 95.7069 219.948 95.7022Z", fill: "#00F0FF" }) }) });
+var WalletPlaceholder = ({ name }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      width: 48,
+      height: 48,
+      borderRadius: 10,
+      background: colors.cardRaised,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      fontSize: 16,
+      fontWeight: 600,
+      color: colors.textSecondary,
+      fontFamily: fonts.family
+    },
+    children: name.slice(0, 2).toUpperCase()
+  }
+);
+var DefaultWalletIcon = ({
+  walletId,
+  name
+}) => {
+  switch (walletId) {
+    case "metamask":
+      return /* @__PURE__ */ jsx(MetaMaskWalletIcon, {});
+    case "okx":
+      return /* @__PURE__ */ jsx(OKXWalletIcon, {});
+    case "coinbase":
+      return /* @__PURE__ */ jsx(CoinbaseWalletIcon, {});
+    case "trust":
+      return /* @__PURE__ */ jsx(TrustWalletIcon, {});
+    case "phantom":
+      return /* @__PURE__ */ jsx(PhantomWalletIcon, {});
+    case "rabby":
+      return /* @__PURE__ */ jsx(RabbyWalletIcon, {});
+    case "rainbow":
+      return /* @__PURE__ */ jsx(RainbowWalletIcon, {});
+    case "zerion":
+      return /* @__PURE__ */ jsx(ZerionWalletIcon, {});
+    case "brave":
+      return /* @__PURE__ */ jsx(BraveWalletIcon, {});
+    case "bitget":
+      return /* @__PURE__ */ jsx(BitgetWalletIcon, {});
+    default:
+      return /* @__PURE__ */ jsx(WalletPlaceholder, { name });
+  }
+};
+var CloseButton = ({ onClick }) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    onClick,
+    "aria-label": "Close",
+    style: {
+      width: 30,
+      height: 30,
+      borderRadius: "50%",
+      background: colors.card,
+      border: "none",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: 0,
+      flexShrink: 0
+    },
+    children: /* @__PURE__ */ jsx("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.25 4.25L12.75 12.75M12.75 4.25L4.25 12.75",
+        stroke: colors.textPrimary,
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ) })
+  }
+);
+var ModalFrame = ({
+  onClose,
+  width = 500,
+  cardStyle,
+  contentStyle,
+  children
+}) => /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 14, alignItems: "flex-start" }, children: [
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width,
+        background: colors.card,
+        borderRadius: radii.card,
+        overflow: "hidden",
+        ...cardStyle
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            minHeight: 0,
+            fontFamily: fonts.family,
+            color: colors.textPrimary,
+            boxSizing: "border-box",
+            ...contentStyle
+          },
+          children
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ jsx(CloseButton, { onClick: onClose })
+] }) });
+async function loadWalletAccount() {
+  return import('./account-F5Z2SMJE.js');
+}
+async function loadOidcAuth() {
+  return import('./dist-Q2PDXT2F.js');
+}
+var SignInModalFrame = ({
+  id,
+  title,
+  onClose,
+  footer,
+  children
+}) => /* @__PURE__ */ jsx(
+  ModalFrame,
+  {
+    onClose,
+    cardStyle: { padding: "32px 24px" },
+    contentStyle: { alignItems: "center" },
+    children: /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 24, alignItems: "center" }, id, children: [
+      /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 24, fontWeight: 600, lineHeight: 1.4, textAlign: "center" }, children: title }),
+      /* @__PURE__ */ jsx("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 12, alignItems: "center" }, children }),
+      footer
+    ] })
+  }
+);
+var SignInWithEmailSection = () => {
+  const [email, setEmail] = useState("");
+  const [partialOidcToken, setPartialOidcToken] = useState("");
+  const [emailCode, setEmailCode] = useState("");
+  return /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 24 }, children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: /* @__PURE__ */ jsx("input", { type: "email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), style: { color: "black" } }) }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          className: "m-1 bg-[#fff] p-1",
+          style: { color: "black" },
+          value: emailCode,
+          placeholder: "emailCode",
+          onChange: (e) => setEmailCode(e.target.value)
+        }
+      ),
+      " "
+    ] }),
+    /* @__PURE__ */ jsx("button", { disabled: !email, onClick: async () => {
+      const { OidcAuth } = await loadOidcAuth();
+      const { loginByEmail } = OidcAuth({
+        stage: "dev",
+        xClientId: clientIds.x ?? "",
+        googleClientId: clientIds.google ?? ""
+      });
+      const { partialOidcToken: partialOidcToken2 } = await loginByEmail(email);
+      setPartialOidcToken(partialOidcToken2);
+    }, children: "send code" }),
+    /* @__PURE__ */ jsx("button", { disabled: !partialOidcToken || !emailCode, onClick: async () => {
+      const oidcToken = `${partialOidcToken}${emailCode}`;
+      const { default: WalletAccount2 } = await loadWalletAccount();
+      await WalletAccount2.getInstance(oidcToken);
+    }, children: "sign in" })
+  ] });
+};
+var SignInModalSocialSection = ({
+  id,
+  socialProviders,
+  isBusy,
+  loadingProvider,
+  onSocialClick
+}) => /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 24 }, id, children: [
+  /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: socialProviders.map((provider) => {
+    const isLoading = loadingProvider === provider.id;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        id: `social-provider-${provider.id}`,
+        type: "button",
+        disabled: isBusy,
+        onClick: () => onSocialClick(provider.id),
+        style: {
+          width: "100%",
+          height: 48,
+          borderRadius: radii.pill,
+          border: `1px solid ${colors.border}`,
+          background: "transparent",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 12,
+          cursor: isBusy ? "wait" : "pointer",
+          padding: 12,
+          boxSizing: "border-box",
+          opacity: isLoading ? 0.6 : isBusy ? 0.8 : 1,
+          transition: "opacity .15s"
+        },
+        children: [
+          isLoading ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : provider.icon,
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 16, fontWeight: 500, lineHeight: 1.4, color: colors.textPrimary, fontFamily: fonts.family }, children: isLoading ? "Signing in..." : provider.label })
+        ]
+      },
+      provider.id
+    );
+  }) }),
+  typeof window !== "undefined" && window.location.href.indexOf("emailSignIn") !== -1 && /* @__PURE__ */ jsx(SignInWithEmailSection, {}),
+  /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 20, width: "100%" }, children: [
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, height: 1, background: colors.border } }),
+    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary, opacity: 0.4, whiteSpace: "nowrap" }, children: "Or connect a wallet" }),
+    /* @__PURE__ */ jsx("div", { style: { flex: 1, height: 1, background: colors.border } })
+  ] })
+] });
+var SignInModalWalletGrid = ({
+  wallets,
+  isBusy,
+  loadingWalletId,
+  expanded,
+  showExpandToggle,
+  onWalletClick,
+  onToggleExpanded
+}) => /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 8, alignItems: "center", paddingTop: 12 }, children: [
+  /* @__PURE__ */ jsx("div", { style: { width: "100%", display: "flex", flexWrap: "wrap", gap: "14px 0" }, children: wallets.map((wallet) => /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      disabled: isBusy,
+      onClick: () => onWalletClick(wallet.id),
+      style: {
+        width: "25%",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 4,
+        background: "transparent",
+        border: "none",
+        cursor: isBusy ? "wait" : "pointer",
+        padding: 0,
+        opacity: loadingWalletId === wallet.id ? 0.7 : isBusy ? 0.85 : 1
+      },
+      children: [
+        /* @__PURE__ */ jsx("div", { style: { width: 56, height: 56, display: "flex", alignItems: "center", justifyContent: "center" }, children: loadingWalletId === wallet.id ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : wallet.icon ?? /* @__PURE__ */ jsx(DefaultWalletIcon, { walletId: wallet.id, name: wallet.name }) }),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", width: "100%" }, children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 12, fontWeight: 500, lineHeight: 1.4, color: colors.textPrimary, fontFamily: fonts.family, textAlign: "center", whiteSpace: "nowrap" }, children: wallet.name }),
+          loadingWalletId === wallet.id ? /* @__PURE__ */ jsx("span", { style: { fontSize: 10, lineHeight: 1.4, color: colors.textSecondary, fontFamily: fonts.family }, children: "Connecting..." }) : wallet.installed ? /* @__PURE__ */ jsx("span", { style: { fontSize: 10, lineHeight: 1.4, color: colors.accent, fontFamily: fonts.family }, children: "Installed" }) : wallet.installUrl ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: wallet.installUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: (event) => event.stopPropagation(),
+              style: { fontSize: 10, lineHeight: 1.4, color: colors.textSecondary, fontFamily: fonts.family, textDecoration: "underline" },
+              children: "Install"
+            }
+          ) : null
+        ] })
+      ]
+    },
+    wallet.id
+  )) }),
+  showExpandToggle && /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onToggleExpanded,
+      style: {
+        background: "transparent",
+        border: "none",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 4
+      },
+      children: /* @__PURE__ */ jsx(ExpandIcon, { expanded })
+    }
+  )
+] });
+var SignInModalFooter = ({
+  privacyPolicyUrl,
+  termsOfUseUrl
+}) => /* @__PURE__ */ jsx("div", { style: { padding: "12px 0", display: "flex", justifyContent: "center", width: "100%" }, children: /* @__PURE__ */ jsxs("p", { style: { margin: 0, fontSize: 14, lineHeight: 1.4, color: colors.textSecondary, fontFamily: fonts.family, textAlign: "center" }, children: [
+  "By continuing, I agree to the",
+  " ",
+  /* @__PURE__ */ jsx("a", { href: privacyPolicyUrl, style: { color: colors.textPrimary, textDecoration: "underline" }, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }),
+  " ",
+  "and",
+  " ",
+  /* @__PURE__ */ jsx("a", { href: termsOfUseUrl, style: { color: colors.textPrimary, textDecoration: "underline" }, target: "_blank", rel: "noopener noreferrer", children: "Terms of Use" })
+] }) });
+var useSignInModalController = ({
+  wallets,
+  initialVisibleCount,
+  onGoogleLogin: _onGoogleLogin,
+  onTwitterLogin: _onTwitterLogin,
+  onCubeSignerSession: _onCubeSignerSession,
+  onWalletConnected,
+  onSocialLogin: _onSocialLogin,
+  onWalletSelect
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  const [loadingProvider, setLoadingProvider] = useState(null);
+  const [loadingWalletId, setLoadingWalletId] = useState(null);
+  const defaultWalletRegistry = useMemo(() => createDefaultInjectedWalletRegistry(), []);
+  const defaultWalletConnector = useMemo(
+    () => new WalletConnector(defaultWalletRegistry.map((item) => item.provider)),
+    [defaultWalletRegistry]
+  );
+  const resolvedWallets = useMemo(
+    () => resolveWalletItems(wallets, defaultWalletRegistry),
+    [defaultWalletRegistry, wallets]
+  );
+  const showExpandToggle = resolvedWallets.length > initialVisibleCount;
+  const visibleWallets = expanded ? resolvedWallets : resolvedWallets.slice(0, initialVisibleCount);
+  const isBusy = !!loadingProvider || !!loadingWalletId;
+  async function loadOidcAuth2() {
+    return import('./dist-Q2PDXT2F.js');
+  }
+  const handleSocialClick = async (providerId) => {
+    setLoadingProvider(providerId);
+    const cfg = getSDKConfig();
+    const { OidcAuth } = await loadOidcAuth2();
+    const { loginByX, loginByGoogle } = OidcAuth({
+      stage,
+      xClientId: cfg.twitterClientId ?? clientIds.x ?? "",
+      googleClientId: cfg.googleClientId ?? clientIds.google ?? ""
+    });
+    if (providerId === "google") {
+      try {
+        const oidcToken = await loginByGoogle();
+        return oidcToken;
+      } catch (error) {
+        console.error(`[SDK] Google sign-in failed:`, error);
+      }
+    }
+    if (providerId === "x") {
+      const oidcToken = await loginByX();
+      return oidcToken;
+    }
+  };
+  const clearSocialLoading = () => setLoadingProvider(null);
+  const handleWalletClick = async (walletId) => {
+    if (isBusy) return;
+    const targetWallet = resolvedWallets.find((wallet) => wallet.id === walletId);
+    if (!targetWallet) return;
+    if (targetWallet.installed === false && targetWallet.installUrl) return;
+    setLoadingWalletId(walletId);
+    try {
+      if (onWalletSelect) {
+        await onWalletSelect(walletId);
+        return;
+      }
+      const builtInWallet = defaultWalletRegistry.find((item) => item.id === walletId);
+      if (!builtInWallet || !builtInWallet.installed) return;
+      const session = await defaultWalletConnector.connect(walletId);
+      onWalletConnected?.(session, walletId);
+    } catch (err) {
+      console.error(`[SDK] Wallet connect failed for ${walletId}:`, err);
+    } finally {
+      setLoadingWalletId(null);
+    }
+  };
+  return {
+    expanded,
+    loadingProvider,
+    loadingWalletId,
+    visibleWallets,
+    showExpandToggle,
+    isBusy,
+    handleSocialClick,
+    handleWalletClick,
+    clearSocialLoading,
+    toggleExpanded: () => setExpanded((value) => !value)
+  };
+};
+var variantStyles = {
+  success: { bg: "rgba(41, 255, 155, 0.82)", border: "rgba(41, 255, 155, 0.53)", icon: colors.accent },
+  error: { bg: "rgba(255, 107, 107, 0.82)", border: "rgba(255, 107, 107, 0.53)", icon: colors.danger },
+  info: { bg: "rgba(126, 135, 162, 0.82)", border: "rgba(126, 135, 162, 0.55)", icon: colors.textSecondary }
+};
+var Toast = ({ message, variant = "info", duration, onClose }) => {
+  const style = variantStyles[variant];
+  useEffect(() => {
+    if (duration != null && duration > 0 && onClose) {
+      const t = setTimeout(onClose, duration);
+      return () => clearTimeout(t);
+    }
+  }, [duration, onClose]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        display: "flex",
+        justifyContent: "center",
+        paddingTop: 16,
+        zIndex: 1e4,
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          role: "alert",
+          style: {
+            pointerEvents: "auto",
+            display: "flex",
+            alignItems: "center",
+            gap: 10,
+            padding: "12px 16px",
+            borderRadius: radii.card,
+            background: style.bg,
+            border: `1px solid ${style.border}`,
+            color: colors.textPrimary,
+            fontSize: 14,
+            lineHeight: 1.4,
+            maxWidth: 360,
+            boxSizing: "border-box"
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: message }),
+            onClose && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Dismiss",
+                onClick: onClose,
+                style: {
+                  padding: 4,
+                  margin: -4,
+                  border: "none",
+                  background: "transparent",
+                  color: colors.textSecondary,
+                  cursor: "pointer",
+                  borderRadius: 4,
+                  lineHeight: 1
+                },
+                children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3.5 3.5L10.5 10.5M10.5 3.5L3.5 10.5",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                ) })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+async function loadWalletAccount2() {
+  return import('./account-F5Z2SMJE.js');
+}
+var SignInModal = ({
+  title = "Welcome to PredicateMarket",
+  socialProviders,
+  wallets,
+  initialVisibleCount,
+  privacyPolicyUrl = "#",
+  termsOfUseUrl = "#",
+  onGoogleLogin,
+  onTwitterLogin,
+  onCubeSignerSession,
+  onWalletConnected,
+  onSocialLogin,
+  onWalletSelect,
+  onDismiss,
+  onSuccess
+}) => {
+  const sdkConfig = getSDKConfig();
+  const effectiveSocialProviders = resolveSocialProviders(
+    socialProviders ?? sdkConfig.signIn?.socialProviders
+  );
+  const effectiveWallets = wallets ?? sdkConfig.signIn?.wallets;
+  const effectiveInitialVisibleCount = initialVisibleCount ?? sdkConfig.signIn?.initialVisibleCount ?? 5;
+  const [toastError, setToastError] = useState(null);
+  const [socialLoadingProvider, setSocialLoadingProvider] = useState(null);
+  const {
+    expanded,
+    loadingProvider,
+    loadingWalletId,
+    visibleWallets,
+    showExpandToggle,
+    isBusy,
+    handleSocialClick,
+    handleWalletClick,
+    clearSocialLoading,
+    toggleExpanded
+  } = useSignInModalController({
+    wallets: effectiveWallets,
+    initialVisibleCount: effectiveInitialVisibleCount,
+    onGoogleLogin,
+    onTwitterLogin,
+    onCubeSignerSession,
+    onWalletConnected,
+    onSocialLogin,
+    onWalletSelect
+  });
+  return /* @__PURE__ */ jsxs(
+    SignInModalFrame,
+    {
+      id: "SignInModalFrame",
+      title,
+      onClose: onDismiss,
+      footer: /* @__PURE__ */ jsx(
+        SignInModalFooter,
+        {
+          privacyPolicyUrl,
+          termsOfUseUrl
+        }
+      ),
+      children: [
+        toastError && /* @__PURE__ */ jsx(
+          Toast,
+          {
+            message: toastError,
+            variant: "error",
+            duration: 5e3,
+            onClose: () => setToastError(null)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SignInModalSocialSection,
+          {
+            id: "SignInModalSocialSection",
+            socialProviders: effectiveSocialProviders,
+            isBusy: isBusy || !!socialLoadingProvider,
+            loadingProvider: loadingProvider ?? socialLoadingProvider,
+            onSocialClick: async (providerId) => {
+              setSocialLoadingProvider(providerId);
+              sessionStore.clearSession();
+              let walletAccount = null;
+              let address = "";
+              try {
+                const { default: WalletAccount2 } = await loadWalletAccount2();
+                WalletAccount2.clearInstance();
+                const oidcToken = await handleSocialClick(providerId);
+                if (!oidcToken) {
+                  setToastError("Social login failed, please try again");
+                  return;
+                }
+                walletAccount = await WalletAccount2.getInstance(oidcToken);
+                onCubeSignerSession?.(walletAccount.getCubeSignerSession());
+                cache_exports.set("oidcToken", oidcToken, false);
+                const res = await walletAccount.eth_accounts();
+                address = res?.[0] || "";
+                const authSource = providerId === "x" ? "twitter" : providerId;
+                const session = {
+                  address,
+                  chain: "BSC",
+                  provider: walletAccount,
+                  walletType: "social",
+                  authSource
+                };
+                onSuccess?.(session);
+              } catch (error) {
+                setToastError(error?.message ?? "Failed to get wallet account, please try again");
+                return;
+              } finally {
+                setSocialLoadingProvider(null);
+                clearSocialLoading();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SignInModalWalletGrid,
+          {
+            wallets: visibleWallets,
+            isBusy,
+            loadingWalletId,
+            expanded,
+            showExpandToggle,
+            onWalletClick: handleWalletClick,
+            onToggleExpanded: toggleExpanded
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/ui/theme.ts
+var colors2 = {
+  background: "#050608",
+  card: "#121214",
+  cardRaised: "#151821",
+  border: "rgba(126,135,162,0.2)",
+  borderStrong: "rgba(255,255,255,0.16)",
+  borderFocused: "#FFFFFF",
+  textPrimary: "#FFFFFF",
+  textSecondary: "#737477",
+  accent: "#29FF9B",
+  accentStrong: "#4AD481",
+  warning: "#FFB547",
+  danger: "#FF6B6B",
+  stepActive: "#FFFFFF",
+  stepInactive: "#36383D",
+  buttonDisabledBg: "rgba(255,255,255,0.14)",
+  buttonDisabledBorder: "#444444"
+};
+var radii2 = {
+  xl: "28px",
+  lg: "20px",
+  pill: "99px",
+  full: "9999px",
+  card: "12px",
+  input: "8px"
+};
+var fonts2 = {
+  family: '"Switzer", "Inter", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif'
+};
+var placeholderIcon = (label) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    style: {
+      width: 40,
+      height: 40,
+      borderRadius: "12px",
+      background: colors2.cardRaised,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: colors2.textSecondary,
+      fontWeight: 600
+    },
+    children: label.slice(0, 2).toUpperCase()
+  }
+);
+var WalletSelectionModal = ({
+  title = "Connect Wallet",
+  options,
+  onSelect
+}) => {
+  const sections = [
+    {
+      id: "social",
+      label: "Social Wallets",
+      items: options.filter((item) => item.category === "social")
+    },
+    {
+      id: "plugin",
+      label: "Plugin Wallets",
+      items: options.filter((item) => item.category === "plugin")
+    }
+  ].filter((section) => section.items.length > 0);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        width: "min(720px, 90vw)",
+        background: colors2.card,
+        borderRadius: radii2.xl,
+        border: `1px solid ${colors2.border}`,
+        padding: "40px",
+        display: "flex",
+        flexDirection: "column",
+        gap: 32,
+        color: colors2.textPrimary,
+        fontFamily: fonts2.family
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 26, fontWeight: 600 }, children: title }),
+          /* @__PURE__ */ jsx("p", { style: { color: colors2.textSecondary, marginTop: 8 }, children: "Choose social or plugin wallets" })
+        ] }),
+        sections.map((section) => /* @__PURE__ */ jsxs("section", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
+          /* @__PURE__ */ jsx("div", { style: { fontSize: 14, textTransform: "uppercase", letterSpacing: 1.5, color: colors2.textSecondary }, children: section.label }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                display: "grid",
+                gap: 16,
+                gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))"
+              },
+              children: section.items.map((option) => /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: () => onSelect?.(option.id),
+                  style: {
+                    borderRadius: radii2.lg,
+                    border: `1px solid ${colors2.border}`,
+                    background: colors2.cardRaised,
+                    padding: "20px",
+                    display: "flex",
+                    gap: 14,
+                    alignItems: "center",
+                    textAlign: "left",
+                    cursor: "pointer",
+                    color: colors2.textPrimary
+                  },
+                  children: [
+                    option.icon ?? placeholderIcon(option.label),
+                    /* @__PURE__ */ jsxs("div", { children: [
+                      /* @__PURE__ */ jsx("div", { style: { fontWeight: 600 }, children: option.label }),
+                      /* @__PURE__ */ jsx("div", { style: { color: colors2.textSecondary, fontSize: 14 }, children: option.description })
+                    ] })
+                  ]
+                },
+                option.id
+              ))
+            }
+          )
+        ] }, section.id))
+      ]
+    }
+  );
+};
+var CloseButton2 = ({ onClick }) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type: "button",
+    onClick,
+    "aria-label": "Close",
+    style: {
+      width: 30,
+      height: 30,
+      borderRadius: "50%",
+      background: colors2.card,
+      border: "none",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: 0,
+      flexShrink: 0
+    },
+    children: /* @__PURE__ */ jsx("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M4.25 4.25L12.75 12.75M12.75 4.25L4.25 12.75",
+        stroke: colors2.textPrimary,
+        strokeWidth: "1.5",
+        strokeLinecap: "round"
+      }
+    ) })
+  }
+);
+var ModalFrame2 = ({
+  onClose,
+  width = 500,
+  cardStyle,
+  contentStyle,
+  children
+}) => /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 14, alignItems: "flex-start" }, children: [
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width,
+        background: colors2.card,
+        borderRadius: radii2.card,
+        overflow: "hidden",
+        ...cardStyle
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            minHeight: 0,
+            fontFamily: fonts2.family,
+            color: colors2.textPrimary,
+            boxSizing: "border-box",
+            ...contentStyle
+          },
+          children
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ jsx(CloseButton2, { onClick: onClose })
+] }) });
+var StepIndicator = ({ steps, stepActive, activeStep = 0 }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        width: 20,
+        paddingTop: 4,
+        flexShrink: 0
+      },
+      children: Array.from({ length: steps }, (_, i) => {
+        const isActive = stepActive && stepActive.length > i ? stepActive[i] : i <= activeStep;
+        const isLast = i === steps - 1;
+        return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center" }, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                width: 20,
+                height: 20,
+                borderRadius: "50%",
+                border: `2px solid ${isActive ? colors2.stepActive : colors2.stepInactive}`,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                boxSizing: "border-box"
+              },
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    width: 7.5,
+                    height: 7.5,
+                    borderRadius: "50%",
+                    background: isActive ? colors2.stepActive : colors2.stepInactive
+                  }
+                }
+              )
+            }
+          ),
+          !isLast && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                width: 1,
+                height: 87,
+                background: isActive ? colors2.stepActive : colors2.stepInactive,
+                opacity: 0.3
+              }
+            }
+          )
+        ] }, i);
+      })
+    }
+  );
+};
+var Chevron = ({ up }) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    style: { transition: "transform .2s", transform: up ? "rotate(180deg)" : "none" },
+    children: /* @__PURE__ */ jsx("path", { d: "M4 6L8 10L12 6", stroke: colors2.textSecondary, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+  }
+);
+var DropdownField = ({
+  label,
+  placeholder,
+  value,
+  icon,
+  focused,
+  options,
+  onSelect,
+  onClick
+}) => {
+  const [open, setOpen] = useState(false);
+  const [triggerFocused, setTriggerFocused] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open]);
+  const hasOptions = options && options.length > 0;
+  const handleClick = () => {
+    if (hasOptions) {
+      setOpen((p) => !p);
+    } else {
+      onClick?.();
+    }
+  };
+  const handleSelect = (id) => {
+    onSelect?.(id);
+    setOpen(false);
+  };
+  const selected = hasOptions ? options.find((o) => o.id === value) : void 0;
+  return /* @__PURE__ */ jsxs("div", { ref, style: { display: "flex", flexDirection: "column", gap: 8, width: "100%", position: "relative" }, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          fontSize: 14,
+          fontWeight: 400,
+          lineHeight: 1.4,
+          color: colors2.textPrimary,
+          fontFamily: fonts2.family
+        },
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        onFocus: () => setTriggerFocused(true),
+        onBlur: () => setTriggerFocused(false),
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          height: 44,
+          padding: "0 16px",
+          borderRadius: radii2.input,
+          border: `1px solid ${open || triggerFocused ? colors2.borderFocused : colors2.border}`,
+          background: "transparent",
+          cursor: "pointer",
+          fontFamily: fonts2.family,
+          width: "100%",
+          boxSizing: "border-box"
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+            selected?.icon ?? icon,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: 14,
+                  lineHeight: 1.4,
+                  color: value ? colors2.textPrimary : colors2.textSecondary,
+                  fontFamily: fonts2.family
+                },
+                children: selected?.label ?? value ?? placeholder
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Chevron, { up: open })
+        ]
+      }
+    ),
+    open && hasOptions && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "dropdown-list-item",
+        style: {
+          position: "absolute",
+          top: "calc(100% + 4px)",
+          left: 0,
+          right: 0,
+          zIndex: 10,
+          borderRadius: radii2.input,
+          border: `1px solid ${colors2.border}`,
+          background: colors2.card,
+          overflow: "hidden",
+          boxShadow: "0 8px 24px rgba(0,0,0,0.4)"
+        },
+        children: options.map((opt) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleSelect(opt.id),
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 10,
+              width: "100%",
+              padding: "10px 16px",
+              border: "none",
+              background: opt.id === value ? "rgba(255,255,255,0.06)" : "transparent",
+              cursor: "pointer",
+              fontFamily: fonts2.family,
+              textAlign: "left",
+              transition: "background .12s"
+            },
+            onMouseEnter: (e) => {
+              e.currentTarget.style.background = "rgba(255,255,255,0.08)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.background = opt.id === value ? "rgba(255,255,255,0.06)" : "transparent";
+            },
+            children: [
+              opt.icon && /* @__PURE__ */ jsx("div", { style: { width: 28, height: 28, flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: opt.icon }),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+                /* @__PURE__ */ jsx("span", { style: { fontSize: 14, fontWeight: 500, color: colors2.textPrimary }, children: opt.label }),
+                opt.subtitle && /* @__PURE__ */ jsx("span", { style: { fontSize: 12, color: colors2.textSecondary }, children: opt.subtitle })
+              ] })
+            ]
+          },
+          opt.id
+        ))
+      }
+    )
+  ] });
+};
+function getRemaining(expiresAt) {
+  const end = typeof expiresAt === "string" ? new Date(expiresAt).getTime() : expiresAt;
+  return Math.max(0, Math.floor((end - Date.now()) / 1e3));
+}
+function formatRemaining(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${s.toString().padStart(2, "0")}`;
+}
+function Countdown({
+  expiresAt,
+  expiredLabel = "Expired",
+  style,
+  isExpired = false,
+  onExpired
+}) {
+  const [remaining, setRemaining] = useState(() => getRemaining(expiresAt));
+  const hasFiredExpired = useRef(false);
+  useEffect(() => {
+    hasFiredExpired.current = false;
+  }, [expiresAt]);
+  useEffect(() => {
+    if (isExpired) {
+      setRemaining(0);
+      return;
+    }
+    const tick = () => {
+      const r = getRemaining(expiresAt);
+      setRemaining(r);
+      if (r <= 0 && onExpired && !hasFiredExpired.current) {
+        hasFiredExpired.current = true;
+        onExpired();
+      }
+    };
+    tick();
+    const id = setInterval(tick, 1e3);
+    return () => clearInterval(id);
+  }, [expiresAt, isExpired, onExpired]);
+  const text = remaining <= 0 ? expiredLabel : formatRemaining(remaining);
+  const color = remaining <= 0 ? colors2.warning : colors2.textSecondary;
+  return /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color, fontFamily: fonts2.family, ...style }, children: [
+    "Expires in ",
+    /* @__PURE__ */ jsx("span", { style: { fontWeight: 600, color: "#fff" }, children: text })
+  ] });
+}
+function generateMatrix(data) {
+  const qr = qrcode(0, "H");
+  qr.addData(data);
+  qr.make();
+  const count = qr.getModuleCount();
+  const matrix = [];
+  for (let r = 0; r < count; r++) {
+    const row = [];
+    for (let c = 0; c < count; c++) {
+      row.push(qr.isDark(r, c));
+    }
+    matrix.push(row);
+  }
+  return matrix;
+}
+function isFinderZone(row, col, size) {
+  return row < 7 && col < 7 || row < 7 && col >= size - 7 || row >= size - 7 && col < 7;
+}
+var FinderEye = ({ ox, oy, s }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("rect", { x: ox, y: oy, width: 7 * s, height: 7 * s, rx: s * 1.4, ry: s * 1.4, fill: "#fff" }),
+  /* @__PURE__ */ jsx(
+    "rect",
+    {
+      x: ox + s,
+      y: oy + s,
+      width: 5 * s,
+      height: 5 * s,
+      rx: s * 0.9,
+      ry: s * 0.9,
+      fill: colors2.background
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "rect",
+    {
+      x: ox + 2 * s,
+      y: oy + 2 * s,
+      width: 3 * s,
+      height: 3 * s,
+      rx: s * 0.7,
+      ry: s * 0.7,
+      fill: "#fff"
+    }
+  )
+] });
+var SVG_SIZE = 220;
+var QUIET_ZONE = 2;
+var StyledQR = ({ data }) => {
+  const matrix = useMemo(() => generateMatrix(data), [data]);
+  const n = matrix.length;
+  const total = n + QUIET_ZONE * 2;
+  const cell = SVG_SIZE / total;
+  const off = QUIET_ZONE * cell;
+  const dotR = cell * 0.42;
+  const centerClearR = 3;
+  const cx = n / 2;
+  const cy = n / 2;
+  const dots = [];
+  for (let r = 0; r < n; r++) {
+    for (let c = 0; c < n; c++) {
+      if (!matrix[r][c]) continue;
+      if (isFinderZone(r, c, n)) continue;
+      if (Math.abs(c - cx) < centerClearR && Math.abs(r - cy) < centerClearR) continue;
+      dots.push(
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: off + c * cell + cell / 2,
+            cy: off + r * cell + cell / 2,
+            r: dotR,
+            fill: "#fff"
+          },
+          `${r}-${c}`
+        )
+      );
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: SVG_SIZE,
+      height: SVG_SIZE,
+      viewBox: `0 0 ${SVG_SIZE} ${SVG_SIZE}`,
+      style: { borderRadius: 12 },
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: SVG_SIZE, height: SVG_SIZE, fill: colors2.background }),
+        /* @__PURE__ */ jsx(FinderEye, { ox: off, oy: off, s: cell }),
+        /* @__PURE__ */ jsx(FinderEye, { ox: off + (n - 7) * cell, oy: off, s: cell }),
+        /* @__PURE__ */ jsx(FinderEye, { ox: off, oy: off + (n - 7) * cell, s: cell }),
+        dots
+      ]
+    }
+  );
+};
+var CopyIcon = () => /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: [
+  /* @__PURE__ */ jsx("rect", { x: "4.5", y: "4.5", width: "7", height: "7", rx: "1.5", stroke: colors2.textPrimary, strokeWidth: "1.2" }),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M9.5 4.5V3.5C9.5 2.67 8.83 2 8 2H3.5C2.67 2 2 2.67 2 3.5V8C2 8.83 2.67 9.5 3.5 9.5H4.5",
+      stroke: colors2.textPrimary,
+      strokeWidth: "1.2"
+    }
+  )
+] });
+var DepositDetailsPanel = ({
+  address,
+  tokenIcon,
+  minimumDeposit,
+  onCopyAddress
+}) => {
+  const canCopy = typeof address === "string" && address.trim().length > 0;
+  const handleCopy = async () => {
+    if (!canCopy) return;
+    try {
+      if (navigator.clipboard && typeof navigator.clipboard.writeText === "function") {
+        await navigator.clipboard.writeText(address);
+      } else {
+        const el = document.createElement("textarea");
+        el.value = address;
+        el.setAttribute("readonly", "");
+        el.style.position = "absolute";
+        el.style.left = "-9999px";
+        document.body.appendChild(el);
+        el.select();
+        try {
+          document.execCommand("copy");
+        } catch {
+        }
+        document.body.removeChild(el);
+      }
+    } finally {
+      onCopyAddress?.(address);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 16,
+        padding: "20px",
+        borderRadius: radii2.card,
+        border: `1px solid ${colors2.border}`,
+        fontFamily: fonts2.family
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-flex" }, children: [
+          /* @__PURE__ */ jsx(StyledQR, { data: address }),
+          tokenIcon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: "50%",
+                left: "50%",
+                transform: "translate(-50%, -50%)",
+                width: 36,
+                height: 36,
+                borderRadius: "50%",
+                background: "#3B5998",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                boxShadow: `0 0 0 3px ${colors2.background}`
+              },
+              children: tokenIcon
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 8 }, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              padding: "10px 14px",
+              borderRadius: radii2.input,
+              background: "rgba(255,255,255,0.05)",
+              fontSize: 13,
+              color: colors2.textPrimary,
+              wordBreak: "break-all",
+              lineHeight: 1.5
+            },
+            children: address
+          }
+        ) }),
+        minimumDeposit && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              width: "100%",
+              display: "flex",
+              justifyContent: "space-between",
+              fontSize: 13
+            },
+            children: [
+              /* @__PURE__ */ jsx("span", { style: { color: colors2.textSecondary }, children: "Minimum deposit" }),
+              /* @__PURE__ */ jsx("span", { style: { color: colors2.textPrimary, fontWeight: 500 }, children: minimumDeposit })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: handleCopy,
+            disabled: !canCopy,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 6,
+              padding: "10px 28px",
+              borderRadius: radii2.pill,
+              border: `1px solid ${colors2.borderStrong}`,
+              background: "transparent",
+              color: colors2.textPrimary,
+              fontSize: 14,
+              fontWeight: 500,
+              cursor: canCopy ? "pointer" : "not-allowed",
+              opacity: canCopy ? 1 : 0.6,
+              fontFamily: fonts2.family,
+              transition: "background .15s"
+            },
+            onMouseEnter: (e) => {
+              if (!canCopy) return;
+              e.currentTarget.style.background = "rgba(255,255,255,0.06)";
+            },
+            onMouseLeave: (e) => {
+              e.currentTarget.style.background = "transparent";
+            },
+            children: [
+              /* @__PURE__ */ jsx(CopyIcon, {}),
+              "Copy address"
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+var LockIcon = () => /* @__PURE__ */ jsxs("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", children: [
+  /* @__PURE__ */ jsx("rect", { x: "10", y: "22", width: "28", height: "20", rx: "4", stroke: colors2.textSecondary, strokeWidth: "2" }),
+  /* @__PURE__ */ jsx("path", { d: "M16 22V16C16 11.5817 19.5817 8 24 8C28.4183 8 32 11.5817 32 16V22", stroke: colors2.textSecondary, strokeWidth: "2", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("circle", { cx: "24", cy: "33", r: "3", fill: colors2.textSecondary })
+] });
+var LoginRequiredOverlay = ({
+  title,
+  onSignIn,
+  onClose
+}) => /* @__PURE__ */ jsx(ModalFrame2, { onClose, contentStyle: { padding: "48px 24px" }, children: /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      gap: 24,
+      textAlign: "center"
+    },
+    children: [
+      /* @__PURE__ */ jsx(LockIcon, {}),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+        /* @__PURE__ */ jsx(
+          "h2",
+          {
+            style: {
+              margin: 0,
+              fontSize: 20,
+              fontWeight: 600,
+              color: colors2.textPrimary
+            },
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "p",
+          {
+            style: {
+              margin: 0,
+              fontSize: 14,
+              color: colors2.textSecondary,
+              lineHeight: 1.5
+            },
+            children: "Please sign in to continue"
+          }
+        )
+      ] }),
+      onSignIn && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onSignIn,
+          style: {
+            padding: "12px 48px",
+            borderRadius: radii2.full,
+            border: "none",
+            background: colors2.textPrimary,
+            color: "#15181D",
+            fontSize: 16,
+            fontWeight: 500,
+            fontFamily: fonts2.family,
+            cursor: "pointer"
+          },
+          children: "Sign In"
+        }
+      )
+    ]
+  }
+) });
+function useSession() {
+  const [session, setSession] = useState(
+    () => sessionStore.getState().session
+  );
+  useEffect(() => {
+    const unsub = sessionStore.on("session:changed", setSession);
+    return () => {
+      unsub();
+    };
+  }, []);
+  return session;
+}
+var BackArrow = () => /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M15 6L9 12L15 18", stroke: colors2.textPrimary, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var TransferIcon = () => /* @__PURE__ */ jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "18", fill: "rgba(255,255,255,0.08)" }),
+  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "7", stroke: colors2.textPrimary, strokeWidth: "1.5" }),
+  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "2.5", fill: colors2.textPrimary }),
+  /* @__PURE__ */ jsx("path", { d: "M18 7V11", stroke: colors2.textPrimary, strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 25V29", stroke: colors2.textPrimary, strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M7 18H11", stroke: colors2.textPrimary, strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M25 18H29", stroke: colors2.textPrimary, strokeWidth: "1.5", strokeLinecap: "round" })
+] });
+var FiatIcon = () => /* @__PURE__ */ jsxs("svg", { width: "36", height: "36", viewBox: "0 0 36 36", fill: "none", children: [
+  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "18", fill: "rgba(255,255,255,0.06)" }),
+  /* @__PURE__ */ jsx("circle", { cx: "18", cy: "18", r: "10", stroke: colors2.textSecondary, strokeWidth: "1.5" }),
+  /* @__PURE__ */ jsx("path", { d: "M18 12V24", stroke: colors2.textSecondary, strokeWidth: "1.5", strokeLinecap: "round" }),
+  /* @__PURE__ */ jsx("path", { d: "M15 15.5C15 14.12 16.34 13 18 13C19.66 13 21 14.12 21 15.5C21 16.88 19.66 18 18 18C16.34 18 15 19.12 15 20.5C15 21.88 16.34 23 18 23C19.66 23 21 21.88 21 20.5", stroke: colors2.textSecondary, strokeWidth: "1.5", strokeLinecap: "round" })
+] });
+var DefaultCryptoIcons = () => {
+  const tokens = [
+    { label: "B", bg: "#F7931A" },
+    { label: "E", bg: "#627EEA" },
+    { label: "\u2261", bg: "#26A17B" },
+    { label: "$", bg: "#2775CA" },
+    { label: "S", bg: "#9945FF" },
+    { label: "A", bg: "#E84142" }
+  ];
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 0 }, children: tokens.map((t, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: 24,
+        height: 24,
+        borderRadius: "50%",
+        background: t.bg,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: 11,
+        fontWeight: 700,
+        color: "#fff",
+        marginLeft: i > 0 ? -4 : 0,
+        border: `2px solid ${colors2.card}`,
+        boxSizing: "content-box"
+      },
+      children: t.label
+    },
+    i
+  )) });
+};
+function chainsToTokenOptions(chains) {
+  const bySymbol = /* @__PURE__ */ new Map();
+  for (const c of chains) {
+    for (const t of c.tokens) {
+      if (!bySymbol.has(t.symbol)) bySymbol.set(t.symbol, { symbol: t.symbol, decimals: t.decimals });
+    }
+  }
+  return Array.from(bySymbol.entries()).map(([id, { symbol }]) => ({
+    id,
+    label: symbol,
+    subtitle: symbol
+  }));
+}
+function chainsToChainOptionsForToken(chains, tokenSymbol) {
+  return chains.filter((c) => c.tokens.some((t) => t.symbol === tokenSymbol)).map((c) => ({
+    id: c.chain_id,
+    label: c.network,
+    subtitle: `chainId: ${c.chain_id}`,
+    icon: /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          minWidth: 28,
+          height: 28,
+          padding: "0 6px",
+          borderRadius: radii2.card,
+          background: "rgba(255,255,255,0.08)",
+          fontSize: 12,
+          fontWeight: 600,
+          color: colors2.textPrimary,
+          fontFamily: fonts2.family
+        },
+        children: c.network
+      }
+    )
+  }));
+}
+function getTokenAddressForChain(chains, chainId, tokenSymbol) {
+  const chain = chains.find((c) => c.chain_id === chainId);
+  return chain?.tokens.find((t) => t.symbol === tokenSymbol)?.address;
+}
+var FUNDING_TOKEN_SYMBOL = getEnv("FUNDING_TOKEN_SYMBOL");
+var DepositModal = ({
+  token,
+  chain,
+  tokenOptions: tokenOptionsProp,
+  chainOptions: chainOptionsProp,
+  depositAddress,
+  minimumDeposit,
+  qrCenterIcon,
+  cryptoIcons,
+  depositAmount,
+  onShowToast,
+  txHash,
+  explorerTxUrl,
+  onTokenSelect,
+  onChainSelect,
+  onCopyAddress,
+  onBuyCrypto,
+  onSignIn,
+  onBack,
+  onClose
+}) => {
+  const session = useSession();
+  const [view, setView] = useState("entry");
+  const [copySuccessMessage, setCopySuccessMessage] = useState(null);
+  const [apiChains, setApiChains] = useState(null);
+  const [apiQuote, setApiQuote] = useState(null);
+  const [loadingChains, setLoadingChains] = useState(false);
+  const [loadingQuote, setLoadingQuote] = useState(false);
+  const [quoteRefreshKey, setQuoteRefreshKey] = useState(0);
+  const [internalDepositAddress, setInternalDepositAddress] = useState(void 0);
+  const lastEmittedAddressRef = useRef(void 0);
+  const lastEmittedChainRef = useRef(void 0);
+  const tokenOptions = useMemo(() => {
+    if (tokenOptionsProp?.length) return tokenOptionsProp;
+    if (!apiChains?.length) return void 0;
+    return chainsToTokenOptions(apiChains);
+  }, [tokenOptionsProp, apiChains]);
+  const chainOptions = useMemo(() => {
+    if (chainOptionsProp?.length) return chainOptionsProp;
+    if (!apiChains?.length || !token) return void 0;
+    return chainsToChainOptionsForToken(apiChains, token);
+  }, [chainOptionsProp, apiChains, token]);
+  useEffect(() => {
+    if (chainOptions?.length !== 1 || !onChainSelect) return;
+    const onlyId = chainOptions[0].id;
+    if (chain === onlyId) return;
+    onChainSelect(onlyId);
+  }, [chainOptions, chain, onChainSelect]);
+  useEffect(() => {
+    if (view !== "transfer") return;
+    setLoadingChains(true);
+    getChains().then((res) => setApiChains(res?.chains ?? {})).finally(() => setLoadingChains(false));
+  }, [view]);
+  useEffect(() => {
+    if (view !== "transfer") return;
+    if (!session?.address || !chain) return;
+    registerPlatform({
+      platform_contract_address: session.address,
+      chain_id: chain
+    }).then((res) => {
+      if (res?.deposit_address) {
+        setInternalDepositAddress(res.deposit_address);
+      }
+    }).catch(() => {
+    });
+  }, [view, chain, session?.address]);
+  useEffect(() => {
+    if (!apiChains?.length || !token || !chain) {
+      setApiQuote(null);
+      return;
+    }
+    const tokenAddress = getTokenAddressForChain(apiChains, chain, token);
+    if (!tokenAddress) {
+      setApiQuote(null);
+      return;
+    }
+    setLoadingQuote(true);
+    quote({
+      direction: "deposit",
+      chain_id: chain,
+      token_address: tokenAddress,
+      token_amount: depositAmount || void 0
+    }).then((q) => setApiQuote(q ?? null)).catch((err) => {
+      const message = err?.message ?? String(err);
+      if (onShowToast) onShowToast(message);
+      setApiQuote({
+        token_address: tokenAddress,
+        token_symbol: token,
+        token_decimals: 18,
+        rate: "1",
+        chain_id: Number(chain) || 56,
+        deposit_address: "0x" + "0".repeat(39) + "1",
+        dst_token_amount: depositAmount ?? "0",
+        expires_at: new Date(Date.now() + 6e4).toISOString()
+      });
+    }).finally(() => setLoadingQuote(false));
+  }, [apiChains, token, chain, depositAmount, quoteRefreshKey, onShowToast]);
+  useEffect(() => {
+    if (!chain) return;
+    if (!depositAddress) return;
+    if (lastEmittedAddressRef.current === depositAddress && lastEmittedChainRef.current === chain) {
+      return;
+    }
+    lastEmittedAddressRef.current = depositAddress;
+    lastEmittedChainRef.current = chain;
+  }, [depositAddress, chain]);
+  const handleQuoteExpired = useCallback(() => {
+    setQuoteRefreshKey((k) => k + 1);
+  }, []);
+  useEffect(() => {
+    if (txHash && chain && onShowToast) {
+      onShowToast("Transfer confirmed");
+    }
+  }, [txHash, chain, onShowToast]);
+  if (!session) {
+    return /* @__PURE__ */ jsx(LoginRequiredOverlay, { title: "Deposit", onSignIn, onClose });
+  }
+  const goToEntry = () => {
+    setView("entry");
+    onBack?.();
+  };
+  const handleCopyAddress = useCallback((address) => {
+    onCopyAddress?.(address);
+    onShowToast?.("Address copied");
+    setCopySuccessMessage("Address copied");
+  }, [onCopyAddress, onShowToast]);
+  useEffect(() => {
+    if (!copySuccessMessage) return;
+    const t = setTimeout(() => setCopySuccessMessage(null), 2e3);
+    return () => clearTimeout(t);
+  }, [copySuccessMessage]);
+  return /* @__PURE__ */ jsxs(ModalFrame2, { onClose, contentStyle: { padding: "24px", position: "relative" }, children: [
+    copySuccessMessage && /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          top: 12,
+          left: 0,
+          right: 0,
+          display: "flex",
+          justifyContent: "center",
+          pointerEvents: "none",
+          zIndex: 10
+        },
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              pointerEvents: "auto",
+              padding: "10px 20px",
+              borderRadius: 8,
+              background: "var(--pm-colors-card, #1a1a2e)",
+              color: "var(--pm-colors-textPrimary, #fff)",
+              fontSize: 13,
+              fontWeight: 500,
+              boxShadow: "0 4px 12px rgba(0,0,0,.25)"
+            },
+            children: copySuccessMessage
+          }
+        )
+      }
+    ),
+    view === "entry" ? /* @__PURE__ */ jsx(
+      EntryView,
+      {
+        cryptoIcons,
+        onTransferCrypto: () => setView("transfer"),
+        onBuyCrypto
+      }
+    ) : /* @__PURE__ */ jsx(
+      TransferView,
+      {
+        token,
+        chain,
+        tokenOptions,
+        chainOptions,
+        depositAddress: depositAddress ?? internalDepositAddress,
+        minimumDeposit,
+        qrCenterIcon,
+        quote: apiQuote,
+        quoteLoading: loadingQuote,
+        txHash,
+        chainIdForExplorer: chain,
+        explorerTxUrl,
+        loadingChains,
+        onTokenSelect,
+        onChainSelect,
+        onCopyAddress: handleCopyAddress,
+        onQuoteExpired: handleQuoteExpired,
+        onRefreshQuote: () => {
+          if (!apiChains?.length || !token || !chain) return;
+          const tokenAddress = getTokenAddressForChain(apiChains, chain, token);
+          if (tokenAddress) {
+            setLoadingQuote(true);
+            quote({ direction: "deposit", chain_id: chain, token_address: tokenAddress, token_amount: depositAmount }).then((q) => setApiQuote(q ?? null)).catch(() => {
+              setApiQuote({
+                token_address: tokenAddress,
+                token_symbol: token,
+                token_decimals: 18,
+                rate: "1",
+                chain_id: Number(chain) || 56,
+                deposit_address: "0x" + "0".repeat(39) + "1",
+                dst_token_amount: depositAmount ?? "0",
+                expires_at: new Date(Date.now() + 6e4).toISOString()
+              });
+            }).finally(() => setLoadingQuote(false));
+          }
+        },
+        onShowToast,
+        onBack: goToEntry
+      }
+    )
+  ] });
+};
+var EntryView = ({
+  cryptoIcons,
+  onTransferCrypto,
+  onBuyCrypto: _onBuyCrypto
+}) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
+  /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 24, fontWeight: 600, lineHeight: 1.4 }, children: "Deposit" }),
+  /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: onTransferCrypto,
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 14,
+          padding: "18px 20px",
+          borderRadius: radii2.card,
+          border: `1px solid ${colors2.border}`,
+          background: "transparent",
+          cursor: "pointer",
+          textAlign: "left",
+          fontFamily: fonts2.family,
+          width: "100%",
+          transition: "border-color .15s"
+        },
+        onMouseEnter: (e) => {
+          e.target.closest("button").style.borderColor = colors2.borderStrong;
+        },
+        onMouseLeave: (e) => {
+          e.target.closest("button").style.borderColor = colors2.border;
+        },
+        children: [
+          /* @__PURE__ */ jsx(TransferIcon, {}),
+          /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: colors2.textPrimary, fontSize: 16, fontWeight: 600 }, children: "Transfer Crypto" }),
+            /* @__PURE__ */ jsx("span", { style: { color: colors2.textSecondary, fontSize: 13 }, children: "No limit \xB7 Instant" })
+          ] }),
+          cryptoIcons ?? /* @__PURE__ */ jsx(DefaultCryptoIcons, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          gap: 14,
+          padding: "18px 20px",
+          borderRadius: radii2.card,
+          border: `1px solid ${colors2.border}`,
+          opacity: 0.55
+        },
+        children: [
+          /* @__PURE__ */ jsx(FiatIcon, {}),
+          /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 2 }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: colors2.textSecondary, fontSize: 16, fontWeight: 600 }, children: "Buy Crypto" }),
+            /* @__PURE__ */ jsx("span", { style: { color: colors2.textSecondary, fontSize: 13 }, children: "Debit card, credit card, ACH" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              style: {
+                padding: "5px 12px",
+                borderRadius: radii2.pill,
+                border: `1px solid ${colors2.border}`,
+                fontSize: 12,
+                fontWeight: 500,
+                color: colors2.textSecondary,
+                whiteSpace: "nowrap"
+              },
+              children: "Coming Soon"
+            }
+          )
+        ]
+      }
+    )
+  ] })
+] });
+var TransferView = ({
+  token,
+  chain,
+  tokenOptions,
+  chainOptions,
+  depositAddress,
+  minimumDeposit,
+  qrCenterIcon,
+  quote: quoteData,
+  quoteLoading,
+  txHash,
+  chainIdForExplorer,
+  explorerTxUrl,
+  loadingChains,
+  onTokenSelect,
+  onChainSelect,
+  onCopyAddress,
+  onQuoteExpired,
+  onRefreshQuote,
+  onShowToast,
+  onBack
+}) => {
+  const activeStep = chain ? 2 : token ? 1 : 0;
+  const stepActive = [!!token, !!chain, !!quoteData];
+  const quoteExpired = useMemo(() => {
+    if (!quoteData?.expires_at) return false;
+    try {
+      return new Date(quoteData.expires_at).getTime() < Date.now();
+    } catch {
+      return false;
+    }
+  }, [quoteData?.expires_at]);
+  const didToastWait = useRef(false);
+  useEffect(() => {
+    if (!depositAddress || !onShowToast || didToastWait.current) return;
+    didToastWait.current = true;
+    onShowToast("Please wait for deposit-address balance to update");
+  }, [depositAddress, onShowToast]);
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 24 }, children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+      onBack && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onBack,
+          style: {
+            background: "transparent",
+            border: "none",
+            cursor: "pointer",
+            padding: 0,
+            display: "flex",
+            alignItems: "center"
+          },
+          children: /* @__PURE__ */ jsx(BackArrow, {})
+        }
+      ),
+      /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 24, fontWeight: 600, lineHeight: 1.4 }, children: "Transfer Crypto" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 16, position: "relative" }, children: [
+      /* @__PURE__ */ jsx(StepIndicator, { steps: 3, stepActive, activeStep }),
+      /* @__PURE__ */ jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 40 }, children: [
+        /* @__PURE__ */ jsx(
+          DropdownField,
+          {
+            label: "Select token",
+            placeholder: loadingChains ? "Loading\u2026" : "Token",
+            value: token,
+            options: tokenOptions,
+            onSelect: onTokenSelect
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DropdownField,
+          {
+            label: "Select chain",
+            placeholder: loadingChains ? "Loading\u2026" : "Chain",
+            value: chain,
+            options: chainOptions,
+            onSelect: onChainSelect
+          }
+        ),
+        quoteData && token && chain && /* @__PURE__ */ jsx(
+          "div",
+          {
+            id: "quote-panel",
+            style: {
+              padding: "12px 16px",
+              borderRadius: radii2.card,
+              margin: "-10px 0",
+              border: `1px solid ${colors2.border}`,
+              display: "flex",
+              flexDirection: "column",
+              gap: 8
+            },
+            children: quoteLoading ? /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: colors2.textSecondary }, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("span", { style: { fontSize: 13, color: colors2.textSecondary }, children: [
+                "1 ",
+                quoteData.token_symbol,
+                " = ",
+                quoteData.rate,
+                " ",
+                FUNDING_TOKEN_SYMBOL
+              ] }),
+              quoteData.expires_at && /* @__PURE__ */ jsx(
+                Countdown,
+                {
+                  expiresAt: quoteData.expires_at,
+                  isExpired: quoteExpired,
+                  onExpired: onQuoteExpired
+                }
+              ),
+              quoteExpired && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#f59e0b" }, children: "Quote expired, please refresh" }),
+                onRefreshQuote && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: onRefreshQuote,
+                    style: {
+                      padding: "4px 12px",
+                      fontSize: 12,
+                      borderRadius: radii2.pill,
+                      border: `1px solid ${colors2.border}`,
+                      background: "transparent",
+                      color: colors2.textPrimary,
+                      cursor: "pointer",
+                      fontFamily: fonts2.family
+                    },
+                    children: "Refresh"
+                  }
+                )
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, marginTop: "-5px" }, id: "deposit-details", children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: "Deposit details" }),
+          depositAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              DepositDetailsPanel,
+              {
+                address: depositAddress,
+                tokenIcon: qrCenterIcon,
+                minimumDeposit,
+                onCopyAddress
+              }
+            ),
+            txHash && chainIdForExplorer && explorerTxUrl && /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: explorerTxUrl(chainIdForExplorer, txHash),
+                target: "_blank",
+                rel: "noopener noreferrer",
+                style: {
+                  fontSize: 13,
+                  color: colors2.textPrimary,
+                  textDecoration: "underline"
+                },
+                children: "View on explorer"
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                padding: "20px",
+                borderRadius: radii2.card,
+                border: `1px solid ${colors2.border}`,
+                color: colors2.textSecondary,
+                fontSize: 13,
+                textAlign: "center"
+              },
+              children: "Select token and chain to view deposit details"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var SuccessIcon = () => {
+  return /* @__PURE__ */ jsxs("svg", { width: "80", height: "81", viewBox: "0 0 80 81", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M40 80.5C62.0914 80.5 80 62.5914 80 40.5C80 18.4086 62.0914 0.5 40 0.5C17.9086 0.5 0 18.4086 0 40.5C0 62.5914 17.9086 80.5 40 80.5Z",
+        fill: "#627EEA"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M38.999 16.5V34.2437L53.9962 40.9451L38.999 16.5Z",
+        fill: "white",
+        fillOpacity: "0.602"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M38.9991 16.5L24 40.9451L38.9991 34.2437V16.5Z", fill: "white" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M38.999 52.4434V64.4999L54.0061 43.7376L38.999 52.4434Z",
+        fill: "white",
+        fillOpacity: "0.602"
+      }
+    ),
+    /* @__PURE__ */ jsx("path", { d: "M38.9991 64.4999V52.4414L24 43.7376L38.9991 64.4999Z", fill: "white" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M38.999 49.653L53.9962 40.9451L38.999 34.2477V49.653Z",
+        fill: "white",
+        fillOpacity: "0.2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M24 40.9451L38.9991 49.653V34.2477L24 40.9451Z",
+        fill: "white",
+        fillOpacity: "0.602"
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { filter: "url(#filter0_ii_34_1690)", children: /* @__PURE__ */ jsx("circle", { cx: "40", cy: "40", r: "40", fill: "url(#paint0_linear_34_1690)" }) }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M25.8057 35.9858L38.7921 49.0324L56.7734 30.9678",
+        stroke: "#58AE36",
+        strokeWidth: "5.16129",
+        fill: "none"
+      }
+    ),
+    /* @__PURE__ */ jsxs("defs", { children: [
+      /* @__PURE__ */ jsxs(
+        "filter",
+        {
+          id: "filter0_ii_34_1690",
+          x: "0",
+          y: "0",
+          width: "80",
+          height: "80",
+          filterUnits: "userSpaceOnUse",
+          colorInterpolationFilters: "sRGB",
+          children: [
+            /* @__PURE__ */ jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "BackgroundImageFix", result: "shape" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                in: "SourceAlpha",
+                type: "matrix",
+                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                result: "hardAlpha"
+              }
+            ),
+            /* @__PURE__ */ jsx("feOffset", { dx: "-1.29032", dy: "-1.29032" }),
+            /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                type: "matrix",
+                values: "0 0 0 0 0.584745 0 0 0 0 1 0 0 0 0 0.420982 0 0 0 1 0"
+              }
+            ),
+            /* @__PURE__ */ jsx("feBlend", { mode: "multiply", in2: "shape", result: "effect1_innerShadow_34_1690" }),
+            /* @__PURE__ */ jsx(
+              "feColorMatrix",
+              {
+                in: "SourceAlpha",
+                type: "matrix",
+                values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                result: "hardAlpha"
+              }
+            ),
+            /* @__PURE__ */ jsx("feOffset", { dx: "1.29032", dy: "1.29032" }),
+            /* @__PURE__ */ jsx("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+            /* @__PURE__ */ jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
+            /* @__PURE__ */ jsx("feBlend", { mode: "normal", in2: "effect1_innerShadow_34_1690", result: "effect2_innerShadow_34_1690" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "linearGradient",
+        {
+          id: "paint0_linear_34_1690",
+          x1: "27.4722",
+          y1: "7.62951",
+          x2: "70.4313",
+          y2: "26.563",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#BBFFA1" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#ACFE8B" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+function CopyIcon2() {
+  return /* @__PURE__ */ jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("rect", { x: "5", y: "5", width: "9", height: "9", rx: "1", stroke: "currentColor", strokeWidth: "1.2", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 11V3a1 1 0 0 1 1-1h8", stroke: "currentColor", strokeWidth: "1.2", fill: "none" })
+  ] });
+}
+var FUNDING_TOKEN_SYMBOL2 = getEnv("FUNDING_TOKEN_SYMBOL");
+function chainsToTokenOptions2(chains) {
+  const bySymbol = /* @__PURE__ */ new Map();
+  for (const c of chains) {
+    for (const t of c.tokens) {
+      if (!bySymbol.has(t.symbol)) bySymbol.set(t.symbol, t.symbol);
+    }
+  }
+  return Array.from(bySymbol.entries()).map(([id, symbol]) => ({
+    id,
+    label: symbol,
+    subtitle: symbol
+  }));
+}
+function chainsToChainOptionsForToken2(chains, tokenSymbol) {
+  return chains.filter((c) => c.tokens.some((t) => t.symbol === tokenSymbol)).map((c) => ({ id: c.chain_id, label: c.network, subtitle: c.chain_id }));
+}
+function getTokenAddressForChain2(chains, chainId, tokenSymbol) {
+  const chain = chains.find((c) => c.chain_id === chainId);
+  return chain?.tokens.find((t) => t.symbol === tokenSymbol)?.address;
+}
+function parseBalanceNumber(balance) {
+  const match = balance.trim().match(/^(\d*\.?\d*)/);
+  if (!match) return null;
+  const n = Number(match[1]);
+  return Number.isNaN(n) ? null : n;
+}
+function formatBalanceTo2Decimals(balance) {
+  const match = balance.trim().match(/^(\d*\.?\d*)(.*)$/);
+  if (!match) return balance;
+  const numPart = match[1];
+  const suffix = match[2].trim() ? " " + match[2].trim() : "";
+  const n = Number(numPart);
+  if (Number.isNaN(n)) return balance;
+  const formatted = n.toFixed(2);
+  return formatted + suffix;
+}
+function weiToEtherDisplay(wei) {
+  const s = (wei || "0").trim().replace(/^0+/, "") || "0";
+  if (s === "0") return "0";
+  const padded = s.padStart(19, "0");
+  const intPart = padded.slice(0, Math.max(0, padded.length - 18));
+  const decPart = padded.slice(-18).replace(/0+$/, "");
+  const combined = decPart ? `${intPart}.${decPart}` : intPart;
+  const num = Number(combined);
+  if (Number.isNaN(num)) return wei;
+  const fixed = num.toFixed(6).replace(/\.?0+$/, "");
+  return fixed;
+}
+var POLL_INTERVAL_MS = 4e3;
+var WithdrawModal = ({
+  address = "",
+  token,
+  tokenSymbol,
+  chain,
+  amount = "",
+  balance,
+  status = "idle",
+  receiveAmount: receiveAmountProp,
+  txHash,
+  tokenOptions: tokenOptionsProp,
+  chainOptions: chainOptionsProp,
+  useMerchantApi = false,
+  orderId,
+  withdrawMode,
+  withdrawDirectResult,
+  feeDisplay,
+  fundingChainId,
+  onShowToast,
+  onAddressChange,
+  onTokenSelect,
+  onChainSelect,
+  onAmountChange,
+  onMaxClick,
+  onSubmit,
+  onWithdrawCompleted,
+  onStartAnotherWithdrawal,
+  onSignIn,
+  onClose
+}) => {
+  const session = useSession();
+  const addressInputRef = useRef(null);
+  const [addressInputFocused, setAddressInputFocused] = useState(false);
+  const [amountInputFocused, setAmountInputFocused] = useState(false);
+  const [apiChains, setApiChains] = useState(null);
+  const [apiQuote, setApiQuote] = useState(null);
+  const [withdrawOrder, setWithdrawOrder] = useState(null);
+  const [loadingChains, setLoadingChains] = useState(false);
+  const [loadingQuote, setLoadingQuote] = useState(false);
+  const tokenOptions = useMemo(() => {
+    const raw = tokenOptionsProp?.length ? tokenOptionsProp : apiChains?.length ? chainsToTokenOptions2(apiChains) : void 0;
+    if (!raw?.length) return void 0;
+    return raw;
+  }, [tokenOptionsProp, apiChains]);
+  const chainOptions = useMemo(() => {
+    if (chainOptionsProp?.length) return chainOptionsProp;
+    if (!apiChains?.length || !token) return void 0;
+    return chainsToChainOptionsForToken2(apiChains, token);
+  }, [chainOptionsProp, apiChains, token]);
+  const resolvedTokenAddress = useMemo(() => {
+    if (!apiChains?.length || !token || !chain) return void 0;
+    return getTokenAddressForChain2(apiChains, chain, token);
+  }, [apiChains, token, chain]);
+  const [directActive, setDirectActive] = useState(false);
+  useEffect(() => {
+    setDirectActive(withdrawMode === "direct" && Boolean(withdrawDirectResult));
+  }, [withdrawMode, withdrawDirectResult]);
+  const trackingWithdraw = useMemo(
+    () => Boolean(orderId) || directActive,
+    [orderId, directActive]
+  );
+  useEffect(() => {
+    if (trackingWithdraw) return;
+    const t = requestAnimationFrame(() => {
+      addressInputRef.current?.focus();
+    });
+    return () => cancelAnimationFrame(t);
+  }, [trackingWithdraw]);
+  const shouldLoadChains = useMerchantApi || Boolean(token && chain);
+  useEffect(() => {
+    if (!shouldLoadChains) return;
+    setLoadingChains(true);
+    getChains().then((res) => setApiChains(res?.chains ?? [])).finally(() => setLoadingChains(false));
+  }, [shouldLoadChains]);
+  useEffect(() => {
+    if (!apiChains?.length || !token || !chain) {
+      setApiQuote(null);
+      return;
+    }
+    const tokenAddress = getTokenAddressForChain2(apiChains, chain, token);
+    if (!tokenAddress) {
+      setApiQuote(null);
+      return;
+    }
+    const amountNum = amount && Number(amount) > 0 ? Number(amount) : 1;
+    const amountWei = String(BigInt(Math.floor(amountNum * 1e18)));
+    setLoadingQuote(true);
+    quote({
+      direction: "withdraw",
+      chain_id: chain,
+      token_address: tokenAddress,
+      dst_token_amount: amountWei
+    }).then((q) => setApiQuote(q ?? null)).catch(() => {
+      setApiQuote({
+        token_address: tokenAddress,
+        token_symbol: token,
+        token_decimals: 18,
+        rate: "1",
+        chain_id: Number(chain) || 56,
+        token_amount: amountWei,
+        expires_at: new Date(Date.now() + 6e4).toISOString()
+      });
+    }).finally(() => setLoadingQuote(false));
+  }, [apiChains, token, chain, amount]);
+  useEffect(() => {
+    if (tokenOptions?.length !== 1 || !onTokenSelect) return;
+    const onlyId = tokenOptions[0].id;
+    if (token === onlyId) return;
+    onTokenSelect(onlyId);
+  }, [tokenOptions, token, onTokenSelect]);
+  useEffect(() => {
+    if (chainOptions?.length !== 1 || !onChainSelect) return;
+    const onlyId = chainOptions[0].id;
+    if (chain === onlyId) return;
+    onChainSelect(onlyId);
+  }, [chainOptions, chain, onChainSelect]);
+  const mockWithdrawOrderState = useMemo(
+    () => ({
+      order_id: orderId ?? "",
+      status: "pending",
+      chain_id: "56",
+      dst_token_amount: "0",
+      target_chain_id: chain ?? "1",
+      target_address: address ?? "0x",
+      created_at: (/* @__PURE__ */ new Date()).toISOString(),
+      updated_at: (/* @__PURE__ */ new Date()).toISOString()
+    }),
+    [orderId, chain, address]
+  );
+  useEffect(() => {
+    if (orderId) {
+      const t = setInterval(() => {
+        getWithdrawOrder(orderId).then((order) => {
+          setWithdrawOrder(order);
+        }).catch(() => setWithdrawOrder(mockWithdrawOrderState));
+      }, POLL_INTERVAL_MS);
+      getWithdrawOrder(orderId).then(setWithdrawOrder).catch(() => setWithdrawOrder(mockWithdrawOrderState));
+      return () => clearInterval(t);
+    }
+    if (!orderId && directActive) {
+      const now = (/* @__PURE__ */ new Date()).toISOString();
+      const inferredAmountWei = (() => {
+        if (withdrawDirectResult?.dst_token_amount) return withdrawDirectResult.dst_token_amount;
+        const n = Number(amount || "0");
+        return String(n > 0 ? BigInt(Math.floor(n * 1e18)) : 0n);
+      })();
+      const synthetic = {
+        order_id: withdrawDirectResult?.order_id ?? `direct-${Date.now()}`,
+        status: withdrawDirectResult?.status ?? "pending",
+        chain_id: withdrawDirectResult?.chain_id ?? String(fundingChainId ?? "3131"),
+        dst_token_amount: inferredAmountWei,
+        fee: withdrawDirectResult?.fee ?? feeDisplay,
+        target_chain_id: withdrawDirectResult?.target_chain_id ?? (chain ?? ""),
+        target_address: withdrawDirectResult?.target_address ?? (address ?? ""),
+        funding_tx_hash: withdrawDirectResult?.funding_tx_hash ?? txHash,
+        dst_tx_hash: withdrawDirectResult?.dst_tx_hash,
+        out_tx_hash: withdrawDirectResult?.out_tx_hash,
+        created_at: withdrawDirectResult?.created_at ?? now,
+        updated_at: withdrawDirectResult?.updated_at ?? now,
+        one_time_address: withdrawDirectResult?.one_time_address
+      };
+      setWithdrawOrder(synthetic);
+      return;
+    }
+    setWithdrawOrder(null);
+  }, [orderId, directActive, withdrawDirectResult, amount, feeDisplay, chain, address, txHash, fundingChainId, onShowToast, mockWithdrawOrderState]);
+  const completedKeyRef = useRef(null);
+  const successToastKeyRef = useRef(null);
+  useEffect(() => {
+    if (withdrawOrder?.status !== "completed") return;
+    const key = orderId ?? withdrawOrder.order_id;
+    if (key && completedKeyRef.current !== key) {
+      completedKeyRef.current = key;
+      onWithdrawCompleted?.();
+    }
+    if (!trackingWithdraw) completedKeyRef.current = null;
+  }, [withdrawOrder?.status, orderId, trackingWithdraw, onWithdrawCompleted]);
+  useEffect(() => {
+    if (!withdrawOrder || withdrawOrder.status !== "completed") return;
+    const key = orderId ?? withdrawOrder.order_id;
+    if (!key) return;
+    if (successToastKeyRef.current === key) return;
+    successToastKeyRef.current = key;
+    onShowToast?.("Withdrawal completed");
+  }, [withdrawOrder, orderId, onShowToast]);
+  useEffect(() => {
+    if (!trackingWithdraw) successToastKeyRef.current = null;
+  }, [trackingWithdraw]);
+  const receiveAmount = useMemo(() => {
+    if (receiveAmountProp) {
+      const n = Number(receiveAmountProp);
+      if (!Number.isNaN(n)) return n.toFixed(2);
+      return receiveAmountProp;
+    }
+    if (!apiQuote?.token_amount || !apiQuote?.token_symbol) return void 0;
+    const amount2 = Number(apiQuote.token_amount);
+    const formatted = Number.isNaN(amount2) ? apiQuote.token_amount : amount2.toFixed(2);
+    return `\u2248 ${formatted} (wei) ${apiQuote.token_symbol}`;
+  }, [receiveAmountProp, apiQuote]);
+  const quoteExpired = useMemo(() => {
+    if (!apiQuote?.expires_at) return false;
+    try {
+      return new Date(apiQuote.expires_at).getTime() < Date.now();
+    } catch {
+      return false;
+    }
+  }, [apiQuote?.expires_at]);
+  const handleRefreshQuote = useCallback(() => {
+    if (!apiChains?.length || !token || !chain) return;
+    const tokenAddress = getTokenAddressForChain2(apiChains, chain, token);
+    if (!tokenAddress) return;
+    const amountNum = amount && Number(amount) > 0 ? Number(amount) : 1;
+    const amountWei = String(BigInt(Math.floor(amountNum * 1e18)));
+    setLoadingQuote(true);
+    quote({
+      direction: "withdraw",
+      chain_id: chain,
+      token_address: tokenAddress,
+      dst_token_amount: amountWei
+    }).then((q) => setApiQuote(q ?? null)).catch(() => {
+      setApiQuote({
+        token_address: tokenAddress,
+        token_symbol: token,
+        token_decimals: 18,
+        rate: "1",
+        chain_id: Number(chain) || 56,
+        token_amount: amountWei,
+        expires_at: new Date(Date.now() + 6e4).toISOString()
+      });
+    }).finally(() => setLoadingQuote(false));
+  }, [apiChains, token, chain, amount]);
+  const handleAmountChange = useCallback(
+    (e) => {
+      const raw = e.target.value;
+      const maxNum = balance ? parseBalanceNumber(balance) : null;
+      if (maxNum != null && raw !== "" && raw !== ".") {
+        const num = Number(raw);
+        if (!Number.isNaN(num) && num > maxNum) {
+          onAmountChange?.({
+            ...e,
+            target: { ...e.target, value: String(maxNum) }
+          });
+          return;
+        }
+      }
+      onAmountChange?.(e);
+    },
+    [balance, onAmountChange]
+  );
+  if (!session) {
+    return /* @__PURE__ */ jsx(LoginRequiredOverlay, { title: "Withdraw", onSignIn, onClose });
+  }
+  const activeStep = amount ? 3 : chain ? 2 : token ? 1 : address ? 0 : 0;
+  const canSubmit = address && token && chain && amount;
+  const isSubmitting = status !== "idle";
+  const orderInProgress = trackingWithdraw && (!withdrawOrder || withdrawOrder.status !== "completed");
+  const orderSucceeded = trackingWithdraw && withdrawOrder?.status === "completed";
+  return /* @__PURE__ */ jsxs(
+    ModalFrame2,
+    {
+      onClose,
+      contentStyle: {
+        justifyContent: "space-between",
+        padding: "24px"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 32 }, children: [
+          /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 24, fontWeight: 600, lineHeight: 1.4 }, children: "Withdraw" }) }),
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 16 }, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  opacity: trackingWithdraw ? 0 : 1,
+                  maxWidth: trackingWithdraw ? 0 : 48,
+                  overflow: "hidden",
+                  transition: "opacity 0.3s ease, max-width 0.35s ease"
+                },
+                children: /* @__PURE__ */ jsx(
+                  StepIndicator,
+                  {
+                    steps: 4,
+                    stepActive: [!!address, !!token, !!chain, !!apiQuote],
+                    activeStep
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { style: { flex: 1, position: "relative", minHeight: 400 }, children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    display: "flex",
+                    flexDirection: "column",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    gap: 12,
+                    padding: "0 16px",
+                    opacity: trackingWithdraw ? 1 : 0,
+                    maxHeight: trackingWithdraw ? 400 : 0,
+                    overflow: "hidden",
+                    pointerEvents: trackingWithdraw ? "auto" : "none",
+                    transition: "opacity 0.3s ease, max-height 0.35s ease"
+                  },
+                  children: [
+                    orderInProgress && /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        style: {
+                          display: "flex",
+                          flexDirection: "column",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          gap: 32
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                display: "inline-block",
+                                width: 60,
+                                height: 60,
+                                border: `3px solid ${colors2.border}`,
+                                borderTopColor: colors2.textPrimary,
+                                borderRadius: "50%",
+                                animation: "withdraw-modal-spin 0.8s linear infinite"
+                              },
+                              "aria-hidden": true
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              style: {
+                                fontSize: 20,
+                                fontWeight: 600,
+                                color: colors2.textPrimary,
+                                textAlign: "center",
+                                fontFamily: fonts2.family,
+                                lineHeight: 1.4
+                              },
+                              children: "Processing withdrawal..."
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    orderSucceeded && (() => {
+                      const destTxHash = withdrawOrder.dst_tx_hash ?? withdrawOrder.out_tx_hash;
+                      const targetChainName = apiChains?.find((c) => c.chain_id === withdrawOrder.target_chain_id)?.network ?? withdrawOrder.target_chain_id ?? "\u2014";
+                      const explorerUrl = destTxHash && withdrawOrder.target_chain_id ? getExplorerUrl(withdrawOrder.target_chain_id, { txId: destTxHash }) : null;
+                      const copyHash = () => {
+                        if (destTxHash && typeof navigator?.clipboard?.writeText === "function") {
+                          navigator.clipboard.writeText(destTxHash);
+                          onShowToast?.("Copied");
+                        }
+                      };
+                      return /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            flexDirection: "column",
+                            alignItems: "center",
+                            gap: 20,
+                            width: "100%",
+                            maxWidth: 412
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 24 }, children: [
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  style: {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    justifyContent: "center",
+                                    width: 60,
+                                    height: 60,
+                                    borderRadius: "50%",
+                                    color: "#22c55e",
+                                    fontSize: 40,
+                                    lineHeight: 1,
+                                    fontWeight: 700
+                                  },
+                                  "aria-hidden": true,
+                                  children: /* @__PURE__ */ jsx(SuccessIcon, {})
+                                }
+                              ),
+                              /* @__PURE__ */ jsx(
+                                "span",
+                                {
+                                  style: {
+                                    fontSize: 20,
+                                    fontWeight: 600,
+                                    color: colors2.textPrimary,
+                                    textAlign: "center",
+                                    fontFamily: fonts2.family,
+                                    lineHeight: 1.4
+                                  },
+                                  children: "Withdrawal successful"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                style: {
+                                  display: "flex",
+                                  flexDirection: "column",
+                                  gap: 4,
+                                  width: "100%"
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [
+                                    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textSecondary }, children: "Amount" }),
+                                    /* @__PURE__ */ jsxs("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: [
+                                      weiToEtherDisplay(withdrawOrder.dst_token_amount),
+                                      " ",
+                                      tokenSymbol
+                                    ] })
+                                  ] }),
+                                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [
+                                    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textSecondary }, children: "Fee" }),
+                                    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: withdrawOrder.fee ?? feeDisplay ?? "\u2014" })
+                                  ] }),
+                                  /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", height: 36 }, children: [
+                                    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textSecondary }, children: "Network" }),
+                                    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: targetChainName })
+                                  ] }),
+                                  destTxHash && /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", padding: "8px 0", minHeight: 38 }, children: [
+                                    /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textSecondary }, children: "Transaction Hash" }),
+                                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                                      explorerUrl ? /* @__PURE__ */ jsxs(
+                                        "a",
+                                        {
+                                          href: explorerUrl,
+                                          target: "_blank",
+                                          rel: "noopener noreferrer",
+                                          style: { fontSize: 14, color: colors2.textPrimary, textDecoration: "underline" },
+                                          children: [
+                                            destTxHash.slice(0, 10),
+                                            "...",
+                                            destTxHash.slice(-8)
+                                          ]
+                                        }
+                                      ) : /* @__PURE__ */ jsxs("span", { style: { fontSize: 14, color: colors2.textPrimary }, children: [
+                                        destTxHash.slice(0, 10),
+                                        "...",
+                                        destTxHash.slice(-8)
+                                      ] }),
+                                      /* @__PURE__ */ jsx(
+                                        "button",
+                                        {
+                                          type: "button",
+                                          onClick: copyHash,
+                                          "aria-label": "Copy hash",
+                                          style: {
+                                            padding: 0,
+                                            border: "none",
+                                            background: "transparent",
+                                            color: colors2.textPrimary,
+                                            cursor: "pointer",
+                                            display: "flex",
+                                            alignItems: "center",
+                                            justifyContent: "center",
+                                            width: 16,
+                                            height: 16
+                                          },
+                                          children: /* @__PURE__ */ jsx(CopyIcon2, {})
+                                        }
+                                      )
+                                    ] })
+                                  ] })
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("div", { style: { paddingTop: 24, width: "100%", display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: () => {
+                                  setDirectActive(false);
+                                  setWithdrawOrder(null);
+                                  (onStartAnotherWithdrawal ?? onClose)?.();
+                                },
+                                style: {
+                                  width: 274,
+                                  padding: "12px 0",
+                                  borderRadius: radii2.full,
+                                  border: `1px solid ${colors2.buttonDisabledBorder}`,
+                                  background: colors2.textPrimary,
+                                  color: "#121214",
+                                  fontSize: 16,
+                                  fontWeight: 500,
+                                  lineHeight: 1.4,
+                                  fontFamily: fonts2.family,
+                                  cursor: "pointer",
+                                  textAlign: "center"
+                                },
+                                children: "Start another withdrawal"
+                              }
+                            ) })
+                          ]
+                        }
+                      );
+                    })()
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  style: {
+                    opacity: trackingWithdraw ? 0 : 1,
+                    maxHeight: trackingWithdraw ? 0 : 1200,
+                    overflow: "hidden",
+                    pointerEvents: trackingWithdraw ? "none" : "auto",
+                    transition: "opacity 0.3s ease, max-height 0.35s ease"
+                  },
+                  children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 40 }, children: [
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, width: "100%" }, children: [
+                      /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: "Recipient address" }),
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            height: 44,
+                            padding: "0 16px",
+                            borderRadius: radii2.input,
+                            border: `1px solid ${addressInputFocused ? colors2.borderFocused : colors2.border}`,
+                            boxSizing: "border-box"
+                          },
+                          children: /* @__PURE__ */ jsx(
+                            "input",
+                            {
+                              ref: addressInputRef,
+                              value: address,
+                              onChange: onAddressChange,
+                              readOnly: !onAddressChange,
+                              onFocus: () => setAddressInputFocused(true),
+                              onBlur: () => setAddressInputFocused(false),
+                              spellCheck: false,
+                              placeholder: "0x",
+                              style: {
+                                flex: 1,
+                                border: "none",
+                                outline: "none",
+                                background: "transparent",
+                                color: colors2.textPrimary,
+                                fontSize: 14,
+                                fontFamily: fonts2.family,
+                                lineHeight: 1.4,
+                                padding: 0
+                              }
+                            }
+                          )
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      DropdownField,
+                      {
+                        label: "Select token",
+                        placeholder: loadingChains ? "Loading\u2026" : "Token",
+                        value: token,
+                        options: tokenOptions,
+                        onSelect: onTokenSelect
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      DropdownField,
+                      {
+                        label: "Select chain",
+                        placeholder: loadingChains ? "Loading\u2026" : "Chain",
+                        value: chain,
+                        options: chainOptions,
+                        onSelect: onChainSelect
+                      }
+                    ),
+                    apiQuote && token && chain && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        style: {
+                          padding: "12px 16px",
+                          borderRadius: radii2.card,
+                          border: `1px solid ${colors2.border}`,
+                          display: "flex",
+                          flexDirection: "column",
+                          gap: 8
+                        },
+                        children: loadingQuote ? /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: colors2.textSecondary }, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                          /* @__PURE__ */ jsxs("span", { style: { fontSize: 13, color: colors2.textSecondary }, children: [
+                            "Rate: 1 ",
+                            FUNDING_TOKEN_SYMBOL2,
+                            " = ",
+                            apiQuote.rate,
+                            " ",
+                            apiQuote.token_symbol
+                          ] }),
+                          apiQuote.expires_at && /* @__PURE__ */ jsx(
+                            Countdown,
+                            {
+                              expiresAt: apiQuote.expires_at,
+                              isExpired: quoteExpired,
+                              onExpired: handleRefreshQuote
+                            }
+                          ),
+                          quoteExpired && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                            /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#f59e0b" }, children: "Quote expired, please refresh" }),
+                            /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: handleRefreshQuote,
+                                style: {
+                                  padding: "4px 12px",
+                                  fontSize: 12,
+                                  borderRadius: radii2.pill,
+                                  border: `1px solid ${colors2.border}`,
+                                  background: "transparent",
+                                  color: colors2.textPrimary,
+                                  cursor: "pointer",
+                                  fontFamily: fonts2.family
+                                },
+                                children: "Refresh"
+                              }
+                            )
+                          ] })
+                        ] })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+                      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+                        /* @__PURE__ */ jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: "Amount" }),
+                        balance && /* @__PURE__ */ jsxs("span", { style: { fontSize: 13, lineHeight: 1.2, color: colors2.textSecondary }, children: [
+                          "Balance: \xA0",
+                          formatBalanceTo2Decimals(balance),
+                          " ",
+                          FUNDING_TOKEN_SYMBOL2
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "space-between",
+                            height: 48,
+                            padding: "0 16px",
+                            borderRadius: radii2.input,
+                            border: `1px solid ${amountInputFocused ? colors2.borderFocused : colors2.border}`,
+                            boxSizing: "border-box"
+                          },
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "input",
+                              {
+                                value: amount,
+                                onChange: handleAmountChange,
+                                onFocus: () => setAmountInputFocused(true),
+                                onBlur: () => setAmountInputFocused(false),
+                                placeholder: "0.00",
+                                type: "text",
+                                inputMode: "decimal",
+                                style: {
+                                  flex: 1,
+                                  border: "none",
+                                  outline: "none",
+                                  background: "transparent",
+                                  color: amount ? colors2.textPrimary : colors2.textSecondary,
+                                  fontSize: 14,
+                                  fontFamily: fonts2.family,
+                                  lineHeight: 1.4,
+                                  padding: 0
+                                }
+                              }
+                            ),
+                            /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                onClick: onMaxClick,
+                                style: {
+                                  background: colors2.textPrimary,
+                                  border: "none",
+                                  borderRadius: radii2.pill,
+                                  padding: "2px 8px",
+                                  fontSize: 12,
+                                  lineHeight: 1.4,
+                                  fontWeight: 400,
+                                  color: "#15181D",
+                                  fontFamily: fonts2.family,
+                                  cursor: "pointer"
+                                },
+                                children: "Max"
+                              }
+                            ) })
+                          ]
+                        }
+                      )
+                    ] }) })
+                  ] })
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { padding: "20px 20px 0", display: "flex", flexDirection: "column", gap: 10, alignItems: "center" }, id: "WithdrawModalReceiveAmount", children: [
+          !trackingWithdraw && amount && Number(amount) > 0 && /* @__PURE__ */ jsxs("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors2.textPrimary }, children: [
+            "You will receive : ",
+            receiveAmount
+          ] }),
+          orderInProgress && withdrawOrder && (() => {
+            const fundingHash = txHash ?? withdrawOrder?.funding_tx_hash;
+            const showFundingLink = fundingHash && fundingChainId;
+            try {
+              return /* @__PURE__ */ jsx("div", { style: { display: "none", flexDirection: "column", gap: 6, alignItems: "center" }, children: showFundingLink && /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: getExplorerUrl(fundingChainId, { txId: fundingHash }),
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  style: { fontSize: 13, color: colors2.textPrimary, textDecoration: "underline" },
+                  children: "Withdraw request transaction on explorer"
+                }
+              ) });
+            } catch {
+              return /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: colors2.textPrimary }, children: "Withdraw in progress." });
+            }
+          })(),
+          orderInProgress && withdrawOrder && /* @__PURE__ */ jsxs("span", { style: { fontSize: 13, color: colors2.textSecondary, display: "none", alignItems: "center", gap: 6 }, children: [
+            "Order status: ",
+            withdrawOrder.status,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  display: "inline-block",
+                  width: 10,
+                  height: 10,
+                  border: `2px solid ${colors2.textSecondary}`,
+                  borderTopColor: "transparent",
+                  borderRadius: "50%",
+                  animation: "withdraw-modal-spin 0.7s linear infinite"
+                },
+                "aria-hidden": true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("style", { children: `@keyframes withdraw-modal-spin { to { transform: rotate(360deg); } }` }),
+          orderSucceeded || trackingWithdraw ? null : /* @__PURE__ */ jsx(
+            SubmitButton,
+            {
+              disabled: !canSubmit || isSubmitting,
+              status,
+              onClick: () => {
+                try {
+                  const ret = onSubmit?.({
+                    toAddress: address,
+                    amount: amount ?? "",
+                    token: token ?? "",
+                    tokenAddress: resolvedTokenAddress ?? apiQuote?.token_address ?? "",
+                    chain: chain ?? ""
+                  });
+                  if (ret && typeof ret.then === "function") {
+                    ret.catch((err) => {
+                      const msg = err instanceof Error ? err.message : "Transaction failed";
+                      onShowToast?.(msg);
+                    });
+                  }
+                } catch (err) {
+                  const msg = err instanceof Error ? err.message : "Transaction failed";
+                  onShowToast?.(msg);
+                }
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var SubmitButton = ({ disabled, status, onClick }) => {
+  const labels = {
+    idle: disabled ? "Please fill in withdrawal information" : "Submit",
+    pending: "Processing...",
+    success: "Withdrawal successful",
+    manual_review: "Under manual review"
+  };
+  const isDisabled = disabled || status !== "idle";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      disabled: isDisabled,
+      onClick,
+      style: {
+        width: 364,
+        padding: "12px 0",
+        borderRadius: radii2.full,
+        border: isDisabled ? `1px solid ${colors2.buttonDisabledBorder}` : "none",
+        background: isDisabled ? colors2.buttonDisabledBg : colors2.textPrimary,
+        color: isDisabled ? colors2.textSecondary : "#15181D",
+        fontSize: 16,
+        fontWeight: 500,
+        lineHeight: 1.4,
+        fontFamily: fonts2.family,
+        cursor: isDisabled ? "not-allowed" : "pointer",
+        textAlign: "center"
+      },
+      children: labels[status]
+    }
+  );
+};
+
+// src/react.ts
+async function loadWalletAccountModule() {
+  return import('./account-F5Z2SMJE.js');
+}
+var WalletAccount = {
+  async getInstance(oidcToken) {
+    const { default: WalletAccount2 } = await loadWalletAccountModule();
+    return WalletAccount2.getInstance(oidcToken);
+  },
+  clearInstance() {
+    void loadWalletAccountModule().then(({ default: WalletAccount2 }) => {
+      WalletAccount2.clearInstance();
+    });
+  }
+};
+function clearSocialAccountInstance() {
+  void loadWalletAccountModule().then(({ clearSocialAccountInstance: clearSocialAccountInstance2 }) => {
+    clearSocialAccountInstance2();
+  });
+}
+
+export { DepositDetailsPanel, DepositModal, DropdownField, SignInModal, Toast, WalletAccount, WalletSelectionModal, WithdrawModal, clearSocialAccountInstance };