@agg-build/ui 1.2.2 → 1.2.4

package/dist/index.js

@@ -5686,8 +5686,7 @@ var getDefaultEventListTabs = (labels) => {
       value: import_sdk2.Venue.hyperliquid,
       label: labels.venues.hyperliquid,
       venueLogo: import_sdk2.Venue.hyperliquid,
-      venues: [import_sdk2.Venue.hyperliquid],
-      isComingSoon: true
+      venues: [import_sdk2.Venue.hyperliquid]
     }
   ];
 };
@@ -17285,7 +17284,7 @@ var renderRouteCard = ({
   var _a, _b;
   const showSplitDetails = isSelected && isExpanded && card.kind === "split" && !!((_a = card.rows) == null ? void 0 : _a.length);
   const ariaLabel = [card.label, card.hint, card.value].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
     "button",
     {
       type: "button",
@@ -17304,72 +17303,69 @@ var renderRouteCard = ({
         isSelected && !card.isUnavailable ? "border border-agg-trade-highlight-border bg-gradient-to-b from-agg-trade-highlight-surface-from to-agg-trade-highlight-surface-to" : "border-transparent bg-agg-secondary-hover"
       ),
       onClick: () => onSelect(card.id),
-      children: [
-        isSelected && !card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-card-glow pointer-events-none absolute -inset-x-px -bottom-px h-11 bg-linear-to-b from-transparent to-agg-trade-highlight-glow" }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                Icon,
-                {
-                  name: "sparkles-filled",
-                  size: "small",
-                  className: cn(
-                    "mt-0.5 h-4 w-4 shrink-0",
-                    isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
-                  ),
-                  "aria-hidden": "true"
-                }
-              ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                VenueLogo,
-                {
-                  venue: card.venue,
-                  size: "small",
-                  ariaLabel: getTradingVenueLabel(card.venue)
-                }
-              ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
-                  card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                    Icon,
-                    {
-                      name: "lock",
-                      size: "xs",
-                      className: "shrink-0 text-agg-muted-foreground",
-                      "aria-hidden": "true"
-                    }
-                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-                    Icon,
-                    {
-                      name: showSplitDetails ? "chevron-up" : "chevron-down",
-                      size: "small",
-                      className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
-                      "aria-hidden": "true"
-                    }
-                  ) : null
-                ] }),
-                card.hint ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
-              "p",
+      children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+              Icon,
               {
+                name: "sparkles-filled",
+                size: "small",
                 className: cn(
-                  "agg-route-card-value",
-                  "shrink-0 whitespace-nowrap",
-                  isSelected && !card.isUnavailable ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
+                  "mt-0.5 h-4 w-4 shrink-0",
+                  isSelected ? "text-agg-trade-highlight-accent" : "text-agg-muted-foreground/70"
                 ),
-                children: card.value
+                "aria-hidden": "true"
               }
-            )
+            ) : card.venue ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+              VenueLogo,
+              {
+                venue: card.venue,
+                size: "small",
+                ariaLabel: getTradingVenueLabel(card.venue)
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-title truncate text-agg-sm leading-agg-5 text-agg-foreground", children: card.label }),
+                card.isUnavailable ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                  Icon,
+                  {
+                    name: "lock",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+                  Icon,
+                  {
+                    name: showSplitDetails ? "chevron-up" : "chevron-down",
+                    size: "small",
+                    className: "h-4 w-4 shrink-0 text-agg-muted-foreground/50",
+                    "aria-hidden": "true"
+                  }
+                ) : null
+              ] }),
+              card.hint ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-hint text-agg-xs leading-agg-4 text-agg-muted-foreground", children: card.hint }) : null
+            ] })
           ] }),
-          showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
-          ] }) : null
-        ] })
-      ]
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
+            "p",
+            {
+              className: cn(
+                "agg-route-card-value",
+                "shrink-0 whitespace-nowrap",
+                isSelected && !card.isUnavailable ? "text-agg-lg font-agg-bold leading-agg-7 text-agg-trade-highlight-accent" : "text-agg-base leading-agg-6 text-agg-foreground"
+              ),
+              children: card.value
+            }
+          )
+        ] }),
+        showSplitDetails ? /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)(import_jsx_runtime142.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        ] }) : null
+      ] })
     }
   );
 };
