@agg-build/ui 4.17.3 → 4.18.0

package/dist/types/pages/user-profile/components/betdex-account-transfers.d.mts

@@ -0,0 +1,7 @@
+export declare function hostedWithdrawalRaw(value: string): string | null;
+export declare function BetdexAccountTransfers({ accountId, environment, availableRaw, canDeposit, }: {
+    accountId: string;
+    environment: "production" | "sandbox";
+    availableRaw?: string;
+    canDeposit: boolean;
+}): JSX.Element | null;

package/dist/types/pages/user-profile/components/betdex-account-transfers.d.ts

@@ -0,0 +1,7 @@
+export declare function hostedWithdrawalRaw(value: string): string | null;
+export declare function BetdexAccountTransfers({ accountId, environment, availableRaw, canDeposit, }: {
+    accountId: string;
+    environment: "production" | "sandbox";
+    availableRaw?: string;
+    canDeposit: boolean;
+}): JSX.Element | null;

package/dist/types/pages/user-profile/components/open-order-row.d.mts

@@ -1,6 +1,13 @@
 import type { UserProfileOpenOrder } from "../user-profile.types";
 type OpenOrderRowProps = {
     order: UserProfileOpenOrder;
+    /**
+     * "profile" is the portfolio table row (market thumbnail, stat labels inline).
+     * "event" is the event page card row: every order belongs to the event on
+     * screen, so the thumbnail gives way to the order size in shares, and the
+     * mobile stats stack their label under the value.
+     */
+    variant?: "profile" | "event";
     href?: string;
     onClick?: (order: UserProfileOpenOrder) => void;
     onCancel?: (order: UserProfileOpenOrder) => void;
@@ -17,7 +24,7 @@ type OpenOrderRowProps = {
 export declare const canCancelOpenOrder: (order: UserProfileOpenOrder) => boolean;
 export declare const isPendingOpenOrder: (order: UserProfileOpenOrder) => boolean;
 export declare const OpenOrderRow: {
-    ({ order, href, onClick, onCancel, isCancelling, cancelLabel, cancelAriaLabel, limitPriceHeader, filledHeader, totalHeader, expirationHeader, }: OpenOrderRowProps): JSX.Element;
+    ({ order, variant, href, onClick, onCancel, isCancelling, cancelLabel, cancelAriaLabel, limitPriceHeader, filledHeader, totalHeader, expirationHeader, }: OpenOrderRowProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/pages/user-profile/components/open-order-row.d.ts

@@ -1,6 +1,13 @@
 import type { UserProfileOpenOrder } from "../user-profile.types";
 type OpenOrderRowProps = {
     order: UserProfileOpenOrder;
+    /**
+     * "profile" is the portfolio table row (market thumbnail, stat labels inline).
+     * "event" is the event page card row: every order belongs to the event on
+     * screen, so the thumbnail gives way to the order size in shares, and the
+     * mobile stats stack their label under the value.
+     */
+    variant?: "profile" | "event";
     href?: string;
     onClick?: (order: UserProfileOpenOrder) => void;
     onCancel?: (order: UserProfileOpenOrder) => void;
@@ -17,7 +24,7 @@ type OpenOrderRowProps = {
 export declare const canCancelOpenOrder: (order: UserProfileOpenOrder) => boolean;
 export declare const isPendingOpenOrder: (order: UserProfileOpenOrder) => boolean;
 export declare const OpenOrderRow: {
-    ({ order, href, onClick, onCancel, isCancelling, cancelLabel, cancelAriaLabel, limitPriceHeader, filledHeader, totalHeader, expirationHeader, }: OpenOrderRowProps): JSX.Element;
+    ({ order, variant, href, onClick, onCancel, isCancelling, cancelLabel, cancelAriaLabel, limitPriceHeader, filledHeader, totalHeader, expirationHeader, }: OpenOrderRowProps): JSX.Element;
     displayName: string;
 };
 export {};

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

@@ -263,6 +263,11 @@ export interface UserProfileOpenOrder {
     currentPriceLabel?: string;
     /** Filled-out-of-total label, e.g. "0/150" */
     filledLabel: string;
+    /**
+     * Order size in shares. Rendered as a "100 shares" line beside the venue logo
+     * on the event page; the profile row leaves it out.
+     */
+    sizeShares?: number;
     /** Total notional label, e.g. "$25.86" */
     valueLabel: string;
     /** Order expiration label, e.g. "55m" or "Good 'til canceled" */

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

@@ -263,6 +263,11 @@ export interface UserProfileOpenOrder {
     currentPriceLabel?: string;
     /** Filled-out-of-total label, e.g. "0/150" */
     filledLabel: string;
+    /**
+     * Order size in shares. Rendered as a "100 shares" line beside the venue logo
+     * on the event page; the profile row leaves it out.
+     */
+    sizeShares?: number;
     /** Total notional label, e.g. "$25.86" */
     valueLabel: string;
     /** Order expiration label, e.g. "55m" or "Good 'til canceled" */

package/dist/types/primitives/chart/chart.constants.d.mts

@@ -3,3 +3,10 @@ export declare const LINE_CHART_DEFAULT_HEIGHT = 280;
 export declare const LINE_CHART_DEFAULT_TYPE: LineChartType;
 export declare const LINE_CHART_DEFAULT_SHOW_SERIES_CONTROLS = true;
 export declare const LINE_CHART_DEFAULT_WINDOW_THRESHOLD = 1.05;
+/** Inset of the plot inside the chart canvas: y-axis labels sit in the right gutter, x-axis labels in the bottom one. Skeletons mirror it. */
+export declare const LINE_CHART_PLOT_PADDING: {
+    readonly top: 12;
+    readonly right: 28;
+    readonly bottom: 28;
+    readonly left: 12;
+};

package/dist/types/primitives/chart/chart.constants.d.ts

@@ -3,3 +3,10 @@ export declare const LINE_CHART_DEFAULT_HEIGHT = 280;
 export declare const LINE_CHART_DEFAULT_TYPE: LineChartType;
 export declare const LINE_CHART_DEFAULT_SHOW_SERIES_CONTROLS = true;
 export declare const LINE_CHART_DEFAULT_WINDOW_THRESHOLD = 1.05;
+/** Inset of the plot inside the chart canvas: y-axis labels sit in the right gutter, x-axis labels in the bottom one. Skeletons mirror it. */
+export declare const LINE_CHART_PLOT_PADDING: {
+    readonly top: 12;
+    readonly right: 28;
+    readonly bottom: 28;
+    readonly left: 12;
+};

package/dist/types/primitives/chart/chart.types.d.mts

@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
-import type { CandlePoint, LivelinePoint } from "liveline";
+import type { CandlePoint, LivelinePoint, OrderbookData } from "liveline";
+/** Bid/ask tuples consumed by Liveline's decorative liquidity stream. */
+export type LineChartOrderbook = OrderbookData;
 export type LineChartPoint = {
     time: number;
     value: number;
@@ -11,6 +13,7 @@ export type LineChartPoint = {
 export type LineChartType = "line" | "candlestick";
 export type LineChartSeries = {
     id: string;
+    label?: string;
     color: string;
     points: LineChartPoint[];
     lineWidth?: number;
@@ -25,6 +28,17 @@ export type LineChartSeriesControlsRenderProps = {
     handleSeriesChange: (seriesId: string) => void;
 };
 export type LineChartProps = {
+    /** Probability layout: fixed 0–100% scale, period steps and readable liquidity labels. */
+    presentation?: "streaming" | "probability";
+    /** Visible timestamp range in seconds; does not add observations to the data. */
+    timeDomain?: {
+        from: number;
+        to: number;
+    };
+    /** Advance the live edge with wall-clock time inside timeDomain, holding the latest quote until it changes. */
+    followTime?: boolean;
+    /** Optional axis and hover formatter for a market-specific timezone. */
+    formatTime?: (timestamp: number) => string;
     /** Series to display on the chart */
     series: LineChartSeries[];
     /** Height of the chart */
@@ -47,7 +61,15 @@ export type LineChartProps = {
     lineData?: LivelinePoint[];
     /** Live line overlay current value. */
     lineValue?: number;
-    /** Whether live effects (momentum, pulse) should be active. Defaults to global enableLiveUpdates. */
+    /**
+     * Optional floating bid/ask liquidity labels for a single-series line chart.
+     * These visualize resting liquidity, not individual trades or price-positioned markers.
+     * Tuples are [price, size]; Liveline formats size as USD, so convert share
+     * quantities to dollar notional (probability * shares) before passing them.
+     * Disabled while loading, when live/animations are off, or for reduced motion.
+     */
+    orderbook?: LineChartOrderbook;
+    /** Whether live effects (momentum, pulse, orderbook stream) should be active. Defaults to global enableLiveUpdates. */
     live?: boolean;
 };
 export type LineChartClassNames = {

package/dist/types/primitives/chart/chart.types.d.ts

@@ -1,5 +1,7 @@
 import type { ReactNode } from "react";
-import type { CandlePoint, LivelinePoint } from "liveline";
+import type { CandlePoint, LivelinePoint, OrderbookData } from "liveline";
+/** Bid/ask tuples consumed by Liveline's decorative liquidity stream. */
+export type LineChartOrderbook = OrderbookData;
 export type LineChartPoint = {
     time: number;
     value: number;
@@ -11,6 +13,7 @@ export type LineChartPoint = {
 export type LineChartType = "line" | "candlestick";
 export type LineChartSeries = {
     id: string;
+    label?: string;
     color: string;
     points: LineChartPoint[];
     lineWidth?: number;
@@ -25,6 +28,17 @@ export type LineChartSeriesControlsRenderProps = {
     handleSeriesChange: (seriesId: string) => void;
 };
 export type LineChartProps = {
+    /** Probability layout: fixed 0–100% scale, period steps and readable liquidity labels. */
+    presentation?: "streaming" | "probability";
+    /** Visible timestamp range in seconds; does not add observations to the data. */
+    timeDomain?: {
+        from: number;
+        to: number;
+    };
+    /** Advance the live edge with wall-clock time inside timeDomain, holding the latest quote until it changes. */
+    followTime?: boolean;
+    /** Optional axis and hover formatter for a market-specific timezone. */
+    formatTime?: (timestamp: number) => string;
     /** Series to display on the chart */
     series: LineChartSeries[];
     /** Height of the chart */
@@ -47,7 +61,15 @@ export type LineChartProps = {
     lineData?: LivelinePoint[];
     /** Live line overlay current value. */
     lineValue?: number;
-    /** Whether live effects (momentum, pulse) should be active. Defaults to global enableLiveUpdates. */
+    /**
+     * Optional floating bid/ask liquidity labels for a single-series line chart.
+     * These visualize resting liquidity, not individual trades or price-positioned markers.
+     * Tuples are [price, size]; Liveline formats size as USD, so convert share
+     * quantities to dollar notional (probability * shares) before passing them.
+     * Disabled while loading, when live/animations are off, or for reduced motion.
+     */
+    orderbook?: LineChartOrderbook;
+    /** Whether live effects (momentum, pulse, orderbook stream) should be active. Defaults to global enableLiveUpdates. */
     live?: boolean;
 };
 export type LineChartClassNames = {

package/dist/types/primitives/chart/index.d.mts

@@ -1,7 +1,7 @@
 import type { LineChartProps } from "./chart.types";
-export type { LineChartClassNames, LineChartPoint, LineChartProps, LineChartSeries, LineChartSeriesControlsRenderProps, LineChartType, } from "./chart.types";
+export type { LineChartClassNames, LineChartOrderbook, LineChartPoint, LineChartProps, LineChartSeries, LineChartSeriesControlsRenderProps, LineChartType, } from "./chart.types";
 /** Renders line/candlestick chart data with optional series switching and live updates. */
 export declare const LineChart: {
-    ({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, liveCandle: liveForming, lineData, lineValue, live, }: LineChartProps): JSX.Element;
+    ({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, liveCandle: liveForming, lineData, lineValue, orderbook, live, presentation, timeDomain, followTime, formatTime, }: LineChartProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/chart/index.d.ts

@@ -1,7 +1,7 @@
 import type { LineChartProps } from "./chart.types";
-export type { LineChartClassNames, LineChartPoint, LineChartProps, LineChartSeries, LineChartSeriesControlsRenderProps, LineChartType, } from "./chart.types";
+export type { LineChartClassNames, LineChartOrderbook, LineChartPoint, LineChartProps, LineChartSeries, LineChartSeriesControlsRenderProps, LineChartType, } from "./chart.types";
 /** Renders line/candlestick chart data with optional series switching and live updates. */
 export declare const LineChart: {
-    ({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, liveCandle: liveForming, lineData, lineValue, live, }: LineChartProps): JSX.Element;
+    ({ series, height, width, classNames, isLoading, chartType, showSeriesControls, renderSeriesControls, liveCandle: liveForming, lineData, lineValue, orderbook, live, presentation, timeDomain, followTime, formatTime, }: LineChartProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/chart/probability-chart.d.mts

@@ -0,0 +1,22 @@
+import type { LineChartOrderbook, LineChartSeries } from "./chart.types";
+/** A deliberately labelled view of resting depth; never presented as a trade tape. */
+export declare const LiquidityStream: ({ orderbook, height, price, }: {
+    orderbook: LineChartOrderbook;
+    height: number;
+    price?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ProbabilityChart: ({ series, height, domain, orderbook, live, loading, liveValue, followTime, animate, formatTime: customFormatTime, }: {
+    series: LineChartSeries[];
+    height: number;
+    domain?: {
+        from: number;
+        to: number;
+    };
+    orderbook?: LineChartOrderbook;
+    live: boolean;
+    loading: boolean;
+    liveValue?: number;
+    followTime?: boolean;
+    animate?: boolean;
+    formatTime?: (timestamp: number) => string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/primitives/chart/probability-chart.d.ts

@@ -0,0 +1,22 @@
+import type { LineChartOrderbook, LineChartSeries } from "./chart.types";
+/** A deliberately labelled view of resting depth; never presented as a trade tape. */
+export declare const LiquidityStream: ({ orderbook, height, price, }: {
+    orderbook: LineChartOrderbook;
+    height: number;
+    price?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ProbabilityChart: ({ series, height, domain, orderbook, live, loading, liveValue, followTime, animate, formatTime: customFormatTime, }: {
+    series: LineChartSeries[];
+    height: number;
+    domain?: {
+        from: number;
+        to: number;
+    };
+    orderbook?: LineChartOrderbook;
+    live: boolean;
+    loading: boolean;
+    liveValue?: number;
+    followTime?: boolean;
+    animate?: boolean;
+    formatTime?: (timestamp: number) => string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/primitives/chart/probability-chart.utils.d.mts

@@ -0,0 +1,12 @@
+import type { LineChartPoint } from "./chart.types";
+export declare const CHART_PADDING: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare const probabilityY: (value: number, height: number) => number;
+export declare const probabilityX: (time: number, from: number, to: number, width: number) => number;
+/** Hold each period's observation until the next, with a small rounded transition. */
+export declare const probabilityPath: (points: LineChartPoint[], from: number, to: number, width: number, height: number) => string;
+export declare const nearestChartPoint: (points: LineChartPoint[], time: number) => LineChartPoint | undefined;

package/dist/types/primitives/chart/probability-chart.utils.d.ts

@@ -0,0 +1,12 @@
+import type { LineChartPoint } from "./chart.types";
+export declare const CHART_PADDING: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare const probabilityY: (value: number, height: number) => number;
+export declare const probabilityX: (time: number, from: number, to: number, width: number) => number;
+/** Hold each period's observation until the next, with a small rounded transition. */
+export declare const probabilityPath: (points: LineChartPoint[], from: number, to: number, width: number, height: number) => string;
+export declare const nearestChartPoint: (points: LineChartPoint[], time: number) => LineChartPoint | undefined;

package/dist/types/primitives/chart/probability-live-tail.d.mts

@@ -0,0 +1,16 @@
+import type { LineChartPoint, LineChartSeries } from "./chart.types";
+/** Advance display time without writing fabricated observations into the history/cache. */
+export declare const ProbabilityLiveTail: ({ item, historyPath, previous, point, value, from, to, width, height, clipId, live, animate, }: {
+    item: LineChartSeries;
+    historyPath: string;
+    previous?: LineChartPoint;
+    point: LineChartPoint;
+    value: number;
+    from: number;
+    to: number;
+    width: number;
+    height: number;
+    clipId: string;
+    live: boolean;
+    animate: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/primitives/chart/probability-live-tail.d.ts

@@ -0,0 +1,16 @@
+import type { LineChartPoint, LineChartSeries } from "./chart.types";
+/** Advance display time without writing fabricated observations into the history/cache. */
+export declare const ProbabilityLiveTail: ({ item, historyPath, previous, point, value, from, to, width, height, clipId, live, animate, }: {
+    item: LineChartSeries;
+    historyPath: string;
+    previous?: LineChartPoint;
+    point: LineChartPoint;
+    value: number;
+    from: number;
+    to: number;
+    width: number;
+    height: number;
+    clipId: string;
+    live: boolean;
+    animate: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/primitives/remote-image/index.d.mts

@@ -2,6 +2,6 @@ import type { RemoteImageProps, RemoteImageStatus } from "./remote-image.types";
 export type { RemoteImageProps, RemoteImageStatus };
 /** Renders a remote image with loading skeleton and error placeholder fallbacks. */
 export declare const RemoteImage: {
-    ({ src, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
+    ({ src, retinaSrc, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/remote-image/index.d.ts

@@ -2,6 +2,6 @@ import type { RemoteImageProps, RemoteImageStatus } from "./remote-image.types";
 export type { RemoteImageProps, RemoteImageStatus };
 /** Renders a remote image with loading skeleton and error placeholder fallbacks. */
 export declare const RemoteImage: {
-    ({ src, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
+    ({ src, retinaSrc, alt, title, className, classNames, width, height, onClick, ariaLabel, }: RemoteImageProps): JSX.Element;
     displayName: string;
 };

package/dist/types/primitives/remote-image/remote-image.types.d.mts

@@ -2,6 +2,12 @@ export type RemoteImageStatus = "loading" | "loaded" | "error";
 export type RemoteImageProps = {
     /** Remote image URL to load. */
     src: string | undefined | null;
+    /**
+     * Optional sharper source offered to 2x displays. When it fails to load
+     * (e.g. an asset without retina variants), the image retries with `src`
+     * alone before falling back to the error placeholder.
+     */
+    retinaSrc?: string | null;
     /** Accessible alternative text for the image. */
     alt: string;
     /** Optional title attribute applied to the image wrapper. */

package/dist/types/primitives/remote-image/remote-image.types.d.ts

@@ -2,6 +2,12 @@ export type RemoteImageStatus = "loading" | "loaded" | "error";
 export type RemoteImageProps = {
     /** Remote image URL to load. */
     src: string | undefined | null;
+    /**
+     * Optional sharper source offered to 2x displays. When it fails to load
+     * (e.g. an asset without retina variants), the image retries with `src`
+     * alone before falling back to the error placeholder.
+     */
+    retinaSrc?: string | null;
     /** Accessible alternative text for the image. */
     alt: string;
     /** Optional title attribute applied to the image wrapper. */

package/dist/types/primitives/skeleton/views/event-list-item-skeleton-view.d.mts

@@ -2,6 +2,12 @@ import type { SkeletonViewProps } from "../skeleton.types";
 type EventListItemSkeletonViewProps = SkeletonViewProps & {
     isStandalone?: boolean;
 };
+/**
+ * Mirrors `EventListItem` box for box: 40px image beside a 48px title block,
+ * outcome rows at the 30px they shrink to inside the 76px window, a price strip of
+ * collapsed venue chips plus the best-price pill, and the markets / matches /
+ * venues / volume footer.
+ */
 export declare const EventListItemSkeletonView: {
     ({ className, ariaLabel, isStandalone, }: EventListItemSkeletonViewProps): JSX.Element;
     displayName: string;

package/dist/types/primitives/skeleton/views/event-list-item-skeleton-view.d.ts

@@ -2,6 +2,12 @@ import type { SkeletonViewProps } from "../skeleton.types";
 type EventListItemSkeletonViewProps = SkeletonViewProps & {
     isStandalone?: boolean;
 };
+/**
+ * Mirrors `EventListItem` box for box: 40px image beside a 48px title block,
+ * outcome rows at the 30px they shrink to inside the 76px window, a price strip of
+ * collapsed venue chips plus the best-price pill, and the markets / matches /
+ * venues / volume footer.
+ */
 export declare const EventListItemSkeletonView: {
     ({ className, ariaLabel, isStandalone, }: EventListItemSkeletonViewProps): JSX.Element;
     displayName: string;

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

@@ -0,0 +1,12 @@
+import { type LogoIconProps } from "../logo-props";
+export declare const BETDEX_LOGO_COLORS: {
+    readonly primary: "#32C5FF";
+    readonly middle: "#B620E0";
+    readonly end: "#F7B500";
+    readonly center: "#1C0631";
+};
+/** Square mark from developers.betdex.com's official BETDEX logo SVG. */
+export declare function LogoBetdexIcon({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+export declare namespace LogoBetdexIcon {
+    var displayName: string;
+}

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

@@ -0,0 +1,12 @@
+import { type LogoIconProps } from "../logo-props";
+export declare const BETDEX_LOGO_COLORS: {
+    readonly primary: "#32C5FF";
+    readonly middle: "#B620E0";
+    readonly end: "#F7B500";
+    readonly center: "#1C0631";
+};
+/** Square mark from developers.betdex.com's official BETDEX logo SVG. */
+export declare function LogoBetdexIcon({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+export declare namespace LogoBetdexIcon {
+    var displayName: string;
+}

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

@@ -0,0 +1,7 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const TIPRUN_LOGO_COLOR = "#FF6B1A";
+/** Official four-path artwork from https://app.tiprun.fun/favicon.svg. */
+export declare const LogoTiprunIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,7 @@
+import type { LogoIconProps } from "../logo-props";
+export declare const TIPRUN_LOGO_COLOR = "#FF6B1A";
+/** Official four-path artwork from https://app.tiprun.fun/favicon.svg. */
+export declare const LogoTiprunIcon: {
+    ({ title, className, isColor, color, ...props }: LogoIconProps): JSX.Element;
+    displayName: string;
+};

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

@@ -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/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;