@agg-build/ui 1.0.0 → 1.0.2

package/dist/types/trading/utils.d.ts

@@ -1,6 +1,5 @@
 import type { TradingVenue } from "./types";
 export declare const defaultSettlementSectionLabel: string;
-export declare const defaultSettlementDifferencesTitle: string;
 export declare const defaultTradingDisclaimer: string;
 export declare const getTradingDateLabel: (value: string | Date) => string;
 export declare const getTradingVenueLabel: (venue: TradingVenue | undefined, label?: string) => string;

package/dist/types/withdraw/index.d.mts

@@ -1,6 +1,6 @@
 import type { WithdrawModalProps } from "./withdraw-modal.types";
-export type { WithdrawMethod, WithdrawModalProps, WithdrawFlowData } from "./withdraw-modal.types";
+export type { WithdrawMethod, WithdrawModalControlledProps, WithdrawModalProps, WithdrawModalSelfDrivenProps, WithdrawFlowData, WithdrawSummary, } from "./withdraw-modal.types";
 export declare const WithdrawModal: {
-    ({ open, onOpenChange, withdrawFlow, onSelectWithdrawMethod, onWithdrawAmountChange, onWithdrawCurrencyChange, onWithdrawTokenChange, onWithdrawNetworkChange, onGetWithdrawQuotes, onSelectWithdrawProvider, onDoneWithdraw, }: WithdrawModalProps): JSX.Element;
+    (props: WithdrawModalProps): JSX.Element;
     displayName: string;
 };

package/dist/types/withdraw/index.d.ts

@@ -1,6 +1,6 @@
 import type { WithdrawModalProps } from "./withdraw-modal.types";
-export type { WithdrawMethod, WithdrawModalProps, WithdrawFlowData } from "./withdraw-modal.types";
+export type { WithdrawMethod, WithdrawModalControlledProps, WithdrawModalProps, WithdrawModalSelfDrivenProps, WithdrawFlowData, WithdrawSummary, } from "./withdraw-modal.types";
 export declare const WithdrawModal: {
-    ({ open, onOpenChange, withdrawFlow, onSelectWithdrawMethod, onWithdrawAmountChange, onWithdrawCurrencyChange, onWithdrawTokenChange, onWithdrawNetworkChange, onGetWithdrawQuotes, onSelectWithdrawProvider, onDoneWithdraw, }: WithdrawModalProps): JSX.Element;
+    (props: WithdrawModalProps): JSX.Element;
     displayName: string;
 };

package/dist/types/withdraw/steps/withdraw-amount.d.mts

@@ -1,17 +1,20 @@
 import type { WithdrawSelectOption } from "../withdraw-modal.types";
 export interface WithdrawAmountStepProps {
     amount: string;
-    currency: string;
     destinationWallet: string;
+    balanceDisplay: string;
     tokenOptions: WithdrawSelectOption[];
     networkOptions: WithdrawSelectOption[];
     selectedToken: string;
     selectedNetwork: string;
+    isConfirming?: boolean;
+    error?: string | null;
     onBack: () => void;
     onAmountChange: (amount: string) => void;
-    onCurrencyChange: (currency: string) => void;
+    onDestinationChange: (address: string) => void;
     onTokenChange: (token: string) => void;
     onNetworkChange: (network: string) => void;
+    onMaxClick?: () => void;
     onContinue: () => void;
 }
-export declare const WithdrawAmountStep: ({ amount, currency, destinationWallet, tokenOptions, networkOptions, selectedToken, selectedNetwork, onBack, onAmountChange, onCurrencyChange, onTokenChange, onNetworkChange, onContinue, }: WithdrawAmountStepProps) => JSX.Element;
+export declare const WithdrawAmountStep: ({ amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, isConfirming, error, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue, }: WithdrawAmountStepProps) => JSX.Element;

package/dist/types/withdraw/steps/withdraw-amount.d.ts

