@agg-market/ui 11.0.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/{chunk-HMUMJUIL.mjs → chunk-3ST2TN6E.mjs} +613 -312
- package/dist/{chunk-IUJXJEDQ.mjs → chunk-B56YA2YQ.mjs} +872 -650
- package/dist/chunk-CHVTY3OB.mjs +3140 -0
- package/dist/{chunk-2KGE5AJQ.mjs → chunk-GQ4P3AHJ.mjs} +66 -131
- package/dist/{chunk-UONHGMFI.mjs → chunk-T4WFRR6D.mjs} +23 -45
- package/dist/events.js +1013 -924
- package/dist/events.mjs +2 -2
- package/dist/index.js +3653 -2943
- package/dist/index.mjs +14 -7
- package/dist/modals.js +2578 -2190
- package/dist/modals.mjs +2 -2
- package/dist/pages.js +2192 -1763
- package/dist/pages.mjs +4 -4
- package/dist/primitives.js +860 -628
- package/dist/primitives.mjs +9 -1
- package/dist/styles.css +2 -2
- package/dist/tailwind.css +2 -2
- package/dist/trading.js +823 -673
- package/dist/trading.mjs +2 -2
- package/dist/types/deposit/deposit-modal.constants.d.mts +0 -4
- package/dist/types/deposit/deposit-modal.constants.d.ts +0 -4
- package/dist/types/deposit/deposit-modal.types.d.mts +110 -14
- package/dist/types/deposit/deposit-modal.types.d.ts +110 -14
- package/dist/types/deposit/index.d.mts +1 -1
- package/dist/types/deposit/index.d.ts +1 -1
- package/dist/types/deposit/steps/card-deposit.d.mts +13 -3
- package/dist/types/deposit/steps/card-deposit.d.ts +13 -3
- package/dist/types/deposit/steps/card-provider.d.mts +10 -0
- package/dist/types/deposit/steps/card-provider.d.ts +10 -0
- package/dist/types/deposit/steps/card-purchase-success.d.mts +7 -0
- package/dist/types/deposit/steps/card-purchase-success.d.ts +7 -0
- package/dist/types/deposit/steps/crypto-transfer.d.mts +13 -3
- package/dist/types/deposit/steps/crypto-transfer.d.ts +13 -3
- package/dist/types/deposit/steps/deposit-method.d.mts +6 -4
- package/dist/types/deposit/steps/deposit-method.d.ts +6 -4
- package/dist/types/deposit/steps/wallet-form.d.mts +20 -0
- package/dist/types/deposit/steps/wallet-form.d.ts +20 -0
- package/dist/types/deposit/steps/wallet-processing.d.mts +6 -0
- package/dist/types/deposit/steps/wallet-processing.d.ts +6 -0
- package/dist/types/deposit/steps/wallet-success.d.mts +7 -0
- package/dist/types/deposit/steps/wallet-success.d.ts +7 -0
- package/dist/types/pages/home/index.d.mts +1 -1
- package/dist/types/pages/home/index.d.ts +1 -1
- package/dist/types/pages/user-profile/components/available-balance-card.d.mts +17 -0
- package/dist/types/pages/user-profile/components/available-balance-card.d.ts +17 -0
- package/dist/types/pages/user-profile/components/balance-display.d.mts +3 -5
- package/dist/types/pages/user-profile/components/balance-display.d.ts +3 -5
- package/dist/types/pages/user-profile/components/positions-activity.d.mts +11 -1
- package/dist/types/pages/user-profile/components/positions-activity.d.ts +11 -1
- package/dist/types/pages/user-profile/components/positions-value-card.d.mts +10 -0
- package/dist/types/pages/user-profile/components/positions-value-card.d.ts +10 -0
- package/dist/types/pages/user-profile/components/user-info-card.d.mts +3 -1
- package/dist/types/pages/user-profile/components/user-info-card.d.ts +3 -1
- package/dist/types/pages/user-profile/index.d.mts +2 -2
- package/dist/types/pages/user-profile/index.d.ts +2 -2
- package/dist/types/pages/user-profile/user-profile.constants.d.mts +1 -2
- package/dist/types/pages/user-profile/user-profile.constants.d.ts +1 -2
- package/dist/types/pages/user-profile/user-profile.types.d.mts +29 -16
- package/dist/types/pages/user-profile/user-profile.types.d.ts +29 -16
- package/dist/types/primitives/icon/index.d.mts +4 -1
- package/dist/types/primitives/icon/index.d.ts +4 -1
- package/dist/types/primitives/icon/registry.d.mts +12 -0
- package/dist/types/primitives/icon/registry.d.ts +12 -0
- package/dist/types/primitives/icon/svg/bnb.d.mts +5 -0
- package/dist/types/primitives/icon/svg/bnb.d.ts +5 -0
- package/dist/types/primitives/icon/svg/polygon.d.mts +5 -0
- package/dist/types/primitives/icon/svg/polygon.d.ts +5 -0
- package/dist/types/primitives/icon/svg/success-check.d.mts +5 -0
- package/dist/types/primitives/icon/svg/success-check.d.ts +5 -0
- package/dist/types/primitives/index.d.mts +1 -0
- package/dist/types/primitives/index.d.ts +1 -0
- package/dist/types/primitives/skeleton/skeleton.types.d.mts +2 -0
- package/dist/types/primitives/skeleton/skeleton.types.d.ts +2 -0
- package/dist/types/primitives/skeleton/views/user-profile-overview-skeleton-view.d.mts +5 -0
- package/dist/types/primitives/skeleton/views/user-profile-overview-skeleton-view.d.ts +5 -0
- package/dist/types/primitives/skeleton/views/user-profile-positions-activity-skeleton-view.d.mts +5 -0
- package/dist/types/primitives/skeleton/views/user-profile-positions-activity-skeleton-view.d.ts +5 -0
- package/dist/types/primitives/tooltip/index.d.mts +6 -0
- package/dist/types/primitives/tooltip/index.d.ts +6 -0
- package/dist/types/primitives/tooltip/tooltip.constants.d.mts +2 -0
- package/dist/types/primitives/tooltip/tooltip.constants.d.ts +2 -0
- package/dist/types/primitives/tooltip/tooltip.types.d.mts +27 -0
- package/dist/types/primitives/tooltip/tooltip.types.d.ts +27 -0
- package/dist/types/profile/tabs/about-tab.d.mts +1 -1
- package/dist/types/profile/tabs/about-tab.d.ts +1 -1
- package/dist/types/profile/tabs/accounts-wallets-tab.d.mts +1 -1
- package/dist/types/profile/tabs/accounts-wallets-tab.d.ts +1 -1
- package/dist/types/withdraw/index.d.mts +2 -2
- package/dist/types/withdraw/index.d.ts +2 -2
- package/dist/types/withdraw/steps/withdraw-amount.d.mts +14 -5
- package/dist/types/withdraw/steps/withdraw-amount.d.ts +14 -5
- package/dist/types/withdraw/steps/withdraw-method.d.mts +3 -4
- package/dist/types/withdraw/steps/withdraw-method.d.ts +3 -4
- package/dist/types/withdraw/steps/withdraw-provider.d.mts +10 -0
- package/dist/types/withdraw/steps/withdraw-provider.d.ts +10 -0
- package/dist/types/withdraw/steps/withdraw-success.d.mts +7 -0
- package/dist/types/withdraw/steps/withdraw-success.d.ts +7 -0
- package/dist/types/withdraw/withdraw-modal.constants.d.mts +0 -4
- package/dist/types/withdraw/withdraw-modal.constants.d.ts +0 -4
- package/dist/types/withdraw/withdraw-modal.types.d.mts +47 -23
- package/dist/types/withdraw/withdraw-modal.types.d.ts +47 -23
- package/package.json +3 -2
- package/dist/chunk-5FSWOXEG.mjs +0 -2857
- package/dist/types/deposit/steps/kalshi-deposit.d.mts +0 -5
- package/dist/types/deposit/steps/kalshi-deposit.d.ts +0 -5
- package/dist/types/withdraw/steps/kalshi-withdraw.d.mts +0 -5
- package/dist/types/withdraw/steps/kalshi-withdraw.d.ts +0 -5
- package/dist/types/withdraw/steps/venue-selection.d.mts +0 -6
- package/dist/types/withdraw/steps/venue-selection.d.ts +0 -6
package/dist/trading.mjs
CHANGED
|
@@ -29,8 +29,8 @@ import {
|
|
|
29
29
|
getTradingSlippageLabel,
|
|
30
30
|
getTradingValueLabel,
|
|
31
31
|
getTradingVenueLabel
|
|
32
|
-
} from "./chunk-
|
|
33
|
-
import "./chunk-
|
|
32
|
+
} from "./chunk-T4WFRR6D.mjs";
|
|
33
|
+
import "./chunk-B56YA2YQ.mjs";
|
|
34
34
|
export {
|
|
35
35
|
PlaceOrder,
|
|
36
36
|
Settlement,
|
|
@@ -3,7 +3,3 @@
|
|
|
3
3
|
* Re-uses the venue-logo labels as the single source of truth.
|
|
4
4
|
*/
|
|
5
5
|
export { venueLogoLabels as VENUE_DISPLAY_NAMES } from "../primitives/venue-logo/venue-logo.constants";
|
|
6
|
-
/** Venue slug used to branch into the Kalshi-specific flow. */
|
|
7
|
-
export declare const KALSHI_VENUE = "kalshi";
|
|
8
|
-
/** Default URL for the "Open Kalshi" deposit button. */
|
|
9
|
-
export declare const KALSHI_DEPOSIT_URL_DEFAULT = "https://kalshi.com/account/deposit";
|
|
@@ -3,7 +3,3 @@
|
|
|
3
3
|
* Re-uses the venue-logo labels as the single source of truth.
|
|
4
4
|
*/
|
|
5
5
|
export { venueLogoLabels as VENUE_DISPLAY_NAMES } from "../primitives/venue-logo/venue-logo.constants";
|
|
6
|
-
/** Venue slug used to branch into the Kalshi-specific flow. */
|
|
7
|
-
export declare const KALSHI_VENUE = "kalshi";
|
|
8
|
-
/** Default URL for the "Open Kalshi" deposit button. */
|
|
9
|
-
export declare const KALSHI_DEPOSIT_URL_DEFAULT = "https://kalshi.com/account/deposit";
|
|
@@ -1,27 +1,123 @@
|
|
|
1
1
|
export interface VenueBalance {
|
|
2
|
-
/** Venue slug, e.g. "polymarket"
|
|
2
|
+
/** Venue slug, e.g. "polymarket" */
|
|
3
3
|
venue: string;
|
|
4
4
|
/** Current balance in USD */
|
|
5
5
|
balance: number;
|
|
6
6
|
/** If set, shows insufficient-balance styling with this shortfall amount */
|
|
7
7
|
shortfall?: number;
|
|
8
8
|
}
|
|
9
|
-
export type DepositMethod = "crypto" | "card";
|
|
9
|
+
export type DepositMethod = "wallet" | "crypto" | "card";
|
|
10
|
+
export interface DepositFlowOption {
|
|
11
|
+
id: string;
|
|
12
|
+
title: string;
|
|
13
|
+
description: string;
|
|
14
|
+
value?: string;
|
|
15
|
+
highlighted?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface DepositSelectOption {
|
|
18
|
+
value: string;
|
|
19
|
+
label: string;
|
|
20
|
+
iconUrl?: string;
|
|
21
|
+
}
|
|
22
|
+
export interface WalletProcessingStep {
|
|
23
|
+
id: string;
|
|
24
|
+
label: string;
|
|
25
|
+
status: "complete" | "active" | "pending";
|
|
26
|
+
}
|
|
27
|
+
export interface WalletDepositSummary {
|
|
28
|
+
amountReceived: string;
|
|
29
|
+
network: string;
|
|
30
|
+
fromWallet: string;
|
|
31
|
+
gasFee: string;
|
|
32
|
+
}
|
|
33
|
+
export interface WalletDepositFlowData {
|
|
34
|
+
/** Top-level deposit balance shown in Step 1. */
|
|
35
|
+
balance: number;
|
|
36
|
+
/** Connected wallet label, e.g. 3XzH...ULM9 */
|
|
37
|
+
walletLabel: string;
|
|
38
|
+
/** Connected wallet fiat balance, shown in Step 1 and wallet form header. */
|
|
39
|
+
walletBalance: number;
|
|
40
|
+
tokenOptions: DepositSelectOption[];
|
|
41
|
+
networkOptions: DepositSelectOption[];
|
|
42
|
+
selectedToken: string;
|
|
43
|
+
selectedNetwork: string;
|
|
44
|
+
amount: string;
|
|
45
|
+
/** Optional estimate row, e.g. 1,000.00 USDC */
|
|
46
|
+
estimatedReceive?: string;
|
|
47
|
+
/** Optional fee row, e.g. $1.22 */
|
|
48
|
+
feeEstimate?: string;
|
|
49
|
+
/** Optional eta row, e.g. ~2 min */
|
|
50
|
+
eta?: string;
|
|
51
|
+
processingSteps: WalletProcessingStep[];
|
|
52
|
+
successSummary: WalletDepositSummary;
|
|
53
|
+
}
|
|
54
|
+
export interface SendCryptoFlowData {
|
|
55
|
+
tokenOptions: DepositSelectOption[];
|
|
56
|
+
networkOptions: DepositSelectOption[];
|
|
57
|
+
selectedToken: string;
|
|
58
|
+
selectedNetwork: string;
|
|
59
|
+
depositAddress: string;
|
|
60
|
+
minDeposit: string;
|
|
61
|
+
feeEstimate: string;
|
|
62
|
+
eta: string;
|
|
63
|
+
}
|
|
64
|
+
export interface CardProviderOption {
|
|
65
|
+
id: string;
|
|
66
|
+
name: string;
|
|
67
|
+
quote: string;
|
|
68
|
+
fee: string;
|
|
69
|
+
badge?: "best" | "low-kyc";
|
|
70
|
+
highlighted?: boolean;
|
|
71
|
+
}
|
|
72
|
+
export interface CardPurchaseSummary {
|
|
73
|
+
amountReceived: string;
|
|
74
|
+
network: string;
|
|
75
|
+
provider: string;
|
|
76
|
+
fees: string;
|
|
77
|
+
}
|
|
78
|
+
export interface CardFlowData {
|
|
79
|
+
amount: string;
|
|
80
|
+
currency: string;
|
|
81
|
+
destinationWallet: string;
|
|
82
|
+
tokenOptions: DepositSelectOption[];
|
|
83
|
+
networkOptions: DepositSelectOption[];
|
|
84
|
+
selectedToken: string;
|
|
85
|
+
selectedNetwork: string;
|
|
86
|
+
providers: CardProviderOption[];
|
|
87
|
+
selectedProviderId?: string;
|
|
88
|
+
purchaseSummary: CardPurchaseSummary;
|
|
89
|
+
}
|
|
10
90
|
export interface DepositModalProps {
|
|
11
91
|
open: boolean;
|
|
12
92
|
onOpenChange: (open: boolean) => void;
|
|
13
|
-
/**
|
|
14
|
-
venues
|
|
15
|
-
/**
|
|
16
|
-
onSelectVenue
|
|
17
|
-
/** Called when user picks a deposit method
|
|
18
|
-
onSelectDepositMethod?: (
|
|
93
|
+
/** Deprecated: preserved for backwards compatibility with legacy consumers. */
|
|
94
|
+
venues?: VenueBalance[];
|
|
95
|
+
/** Deprecated: preserved for backwards compatibility with legacy consumers. */
|
|
96
|
+
onSelectVenue?: (venue: string) => void;
|
|
97
|
+
/** Called when user picks a deposit method from Step 1 */
|
|
98
|
+
onSelectDepositMethod?: (method: DepositMethod) => void;
|
|
19
99
|
/** Called when the user submits the card deposit form */
|
|
20
|
-
onContinueCardDeposit?: (
|
|
100
|
+
onContinueCardDeposit?: (amount: number) => void;
|
|
21
101
|
/** Called when the user completes the crypto transfer step */
|
|
22
|
-
onDoneCryptoTransfer?: (
|
|
23
|
-
/**
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
102
|
+
onDoneCryptoTransfer?: () => void;
|
|
103
|
+
/** Data used by the new wallet deposit flow screens. */
|
|
104
|
+
walletFlow: WalletDepositFlowData;
|
|
105
|
+
onWalletTokenChange: (token: string) => void;
|
|
106
|
+
onWalletNetworkChange: (network: string) => void;
|
|
107
|
+
onWalletAmountChange: (amount: string) => void;
|
|
108
|
+
onWalletMax: () => void;
|
|
109
|
+
onConfirmWalletDeposit: () => void;
|
|
110
|
+
onDoneWalletDeposit: () => void;
|
|
111
|
+
sendCryptoFlow: SendCryptoFlowData;
|
|
112
|
+
onSendCryptoTokenChange: (token: string) => void;
|
|
113
|
+
onSendCryptoNetworkChange: (network: string) => void;
|
|
114
|
+
onCopySendCryptoAddress: () => void;
|
|
115
|
+
onDoneSendCrypto: () => void;
|
|
116
|
+
cardFlow: CardFlowData;
|
|
117
|
+
onCardAmountChange: (amount: string) => void;
|
|
118
|
+
onCardCurrencyChange: (currency: string) => void;
|
|
119
|
+
onCardTokenChange: (token: string) => void;
|
|
120
|
+
onCardNetworkChange: (network: string) => void;
|
|
121
|
+
onSelectCardProvider: (providerId: string) => void;
|
|
122
|
+
onDoneCardPurchase: () => void;
|
|
27
123
|
}
|
|
@@ -1,27 +1,123 @@
|
|
|
1
1
|
export interface VenueBalance {
|
|
2
|
-
/** Venue slug, e.g. "polymarket"
|
|
2
|
+
/** Venue slug, e.g. "polymarket" */
|
|
3
3
|
venue: string;
|
|
4
4
|
/** Current balance in USD */
|
|
5
5
|
balance: number;
|
|
6
6
|
/** If set, shows insufficient-balance styling with this shortfall amount */
|
|
7
7
|
shortfall?: number;
|
|
8
8
|
}
|
|
9
|
-
export type DepositMethod = "crypto" | "card";
|
|
9
|
+
export type DepositMethod = "wallet" | "crypto" | "card";
|
|
10
|
+
export interface DepositFlowOption {
|
|
11
|
+
id: string;
|
|
12
|
+
title: string;
|
|
13
|
+
description: string;
|
|
14
|
+
value?: string;
|
|
15
|
+
highlighted?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface DepositSelectOption {
|
|
18
|
+
value: string;
|
|
19
|
+
label: string;
|
|
20
|
+
iconUrl?: string;
|
|
21
|
+
}
|
|
22
|
+
export interface WalletProcessingStep {
|
|
23
|
+
id: string;
|
|
24
|
+
label: string;
|
|
25
|
+
status: "complete" | "active" | "pending";
|
|
26
|
+
}
|
|
27
|
+
export interface WalletDepositSummary {
|
|
28
|
+
amountReceived: string;
|
|
29
|
+
network: string;
|
|
30
|
+
fromWallet: string;
|
|
31
|
+
gasFee: string;
|
|
32
|
+
}
|
|
33
|
+
export interface WalletDepositFlowData {
|
|
34
|
+
/** Top-level deposit balance shown in Step 1. */
|
|
35
|
+
balance: number;
|
|
36
|
+
/** Connected wallet label, e.g. 3XzH...ULM9 */
|
|
37
|
+
walletLabel: string;
|
|
38
|
+
/** Connected wallet fiat balance, shown in Step 1 and wallet form header. */
|
|
39
|
+
walletBalance: number;
|
|
40
|
+
tokenOptions: DepositSelectOption[];
|
|
41
|
+
networkOptions: DepositSelectOption[];
|
|
42
|
+
selectedToken: string;
|
|
43
|
+
selectedNetwork: string;
|
|
44
|
+
amount: string;
|
|
45
|
+
/** Optional estimate row, e.g. 1,000.00 USDC */
|
|
46
|
+
estimatedReceive?: string;
|
|
47
|
+
/** Optional fee row, e.g. $1.22 */
|
|
48
|
+
feeEstimate?: string;
|
|
49
|
+
/** Optional eta row, e.g. ~2 min */
|
|
50
|
+
eta?: string;
|
|
51
|
+
processingSteps: WalletProcessingStep[];
|
|
52
|
+
successSummary: WalletDepositSummary;
|
|
53
|
+
}
|
|
54
|
+
export interface SendCryptoFlowData {
|
|
55
|
+
tokenOptions: DepositSelectOption[];
|
|
56
|
+
networkOptions: DepositSelectOption[];
|
|
57
|
+
selectedToken: string;
|
|
58
|
+
selectedNetwork: string;
|
|
59
|
+
depositAddress: string;
|
|
60
|
+
minDeposit: string;
|
|
61
|
+
feeEstimate: string;
|
|
62
|
+
eta: string;
|
|
63
|
+
}
|
|
64
|
+
export interface CardProviderOption {
|
|
65
|
+
id: string;
|
|
66
|
+
name: string;
|
|
67
|
+
quote: string;
|
|
68
|
+
fee: string;
|
|
69
|
+
badge?: "best" | "low-kyc";
|
|
70
|
+
highlighted?: boolean;
|
|
71
|
+
}
|
|
72
|
+
export interface CardPurchaseSummary {
|
|
73
|
+
amountReceived: string;
|
|
74
|
+
network: string;
|
|
75
|
+
provider: string;
|
|
76
|
+
fees: string;
|
|
77
|
+
}
|
|
78
|
+
export interface CardFlowData {
|
|
79
|
+
amount: string;
|
|
80
|
+
currency: string;
|
|
81
|
+
destinationWallet: string;
|
|
82
|
+
tokenOptions: DepositSelectOption[];
|
|
83
|
+
networkOptions: DepositSelectOption[];
|
|
84
|
+
selectedToken: string;
|
|
85
|
+
selectedNetwork: string;
|
|
86
|
+
providers: CardProviderOption[];
|
|
87
|
+
selectedProviderId?: string;
|
|
88
|
+
purchaseSummary: CardPurchaseSummary;
|
|
89
|
+
}
|
|
10
90
|
export interface DepositModalProps {
|
|
11
91
|
open: boolean;
|
|
12
92
|
onOpenChange: (open: boolean) => void;
|
|
13
|
-
/**
|
|
14
|
-
venues
|
|
15
|
-
/**
|
|
16
|
-
onSelectVenue
|
|
17
|
-
/** Called when user picks a deposit method
|
|
18
|
-
onSelectDepositMethod?: (
|
|
93
|
+
/** Deprecated: preserved for backwards compatibility with legacy consumers. */
|
|
94
|
+
venues?: VenueBalance[];
|
|
95
|
+
/** Deprecated: preserved for backwards compatibility with legacy consumers. */
|
|
96
|
+
onSelectVenue?: (venue: string) => void;
|
|
97
|
+
/** Called when user picks a deposit method from Step 1 */
|
|
98
|
+
onSelectDepositMethod?: (method: DepositMethod) => void;
|
|
19
99
|
/** Called when the user submits the card deposit form */
|
|
20
|
-
onContinueCardDeposit?: (
|
|
100
|
+
onContinueCardDeposit?: (amount: number) => void;
|
|
21
101
|
/** Called when the user completes the crypto transfer step */
|
|
22
|
-
onDoneCryptoTransfer?: (
|
|
23
|
-
/**
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
102
|
+
onDoneCryptoTransfer?: () => void;
|
|
103
|
+
/** Data used by the new wallet deposit flow screens. */
|
|
104
|
+
walletFlow: WalletDepositFlowData;
|
|
105
|
+
onWalletTokenChange: (token: string) => void;
|
|
106
|
+
onWalletNetworkChange: (network: string) => void;
|
|
107
|
+
onWalletAmountChange: (amount: string) => void;
|
|
108
|
+
onWalletMax: () => void;
|
|
109
|
+
onConfirmWalletDeposit: () => void;
|
|
110
|
+
onDoneWalletDeposit: () => void;
|
|
111
|
+
sendCryptoFlow: SendCryptoFlowData;
|
|
112
|
+
onSendCryptoTokenChange: (token: string) => void;
|
|
113
|
+
onSendCryptoNetworkChange: (network: string) => void;
|
|
114
|
+
onCopySendCryptoAddress: () => void;
|
|
115
|
+
onDoneSendCrypto: () => void;
|
|
116
|
+
cardFlow: CardFlowData;
|
|
117
|
+
onCardAmountChange: (amount: string) => void;
|
|
118
|
+
onCardCurrencyChange: (currency: string) => void;
|
|
119
|
+
onCardTokenChange: (token: string) => void;
|
|
120
|
+
onCardNetworkChange: (network: string) => void;
|
|
121
|
+
onSelectCardProvider: (providerId: string) => void;
|
|
122
|
+
onDoneCardPurchase: () => void;
|
|
27
123
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { DepositModalProps } from "./deposit-modal.types";
|
|
2
2
|
export type { DepositMethod, DepositModalProps, VenueBalance } from "./deposit-modal.types";
|
|
3
3
|
export declare const DepositModal: {
|
|
4
|
-
({ open, onOpenChange,
|
|
4
|
+
({ open, onOpenChange, onSelectDepositMethod, onContinueCardDeposit, onDoneCryptoTransfer, walletFlow, onWalletTokenChange, onWalletNetworkChange, onWalletAmountChange, onWalletMax, onConfirmWalletDeposit, onDoneWalletDeposit, sendCryptoFlow, onSendCryptoTokenChange, onSendCryptoNetworkChange, onCopySendCryptoAddress, onDoneSendCrypto, cardFlow, onCardAmountChange, onCardCurrencyChange, onCardTokenChange, onCardNetworkChange, onSelectCardProvider, onDoneCardPurchase, }: DepositModalProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { DepositModalProps } from "./deposit-modal.types";
|
|
2
2
|
export type { DepositMethod, DepositModalProps, VenueBalance } from "./deposit-modal.types";
|
|
3
3
|
export declare const DepositModal: {
|
|
4
|
-
({ open, onOpenChange,
|
|
4
|
+
({ open, onOpenChange, onSelectDepositMethod, onContinueCardDeposit, onDoneCryptoTransfer, walletFlow, onWalletTokenChange, onWalletNetworkChange, onWalletAmountChange, onWalletMax, onConfirmWalletDeposit, onDoneWalletDeposit, sendCryptoFlow, onSendCryptoTokenChange, onSendCryptoNetworkChange, onCopySendCryptoAddress, onDoneSendCrypto, cardFlow, onCardAmountChange, onCardCurrencyChange, onCardTokenChange, onCardNetworkChange, onSelectCardProvider, onDoneCardPurchase, }: DepositModalProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -1,7 +1,17 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { DepositSelectOption } from "../deposit-modal.types";
|
|
2
2
|
export interface CardDepositStepProps {
|
|
3
|
-
|
|
3
|
+
amount: string;
|
|
4
|
+
currency: string;
|
|
5
|
+
destinationWallet: string;
|
|
6
|
+
tokenOptions: DepositSelectOption[];
|
|
7
|
+
networkOptions: DepositSelectOption[];
|
|
8
|
+
selectedToken: string;
|
|
9
|
+
selectedNetwork: string;
|
|
4
10
|
onBack: () => void;
|
|
11
|
+
onAmountChange: (amount: string) => void;
|
|
12
|
+
onCurrencyChange: (currency: string) => void;
|
|
13
|
+
onTokenChange: (token: string) => void;
|
|
14
|
+
onNetworkChange: (network: string) => void;
|
|
5
15
|
onContinue: (amount: number) => void;
|
|
6
16
|
}
|
|
7
|
-
export declare const CardDepositStep: ({
|
|
17
|
+
export declare const CardDepositStep: ({ amount, currency, destinationWallet, tokenOptions, networkOptions, selectedToken, selectedNetwork, onBack, onAmountChange, onCurrencyChange, onTokenChange, onNetworkChange, onContinue, }: CardDepositStepProps) => JSX.Element;
|
|
@@ -1,7 +1,17 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { DepositSelectOption } from "../deposit-modal.types";
|
|
2
2
|
export interface CardDepositStepProps {
|
|
3
|
-
|
|
3
|
+
amount: string;
|
|
4
|
+
currency: string;
|
|
5
|
+
destinationWallet: string;
|
|
6
|
+
tokenOptions: DepositSelectOption[];
|
|
7
|
+
networkOptions: DepositSelectOption[];
|
|
8
|
+
selectedToken: string;
|
|
9
|
+
selectedNetwork: string;
|
|
4
10
|
onBack: () => void;
|
|
11
|
+
onAmountChange: (amount: string) => void;
|
|
12
|
+
onCurrencyChange: (currency: string) => void;
|
|
13
|
+
onTokenChange: (token: string) => void;
|
|
14
|
+
onNetworkChange: (network: string) => void;
|
|
5
15
|
onContinue: (amount: number) => void;
|
|
6
16
|
}
|
|
7
|
-
export declare const CardDepositStep: ({
|
|
17
|
+
export declare const CardDepositStep: ({ amount, currency, destinationWallet, tokenOptions, networkOptions, selectedToken, selectedNetwork, onBack, onAmountChange, onCurrencyChange, onTokenChange, onNetworkChange, onContinue, }: CardDepositStepProps) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { CardProviderOption } from "../deposit-modal.types";
|
|
2
|
+
export interface CardProviderStepProps {
|
|
3
|
+
token: string;
|
|
4
|
+
amount: string;
|
|
5
|
+
currency: string;
|
|
6
|
+
providers: CardProviderOption[];
|
|
7
|
+
onBack: () => void;
|
|
8
|
+
onSelectProvider: (providerId: string) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const CardProviderStep: ({ token, amount, currency, providers, onBack, onSelectProvider, }: CardProviderStepProps) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { CardProviderOption } from "../deposit-modal.types";
|
|
2
|
+
export interface CardProviderStepProps {
|
|
3
|
+
token: string;
|
|
4
|
+
amount: string;
|
|
5
|
+
currency: string;
|
|
6
|
+
providers: CardProviderOption[];
|
|
7
|
+
onBack: () => void;
|
|
8
|
+
onSelectProvider: (providerId: string) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const CardProviderStep: ({ token, amount, currency, providers, onBack, onSelectProvider, }: CardProviderStepProps) => JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { CardPurchaseSummary } from "../deposit-modal.types";
|
|
2
|
+
export interface CardPurchaseSuccessStepProps {
|
|
3
|
+
summary: CardPurchaseSummary;
|
|
4
|
+
onDone: () => void;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const CardPurchaseSuccessStep: ({ summary, onDone, onClose, }: CardPurchaseSuccessStepProps) => JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { CardPurchaseSummary } from "../deposit-modal.types";
|
|
2
|
+
export interface CardPurchaseSuccessStepProps {
|
|
3
|
+
summary: CardPurchaseSummary;
|
|
4
|
+
onDone: () => void;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const CardPurchaseSuccessStep: ({ summary, onDone, onClose, }: CardPurchaseSuccessStepProps) => JSX.Element;
|
|
@@ -1,7 +1,17 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { DepositSelectOption } from "../deposit-modal.types";
|
|
2
2
|
export interface CryptoTransferStepProps {
|
|
3
|
-
|
|
3
|
+
tokenOptions: DepositSelectOption[];
|
|
4
|
+
networkOptions: DepositSelectOption[];
|
|
5
|
+
selectedToken: string;
|
|
6
|
+
selectedNetwork: string;
|
|
7
|
+
depositAddress: string;
|
|
8
|
+
minDeposit: string;
|
|
9
|
+
feeEstimate: string;
|
|
10
|
+
eta: string;
|
|
4
11
|
onBack: () => void;
|
|
12
|
+
onTokenChange: (token: string) => void;
|
|
13
|
+
onNetworkChange: (network: string) => void;
|
|
14
|
+
onCopyAddress: () => void;
|
|
5
15
|
onDone: () => void;
|
|
6
16
|
}
|
|
7
|
-
export declare const CryptoTransferStep: ({
|
|
17
|
+
export declare const CryptoTransferStep: ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, feeEstimate, eta, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone, }: CryptoTransferStepProps) => JSX.Element;
|
|
@@ -1,7 +1,17 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { DepositSelectOption } from "../deposit-modal.types";
|
|
2
2
|
export interface CryptoTransferStepProps {
|
|
3
|
-
|
|
3
|
+
tokenOptions: DepositSelectOption[];
|
|
4
|
+
networkOptions: DepositSelectOption[];
|
|
5
|
+
selectedToken: string;
|
|
6
|
+
selectedNetwork: string;
|
|
7
|
+
depositAddress: string;
|
|
8
|
+
minDeposit: string;
|
|
9
|
+
feeEstimate: string;
|
|
10
|
+
eta: string;
|
|
4
11
|
onBack: () => void;
|
|
12
|
+
onTokenChange: (token: string) => void;
|
|
13
|
+
onNetworkChange: (network: string) => void;
|
|
14
|
+
onCopyAddress: () => void;
|
|
5
15
|
onDone: () => void;
|
|
6
16
|
}
|
|
7
|
-
export declare const CryptoTransferStep: ({
|
|
17
|
+
export declare const CryptoTransferStep: ({ tokenOptions, networkOptions, selectedToken, selectedNetwork, depositAddress, minDeposit, feeEstimate, eta, onBack, onTokenChange, onNetworkChange, onCopyAddress, onDone, }: CryptoTransferStepProps) => JSX.Element;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import type { DepositMethod
|
|
1
|
+
import type { DepositMethod } from "../deposit-modal.types";
|
|
2
2
|
export interface DepositMethodStepProps {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
balance: number;
|
|
4
|
+
walletLabel: string;
|
|
5
|
+
walletBalance: number;
|
|
6
|
+
highlightedMethod?: DepositMethod;
|
|
5
7
|
onSelectMethod: (method: DepositMethod) => void;
|
|
6
8
|
}
|
|
7
|
-
export declare const DepositMethodStep: ({
|
|
9
|
+
export declare const DepositMethodStep: ({ balance, walletLabel, walletBalance, highlightedMethod, onSelectMethod, }: DepositMethodStepProps) => JSX.Element;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
import type { DepositMethod
|
|
1
|
+
import type { DepositMethod } from "../deposit-modal.types";
|
|
2
2
|
export interface DepositMethodStepProps {
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
balance: number;
|
|
4
|
+
walletLabel: string;
|
|
5
|
+
walletBalance: number;
|
|
6
|
+
highlightedMethod?: DepositMethod;
|
|
5
7
|
onSelectMethod: (method: DepositMethod) => void;
|
|
6
8
|
}
|
|
7
|
-
export declare const DepositMethodStep: ({
|
|
9
|
+
export declare const DepositMethodStep: ({ balance, walletLabel, walletBalance, highlightedMethod, onSelectMethod, }: DepositMethodStepProps) => JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DepositSelectOption } from "../deposit-modal.types";
|
|
2
|
+
export interface WalletFormStepProps {
|
|
3
|
+
walletLabel: string;
|
|
4
|
+
walletBalance: number;
|
|
5
|
+
tokenOptions: DepositSelectOption[];
|
|
6
|
+
networkOptions: DepositSelectOption[];
|
|
7
|
+
selectedToken: string;
|
|
8
|
+
selectedNetwork: string;
|
|
9
|
+
amount: string;
|
|
10
|
+
estimatedReceive?: string;
|
|
11
|
+
feeEstimate?: string;
|
|
12
|
+
eta?: string;
|
|
13
|
+
onBack: () => void;
|
|
14
|
+
onTokenChange: (token: string) => void;
|
|
15
|
+
onNetworkChange: (network: string) => void;
|
|
16
|
+
onAmountChange: (amount: string) => void;
|
|
17
|
+
onMax: () => void;
|
|
18
|
+
onConfirm: () => void;
|
|
19
|
+
}
|
|
20
|
+
export declare const WalletFormStep: ({ walletLabel, walletBalance, tokenOptions, networkOptions, selectedToken, selectedNetwork, amount, estimatedReceive, feeEstimate, eta, onBack, onTokenChange, onNetworkChange, onAmountChange, onMax, onConfirm, }: WalletFormStepProps) => JSX.Element;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { DepositSelectOption } from "../deposit-modal.types";
|
|
2
|
+
export interface WalletFormStepProps {
|
|
3
|
+
walletLabel: string;
|
|
4
|
+
walletBalance: number;
|
|
5
|
+
tokenOptions: DepositSelectOption[];
|
|
6
|
+
networkOptions: DepositSelectOption[];
|
|
7
|
+
selectedToken: string;
|
|
8
|
+
selectedNetwork: string;
|
|
9
|
+
amount: string;
|
|
10
|
+
estimatedReceive?: string;
|
|
11
|
+
feeEstimate?: string;
|
|
12
|
+
eta?: string;
|
|
13
|
+
onBack: () => void;
|
|
14
|
+
onTokenChange: (token: string) => void;
|
|
15
|
+
onNetworkChange: (network: string) => void;
|
|
16
|
+
onAmountChange: (amount: string) => void;
|
|
17
|
+
onMax: () => void;
|
|
18
|
+
onConfirm: () => void;
|
|
19
|
+
}
|
|
20
|
+
export declare const WalletFormStep: ({ walletLabel, walletBalance, tokenOptions, networkOptions, selectedToken, selectedNetwork, amount, estimatedReceive, feeEstimate, eta, onBack, onTokenChange, onNetworkChange, onAmountChange, onMax, onConfirm, }: WalletFormStepProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { WalletProcessingStep as WalletProcessingStepType } from "../deposit-modal.types";
|
|
2
|
+
export interface WalletProcessingStepProps {
|
|
3
|
+
steps: WalletProcessingStepType[];
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const WalletProcessingStep: ({ steps, onClose, }: WalletProcessingStepProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { WalletProcessingStep as WalletProcessingStepType } from "../deposit-modal.types";
|
|
2
|
+
export interface WalletProcessingStepProps {
|
|
3
|
+
steps: WalletProcessingStepType[];
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
}
|
|
6
|
+
export declare const WalletProcessingStep: ({ steps, onClose, }: WalletProcessingStepProps) => JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { WalletDepositSummary } from "../deposit-modal.types";
|
|
2
|
+
export interface WalletSuccessStepProps {
|
|
3
|
+
summary: WalletDepositSummary;
|
|
4
|
+
onDone: () => void;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const WalletSuccessStep: ({ summary, onDone, onClose, }: WalletSuccessStepProps) => JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { WalletDepositSummary } from "../deposit-modal.types";
|
|
2
|
+
export interface WalletSuccessStepProps {
|
|
3
|
+
summary: WalletDepositSummary;
|
|
4
|
+
onDone: () => void;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const WalletSuccessStep: ({ summary, onDone, onClose, }: WalletSuccessStepProps) => JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HomePageProps } from "./home.types";
|
|
2
2
|
export type { HomePageCategory, HomePageClassNames, HomePageEventSectionItem, HomePageProps, HomePageTab, HomePageTabValue, } from "./home.types";
|
|
3
3
|
export declare const HomePage: {
|
|
4
|
-
({ tabs, defaultActiveTab, onTabChange, eventSectionItems, classNames, categoriesLimit, allCategoryTabLabel, }: HomePageProps): JSX.Element;
|
|
4
|
+
({ tabs, defaultActiveTab, onTabChange: _onTabChange, eventSectionItems, classNames, categoriesLimit, allCategoryTabLabel, }: HomePageProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { HomePageProps } from "./home.types";
|
|
2
2
|
export type { HomePageCategory, HomePageClassNames, HomePageEventSectionItem, HomePageProps, HomePageTab, HomePageTabValue, } from "./home.types";
|
|
3
3
|
export declare const HomePage: {
|
|
4
|
-
({ tabs, defaultActiveTab, onTabChange, eventSectionItems, classNames, categoriesLimit, allCategoryTabLabel, }: HomePageProps): JSX.Element;
|
|
4
|
+
({ tabs, defaultActiveTab, onTabChange: _onTabChange, eventSectionItems, classNames, categoriesLimit, allCategoryTabLabel, }: HomePageProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
type ChainRow = {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
balance: number;
|
|
5
|
+
accountCount: number;
|
|
6
|
+
};
|
|
7
|
+
type AvailableBalanceCardProps = {
|
|
8
|
+
label?: string;
|
|
9
|
+
valueLabel: string;
|
|
10
|
+
chains: ChainRow[];
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const AvailableBalanceCard: {
|
|
14
|
+
({ label, valueLabel, chains, className, }: AvailableBalanceCardProps): JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
type ChainRow = {
|
|
2
|
+
key: string;
|
|
3
|
+
label: string;
|
|
4
|
+
balance: number;
|
|
5
|
+
accountCount: number;
|
|
6
|
+
};
|
|
7
|
+
type AvailableBalanceCardProps = {
|
|
8
|
+
label?: string;
|
|
9
|
+
valueLabel: string;
|
|
10
|
+
chains: ChainRow[];
|
|
11
|
+
className?: string;
|
|
12
|
+
};
|
|
13
|
+
export declare const AvailableBalanceCard: {
|
|
14
|
+
({ label, valueLabel, chains, className, }: AvailableBalanceCardProps): JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import type { UserProfileBalance
|
|
1
|
+
import type { UserProfileBalance } from "../user-profile.types";
|
|
2
2
|
type BalanceDisplayProps = {
|
|
3
|
-
balance?:
|
|
4
|
-
defaultTimeRange?: UserProfileTimeRange;
|
|
5
|
-
onTimeRangeChange?: (range: UserProfileTimeRange) => void;
|
|
3
|
+
balance?: UserProfileBalance;
|
|
6
4
|
className?: string;
|
|
7
5
|
};
|
|
8
6
|
export declare const BalanceDisplay: {
|
|
9
|
-
({ balance,
|
|
7
|
+
({ balance, className }: BalanceDisplayProps): JSX.Element;
|
|
10
8
|
displayName: string;
|
|
11
9
|
};
|
|
12
10
|
export {};
|