@agg-build/ui 1.2.11 → 1.3.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 +34 -1
- package/dist/{chunk-NWJHFGBZ.mjs → chunk-55ODXLOS.mjs} +1 -1
- package/dist/{chunk-3ZSNHGAB.mjs → chunk-5ALBEKAT.mjs} +842 -300
- package/dist/{chunk-YP75TIY6.mjs → chunk-6PQ6O6M5.mjs} +583 -186
- package/dist/{chunk-ENAGASVU.mjs → chunk-ONVP7YWS.mjs} +439 -339
- package/dist/{chunk-SJLHOAKK.mjs → chunk-QUZWA34R.mjs} +1256 -844
- package/dist/{chunk-54PCEK6G.mjs → chunk-UFC7L74C.mjs} +26 -27
- package/dist/{chunk-J7K2U44E.mjs → chunk-YWJIYEJV.mjs} +236 -121
- package/dist/events.js +2460 -1355
- package/dist/events.mjs +5 -3
- package/dist/index.js +5741 -3841
- package/dist/index.mjs +485 -106
- package/dist/modals.js +1399 -1093
- package/dist/modals.mjs +3 -3
- package/dist/pages.js +4039 -2687
- package/dist/pages.mjs +6 -6
- package/dist/primitives.js +1267 -895
- package/dist/primitives.mjs +3 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/trading.js +1032 -695
- package/dist/trading.mjs +4 -4
- package/dist/types/agg-provider.d.mts +27 -0
- package/dist/types/agg-provider.d.ts +27 -0
- package/dist/types/events/item/event-list-item-v2.utils.d.mts +28 -0
- package/dist/types/events/item/event-list-item-v2.utils.d.ts +28 -0
- package/dist/types/events/item/event-list-item.constants.d.mts +1 -1
- package/dist/types/events/item/event-list-item.constants.d.ts +1 -1
- package/dist/types/events/item/index.d.mts +4 -0
- package/dist/types/events/item/index.d.ts +4 -0
- package/dist/types/events/list/event-list-tabs.d.mts +6 -1
- package/dist/types/events/list/event-list-tabs.d.ts +6 -1
- package/dist/types/events/list/event-list.types.d.mts +2 -0
- package/dist/types/events/list/event-list.types.d.ts +2 -0
- package/dist/types/events/list/event-list.utils.d.mts +19 -0
- package/dist/types/events/list/event-list.utils.d.ts +19 -0
- package/dist/types/events/list/index.d.mts +1 -1
- package/dist/types/events/list/index.d.ts +1 -1
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/notifications/agg-notification-events-provider.d.mts +35 -0
- package/dist/types/notifications/agg-notification-events-provider.d.ts +35 -0
- package/dist/types/notifications/agg-toast-provider.d.mts +27 -0
- package/dist/types/notifications/agg-toast-provider.d.ts +27 -0
- package/dist/types/notifications/deposit-notification-events.d.mts +10 -0
- package/dist/types/notifications/deposit-notification-events.d.ts +10 -0
- package/dist/types/notifications/index.d.mts +2 -0
- package/dist/types/notifications/index.d.ts +2 -0
- package/dist/types/pages/home/home.types.d.mts +1 -0
- package/dist/types/pages/home/home.types.d.ts +1 -0
- package/dist/types/pages/user-profile/user-profile.types.d.mts +30 -4
- package/dist/types/pages/user-profile/user-profile.types.d.ts +30 -4
- package/dist/types/primitives/button/button.types.d.mts +4 -0
- package/dist/types/primitives/button/button.types.d.ts +4 -0
- package/dist/types/primitives/button/index.d.mts +1 -1
- package/dist/types/primitives/button/index.d.ts +1 -1
- package/dist/types/primitives/icon/index.d.mts +2 -1
- package/dist/types/primitives/icon/index.d.ts +2 -1
- package/dist/types/primitives/icon/registry.d.mts +20 -0
- package/dist/types/primitives/icon/registry.d.ts +20 -0
- package/dist/types/primitives/icon/svg/gift-bonus.d.mts +5 -0
- package/dist/types/primitives/icon/svg/gift-bonus.d.ts +5 -0
- package/dist/types/primitives/icon/svg/sort-end-date.d.mts +5 -0
- package/dist/types/primitives/icon/svg/sort-end-date.d.ts +5 -0
- package/dist/types/primitives/icon/svg/sort-top-arbitrage.d.mts +5 -0
- package/dist/types/primitives/icon/svg/sort-top-arbitrage.d.ts +5 -0
- package/dist/types/primitives/icon/svg/sort-volume-24hr.d.mts +5 -0
- package/dist/types/primitives/icon/svg/sort-volume-24hr.d.ts +5 -0
- package/dist/types/primitives/icon/svg/sort-volume.d.mts +5 -0
- package/dist/types/primitives/icon/svg/sort-volume.d.ts +5 -0
- package/dist/types/primitives/search/search.types.d.mts +2 -1
- package/dist/types/primitives/search/search.types.d.ts +2 -1
- package/dist/types/primitives/select/index.d.mts +1 -1
- package/dist/types/primitives/select/index.d.ts +1 -1
- package/dist/types/primitives/select/select.types.d.mts +9 -0
- package/dist/types/primitives/select/select.types.d.ts +9 -0
- package/dist/types/primitives/skeleton/index.d.mts +1 -1
- package/dist/types/primitives/skeleton/index.d.ts +1 -1
- package/dist/types/primitives/skeleton/skeleton.types.d.mts +4 -0
- package/dist/types/primitives/skeleton/skeleton.types.d.ts +4 -0
- package/dist/types/primitives/skeleton/views/event-list-skeleton-view.d.mts +1 -1
- package/dist/types/primitives/skeleton/views/event-list-skeleton-view.d.ts +1 -1
- package/dist/types/primitives/toast/toast.types.d.mts +3 -0
- package/dist/types/primitives/toast/toast.types.d.ts +3 -0
- package/dist/types/profile/index.d.mts +1 -1
- package/dist/types/profile/index.d.ts +1 -1
- package/dist/types/profile/profile-modal.constants.d.mts +2 -2
- package/dist/types/profile/profile-modal.constants.d.ts +2 -2
- package/dist/types/profile/tabs/accounts-wallets-tab.d.mts +2 -17
- package/dist/types/profile/tabs/accounts-wallets-tab.d.ts +2 -17
- package/dist/types/profile/tabs/trading-access-tab.d.mts +15 -0
- package/dist/types/profile/tabs/trading-access-tab.d.ts +15 -0
- package/dist/types/trading/place-order/index.d.mts +1 -1
- package/dist/types/trading/place-order/index.d.ts +1 -1
- package/dist/types/trading/place-order/index.place-order.types.d.mts +4 -1
- package/dist/types/trading/place-order/index.place-order.types.d.ts +4 -1
- package/dist/types/trading/place-order/index.place-order.utils.d.mts +3 -1
- package/dist/types/trading/place-order/index.place-order.utils.d.ts +3 -1
- package/package.json +3 -3
|
@@ -29,6 +29,7 @@ import { DocumentIcon } from "./svg/document";
|
|
|
29
29
|
import { DownloadIcon } from "./svg/download";
|
|
30
30
|
import { ErrorFilledIcon } from "./svg/error-filled";
|
|
31
31
|
import { ExternalLinkIcon } from "./svg/external-link";
|
|
32
|
+
import { GiftBonusIcon } from "./svg/gift-bonus";
|
|
32
33
|
import { EthereumIcon } from "./svg/ethereum";
|
|
33
34
|
import { GoogleIcon } from "./svg/google";
|
|
34
35
|
import { HourglassStartIcon } from "./svg/hourglass-start";
|
|
@@ -70,4 +71,4 @@ export declare const Icon: {
|
|
|
70
71
|
({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
|
|
71
72
|
displayName: string;
|
|
72
73
|
};
|
|
73
|
-
export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, CircleXmarkIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, HourglassStartIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, LockIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
74
|
+
export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, CircleXmarkIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GiftBonusIcon, GoogleIcon, HourglassStartIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, LockIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
@@ -29,6 +29,7 @@ import { DocumentIcon } from "./svg/document";
|
|
|
29
29
|
import { DownloadIcon } from "./svg/download";
|
|
30
30
|
import { ErrorFilledIcon } from "./svg/error-filled";
|
|
31
31
|
import { ExternalLinkIcon } from "./svg/external-link";
|
|
32
|
+
import { GiftBonusIcon } from "./svg/gift-bonus";
|
|
32
33
|
import { EthereumIcon } from "./svg/ethereum";
|
|
33
34
|
import { GoogleIcon } from "./svg/google";
|
|
34
35
|
import { HourglassStartIcon } from "./svg/hourglass-start";
|
|
@@ -70,4 +71,4 @@ export declare const Icon: {
|
|
|
70
71
|
({ name, color, size, className, style, ...props }: IconProps): JSX.Element | null;
|
|
71
72
|
displayName: string;
|
|
72
73
|
};
|
|
73
|
-
export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, CircleXmarkIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GoogleIcon, HourglassStartIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, LockIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
74
|
+
export { ActivityChartIcon, AppleIcon, AppsIcon, BadgeCheckThinIcon, ArbitrumIcon, ArrowRightIcon, ArrowTrendUpIcon, ArrowsToDotIcon, BankIcon, BaseIcon, BestPricesIcon, BnbIcon, BoltIcon, CheckCircleIcon, ChartCandlestickIcon, ChartLineIcon, CircleOverlapIcon, CircleXmarkIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, CreateAccountIcon, CreditCardIcon, DisconnectIcon, DotsHorizontalIcon, DocumentIcon, DownloadIcon, ErrorFilledIcon, EthereumIcon, ExternalLinkIcon, GiftBonusIcon, GoogleIcon, HourglassStartIcon, iconNames, ImageIcon, InfoIcon, LinkAccountsIcon, LockIcon, PencilIcon, PlaySquareIcon, PolygonIcon, ProfileIcon, RevenueAltIcon, SearchIcon, ShieldTrustIcon, SolanaIcon, SparklesFilledIcon, StayInControlIcon, SuccessCheckIcon, TriangleDownIcon, TriangleUpFilledIcon, TriangleUpIcon, UploadIcon, UserTrustIcon, UsdcIcon, PaperPlaneIcon, WalletAvatarIcon, WalletFilledIcon, WalletIcon, WarningFilledIcon, WarningIcon, };
|
|
@@ -156,6 +156,10 @@ export declare const iconRegistry: {
|
|
|
156
156
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
157
157
|
displayName: string;
|
|
158
158
|
};
|
|
159
|
+
readonly "gift-bonus": {
|
|
160
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
161
|
+
displayName: string;
|
|
162
|
+
};
|
|
159
163
|
readonly google: {
|
|
160
164
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
161
165
|
displayName: string;
|
|
@@ -232,6 +236,22 @@ export declare const iconRegistry: {
|
|
|
232
236
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
233
237
|
displayName: string;
|
|
234
238
|
};
|
|
239
|
+
readonly "sort-end-date": {
|
|
240
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
241
|
+
displayName: string;
|
|
242
|
+
};
|
|
243
|
+
readonly "sort-top-arbitrage": {
|
|
244
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
245
|
+
displayName: string;
|
|
246
|
+
};
|
|
247
|
+
readonly "sort-volume": {
|
|
248
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
249
|
+
displayName: string;
|
|
250
|
+
};
|
|
251
|
+
readonly "sort-volume-24hr": {
|
|
252
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
253
|
+
displayName: string;
|
|
254
|
+
};
|
|
235
255
|
readonly "sparkles-filled": {
|
|
236
256
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
237
257
|
displayName: string;
|
|
@@ -156,6 +156,10 @@ export declare const iconRegistry: {
|
|
|
156
156
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
157
157
|
displayName: string;
|
|
158
158
|
};
|
|
159
|
+
readonly "gift-bonus": {
|
|
160
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
161
|
+
displayName: string;
|
|
162
|
+
};
|
|
159
163
|
readonly google: {
|
|
160
164
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
161
165
|
displayName: string;
|
|
@@ -232,6 +236,22 @@ export declare const iconRegistry: {
|
|
|
232
236
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
233
237
|
displayName: string;
|
|
234
238
|
};
|
|
239
|
+
readonly "sort-end-date": {
|
|
240
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
241
|
+
displayName: string;
|
|
242
|
+
};
|
|
243
|
+
readonly "sort-top-arbitrage": {
|
|
244
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
245
|
+
displayName: string;
|
|
246
|
+
};
|
|
247
|
+
readonly "sort-volume": {
|
|
248
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
249
|
+
displayName: string;
|
|
250
|
+
};
|
|
251
|
+
readonly "sort-volume-24hr": {
|
|
252
|
+
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
253
|
+
displayName: string;
|
|
254
|
+
};
|
|
235
255
|
readonly "sparkles-filled": {
|
|
236
256
|
({ title, className, ...props }: import("./types").IconSvgProps): JSX.Element;
|
|
237
257
|
displayName: string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { InputHTMLAttributes } from "react";
|
|
2
2
|
import type { UseSearchOptions } from "@agg-build/hooks";
|
|
3
|
+
import type { VenueEventWithMarkets } from "../../events/item";
|
|
3
4
|
import type { VenueLogoName } from "../venue-logo";
|
|
4
5
|
export type SearchResultItem = {
|
|
5
6
|
id: string;
|
|
@@ -48,7 +49,7 @@ export type SearchProps = {
|
|
|
48
49
|
* Override handler for when a search result row is clicked.
|
|
49
50
|
* When provided, prevents the default `searchConfig.onSelect` behavior.
|
|
50
51
|
*/
|
|
51
|
-
onSelectEvent?: (eventId: string) => void;
|
|
52
|
+
onSelectEvent?: (eventId: string, event?: VenueEventWithMarkets) => void;
|
|
52
53
|
/**
|
|
53
54
|
* Override handler for when the "See all results" button is clicked.
|
|
54
55
|
* When provided, prevents the default `searchConfig.openResults` behavior.
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { InputHTMLAttributes } from "react";
|
|
2
2
|
import type { UseSearchOptions } from "@agg-build/hooks";
|
|
3
|
+
import type { VenueEventWithMarkets } from "../../events/item";
|
|
3
4
|
import type { VenueLogoName } from "../venue-logo";
|
|
4
5
|
export type SearchResultItem = {
|
|
5
6
|
id: string;
|
|
@@ -48,7 +49,7 @@ export type SearchProps = {
|
|
|
48
49
|
* Override handler for when a search result row is clicked.
|
|
49
50
|
* When provided, prevents the default `searchConfig.onSelect` behavior.
|
|
50
51
|
*/
|
|
51
|
-
onSelectEvent?: (eventId: string) => void;
|
|
52
|
+
onSelectEvent?: (eventId: string, event?: VenueEventWithMarkets) => void;
|
|
52
53
|
/**
|
|
53
54
|
* Override handler for when the "See all results" button is clicked.
|
|
54
55
|
* When provided, prevents the default `searchConfig.openResults` behavior.
|
|
@@ -2,6 +2,6 @@ import type { SelectProps } from "./select.types";
|
|
|
2
2
|
export type { SelectItem, SelectProps } from "./select.types";
|
|
3
3
|
/** Renders a custom select trigger and portaled listbox. */
|
|
4
4
|
export declare const Select: {
|
|
5
|
-
<TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, disabled, }: SelectProps<TValue>): JSX.Element;
|
|
5
|
+
<TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, }: SelectProps<TValue>): JSX.Element;
|
|
6
6
|
displayName: string;
|
|
7
7
|
};
|
|
@@ -2,6 +2,6 @@ import type { SelectProps } from "./select.types";
|
|
|
2
2
|
export type { SelectItem, SelectProps } from "./select.types";
|
|
3
3
|
/** Renders a custom select trigger and portaled listbox. */
|
|
4
4
|
export declare const Select: {
|
|
5
|
-
<TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, disabled, }: SelectProps<TValue>): JSX.Element;
|
|
5
|
+
<TValue extends string = string>({ items, value, onChange, ariaLabel, className, triggerClassName, contentClassName, itemClassName, disabled, }: SelectProps<TValue>): JSX.Element;
|
|
6
6
|
displayName: string;
|
|
7
7
|
};
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
export type SelectItem<TValue extends string = string> = {
|
|
2
|
+
/** The value of the option */
|
|
2
3
|
value: TValue;
|
|
4
|
+
/** The display label for the option */
|
|
3
5
|
label: string;
|
|
6
|
+
/** If true, the option will be disabled and not clickable */
|
|
4
7
|
disabled?: boolean;
|
|
8
|
+
/** If true, the option will be hidden and not displayed in the dropdown */
|
|
9
|
+
hidden?: boolean;
|
|
5
10
|
/** Optional icon URL rendered beside the label in trigger and dropdown. */
|
|
6
11
|
iconUrl?: string;
|
|
7
12
|
/** Optional React node rendered as an icon beside the label (takes precedence over iconUrl). */
|
|
@@ -20,6 +25,10 @@ export type SelectProps<TValue extends string = string> = {
|
|
|
20
25
|
className?: string;
|
|
21
26
|
/** Extra classes for the trigger button, e.g. corner radius. */
|
|
22
27
|
triggerClassName?: string;
|
|
28
|
+
/** Extra classes for the dropdown content container. */
|
|
29
|
+
contentClassName?: string;
|
|
30
|
+
/** Extra classes for each option row. */
|
|
31
|
+
itemClassName?: string;
|
|
23
32
|
/** Whether the select should block user interaction. */
|
|
24
33
|
disabled?: boolean;
|
|
25
34
|
};
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
export type SelectItem<TValue extends string = string> = {
|
|
2
|
+
/** The value of the option */
|
|
2
3
|
value: TValue;
|
|
4
|
+
/** The display label for the option */
|
|
3
5
|
label: string;
|
|
6
|
+
/** If true, the option will be disabled and not clickable */
|
|
4
7
|
disabled?: boolean;
|
|
8
|
+
/** If true, the option will be hidden and not displayed in the dropdown */
|
|
9
|
+
hidden?: boolean;
|
|
5
10
|
/** Optional icon URL rendered beside the label in trigger and dropdown. */
|
|
6
11
|
iconUrl?: string;
|
|
7
12
|
/** Optional React node rendered as an icon beside the label (takes precedence over iconUrl). */
|
|
@@ -20,6 +25,10 @@ export type SelectProps<TValue extends string = string> = {
|
|
|
20
25
|
className?: string;
|
|
21
26
|
/** Extra classes for the trigger button, e.g. corner radius. */
|
|
22
27
|
triggerClassName?: string;
|
|
28
|
+
/** Extra classes for the dropdown content container. */
|
|
29
|
+
contentClassName?: string;
|
|
30
|
+
/** Extra classes for each option row. */
|
|
31
|
+
itemClassName?: string;
|
|
23
32
|
/** Whether the select should block user interaction. */
|
|
24
33
|
disabled?: boolean;
|
|
25
34
|
};
|
|
@@ -4,6 +4,6 @@ export { skeletonViews, PlaceOrderRouteCardSkeleton };
|
|
|
4
4
|
export type { SkeletonProps, SkeletonView } from "./skeleton.types";
|
|
5
5
|
/** Renders the requested skeleton placeholder surface for loading UI states. */
|
|
6
6
|
export declare const Skeleton: {
|
|
7
|
-
({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
|
|
7
|
+
({ view, className, ariaLabel, withSidebar, }: SkeletonProps): JSX.Element;
|
|
8
8
|
displayName: string;
|
|
9
9
|
};
|
|
@@ -4,6 +4,6 @@ export { skeletonViews, PlaceOrderRouteCardSkeleton };
|
|
|
4
4
|
export type { SkeletonProps, SkeletonView } from "./skeleton.types";
|
|
5
5
|
/** Renders the requested skeleton placeholder surface for loading UI states. */
|
|
6
6
|
export declare const Skeleton: {
|
|
7
|
-
({ view, className, ariaLabel }: SkeletonProps): JSX.Element;
|
|
7
|
+
({ view, className, ariaLabel, withSidebar, }: SkeletonProps): JSX.Element;
|
|
8
8
|
displayName: string;
|
|
9
9
|
};
|
|
@@ -18,10 +18,14 @@ export type SkeletonProps = {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
/** Accessible label announced while the skeleton is shown. */
|
|
20
20
|
ariaLabel?: string;
|
|
21
|
+
/** Whether the event-list skeleton should include the discovery sidebar. */
|
|
22
|
+
withSidebar?: boolean;
|
|
21
23
|
};
|
|
22
24
|
export type SkeletonViewProps = {
|
|
23
25
|
/** Custom class name applied to an individual skeleton view. */
|
|
24
26
|
className?: string;
|
|
25
27
|
/** Accessible label announced for the skeleton view. */
|
|
26
28
|
ariaLabel?: string;
|
|
29
|
+
/** Whether this skeleton view should include the discovery sidebar. */
|
|
30
|
+
withSidebar?: boolean;
|
|
27
31
|
};
|
|
@@ -18,10 +18,14 @@ export type SkeletonProps = {
|
|
|
18
18
|
className?: string;
|
|
19
19
|
/** Accessible label announced while the skeleton is shown. */
|
|
20
20
|
ariaLabel?: string;
|
|
21
|
+
/** Whether the event-list skeleton should include the discovery sidebar. */
|
|
22
|
+
withSidebar?: boolean;
|
|
21
23
|
};
|
|
22
24
|
export type SkeletonViewProps = {
|
|
23
25
|
/** Custom class name applied to an individual skeleton view. */
|
|
24
26
|
className?: string;
|
|
25
27
|
/** Accessible label announced for the skeleton view. */
|
|
26
28
|
ariaLabel?: string;
|
|
29
|
+
/** Whether this skeleton view should include the discovery sidebar. */
|
|
30
|
+
withSidebar?: boolean;
|
|
27
31
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { SkeletonViewProps } from "../skeleton.types";
|
|
2
2
|
export declare const EventListSkeletonView: {
|
|
3
|
-
({ className, ariaLabel }: SkeletonViewProps): JSX.Element;
|
|
3
|
+
({ className, ariaLabel, withSidebar, }: SkeletonViewProps): JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { SkeletonViewProps } from "../skeleton.types";
|
|
2
2
|
export declare const EventListSkeletonView: {
|
|
3
|
-
({ className, ariaLabel }: SkeletonViewProps): JSX.Element;
|
|
3
|
+
({ className, ariaLabel, withSidebar, }: SkeletonViewProps): JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
@@ -3,6 +3,8 @@ export type ToastTone = "info" | "success" | "warning" | "error";
|
|
|
3
3
|
export interface ToastOptions {
|
|
4
4
|
tone?: ToastTone;
|
|
5
5
|
title?: string;
|
|
6
|
+
/** Optional muted supporting line shown below the main message. */
|
|
7
|
+
detail?: string;
|
|
6
8
|
/** Auto-dismiss duration in ms. Pass `Infinity` (or `0`) to require manual dismissal. Defaults to 5000. */
|
|
7
9
|
durationMs?: number;
|
|
8
10
|
}
|
|
@@ -11,6 +13,7 @@ export interface ToastEntry {
|
|
|
11
13
|
message: string;
|
|
12
14
|
tone: ToastTone;
|
|
13
15
|
title?: string;
|
|
16
|
+
detail?: string;
|
|
14
17
|
durationMs: number;
|
|
15
18
|
}
|
|
16
19
|
export interface ToastContextValue {
|
|
@@ -3,6 +3,8 @@ export type ToastTone = "info" | "success" | "warning" | "error";
|
|
|
3
3
|
export interface ToastOptions {
|
|
4
4
|
tone?: ToastTone;
|
|
5
5
|
title?: string;
|
|
6
|
+
/** Optional muted supporting line shown below the main message. */
|
|
7
|
+
detail?: string;
|
|
6
8
|
/** Auto-dismiss duration in ms. Pass `Infinity` (or `0`) to require manual dismissal. Defaults to 5000. */
|
|
7
9
|
durationMs?: number;
|
|
8
10
|
}
|
|
@@ -11,6 +13,7 @@ export interface ToastEntry {
|
|
|
11
13
|
message: string;
|
|
12
14
|
tone: ToastTone;
|
|
13
15
|
title?: string;
|
|
16
|
+
detail?: string;
|
|
14
17
|
durationMs: number;
|
|
15
18
|
}
|
|
16
19
|
export interface ToastContextValue {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ProfileModalProps } from "./profile-modal.types";
|
|
2
2
|
export type { ProfileModalProps, ExchangeAccount, SocialAccountInfo, SocialAccountState, WalletAccountInfo, } from "./profile-modal.types";
|
|
3
3
|
export declare const ProfileModal: {
|
|
4
|
-
({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile,
|
|
4
|
+
({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, socialAccounts, wallets, email, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, onKycError, }: ProfileModalProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ProfileModalProps } from "./profile-modal.types";
|
|
2
2
|
export type { ProfileModalProps, ExchangeAccount, SocialAccountInfo, SocialAccountState, WalletAccountInfo, } from "./profile-modal.types";
|
|
3
3
|
export declare const ProfileModal: {
|
|
4
|
-
({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile,
|
|
4
|
+
({ open, onOpenChange, username, avatarPreview, onSave, onDeleteProfile, socialAccounts, wallets, email, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onDisconnectWallet, onConnectEmail, onKycError, }: ProfileModalProps): JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { IconName } from "../primitives/icon/registry";
|
|
2
2
|
export declare const PROFILE_TAB_KEYS: {
|
|
3
|
-
readonly
|
|
4
|
-
readonly
|
|
3
|
+
readonly PROFILE_ACCOUNTS: "profile-accounts";
|
|
4
|
+
readonly TRADING_ACCESS: "trading-access";
|
|
5
5
|
};
|
|
6
6
|
export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
|
|
7
7
|
export interface ProfileTabItem {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { IconName } from "../primitives/icon/registry";
|
|
2
2
|
export declare const PROFILE_TAB_KEYS: {
|
|
3
|
-
readonly
|
|
4
|
-
readonly
|
|
3
|
+
readonly PROFILE_ACCOUNTS: "profile-accounts";
|
|
4
|
+
readonly TRADING_ACCESS: "trading-access";
|
|
5
5
|
};
|
|
6
6
|
export type ProfileTabKey = (typeof PROFILE_TAB_KEYS)[keyof typeof PROFILE_TAB_KEYS];
|
|
7
7
|
export interface ProfileTabItem {
|
|
@@ -1,33 +1,18 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
interface VenueAccountInfo {
|
|
3
|
-
id: string;
|
|
4
|
-
venue: string;
|
|
5
|
-
status: string;
|
|
6
|
-
kycStatus: string;
|
|
7
|
-
}
|
|
1
|
+
import type { SocialAccountState, WalletAccountInfo } from "../profile-modal.types";
|
|
8
2
|
export interface AccountsWalletsTabProps {
|
|
9
|
-
exchanges: ExchangeAccount[];
|
|
10
3
|
wallets?: WalletAccountInfo[];
|
|
11
4
|
socialAccounts?: SocialAccountState;
|
|
12
5
|
email?: string | null;
|
|
13
|
-
venueAccounts?: VenueAccountInfo[] | null;
|
|
14
|
-
onKycError?: (error: Error) => void;
|
|
15
|
-
onDisconnectExchange?: (venue: string) => void;
|
|
16
6
|
onConnectTwitter?: () => void;
|
|
17
7
|
onDisconnectTwitter?: () => void;
|
|
18
8
|
onConnectGoogle?: () => void;
|
|
19
9
|
onDisconnectGoogle?: () => void;
|
|
20
10
|
onConnectApple?: () => void;
|
|
21
11
|
onDisconnectApple?: () => void;
|
|
22
|
-
onConnectDiscord?: () => void;
|
|
23
|
-
onDisconnectDiscord?: () => void;
|
|
24
|
-
onConnectTelegram?: () => void;
|
|
25
|
-
onDisconnectTelegram?: () => void;
|
|
26
12
|
onDisconnectWallet?: (wallet: WalletAccountInfo) => void;
|
|
27
13
|
onConnectEmail?: () => void;
|
|
28
14
|
}
|
|
29
15
|
export declare const AccountsWalletsTab: {
|
|
30
|
-
({
|
|
16
|
+
({ socialAccounts, email, wallets, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectEmail, }: AccountsWalletsTabProps): JSX.Element;
|
|
31
17
|
displayName: string;
|
|
32
18
|
};
|
|
33
|
-
export {};
|
|
@@ -1,33 +1,18 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
interface VenueAccountInfo {
|
|
3
|
-
id: string;
|
|
4
|
-
venue: string;
|
|
5
|
-
status: string;
|
|
6
|
-
kycStatus: string;
|
|
7
|
-
}
|
|
1
|
+
import type { SocialAccountState, WalletAccountInfo } from "../profile-modal.types";
|
|
8
2
|
export interface AccountsWalletsTabProps {
|
|
9
|
-
exchanges: ExchangeAccount[];
|
|
10
3
|
wallets?: WalletAccountInfo[];
|
|
11
4
|
socialAccounts?: SocialAccountState;
|
|
12
5
|
email?: string | null;
|
|
13
|
-
venueAccounts?: VenueAccountInfo[] | null;
|
|
14
|
-
onKycError?: (error: Error) => void;
|
|
15
|
-
onDisconnectExchange?: (venue: string) => void;
|
|
16
6
|
onConnectTwitter?: () => void;
|
|
17
7
|
onDisconnectTwitter?: () => void;
|
|
18
8
|
onConnectGoogle?: () => void;
|
|
19
9
|
onDisconnectGoogle?: () => void;
|
|
20
10
|
onConnectApple?: () => void;
|
|
21
11
|
onDisconnectApple?: () => void;
|
|
22
|
-
onConnectDiscord?: () => void;
|
|
23
|
-
onDisconnectDiscord?: () => void;
|
|
24
|
-
onConnectTelegram?: () => void;
|
|
25
|
-
onDisconnectTelegram?: () => void;
|
|
26
12
|
onDisconnectWallet?: (wallet: WalletAccountInfo) => void;
|
|
27
13
|
onConnectEmail?: () => void;
|
|
28
14
|
}
|
|
29
15
|
export declare const AccountsWalletsTab: {
|
|
30
|
-
({
|
|
16
|
+
({ socialAccounts, email, wallets, onConnectTwitter, onDisconnectTwitter, onConnectGoogle, onDisconnectGoogle, onConnectApple, onDisconnectApple, onConnectEmail, }: AccountsWalletsTabProps): JSX.Element;
|
|
31
17
|
displayName: string;
|
|
32
18
|
};
|
|
33
|
-
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface VenueAccountInfo {
|
|
2
|
+
id: string;
|
|
3
|
+
venue: string;
|
|
4
|
+
status: string;
|
|
5
|
+
kycStatus: string;
|
|
6
|
+
}
|
|
7
|
+
export interface TradingAccessTabProps {
|
|
8
|
+
venueAccounts?: VenueAccountInfo[] | null;
|
|
9
|
+
onKycError?: (error: Error) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const TradingAccessTab: {
|
|
12
|
+
({ venueAccounts, onKycError, }: TradingAccessTabProps): JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface VenueAccountInfo {
|
|
2
|
+
id: string;
|
|
3
|
+
venue: string;
|
|
4
|
+
status: string;
|
|
5
|
+
kycStatus: string;
|
|
6
|
+
}
|
|
7
|
+
export interface TradingAccessTabProps {
|
|
8
|
+
venueAccounts?: VenueAccountInfo[] | null;
|
|
9
|
+
onKycError?: (error: Error) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const TradingAccessTab: {
|
|
12
|
+
({ venueAccounts, onKycError, }: TradingAccessTabProps): JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -5,6 +5,6 @@ export { PlaceOrderSuccessView } from "./index.place-order.success";
|
|
|
5
5
|
export type { PlaceOrderSuccessViewProps } from "./index.place-order.success";
|
|
6
6
|
export type { PlaceOrderClassNames, PlaceOrderExecutionSummary, PlaceOrderResolvedClaimSummary, PlaceOrderTradingLabels, } from "./index.place-order.types";
|
|
7
7
|
export declare const PlaceOrder: {
|
|
8
|
-
({ className, classNames, eventTradingState, isLoading, isPrimaryActionDisabled, isPrimaryActionLoading, chainBalancesOverride, onAmountChange, onClose, onOutcomeChange, onPrimaryAction,
|
|
8
|
+
({ className, classNames, eventTradingState, executionMode, isLoading, isPrimaryActionDisabled, isPrimaryActionLoading, chainBalancesOverride, onAmountChange, onClose, onOutcomeChange, onPrimaryAction, onTabChange, onSuccess, onError, onExecutionStateChange, resolvedClaim, midpointsResult, }: PlaceOrderProps): JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
@@ -5,6 +5,6 @@ export { PlaceOrderSuccessView } from "./index.place-order.success";
|
|
|
5
5
|
export type { PlaceOrderSuccessViewProps } from "./index.place-order.success";
|
|
6
6
|
export type { PlaceOrderClassNames, PlaceOrderExecutionSummary, PlaceOrderResolvedClaimSummary, PlaceOrderTradingLabels, } from "./index.place-order.types";
|
|
7
7
|
export declare const PlaceOrder: {
|
|
8
|
-
({ className, classNames, eventTradingState, isLoading, isPrimaryActionDisabled, isPrimaryActionLoading, chainBalancesOverride, onAmountChange, onClose, onOutcomeChange, onPrimaryAction,
|
|
8
|
+
({ className, classNames, eventTradingState, executionMode, isLoading, isPrimaryActionDisabled, isPrimaryActionLoading, chainBalancesOverride, onAmountChange, onClose, onOutcomeChange, onPrimaryAction, onTabChange, onSuccess, onError, onExecutionStateChange, resolvedClaim, midpointsResult, }: PlaceOrderProps): JSX.Element;
|
|
9
9
|
displayName: string;
|
|
10
10
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AggUiLabels, DagStepProgress, EventTradingState, UseMidpointsResult, VenueMarket, VenueMarketOutcome } from "@agg-build/hooks";
|
|
2
|
-
import type { SmartRouteResponse } from "@agg-build/sdk";
|
|
2
|
+
import type { ExecutionMode, SmartRouteResponse } from "@agg-build/sdk";
|
|
3
3
|
import type { PlaceOrderRoutingRow, PlaceOrderStatus, PlaceOrderTab, TradingVenue } from "../types";
|
|
4
4
|
export type PlaceOrderProps = {
|
|
5
5
|
/** Custom class name applied to the place-order root. */
|
|
@@ -8,6 +8,8 @@ export type PlaceOrderProps = {
|
|
|
8
8
|
classNames?: PlaceOrderClassNames;
|
|
9
9
|
/** Trading state used to drive markets, balances, and quotes. */
|
|
10
10
|
eventTradingState?: EventTradingState;
|
|
11
|
+
/** Trading mode used by normal execution endpoints. Defaults to live. */
|
|
12
|
+
executionMode?: ExecutionMode;
|
|
11
13
|
/** Whether the place-order panel should render its loading state. */
|
|
12
14
|
isLoading?: boolean;
|
|
13
15
|
/** Whether the primary submit action should be disabled. */
|
|
@@ -23,6 +25,7 @@ export type PlaceOrderProps = {
|
|
|
23
25
|
/** Called when the primary action is triggered. */
|
|
24
26
|
onPrimaryAction?: (context?: {
|
|
25
27
|
quoteId?: string;
|
|
28
|
+
mode?: ExecutionMode;
|
|
26
29
|
}) => void;
|
|
27
30
|
/** Called when the slippage control value changes. */
|
|
28
31
|
onSlippageChange?: (value: string) => void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { AggUiLabels, DagStepProgress, EventTradingState, UseMidpointsResult, VenueMarket, VenueMarketOutcome } from "@agg-build/hooks";
|
|
2
|
-
import type { SmartRouteResponse } from "@agg-build/sdk";
|
|
2
|
+
import type { ExecutionMode, SmartRouteResponse } from "@agg-build/sdk";
|
|
3
3
|
import type { PlaceOrderRoutingRow, PlaceOrderStatus, PlaceOrderTab, TradingVenue } from "../types";
|
|
4
4
|
export type PlaceOrderProps = {
|
|
5
5
|
/** Custom class name applied to the place-order root. */
|
|
@@ -8,6 +8,8 @@ export type PlaceOrderProps = {
|
|
|
8
8
|
classNames?: PlaceOrderClassNames;
|
|
9
9
|
/** Trading state used to drive markets, balances, and quotes. */
|
|
10
10
|
eventTradingState?: EventTradingState;
|
|
11
|
+
/** Trading mode used by normal execution endpoints. Defaults to live. */
|
|
12
|
+
executionMode?: ExecutionMode;
|
|
11
13
|
/** Whether the place-order panel should render its loading state. */
|
|
12
14
|
isLoading?: boolean;
|
|
13
15
|
/** Whether the primary submit action should be disabled. */
|
|
@@ -23,6 +25,7 @@ export type PlaceOrderProps = {
|
|
|
23
25
|
/** Called when the primary action is triggered. */
|
|
24
26
|
onPrimaryAction?: (context?: {
|
|
25
27
|
quoteId?: string;
|
|
28
|
+
mode?: ExecutionMode;
|
|
26
29
|
}) => void;
|
|
27
30
|
/** Called when the slippage control value changes. */
|
|
28
31
|
onSlippageChange?: (value: string) => void;
|
|
@@ -33,9 +33,11 @@ export declare const deriveAggregateOrderStatus: (orderIds: string[], terminalEv
|
|
|
33
33
|
export declare const resolvePlaceOrderQuoteResult: ({ labels, quoteData, tradeSide, }: ResolvePlaceOrderQuoteResultParams) => PlaceOrderQuoteResult | null;
|
|
34
34
|
export declare const sanitizePlaceOrderAmount: (value: number) => number;
|
|
35
35
|
export declare const getTradingRoutePriceLabel: (value: number) => string;
|
|
36
|
+
export declare const isQuoteBelowVenueMinimum: (quoteData: SmartRouteResponse | null | undefined) => boolean;
|
|
36
37
|
export declare const resolvePlaceOrderQuoteStatus: ({ amount, labels, quoteData, selectedMarket, }: ResolvePlaceOrderQuoteStatusParams) => PlaceOrderQuoteStatus;
|
|
37
38
|
export declare const buildLiveRouteCards: ({ labels, quoteData, tradeSide, eventVenues, }: BuildLiveRouteCardsParams) => PlaceOrderRouteCard[];
|
|
38
39
|
export declare const resolveExecutionVenueFromQuote: (quoteData: SmartRouteResponse | null) => TradingVenue | undefined;
|
|
40
|
+
export declare const routeCardsHaveSameVenueIdentity: (a: PlaceOrderRouteCard, b: PlaceOrderRouteCard) => boolean;
|
|
39
41
|
export declare const getPlaceOrderPotentialReturn: (quoteData: SmartRouteResponse | null | undefined) => number;
|
|
40
42
|
export declare const buildPlaceOrderExecutionStepGroups: ({ labels, orderId, quoteData, submittedOrders, }: {
|
|
41
43
|
labels: PlaceOrderTradingLabels;
|
|
@@ -52,7 +54,7 @@ export declare const buildPlaceOrderExecutionStepGroupsFromFailureSummary: ({ la
|
|
|
52
54
|
export declare const normalizePlaceOrderErrorMessage: ({ errorMessage, fallbackMessage, labels, }: {
|
|
53
55
|
errorMessage?: string | null;
|
|
54
56
|
fallbackMessage: string;
|
|
55
|
-
labels?: Pick<PlaceOrderTradingLabels, "quoteBalanceMismatch">;
|
|
57
|
+
labels?: Pick<PlaceOrderTradingLabels, "quoteBalanceMismatch" | "quoteUnavailable" | "serviceTemporarilyUnavailable" | "orderDeadlineExpiredBeforeSubmission" | "sellNoOnchainPosition" | "venueQuoteUnfillable" | "venueMinOrderSize" | "sourceBalanceChanged" | "venueMarketResolved" | "dflowWalletUnverified" | "venueNoQuotePath" | "solanaBlockhashExpired" | "venueRateLimited" | "serviceBlockedOrder">;
|
|
56
58
|
}) => string;
|
|
57
59
|
/**
|
|
58
60
|
* Resolves the actual execution economics from terminal WS events, overriding
|