@agg-build/ui 4.19.0 → 4.21.0

package/dist/trading.mjs

@@ -14,7 +14,7 @@ import {
   useClaimWinnings,
   useResolvedMarketClaim,
   venueRequiresSharedKyc
-} from "./chunk-5YHKIJ23.mjs";
+} from "./chunk-NV6WT3TN.mjs";
 import {
   SETTLEMENT_SECTION_ID,
   Settlement,
@@ -33,7 +33,7 @@ import {
   resolveDifferenceIconClassName,
   useEventTradingContext
 } from "./chunk-WOCZ4TVT.mjs";
-import "./chunk-ROA5K67W.mjs";
+import "./chunk-CKHECAKV.mjs";
 import "./chunk-XZVGHKMW.mjs";
 export {
   FundKalshiModal,

package/dist/types/events/list/event-list-venue-strip.d.mts

@@ -0,0 +1,29 @@
+import type { EventListTab, EventListTabValue } from "./event-list.types";
+export type EventListVenueStripProps = {
+    /** Override the canonical tab list. Disabled-venue filtering is still applied. */
+    tabs?: EventListTab[];
+    /** Currently selected tab value. */
+    activeTab: EventListTabValue;
+    /** Called when the active tab changes (including auto-fallback when the active tab disappears). */
+    onTabChange: (value: EventListTabValue) => void;
+    /** Accessible label for the strip. */
+    ariaLabel?: string;
+    /** Custom class name applied to the root. */
+    className?: string;
+    /**
+     * Phone layout: the strip spans its container, Matched · All shrink to glyph
+     * tiles like the venues, and the "+N" chip sits at the far end.
+     */
+    fullWidth?: boolean;
+};
+/**
+ * Venue selector for the event list header: Matched · All, a hairline, then
+ * one logo tile per venue. The strip measures the width it is actually given
+ * and folds whatever does not fit into a "+N" chip that lists the folded
+ * venues. The active venue always stays visible — picking a folded one swaps it
+ * into the last visible slot.
+ */
+export declare const EventListVenueStrip: {
+    ({ tabs, activeTab, onTabChange, ariaLabel, className, fullWidth, }: EventListVenueStripProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/list/event-list-venue-strip.d.ts

@@ -0,0 +1,29 @@
+import type { EventListTab, EventListTabValue } from "./event-list.types";
+export type EventListVenueStripProps = {
+    /** Override the canonical tab list. Disabled-venue filtering is still applied. */
+    tabs?: EventListTab[];
+    /** Currently selected tab value. */
+    activeTab: EventListTabValue;
+    /** Called when the active tab changes (including auto-fallback when the active tab disappears). */
+    onTabChange: (value: EventListTabValue) => void;
+    /** Accessible label for the strip. */
+    ariaLabel?: string;
+    /** Custom class name applied to the root. */
+    className?: string;
+    /**
+     * Phone layout: the strip spans its container, Matched · All shrink to glyph
+     * tiles like the venues, and the "+N" chip sits at the far end.
+     */
+    fullWidth?: boolean;
+};
+/**
+ * Venue selector for the event list header: Matched · All, a hairline, then
+ * one logo tile per venue. The strip measures the width it is actually given
+ * and folds whatever does not fit into a "+N" chip that lists the folded
+ * venues. The active venue always stays visible — picking a folded one swaps it
+ * into the last visible slot.
+ */
+export declare const EventListVenueStrip: {
+    ({ tabs, activeTab, onTabChange, ariaLabel, className, fullWidth, }: EventListVenueStripProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/events/list/index.d.mts

@@ -1,5 +1,7 @@
 import type { EventListProps } from "./event-list.types";
 export type { CategorySidebarLabels, CategorySidebarProps } from "./category-sidebar";
+export { EventListVenueStrip } from "./event-list-venue-strip";
+export type { EventListVenueStripProps } from "./event-list-venue-strip";
 export type { EventListFilterChangeOptions, EventListProps, EventListSortValue, EventListStateRef, } from "./event-list.types";
 export declare const EventList: {
     ({ title, limit, maxVisibleItems, search, categoryIds, onCategoryRootChange, onEventClick, onMarketClick, getMarketHref, getEventHref, initialVenueTab, activeVenueTab: controlledActiveVenueTab, onActiveVenueTabChange, selectedSort: controlledSelectedSort, onSelectedSortChange, categoryPath: controlledCategoryPath, onCategoryPathChange, initialLoadedPageCount, stateRef, }: EventListProps): JSX.Element;

package/dist/types/events/list/index.d.ts

@@ -1,5 +1,7 @@
 import type { EventListProps } from "./event-list.types";
 export type { CategorySidebarLabels, CategorySidebarProps } from "./category-sidebar";
+export { EventListVenueStrip } from "./event-list-venue-strip";
+export type { EventListVenueStripProps } from "./event-list-venue-strip";
 export type { EventListFilterChangeOptions, EventListProps, EventListSortValue, EventListStateRef, } from "./event-list.types";
 export declare const EventList: {
     ({ title, limit, maxVisibleItems, search, categoryIds, onCategoryRootChange, onEventClick, onMarketClick, getMarketHref, getEventHref, initialVenueTab, activeVenueTab: controlledActiveVenueTab, onActiveVenueTabChange, selectedSort: controlledSelectedSort, onSelectedSortChange, categoryPath: controlledCategoryPath, onCategoryPathChange, initialLoadedPageCount, stateRef, }: EventListProps): JSX.Element;

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

@@ -14,6 +14,7 @@ type AvailableBalanceCardProps = {
     reservedValueLabel?: string;
     /** Kalshi cash balance. Kalshi holds funds off-chain, so it gets its own row. */
     kalshiValueLabel?: string;
+    betdexValueLabel?: string;
     chains: ChainRow[];
     isLoading?: boolean;
     className?: string;
@@ -26,7 +27,7 @@ export declare const venueLogosForChain: (chainId: string | number) => VenueLogo
 export declare const isVenueBalanceChain: (chainId: string | number) => boolean;
 export declare const chainIconUrl: (label: string, key?: string) => string | undefined;
 export declare const AvailableBalanceCard: {
-    ({ label, valueLabel, reservedValueLabel, kalshiValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
+    ({ label, valueLabel, reservedValueLabel, kalshiValueLabel, betdexValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
     displayName: string;
 };
 export {};

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

@@ -14,6 +14,7 @@ type AvailableBalanceCardProps = {
     reservedValueLabel?: string;
     /** Kalshi cash balance. Kalshi holds funds off-chain, so it gets its own row. */
     kalshiValueLabel?: string;
+    betdexValueLabel?: string;
     chains: ChainRow[];
     isLoading?: boolean;
     className?: string;
@@ -26,7 +27,7 @@ export declare const venueLogosForChain: (chainId: string | number) => VenueLogo
 export declare const isVenueBalanceChain: (chainId: string | number) => boolean;
 export declare const chainIconUrl: (label: string, key?: string) => string | undefined;
 export declare const AvailableBalanceCard: {
-    ({ label, valueLabel, reservedValueLabel, kalshiValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
+    ({ label, valueLabel, reservedValueLabel, kalshiValueLabel, betdexValueLabel, chains, isLoading, className, onManage, manageButtonRef, }: AvailableBalanceCardProps): JSX.Element;
     displayName: string;
 };
 export {};

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

@@ -1,2 +1,4 @@
 /** Hosted venue cash must never be presented as a signing-wallet chain balance. */
-export declare function BetdexAccountCard(): JSX.Element | null;
+export declare function BetdexAccountCard({ onWalletDeposit, }?: {
+    onWalletDeposit?: (address: string) => void;
+}): JSX.Element | null;

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

@@ -1,2 +1,4 @@
 /** Hosted venue cash must never be presented as a signing-wallet chain balance. */
-export declare function BetdexAccountCard(): JSX.Element | null;
+export declare function BetdexAccountCard({ onWalletDeposit, }?: {
+    onWalletDeposit?: (address: string) => void;
+}): JSX.Element | null;

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

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

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

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

package/dist/types/pages/user-profile/components/betdex-wallet-deposit.d.mts

@@ -0,0 +1,6 @@
+/** Move the user's managed cash through the normal bridge/withdrawal pipeline
+ * to their verified BETDEX deposit address. Only confirmation submits money. */
+export declare function BetdexWalletDeposit({ address, onClose, }: {
+    address: string;
+    onClose: () => void;
+}): JSX.Element;

package/dist/types/pages/user-profile/components/betdex-wallet-deposit.d.ts

@@ -0,0 +1,6 @@
+/** Move the user's managed cash through the normal bridge/withdrawal pipeline
+ * to their verified BETDEX deposit address. Only confirmation submits money. */
+export declare function BetdexWalletDeposit({ address, onClose, }: {
+    address: string;
+    onClose: () => void;
+}): JSX.Element;

package/dist/types/profile/tabs/trading-access-tab.d.mts

@@ -7,11 +7,12 @@ interface VenueAccountInfo {
 export interface TradingAccessTabProps {
     venueAccounts?: VenueAccountInfo[] | null;
     onConnectKalshi?: () => void;
+    onConfigureBetdex?: () => void;
     onDisconnectKalshi?: () => void;
     onKycError?: (error: Error) => void;
 }
 export declare const TradingAccessTab: {
-    ({ venueAccounts, onConnectKalshi, onDisconnectKalshi, }: TradingAccessTabProps): JSX.Element;
+    ({ venueAccounts, onConnectKalshi, onDisconnectKalshi, onConfigureBetdex, }: TradingAccessTabProps): JSX.Element;
     displayName: string;
 };
 export {};

package/dist/types/profile/tabs/trading-access-tab.d.ts

@@ -7,11 +7,12 @@ interface VenueAccountInfo {
 export interface TradingAccessTabProps {
     venueAccounts?: VenueAccountInfo[] | null;
     onConnectKalshi?: () => void;
+    onConfigureBetdex?: () => void;
     onDisconnectKalshi?: () => void;
     onKycError?: (error: Error) => void;
 }
 export declare const TradingAccessTab: {
-    ({ venueAccounts, onConnectKalshi, onDisconnectKalshi, }: TradingAccessTabProps): JSX.Element;
+    ({ venueAccounts, onConnectKalshi, onDisconnectKalshi, onConfigureBetdex, }: TradingAccessTabProps): JSX.Element;
     displayName: string;
 };
 export {};

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

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

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

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

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

@@ -248,6 +248,7 @@ export type BuildLiveRouteCardsParams = {
     tradeSide: PlaceOrderTab;
     eventVenues?: TradingVenue[];
     geoBlockedVenues?: ReadonlySet<string>;
+    betdexFundingRequired?: boolean;
 };
 export type ResolvePlaceOrderQuoteStatusParams = {
     amount: number;

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

@@ -248,6 +248,7 @@ export type BuildLiveRouteCardsParams = {
     tradeSide: PlaceOrderTab;
     eventVenues?: TradingVenue[];
     geoBlockedVenues?: ReadonlySet<string>;
+    betdexFundingRequired?: boolean;
 };
 export type ResolvePlaceOrderQuoteStatusParams = {
     amount: number;

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

@@ -1,5 +1,5 @@
 import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
-import type { AggClient, SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
+import { type AggClient, type SmartRouteResponse, type 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
@@ -111,7 +111,7 @@ 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, tradeSide, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
-export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, betdexFundingRequired, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
 /**
  * Default route-card pick when the user hasn't selected one (or their selection
  * disappeared from the list). Normally the first available card wins, but when

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

@@ -1,5 +1,5 @@
 import type { VenueMarket, VenueSellQuoteRequest } from "@agg-build/hooks";
-import type { AggClient, SmartRouteResponse, WsOrderSubmitted } from "@agg-build/sdk";
+import { type AggClient, type SmartRouteResponse, type 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
@@ -111,7 +111,7 @@ 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, tradeSide, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
-export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
+export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, geoBlockedVenues: inheritedGeoBlockedVenues, betdexFundingRequired, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
 /**
  * Default route-card pick when the user hasn't selected one (or their selection
  * disappeared from the list). Normally the first available card wins, but when

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

@@ -1,5 +1,7 @@
 import type { WithdrawSelectOption } from "../withdraw-modal.types";
 export interface WithdrawAmountStepProps {
+    title?: string;
+    fixedDestination?: boolean;
     amount: string;
     destinationWallet: string;
     balanceDisplay: string;
@@ -26,4 +28,4 @@ export interface WithdrawAmountStepProps {
     onMaxClick?: () => void;
     onContinue: () => void;
 }
-export declare const WithdrawAmountStep: ({ amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, destDecimals, isConfirming, error, max, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue, }: WithdrawAmountStepProps) => JSX.Element;
+export declare const WithdrawAmountStep: ({ title, fixedDestination, amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, destDecimals, isConfirming, error, max, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue, }: WithdrawAmountStepProps) => JSX.Element;

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

@@ -1,5 +1,7 @@
 import type { WithdrawSelectOption } from "../withdraw-modal.types";
 export interface WithdrawAmountStepProps {
+    title?: string;
+    fixedDestination?: boolean;
     amount: string;
     destinationWallet: string;
     balanceDisplay: string;
@@ -26,4 +28,4 @@ export interface WithdrawAmountStepProps {
     onMaxClick?: () => void;
     onContinue: () => void;
 }
-export declare const WithdrawAmountStep: ({ amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, destDecimals, isConfirming, error, max, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue, }: WithdrawAmountStepProps) => JSX.Element;
+export declare const WithdrawAmountStep: ({ title, fixedDestination, amount, destinationWallet, balanceDisplay, tokenOptions, networkOptions, selectedToken, selectedNetwork, destDecimals, isConfirming, error, max, onBack, onAmountChange, onDestinationChange, onTokenChange, onNetworkChange, onMaxClick, onContinue, }: WithdrawAmountStepProps) => JSX.Element;

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

@@ -63,6 +63,14 @@ export interface WithdrawModalControlledProps {
     onOpenChange: (open: boolean) => void;
     /** Controlled state for the withdraw flow. */
     withdrawFlow: WithdrawFlowData;
+    /** Optional fixed recipient for an owned venue-account transfer. Uses the
+     * same preview, bridge, confirmation and withdrawal lifecycle as normal. */
+    transferTarget?: {
+        title: string;
+        address: string;
+        chainId: string;
+        tokenSymbol: string;
+    };
     /** Called when the recipient address input changes. */
     onWithdrawDestinationChange: (address: string) => void;
     /** Called when the withdraw amount changes. */

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

@@ -63,6 +63,14 @@ export interface WithdrawModalControlledProps {
     onOpenChange: (open: boolean) => void;
     /** Controlled state for the withdraw flow. */
     withdrawFlow: WithdrawFlowData;
+    /** Optional fixed recipient for an owned venue-account transfer. Uses the
+     * same preview, bridge, confirmation and withdrawal lifecycle as normal. */
+    transferTarget?: {
+        title: string;
+        address: string;
+        chainId: string;
+        tokenSymbol: string;
+    };
     /** Called when the recipient address input changes. */
     onWithdrawDestinationChange: (address: string) => void;
     /** Called when the withdraw amount changes. */

package/package.json

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