@agg-build/ui 1.3.0 → 2.0.0

package/dist/{chunk-UFC7L74C.mjs → chunk-4CM4F4S6.mjs}

@@ -17,7 +17,7 @@ import {
   selectPrimaryVenueMarket,
   skeletonViews,
   sortOutcomes
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-2ZS3BPSF.mjs";
 
 // src/trading/trading-context/index.tsx
 import { useEventTradingContext } from "@agg-build/hooks";

package/dist/{chunk-55ODXLOS.mjs → chunk-HH7L3KLS.mjs}

@@ -3,7 +3,7 @@ import {
   AGG_TERMS_OF_SERVICE_URL,
   Icon,
   cn
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-2ZS3BPSF.mjs";
 
 // src/geo-block-banner/index.tsx
 import { useLabels } from "@agg-build/hooks";

package/dist/{chunk-YWJIYEJV.mjs → chunk-R3U6YXSQ.mjs}

@@ -8,10 +8,10 @@ import {
   getTradingValueLabel,
   getTradingVenueLabel,
   resolveOrderEligibilityMessage
-} from "./chunk-UFC7L74C.mjs";
+} from "./chunk-4CM4F4S6.mjs";
 import {
   GeoBlockBanner
-} from "./chunk-55ODXLOS.mjs";
+} from "./chunk-HH7L3KLS.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -38,7 +38,7 @@ import {
   formatUsd,
   getMotionClassName,
   skeletonViews
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-2ZS3BPSF.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";

package/dist/{chunk-6PQ6O6M5.mjs → chunk-RF2EPYLN.mjs}

@@ -10,13 +10,13 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-5ALBEKAT.mjs";
+} from "./chunk-RWOF44TC.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
   SettlementDetails,
   WITHDRAW_MODAL_OPEN_EVENT
