@agg-build/ui 1.0.0 → 1.0.2

package/dist/{chunk-75IGOQ4N.mjs → chunk-3IY2GA2D.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-I2WBGEWK.mjs";
+} from "./chunk-4ILR2YH3.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-CGNDMLQL.mjs";
+} from "./chunk-XDZLCWUZ.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -43,8 +43,9 @@ import {
   cn,
   filterOpenEvents,
   resolveTabVenus,
+  shortenAddress,
   venueLogoNames
-} from "./chunk-6NS7D73S.mjs";
+} from "./chunk-TLGQ4LID.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -105,7 +106,7 @@ var resolveEventMarketPageStickyState = ({
     contentClassName: cn("lg:items-stretch!"),
     sidebarClassName: cn(
       "py-4 sm:py-6 md:py-8",
-      "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100dvh-var(--agg-event-market-sidebar-top))] lg:overflow-y-auto lg:overscroll-contain",
+      "lg:self-start lg:sticky lg:top-[var(--agg-event-market-sidebar-top)] lg:max-h-[calc(100vh-var(--agg-event-market-sidebar-top))] lg:overflow-y-auto lg:overscroll-contain",
       stickyOrderPanel == null ? void 0 : stickyOrderPanel.className
     ),
     placeOrder: "",
@@ -285,7 +286,6 @@ var EventMarketPageNotFoundState = ({
   );
 };
 var EventMarketPageLoadingState = ({
-  settlement: _settlement,
   classNames,
   stickyOrderPanel
 }) => {
@@ -342,7 +342,7 @@ var EventMarketPageLoadingState = ({
               {
                 className: cn(
                   "agg-sidebar",
-                  "hidden w-full shrink-0 lg:block lg:w-[343px] lg:shrink-0",
+                  "hidden w-full shrink-0 lg:block lg:w-[342px] lg:shrink-0",
                   stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
                   classNames == null ? void 0 : classNames.sidebar
                 ),
@@ -451,7 +451,7 @@ var EventMarketPageContent = ({
                 "aside",
                 {
                   className: cn(
-                    "agg-sidebar hidden w-full lg:block lg:max-w-[360px] lg:shrink-0",
+                    "agg-sidebar hidden w-full lg:block lg:max-w-[342px] lg:shrink-0",
                     stickyOrderPanelState == null ? void 0 : stickyOrderPanelState.sidebarClassName,
                     classNames == null ? void 0 : classNames.sidebar
                   ),
@@ -498,7 +498,6 @@ var EventMarketPage = (props) => {
       return /* @__PURE__ */ jsx(
         EventMarketPageLoadingState,
         {
-          settlement: props.settlement,
           classNames: props.classNames,
           stickyOrderPanel: props.stickyOrderPanel
         }
@@ -511,7 +510,6 @@ var EventMarketPage = (props) => {
       return /* @__PURE__ */ jsx(
         EventMarketPageLoadingState,
         {
-          settlement: props.settlement,
           classNames: props.classNames,
           stickyOrderPanel: props.stickyOrderPanel
         }
@@ -741,11 +739,32 @@ var HomeSearchResults = ({
         ]
       }
     ),
+    !isError && openEvents.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx2(
+      StateMessage,
+      {
+        title: labels.eventList.emptyTitle,
+        description: labels.eventList.emptyDescription,
+        classNames: {
+          title: "!text-agg-base leading-agg-6",
+          description: "!text-agg-sm leading-agg-5"
+        },
+        icon: /* @__PURE__ */ jsx2(Icon, { name: "search-empty" })
+      }
+    ) }) : null,
+    isError ? /* @__PURE__ */ jsx2(
+      StateMessage,
+      {
+        title: labels.eventList.errorTitle,
+        description: labels.eventList.errorDescription,
+        icon: /* @__PURE__ */ jsx2(Icon, { name: "warning" })
+      }
+    ) : null,
     /* @__PURE__ */ jsxs2(
       "div",
       {
         className: cn(
           "agg-event-list-grid grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4 transition-opacity duration-200",
+          "empty:hidden",
           isPlaceholderData && "opacity-60"
         ),
         children: [
@@ -780,27 +799,7 @@ var HomeSearchResults = ({
               }
             },
             `search-results-loading-${index}`
-          )) : null,
-          !isError && openEvents.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "col-span-full w-full", children: /* @__PURE__ */ jsx2(
-            StateMessage,
-            {
-              title: labels.eventList.emptyTitle,
-              description: labels.eventList.emptyDescription,
-              classNames: {
-                title: "!text-agg-base leading-agg-6",
-                description: "!text-agg-sm leading-agg-5"
-              },
-              icon: /* @__PURE__ */ jsx2(Icon, { name: "search-empty" })
-            }
-          ) }) : null,
-          isError ? /* @__PURE__ */ jsx2(
-            StateMessage,
-            {
-              title: labels.eventList.errorTitle,
-              description: labels.eventList.errorDescription,
-              icon: /* @__PURE__ */ jsx2(Icon, { name: "warning" })
-            }
-          ) : null
+          )) : null
         ]
       }
     ),
@@ -1377,13 +1376,13 @@ var AmountTimeStack = ({
 var TradeTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-22 shrink-0 items-center gap-3 sm:flex", children: [
+}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
   /* @__PURE__ */ jsx4(VenueLogo, { venue: activity.venue, size: "small", className: "shrink-0" }),
   /* @__PURE__ */ jsx4(
     "p",
     {
       className: cn(
-        "agg-activity-type w-15 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
         tone.primary
       ),
       children: activity.type
@@ -1393,7 +1392,7 @@ var TradeTypeCell = ({
 var TransferTypeCell = ({
   activity,
   tone
-}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[88px] shrink-0 items-center gap-3 sm:flex", children: [
+}) => /* @__PURE__ */ jsxs4("div", { className: "hidden w-[108px] shrink-0 items-center gap-3 sm:flex", children: [
   /* @__PURE__ */ jsx4(
     Icon,
     {
@@ -1406,7 +1405,7 @@ var TransferTypeCell = ({
     "p",
     {
       className: cn(
-        "agg-activity-type w-15 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
+        "agg-activity-type w-20 font-agg-sans text-agg-sm leading-agg-5 font-agg-normal",
         tone.primary
       ),
       children: activity.type
@@ -1523,7 +1522,6 @@ var TransferRow = ({
   onClick
 }) => {
   const tone = resolveToneClasses(activity);
-  const isDeposit = activity.kind === "deposit";
   const transferIconName = TRANSFER_ICON[activity.kind];
   return /* @__PURE__ */ jsx4("button", { type: "button", className, onClick, children: /* @__PURE__ */ jsxs4(
     "div",
@@ -1549,7 +1547,7 @@ var TransferRow = ({
         ] }) }),
         /* @__PURE__ */ jsxs4("div", { className: "flex w-full items-center justify-between sm:contents", children: [
           /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 items-center gap-3 sm:gap-4", children: [
-            /* @__PURE__ */ jsx4("div", { className: "agg-activity-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex", children: isDeposit ? /* @__PURE__ */ jsx4(Icon, { name: "badge-check-thin", size: "medium", className: "text-agg-muted-foreground" }) : /* @__PURE__ */ jsx4(Icon, { name: transferIconName, size: "medium", className: "text-agg-foreground" }) }),
+            /* @__PURE__ */ jsx4("div", { className: "agg-activity-deposit-square hidden h-15 w-15 shrink-0 items-center justify-center rounded-agg-lg bg-agg-secondary-hover sm:flex", children: /* @__PURE__ */ jsx4(Icon, { name: "badge-check-thin", size: "medium", className: "text-agg-muted-foreground" }) }),
             /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
               /* @__PURE__ */ jsx4(
                 "p",
@@ -1558,7 +1556,7 @@ var TransferRow = ({
                     "min-w-0 overflow-hidden text-ellipsis whitespace-nowrap font-agg-sans text-agg-sm leading-agg-5 font-agg-bold sm:text-agg-base sm:leading-agg-6",
                     tone.primary
                   ),
-                  children: isDeposit ? "Successful deposit" : activity.title
+                  children: activity.title
                 }
               ),
               /* @__PURE__ */ jsx4(
@@ -2659,6 +2657,7 @@ var twoDecimalUsdFormatter = new Intl.NumberFormat("en-US", {
   maximumFractionDigits: 2
 });
 var DEFAULT_TOKEN_DECIMALS = 6;
+var LEGACY_TWELVE_DECIMAL_SCALE = BigInt("1000000000000");
 var TOKEN_DECIMALS_BY_SYMBOL = {
   BNB: 18,
   ETH: 18,
@@ -2674,11 +2673,6 @@ var TOKEN_DECIMALS_BY_CHAIN_AND_SYMBOL = {
     USDT: 18
   }
 };
-var shortenAddress = (address) => {
-  if (!address) return void 0;
-  if (address.length <= 12) return address;
-  return `${address.slice(0, 6)}...${address.slice(-5)}`;
-};
 var parseRawMicroValue = (value) => {
   if (!value) return null;
   if (value.startsWith("0x") || value.startsWith("0X")) {
@@ -2727,9 +2721,38 @@ var parseRawTokenValue = (value, decimals) => {
     return parsed / __pow(10, decimals);
   }
 };
+var shouldUseLegacyEighteenDecimalFallback = ({
+  value,
+  parsed,
+  decimals,
+  tokenSymbol,
+  chainId
+}) => {
+  if (parsed == null || decimals !== 6 || value.includes(".")) return false;
+  const normalizedSymbol = tokenSymbol.trim().toUpperCase();
+  if (normalizedSymbol !== "USDC" && normalizedSymbol !== "USDT") return false;
+  const normalizedChainId = chainId == null ? void 0 : chainId.trim();
+  if (normalizedChainId === "56") return false;
+  if (!/^\d+$/.test(value)) return false;
+  try {
+    const raw = BigInt(value);
+    if (raw % LEGACY_TWELVE_DECIMAL_SCALE !== BigInt(0)) return false;
+    const parsedAsEighteen = Number(raw / LEGACY_TWELVE_DECIMAL_SCALE) / 1e6;
+    return Number.isFinite(parsedAsEighteen) && parsed > 1e6 && parsedAsEighteen < 1e6;
+  } catch (e) {
+    return false;
+  }
+};
 var formatTokenAmountTwoDecimals = (value, tokenSymbol, chainId) => {
-  const parsed = parseRawTokenValue(value, getTokenDecimals(tokenSymbol, chainId));
+  const decimals = getTokenDecimals(tokenSymbol, chainId);
+  const parsed = parseRawTokenValue(value, decimals);
   if (parsed == null) return "0.00";
+  if (value && shouldUseLegacyEighteenDecimalFallback({ value, parsed, decimals, tokenSymbol, chainId })) {
+    const fallbackParsed = parseRawTokenValue(value, 18);
+    if (fallbackParsed != null) {
+      return twoDecimalNumberFormatter.format(fallbackParsed);
+    }
+  }
   return twoDecimalNumberFormatter.format(parsed);
 };
 var getFilledUsdValue = (filledAmountRaw) => {
@@ -3070,9 +3093,10 @@ var UserProfilePage = ({
     const walletAccounts = (_d = (_c = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _c.filter((a) => a.provider === "wallet" || a.provider === "solana_wallet")) != null ? _d : [];
     const connectedWallets = walletAccounts.map((a) => {
       var _a2;
+      const chain = a.provider === "solana_wallet" ? "solana" : "evm";
       return {
-        chain: a.provider === "solana_wallet" ? "solana" : "evm",
-        displayAddress: (_a2 = shortenAddress(a.providerAccountId)) != null ? _a2 : a.providerAccountId
+        chain,
+        displayAddress: (_a2 = shortenAddress(a.providerAccountId, { chain })) != null ? _a2 : a.providerAccountId
       };
     });
     return {