@@ -18751,7 +18747,7 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? smartRoute.isFetching ? Array.from({ length: visibleRouteCards.length }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+              /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_react31.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
@@ -19953,18 +19949,20 @@ var formatChainIdLabel = (chainId) => {
 
 // src/pages/user-profile/components/available-balance-card.tsx
 var import_jsx_runtime145 = require("react/jsx-runtime");
-var CHAIN_ID_TO_ICON = {
-  "1": "ethereum",
-  "10": "ethereum",
-  // Optimism (EVM)
-  "56": "ethereum",
-  // BNB Chain (EVM)
-  "137": "polygon",
-  "324": "ethereum",
-  // zkSync (EVM)
-  "8453": "base",
-  "42161": "arbitrum",
-  "792703809": "solana"
+var BASE_URL = "https://assets.snagsolutions.io";
+var CHAIN_ID_TO_ICON_URL = {
+  "1": `${BASE_URL}/public/prediction-markets/logos/ETH.svg`,
+  "10": `${BASE_URL}/public/prediction-markets/logos/ETH.svg`,
+  // Optimism
+  "56": `${BASE_URL}/public/prediction-markets/logos/BNB.svg`,
+  "137": `${BASE_URL}/public/prediction-markets/logos/Polygon.svg`,
+  "324": `${BASE_URL}/public/web/icons/chains/zksync/colored.svg`,
+  // zkSync (no new logo)
+  "747": `${BASE_URL}/public/prediction-markets/logos/Flow.svg`,
+  "8453": `${BASE_URL}/public/prediction-markets/logos/Base.svg`,
+  "42161": `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`,
+  "2741": `${BASE_URL}/public/prediction-markets/logos/Abstract.svg`,
+  "792703809": `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
 };
 var CHAIN_VENUE_MAP = {
   "137": ["polymarket"],
@@ -19974,17 +19972,19 @@ var CHAIN_VENUE_MAP = {
   "56": ["limitless", "opinion"]
   // BNB
 };
-var chainIconName = (label2, key) => {
-  if (key && CHAIN_ID_TO_ICON[key]) return CHAIN_ID_TO_ICON[key];
+var chainIconUrl = (label2, key) => {
+  if (key && CHAIN_ID_TO_ICON_URL[key]) return CHAIN_ID_TO_ICON_URL[key];
   const k = label2.trim().toLowerCase();
-  if (k.includes("polygon")) return "polygon";
-  if (k.includes("solana")) return "solana";
-  if (k.includes("base")) return "base";
-  if (k.includes("arbitrum")) return "arbitrum";
-  if (k.includes("optimism")) return "ethereum";
-  if (k.includes("bnb")) return "ethereum";
-  if (k.includes("zksync")) return "ethereum";
-  if (k.includes("ethereum") || k.includes("eth")) return "ethereum";
+  if (k.includes("polygon")) return CHAIN_ID_TO_ICON_URL["137"];
+  if (k.includes("solana")) return CHAIN_ID_TO_ICON_URL["792703809"];
+  if (k.includes("base")) return CHAIN_ID_TO_ICON_URL["8453"];
+  if (k.includes("arbitrum")) return CHAIN_ID_TO_ICON_URL["42161"];
+  if (k.includes("bnb")) return CHAIN_ID_TO_ICON_URL["56"];
+  if (k.includes("flow")) return CHAIN_ID_TO_ICON_URL["747"];
+  if (k.includes("abstract")) return CHAIN_ID_TO_ICON_URL["2741"];
+  if (k.includes("optimism")) return CHAIN_ID_TO_ICON_URL["10"];
+  if (k.includes("zksync")) return CHAIN_ID_TO_ICON_URL["324"];
+  if (k.includes("ethereum") || k.includes("eth")) return CHAIN_ID_TO_ICON_URL["1"];
   return void 0;
 };
 var AvailableBalanceCard = ({
@@ -20036,7 +20036,7 @@ var AvailableBalanceCard = ({
                 /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: "Balance by network" }),
                 /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { role: "list", className: "agg-balance-list flex flex-col gap-3 w-full", children: chains.map((row) => {
                   var _a;
-                  const icon = chainIconName(row.label, row.key);
+                  const iconUrl = chainIconUrl(row.label, row.key);
                   return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
                     "div",
                     {
@@ -20044,7 +20044,15 @@ var AvailableBalanceCard = ({
                       className: "agg-balance-row flex items-center justify-between self-stretch gap-3 w-full",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                          icon ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: icon, size: "small", className: "text-agg-foreground" }) }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: row.label.slice(0, 2).toUpperCase() }),
+                          iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "overflow-clip flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                            "img",
+                            {
+                              src: iconUrl,
+                              alt: "",
+                              "aria-hidden": true,
+                              className: "size-full object-contain"
+                            }
+                          ) }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] border border-agg-separator text-[10px] leading-3 text-agg-muted-foreground", children: row.label.slice(0, 2).toUpperCase() }),
                           /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: row.label })
                         ] }),
                         /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "w-[100px] shrink-0 whitespace-nowrap text-right tabular-nums font-agg-sans text-agg-sm leading-agg-5 font-agg-bold text-agg-foreground", children: row.balance.toLocaleString("en-US", {
@@ -20077,24 +20085,24 @@ var AvailableBalanceCard = ({
                   className: "agg-balance-trigger flex min-h-[20px] min-w-[20px] items-center gap-1 rounded-[6px] border-0 bg-agg-secondary-hover p-1.5",
                   children: [
                     (chains.slice(0, 4).length > 0 ? chains.slice(0, 4) : [{ key: "placeholder", label: "", balance: 0, accountCount: 0 }]).map((row) => {
-                      const icon = chainIconName(row.label, row.key);
-                      return icon ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
+                      const iconUrl = chainIconUrl(row.label, row.key);
+                      return iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         "span",
                         {
-                          className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Icon, { name: icon, size: "small", className: "text-agg-foreground" })
+                          className: "overflow-clip relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary",
+                          children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("img", { src: iconUrl, alt: row.label, className: "size-full object-contain" })
                         },
                         `icon-${row.key}`
                       ) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
                         "span",
                         {
-                          className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary text-[10px] leading-3 text-agg-muted-foreground",
+                          className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary text-[10px] leading-3 text-agg-muted-foreground",
                           children: row.label ? row.label.slice(0, 2).toUpperCase() : ""
                         },
                         `icon-${row.key}`
                       );
                     }),
-                    chains.length > 4 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary font-agg-sans text-[10px] leading-3 text-agg-muted-foreground", children: [
+                    chains.length > 4 ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "relative flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px] bg-agg-secondary font-agg-sans text-[10px] leading-3 text-agg-muted-foreground", children: [
                       "+",
                       chains.length - 4
                     ] }) : null
@@ -22243,7 +22251,7 @@ var UserProfilePage = ({
           const currentPriceCents = typeof displayCurrentPrice === "number" ? Math.round(displayCurrentPrice * 100) : null;
           const pnlPrefix = (displayPnlValue != null ? displayPnlValue : 0) >= 0 ? "+" : "";
           const pnlPercent = displayPnlPercent == null ? null : displayPnlPercent.toFixed(2);
-          const winningOutcomeIds = outcome.winner === true ? outcome.venueBreakdown.map((breakdown) => breakdown.venueMarketOutcomeId).filter((id) => !!id) : [];
+          const winningOutcomeIds = outcome.winner === true ? outcome.venueBreakdown.map((breakdown) => breakdown.venueMarketOutcomeId) : [];
           return {
             id: `${group.targetMarketId}-${outcome.label}-${(_a2 = outcome.title) != null ? _a2 : ""}`,
             eventId,
@@ -22474,40 +22482,51 @@ var UserProfilePage = ({
 UserProfilePage.displayName = "UserProfilePage";
 
 // src/deposit/index.tsx
-var import_react42 = require("react");
+var import_react40 = require("react");
 var import_hooks69 = require("@agg-build/hooks");
 var import_deposit = require("@agg-build/hooks/deposit");
 
 // src/shared/constants.ts
-var import_react38 = __toESM(require("react"));
 var USDC = {
   value: "USDC",
   label: "USDC",
   iconUrl: "https://assets.snagsolutions.io/public/web/icons/usdc.svg"
 };
 var SUPPORTED_NETWORKS = [
+  {
+    value: "abstract",
+    label: "Abstract",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Abstract.svg",
+    tokens: [USDC]
+  },
   {
     value: "arbitrum",
     label: "Arbitrum One",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/arbitrum/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Arbitrum.svg",
     tokens: [USDC]
   },
   {
     value: "base",
     label: "Base",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/base/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Base.svg",
     tokens: [USDC]
   },
   {
     value: "bnb",
     label: "BNB Chain",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/bnb/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/BNB.svg",
+    tokens: [USDC]
+  },
+  {
+    value: "flow",
+    label: "Flow",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Flow.svg",
     tokens: [USDC]
   },
   {
     value: "mainnet",
     label: "Ethereum",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/eth/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/ETH.svg",
     tokens: [USDC]
   },
   {
@@ -22519,13 +22538,13 @@ var SUPPORTED_NETWORKS = [
   {
     value: "polygon",
     label: "Polygon Mainnet",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/polygon/colored.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Polygon.svg",
     tokens: [USDC]
   },
   {
     value: "solana",
     label: "Solana",
-    iconUrl: "https://assets.snagsolutions.io/public/web/icons/chains/solana/dark.svg",
+    iconUrl: "https://assets.snagsolutions.io/public/prediction-markets/logos/Solana.svg",
     tokens: [USDC]
   },
   {
@@ -22536,15 +22555,11 @@ var SUPPORTED_NETWORKS = [
   }
 ];
 var mapNetworksToOptions = () => {
-  return SUPPORTED_NETWORKS.map((n) => {
-    const Component2 = CHAIN_ICON_COMPONENTS[n.value];
-    return {
-      value: n.value,
-      label: n.label,
-      iconUrl: n.iconUrl,
-      icon: Component2 ? import_react38.default.createElement(Component2) : void 0
-    };
-  });
+  return SUPPORTED_NETWORKS.map((n) => ({
+    value: n.value,
+    label: n.label,
+    iconUrl: n.iconUrl
+  }));
 };
 var DEFAULT_CURRENCY_OPTIONS = [
   {
@@ -22599,27 +22614,19 @@ var CHAIN_ID_TO_SLUG = {
   "56": "bnb",
   "137": "polygon",
   "324": "zksync",
+  "747": "flow",
   "8453": "base",
   "42161": "arbitrum",
+  "2741": "abstract",
   "792703809": "solana"
 };
-var CHAIN_ICON_COMPONENTS = {
-  mainnet: EthereumIcon,
-  polygon: PolygonIcon,
-  base: BaseIcon,
-  arbitrum: ArbitrumIcon,
-  solana: SolanaIcon,
-  bnb: BnbIcon
-};
 var withNetworkIcons = (options) => {
   const bySlug = new Map(SUPPORTED_NETWORKS.map((n) => [n.value, n.iconUrl]));
   return options.map((o) => {
-    var _a, _b, _c;
+    var _a, _b;
     const slug = (_a = CHAIN_ID_TO_SLUG[o.value]) != null ? _a : o.value;
-    const Component2 = CHAIN_ICON_COMPONENTS[slug];
     return __spreadProps(__spreadValues({}, o), {
-      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug),
-      icon: (_c = o.icon) != null ? _c : Component2 ? import_react38.default.createElement(Component2) : void 0
+      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug)
     });
   });
 };
@@ -22642,13 +22649,29 @@ var mergeSelectOptionsUnique = (base, fill) => {
 };
 
 // src/deposit/deposit-modal.constants.ts
-var import_react39 = __toESM(require("react"));
+var BASE_URL2 = "https://assets.snagsolutions.io";
 var CARD_NETWORK_OPTIONS = [
-  { value: "ethereum", label: "Ethereum", icon: import_react39.default.createElement(EthereumIcon) },
-  { value: "arbitrum", label: "Arbitrum", icon: import_react39.default.createElement(ArbitrumIcon) },
-  { value: "base", label: "Base", icon: import_react39.default.createElement(BaseIcon) },
-  { value: "solana", label: "Solana", icon: import_react39.default.createElement(SolanaIcon) },
-  { value: "polygon", label: "Polygon", icon: import_react39.default.createElement(PolygonIcon) }
+  {
+    value: "ethereum",
+    label: "Ethereum",
+    iconUrl: `${BASE_URL2}/public/prediction-markets/logos/ETH.svg`
+  },
+  {
+    value: "arbitrum",
+    label: "Arbitrum",
+    iconUrl: `${BASE_URL2}/public/prediction-markets/logos/Arbitrum.svg`
+  },
+  { value: "base", label: "Base", iconUrl: `${BASE_URL2}/public/prediction-markets/logos/Base.svg` },
+  {
+    value: "solana",
+    label: "Solana",
+    iconUrl: `${BASE_URL2}/public/prediction-markets/logos/Solana.svg`
+  },
+  {
+    value: "polygon",
+    label: "Polygon",
+    iconUrl: `${BASE_URL2}/public/prediction-markets/logos/Polygon.svg`
+  }
 ];
 var NETWORK_TO_CURRENCY_CODE = {
   ethereum: "USDC",
@@ -22761,7 +22784,7 @@ var DepositMethodStep = ({
 
 // src/deposit/steps/card-deposit.tsx
 var import_hooks61 = require("@agg-build/hooks");
-var import_react40 = require("react");
+var import_react38 = require("react");
 var import_jsx_runtime154 = require("react/jsx-runtime");
 var CardDepositStep = ({
   amount,
@@ -22779,8 +22802,8 @@ var CardDepositStep = ({
   onContinue
 }) => {
   const labels = (0, import_hooks61.useLabels)();
-  const [localAmount, setLocalAmount] = (0, import_react40.useState)(amount);
-  (0, import_react40.useEffect)(() => {
+  const [localAmount, setLocalAmount] = (0, import_react38.useState)(amount);
+  (0, import_react38.useEffect)(() => {
     setLocalAmount(amount);
   }, [amount]);
   const numericAmount = Number(localAmount) || 0;
@@ -23450,7 +23473,7 @@ var CardPurchaseSuccessStep = ({
 
 // src/deposit/steps/wallet-processing.tsx
 var import_hooks67 = require("@agg-build/hooks");
-var import_react41 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime161 = require("react/jsx-runtime");
 var WalletProcessingStep = ({
   steps,
@@ -23458,7 +23481,7 @@ var WalletProcessingStep = ({
   onComplete
 }) => {
   const labels = (0, import_hooks67.useLabels)();
-  (0, import_react41.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     const allDone = steps.length > 0 && steps.every((s) => s.status === "complete");
     if (allDone) {
       onComplete();
@@ -23628,28 +23651,28 @@ function DepositModalControlled({
   const { walletActions } = (0, import_hooks69.useAggUiConfig)();
   const labels = (0, import_hooks69.useLabels)();
   const defaultMethod = isWeb3User ? "wallet" : "crypto";
-  const [step, setStep] = (0, import_react42.useState)(
+  const [step, setStep] = (0, import_react40.useState)(
     () => pendingCardPurchaseSummary ? "card-success" : "method"
   );
-  const [highlightedMethod, setHighlightedMethod] = (0, import_react42.useState)(defaultMethod);
-  const walletSubmitInFlightRef = (0, import_react42.useRef)(false);
-  const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react42.useState)(false);
-  const [cardProviders, setCardProviders] = (0, import_react42.useState)([]);
-  const [quotesLoading, setQuotesLoading] = (0, import_react42.useState)(false);
-  const [quotesError, setQuotesError] = (0, import_react42.useState)(null);
-  const [sessionError, setSessionError] = (0, import_react42.useState)(null);
-  const [pendingProviderName, setPendingProviderName] = (0, import_react42.useState)("");
-  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react42.useState)("");
-  (0, import_react42.useEffect)(() => {
+  const [highlightedMethod, setHighlightedMethod] = (0, import_react40.useState)(defaultMethod);
+  const walletSubmitInFlightRef = (0, import_react40.useRef)(false);
+  const [isWalletSubmitting, setIsWalletSubmitting] = (0, import_react40.useState)(false);
+  const [cardProviders, setCardProviders] = (0, import_react40.useState)([]);
+  const [quotesLoading, setQuotesLoading] = (0, import_react40.useState)(false);
+  const [quotesError, setQuotesError] = (0, import_react40.useState)(null);
+  const [sessionError, setSessionError] = (0, import_react40.useState)(null);
+  const [pendingProviderName, setPendingProviderName] = (0, import_react40.useState)("");
+  const [pendingProviderWalletAddress, setPendingProviderWalletAddress] = (0, import_react40.useState)("");
+  (0, import_react40.useEffect)(() => {
     if (pendingCardPurchaseSummary) {
       clearPendingCardSession();
       setStep("card-success");
     }
   }, [pendingCardPurchaseSummary]);
-  const [walletChainId, setWalletChainId] = (0, import_react42.useState)("");
-  const [walletToken, setWalletToken] = (0, import_react42.useState)("");
-  const [sendChainId, setSendChainId] = (0, import_react42.useState)("");
-  const [sendToken, setSendToken] = (0, import_react42.useState)("");
+  const [walletChainId, setWalletChainId] = (0, import_react40.useState)("");
+  const [walletToken, setWalletToken] = (0, import_react40.useState)("");
+  const [sendChainId, setSendChainId] = (0, import_react40.useState)("");
+  const [sendToken, setSendToken] = (0, import_react40.useState)("");
   const {
     isReady,
     isTimedOut,
@@ -23657,14 +23680,14 @@ function DepositModalControlled({
     supportedChains,
     getAddress
   } = (0, import_hooks69.useDepositAddresses)({ enabled: open });
-  const fallbackNetworkOptions = (0, import_react42.useMemo)(() => mapNetworksToOptions(), []);
-  const networkOptions = (0, import_react42.useMemo)(() => {
+  const fallbackNetworkOptions = (0, import_react40.useMemo)(() => mapNetworksToOptions(), []);
+  const networkOptions = (0, import_react40.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length)) return fallbackNetworkOptions;
     return withNetworkIcons(
       supportedChains.map((c) => ({ value: String(c.chainId), label: c.name }))
     );
   }, [supportedChains, fallbackNetworkOptions]);
-  const walletNetworkOptions = (0, import_react42.useMemo)(() => {
+  const walletNetworkOptions = (0, import_react40.useMemo)(() => {
     if (!(supportedChains == null ? void 0 : supportedChains.length) || !connectedWalletKind) return networkOptions;
     const filtered = supportedChains.filter(
       (c) => connectedWalletKind === "solana" ? import_deposit.SVM_CHAIN_IDS.has(c.chainId) : !import_deposit.SVM_CHAIN_IDS.has(c.chainId)
@@ -23672,17 +23695,17 @@ function DepositModalControlled({
     if (filtered.length === 0) return networkOptions;
     return withNetworkIcons(filtered.map((c) => ({ value: String(c.chainId), label: c.name })));
   }, [supportedChains, networkOptions, connectedWalletKind]);
-  const walletTokenOptions = (0, import_react42.useMemo)(() => {
+  const walletTokenOptions = (0, import_react40.useMemo)(() => {
     const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === walletChainId);
     if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
     return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
   }, [supportedChains, walletChainId]);
-  const sendTokenOptions = (0, import_react42.useMemo)(() => {
+  const sendTokenOptions = (0, import_react40.useMemo)(() => {
     const chain = supportedChains == null ? void 0 : supportedChains.find((c) => String(c.chainId) === sendChainId);
     if (!chain) return withTokenIcons(DEFAULT_CURRENCY_OPTIONS);
     return withTokenIcons(chain.tokens.map((t) => ({ value: t.symbol, label: t.symbol })));
   }, [supportedChains, sendChainId]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (walletNetworkOptions.length > 0) {
       if (!walletChainId || !walletNetworkOptions.some((o) => o.value === walletChainId)) {
         const preferred = initialWalletChainId && walletNetworkOptions.some((o) => o.value === initialWalletChainId) ? initialWalletChainId : walletNetworkOptions[0].value;
@@ -23690,25 +23713,25 @@ function DepositModalControlled({
       }
     }
   }, [walletNetworkOptions, walletChainId, initialWalletChainId]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (networkOptions.length > 0) {
       if (!sendChainId || !networkOptions.some((o) => o.value === sendChainId)) {
         setSendChainId(networkOptions[0].value);
       }
     }
   }, [networkOptions, sendChainId]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (walletTokenOptions.length > 0) setWalletToken(walletTokenOptions[0].value);
   }, [walletTokenOptions]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (sendTokenOptions.length > 0) setSendToken(sendTokenOptions[0].value);
   }, [sendTokenOptions]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (walletChainId) {
       onWalletNetworkChange == null ? void 0 : onWalletNetworkChange(walletChainId);
     }
   }, [walletChainId, onWalletNetworkChange]);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (walletToken) {
       onWalletTokenChange == null ? void 0 : onWalletTokenChange(walletToken);
     }
@@ -23727,7 +23750,7 @@ function DepositModalControlled({
     fromWallet: walletFlow.walletLabel,
     gasFee: ""
   }, walletFlow.successSummary);
-  (0, import_react42.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     if (step === "wallet-processing" && !isWalletSubmitting && walletFlow.transactionStatus === "settled") {
       setStep("wallet-success");
     }
@@ -24053,7 +24076,7 @@ var DepositModal = (props) => {
 DepositModal.displayName = "DepositModal";
 
 // src/withdraw/index.tsx
-var import_react44 = require("react");
+var import_react42 = require("react");
 var import_withdraw2 = require("@agg-build/hooks/withdraw");
 
 // src/withdraw/steps/withdraw-method.tsx
@@ -24243,7 +24266,7 @@ var WithdrawAmountStep = ({
 };
 
 // src/withdraw/steps/withdraw-success.tsx
-var import_react43 = require("react");
+var import_react41 = require("react");
 var import_hooks72 = require("@agg-build/hooks");
 var import_withdraw = require("@agg-build/hooks/withdraw");
 
@@ -24377,7 +24400,7 @@ var WithdrawSuccessStep = ({
     features: { enableAnimations }
   } = (0, import_hooks72.useSdkUiConfig)();
   const { state } = (0, import_withdraw.useWithdrawalLifecycle)(withdrawalId);
-  const [isTimelineExpanded, setIsTimelineExpanded] = (0, import_react43.useState)(true);
+  const [isTimelineExpanded, setIsTimelineExpanded] = (0, import_react41.useState)(true);
   const walletFlowLabels = labels.withdraw.walletFlow;
   const { groups, finalStep, hasDetails } = buildWithdrawalLifecycleSteps({
     pending: state.pending,
@@ -24385,7 +24408,7 @@ var WithdrawSuccessStep = ({
     legs: state.legs,
     walletFlowLabels
   });
-  (0, import_react43.useEffect)(() => {
+  (0, import_react41.useEffect)(() => {
     if (!state.terminal) return;
     if (state.status !== "completed") return;
     const timer = window.setTimeout(() => onClose(), 1500);
@@ -24577,10 +24600,10 @@ function WithdrawModalControlled({
   onSelectWithdrawProvider,
   onDoneWithdraw
 }) {
-  const [step, setStep] = (0, import_react44.useState)("method");
-  const [isConfirming, setIsConfirming] = (0, import_react44.useState)(false);
-  const [confirmError, setConfirmError] = (0, import_react44.useState)(null);
-  (0, import_react44.useEffect)(() => {
+  const [step, setStep] = (0, import_react42.useState)("method");
+  const [isConfirming, setIsConfirming] = (0, import_react42.useState)(false);
+  const [confirmError, setConfirmError] = (0, import_react42.useState)(null);
+  (0, import_react42.useEffect)(() => {
     if (!open) {
       setStep("method");
       setIsConfirming(false);
@@ -24663,7 +24686,7 @@ var WithdrawModal = (props) => {
 WithdrawModal.displayName = "WithdrawModal";
 
 // src/onboarding/index.tsx
-var import_react49 = require("react");
+var import_react47 = require("react");
 var import_hooks78 = require("@agg-build/hooks");
 var Dialog6 = __toESM(require("@radix-ui/react-dialog"));
 
@@ -24683,7 +24706,7 @@ var ONBOARDING_STEPS = {
 var ONCHAIN_VENUES = [import_sdk19.Venue.polymarket, import_sdk19.Venue.opinion, import_sdk19.Venue.predict];
 
 // src/onboarding/steps/how-it-works.tsx
-var import_react45 = require("react");
+var import_react43 = require("react");
 var import_hooks73 = require("@agg-build/hooks");
 var import_jsx_runtime168 = require("react/jsx-runtime");
 var defaultIcons = {
@@ -24694,10 +24717,10 @@ var defaultIcons = {
 };
 var HowItWorksStep = ({ onContinue, icons }) => {
   const labels = (0, import_hooks73.useLabels)();
-  const scrollRef = (0, import_react45.useRef)(null);
-  const [showTopGradient, setShowTopGradient] = (0, import_react45.useState)(false);
-  const [showBottomGradient, setShowBottomGradient] = (0, import_react45.useState)(true);
-  const handleScroll = (0, import_react45.useCallback)(() => {
+  const scrollRef = (0, import_react43.useRef)(null);
+  const [showTopGradient, setShowTopGradient] = (0, import_react43.useState)(false);
+  const [showBottomGradient, setShowBottomGradient] = (0, import_react43.useState)(true);
+  const handleScroll = (0, import_react43.useCallback)(() => {
     const el = scrollRef.current;
     if (!el) return;
     setShowTopGradient(el.scrollTop > 0);
@@ -24766,20 +24789,20 @@ var HowItWorksStep = ({ onContinue, icons }) => {
 HowItWorksStep.displayName = "HowItWorksStep";
 
 // src/onboarding/steps/profile-setup.tsx
-var import_react46 = require("react");
+var import_react44 = require("react");
 var import_hooks74 = require("@agg-build/hooks");
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var ProfileSetupStep = ({ onContinue }) => {
   const labels = (0, import_hooks74.useLabels)();
-  const [username, setUsername] = (0, import_react46.useState)("");
-  const [avatarFile, setAvatarFile] = (0, import_react46.useState)();
-  const [avatarPreview, setAvatarPreview] = (0, import_react46.useState)();
-  const fileInputRef = (0, import_react46.useRef)(null);
-  const handleAvatarClick = (0, import_react46.useCallback)(() => {
+  const [username, setUsername] = (0, import_react44.useState)("");
+  const [avatarFile, setAvatarFile] = (0, import_react44.useState)();
+  const [avatarPreview, setAvatarPreview] = (0, import_react44.useState)();
+  const fileInputRef = (0, import_react44.useRef)(null);
+  const handleAvatarClick = (0, import_react44.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react46.useCallback)((e) => {
+  const handleFileChange = (0, import_react44.useCallback)((e) => {
     var _a;
     const file = (_a = e.target.files) == null ? void 0 : _a[0];
     if (!file) return;
@@ -24791,7 +24814,7 @@ var ProfileSetupStep = ({ onContinue }) => {
     };
     reader.readAsDataURL(file);
   }, []);
-  const handleContinue = (0, import_react46.useCallback)(() => {
+  const handleContinue = (0, import_react44.useCallback)(() => {
     onContinue({
       username,
       avatarFile,
@@ -25033,7 +25056,7 @@ ConnectAccountsStep.displayName = "ConnectAccountsStep";
 
 // src/onboarding/steps/connect-kalshi-modal.tsx
 var import_sdk21 = require("@agg-build/sdk");
-var import_react47 = require("react");
+var import_react45 = require("react");
 var import_hooks76 = require("@agg-build/hooks");
 var Dialog4 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime171 = require("react/jsx-runtime");
@@ -25043,15 +25066,15 @@ var ConnectKalshiModal = ({
   onVerify
 }) => {
   const labels = (0, import_hooks76.useLabels)();
-  const [apiKeyId, setApiKeyId] = (0, import_react47.useState)("");
-  const [privateKey, setPrivateKey] = (0, import_react47.useState)("");
-  const [verifying, setVerifying] = (0, import_react47.useState)(false);
-  const [error, setError] = (0, import_react47.useState)();
+  const [apiKeyId, setApiKeyId] = (0, import_react45.useState)("");
+  const [privateKey, setPrivateKey] = (0, import_react45.useState)("");
+  const [verifying, setVerifying] = (0, import_react45.useState)(false);
+  const [error, setError] = (0, import_react45.useState)();
   const canVerify = apiKeyId.trim().length > 0 && privateKey.trim().length > 0;
-  const handleCancel = (0, import_react47.useCallback)(() => {
+  const handleCancel = (0, import_react45.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleVerify = (0, import_react47.useCallback)(() => __async(null, null, function* () {
+  const handleVerify = (0, import_react45.useCallback)(() => __async(null, null, function* () {
     if (!canVerify || verifying) return;
     setVerifying(true);
     setError(void 0);
@@ -25080,7 +25103,7 @@ var ConnectKalshiModal = ({
     privateKey,
     verifying
   ]);
-  const handleOpenChange = (0, import_react47.useCallback)(
+  const handleOpenChange = (0, import_react45.useCallback)(
     (value) => {
       if (value) {
         setApiKeyId("");
@@ -25283,7 +25306,7 @@ var ConnectKalshiModal = ({
 ConnectKalshiModal.displayName = "ConnectKalshiModal";
 
 // src/onboarding/steps/connect-onchain-modal.tsx
-var import_react48 = require("react");
+var import_react46 = require("react");
 var import_hooks77 = require("@agg-build/hooks");
 var Dialog5 = __toESM(require("@radix-ui/react-dialog"));
 var import_jsx_runtime172 = require("react/jsx-runtime");
@@ -25293,12 +25316,12 @@ var ConnectOnchainModal = ({
   onConnect
 }) => {
   const labels = (0, import_hooks77.useLabels)();
-  const [connecting, setConnecting] = (0, import_react48.useState)(false);
-  const [error, setError] = (0, import_react48.useState)();
-  const handleCancel = (0, import_react48.useCallback)(() => {
+  const [connecting, setConnecting] = (0, import_react46.useState)(false);
+  const [error, setError] = (0, import_react46.useState)();
+  const handleCancel = (0, import_react46.useCallback)(() => {
     onOpenChange(false);
   }, [onOpenChange]);
-  const handleConnect = (0, import_react48.useCallback)(() => __async(null, null, function* () {
+  const handleConnect = (0, import_react46.useCallback)(() => __async(null, null, function* () {
     if (connecting) return;
     setConnecting(true);
     setError(void 0);
@@ -25313,7 +25336,7 @@ var ConnectOnchainModal = ({
       setConnecting(false);
     }
   }), [connecting, labels.onboarding.connectOnchainModal.fallbackError, onConnect, onOpenChange]);
-  const handleOpenChange = (0, import_react48.useCallback)(
+  const handleOpenChange = (0, import_react46.useCallback)(
     (value) => {
       if (value) {
         setError(void 0);
@@ -25405,48 +25428,48 @@ var OnboardingModal = ({
 }) => {
   var _a;
   const labels = (0, import_hooks78.useLabels)();
-  const [step, setStep] = (0, import_react49.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
+  const [step, setStep] = (0, import_react47.useState)(ONBOARDING_STEPS.HOW_IT_WORKS);
   const stepLabels = {
     [ONBOARDING_STEPS.HOW_IT_WORKS]: labels.onboarding.modal.stepHowItWorks,
     [ONBOARDING_STEPS.PROFILE_SETUP]: labels.onboarding.modal.stepProfileSetup,
     [ONBOARDING_STEPS.CONNECT_ACCOUNTS]: labels.onboarding.modal.stepConnectAccounts
   };
   const resolvedTitle = (_a = stepLabels[step]) != null ? _a : labels.onboarding.modal.title;
-  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react49.useState)(false);
-  const [kalshiConnected, setKalshiConnected] = (0, import_react49.useState)(false);
-  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react49.useState)(false);
-  const [onchainConnected, setOnchainConnected] = (0, import_react49.useState)(false);
-  (0, import_react49.useEffect)(() => {
+  const [kalshiModalOpen, setKalshiModalOpen] = (0, import_react47.useState)(false);
+  const [kalshiConnected, setKalshiConnected] = (0, import_react47.useState)(false);
+  const [onchainModalOpen, setOnchainModalOpen] = (0, import_react47.useState)(false);
+  const [onchainConnected, setOnchainConnected] = (0, import_react47.useState)(false);
+  (0, import_react47.useEffect)(() => {
     if (open) {
       setStep(ONBOARDING_STEPS.HOW_IT_WORKS);
       setKalshiConnected(false);
       setOnchainConnected(false);
     }
   }, [open]);
-  const handleHowItWorksContinue = (0, import_react49.useCallback)(() => {
+  const handleHowItWorksContinue = (0, import_react47.useCallback)(() => {
     setStep(ONBOARDING_STEPS.PROFILE_SETUP);
   }, []);
-  const handleProfileContinue = (0, import_react49.useCallback)(
+  const handleProfileContinue = (0, import_react47.useCallback)(
     (data) => {
       onProfileSubmit == null ? void 0 : onProfileSubmit(data);
       setStep(ONBOARDING_STEPS.CONNECT_ACCOUNTS);
     },
     [onProfileSubmit]
   );
-  const handleConnectContinue = (0, import_react49.useCallback)(() => {
+  const handleConnectContinue = (0, import_react47.useCallback)(() => {
     onComplete == null ? void 0 : onComplete();
   }, [onComplete]);
-  const handleOpenOnchainModal = (0, import_react49.useCallback)(() => {
+  const handleOpenOnchainModal = (0, import_react47.useCallback)(() => {
     setOnchainModalOpen(true);
   }, []);
-  const handleOnchainConnect = (0, import_react49.useCallback)(() => __async(null, null, function* () {
+  const handleOnchainConnect = (0, import_react47.useCallback)(() => __async(null, null, function* () {
     yield onConnectOnchain == null ? void 0 : onConnectOnchain();
     setOnchainConnected(true);
   }), [onConnectOnchain]);
-  const handleOpenKalshiModal = (0, import_react49.useCallback)(() => {
+  const handleOpenKalshiModal = (0, import_react47.useCallback)(() => {
     setKalshiModalOpen(true);
   }, []);
-  const handleKalshiVerify = (0, import_react49.useCallback)(
+  const handleKalshiVerify = (0, import_react47.useCallback)(
     (credentials) => __async(null, null, function* () {
       yield onConnectKalshi == null ? void 0 : onConnectKalshi(credentials);
       setKalshiConnected(true);
@@ -25501,7 +25524,7 @@ OnboardingModal.displayName = "OnboardingModal";
 
 // src/profile/index.tsx
 var import_sdk22 = require("@agg-build/sdk");
-var import_react52 = require("react");
+var import_react50 = require("react");
 var import_hooks81 = require("@agg-build/hooks");
 
 // src/profile/profile-modal.constants.ts
@@ -25519,7 +25542,7 @@ var PROFILE_TAB_ITEMS = [
 ];
 
 // src/profile/tabs/about-tab.tsx
-var import_react50 = require("react");
+var import_react48 = require("react");
 var import_hooks79 = require("@agg-build/hooks");
 var import_jsx_runtime174 = require("react/jsx-runtime");
 var AboutTab = ({
@@ -25532,12 +25555,12 @@ var AboutTab = ({
   avatarError: _avatarError
 }) => {
   const labels = (0, import_hooks79.useLabels)();
-  const fileInputRef = (0, import_react50.useRef)(null);
-  const handleAvatarClick = (0, import_react50.useCallback)(() => {
+  const fileInputRef = (0, import_react48.useRef)(null);
+  const handleAvatarClick = (0, import_react48.useCallback)(() => {
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   }, []);
-  const handleFileChange = (0, import_react50.useCallback)(
+  const handleFileChange = (0, import_react48.useCallback)(
     (e) => {
       var _a;
       const file = (_a = e.target.files) == null ? void 0 : _a[0];
@@ -25651,7 +25674,7 @@ var AboutTab = ({
 AboutTab.displayName = "AboutTab";
 
 // src/profile/tabs/accounts-wallets-tab.tsx
-var import_react51 = require("react");
+var import_react49 = require("react");
 var import_hooks80 = require("@agg-build/hooks");
 var import_jsx_runtime175 = require("react/jsx-runtime");
 var SectionTitle = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime175.jsx)("h3", { className: "text-agg-sm font-agg-bold leading-agg-5 text-agg-foreground", children });
@@ -25688,13 +25711,13 @@ var DisconnectTextButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runti
 var TRADING_ACCESS_VENUES = ["kalshi", "polymarket", "opinion", "predict"];
 var VerifyIdentityButton = ({ onError }) => {
   const client = (0, import_hooks80.useAggClient)();
-  const [isInitiating, setIsInitiating] = (0, import_react51.useState)(false);
-  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react51.useState)(false);
+  const [isInitiating, setIsInitiating] = (0, import_react49.useState)(false);
+  const [needsDepositAddress, setNeedsDepositAddress] = (0, import_react49.useState)(false);
   const { isReady, isTimedOut } = (0, import_hooks80.useDepositAddresses)({
     enabled: needsDepositAddress,
     poll: true
   });
-  (0, import_react51.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!isInitiating || !isReady) return;
     const redirectUri = window.location.href;
     client.initiateKyc("kalshi", redirectUri).then((res) => {
@@ -25708,14 +25731,14 @@ var VerifyIdentityButton = ({ onError }) => {
       setNeedsDepositAddress(false);
     });
   }, [isReady, isInitiating, client, onError]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (isTimedOut && isInitiating) {
       setIsInitiating(false);
       setNeedsDepositAddress(false);
       onError == null ? void 0 : onError(new Error("Deposit address provisioning timed out"));
     }
   }, [isTimedOut, isInitiating, onError]);
-  const handleClick = (0, import_react51.useCallback)(() => {
+  const handleClick = (0, import_react49.useCallback)(() => {
     setIsInitiating(true);
     setNeedsDepositAddress(true);
   }, []);
@@ -25880,18 +25903,18 @@ var ProfileModal = ({
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const client = (0, import_hooks81.useAggClient)();
   const { user, startAuth } = (0, import_hooks81.useAggAuthState)();
-  const [activeTab, setActiveTab] = (0, import_react52.useState)(PROFILE_TAB_KEYS.ABOUT);
+  const [activeTab, setActiveTab] = (0, import_react50.useState)(PROFILE_TAB_KEYS.ABOUT);
   const resolvedInitialUsername = (_a = username != null ? username : user == null ? void 0 : user.username) != null ? _a : "";
-  const [draftUsername, setDraftUsername] = (0, import_react52.useState)(resolvedInitialUsername);
-  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react52.useState)();
-  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react52.useState)();
-  const [isSaving, setIsSaving] = (0, import_react52.useState)(false);
-  const [avatarTypeError, setAvatarTypeError] = (0, import_react52.useState)(null);
-  (0, import_react52.useEffect)(() => {
+  const [draftUsername, setDraftUsername] = (0, import_react50.useState)(resolvedInitialUsername);
+  const [draftAvatarFile, setDraftAvatarFile] = (0, import_react50.useState)();
+  const [draftAvatarPreview, setDraftAvatarPreview] = (0, import_react50.useState)();
+  const [isSaving, setIsSaving] = (0, import_react50.useState)(false);
+  const [avatarTypeError, setAvatarTypeError] = (0, import_react50.useState)(null);
+  (0, import_react50.useEffect)(() => {
     var _a2;
     setDraftUsername((_a2 = username != null ? username : user == null ? void 0 : user.username) != null ? _a2 : "");
   }, [username, user == null ? void 0 : user.username]);
-  const handleOpenChange = (0, import_react52.useCallback)(
+  const handleOpenChange = (0, import_react50.useCallback)(
     (isOpen) => {
       var _a2;
       if (!isOpen) {
@@ -25915,7 +25938,7 @@ var ProfileModal = ({
       setDraftAvatarPreview
     ]
   );
-  const handleDraftAvatarChange = (0, import_react52.useCallback)(
+  const handleDraftAvatarChange = (0, import_react50.useCallback)(
     (file, preview) => {
       const ACCEPTED_AVATAR_TYPES = ["image/jpeg", "image/png", "image/gif", "image/webp"];
       if (file && !ACCEPTED_AVATAR_TYPES.includes(file.type)) {
@@ -25930,7 +25953,7 @@ var ProfileModal = ({
   );
   const originalUsername = (_b = username != null ? username : user == null ? void 0 : user.username) != null ? _b : "";
   const hasChanges = draftUsername !== originalUsername || draftAvatarFile !== void 0;
-  const handleSave = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleSave = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     var _a2, _b2;
     setIsSaving(true);
     try {
@@ -25975,7 +25998,7 @@ var ProfileModal = ({
     onSave,
     originalUsername
   ]);
-  const handleCancel = (0, import_react52.useCallback)(() => {
+  const handleCancel = (0, import_react50.useCallback)(() => {
     handleOpenChange(false);
   }, [handleOpenChange]);
   const isAccountConnected = (providers) => {
@@ -26019,7 +26042,7 @@ var ProfileModal = ({
     if (typeof window === "undefined") return;
     ((_a2 = window.top) != null ? _a2 : window).location.assign(url);
   };
-  const handleConnectTwitter = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleConnectTwitter = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "twitter",
       redirectUrl: resolveRedirectUrl()
@@ -26029,7 +26052,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectTwitter, startAuth]);
-  const handleConnectGoogle = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleConnectGoogle = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "google",
       redirectUrl: resolveRedirectUrl()
@@ -26039,7 +26062,7 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectGoogle, startAuth]);
-  const handleConnectApple = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleConnectApple = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     const result = yield startAuth({
       provider: "apple",
       redirectUrl: resolveRedirectUrl()
@@ -26049,22 +26072,22 @@ var ProfileModal = ({
       navigateTopWindow(result.url);
     }
   }), [onConnectApple, startAuth]);
-  const handleDisconnectTwitter = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectTwitter = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("twitter");
     yield client.getCurrentUser();
     onDisconnectTwitter == null ? void 0 : onDisconnectTwitter();
   }), [client, onDisconnectTwitter]);
-  const handleDisconnectGoogle = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectGoogle = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("google");
     yield client.getCurrentUser();
     onDisconnectGoogle == null ? void 0 : onDisconnectGoogle();
   }), [client, onDisconnectGoogle]);
-  const handleDisconnectApple = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleDisconnectApple = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     yield client.disconnectAccount("apple");
     yield client.getCurrentUser();
     onDisconnectApple == null ? void 0 : onDisconnectApple();
   }), [client, onDisconnectApple]);
-  const handleConnectEmail = (0, import_react52.useCallback)(() => __async(null, null, function* () {
+  const handleConnectEmail = (0, import_react50.useCallback)(() => __async(null, null, function* () {
     var _a2;
     const typedEmail = typeof window !== "undefined" ? (_a2 = window.prompt("Enter your email to receive a magic link")) == null ? void 0 : _a2.trim() : void 0;
     if (!typedEmail) return;
@@ -26075,7 +26098,7 @@ var ProfileModal = ({
     });
     onConnectEmail == null ? void 0 : onConnectEmail();
   }), [onConnectEmail, startAuth]);
-  const handleDisconnectWallet = (0, import_react52.useCallback)(
+  const handleDisconnectWallet = (0, import_react50.useCallback)(
     (wallet) => __async(null, null, function* () {
       const normalizedChain = wallet.chain.toLowerCase();
       const provider = normalizedChain === "solana" || normalizedChain === "svm" ? "solana_wallet" : "wallet";
@@ -26085,7 +26108,7 @@ var ProfileModal = ({
     }),
     [client, onDisconnectWallet]
   );
-  const providerActionMap = (0, import_react52.useMemo)(
+  const providerActionMap = (0, import_react50.useMemo)(
     () => ({
       twitter: {
         connect: () => {
@@ -26127,7 +26150,7 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const resolvedWallets = (0, import_react52.useMemo)(() => {
+  const resolvedWallets = (0, import_react50.useMemo)(() => {
     var _a2, _b2;
     if (wallets) return wallets;
     return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => {
@@ -26139,7 +26162,7 @@ var ProfileModal = ({
       };
     })) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
-  const resolvedExchanges = (0, import_react52.useMemo)(() => {
+  const resolvedExchanges = (0, import_react50.useMemo)(() => {
     var _a2, _b2;
     if (exchanges !== void 0) return exchanges;
     const walletAccount = (_a2 = user == null ? void 0 : user.accounts) == null ? void 0 : _a2.find(
@@ -26150,7 +26173,7 @@ var ProfileModal = ({
     const displayAddress = (_b2 = shortenAddress(addr)) != null ? _b2 : addr;
     return EVM_WALLET_VENUES.map((venue) => ({ venue, displayAddress, verified: false }));
   }, [exchanges, user == null ? void 0 : user.accounts]);
-  const handleDisconnectExchange = (0, import_react52.useCallback)(
+  const handleDisconnectExchange = (0, import_react50.useCallback)(
     (venue) => __async(null, null, function* () {
       if (exchanges !== void 0) {
         onDisconnectExchangeProp == null ? void 0 : onDisconnectExchangeProp(venue);
@@ -26307,7 +26330,7 @@ ProfileModal.displayName = "ProfileModal";
 
 // src/geo-block-modal/index.tsx
 var import_hooks82 = require("@agg-build/hooks");
-var import_react53 = require("react");
+var import_react51 = require("react");
 var import_jsx_runtime177 = require("react/jsx-runtime");
 var GeoBlockModal = ({
   open,
@@ -26316,7 +26339,7 @@ var GeoBlockModal = ({
   classNames
 }) => {
   const labels = (0, import_hooks82.useLabels)();
-  const handleConfirm = (0, import_react53.useCallback)(() => {
+  const handleConfirm = (0, import_react51.useCallback)(() => {
     onConfirm == null ? void 0 : onConfirm();
     onOpenChange(false);
   }, [onConfirm, onOpenChange]);