@agg-build/ui 1.0.0

package/dist/types/trading/use-kalshi-kyc-flow.d.ts

@@ -0,0 +1,22 @@
+export interface KalshiKycPendingState {
+    venue: "kalshi";
+    userId: string | null;
+    walletAddress: string | null;
+}
+interface UseKalshiKycFlowOptions {
+    isKalshiVerified: boolean | undefined;
+    userId?: string | null;
+    walletAddress?: string | null;
+    onError?: (error: Error) => void;
+}
+interface UseKalshiKycFlowResult {
+    isVerifyModalOpen: boolean;
+    showSuccessModal: boolean;
+    isInitiating: boolean;
+    openVerifyModal: () => void;
+    closeVerifyModal: () => void;
+    closeSuccessModal: () => void;
+    startVerification: () => void;
+}
+export declare const useKalshiKycFlow: ({ isKalshiVerified, userId, walletAddress, onError, }: UseKalshiKycFlowOptions) => UseKalshiKycFlowResult;
+export {};

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

@@ -0,0 +1,16 @@
+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;
+export declare const getTradingValueLabel: ({ amount, minimumFractionDigits, maximumFractionDigits, }: {
+    amount: number;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}) => string;
+export declare const getTradingPriceLabel: (value: number) => string;
+export declare const getTradingAveragePriceLabel: (value: number) => string;
+export declare const getTradingBalanceLabel: (value: number) => string;
+export declare const getTradingSharesLabel: (value: number) => string;
+export declare const getTradingSlippageLabel: (value: number) => string;

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