@@ -1,17 +1,20 @@
 import type { WithdrawSelectOption } from "../withdraw-modal.types";
 export interface WithdrawAmountStepProps {
     amount: string;
-    currency: string;
     destinationWallet: string;
+    balanceDisplay: string;
     tokenOptions: WithdrawSelectOption[];
     networkOptions: WithdrawSelectOption[];
     selectedToken: string;
     selectedNetwork: string;
+    isConfirming?: boolean;
+    error?: string | null;
     onBack: () => void;
     onAmountChange: (amount: string) => void;
-    onCurrencyChange: (currency: string) => void;
+    onDestinationChange: (address: string) => void;
     onTokenChange: (token: string) => void;
     onNetworkChange: (network: string) => void;
+    onMaxClick?: () => void;
     onContinue: () => void;
 }
-export declare const WithdrawAmountStep: ({ amount, currency, destinationWallet, tokenOptions, networkOptions, selectedToken, selectedNetwork, onBack, onAmountChange, onCurrencyChange, onTokenChange, onNetworkChange, onContinue, }: WithdrawAmountStepProps) => JSX.Element;
+export declare const WithdrawAmountStep: ({ amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, isConfirming, error, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue, }: WithdrawAmountStepProps) => JSX.Element;

package/dist/types/withdraw/steps/withdraw-success.d.mts

@@ -1,7 +1,14 @@
 import type { WithdrawSummary } from "../withdraw-modal.types";
 export interface WithdrawSuccessStepProps {
     summary: WithdrawSummary;
+    tokenSymbol: string;
+    /**
+     * The submitted withdrawal id. When non-null the success step subscribes to
+     * `withdrawal_lifecycle` WS events and renders live progress; when null it
+     * falls back to the static "submitted" copy.
+     */
+    withdrawalId: string | null;
     onDone: () => void;
     onClose: () => void;
 }
-export declare const WithdrawSuccessStep: ({ summary, onDone, onClose, }: WithdrawSuccessStepProps) => JSX.Element;
+export declare const WithdrawSuccessStep: ({ summary, tokenSymbol, withdrawalId, onDone, onClose, }: WithdrawSuccessStepProps) => JSX.Element;

package/dist/types/withdraw/steps/withdraw-success.d.ts

@@ -1,7 +1,14 @@
 import type { WithdrawSummary } from "../withdraw-modal.types";
 export interface WithdrawSuccessStepProps {
     summary: WithdrawSummary;
+    tokenSymbol: string;
+    /**
+     * The submitted withdrawal id. When non-null the success step subscribes to
+     * `withdrawal_lifecycle` WS events and renders live progress; when null it
+     * falls back to the static "submitted" copy.
+     */
+    withdrawalId: string | null;
     onDone: () => void;
     onClose: () => void;
 }
-export declare const WithdrawSuccessStep: ({ summary, onDone, onClose, }: WithdrawSuccessStepProps) => JSX.Element;
+export declare const WithdrawSuccessStep: ({ summary, tokenSymbol, withdrawalId, onDone, onClose, }: WithdrawSuccessStepProps) => JSX.Element;

package/dist/types/withdraw/steps/withdraw-success.utils.d.mts

@@ -0,0 +1,36 @@
+import type { WsWithdrawalLifecycleLeg, WsWithdrawalLifecycleStatus } from "@agg-build/sdk";
+import type { AggUiLabels } from "@agg-build/hooks";
+/**
+ * Visual tone for a single lifecycle step row. Mirrors the place-order
+ * success/in-flight timeline so the two flows feel identical to users.
+ */
+export type WithdrawalLifecycleStepStatus = "pending" | "complete" | "warning" | "error";
+export interface WithdrawalLifecycleStep {
+    id: string;
+    label: string;
+    status: WithdrawalLifecycleStepStatus;
+}
+export type WithdrawalLifecycleStepGroup = WithdrawalLifecycleStep[];
+export declare const resolveChainLabel: (chainId: number) => string;
+export interface BuildLifecycleStepsParams {
+    pending: boolean;
+    status: WsWithdrawalLifecycleStatus | null;
+    legs: WsWithdrawalLifecycleLeg[];
+    walletFlowLabels: AggUiLabels["withdraw"]["walletFlow"];
+}
+export interface BuildLifecycleStepsResult {
+    groups: WithdrawalLifecycleStepGroup[];
+    finalStep: WithdrawalLifecycleStep;
+    hasDetails: boolean;
+}
+/**
+ * Builds the timeline groups + final summary row consumed by the success
+ * step's collapsible execution timeline. Returns the same shape the
+ * place-order flow produces, so the two share visual structure verbatim.
+ *
+ * - Each leg becomes one row in the first (and only) group.
+ * - The final row (always rendered, optionally collapsing the group above)
+ *   reflects the *top-level* lifecycle status — "Bridging funds across
+ *   chains…", "Withdrawal complete.", etc.
+ */
+export declare const buildWithdrawalLifecycleSteps: ({ pending, status, legs, walletFlowLabels, }: BuildLifecycleStepsParams) => BuildLifecycleStepsResult;

