@agg-build/ui 4.10.0 → 4.11.1

package/dist/pages.mjs

@@ -11,14 +11,14 @@ import {
   formatRecurringCountdown,
   formatShareAmount,
   useHomePageModals
-} from "./chunk-SMQRUNMZ.mjs";
-import "./chunk-H5LCCV2J.mjs";
+} from "./chunk-VMG6BUHI.mjs";
+import "./chunk-EYJS45RP.mjs";
 import {
   DEPOSIT_MODAL_OPEN_EVENT,
   WITHDRAW_MODAL_OPEN_EVENT,
   requestAggDepositModalOpen,
   requestAggWithdrawModalOpen
-} from "./chunk-4HTE5IEZ.mjs";
+} from "./chunk-WWIVSROM.mjs";
 import "./chunk-6EHT5OFU.mjs";
 import "./chunk-TXQJUVRW.mjs";
 import "./chunk-W7HQVQ22.mjs";

package/dist/trading.js

@@ -9214,8 +9214,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);
 };
@@ -12188,7 +12194,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 },
@@ -13609,13 +13615,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 = (0, import_react17.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
         })
@@ -13636,23 +13646,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 = (0, import_react17.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 = (0, import_react17.useMemo)(() => {
     var _a2, _b2;
@@ -14337,7 +14357,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,
@@ -15098,7 +15118,7 @@ var PlaceOrder = ({
                       message: internalTab === "buy" ? tradingLabels.lowLiquidityWarning : tradingLabels.lowLiquiditySellWarning
                     }
                   ) : null,
-                  !shouldShowGeoBlockBanner && internalTab === "buy" && showFeesBreakdown ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("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__ */ (0, import_jsx_runtime145.jsxs)("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__ */ (0, import_jsx_runtime145.jsx)(
                       Icon,
                       {

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-4HTE5IEZ.mjs";
+} from "./chunk-WWIVSROM.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,

package/dist/types/events/list/event-list.constants.d.mts

@@ -1,4 +1,4 @@
-import type { AggUiLabels } from "@agg-build/hooks";
+import { type AggUiLabels } from "@agg-build/hooks";
 import type { EventListSortValue, EventListTab } from "./event-list.types";
 export declare const DEFAULT_EVENTS_LIMIT = 50;
 export declare const DEFAULT_EVENT_LIST_SORT: EventListSortValue;

package/dist/types/events/list/event-list.constants.d.ts

@@ -1,4 +1,4 @@
-import type { AggUiLabels } from "@agg-build/hooks";
+import { type AggUiLabels } from "@agg-build/hooks";
 import type { EventListSortValue, EventListTab } from "./event-list.types";
 export declare const DEFAULT_EVENTS_LIMIT = 50;
 export declare const DEFAULT_EVENT_LIST_SORT: EventListSortValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.10.0",
+  "version": "4.11.1",
   "description": "Pre-built React component library for the AGG prediction market aggregator. Tailwind-based, themeable, with primitives, event surfaces, trading flows, full pages, and modals.",
   "sideEffects": false,
   "license": "MIT",
@@ -100,8 +100,8 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^4.10.0",
-    "@agg-build/sdk": "^4.10.0"
+    "@agg-build/hooks": "^4.11.0",
+    "@agg-build/sdk": "^4.11.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",