@@ -0,0 +1,16 @@
+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;
+export declare const getTradingValueLabel: ({ amount, minimumFractionDigits, maximumFractionDigits, }: {
+    amount: number;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+}) => string;
+export declare const getTradingPriceLabel: (value: number) => string;
+export declare const getTradingAveragePriceLabel: (value: number) => string;
+export declare const getTradingBalanceLabel: (value: number) => string;
+export declare const getTradingSharesLabel: (value: number) => string;
+export declare const getTradingSlippageLabel: (value: number) => string;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import type { WithdrawMethod } from "../withdraw-modal.types";
+export interface WithdrawMethodStepProps {
+    balance: number;
+    onSelectMethod: (method: WithdrawMethod) => void;
+}
+export declare const WithdrawMethodStep: ({ balance, onSelectMethod, }: WithdrawMethodStepProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { WithdrawMethod } from "../withdraw-modal.types";
+export interface WithdrawMethodStepProps {
+    balance: number;
+    onSelectMethod: (method: WithdrawMethod) => void;
+}
+export declare const WithdrawMethodStep: ({ balance, onSelectMethod, }: WithdrawMethodStepProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import type { WithdrawProviderOption } from "../withdraw-modal.types";
+export interface WithdrawProviderStepProps {
+    token: string;
+    amount: string;
+    currency: string;
+    providers: WithdrawProviderOption[];
+    onBack: () => void;
+    onSelectProvider: (providerId: string) => void;
+}
+export declare const WithdrawProviderStep: ({ token, amount, currency, providers, onBack, onSelectProvider, }: WithdrawProviderStepProps) => JSX.Element;

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

@@ -0,0 +1,10 @@
+import type { WithdrawProviderOption } from "../withdraw-modal.types";
+export interface WithdrawProviderStepProps {
+    token: string;
+    amount: string;
+    currency: string;
+    providers: WithdrawProviderOption[];
+    onBack: () => void;
+    onSelectProvider: (providerId: string) => void;
+}
+export declare const WithdrawProviderStep: ({ token, amount, currency, providers, onBack, onSelectProvider, }: WithdrawProviderStepProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { WithdrawSummary } from "../withdraw-modal.types";
+export interface WithdrawSuccessStepProps {
+    summary: WithdrawSummary;
+    onDone: () => void;
+    onClose: () => void;
+}
+export declare const WithdrawSuccessStep: ({ summary, onDone, onClose, }: WithdrawSuccessStepProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { WithdrawSummary } from "../withdraw-modal.types";
+export interface WithdrawSuccessStepProps {
+    summary: WithdrawSummary;
+    onDone: () => void;
+    onClose: () => void;
+}
+export declare const WithdrawSuccessStep: ({ summary, onDone, onClose, }: WithdrawSuccessStepProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+/**
+ * Display names for venue slugs.
+ * Re-uses the venue-logo labels as the single source of truth.
+ */
+export { venueLogoLabels as VENUE_DISPLAY_NAMES } from "../primitives/venue-logo/venue-logo.constants";

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

@@ -0,0 +1,5 @@
+/**
+ * Display names for venue slugs.
+ * Re-uses the venue-logo labels as the single source of truth.
+ */
+export { venueLogoLabels as VENUE_DISPLAY_NAMES } from "../primitives/venue-logo/venue-logo.constants";

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

@@ -0,0 +1,64 @@
+export interface WithdrawFlowOption {
+    id: string;
+    title: string;
+    description: string;
+    highlighted?: boolean;
+}
+export interface WithdrawSelectOption {
+    value: string;
+    label: string;
+    iconUrl?: string;
+}
+export interface WithdrawProviderOption {
+    id: string;
+    name: string;
+    quote: string;
+    fee: string;
+    badge?: "best" | "low-kyc";
+    highlighted?: boolean;
+}
+export interface WithdrawSummary {
+    amountReceived: string;
+    network: string;
+    provider: string;
+    toWallet: string;
+    fees: string;
+}
+export interface WithdrawFlowData {
+    /** Top-level balance shown in the entry step. */
+    balance: number;
+    amount: string;
+    currency: string;
+    destinationWallet: string;
+    tokenOptions: WithdrawSelectOption[];
+    networkOptions: WithdrawSelectOption[];
+    selectedToken: string;
+    selectedNetwork: string;
+    providers: WithdrawProviderOption[];
+    purchaseSummary: WithdrawSummary;
+}
+export type WithdrawMethod = "card";
+export interface WithdrawModalProps {
+    /** 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 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. */
+    onDoneWithdraw: () => void;
+}

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

@@ -0,0 +1,64 @@
+export interface WithdrawFlowOption {
+    id: string;
+    title: string;
+    description: string;
+    highlighted?: boolean;
+}
+export interface WithdrawSelectOption {
+    value: string;
+    label: string;
+    iconUrl?: string;
+}
+export interface WithdrawProviderOption {
+    id: string;
+    name: string;
+    quote: string;
+    fee: string;
+    badge?: "best" | "low-kyc";
+    highlighted?: boolean;
+}
+export interface WithdrawSummary {
+    amountReceived: string;
+    network: string;
+    provider: string;
+    toWallet: string;
+    fees: string;
+}
+export interface WithdrawFlowData {
+    /** Top-level balance shown in the entry step. */
+    balance: number;
+    amount: string;
+    currency: string;
+    destinationWallet: string;
+    tokenOptions: WithdrawSelectOption[];
+    networkOptions: WithdrawSelectOption[];
+    selectedToken: string;
+    selectedNetwork: string;
+    providers: WithdrawProviderOption[];
+    purchaseSummary: WithdrawSummary;
+}
+export type WithdrawMethod = "card";
+export interface WithdrawModalProps {
+    /** 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 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. */
+    onDoneWithdraw: () => void;
+}

package/package.json

@@ -0,0 +1,128 @@
+{
+  "name": "@agg-build/ui",
+  "version": "1.0.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",
+  "homepage": "https://docs.agg.market/",
+  "keywords": [
+    "agg",
+    "agg-market",
+    "agg-build",
+    "prediction-markets",
+    "prediction-market",
+    "trading",
+    "ui",
+    "react",
+    "components",
+    "component-library",
+    "tailwind",
+    "design-system",
+    "polymarket",
+    "kalshi"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Snag-Solutions/Agg.git",
+    "directory": "packages/ui"
+  },
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./primitives": {
+      "import": {
+        "types": "./dist/primitives.d.mts",
+        "default": "./dist/primitives.mjs"
+      },
+      "require": {
+        "types": "./dist/primitives.d.ts",
+        "default": "./dist/primitives.js"
+      }
+    },
+    "./events": {
+      "import": {
+        "types": "./dist/events.d.mts",
+        "default": "./dist/events.mjs"
+      },
+      "require": {
+        "types": "./dist/events.d.ts",
+        "default": "./dist/events.js"
+      }
+    },
+    "./pages": {
+      "import": {
+        "types": "./dist/pages.d.mts",
+        "default": "./dist/pages.mjs"
+      },
+      "require": {
+        "types": "./dist/pages.d.ts",
+        "default": "./dist/pages.js"
+      }
+    },
+    "./modals": {
+      "import": {
+        "types": "./dist/modals.d.mts",
+        "default": "./dist/modals.mjs"
+      },
+      "require": {
+        "types": "./dist/modals.d.ts",
+        "default": "./dist/modals.js"
+      }
+    },
+    "./trading": {
+      "import": {
+        "types": "./dist/trading.d.mts",
+        "default": "./dist/trading.mjs"
+      },
+      "require": {
+        "types": "./dist/trading.d.ts",
+        "default": "./dist/trading.js"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tailwind.css": "./dist/tailwind.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "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"
+  },
+  "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-tooltip": "^1.0.7",
+    "dayjs": "^1.11.19",
+    "qrcode.react": "^3.1.0",
+    "liveline": "^0.0.7"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "NODE_OPTIONS=--max-old-space-size=4096 tsup && tsc -p tsconfig.build.json && node ./scripts/generate-type-entrypoints.mjs && pnpm exec tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify && pnpm exec tailwindcss -i ./src/tailwind.css -o ./dist/tailwind.css --minify",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo node_modules dist"
+  }
+}