@agg-build/ui 1.2.3 → 1.2.5

package/dist/{chunk-XUYPM4LM.mjs → chunk-UWAN6DRI.mjs}

@@ -1103,18 +1103,20 @@ var formatChainIdLabel = (chainId) => {
 
 // src/pages/user-profile/components/available-balance-card.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "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"],
@@ -1124,17 +1126,19 @@ var CHAIN_VENUE_MAP = {
   "56": ["limitless", "opinion"]
   // BNB
 };
-var chainIconName = (label, key) => {
-  if (key && CHAIN_ID_TO_ICON[key]) return CHAIN_ID_TO_ICON[key];
+var chainIconUrl = (label, key) => {
+  if (key && CHAIN_ID_TO_ICON_URL[key]) return CHAIN_ID_TO_ICON_URL[key];
   const k = label.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 = ({
@@ -1186,7 +1190,7 @@ var AvailableBalanceCard = ({
                 /* @__PURE__ */ jsx3("div", { className: "font-agg-sans text-agg-base leading-agg-6 font-agg-bold text-agg-foreground", children: "Balance by network" }),
                 /* @__PURE__ */ jsx3("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__ */ jsxs3(
                     "div",
                     {
@@ -1194,7 +1198,15 @@ var AvailableBalanceCard = ({
                       className: "agg-balance-row flex items-center justify-between self-stretch gap-3 w-full",
                       children: [
                         /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                          icon ? /* @__PURE__ */ jsx3("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx3(Icon, { name: icon, size: "small", className: "text-agg-foreground" }) }) : /* @__PURE__ */ jsx3("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__ */ jsx3("span", { className: "overflow-clip flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ jsx3(
+                            "img",
+                            {
+                              src: iconUrl,
+                              alt: "",
+                              "aria-hidden": true,
+                              className: "size-full object-contain"
+                            }
+                          ) }) : /* @__PURE__ */ jsx3("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__ */ jsx3("span", { className: "truncate font-agg-sans text-agg-sm leading-5 font-agg-normal text-agg-foreground", children: row.label })
                         ] }),
                         /* @__PURE__ */ jsx3("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", {
@@ -1227,24 +1239,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__ */ jsx3(
+                      const iconUrl = chainIconUrl(row.label, row.key);
+                      return iconUrl ? /* @__PURE__ */ jsx3(
                         "span",
                         {
-                          className: "relative z-0 flex h-4 w-4 items-center justify-center rounded-[4px] bg-agg-secondary",
-                          children: /* @__PURE__ */ jsx3(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__ */ jsx3("img", { src: iconUrl, alt: row.label, className: "size-full object-contain" })
                         },
                         `icon-${row.key}`
                       ) : /* @__PURE__ */ jsx3(
                         "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__ */ jsxs3("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__ */ jsxs3("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
@@ -3449,7 +3461,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,

package/dist/{chunk-Q2BRDVBU.mjs → chunk-VTLEFAAM.mjs}

@@ -1,9 +1,6 @@
 "use client";
 import {
-  ArbitrumIcon,
-  BaseIcon,
   BestPricesIcon,
-  BnbIcon,
   BoltIcon,
   Button,
   CheckCircleIcon,
@@ -14,18 +11,15 @@ import {
   CreateAccountIcon,
   CreditCardIcon,
   DocumentIcon,
-  EthereumIcon,
   ExternalLinkIcon,
   Icon,
   LinkAccountsIcon,
   LoadingIcon,
   Modal,
   PlaySquareIcon,
-  PolygonIcon,
   ProfileIcon,
   RemoteImage,
   Select,
-  SolanaIcon,
   StayInControlIcon,
   SuccessCheckIcon,
   UsdcIcon,
@@ -48,35 +42,46 @@ import { useAggAuthState, useAggUiConfig, useDepositAddresses, useLabels as useL
 import { SVM_CHAIN_IDS, useDepositFlow } from "@agg-build/hooks/deposit";
 
 // src/shared/constants.ts
-import React from "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]
   },
   {
@@ -88,13 +93,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]
   },
   {
@@ -105,15 +110,11 @@ var SUPPORTED_NETWORKS = [
   }
 ];
 var mapNetworksToOptions = () => {
-  return SUPPORTED_NETWORKS.map((n) => {
-    const Component = CHAIN_ICON_COMPONENTS[n.value];
-    return {
-      value: n.value,
-      label: n.label,
-      iconUrl: n.iconUrl,
-      icon: Component ? React.createElement(Component) : void 0
-    };
-  });
+  return SUPPORTED_NETWORKS.map((n) => ({
+    value: n.value,
+    label: n.label,
+    iconUrl: n.iconUrl
+  }));
 };
 var DEFAULT_CURRENCY_OPTIONS = [
   {
@@ -168,27 +169,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 Component = CHAIN_ICON_COMPONENTS[slug];
     return __spreadProps(__spreadValues({}, o), {
-      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug),
-      icon: (_c = o.icon) != null ? _c : Component ? React.createElement(Component) : void 0
+      iconUrl: (_b = o.iconUrl) != null ? _b : bySlug.get(slug)
     });
   });
 };
@@ -211,13 +204,29 @@ var mergeSelectOptionsUnique = (base, fill) => {
 };
 
 // src/deposit/deposit-modal.constants.ts
-import React2 from "react";
+var BASE_URL = "https://assets.snagsolutions.io";
 var CARD_NETWORK_OPTIONS = [
-  { value: "ethereum", label: "Ethereum", icon: React2.createElement(EthereumIcon) },
-  { value: "arbitrum", label: "Arbitrum", icon: React2.createElement(ArbitrumIcon) },
-  { value: "base", label: "Base", icon: React2.createElement(BaseIcon) },
-  { value: "solana", label: "Solana", icon: React2.createElement(SolanaIcon) },
-  { value: "polygon", label: "Polygon", icon: React2.createElement(PolygonIcon) }
+  {
+    value: "ethereum",
+    label: "Ethereum",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/ETH.svg`
+  },
+  {
+    value: "arbitrum",
+    label: "Arbitrum",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Arbitrum.svg`
+  },
+  { value: "base", label: "Base", iconUrl: `${BASE_URL}/public/prediction-markets/logos/Base.svg` },
+  {
+    value: "solana",
+    label: "Solana",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Solana.svg`
+  },
+  {
+    value: "polygon",
+    label: "Polygon",
+    iconUrl: `${BASE_URL}/public/prediction-markets/logos/Polygon.svg`
+  }
 ];
 var NETWORK_TO_CURRENCY_CODE = {
   ethereum: "USDC",