@agg-build/ui 1.2.2 → 1.2.4

package/dist/modals.mjs

@@ -13,11 +13,11 @@ import {
   WithdrawModal,
   clearPendingCardSession,
   getPendingCardSession
-} from "./chunk-Q2BRDVBU.mjs";
+} from "./chunk-UCH7MMRN.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-5FXMHTVR.mjs";
-import "./chunk-34L7ZKJW.mjs";
+} from "./chunk-OFFJNHAG.mjs";
+import "./chunk-PALIVBG3.mjs";
 export {
   CARD_NETWORK_OPTIONS,
   ConnectAccountsStep,

package/dist/pages.js

@@ -4941,8 +4941,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]
     }
   ];
 };
@@ -15518,7 +15517,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_runtime135.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
     "button",
     {
       type: "button",
@@ -15537,72 +15536,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_runtime135.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_runtime135.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
-              card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
-                VenueLogo,
-                {
-                  venue: card.venue,
-                  size: "small",
-                  ariaLabel: getTradingVenueLabel(card.venue)
-                }
-              ) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
-                    Icon,
-                    {
-                      name: "lock",
-                      size: "xs",
-                      className: "shrink-0 text-agg-muted-foreground",
-                      "aria-hidden": "true"
-                    }
-                  ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.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_runtime135.jsx)(
-              "p",
+      children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-content relative z-10 flex flex-col gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-header flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "agg-route-card-meta flex min-w-0 gap-3 items-center", children: [
+            card.kind === "split" ? /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
+              VenueLogo,
+              {
+                venue: card.venue,
+                size: "small",
+                ariaLabel: getTradingVenueLabel(card.venue)
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex flex-col gap-1 min-w-0", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(
+                  Icon,
+                  {
+                    name: "lock",
+                    size: "xs",
+                    className: "shrink-0 text-agg-muted-foreground",
+                    "aria-hidden": "true"
+                  }
+                ) : card.kind === "split" && isSelected ? /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.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_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
-            /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.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_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("p", { className: "agg-route-card-description text-agg-xs leading-agg-4 text-agg-foreground", children: tradingLabels.splitOrderDescription }),
+          /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-breakdown flex flex-col gap-3", children: (_b = card.rows) == null ? void 0 : _b.map((row) => renderRouteBreakdownRow(row)) })
+        ] }) : null
+      ] })
     }
   );
 };
@@ -16984,7 +16980,7 @@ var PlaceOrder = ({
                   }
                 ) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime135.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_runtime135.jsx)(PlaceOrderRouteCardSkeleton, {}, index)) : visibleRouteCards.map((card) => {
+              /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "agg-route-list flex flex-col gap-2", children: visibleRouteCards.length > 0 ? visibleRouteCards.map((card) => {
                 return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_react27.Fragment, { children: renderRouteCard({
                   card,
                   enableAnimations,
@@ -18186,18 +18182,20 @@ var formatChainIdLabel = (chainId) => {
 
 // src/pages/user-profile/components/available-balance-card.tsx
 var import_jsx_runtime138 = 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"],
@@ -18207,17 +18205,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 = ({
@@ -18269,7 +18269,7 @@ var AvailableBalanceCard = ({
                 /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime138.jsxs)(
                     "div",
                     {
@@ -18277,7 +18277,15 @@ var AvailableBalanceCard = ({
                       className: "agg-balance-row flex items-center justify-between self-stretch gap-3 w-full",
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                          icon ? /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "flex h-4 w-4 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { name: icon, size: "small", className: "text-agg-foreground" }) }) : /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.jsx)("span", { className: "overflow-clip flex h-4 w-4 shrink-0 items-center justify-center rounded-[4px]", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
+                            "img",
+                            {
+                              src: iconUrl,
+                              alt: "",
+                              "aria-hidden": true,
+                              className: "size-full object-contain"
+                            }
+                          ) }) : /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime138.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", {
@@ -18310,24 +18318,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_runtime138.jsx)(
+                      const iconUrl = chainIconUrl(row.label, row.key);
+                      return iconUrl ? /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime138.jsx)("img", { src: iconUrl, alt: row.label, className: "size-full object-contain" })
                         },
                         `icon-${row.key}`
                       ) : /* @__PURE__ */ (0, import_jsx_runtime138.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_runtime138.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_runtime138.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
@@ -20532,7 +20540,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/pages.mjs

@@ -7,17 +7,17 @@ import {
   USER_PROFILE_TAB_POSITIONS,
   UserProfilePage,
   useHomePageModals
-} from "./chunk-6IBEGR7C.mjs";
-import "./chunk-E45WOOMN.mjs";
+} from "./chunk-VH3DMH77.mjs";
+import "./chunk-P2OOA3U3.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-FDTLV74F.mjs";
-import "./chunk-TBKDLNOE.mjs";
-import "./chunk-5FXMHTVR.mjs";
-import "./chunk-34L7ZKJW.mjs";
+} from "./chunk-6FVYER7E.mjs";
+import "./chunk-ISAU6HX5.mjs";
+import "./chunk-OFFJNHAG.mjs";
+import "./chunk-PALIVBG3.mjs";
 export {
   DEPOSIT_MODAL_OPEN_EVENT,
   EventMarketPage,

package/dist/primitives.mjs

@@ -95,7 +95,7 @@ import {
   typographyVariants,
   useToast,
   venueLogoNames
-} from "./chunk-34L7ZKJW.mjs";
+} from "./chunk-PALIVBG3.mjs";
 export {
   ActivityChartIcon,
   AggErrorBoundary,