@agg-build/ui 1.0.1 → 1.1.0

package/dist/{chunk-BYMLPLEZ.mjs → chunk-F3SU7BRE.mjs}

@@ -38,8 +38,9 @@ import {
   cn,
   formatCompactUsd,
   getMotionClassName,
+  shortenAddress,
   venueLogoLabels
-} from "./chunk-YZNO6IUD.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/deposit/index.tsx
 import { useEffect as useEffect3, useMemo, useRef, useState as useState2 } from "react";
@@ -3695,18 +3696,17 @@ var ProfileModal = ({
       handleDisconnectTwitter
     ]
   );
-  const shortenAddress = (address) => {
-    if (address.length <= 12) return address;
-    return `${address.slice(0, 6)}...${address.slice(-4)}`;
-  };
   const resolvedWallets = useMemo2(() => {
     var _a2, _b2;
     if (wallets) return wallets;
-    return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => ({
-      chain: wallet.chain,
-      address: wallet.address,
-      displayAddress: shortenAddress(wallet.address)
-    }))) != null ? _b2 : [];
+    return (_b2 = (_a2 = user == null ? void 0 : user.wallets) == null ? void 0 : _a2.map((wallet) => {
+      var _a3;
+      return {
+        chain: wallet.chain,
+        address: wallet.address,
+        displayAddress: (_a3 = shortenAddress(wallet.address, { chain: wallet.chain })) != null ? _a3 : wallet.address
+      };
+    })) != null ? _b2 : [];
   }, [user == null ? void 0 : user.wallets, wallets]);
   const resolvedExchanges = useMemo2(() => {
     var _a2, _b2;

package/dist/{chunk-WLXYCBZV.mjs → chunk-IT2Y62MG.mjs}

@@ -9,13 +9,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-5ES2VJHO.mjs";
+} from "./chunk-7JEJIGG4.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-LPNZOX3E.mjs";
+} from "./chunk-OHEZGKFM.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -43,8 +43,8 @@ import {
   cn,
   filterOpenEvents,
   resolveTabVenus,