package/dist/types/withdraw/steps/withdraw-success.utils.d.ts

@@ -0,0 +1,36 @@
+import type { WsWithdrawalLifecycleLeg, WsWithdrawalLifecycleStatus } from "@agg-build/sdk";
+import type { AggUiLabels } from "@agg-build/hooks";
+/**
+ * Visual tone for a single lifecycle step row. Mirrors the place-order
+ * success/in-flight timeline so the two flows feel identical to users.
+ */
+export type WithdrawalLifecycleStepStatus = "pending" | "complete" | "warning" | "error";
+export interface WithdrawalLifecycleStep {
+    id: string;
+    label: string;
+    status: WithdrawalLifecycleStepStatus;
+}
+export type WithdrawalLifecycleStepGroup = WithdrawalLifecycleStep[];
+export declare const resolveChainLabel: (chainId: number) => string;
+export interface BuildLifecycleStepsParams {
+    pending: boolean;
+    status: WsWithdrawalLifecycleStatus | null;
+    legs: WsWithdrawalLifecycleLeg[];
+    walletFlowLabels: AggUiLabels["withdraw"]["walletFlow"];
+}
+export interface BuildLifecycleStepsResult {
+    groups: WithdrawalLifecycleStepGroup[];
+    finalStep: WithdrawalLifecycleStep;
+    hasDetails: boolean;
+}
+/**
+ * Builds the timeline groups + final summary row consumed by the success
+ * step's collapsible execution timeline. Returns the same shape the
+ * place-order flow produces, so the two share visual structure verbatim.
+ *
+ * - Each leg becomes one row in the first (and only) group.
+ * - The final row (always rendered, optionally collapsing the group above)
+ *   reflects the *top-level* lifecycle status — "Bridging funds across
+ *   chains…", "Withdrawal complete.", etc.
+ */
+export declare const buildWithdrawalLifecycleSteps: ({ pending, status, legs, walletFlowLabels, }: BuildLifecycleStepsParams) => BuildLifecycleStepsResult;

package/dist/types/withdraw/withdraw-modal.types.d.mts

