@agg-build/ui 4.4.0 → 4.7.1

package/dist/events.js

@@ -4289,6 +4289,19 @@ var resolveCategoryIdsFromPath = (path, fallbackCategoryIds) => {
   if (deepest) return [deepest];
   return fallbackCategoryIds;
 };
+var validateSubcategoryPath = (requestedPath, rootCategoryId, childrenByParentId) => {
+  var _a;
+  if (!rootCategoryId) return [];
+  const validPath = [];
+  let parentId = rootCategoryId;
+  for (const categoryId of requestedPath) {
+    const category = (_a = childrenByParentId.get(parentId)) == null ? void 0 : _a.find((child) => child.id === categoryId);
+    if (!category) break;
+    validPath.push(category.id);
+    parentId = category.id;
+  }
+  return validPath;
+};
 var resolveTabVenus = (tab, visibleVenues) => {
   const applyAllowList = (venues) => {
     if (!venues) {
@@ -14624,6 +14637,7 @@ var import_react22 = require("react");
 // src/events/list/event-list.constants.ts
 var import_sdk14 = require("@agg-build/sdk");
 var DEFAULT_EVENTS_LIMIT = 50;
+var DEFAULT_EVENT_LIST_SORT = "volume24hr";
 var getDefaultEventListTabs = (labels) => {
   return [
     {
@@ -14693,6 +14707,7 @@ var getDefaultEventListTabs = (labels) => {
 
 // src/events/list/event-list-tabs.tsx
 var import_jsx_runtime138 = require("react/jsx-runtime");
+var DEFAULT_HIDDEN_VENUES = new Set((0, import_sdk15.getEffectiveDisabledVenues)(void 0));
 var renderTabIcon = (tab, isActive) => {
   if (tab.iconName === "warning-filled") {
     return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon, { name: "warning-filled", size: "small", color: "currentColor" });
@@ -14721,15 +14736,11 @@ var useEventListTabs = (tabs) => {
       const availabilityState = (0, import_hooks48.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 && (0, import_sdk15.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 && ((0, import_sdk15.isVenueInactive)(tab.venueLogo) || DEFAULT_HIDDEN_VENUES.has(tab.venueLogo)),
         isLocationBlocked
       });
       if (availabilityState === "hidden") return [];
@@ -14836,10 +14847,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 = (0, import_hooks49.useLabels)();
   const { disabledVenues } = (0, import_hooks49.useAppConfig)();
   const {
@@ -14851,13 +14868,37 @@ var EventList = ({
     () => disabledVenues.length === 0 ? void 0 : (0, import_hooks49.getVisibleVenueIdsByConfig)(import_sdk16.VENUES, disabledVenues),
     [disabledVenues]
   );
-  const [activeTabValue, setActiveTabValue] = (0, import_react23.useState)(
+  const [internalActiveTabValue, setInternalActiveTabValue] = (0, import_react23.useState)(
     (_b = initialVenueTab != null ? initialVenueTab : (_a = resolvedTabs[0]) == null ? void 0 : _a.value) != null ? _b : "matched"
   );
-  const [selectedSort, setSelectedSort] = (0, import_react23.useState)("volume24hr");
+  const activeTabValue = controlledActiveVenueTab != null ? controlledActiveVenueTab : internalActiveTabValue;
+  const [internalSelectedSort, setInternalSelectedSort] = (0, import_react23.useState)(DEFAULT_EVENT_LIST_SORT);
+  const selectedSort = controlledSelectedSort != null ? controlledSelectedSort : internalSelectedSort;
   const [isSubcategoriesModalOpen, setIsSubcategoriesModalOpen] = (0, import_react23.useState)(false);
-  const [categoryPath, setCategoryPath] = (0, import_react23.useState)([]);
+  const [internalCategoryPath, setInternalCategoryPath] = (0, import_react23.useState)([]);
+  const categoryPath = controlledCategoryPath != null ? controlledCategoryPath : internalCategoryPath;
   const [collapsedCategoryIds, setCollapsedCategoryIds] = (0, import_react23.useState)(() => /* @__PURE__ */ new Set());
+  const handleActiveTabChange = (0, import_react23.useCallback)(
+    (value) => {
+      if (controlledActiveVenueTab == null) setInternalActiveTabValue(value);
+      onActiveVenueTabChange == null ? void 0 : onActiveVenueTabChange(value, { history: "push" });
+    },
+    [controlledActiveVenueTab, onActiveVenueTabChange]
+  );
+  const handleSelectedSortChange = (0, import_react23.useCallback)(
+    (value) => {
+      if (controlledSelectedSort == null) setInternalSelectedSort(value);
+      onSelectedSortChange == null ? void 0 : onSelectedSortChange(value, { history: "push" });
+    },
+    [controlledSelectedSort, onSelectedSortChange]
+  );
+  const handleCategoryPathChange = (0, import_react23.useCallback)(
+    (value, options) => {
+      if (controlledCategoryPath == null) setInternalCategoryPath(value);
+      onCategoryPathChange == null ? void 0 : onCategoryPathChange(value, options);
+    },
+    [controlledCategoryPath, onCategoryPathChange]
+  );
   const sortItems = (0, import_react23.useMemo)(() => {
     return [
       {
@@ -14890,9 +14931,9 @@ var EventList = ({
   const baseCategoryId = (_c = categoryIds == null ? void 0 : categoryIds[0]) != null ? _c : null;
   (0, import_react23.useEffect)(() => {
     if (!isDiscoveryFiltersEnabled) return;
-    setCategoryPath([]);
+    if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
-  }, [baseCategoryId, isDiscoveryFiltersEnabled]);
+  }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
   const { categories: topLevelCategories } = (0, import_hooks49.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
@@ -14904,12 +14945,13 @@ var EventList = ({
   const baseCategoryChildPrefetchIds = (0, import_react23.useMemo)(() => {
     return Array.from(
       /* @__PURE__ */ new Set([
+        ...baseCategoryId ? [baseCategoryId] : [],
         ...sortedTopLevelCategories.map((category) => category.id),
         ...categoryPath.map((category) => category.id)
       ])
     );
-  }, [categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId } = (0, import_hooks49.useCategoryChildren)({
+  }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks49.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -14959,7 +15001,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] = (0, import_react23.useState)(
+    () => controlledCategoryPath == null || controlledCategoryPath.length === 0 ? controlledCategoryPathValidationKey : ""
+  );
+  (0, import_react23.useEffect)(() => {
+    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 = (0, import_react23.useMemo)(() => {
     var _a2, _b2;
     return (_b2 = (_a2 = sortedTopLevelCategories.find((c) => c.id === baseCategoryId)) == null ? void 0 : _a2.eventCount) != null ? _b2 : 0;
@@ -15017,7 +15088,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
   });
   (0, import_react23.useEffect)(() => {
     if (stateRef) {
@@ -15078,7 +15150,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);
@@ -15090,7 +15162,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) {
@@ -15130,7 +15202,7 @@ var EventList = ({
                 ariaLabel: labels.eventList.tabsAria(title2),
                 className: "agg-event-list-tabs min-w-0 flex-1 max-w-[600px]!",
                 activeTab: activeTabValue,
-                onTabChange: setActiveTabValue,
+                onTabChange: handleActiveTabChange,
                 overflowBehavior: "scroll"
               }
             ),
@@ -15140,7 +15212,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!"
@@ -15157,7 +15229,7 @@ var EventList = ({
           ariaLabel: labels.eventList.tabsAria(title2),
           className: "agg-event-list-tabs min-w-0 flex-1",
           activeTab: activeTabValue,
-          onTabChange: setActiveTabValue,
+          onTabChange: handleActiveTabChange,
           overflowBehavior: "select"
         }
       ),
@@ -15167,7 +15239,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)]"
         }

package/dist/events.mjs

@@ -17,13 +17,13 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-V5CRUO6S.mjs";
+} from "./chunk-C4GFVJ62.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,
   resolveUnifiedOrderBookEntries
-} from "./chunk-6STRIKUA.mjs";
-import "./chunk-N7UPPT5J.mjs";
+} from "./chunk-WYCSTAN7.mjs";
+import "./chunk-RDBMHBR2.mjs";
 export {
   EventList,
   EventListItem,