@agg-build/ui 2.8.0 → 3.0.0

package/dist/trading.mjs

@@ -9,7 +9,7 @@ import {
   parseVenue,
   useClaimWinnings,
   useResolvedMarketClaim
-} from "./chunk-R5S2QOYL.mjs";
+} from "./chunk-XIDQ2A6W.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,

package/dist/types/pages/user-profile/components/available-balance-card.d.mts

@@ -1,3 +1,4 @@
+import type { Ref } from "react";
 type ChainRow = {
     key: string;
     label: string;
@@ -11,9 +12,12 @@ type AvailableBalanceCardProps = {
     chains: ChainRow[];
     isLoading?: boolean;
     className?: string;
+    onManage?: () => void;
+    manageButtonRef?: Ref<HTMLButtonElement>;
 };
+export declare const chainIconUrl: (label: string, key?: string) => string | undefined;
 export declare const AvailableBalanceCard: {
-    ({ label, valueLabel, reservedValueLabel, chains, isLoading, className, }: AvailableBalanceCardProps): JSX.Element;
+    ({ label, valueLabel, reservedValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/pages/user-profile/components/available-balance-card.d.ts

@@ -1,3 +1,4 @@
+import type { Ref } from "react";
 type ChainRow = {
     key: string;
     label: string;
@@ -11,9 +12,12 @@ type AvailableBalanceCardProps = {
     chains: ChainRow[];
     isLoading?: boolean;
     className?: string;
+    onManage?: () => void;
+    manageButtonRef?: Ref<HTMLButtonElement>;
 };
+export declare const chainIconUrl: (label: string, key?: string) => string | undefined;
 export declare const AvailableBalanceCard: {
-    ({ label, valueLabel, reservedValueLabel, chains, isLoading, className, }: AvailableBalanceCardProps): JSX.Element;
+    ({ label, valueLabel, reservedValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/pages/user-profile/components/manage-balances-modal.d.mts

@@ -0,0 +1,8 @@
+export type ManageBalancesModalProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare const ManageBalancesModal: {
+    ({ open, onOpenChange, }: ManageBalancesModalProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/pages/user-profile/components/manage-balances-modal.d.ts

@@ -0,0 +1,8 @@
+export type ManageBalancesModalProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare const ManageBalancesModal: {
+    ({ open, onOpenChange, }: ManageBalancesModalProps): JSX.Element;
+    displayName: string;
+};

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

@@ -3,6 +3,7 @@ export type { UserProfileActivity, UserProfileActivityStatus, UserProfileBalance
 export { USER_PROFILE_TAB_ACTIVITY, USER_PROFILE_TAB_OPEN_ORDERS, USER_PROFILE_TAB_POSITIONS, } from "./user-profile.constants";
 export type { UserProfileTabValue } from "./user-profile.constants";
 export { buildAggTxExplorerHref } from "./transaction-explorer";
+export { ManageBalancesModal } from "./components/manage-balances-modal";
 export declare const UserProfilePage: {
     ({ user, balanceChainsOverride, venueBalances: _venueBalances, balance, activePositions, closedPositions, activities, executionMode, onEditProfile, onDeposit, onWithdraw, openOrders, initialPositionFilter, tab, onTabChange, onPositionClick, getPositionHref, onClaim, claimingPositionKeys, onClaimResult, onClaimSubmitError, onActivityClick, getActivityHref, onOpenOrderClick, getOpenOrderHref, onCancelOrder, cancellingOrderIds, isLoadingPositions, isLoadingActivities, isLoadingOpenOrders, positionsError, activitiesError, openOrdersError, hasMoreActivePositions, isLoadingMoreActivePositions, onLoadMoreActivePositions, hasMoreClosedPositions, isLoadingMoreClosedPositions, onLoadMoreClosedPositions, onPositionFilterChange: onPositionFilterChangeProp, hasMoreActivities, isLoadingMoreActivities, onLoadMoreActivities, hasMoreOpenOrders, isLoadingMoreOpenOrders, onLoadMoreOpenOrders, classNames, onError, }: UserProfilePageProps & {
         onError?: (error: Error) => void;

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

@@ -3,6 +3,7 @@ export type { UserProfileActivity, UserProfileActivityStatus, UserProfileBalance
 export { USER_PROFILE_TAB_ACTIVITY, USER_PROFILE_TAB_OPEN_ORDERS, USER_PROFILE_TAB_POSITIONS, } from "./user-profile.constants";
 export type { UserProfileTabValue } from "./user-profile.constants";
 export { buildAggTxExplorerHref } from "./transaction-explorer";
+export { ManageBalancesModal } from "./components/manage-balances-modal";
 export declare const UserProfilePage: {
     ({ user, balanceChainsOverride, venueBalances: _venueBalances, balance, activePositions, closedPositions, activities, executionMode, onEditProfile, onDeposit, onWithdraw, openOrders, initialPositionFilter, tab, onTabChange, onPositionClick, getPositionHref, onClaim, claimingPositionKeys, onClaimResult, onClaimSubmitError, onActivityClick, getActivityHref, onOpenOrderClick, getOpenOrderHref, onCancelOrder, cancellingOrderIds, isLoadingPositions, isLoadingActivities, isLoadingOpenOrders, positionsError, activitiesError, openOrdersError, hasMoreActivePositions, isLoadingMoreActivePositions, onLoadMoreActivePositions, hasMoreClosedPositions, isLoadingMoreClosedPositions, onLoadMoreClosedPositions, onPositionFilterChange: onPositionFilterChangeProp, hasMoreActivities, isLoadingMoreActivities, onLoadMoreActivities, hasMoreOpenOrders, isLoadingMoreOpenOrders, onLoadMoreOpenOrders, classNames, onError, }: UserProfilePageProps & {
         onError?: (error: Error) => void;

package/dist/types/profile/profile-modal.constants.d.mts

@@ -2,7 +2,6 @@ import type { IconName } from "../primitives/icon/registry";
 export declare const PROFILE_TAB_KEYS: {
     readonly PROFILE_ACCOUNTS: "profile-accounts";
     readonly TRADING_ACCESS: "trading-access";
-    readonly BALANCE_MANAGEMENT: "balance-management";
 };
 export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
 export interface ProfileTabItem {
@@ -10,7 +9,7 @@ export interface ProfileTabItem {
     label: string;
     icon: IconName;
 }
-export declare const getProfileTabItems: (balanceManagementLabel: string) => ProfileTabItem[];
+export declare const getProfileTabItems: () => ProfileTabItem[];
 /**
  * Display names for venue slugs.
  * Re-uses the venue-logo labels as the single source of truth.

package/dist/types/profile/profile-modal.constants.d.ts

@@ -2,7 +2,6 @@ import type { IconName } from "../primitives/icon/registry";
 export declare const PROFILE_TAB_KEYS: {
     readonly PROFILE_ACCOUNTS: "profile-accounts";
     readonly TRADING_ACCESS: "trading-access";
-    readonly BALANCE_MANAGEMENT: "balance-management";
 };
 export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
 export interface ProfileTabItem {
@@ -10,7 +9,7 @@ export interface ProfileTabItem {
     label: string;
     icon: IconName;
 }
-export declare const getProfileTabItems: (balanceManagementLabel: string) => ProfileTabItem[];
+export declare const getProfileTabItems: () => ProfileTabItem[];
 /**
  * Display names for venue slugs.
  * Re-uses the venue-logo labels as the single source of truth.

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

@@ -16,6 +16,7 @@ export declare const DEFAULT_SLIPPAGE_VALUE = "0.5";
 export declare const DEFAULT_SLIPPAGE_MINIMUM = 0.5;
 export declare const HIGH_SLIPPAGE_THRESHOLD = 10;
 export declare const PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+export declare const PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID = "live-maximize-payout";
 export declare const PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 export declare const PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
 export declare const PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES: {

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

@@ -16,6 +16,7 @@ export declare const DEFAULT_SLIPPAGE_VALUE = "0.5";
 export declare const DEFAULT_SLIPPAGE_MINIMUM = 0.5;
 export declare const HIGH_SLIPPAGE_THRESHOLD = 10;
 export declare const PLACE_ORDER_ROUTE_COLLAPSED_CARD_COUNT = 3;
+export declare const PLACE_ORDER_MAXIMIZE_PAYOUT_ROUTE_ID = "live-maximize-payout";
 export declare const PLACE_ORDER_NUMERIC_INPUT_CLASS_NAME = "bg-transparent text-right text-agg-3xl font-agg-bold leading-agg-9 tracking-agg-normal text-agg-foreground outline-none";
 export declare const PLACE_ORDER_CONTAINER_CLASS_NAME = "w-full overflow-hidden rounded-agg-xl border border-agg-separator bg-agg-secondary shadow-none hover:shadow-none";
 export declare const PLACE_ORDER_OUTCOME_BUTTON_CLASS_NAMES: {

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

@@ -118,8 +118,12 @@ export type PlaceOrderSlippageControlProps = {
 };
 export type PlaceOrderRouteCardKind = "split" | "venue";
 export type PlaceOrderRouteCard = {
+    availableShares?: number;
+    description?: string;
+    executionPrice?: number;
     id: string;
     hint: string;
+    insufficientInventory?: boolean;
     kind: PlaceOrderRouteCardKind;
     label: string;
     numericValue: number;

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

@@ -118,8 +118,12 @@ export type PlaceOrderSlippageControlProps = {
 };
 export type PlaceOrderRouteCardKind = "split" | "venue";
 export type PlaceOrderRouteCard = {
+    availableShares?: number;
+    description?: string;
+    executionPrice?: number;
     id: string;
     hint: string;
+    insufficientInventory?: boolean;
     kind: PlaceOrderRouteCardKind;
     label: string;
     numericValue: number;

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

@@ -2,6 +2,8 @@ import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
 import type { SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
 import { type PlaceOrderOutcome, type PlaceOrderRoutingRow, type PlaceOrderTab, type TradingVenue } from "../types";
 import type { BuildLiveRouteCardsParams, PlaceOrderOutcomeClassNameParams, PlaceOrderExecutionStepGroup, PlaceOrderFailureStep, PlaceOrderFailureSummary, PlaceOrderOutcomeLabelValue, PlaceOrderLimitVenueOption, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
+export declare const floorToDecimals: (value: number, decimals: number) => number;
+export declare const formatFlooredShareAmount: (value: number, decimals: number) => string;
 export declare const buildLimitOrderVenueOptions: ({ currentPrices, livePrices, market, selectedOutcomeId, }: {
     currentPrices: ReadonlyMap<string, number>;
     livePrices?: ReadonlyMap<string, number>;
@@ -25,7 +27,7 @@ export declare const getResultValueClassName: (tone: PlaceOrderResultTone) => st
 export declare const resolveIsPositiveOutcome: (_outcome: PlaceOrderOutcomeLabelValue, index: number) => boolean;
 export declare const getOutcomeButtonClassName: ({ enableAnimations, isActive, isPositive, }: PlaceOrderOutcomeClassNameParams) => string;
 export declare const mapVenueMarketOutcomesToPlaceOrderOutcomes: (venueMarketOutcomes: PlaceOrderVenueOutcome[] | null | undefined) => PlaceOrderOutcome[];
-export declare const mapQuoteDataToRoutingRows: (quoteData: ResolvePlaceOrderQuoteResultParams["quoteData"]) => PlaceOrderRoutingRow[];
+export declare const mapQuoteDataToRoutingRows: (quoteData: ResolvePlaceOrderQuoteResultParams["quoteData"], tradeSide?: PlaceOrderTab) => PlaceOrderRoutingRow[];
 /**
  * Aggregate execution outcome for a (possibly split) order.
  * - `pending`          – not all order legs have reached a terminal state yet
@@ -56,16 +58,18 @@ export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, event
  */
 export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"]) => string | null;
 export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;
+export declare const hasInsufficientVenueInventory: (requestedSellShares: number, availableShares: number) => boolean;
 export declare const getRemainingVenueSellShares: (availableShares: number, filledShares: number) => number;
 export declare const buildVenueSellQuoteRequests: ({ quoteData, requestedSellShares, }: {
     quoteData: SmartRouteResponse | null | undefined;
     requestedSellShares: number;
 }) => VenueSellQuoteRequest[];
-export declare const buildLiveSellRouteCards: ({ labels, smartQuoteData, venueQuotes, eventVenues, geoBlockedVenues, }: {
+export declare const buildLiveSellRouteCards: ({ labels, requestedSellShares, smartQuoteData, venueQuotes, eventVenues, geoBlockedVenues, }: {
     labels: PlaceOrderTradingLabels;
+    requestedSellShares: number;
     smartQuoteData: SmartRouteResponse | null | undefined;
     venueQuotes: Array<{
-        venue: TradingVenue;
+        request: VenueSellQuoteRequest;
         quoteData: SmartRouteResponse | null | undefined;
     }>;
     eventVenues?: TradingVenue[];

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

@@ -2,6 +2,8 @@ import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
 import type { SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
 import { type PlaceOrderOutcome, type PlaceOrderRoutingRow, type PlaceOrderTab, type TradingVenue } from "../types";
 import type { BuildLiveRouteCardsParams, PlaceOrderOutcomeClassNameParams, PlaceOrderExecutionStepGroup, PlaceOrderFailureStep, PlaceOrderFailureSummary, PlaceOrderOutcomeLabelValue, PlaceOrderLimitVenueOption, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
+export declare const floorToDecimals: (value: number, decimals: number) => number;
+export declare const formatFlooredShareAmount: (value: number, decimals: number) => string;
 export declare const buildLimitOrderVenueOptions: ({ currentPrices, livePrices, market, selectedOutcomeId, }: {
     currentPrices: ReadonlyMap<string, number>;
     livePrices?: ReadonlyMap<string, number>;
@@ -25,7 +27,7 @@ export declare const getResultValueClassName: (tone: PlaceOrderResultTone) => st
 export declare const resolveIsPositiveOutcome: (_outcome: PlaceOrderOutcomeLabelValue, index: number) => boolean;
 export declare const getOutcomeButtonClassName: ({ enableAnimations, isActive, isPositive, }: PlaceOrderOutcomeClassNameParams) => string;
 export declare const mapVenueMarketOutcomesToPlaceOrderOutcomes: (venueMarketOutcomes: PlaceOrderVenueOutcome[] | null | undefined) => PlaceOrderOutcome[];
-export declare const mapQuoteDataToRoutingRows: (quoteData: ResolvePlaceOrderQuoteResultParams["quoteData"]) => PlaceOrderRoutingRow[];
+export declare const mapQuoteDataToRoutingRows: (quoteData: ResolvePlaceOrderQuoteResultParams["quoteData"], tradeSide?: PlaceOrderTab) => PlaceOrderRoutingRow[];
 /**
  * Aggregate execution outcome for a (possibly split) order.
  * - `pending`          – not all order legs have reached a terminal state yet
@@ -56,16 +58,18 @@ export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, event
  */
 export declare const resolveDefaultRouteCardId: (routeCards: PlaceOrderRouteCard[], primaryStatus?: SmartRouteResponse["status"]) => string | null;
 export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;
+export declare const hasInsufficientVenueInventory: (requestedSellShares: number, availableShares: number) => boolean;
 export declare const getRemainingVenueSellShares: (availableShares: number, filledShares: number) => number;
 export declare const buildVenueSellQuoteRequests: ({ quoteData, requestedSellShares, }: {
     quoteData: SmartRouteResponse | null | undefined;
     requestedSellShares: number;
 }) => VenueSellQuoteRequest[];
-export declare const buildLiveSellRouteCards: ({ labels, smartQuoteData, venueQuotes, eventVenues, geoBlockedVenues, }: {
+export declare const buildLiveSellRouteCards: ({ labels, requestedSellShares, smartQuoteData, venueQuotes, eventVenues, geoBlockedVenues, }: {
     labels: PlaceOrderTradingLabels;
+    requestedSellShares: number;
     smartQuoteData: SmartRouteResponse | null | undefined;
     venueQuotes: Array<{
-        venue: TradingVenue;
+        request: VenueSellQuoteRequest;
         quoteData: SmartRouteResponse | null | undefined;
     }>;
     eventVenues?: TradingVenue[];

package/package.json

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

package/dist/types/profile/tabs/balance-management-tab.d.mts

@@ -1,3 +0,0 @@
-export declare const BalanceManagementTab: ({ enabled }: {
-    enabled: boolean;
-}) => JSX.Element;

package/dist/types/profile/tabs/balance-management-tab.d.ts

@@ -1,3 +0,0 @@
-export declare const BalanceManagementTab: ({ enabled }: {
-    enabled: boolean;
-}) => JSX.Element;