@@ -20,45 +20,55 @@ export interface WithdrawProviderOption {
 export interface WithdrawSummary {
     amountReceived: string;
     network: string;
-    provider: string;
     toWallet: string;
     fees: string;
 }
 export interface WithdrawFlowData {
-    /** Top-level balance shown in the entry step. */
+    /** Top-level balance shown in the entry step (numeric, e.g. 179.9). */
     balance: number;
+    /** Display string for the balance shown in the amount step, e.g. "179.9 USDC". */
+    balanceDisplay: string;
     amount: string;
-    currency: string;
     destinationWallet: string;
     tokenOptions: WithdrawSelectOption[];
     networkOptions: WithdrawSelectOption[];
     selectedToken: string;
     selectedNetwork: string;
-    providers: WithdrawProviderOption[];
     purchaseSummary: WithdrawSummary;
+    /**
+     * The submitted withdrawal id, populated once the API call succeeds.
+     * `null` until then. Used by the success step to subscribe to
+     * `withdrawal_lifecycle` WS events.
+     */
+    withdrawalId: string | null;
 }
-export type WithdrawMethod = "card";
-export interface WithdrawModalProps {
+export type WithdrawMethod = "wallet";
+export interface WithdrawModalControlledProps {
     /** Whether the withdraw modal is currently open. */
     open: boolean;
     /** Called whenever the withdraw modal open state changes. */
     onOpenChange: (open: boolean) => void;
     /** Controlled state for the withdraw flow. */
     withdrawFlow: WithdrawFlowData;
-    /** Called when the user selects a withdraw method. */
-    onSelectWithdrawMethod?: (method: WithdrawMethod) => void;
+    /** Called when the recipient address input changes. */
+    onWithdrawDestinationChange: (address: string) => void;
     /** Called when the withdraw amount changes. */
     onWithdrawAmountChange: (amount: string) => void;
-    /** Called when the withdraw currency changes. */
-    onWithdrawCurrencyChange: (currency: string) => void;
     /** Called when the withdraw token changes. */
     onWithdrawTokenChange: (token: string) => void;
     /** Called when the withdraw network changes. */
     onWithdrawNetworkChange: (network: string) => void;
-    /** Called when provider quotes should be fetched. */
-    onGetWithdrawQuotes?: () => void;
-    /** Called when the user selects a withdraw provider. */
-    onSelectWithdrawProvider: (providerId: string) => void;
-    /** Called after the withdraw flow completes. */
+    /** Called when the user clicks Max to fill the maximum withdrawable amount. */
+    onMaxClick?: () => void;
+    /** Called when the user confirms the withdrawal (triggers API call). Must return a promise so the modal can lock duplicate submissions and surface request errors. */
+    onSelectWithdrawProvider: (providerId: string) => Promise<void>;
+    /** Called after the withdraw flow completes and the user clicks Done. */
     onDoneWithdraw: () => void;
 }
+export interface WithdrawModalSelfDrivenProps {
+    /** Whether the withdraw modal is currently open. */
+    open: boolean;
+    /** Called whenever the withdraw modal open state changes. */
+    onOpenChange: (open: boolean) => void;
+}
+export type WithdrawModalProps = WithdrawModalControlledProps | WithdrawModalSelfDrivenProps;

package/dist/types/withdraw/withdraw-modal.types.d.ts

@@ -20,45 +20,55 @@ export interface WithdrawProviderOption {
 export interface WithdrawSummary {
     amountReceived: string;
     network: string;
-    provider: string;
     toWallet: string;
     fees: string;
 }
 export interface WithdrawFlowData {
-    /** Top-level balance shown in the entry step. */
+    /** Top-level balance shown in the entry step (numeric, e.g. 179.9). */
     balance: number;
+    /** Display string for the balance shown in the amount step, e.g. "179.9 USDC". */
+    balanceDisplay: string;
     amount: string;
-    currency: string;
     destinationWallet: string;
     tokenOptions: WithdrawSelectOption[];
     networkOptions: WithdrawSelectOption[];
     selectedToken: string;
     selectedNetwork: string;
-    providers: WithdrawProviderOption[];
     purchaseSummary: WithdrawSummary;
+    /**
+     * The submitted withdrawal id, populated once the API call succeeds.
+     * `null` until then. Used by the success step to subscribe to
+     * `withdrawal_lifecycle` WS events.
+     */
+    withdrawalId: string | null;
 }
-export type WithdrawMethod = "card";
-export interface WithdrawModalProps {
+export type WithdrawMethod = "wallet";
+export interface WithdrawModalControlledProps {
     /** Whether the withdraw modal is currently open. */
     open: boolean;
     /** Called whenever the withdraw modal open state changes. */
     onOpenChange: (open: boolean) => void;
     /** Controlled state for the withdraw flow. */
     withdrawFlow: WithdrawFlowData;
-    /** Called when the user selects a withdraw method. */
-    onSelectWithdrawMethod?: (method: WithdrawMethod) => void;
+    /** Called when the recipient address input changes. */
+    onWithdrawDestinationChange: (address: string) => void;
     /** Called when the withdraw amount changes. */
     onWithdrawAmountChange: (amount: string) => void;
-    /** Called when the withdraw currency changes. */
-    onWithdrawCurrencyChange: (currency: string) => void;
     /** Called when the withdraw token changes. */
     onWithdrawTokenChange: (token: string) => void;
     /** Called when the withdraw network changes. */
     onWithdrawNetworkChange: (network: string) => void;
-    /** Called when provider quotes should be fetched. */
-    onGetWithdrawQuotes?: () => void;
-    /** Called when the user selects a withdraw provider. */
-    onSelectWithdrawProvider: (providerId: string) => void;
-    /** Called after the withdraw flow completes. */
+    /** Called when the user clicks Max to fill the maximum withdrawable amount. */
+    onMaxClick?: () => void;
+    /** Called when the user confirms the withdrawal (triggers API call). Must return a promise so the modal can lock duplicate submissions and surface request errors. */
+    onSelectWithdrawProvider: (providerId: string) => Promise<void>;
+    /** Called after the withdraw flow completes and the user clicks Done. */
     onDoneWithdraw: () => void;
 }
+export interface WithdrawModalSelfDrivenProps {
+    /** Whether the withdraw modal is currently open. */
+    open: boolean;
+    /** Called whenever the withdraw modal open state changes. */
+    onOpenChange: (open: boolean) => void;
+}
+export type WithdrawModalProps = WithdrawModalControlledProps | WithdrawModalSelfDrivenProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agg-build/ui",
-  "version": "1.0.0",
+  "version": "1.0.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,17 +100,18 @@
     "liveline": "^0.0.7",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@agg-build/hooks": "^1.0.0",
-    "@agg-build/sdk": "^1.0.0"
+    "@agg-build/hooks": "^1.0.2",
+    "@agg-build/sdk": "^1.0.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-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.0.7",
     "dayjs": "^1.11.19",
-    "qrcode.react": "^3.1.0",
-    "liveline": "^0.0.7"
+    "liveline": "^0.0.7",
+    "qrcode.react": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"

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

@@ -1,4 +0,0 @@
-export declare const CARD_BASE_CLASS_NAME = "group/agg-card relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card";
-export declare const CARD_HOVER_TRANSITION_CLASS_NAME = "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out";
-export declare const CARD_GRADIENT_WRAPPER_CLASS_NAME = "group/agg-card-gradient rounded-agg-xl p-[1px] relative bg-agg-separator";
-export declare const CARD_GRADIENT_OVERLAY_CLASS_NAME = "absolute inset-0 rounded-agg-xl bg-gradient-to-b from-agg-separator to-agg-primary opacity-0 group-hover/agg-card-gradient:opacity-100 transition-opacity duration-200 ease-in-out pointer-events-none";

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

@@ -1,4 +0,0 @@
-export declare const CARD_BASE_CLASS_NAME = "group/agg-card relative flex w-full flex-col font-agg-sans rounded-[calc(var(--agg-radius-xl)-1px)] bg-agg-secondary text-agg-foreground shadow-agg-card";
-export declare const CARD_HOVER_TRANSITION_CLASS_NAME = "transition-shadow hover:shadow-agg-card-hover duration-300 ease-in-out";
-export declare const CARD_GRADIENT_WRAPPER_CLASS_NAME = "group/agg-card-gradient rounded-agg-xl p-[1px] relative bg-agg-separator";
-export declare const CARD_GRADIENT_OVERLAY_CLASS_NAME = "absolute inset-0 rounded-agg-xl bg-gradient-to-b from-agg-separator to-agg-primary opacity-0 group-hover/agg-card-gradient:opacity-100 transition-opacity duration-200 ease-in-out pointer-events-none";

package/dist/types/trading/settlement/settlement-details.utils.d.mts

@@ -1,7 +0,0 @@
-import type { AggUiLabels, VenueMarket } from "@agg-build/hooks";
-import type { SettlementSection } from "../types";
-/**
- * Maps venue markets to settlement sections, filtering out sections
- * where no venue has meaningful content for that field.
- */
-export declare function mapVenueMarketsToSettlementSections(venueMarkets: VenueMarket[], labels: AggUiLabels, selectedMarketId?: string): SettlementSection[];

package/dist/types/trading/settlement/settlement-details.utils.d.ts

@@ -1,7 +0,0 @@
-import type { AggUiLabels, VenueMarket } from "@agg-build/hooks";
-import type { SettlementSection } from "../types";
-/**
- * Maps venue markets to settlement sections, filtering out sections
- * where no venue has meaningful content for that field.
- */
-export declare function mapVenueMarketsToSettlementSections(venueMarkets: VenueMarket[], labels: AggUiLabels, selectedMarketId?: string): SettlementSection[];