@agg-build/ui 4.17.2 → 4.18.0

package/dist/types/shared/open-orders.d.ts

@@ -0,0 +1,63 @@
+import type { useExecutionOrders } from "@agg-build/hooks";
+import type { UserProfileOpenOrder } from "../pages/user-profile/user-profile.types";
+/**
+ * Shared open-limit-order plumbing. The profile page and the event page render
+ * the same resting orders from the same `GET /orders` rows, so selection,
+ * pricing and the row mapping live here rather than in either page.
+ */
+export type OpenOrderExecutionRow = ReturnType<typeof useExecutionOrders>["orders"][number];
+/** Structural shape of the `useVenueMarketMidpoints` rows this module reads. */
+export interface OpenOrderMidpointRow {
+    venueMarketId: string;
+    outcomes?: ReadonlyArray<{
+        label: string;
+        midpoint: number | null;
+    }> | null;
+}
+export declare const parseRawMicroValue: (value: string | null | undefined) => number | null;
+export declare const formatScaledNumberTwoDecimals: (value: string | null | undefined) => string;
+export declare const formatFilledUsdTwoDecimals: (filledAmountRaw: string | null | undefined) => string;
+/** `0.216` → `"21.6¢"`. Shared by the limit price and the live mark beneath it
+ *  so the two lines never disagree on rounding. */
+export declare const formatPriceCentsLabel: (value: number) => string;
+export declare const formatLimitPriceLabel: (value: string | null | undefined) => string | undefined;
+export declare const formatOpenOrderExpirationLabel: ({ timeInForce, expiresAt, goodTilCanceledLabel, expiredLabel, }: {
+    timeInForce: string | null | undefined;
+    expiresAt: string | Date | null | undefined;
+    goodTilCanceledLabel: string;
+    expiredLabel: string;
+}) => string | undefined;
+/** `GET /orders` takes one status per call, so an open-orders view fans out. */
+export declare const OPEN_ORDER_QUERY_STATUSES: ("open" | "pending_bridge" | "submitting" | "submitted" | "pending" | "partially_filled_open" | "cancel_pending" | "signing")[];
+export declare const isOpenOrderStatus: (status: string) => boolean;
+export declare const isExecutionLimitOrder: (order: OpenOrderExecutionRow) => boolean;
+/**
+ * Flattens the per-status query results into the open limit orders to render:
+ * deduped by id (a status refetch can return the same order twice), filtered to
+ * resting limit orders, optionally narrowed to a set of markets, newest first.
+ *
+ * Narrow with `venueMarketIds`, not `venueEventId`, whenever the surface shows a
+ * matched cross-venue cluster: one screen's markets span several `VenueEvent`
+ * rows (each venue has its own), so an order placed against a sibling venue
+ * carries a different `venueEventId` and would be filtered out of the very page
+ * it was placed from. `venueEventId` stays for callers that really do mean one
+ * venue's event.
+ */
+export declare const selectOpenLimitOrders: (orderLists: ReadonlyArray<ReadonlyArray<OpenOrderExecutionRow>>, options?: {
+    venueEventId?: string;
+    venueMarketIds?: ReadonlyArray<string>;
+}) => OpenOrderExecutionRow[];
+/**
+ * orderId → current price label. Matched at the outcome level: a market-level
+ * midpoint is the wrong number for anything but the primary side, so an order
+ * whose outcome we cannot match is left without a price rather than shown a
+ * misleading one.
+ */
+export declare const buildOpenOrderCurrentPriceLabels: (orders: ReadonlyArray<OpenOrderExecutionRow>, midpointRows: ReadonlyArray<OpenOrderMidpointRow>) => Map<string, string>;
+export declare const OPEN_ORDER_FALLBACK_THUMBNAIL_SRC = "data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\"><rect width=\"100%\" height=\"100%\" fill=\"%23f4f4f7\"/></svg>";
+export declare const mapExecutionOrderToOpenOrder: (order: OpenOrderExecutionRow, { goodTilCanceledLabel, expiredLabel, currentPriceLabel, fallbackThumbnailSrc, }: {
+    goodTilCanceledLabel: string;
+    expiredLabel: string;
+    currentPriceLabel?: string;
+    fallbackThumbnailSrc?: string;
+}) => UserProfileOpenOrder;

package/dist/types/shared/use-open-order-cancellation.d.mts

@@ -0,0 +1,18 @@
+import type { UserProfileOpenOrder } from "../pages/user-profile/user-profile.types";
+export interface UseOpenOrderCancellationOptions {
+    /**
+     * Consumer-owned cancel flow. When supplied it fully replaces the built-in
+     * mutation — the caller is then responsible for its own pending state.
+     */
+    onCancelOrder?: (order: UserProfileOpenOrder) => void;
+}
+export interface UseOpenOrderCancellationResult {
+    /** Order ids with a cancel in flight. */
+    cancellingOrderIds: Record<string, boolean>;
+    cancelOrder: (order: UserProfileOpenOrder) => Promise<void>;
+}
+/**
+ * Cancels a resting limit order and reports the outcome as a toast. Shared by
+ * the profile table and the event page card so both surfaces behave the same.
+ */
+export declare const useOpenOrderCancellation: ({ onCancelOrder, }?: UseOpenOrderCancellationOptions) => UseOpenOrderCancellationResult;

package/dist/types/shared/use-open-order-cancellation.d.ts

