@agg-build/ui 2.4.9 → 2.5.2

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

@@ -1,5 +1,6 @@
 import type { AggUiLabels, DagStepProgress, EventTradingState, UseMidpointsResult, VenueMarket, VenueMarketOutcome } from "@agg-build/hooks";
-import type { ExecutionMode, SmartRouteResponse } from "@agg-build/sdk";
+import type { ExecutionMode, PlaceLimitOrderParams, SmartRouteResponse } from "@agg-build/sdk";
+import type { KalshiCredentials } from "../../onboarding/onboarding-modal.types";
 import type { PlaceOrderRoutingRow, PlaceOrderStatus, PlaceOrderTab, TradingVenue } from "../types";
 export type PlaceOrderProps = {
     /** Custom class name applied to the place-order root. */
@@ -28,6 +29,12 @@ export type PlaceOrderProps = {
     onClose?: () => void;
     /** Called when the selected outcome changes. */
     onOutcomeChange?: (outcomeId: string) => void;
+    /**
+     * Validates and stores Kalshi credentials when the selected quote route
+     * requires an active Kalshi venue account.
+     * When omitted, PlaceOrder stores credentials through AggClient.
+     */
+    onConnectKalshi?: (credentials: KalshiCredentials) => Promise<void>;
     /**
      * Called when the primary action is triggered, in place of the internal
      * quote execution. When provided, the component delegates the fill entirely
@@ -38,6 +45,8 @@ export type PlaceOrderProps = {
     onPrimaryAction?: (context?: {
         quoteId?: string;
         mode?: ExecutionMode;
+        orderType?: "market" | "limit";
+        limitOrder?: PlaceLimitOrderParams;
     }) => void;
     /**
      * Called when the primary action is triggered, BEFORE the internal quote
@@ -54,6 +63,8 @@ export type PlaceOrderProps = {
     onBeforePrimaryAction?: (context?: {
         quoteId?: string;
         mode?: ExecutionMode;
+        orderType?: "market" | "limit";
+        limitOrder?: PlaceLimitOrderParams;
     }) => void | boolean | Promise<void | boolean>;
     /** Called when the slippage control value changes. */
     onSlippageChange?: (value: string) => void;
@@ -200,6 +211,7 @@ export type BuildLiveRouteCardsParams = {
     quoteData: SmartRouteResponse;
     tradeSide: PlaceOrderTab;
     eventVenues?: TradingVenue[];
+    geoBlockedVenues?: ReadonlySet<string>;
 };
 export type ResolvePlaceOrderQuoteStatusParams = {
     amount: number;

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

@@ -1,5 +1,6 @@
 import type { AggUiLabels, DagStepProgress, EventTradingState, UseMidpointsResult, VenueMarket, VenueMarketOutcome } from "@agg-build/hooks";
-import type { ExecutionMode, SmartRouteResponse } from "@agg-build/sdk";
+import type { ExecutionMode, PlaceLimitOrderParams, SmartRouteResponse } from "@agg-build/sdk";
+import type { KalshiCredentials } from "../../onboarding/onboarding-modal.types";
 import type { PlaceOrderRoutingRow, PlaceOrderStatus, PlaceOrderTab, TradingVenue } from "../types";
 export type PlaceOrderProps = {
     /** Custom class name applied to the place-order root. */
@@ -28,6 +29,12 @@ export type PlaceOrderProps = {
     onClose?: () => void;
     /** Called when the selected outcome changes. */
     onOutcomeChange?: (outcomeId: string) => void;
+    /**
+     * Validates and stores Kalshi credentials when the selected quote route
+     * requires an active Kalshi venue account.
+     * When omitted, PlaceOrder stores credentials through AggClient.
+     */
+    onConnectKalshi?: (credentials: KalshiCredentials) => Promise<void>;
     /**
      * Called when the primary action is triggered, in place of the internal
      * quote execution. When provided, the component delegates the fill entirely
@@ -38,6 +45,8 @@ export type PlaceOrderProps = {
     onPrimaryAction?: (context?: {
         quoteId?: string;
         mode?: ExecutionMode;
+        orderType?: "market" | "limit";
+        limitOrder?: PlaceLimitOrderParams;
     }) => void;
     /**
      * Called when the primary action is triggered, BEFORE the internal quote
@@ -54,6 +63,8 @@ export type PlaceOrderProps = {
     onBeforePrimaryAction?: (context?: {
         quoteId?: string;
         mode?: ExecutionMode;
+        orderType?: "market" | "limit";
+        limitOrder?: PlaceLimitOrderParams;
     }) => void | boolean | Promise<void | boolean>;
     /** Called when the slippage control value changes. */
     onSlippageChange?: (value: string) => void;
@@ -200,6 +211,7 @@ export type BuildLiveRouteCardsParams = {
     quoteData: SmartRouteResponse;
     tradeSide: PlaceOrderTab;
     eventVenues?: TradingVenue[];
+    geoBlockedVenues?: ReadonlySet<string>;
 };
 export type ResolvePlaceOrderQuoteStatusParams = {
     amount: number;

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

@@ -1,3 +1,4 @@
+import type { 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, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
@@ -36,7 +37,23 @@ 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 buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;
+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, }: {
+    labels: PlaceOrderTradingLabels;
+    smartQuoteData: SmartRouteResponse | null | undefined;
+    venueQuotes: Array<{
+        venue: TradingVenue;
+        quoteData: SmartRouteResponse | null | undefined;
+    }>;
+    eventVenues?: TradingVenue[];
+    geoBlockedVenues?: ReadonlySet<string>;
+}) => PlaceOrderRouteCard[];
 export declare const resolveExecutionVenueFromQuote: (quoteData: SmartRouteResponse | null) => TradingVenue | undefined;
 export declare const routeCardsHaveSameVenueIdentity: (a: PlaceOrderRouteCard, b: PlaceOrderRouteCard) => boolean;
 export declare const getPlaceOrderPotentialReturn: (quoteData: SmartRouteResponse | null | undefined) => number;

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

@@ -1,3 +1,4 @@
+import type { 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, PlaceOrderQuoteResult, PlaceOrderQuoteStatus, PlaceOrderResultTone, PlaceOrderRouteCard, PlaceOrderTerminalOrderEvent, PlaceOrderTradingLabels, PlaceOrderVenueOutcome, ResolvePlaceOrderQuoteResultParams, ResolvePlaceOrderQuoteStatusParams, ResolvePlaceOrderTabKeyParams } from "./index.place-order.types";
@@ -36,7 +37,23 @@ 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 buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+export declare const clampSellSharesToAvailability: (requestedSellShares: number, availableShares: number) => number;
+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, }: {
+    labels: PlaceOrderTradingLabels;
+    smartQuoteData: SmartRouteResponse | null | undefined;
+    venueQuotes: Array<{
+        venue: TradingVenue;
+        quoteData: SmartRouteResponse | null | undefined;
+    }>;
+    eventVenues?: TradingVenue[];
+    geoBlockedVenues?: ReadonlySet<string>;
+}) => PlaceOrderRouteCard[];
 export declare const resolveExecutionVenueFromQuote: (quoteData: SmartRouteResponse | null) => TradingVenue | undefined;
 export declare const routeCardsHaveSameVenueIdentity: (a: PlaceOrderRouteCard, b: PlaceOrderRouteCard) => boolean;
 export declare const getPlaceOrderPotentialReturn: (quoteData: SmartRouteResponse | null | undefined) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "2.4.9",
+  "version": "2.5.2",
   "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,18 +100,21 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^2.4.6",
-    "@agg-build/sdk": "^2.4.7"
+    "@agg-build/hooks": "^2.5.1",
+    "@agg-build/sdk": "^2.5.1"
   },
   "dependencies": {
     "@number-flow/react": "^0.6.0",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.0.7",
     "dayjs": "^1.11.19",
     "liveline": "^0.0.7",
-    "qrcode.react": "^3.1.0"
+    "qrcode.react": "^3.1.0",
+    "react-day-picker": "^10.0.1",
+    "zod": "^3.25.76"
   },
   "publishConfig": {
     "access": "public"

package/dist/chunk-JVRTJQPZ.mjs

@@ -1,59 +0,0 @@
-"use client";
-import {
-  AGG_TERMS_OF_SERVICE_URL,
-  Icon,
-  cn
-} from "./chunk-PTNFXXOV.mjs";
-
-// src/geo-block-banner/index.tsx
-import { useLabels } from "@agg-build/hooks";
-import { jsx, jsxs } from "react/jsx-runtime";
-var GeoBlockBanner = ({
-  venue,
-  termsUrl = AGG_TERMS_OF_SERVICE_URL,
-  className
-}) => {
-  const labels = useLabels();
-  const message = venue ? labels.trading.geoBlockVenueMessage(venue) : labels.trading.geoBlockGenericMessage;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex items-center gap-5 rounded-agg-lg bg-agg-secondary-hover p-3", className),
-      role: "status",
-      children: [
-        /* @__PURE__ */ jsxs("p", { className: "min-w-0 flex-1 text-agg-xs leading-agg-4 text-agg-foreground", children: [
-          message,
-          /* @__PURE__ */ jsx("a", { href: termsUrl, className: "underline", target: "_blank", rel: "noreferrer noopener", children: labels.trading.geoBlockTermsLink }),
-          labels.trading.geoBlockMessageSuffix
-        ] }),
-        /* @__PURE__ */ jsx(Icon, { name: "internet-security", className: "h-6 w-6 shrink-0 text-agg-muted-foreground" })
-      ]
-    }
-  );
-};
-GeoBlockBanner.displayName = "GeoBlockBanner";
-
-// src/notifications/deposit-notification-events.ts
-var AGG_DEPOSIT_NOTIFICATION_EVENT = "agg:deposit-notification";
-var dispatchAggDepositNotification = (detail) => {
-  if (typeof window === "undefined") return;
-  window.dispatchEvent(new CustomEvent(AGG_DEPOSIT_NOTIFICATION_EVENT, { detail }));
-};
-var subscribeAggDepositNotification = (handler) => {
-  if (typeof window === "undefined") return () => {
-  };
-  const handleDepositNotification = (event) => {
-    if (!(event instanceof CustomEvent)) return;
-    handler(event.detail);
-  };
-  window.addEventListener(AGG_DEPOSIT_NOTIFICATION_EVENT, handleDepositNotification);
-  return () => {
-    window.removeEventListener(AGG_DEPOSIT_NOTIFICATION_EVENT, handleDepositNotification);
-  };
-};
-
-export {
-  dispatchAggDepositNotification,
-  subscribeAggDepositNotification,
-  GeoBlockBanner
-};