@agg-build/ui 4.9.2 → 4.11.0

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-K6F2ZYNM.mjs";
+} from "./chunk-NCWBKC5C.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -32,9 +32,9 @@ import {
   prepareSettlementDifferences,
   resolveDifferenceIconClassName,
   useEventTradingContext
-} from "./chunk-TNNLRRHC.mjs";
-import "./chunk-H7L4HDXS.mjs";
-import "./chunk-NYL6A6AD.mjs";
+} from "./chunk-6EHT5OFU.mjs";
+import "./chunk-TXQJUVRW.mjs";
+import "./chunk-W7HQVQ22.mjs";
 export {
   FundKalshiModal,
   PlaceOrder,

package/dist/types/events/item-details/event-list-item-details.types.d.mts

@@ -51,6 +51,8 @@ export type EventListItemDetailsBaseProps = {
     defaultMarketId?: string;
     /** Outcome ID to preselect alongside defaultMarketId. */
     defaultOutcomeId?: string;
+    /** Trade side to preselect after market/outcome defaults apply. */
+    defaultTradeSide?: "buy" | "sell";
     /** Venue metadata used to enrich venue labels in the details card. */
     venueInfo?: EventListItemVenueInfoMap;
     /** Optional stat pills shown in the details summary area. */

package/dist/types/events/item-details/event-list-item-details.types.d.ts

@@ -51,6 +51,8 @@ export type EventListItemDetailsBaseProps = {
     defaultMarketId?: string;
     /** Outcome ID to preselect alongside defaultMarketId. */
     defaultOutcomeId?: string;
+    /** Trade side to preselect after market/outcome defaults apply. */
+    defaultTradeSide?: "buy" | "sell";
     /** Venue metadata used to enrich venue labels in the details card. */
     venueInfo?: EventListItemVenueInfoMap;
     /** Optional stat pills shown in the details summary area. */

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/dist/types/pages/event-market/event-market.types.d.mts

@@ -43,6 +43,8 @@ export type EventMarketPageBaseProps = {
     defaultMarketId?: string;
     /** Outcome ID to preselect alongside defaultMarketId. */
     defaultOutcomeId?: string;
+    /** Trade side to preselect (e.g. sell when opening from a held position). */
+    defaultTradeSide?: "buy" | "sell";
     /** Whether to render the place-order panel. */
     showPlaceOrder?: boolean;
     /**

package/dist/types/pages/event-market/event-market.types.d.ts

@@ -43,6 +43,8 @@ export type EventMarketPageBaseProps = {
     defaultMarketId?: string;
     /** Outcome ID to preselect alongside defaultMarketId. */
     defaultOutcomeId?: string;
+    /** Trade side to preselect (e.g. sell when opening from a held position). */
+    defaultTradeSide?: "buy" | "sell";
     /** Whether to render the place-order panel. */
     showPlaceOrder?: boolean;
     /**

package/dist/types/pages/event-market/sports-event-market-page.d.mts

@@ -1,7 +1,7 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
 import type { EventMarketPageProps } from "./event-market.types";
 export declare const SportsEventMarketPage: {
-    ({ event, defaultMarketId, defaultOutcomeId, classNames, ariaLabel, showPlaceOrder, executionMode, stickyOrderPanel, resolvedClaim, onBeforePrimaryAction, sharedKyc, }: Extract<EventMarketPageProps, {
+    ({ event, defaultMarketId, defaultOutcomeId, defaultTradeSide, classNames, ariaLabel, showPlaceOrder, executionMode, stickyOrderPanel, resolvedClaim, onBeforePrimaryAction, sharedKyc, }: Extract<EventMarketPageProps, {
         event: VenueEventWithMarkets;
     }>): JSX.Element;
     displayName: string;

package/dist/types/pages/event-market/sports-event-market-page.d.ts

@@ -1,7 +1,7 @@
 import type { VenueEventWithMarkets } from "../../events/item/event-list-item.types";
 import type { EventMarketPageProps } from "./event-market.types";
 export declare const SportsEventMarketPage: {
-    ({ event, defaultMarketId, defaultOutcomeId, classNames, ariaLabel, showPlaceOrder, executionMode, stickyOrderPanel, resolvedClaim, onBeforePrimaryAction, sharedKyc, }: Extract<EventMarketPageProps, {
+    ({ event, defaultMarketId, defaultOutcomeId, defaultTradeSide, classNames, ariaLabel, showPlaceOrder, executionMode, stickyOrderPanel, resolvedClaim, onBeforePrimaryAction, sharedKyc, }: Extract<EventMarketPageProps, {
         event: VenueEventWithMarkets;
     }>): JSX.Element;
     displayName: string;

package/dist/types/pages/user-profile/user-profile.types.d.mts

@@ -59,6 +59,8 @@ export interface UserProfilePosition {
     eventId?: string;
     /** Market ID used to preselect a market on the event details page. */
     marketId?: string;
+    /** Outcome ID used to open sell on the held outcome, not the market default. */
+    outcomeId?: string;
     /** Market thumbnail image URL */
     thumbnailSrc: string;
     /** Market title */

package/dist/types/pages/user-profile/user-profile.types.d.ts

@@ -59,6 +59,8 @@ export interface UserProfilePosition {
     eventId?: string;
     /** Market ID used to preselect a market on the event details page. */
     marketId?: string;
+    /** Outcome ID used to open sell on the held outcome, not the market default. */
+    outcomeId?: string;
     /** Market thumbnail image URL */
     thumbnailSrc: string;
     /** Market title */

package/dist/types/primitives/venue-logo/svg/logo-pred.d.mts

@@ -0,0 +1,10 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const PRED_LOGO_COLORS: {
+    readonly light: "#120C06";
+    readonly dark: "#F4FB37";
+};
+/** PRED's official opposing-arrow mark, traced from its production favicon. */
+export declare const LogoPredIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/primitives/venue-logo/svg/logo-pred.d.ts

@@ -0,0 +1,10 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const PRED_LOGO_COLORS: {
+    readonly light: "#120C06";
+    readonly dark: "#F4FB37";
+};
+/** PRED's official opposing-arrow mark, traced from its production favicon. */
+export declare const LogoPredIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/trading/place-order/index.place-order.execution-view.d.mts

@@ -19,8 +19,9 @@ export type PlaceOrderExecutionViewProps = PlaceOrderExecutionHeaderProps & {
     groups: ExecutionOrderGroup[];
     labels: PlaceOrderTradingLabels;
     progress: number;
+    settlementHint?: string;
 };
 export declare const PlaceOrderExecutionView: {
-    ({ className, classNames, enableAnimations, eventDateLabel, eventImage, eventTitle, groups, labels, progress, }: PlaceOrderExecutionViewProps): JSX.Element;
+    ({ className, classNames, enableAnimations, eventDateLabel, eventImage, eventTitle, groups, labels, progress, settlementHint, }: PlaceOrderExecutionViewProps): JSX.Element;
     displayName: string;
 };

package/dist/types/trading/place-order/index.place-order.execution-view.d.ts

@@ -19,8 +19,9 @@ export type PlaceOrderExecutionViewProps = PlaceOrderExecutionHeaderProps & {
     groups: ExecutionOrderGroup[];
     labels: PlaceOrderTradingLabels;
     progress: number;
+    settlementHint?: string;
 };
 export declare const PlaceOrderExecutionView: {
-    ({ className, classNames, enableAnimations, eventDateLabel, eventImage, eventTitle, groups, labels, progress, }: PlaceOrderExecutionViewProps): JSX.Element;
+    ({ className, classNames, enableAnimations, eventDateLabel, eventImage, eventTitle, groups, labels, progress, settlementHint, }: PlaceOrderExecutionViewProps): JSX.Element;
     displayName: string;
 };

package/dist/types/trading/place-order/index.place-order.types.d.mts

@@ -144,6 +144,13 @@ export type PlaceOrderRouteCard = {
     requiresSharedKyc?: boolean;
     /** Whether the venue is unavailable in the user's region (geo-blocked). */
     isUnavailable?: boolean;
+    /**
+     * The solo's bound outcome. `venue` alone is NOT unique — one venue can list
+     * the same matched outcome twice (two Hyperliquid deployers, two Kalshi
+     * books, a duplicate Polymarket listing), so the venue string cannot key a
+     * card. Set on solo/unavailable cards, absent on the primary and on splits.
+     */
+    venueMarketOutcomeId?: string;
 };
 export type PlaceOrderOutcomeClassNameParams = {
     enableAnimations: boolean;
@@ -247,6 +254,7 @@ export type ResolvePlaceOrderQuoteStatusParams = {
     labels: PlaceOrderTradingLabels;
     quoteData: SmartRouteResponse | null;
     selectedMarket: VenueMarket | null;
+    tradeSide?: PlaceOrderTab;
 };
 export type ResolvePlaceOrderTabKeyParams = {
     currentTab: PlaceOrderTab;

package/dist/types/trading/place-order/index.place-order.types.d.ts

@@ -144,6 +144,13 @@ export type PlaceOrderRouteCard = {
     requiresSharedKyc?: boolean;
     /** Whether the venue is unavailable in the user's region (geo-blocked). */
     isUnavailable?: boolean;
+    /**
+     * The solo's bound outcome. `venue` alone is NOT unique — one venue can list
+     * the same matched outcome twice (two Hyperliquid deployers, two Kalshi
+     * books, a duplicate Polymarket listing), so the venue string cannot key a
+     * card. Set on solo/unavailable cards, absent on the primary and on splits.
+     */
+    venueMarketOutcomeId?: string;
 };
 export type PlaceOrderOutcomeClassNameParams = {
     enableAnimations: boolean;
@@ -247,6 +254,7 @@ export type ResolvePlaceOrderQuoteStatusParams = {
     labels: PlaceOrderTradingLabels;
     quoteData: SmartRouteResponse | null;
     selectedMarket: VenueMarket | null;
+    tradeSide?: PlaceOrderTab;
 };
 export type ResolvePlaceOrderTabKeyParams = {
     currentTab: PlaceOrderTab;

package/dist/types/trading/place-order/index.place-order.utils.d.mts

@@ -77,7 +77,7 @@ export declare const resolvePlaceOrderQuoteResult: ({ labels, quoteData, tradeSi
 export declare const sanitizePlaceOrderAmount: (value: number) => number;
 export declare const getTradingRoutePriceLabel: (value: number) => string;
 export declare const isQuoteBelowVenueMinimum: (quoteData: SmartRouteResponse | null | undefined) => boolean;
-export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
+export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, tradeSide, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
 export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
 /**
  * Default route-card pick when the user hasn't selected one (or their selection

package/dist/types/trading/place-order/index.place-order.utils.d.ts

@@ -77,7 +77,7 @@ export declare const resolvePlaceOrderQuoteResult: ({ labels, quoteData, tradeSi
 export declare const sanitizePlaceOrderAmount: (value: number) => number;
 export declare const getTradingRoutePriceLabel: (value: number) => string;
 export declare const isQuoteBelowVenueMinimum: (quoteData: SmartRouteResponse | null | undefined) => boolean;
-export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
+export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, tradeSide, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
 export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
 /**
  * Default route-card pick when the user hasn't selected one (or their selection

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "4.9.2",
+  "version": "4.11.0",
   "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.9.0",
-    "@agg-build/sdk": "^4.9.2"
+    "@agg-build/hooks": "^4.11.0",
+    "@agg-build/sdk": "^4.11.0"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",