@@ -0,0 +1,18 @@
+import type { UserProfileOpenOrder } from "../pages/user-profile/user-profile.types";
+export interface UseOpenOrderCancellationOptions {
+    /**
+     * Consumer-owned cancel flow. When supplied it fully replaces the built-in
+     * mutation — the caller is then responsible for its own pending state.
+     */
+    onCancelOrder?: (order: UserProfileOpenOrder) => void;
+}
+export interface UseOpenOrderCancellationResult {
+    /** Order ids with a cancel in flight. */
+    cancellingOrderIds: Record<string, boolean>;
+    cancelOrder: (order: UserProfileOpenOrder) => Promise<void>;
+}
+/**
+ * Cancels a resting limit order and reports the outcome as a toast. Shared by
+ * the profile table and the event page card so both surfaces behave the same.
+ */
+export declare const useOpenOrderCancellation: ({ onCancelOrder, }?: UseOpenOrderCancellationOptions) => UseOpenOrderCancellationResult;

package/dist/types/trading/manage-betdex-account-modal.d.mts

@@ -0,0 +1,5 @@
+/** Reuse the account controls without treating hosted cash as wallet cash. */
+export declare function ManageBetdexAccountModal({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): JSX.Element;

package/dist/types/trading/manage-betdex-account-modal.d.ts

@@ -0,0 +1,5 @@
+/** Reuse the account controls without treating hosted cash as wallet cash. */
+export declare function ManageBetdexAccountModal({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): JSX.Element;

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

@@ -15,6 +15,8 @@ export type ExecutionOrderGroup = {
     id: string;
     venue?: TradingVenue;
     venueLabel: string;
+    /** Replaces the default "<venue> order" heading. */
+    title?: string;
     priceLabel: string;
     amountLabel: string;
     steps: ExecutionStep[];

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

@@ -15,6 +15,8 @@ export type ExecutionOrderGroup = {
     id: string;
     venue?: TradingVenue;
     venueLabel: string;
+    /** Replaces the default "<venue> order" heading. */
+    title?: string;
     priceLabel: string;
     amountLabel: string;
     steps: ExecutionStep[];

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

@@ -264,6 +264,9 @@ export type PlaceOrderQuoteStatus = PlaceOrderStatus | undefined;
 export type PlaceOrderSubmissionProgressPhase = "finding-route" | "submitting" | "executing" | "success" | "failed";
 export type PlaceOrderExecutionSummary = {
     resultState?: "success" | "partial";
+    /** A limit order rests on the book, so success shows the order amount at its limit price instead of a fill. */
+    orderType?: "market" | "limit";
+    limitPriceLabel?: string;
     tradeSide?: PlaceOrderTab;
     shares: string;
     avgPrice: string;
@@ -292,4 +295,6 @@ export type PlaceOrderSubmissionProgressState = {
     phase: PlaceOrderSubmissionProgressPhase;
     summary?: PlaceOrderExecutionSummary;
     dagProgress?: DagStepProgress | null;
+    /** The single venue row shown while a limit order submits, and kept on failure. */
+    limitOrderGroup?: ExecutionOrderGroup;
 };

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

@@ -264,6 +264,9 @@ export type PlaceOrderQuoteStatus = PlaceOrderStatus | undefined;
 export type PlaceOrderSubmissionProgressPhase = "finding-route" | "submitting" | "executing" | "success" | "failed";
 export type PlaceOrderExecutionSummary = {
     resultState?: "success" | "partial";
+    /** A limit order rests on the book, so success shows the order amount at its limit price instead of a fill. */
+    orderType?: "market" | "limit";
+    limitPriceLabel?: string;
     tradeSide?: PlaceOrderTab;
     shares: string;
     avgPrice: string;
@@ -292,4 +295,6 @@ export type PlaceOrderSubmissionProgressState = {
     phase: PlaceOrderSubmissionProgressPhase;
     summary?: PlaceOrderExecutionSummary;
     dagProgress?: DagStepProgress | null;
+    /** The single venue row shown while a limit order submits, and kept on failure. */
+    limitOrderGroup?: ExecutionOrderGroup;
 };

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

@@ -1,7 +1,11 @@
 import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
-import type { SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
+import type { AggClient, 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";
+/** Quote identity follows spendable funds and reservations, not the clock of an
+ * unchanged five-second balance poll. Keep full source identity and raw strings;
+ * stale availability changes still invalidate, and server admission remains fresh. */
+export declare const getPlaceOrderBalanceCacheKey: (balances: Awaited<ReturnType<AggClient["getManagedBalances"]>>) => string;
 export declare const getPlaceOrderAverageExecutionPrice: (quoteData: SmartRouteResponse | null | undefined) => number | null;
 export declare const isPlaceOrderAveragePriceWorse: ({ averageExecutionPrice, displayedMarketPrice, tradeSide, }: {
     averageExecutionPrice: number | null | undefined;
@@ -20,6 +24,7 @@ export interface SellablePositionGroup {
                 venue: string;
                 venueMarketId: string;
                 size: number;
+                executionBackend?: "clearinghouse" | "direct";
             }[];
         }[];
     };

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

@@ -1,7 +1,11 @@
 import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
-import type { SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
+import type { AggClient, 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";
+/** Quote identity follows spendable funds and reservations, not the clock of an
+ * unchanged five-second balance poll. Keep full source identity and raw strings;
+ * stale availability changes still invalidate, and server admission remains fresh. */
+export declare const getPlaceOrderBalanceCacheKey: (balances: Awaited<ReturnType<AggClient["getManagedBalances"]>>) => string;
 export declare const getPlaceOrderAverageExecutionPrice: (quoteData: SmartRouteResponse | null | undefined) => number | null;
 export declare const isPlaceOrderAveragePriceWorse: ({ averageExecutionPrice, displayedMarketPrice, tradeSide, }: {
     averageExecutionPrice: number | null | undefined;
@@ -20,6 +24,7 @@ export interface SellablePositionGroup {
                 venue: string;
                 venueMarketId: string;
                 size: number;
+                executionBackend?: "clearinghouse" | "direct";
             }[];
         }[];
     };

package/package.json

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