-  venueLogoNames
-} from "./chunk-YZNO6IUD.mjs";
+  shortenAddress
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -105,7 +105,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 +285,6 @@ var EventMarketPageNotFoundState = ({
   );
 };
 var EventMarketPageLoadingState = ({
-  settlement: _settlement,
   classNames,
   stickyOrderPanel
 }) => {
@@ -342,7 +341,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 +450,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 +497,6 @@ var EventMarketPage = (props) => {
       return /* @__PURE__ */ jsx(
         EventMarketPageLoadingState,
         {
-          settlement: props.settlement,
           classNames: props.classNames,
           stickyOrderPanel: props.stickyOrderPanel
         }
@@ -511,7 +509,6 @@ var EventMarketPage = (props) => {
       return /* @__PURE__ */ jsx(
         EventMarketPageLoadingState,
         {
-          settlement: props.settlement,
           classNames: props.classNames,
           stickyOrderPanel: props.stickyOrderPanel
         }
@@ -1137,6 +1134,14 @@ var CHAIN_ID_TO_ICON = {
   "42161": "arbitrum",
   "792703809": "solana"
 };
+var CHAIN_VENUE_MAP = {
+  "137": ["polymarket"],
+  // Polygon
+  "792703809": ["kalshi"],
+  // Solana
+  "56": ["limitless", "opinion"]
+  // BNB
+};
 var chainIconName = (label, key) => {
   if (key && CHAIN_ID_TO_ICON[key]) return CHAIN_ID_TO_ICON[key];
   const k = label.trim().toLowerCase();
@@ -1150,14 +1155,6 @@ var chainIconName = (label, key) => {
   if (k.includes("ethereum") || k.includes("eth")) return "ethereum";
   return void 0;
 };
-var venueNameSet = new Set(venueLogoNames);
-var isKnownVenueName = (venue) => {
-  return venueNameSet.has(venue);
-};
-var getDisplayVenues = (venues) => {
-  if (!Array.isArray(venues) || venues.length === 0) return [];
-  return venues.filter(isKnownVenueName);
-};
 var AvailableBalanceCard = ({
   label = "Available Balance",
   valueLabel,
@@ -1206,6 +1203,7 @@ var AvailableBalanceCard = ({
               content: /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-4 items-start justify-start", children: [
                 /* @__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);
                   return /* @__PURE__ */ jsxs3(
                     "div",
@@ -1223,7 +1221,7 @@ var AvailableBalanceCard = ({
                           minimumFractionDigits: Number.isInteger(row.balance) ? 0 : 1,
                           maximumFractionDigits: 2
                         }) }),
-                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1 empty:hidden", children: getDisplayVenues(row.venues).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
+                        /* @__PURE__ */ jsx3("div", { className: "flex w-12 shrink-0 items-center justify-end gap-1 empty:hidden", children: ((_a = CHAIN_VENUE_MAP[row.key]) != null ? _a : []).slice(0, 2).map((venue, venueIndex) => /* @__PURE__ */ jsx3(
                           VenueLogo,
                           {
                             venue,
@@ -2513,7 +2511,7 @@ var UserInfoCard = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-start gap-4 sm:gap-5 pt-5", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "agg-profile-header flex w-full flex-row flex-wrap items-center gap-4 sm:gap-5 pt-5", children: [
           /* @__PURE__ */ jsx10("div", { className: "agg-profile-avatar shrink-0", children: user.avatarUrl ? /* @__PURE__ */ jsx10(
             RemoteImage,
             {
@@ -2675,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")) {
@@ -3092,7 +3085,8 @@ var UserProfilePage = ({
     var _a, _b, _c, _d, _e, _f;
     if (user) return user;
     const fullUser = profileUser != null ? profileUser : currentUser;
-    const fallbackUsername = (fullUser == null ? void 0 : fullUser.id) ? `user_${fullUser.id.slice(0, 6)}` : "User";
+    const walletAddress = getWalletAddressFromUserProfile(fullUser);
+    const fallbackUsername = walletAddress && shortenAddress(walletAddress) || "username";
     const twitterAccount = (_a = fullUser == null ? void 0 : fullUser.accounts) == null ? void 0 : _a.find(
       (account) => String(account.provider).toLowerCase() === "twitter"
     );
@@ -3100,9 +3094,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 {
@@ -3116,7 +3111,7 @@ var UserProfilePage = ({
       ] : [],
       connectedExchanges: connectedVenues.map((venue) => ({ venue })),
       connectedWallets,
-      displayAddress: shortenAddress(getWalletAddressFromUserProfile(fullUser)),
+      displayAddress: shortenAddress(walletAddress),
       socialHandle: normalizedTwitterHandle != null ? normalizedTwitterHandle : void 0
     };
   }, [connectedVenues, currentUser, profileUser, user]);
@@ -3272,6 +3267,7 @@ var UserProfilePage = ({
         const marketId = group.targetMarketId;
         return group.venueMarket.venueMarketOutcomes.map((outcome) => {
           var _a2, _b2, _c, _d;
+          const isUnpriced = outcome.priceSource === "entry";
           const currentPriceCents = Math.round(outcome.currentPrice * 100);
           const averagePriceCents = Math.round(outcome.avgEntryPrice * 100);
           const pnlPrefix = outcome.unrealizedPnl >= 0 ? "+" : "";
@@ -3285,10 +3281,10 @@ var UserProfilePage = ({
             outcomeLabel: ((_c = outcome.title) == null ? void 0 : _c.trim()) || outcome.label,
             venueShareBreakdown: buildVenueShareBreakdown(outcome),
             averageLabel: `${averagePriceCents}\xA2`,
-            currentLabel: `${currentPriceCents}\xA2`,
-            valueLabel: formatUsd(outcome.totalValue),
-            pnlLabel: `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
-            isPnlPositive: outcome.unrealizedPnl >= 0,
+            currentLabel: isUnpriced ? "\u2014" : `${currentPriceCents}\xA2`,
+            valueLabel: isUnpriced ? "\u2014" : formatUsd(outcome.totalValue),
+            pnlLabel: isUnpriced ? "\u2014" : `${pnlPrefix}${formatUsd(outcome.unrealizedPnl)} (${pnlPrefix}${pnlPercent}%)`,
+            isPnlPositive: !isUnpriced && outcome.unrealizedPnl >= 0,
             status: group.status,
             marketStatus: group.venueMarket.status,
             winner: (_d = outcome.winner) != null ? _d : null,
@@ -3309,8 +3305,8 @@ var UserProfilePage = ({
     return adaptPositionGroups(activePositionsQuery.positions);
   }, [activePositions, activePositionsQuery.positions, adaptPositionGroups]);
   const resolvedClosedPositions = useMemo3(() => {
-    if (closedPositions) return closedPositions;
-    return adaptPositionGroups(closedPositionsQuery.positions);
+    const base = closedPositions != null ? closedPositions : adaptPositionGroups(closedPositionsQuery.positions);
+    return base.filter((p) => p.marketStatus === "resolved");
   }, [closedPositions, closedPositionsQuery.positions, adaptPositionGroups]);
   return /* @__PURE__ */ jsx11(AggErrorBoundary, { onError, children: /* @__PURE__ */ jsx11(
     "section",

package/dist/{chunk-43K4PFBC.mjs → chunk-JDYZJKTE.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-YZNO6IUD.mjs";
+} from "./chunk-R6DETAZ6.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";
@@ -18,7 +18,7 @@ var GeoBlockBanner = ({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("flex items-center gap-5 rounded-agg-sm bg-agg-secondary-hover p-3", className),
+      className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
       role: "status",
       children: [
         /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [