@agg-build/ui 4.10.0 → 4.11.1

package/dist/{chunk-H5LCCV2J.mjs → chunk-EYJS45RP.mjs}

@@ -5623,6 +5623,7 @@ 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 { sortVenues as sortVenues4 } from "@agg-build/hooks";
 import { MatchStatus, Venue as Venue2 } from "@agg-build/sdk";
 var DEFAULT_EVENTS_LIMIT = 50;
 var DEFAULT_EVENT_LIST_SORT = "volume24hr";
@@ -5633,7 +5634,7 @@ var EVENT_LIST_SORT_VALUES = [
   "endDate"
 ];
 var getDefaultEventListTabs = (labels) => {
-  return [
+  const tabs = [
     {
       value: "matched",
       label: labels.eventList.matchedTab,
@@ -5709,6 +5710,17 @@ var getDefaultEventListTabs = (labels) => {
       isComingSoon: true
     }
   ];
+  const venueRank = new Map(
+    sortVenues4(tabs.flatMap((tab) => tab.venueLogo ? [tab.venueLogo] : [])).map((venue, i) => [
+      venue,
+      i
+    ])
+  );
+  const rank = (tab) => {
+    var _a;
+    return tab.venueLogo ? 1 + ((_a = venueRank.get(tab.venueLogo)) != null ? _a : venueRank.size) : 0;
+  };
+  return [...tabs].sort((a, b) => rank(a) - rank(b));
 };
 
 // src/events/list/event-list-tabs.tsx

package/dist/{chunk-SMQRUNMZ.mjs → chunk-VMG6BUHI.mjs}

@@ -12,7 +12,7 @@ import {
   isErrorWithStatus,
   useEventListTabs,
   useEventListTabsHeaderOverflow
-} from "./chunk-H5LCCV2J.mjs";
+} from "./chunk-EYJS45RP.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   PlaceOrder,
@@ -21,7 +21,7 @@ import {
   formatChainIdLabel,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-4HTE5IEZ.mjs";
+} from "./chunk-WWIVSROM.mjs";
 import {
   getDisplayOutcomePrice,
   resolveHeaderOutcomeItems,

package/dist/{chunk-4HTE5IEZ.mjs → chunk-WWIVSROM.mjs}

@@ -1311,8 +1311,14 @@ var extractGeoBlockedVenues = (warnings) => {
   );
 };
 var getSmartRouteTotalFees = (feeBreakdown) => {
+  var _a, _b;
   if (!feeBreakdown) return null;
-  const feeParts = [feeBreakdown.venueFees, feeBreakdown.bridgeFees, feeBreakdown.executionGas];
+  const feeParts = [
+    feeBreakdown.venueFees + ((_a = feeBreakdown.builderFee) != null ? _a : 0),
+    feeBreakdown.bridgeFees,
+    feeBreakdown.executionGas,
+    (_b = feeBreakdown.appFee) != null ? _b : 0
+  ];
   if (!feeParts.every(Number.isFinite)) return null;
   return feeParts.reduce((total, fee) => total + Math.round(fee * 100) / 100, 0);
 };
@@ -4285,7 +4291,7 @@ var PlaceOrder = ({
   showResolvingState = false,
   midpointsResult
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da;
   const {
     enableDebug: isExecutionDebugEnabled,
     features: { enableAnimations, showFeesBreakdown, showLimitOrders: limitOrdersFeature },
@@ -5706,13 +5712,17 @@ var PlaceOrder = ({
     if (totalFees == null) return null;
     return formatUsd(totalFees, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
   }, [activeFeeBreakdown]);
+  const appFeeValue = (__ = activeFeeBreakdown == null ? void 0 : activeFeeBreakdown.appFee) != null ? __ : 0;
   const feeBreakdownRows = useMemo(() => {
+    var _a2;
     if (!activeFeeBreakdown) return [];
     return [
       {
+        // The builder slice (Hyperliquid only today) is a separate field on the
+        // wire but reads as one cost to the user, so it renders inside "Venue".
         kind: "amount",
         label: tradingLabels.feeBreakdownVenueFees,
-        value: formatUsd(activeFeeBreakdown.venueFees, {
+        value: formatUsd(activeFeeBreakdown.venueFees + ((_a2 = activeFeeBreakdown.builderFee) != null ? _a2 : 0), {
           minimumFractionDigits: 2,
           maximumFractionDigits: 2
         })
@@ -5733,23 +5743,33 @@ var PlaceOrder = ({
           maximumFractionDigits: 2
         })
       },
-      {
+      // A partner charging a non-zero app fee gets a plain dollar row like every
+      // other cost above it — the "0% fee" badge is only true, and only worth
+      // highlighting, when the fee really is zero.
+      appFeeValue > 0 ? {
+        kind: "amount",
+        label: tradingLabels.feeBreakdownAggMarket,
+        value: formatUsd(appFeeValue, {
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        })
+      } : {
         kind: "badge",
         label: tradingLabels.feeBreakdownAggMarket,
         badgeLabel: tradingLabels.feeBreakdownPlatformFeeBadge
       }
     ];
-  }, [activeFeeBreakdown, tradingLabels]);
+  }, [activeFeeBreakdown, appFeeValue, tradingLabels]);
   const isActionLoading = isPrimaryActionLoading || executeManaged.isPending || placeLimitOrder.isPending || isBeforeActionPending;
   const selectedLimitRouteCardId = selectedLimitVenueOption ? `limit-venue-${selectedLimitVenueOption.venue}-${selectedLimitVenueOption.venueMarketOutcomeId}` : null;
-  const selectedLimitRouteCard = selectedLimitRouteCardId ? (__ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? __ : null : null;
-  const selectedRouteGeoBlocked = isLimitOrder ? (_$ = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _$ : false : (_aa = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _aa : false;
+  const selectedLimitRouteCard = selectedLimitRouteCardId ? (_$ = limitRouteCards.find((card) => card.id === selectedLimitRouteCardId)) != null ? _$ : null : null;
+  const selectedRouteGeoBlocked = isLimitOrder ? (_aa = selectedLimitRouteCard == null ? void 0 : selectedLimitRouteCard.isUnavailable) != null ? _aa : false : (_ba = selectedRouteCard == null ? void 0 : selectedRouteCard.isUnavailable) != null ? _ba : false;
   const geoBlockedVenuesFromWarnings = useMemo(
     () => {
       var _a2;
       return extractGeoBlockedVenues((_a2 = smartRoute.data) == null ? void 0 : _a2.warnings);
     },
-    [(_ba = smartRoute.data) == null ? void 0 : _ba.warnings]
+    [(_ca = smartRoute.data) == null ? void 0 : _ca.warnings]
   );
   const isPrimaryVenueGeoBlocked = useMemo(() => {
     var _a2, _b2;
@@ -6434,7 +6454,7 @@ var PlaceOrder = ({
       PlaceOrderResolvedView,
       {
         tradingState: resolvedReadOnlyTradingState,
-        resolutionTimestamp: (_ca = resolvedEventTradingState.resolvesAt) != null ? _ca : resolvedReadOnlyTradingState.resolvesAt,
+        resolutionTimestamp: (_da = resolvedEventTradingState.resolvesAt) != null ? _da : resolvedReadOnlyTradingState.resolvesAt,
         resolvedClaim,
         classNames,
         className,
@@ -7195,7 +7215,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ jsxs6("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
+                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown && appFeeValue === 0 ? /* @__PURE__ */ jsxs6("div", { className: "agg-order-platform-fee mt-1 flex items-center justify-center gap-1.5 text-agg-sm leading-agg-5 text-agg-muted-foreground", children: [
                     /* @__PURE__ */ jsx7(
                       Icon,
                       {

package/dist/events.js

@@ -14927,7 +14927,7 @@ var MarketDetailsList = ({
 MarketDetailsList.displayName = "MarketDetailsList";
 
 // src/events/list/index.tsx
-var import_hooks51 = require("@agg-build/hooks");
+var import_hooks52 = require("@agg-build/hooks");
 var import_sdk17 = require("@agg-build/sdk");
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
 var import_react25 = require("react");
@@ -15050,16 +15050,17 @@ var CategorySidebar = ({
 CategorySidebar.displayName = "CategorySidebar";
 
 // src/events/list/event-list-tabs.tsx
-var import_hooks50 = require("@agg-build/hooks");
+var import_hooks51 = require("@agg-build/hooks");
 var import_sdk16 = require("@agg-build/sdk");
 var import_react24 = require("react");
 
 // src/events/list/event-list.constants.ts
+var import_hooks50 = require("@agg-build/hooks");
 var import_sdk15 = require("@agg-build/sdk");
 var DEFAULT_EVENTS_LIMIT = 50;
 var DEFAULT_EVENT_LIST_SORT = "volume24hr";
 var getDefaultEventListTabs = (labels) => {
-  return [
+  const tabs = [
     {
       value: "matched",
       label: labels.eventList.matchedTab,
@@ -15135,6 +15136,17 @@ var getDefaultEventListTabs = (labels) => {
       isComingSoon: true
     }
   ];
+  const venueRank = new Map(
+    (0, import_hooks50.sortVenues)(tabs.flatMap((tab) => tab.venueLogo ? [tab.venueLogo] : [])).map((venue, i) => [
+      venue,
+      i
+    ])
+  );
+  const rank = (tab) => {
+    var _a;
+    return tab.venueLogo ? 1 + ((_a = venueRank.get(tab.venueLogo)) != null ? _a : venueRank.size) : 0;
+  };
+  return [...tabs].sort((a, b) => rank(a) - rank(b));
 };
 
 // src/events/list/event-list-tabs.tsx
@@ -15158,14 +15170,14 @@ var renderTabIcon = (tab, isActive) => {
   );
 };
 var useEventListTabs = (tabs) => {
-  const labels = (0, import_hooks50.useLabels)();
-  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks50.useAppConfig)();
-  const { isLocationBlocked } = (0, import_hooks50.useGeoBlock)();
+  const labels = (0, import_hooks51.useLabels)();
+  const { disabledVenues, isLoading: isAppConfigLoading } = (0, import_hooks51.useAppConfig)();
+  const { isLocationBlocked } = (0, import_hooks51.useGeoBlock)();
   return (0, import_react24.useMemo)(() => {
     const baseTabs = tabs != null ? tabs : getDefaultEventListTabs(labels);
     return baseTabs.flatMap((tab) => {
       if (!tab.venueLogo) return [tab];
-      const availabilityState = (0, import_hooks50.getVenueAvailabilityState)({
+      const availabilityState = (0, import_hooks51.getVenueAvailabilityState)({
         venueId: tab.venueLogo,
         disabledVenues,
         // A globally inactive or default-disabled venue is hidden until
@@ -15289,15 +15301,15 @@ var EventList = ({
   stateRef
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const labels = (0, import_hooks51.useLabels)();
-  const { disabledVenues } = (0, import_hooks51.useAppConfig)();
+  const labels = (0, import_hooks52.useLabels)();
+  const { disabledVenues } = (0, import_hooks52.useAppConfig)();
   const {
     features: { enableVenueEventDiscoveryFilters, showSportsMarkets }
-  } = (0, import_hooks51.useSdkUiConfig)();
+  } = (0, import_hooks52.useSdkUiConfig)();
   const isDiscoveryFiltersEnabled = enableVenueEventDiscoveryFilters && !search;
   const resolvedTabs = useEventListTabs();
   const visibleVenues = (0, import_react25.useMemo)(
-    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks51.getVisibleVenueIdsByConfig)(import_sdk17.VENUES, disabledVenues),
+    () => disabledVenues.length === 0 ? void 0 : (0, import_hooks52.getVisibleVenueIdsByConfig)(import_sdk17.VENUES, disabledVenues),
     [disabledVenues]
   );
   const [internalActiveTabValue, setInternalActiveTabValue] = (0, import_react25.useState)(
@@ -15366,7 +15378,7 @@ var EventList = ({
     if (controlledCategoryPath == null) setInternalCategoryPath([]);
     setCollapsedCategoryIds(/* @__PURE__ */ new Set());
   }, [baseCategoryId, controlledCategoryPath, isDiscoveryFiltersEnabled]);
-  const { categories: topLevelCategories } = (0, import_hooks51.useCategories)({
+  const { categories: topLevelCategories } = (0, import_hooks52.useCategories)({
     queryKeyScope: "event-list-top-categories",
     enabled: isDiscoveryFiltersEnabled,
     limit: 100
@@ -15383,7 +15395,7 @@ var EventList = ({
       ])
     );
   }, [baseCategoryId, categoryPath, sortedTopLevelCategories]);
-  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks51.useCategoryChildren)({
+  const { childrenByParentId: baseChildrenByParentId, isLoading: isBaseCategoryChildrenLoading } = (0, import_hooks52.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: baseCategoryChildPrefetchIds,
@@ -15404,7 +15416,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [baseCategoryId, baseChildrenByParentId, categoryPath]);
-  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks51.useCategoryChildren)({
+  const { childrenByParentId: visibleChildrenByParentId } = (0, import_hooks52.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleChildPrefetchIds,
@@ -15420,7 +15432,7 @@ var EventList = ({
     }
     return Array.from(ids);
   }, [categoryPath, visibleChildrenByParentId]);
-  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks51.useCategoryChildren)({
+  const { childrenByParentId: visibleGrandchildrenByParentId } = (0, import_hooks52.useCategoryChildren)({
     queryKeyScope: "event-list-category-children",
     enabled: isDiscoveryFiltersEnabled,
     parentIds: visibleGrandchildPrefetchIds,
@@ -15505,14 +15517,14 @@ var EventList = ({
     isFetchingNextPage,
     isPlaceholderData,
     loadedPageCount
-  } = (0, import_hooks51.useVenueEvents)({
+  } = (0, import_hooks52.useVenueEvents)({
     queryKeyScope: "event-list",
     venues,
     search,
     categoryIds: resolvedCategoryIds,
     matchStatus,
     limit: requestLimit,
-    status: [import_hooks51.MarketStatus.open],
+    status: [import_hooks52.MarketStatus.open],
     sortBy: sortQueryParams.sortBy,
     sortDir: sortQueryParams.sortDir,
     endDateFrom,
@@ -15548,7 +15560,7 @@ var EventList = ({
   const visibleMidpointVenueMarketIds = (0, import_react25.useMemo)(() => {
     return collectMidpointVenueMarketIds(visibleVenueMarkets);
   }, [visibleVenueMarkets]);
-  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks51.useVenueMarketMidpoints)({
+  const { midpointRows: sharedMidpointRows, isLoading: isSharedMidpointsLoading } = (0, import_hooks52.useVenueMarketMidpoints)({
     venueMarketIds: visibleMidpointVenueMarketIds,
     enabled: visibleMidpointVenueMarketIds.length > 0
   });
@@ -15729,7 +15741,7 @@ var EventList = ({
                     onMarketClick,
                     getMarketHref,
                     href: getEventHref == null ? void 0 : getEventHref(event),
-                    marketStatus: import_hooks51.MarketStatus.open
+                    marketStatus: import_hooks52.MarketStatus.open
                   },
                   event.id
                 )),

package/dist/events.mjs

@@ -17,7 +17,7 @@ import {
   orderbookRowLimitDefault,
   resolveEventDetailsSyncKey,
   useCenterOrderbookSpread
-} from "./chunk-H5LCCV2J.mjs";
+} from "./chunk-EYJS45RP.mjs";
 import {
   formatProbabilityCents,
   resolveOrderBookRows,