@agg-build/ui 4.4.0 → 4.7.1

package/README.md

@@ -70,6 +70,10 @@ export default function App() {
 }
 ```
 
+Set `config.features.enableEventDiscoveryUrlPersistence` to `true` to persist the primary
+`HomePage` section's `category`, repeated `subcategory`, `venue`, and `sort` filters in browser
+history. It is disabled by default and preserves unrelated query parameters such as `search`.
+
 ## Styling
 
 Import the default theme once at your app entrypoint:

package/dist/{chunk-64BBTXFE.mjs → chunk-3RQCBGIK.mjs}

@@ -9,12 +9,12 @@ import {
   getTradingVenueLabel,
   prepareSettlementDifferences,
   resolveOrderEligibilityMessage
-} from "./chunk-6STRIKUA.mjs";
+} from "./chunk-WYCSTAN7.mjs";
 import {
   ConnectKalshiModal,
   GeoBlockBanner,
   subscribeAggDepositNotification
-} from "./chunk-734VTGCV.mjs";
+} from "./chunk-XN2NB2NP.mjs";
 import {
   AGG_TERMS_OF_SERVICE_URL,
   Button,
@@ -47,7 +47,7 @@ import {
   resolveResolvedOutcomeLabel,
   skeletonViews,
   useOptionalToast
-} from "./chunk-N7UPPT5J.mjs";
+} from "./chunk-RDBMHBR2.mjs";
 
 // src/trading/types.ts
 import { Venue, enumGuard, isFiniteNonNeg, safeParse } from "@agg-build/sdk";
@@ -1077,7 +1077,7 @@ var getSmartRouteTotalFees = (feeBreakdown) => {
   if (!feeBreakdown) return null;
   const feeParts = [feeBreakdown.venueFees, feeBreakdown.bridgeFees, feeBreakdown.executionGas];
   if (!feeParts.every(Number.isFinite)) return null;
-  return feeParts.reduce((total, fee) => total + fee, 0);
+  return feeParts.reduce((total, fee) => total + Math.round(fee * 100) / 100, 0);
 };
 var getPlaceOrderContainerClassName = () => {
   return PLACE_ORDER_CONTAINER_CLASS_NAME;
@@ -1339,7 +1339,7 @@ var buildLiveRouteCards = ({
     // balance condition, and `handleExecuteQuote` rejects an empty quoteId.
     sq.venue !== primaryWinnerVenue
   ).map((sq) => {
-    var _a2;
+    var _a2, _b2;
     const parsedVenue = parseVenue(sq.venue);
     const venue = parsedVenue.success ? parsedVenue.data : void 0;
     if (geoBlockedVenues.has(sq.venue)) {
@@ -1372,7 +1372,12 @@ var buildLiveRouteCards = ({
       estimatedProfit: sq.estimatedProfit,
       returnPct: sq.returnPct,
       // venueSoloQuotes stripped on solo card's quoteData (only the primary needs them)
-      venueSoloQuotes: void 0
+      venueSoloQuotes: void 0,
+      // This solo's OWN fee breakdown. Without it the spread above leaves the
+      // primary route's breakdown in place, so selecting a bridge-free venue
+      // still showed the primary's bridging charge. Falls back to the
+      // primary only when the router omitted one (non-"ok" solos).
+      feeBreakdown: (_b2 = sq.feeBreakdown) != null ? _b2 : quoteData.feeBreakdown
     }), sq.quoteId ? { status: "ok", error: void 0 } : null);
     return {
       id: `live-solo-${sq.venue}`,

package/dist/{chunk-V5CRUO6S.mjs → chunk-C4GFVJ62.mjs}

@@ -24,7 +24,7 @@ import {
   resolveUnifiedOrderBookEntries,
   sortOutcomeSelectorOutcomes,
   useEventTradingContext
-} from "./chunk-6STRIKUA.mjs";
+} from "./chunk-WYCSTAN7.mjs";
 import {
   AutocompleteSelect,
   Badge,
@@ -76,8 +76,9 @@ import {
   resolveYesOutcome,
   sortCategoriesForNavigation,
   sortOutcomes,
-  splitEventsByLifecycle
-} from "./chunk-N7UPPT5J.mjs";
+  splitEventsByLifecycle,
+  validateSubcategoryPath
+} from "./chunk-RDBMHBR2.mjs";
 
 // src/events/item/index.tsx
 import {
@@ -5427,7 +5428,7 @@ import {
 } from "@agg-build/hooks";
 import { VENUES } from "@agg-build/sdk";
 import * as Dialog from "@radix-ui/react-dialog";
-import { useEffect as useEffect8, useMemo as useMemo10, useRef as useRef8, useState as useState7 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect8, useMemo as useMemo10, useRef as useRef8, useState as useState7 } from "react";
 
 // src/events/list/category-sidebar.tsx
 import { useMemo as useMemo8 } from "react";
@@ -5548,12 +5549,19 @@ CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
 import { getVenueAvailabilityState, useAppConfig, useGeoBlock, useLabels as useLabels9 } from "@agg-build/hooks";
-import { isVenueInactive } from "@agg-build/sdk";
+import { getEffectiveDisabledVenues, isVenueInactive } from "@agg-build/sdk";
 import { useCallback as useCallback3, useEffect as useEffect7, useMemo as useMemo9, useRef as useRef7, useState as useState6 } from "react";
 
 // src/events/list/event-list.constants.ts
 import { MatchStatus, Venue as Venue2 } from "@agg-build/sdk";
 var DEFAULT_EVENTS_LIMIT = 50;
+var DEFAULT_EVENT_LIST_SORT = "volume24hr";
+var EVENT_LIST_SORT_VALUES = [
+  "volume24hr",
+  "topArbitrage",
+  "volume",
+  "endDate"
+];
 var getDefaultEventListTabs = (labels) => {
   return [
     {
@@ -5623,6 +5631,7 @@ var getDefaultEventListTabs = (labels) => {
 
 // src/events/list/event-list-tabs.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
+var DEFAULT_HIDDEN_VENUES = new Set(getEffectiveDisabledVenues(void 0));
 var renderTabIcon = (tab, isActive) => {
   if (tab.iconName === "warning-filled") {
     return /* @__PURE__ */ jsx13(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
@@ -5651,15 +5660,11 @@ var useEventListTabs = (tabs) => {
       const availabilityState = getVenueAvailabilityState({
         venueId: tab.venueLogo,
         disabledVenues,
-        // A compile-time-inactive venue (novig today) is hidden by default and
-        // un-hidden per-environment by NOVIG_DATA_VISIBLE, so its
-        // disabled-ness is only known once `/app/config` resolves — treating
-        // it as hidden while that request is in flight stops its tab flashing
-        // in and out where the flag is unset. Active venues must NOT be
-        // withheld, or they pop in late. Keyed off the shared inactive-venue
-        // helper rather than a venue name, so launching or retiring one needs
-        // no change here.
-        isConfigLoading: isAppConfigLoading && isVenueInactive(tab.venueLogo),
+        // A globally inactive or default-disabled venue is hidden until
+        // `/app/config` resolves. That prevents partner-opt-in venues such as
+        // Novig from flashing briefly for apps that still disable them, while
+        // ordinary active venues continue rendering immediately.
+        isConfigLoading: isAppConfigLoading && (isVenueInactive(tab.venueLogo) || DEFAULT_HIDDEN_VENUES.has(tab.venueLogo)),
         isLocationBlocked
       });
       if (availabilityState === "hidden") return [];
@@ -5837,10 +5842,16 @@ var EventList = ({
   getMarketHref,
   getEventHref,
   initialVenueTab,
+  activeVenueTab: controlledActiveVenueTab,
+  onActiveVenueTabChange,
+  selectedSort: controlledSelectedSort,
+  onSelectedSortChange,
+  categoryPath: controlledCategoryPath,
+  onCategoryPathChange,
   initialLoadedPageCount,
   stateRef
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const labels = useLabels10();
   const { disabledVenues } = useAppConfig2();
   const {
@@ -5852,13 +5863,37 @@ var EventList = ({
     () => disabledVenues.length === 0 ? void 0 : getVisibleVenueIdsByConfig(VENUES, disabledVenues),
     [disabledVenues]
   );
-  const [activeTabValue, setActiveTabValue] = useState7(
+  const [internalActiveTabValue, setInternalActiveTabValue] = useState7(
     (_b = initialVenueTab != null ? initialVenueTab : (_a = resolvedTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
   );
-  const [selectedSort, setSelectedSort] = useState7("volume24hr");
+  const activeTabValue = controlledActiveVenueTab != null ? controlledActiveVenueTab : internalActiveTabValue;
+  const [internalSelectedSort, setInternalSelectedSort] = useState7(DEFAULT_EVENT_LIST_SORT);
+  const selectedSort = controlledSelectedSort != null ? controlledSelectedSort : internalSelectedSort;
   const [isSubcategoriesModalOpen, setIsSubcategoriesModalOpen] = useState7(false);
-  const [categoryPath, setCategoryPath] = useState7([]);
+  const [internalCategoryPath, setInternalCategoryPath] = useState7([]);
+  const categoryPath = controlledCategoryPath != null ? controlledCategoryPath : internalCategoryPath;
   const [collapsedCategoryIds, setCollapsedCategoryIds] = useState7(() => /* @__PURE__ */ new Set());
+  const handleActiveTabChange = useCallback4(
+    (value) => {
+      if (controlledActiveVenueTab == null) setInternalActiveTabValue(value);
+      onActiveVenueTabChange == null ? void 0 : onActiveVenueTabChange(value, { history: "push" });
+    },
+    [controlledActiveVenueTab, onActiveVenueTabChange]
+  );
+  const handleSelectedSortChange = useCallback4(
+    (value) => {
+      if (controlledSelectedSort == null) setInternalSelectedSort(value);
+      onSelectedSortChange == null ? void 0 : onSelectedSortChange(value, { history: "push" });
+    },
+    [controlledSelectedSort, onSelectedSortChange]
+  );
+  const handleCategoryPathChange = useCallback4(
+    (value, options) => {
+      if (controlledCategoryPath == null) setInternalCategoryPath(value);
+      onCategoryPathChange == null ? void 0 : onCategoryPathChange(value, options);
+    },
+    [controlledCategoryPath, onCategoryPathChange]
+  );
   const sortItems = useMemo10(() => {
     return [
       {
@@ -5891,9 +5926,9 @@ var EventList = ({
   const baseCategoryId = (_c = categoryIds == null ? void 0 : categoryIds[0]) != null ? _c : null;
   useEffect8(() => {
     if (!isDiscoveryFiltersEnabled) return;
-    setCategoryPath([]);
+    if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
-  }, [baseCategoryId, isDiscoveryFiltersEnabled]);
+  }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
   const { categories: topLevelCategories } = useCategories({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
@@ -5905,12 +5940,13 @@ var EventList = ({
   const baseCategoryChildPrefetchIds = useMemo10(() => {
     return Array.from(
       /* @__PURE__ */ new Set([
+        ...baseCategoryId ? [baseCategoryId] : [],
         ...sortedTopLevelCategories.map((category) => category.id),
         ...categoryPath.map((category) => category.id)
       ])
     );
-  }, [categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId } = useCategoryChildren({
+  }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = useCategoryChildren({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -5960,7 +5996,36 @@ var EventList = ({
       ...visibleGrandchildrenByParentId
     ]);
   }, [baseChildrenByParentId, visibleChildrenByParentId, visibleGrandchildrenByParentId]);
-  const shouldRenderSubcategoryFilters = isDiscoveryFiltersEnabled && baseCategoryId !== null && (((_e = (_d = childrenByParentId.get(baseCategoryId)) == null ? void 0 : _d.length) != null ? _e : 0) > 0 || categoryPath.length > 0);
+  const controlledCategoryPathKey = (_d = controlledCategoryPath == null ? void 0 : controlledCategoryPath.map((entry) => entry.id).join(",")) != null ? _d : "";
+  const controlledCategoryPathValidationKey = `${baseCategoryId != null ? baseCategoryId : ""}|${controlledCategoryPathKey}`;
+  const [validatedCategoryPathKey, setValidatedCategoryPathKey] = useState7(
+    () => controlledCategoryPath == null || controlledCategoryPath.length === 0 ? controlledCategoryPathValidationKey : ""
+  );
+  useEffect8(() => {
+    if (controlledCategoryPath == null || controlledCategoryPath.length === 0) {
+      setValidatedCategoryPathKey(controlledCategoryPathValidationKey);
+      return;
+    }
+    if (isBaseCategoryChildrenLoading) return;
+    const requestedIds = controlledCategoryPath.map((entry) => entry.id);
+    const validIds = validateSubcategoryPath(requestedIds, baseCategoryId, baseChildrenByParentId);
+    if (validIds.length !== requestedIds.length) {
+      handleCategoryPathChange(controlledCategoryPath.slice(0, validIds.length), {
+        history: "replace"
+      });
+      return;
+    }
+    setValidatedCategoryPathKey(controlledCategoryPathValidationKey);
+  }, [
+    baseCategoryId,
+    baseChildrenByParentId,
+    controlledCategoryPath,
+    controlledCategoryPathKey,
+    controlledCategoryPathValidationKey,
+    handleCategoryPathChange,
+    isBaseCategoryChildrenLoading
+  ]);
+  const shouldRenderSubcategoryFilters = isDiscoveryFiltersEnabled && baseCategoryId !== null && (((_f = (_e = childrenByParentId.get(baseCategoryId)) == null ? void 0 : _e.length) != null ? _f : 0) > 0 || categoryPath.length > 0);
   const baseCategoryEventCount = useMemo10(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = sortedTopLevelCategories.find((c) => c.id === baseCategoryId)) == null ? void 0 : _a2.eventCount) != null ? _b2 : 0;
@@ -6018,7 +6083,8 @@ var EventList = ({
     // markets experience is enabled (the sports event-detail view loads the
     // folded companions via aggKey). Gated on the same flag as that view.
     grouped: showSportsMarkets,
-    initialPages: initialLoadedPageCount
+    initialPages: initialLoadedPageCount,
+    enabled: controlledCategoryPath == null || validatedCategoryPathKey === controlledCategoryPathValidationKey
   });
   useEffect8(() => {
     if (stateRef) {
@@ -6079,7 +6145,7 @@ var EventList = ({
     "grid grid-cols-[repeat(auto-fill,minmax(240px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(360px,1fr))] gap-4"
   );
   const handleSelectAllCategories = () => {
-    setCategoryPath([]);
+    handleCategoryPathChange([], { history: "push" });
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
     onCategoryRootChange == null ? void 0 : onCategoryRootChange(baseCategoryId != null ? baseCategoryId : void 0);
     setIsSubcategoriesModalOpen(false);
@@ -6091,7 +6157,7 @@ var EventList = ({
     isExpanded,
     isSelected
   }) => {
-    setCategoryPath((prev) => [...prev.slice(0, depth), entry]);
+    handleCategoryPathChange([...categoryPath.slice(0, depth), entry], { history: "push" });
     setCollapsedCategoryIds((prev) => {
       const next = new Set(prev);
       if (hasKnownChildren && isExpanded && isSelected) {
@@ -6131,7 +6197,7 @@ var EventList = ({
                 ariaLabel: labels.eventList.tabsAria(title),
                 className: "agg-event-list-tabs min-w-0 flex-1 max-w-[600px]!",
                 activeTab: activeTabValue,
-                onTabChange: setActiveTabValue,
+                onTabChange: handleActiveTabChange,
                 overflowBehavior: "scroll"
               }
             ),
@@ -6141,7 +6207,7 @@ var EventList = ({
                 ariaLabel: labels.eventList.sortByLabel,
                 className: "min-w-[200px] w-auto! shrink-0 min-h-10.5",
                 value: selectedSort,
-                onChange: setSelectedSort,
+                onChange: handleSelectedSortChange,
                 items: sortItems,
                 contentClassName: "py-2",
                 triggerClassName: "rounded-agg-lg!"
@@ -6158,7 +6224,7 @@ var EventList = ({
           ariaLabel: labels.eventList.tabsAria(title),
           className: "agg-event-list-tabs min-w-0 flex-1",
           activeTab: activeTabValue,
-          onTabChange: setActiveTabValue,
+          onTabChange: handleActiveTabChange,
           overflowBehavior: "select"
         }
       ),
@@ -6168,7 +6234,7 @@ var EventList = ({
           ariaLabel: labels.eventList.sortByLabel,
           className: "min-w-0 flex-1 md:min-w-[144px]",
           value: selectedSort,
-          onChange: setSelectedSort,
+          onChange: handleSelectedSortChange,
           items: sortItems,
           contentClassName: "rounded-[12px] py-2 shadow-[0_8px_16px_rgba(0,0,0,0.1)]"
         }
@@ -6323,6 +6389,8 @@ export {
   MarketDetails,
   MarketDetailsList,
   DEFAULT_EVENTS_LIMIT,
+  DEFAULT_EVENT_LIST_SORT,
+  EVENT_LIST_SORT_VALUES,
   useEventListTabs,
   EventListTabs,
   useEventListTabsHeaderOverflow,