-} from "./chunk-YWJIYEJV.mjs";
+} from "./chunk-R3U6YXSQ.mjs";
 import {
   AggErrorBoundary,
   Button,
@@ -46,9 +46,8 @@ import {
   resolveTabVenus,
   shortenAddress,
   sortCategoriesForNavigation,
-  sortMarketsByVolumeDesc,
   useOptionalToast
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-2ZS3BPSF.mjs";
 
 // src/pages/home/index.tsx
 import {
@@ -357,19 +356,14 @@ var EventMarketPageContent = ({
   stickyOrderPanel,
   resolvedClaim
 }) => {
-  const sortedEvent = useMemo(() => {
-    return __spreadProps(__spreadValues({}, event), {
-      venueMarkets: sortMarketsByVolumeDesc(event.venueMarkets)
-    });
-  }, [event]);
-  const eventTradingState = useMemo(() => resolveEventTradingState(sortedEvent), [sortedEvent]);
+  const eventTradingState = useMemo(() => resolveEventTradingState(event), [event]);
   const stickyOrderPanelState = resolveEventMarketPageStickyState({
     stickyOrderPanel
   });
   const [isMobileTradeOpen, setIsMobileTradeOpen] = useState(false);
   const isMobileViewport = useIsMobileEventMarketViewport();
   const tradingContext = useEventTradingContext();
-  const midpointsResult = useMidpoints(sortedEvent.venueMarkets);
+  const midpointsResult = useMidpoints(event.venueMarkets);
   const setTradeSideRef = useRef(tradingContext == null ? void 0 : tradingContext.setTradeSide);
   setTradeSideRef.current = tradingContext == null ? void 0 : tradingContext.setTradeSide;
   useEffect(() => {
@@ -378,7 +372,7 @@ var EventMarketPageContent = ({
       (_a = setTradeSideRef.current) == null ? void 0 : _a.call(setTradeSideRef, TradeSide.Buy);
     };
   }, []);
-  if (!sortedEvent.venueMarkets.length) {
+  if (!event.venueMarkets.length) {
     return /* @__PURE__ */ jsx(EventMarketPageUnavailableState, { ariaLabel });
   }
   return /* @__PURE__ */ jsxs(
@@ -389,7 +383,7 @@ var EventMarketPageContent = ({
         "w-full mx-auto max-w-[1360px] px-6 lg:px-10 pb-10",
         classNames == null ? void 0 : classNames.root
       ),
-      "aria-label": ariaLabel != null ? ariaLabel : sortedEvent.title,
+      "aria-label": ariaLabel != null ? ariaLabel : event.title,
       children: [
         /* @__PURE__ */ jsxs(
           "div",
@@ -414,7 +408,7 @@ var EventMarketPageContent = ({
                     /* @__PURE__ */ jsx(
                       EventListItemDetails,
                       {
-                        event: sortedEvent,
+                        event,
                         defaultMarketId,
                         defaultOutcomeId,
                         eventTradingState,
@@ -427,7 +421,7 @@ var EventMarketPageContent = ({
                     /* @__PURE__ */ jsx(
                       MarketDetailsList,
                       {
-                        eventId: sortedEvent.id,
+                        eventId: event.id,
                         markets: eventTradingState.displayMarkets,
                         eventTradingState,
                         live: true,
@@ -455,7 +449,7 @@ var EventMarketPageContent = ({
                         classNames: resolveMobileTradePlaceOrderClassNames(classNames)
                       }
                     ) }) : null,
-                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: sortedEvent.id, className: classNames == null ? void 0 : classNames.settlement })
+                    /* @__PURE__ */ jsx(SettlementDetails, { eventId: event.id, className: classNames == null ? void 0 : classNames.settlement })
                   ]
                 }
               ),

package/dist/{chunk-5ALBEKAT.mjs → chunk-RWOF44TC.mjs}

@@ -22,7 +22,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-UFC7L74C.mjs";
+} from "./chunk-4CM4F4S6.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -69,11 +69,9 @@ import {
   resolveVenueLabel,
   resolveYesOutcome,
   sortCategoriesForNavigation,
-  sortMarketsByVolumeDesc,
-  sortMarketsByYesOddsDesc,
   sortOutcomes,
   splitEventsByLifecycle
-} from "./chunk-QUZWA34R.mjs";
+} from "./chunk-2ZS3BPSF.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -127,7 +125,7 @@ var resolveOutcomeRows = ({
       outcome
     }));
   }
-  return sortMarketsByYesOddsDesc(venueMarkets).map((market) => {
+  return venueMarkets.map((market) => {
     const outcome = resolveDisplayOutcome(market);
     if (!outcome) return void 0;
     return {
@@ -2484,13 +2482,12 @@ var EventListItemDetailsContent = ({
     () => resolvedEventTradingState.displayMarkets,
     [resolvedEventTradingState.displayMarkets]
   );
-  const sortedVenueMarkets = useMemo5(() => sortMarketsByVolumeDesc(venueMarkets), [venueMarkets]);
   const marketOptions = useMemo5(
-    () => sortedVenueMarkets.map((vm) => ({
+    () => venueMarkets.map((vm) => ({
       value: vm.id,
       label: vm.question
     })),
-    [sortedVenueMarkets]
+    [venueMarkets]
   );
   const volumeLabel = useMemo5(() => {
     const resolvedVolume = resolveDisplayVolume(event.volume, venueMarkets);
@@ -4497,8 +4494,7 @@ var MarketDetailsList = ({
     return resolveIsResolvedEvent(sourceMarkets, eventTradingState);
   }, [eventTradingState, sourceMarkets]);
   const groupedMarkets = useMemo6(() => {
-    const sortedMarkets = sortMarketsByVolumeDesc(sourceMarkets);
-    if (sortedMarkets.length === 0) {
+    if (sourceMarkets.length === 0) {
       return {
         primary: [],
         closed: [],
@@ -4507,9 +4503,9 @@ var MarketDetailsList = ({
       };
     }
     if (isResolvedEvent) {
-      const winnerMarketId = resolveResolvedWinnerMarketId(sortedMarkets, eventTradingState);
+      const winnerMarketId = resolveResolvedWinnerMarketId(sourceMarkets, eventTradingState);
       return {
-        primary: moveMarketToFront(sortedMarkets, winnerMarketId),
+        primary: moveMarketToFront(sourceMarkets, winnerMarketId),
         upcoming: [],
         resolved: []
       };
@@ -4518,7 +4514,7 @@ var MarketDetailsList = ({
     const upcoming = [];
     const resolved = [];
     const closed = [];
-    sortedMarkets.forEach((market) => {
+    sourceMarkets.forEach((market) => {
       const marketStateKind = resolveMarketTradingState(market).kind;
       if (marketStateKind === "resolved") {
         resolved.push(market);