@funkit/connect 5.4.1 → 5.5.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.
Files changed (45) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/components/CurrencySelector/CurrencySelector.d.ts +8 -0
  3. package/dist/components/Dialog/Dialog.css.d.ts +3 -6
  4. package/dist/components/Dialog/Dialog.d.ts +2 -1
  5. package/dist/components/FunCheckoutHistory/FunCheckoutHistoryContent.d.ts +2 -1
  6. package/dist/components/FunCheckoutHistory/FunCheckoutHistoryDetail.d.ts +2 -1
  7. package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts +4 -4
  8. package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts +2 -2
  9. package/dist/components/Icons/LockIcon.d.ts +3 -1
  10. package/dist/components/Icons/New/BankIcon.d.ts +2 -2
  11. package/dist/components/Icons/New/LinkExternalIcon.d.ts +4 -0
  12. package/dist/components/MeldQuoteItem/MeldQuoteItem.d.ts +12 -0
  13. package/dist/components/SourceMeldQuoteItem/SourceMeldQuoteItem.d.ts +12 -0
  14. package/dist/consts/meld.d.ts +3 -0
  15. package/dist/css/scrollStyles.css.d.ts +1 -0
  16. package/dist/domains/asset.d.ts +1 -0
  17. package/dist/domains/paymentMethods.d.ts +1 -1
  18. package/dist/hooks/queries/useMeldCryptoCurrencyCode.d.ts +1 -0
  19. package/dist/hooks/queries/useMeldCurrencies.d.ts +1 -0
  20. package/dist/hooks/queries/useMeldDefaultCurrency.d.ts +5 -0
  21. package/dist/hooks/queries/useMeldLimits.d.ts +6 -0
  22. package/dist/hooks/useCountdown.d.ts +5 -1
  23. package/dist/hooks/useDynamicFont.d.ts +1 -1
  24. package/dist/hooks/usePaymentSources.d.ts +1 -0
  25. package/dist/index.css +43 -89
  26. package/dist/index.js +5555 -4575
  27. package/dist/modals/CheckoutModal/CheckoutComplete/CheckoutComplete.d.ts +1 -1
  28. package/dist/modals/CheckoutModal/InputAmount/InputAmount.d.ts +9 -1
  29. package/dist/modals/CheckoutModal/InputAmount/InputAmountLayout.d.ts +4 -2
  30. package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +5 -4
  31. package/dist/modals/CheckoutModal/InputAmount/InputAmountLoading.d.ts +1 -2
  32. package/dist/modals/CheckoutModal/InputAmount/QuickOptions.d.ts +3 -1
  33. package/dist/modals/CheckoutModal/InputAmount/state.d.ts +12 -7
  34. package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts +5 -2
  35. package/dist/modals/CheckoutModal/InputAmount/utils.d.ts +15 -3
  36. package/dist/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.d.ts +14 -0
  37. package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts +15 -0
  38. package/dist/modals/CheckoutModal/MeldQuotes/useMeldLink.d.ts +2 -0
  39. package/dist/modals/CheckoutModal/MeldQuotes/useMeldQuotes.d.ts +5 -0
  40. package/dist/modals/CheckoutModal/stepTransition.d.ts +12 -1
  41. package/dist/utils/directExecution.d.ts +1 -0
  42. package/dist/utils/flags/config.d.ts +24 -0
  43. package/dist/wallets/walletConnectors/index.js +55 -55
  44. package/package.json +8 -7
  45. package/dist/components/FunSelectBrokerage/FunSelectBrokerage.css.d.ts +0 -1
@@ -10,4 +10,4 @@ export type ConfirmationStepNext = {
10
10
  };
11
11
  export declare const CheckoutCompleteInfo: ModalStepInfo<FunCheckoutStep.CHECKOUT_COMPLETE>;
12
12
  /** A checkout detail component to handle redirecting to the checkout history page */
13
- export declare function CheckoutComplete({ modalState, onClose, onNext, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;
13
+ export declare function CheckoutComplete({ modalState, onClose, onNext, onAnimationComplete, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;
@@ -1,9 +1,17 @@
1
+ import type { MeldQuote } from '@funkit/api-base';
1
2
  import React from 'react';
2
3
  import { type PaymentMethodInfo } from '~/domains/paymentMethods';
3
4
  import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
4
5
  export type InputAmountState = CheckoutModalCommonState & {
5
6
  paymentMethodInfo: PaymentMethodInfo;
7
+ fiatAmount?: number;
8
+ fiatCurrency?: string;
9
+ quote?: MeldQuote;
10
+ };
11
+ export type InputAmountNext = Record<string, never> | {
12
+ fiatAmount: number;
13
+ fiatCurrency?: string;
14
+ nextStep?: FunCheckoutStep.SOURCE_CHANGE | FunCheckoutStep.MELD_CURRENCY_SELECT | FunCheckoutStep.MELD_QUOTES;
6
15
  };
7
- export type InputAmountNext = Record<string, never>;
8
16
  export declare const InputAmountInfo: ModalStepInfo<FunCheckoutStep.INPUT_AMOUNT>;
9
17
  export declare function InputAmount(props: ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT>): React.JSX.Element;
@@ -3,11 +3,13 @@ import type { FunButtonProps } from '../../../components/FunButton/FunButton';
3
3
  import { type ErrorNotification } from '../../../components/FunNotification/FunNotification';
4
4
  interface InputAmountLayoutProps {
5
5
  actionButtonProps: FunButtonProps;
6
- youPayYouReceive?: ReactNode;
6
+ fiatCurrencySelector?: ReactNode;
7
7
  amountOptions?: ReactNode;
8
8
  amountInput: ReactNode;
9
9
  amountInputSwitch: ReactNode;
10
+ header?: ReactNode;
11
+ footer?: ReactNode;
10
12
  error?: ErrorNotification;
11
13
  }
12
- export declare function InputAmountLayout({ actionButtonProps, amountOptions, amountInput, amountInputSwitch, youPayYouReceive, error, }: InputAmountLayoutProps): React.JSX.Element;
14
+ export declare function InputAmountLayout({ actionButtonProps, amountOptions, fiatCurrencySelector, amountInput, amountInputSwitch, header, footer, error, }: InputAmountLayoutProps): React.JSX.Element;
13
15
  export {};
@@ -1,15 +1,16 @@
1
1
  import React from 'react';
2
- import type { AssetHoldingsItem } from '~/utils/assets';
3
2
  import { type FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
3
+ import type { AssetHoldingsItem } from '~/utils/assets';
4
4
  import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
5
- import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition';
5
+ import { FunCheckoutStep, type ModalStepComponentProps } from '../stepTransition';
6
6
  interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
7
7
  sourceHolding: AssetHoldingsItem | null;
8
8
  checkoutConfig: FunkitCheckoutConfig;
9
9
  /** unit price of target asset */
10
10
  unitPrice: number;
11
- isCardCheckout: boolean;
11
+ /** default fiat currency to be used*/
12
+ defaultFiatCurrency?: string;
12
13
  textCustomizations: FunkitTextCustomizationsConfig['confirmationScreen'];
13
14
  }
14
- export declare function InputAmountLoaded({ checkoutConfig, isCardCheckout, modalState, onNext, sourceHolding, unitPrice, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
15
+ export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, sourceHolding, unitPrice, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
15
16
  export {};
@@ -3,7 +3,6 @@ import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition
3
3
  interface InputAmountLoadingProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
4
4
  sourceHoldingError: Error | null;
5
5
  unitPriceError: Error | null;
6
- isCardCheckout: boolean;
7
6
  }
8
- export declare function InputAmountLoading({ isCardCheckout, modalState, onBack, sourceHoldingError, unitPriceError, }: InputAmountLoadingProps): React.JSX.Element;
7
+ export declare function InputAmountLoading({ modalState, onBack, sourceHoldingError, unitPriceError, }: InputAmountLoadingProps): React.JSX.Element;
9
8
  export {};
@@ -1,7 +1,9 @@
1
1
  import React from 'react';
2
2
  interface QuickOptionsProps {
3
3
  onSelect?: (percentage: number) => void;
4
+ percentMode?: boolean;
4
5
  disabled?: boolean;
6
+ currency?: string;
5
7
  }
6
- export declare const QuickOptions: ({ onSelect, disabled, }: QuickOptionsProps) => React.JSX.Element[];
8
+ export declare const QuickOptions: ({ onSelect, percentMode, disabled, currency, }: QuickOptionsProps) => React.JSX.Element[];
7
9
  export {};
@@ -6,12 +6,16 @@ export interface AmountInputInitOptions {
6
6
  checkoutConfig: FunkitCheckoutConfig;
7
7
  paymentMethod: PaymentMethod;
8
8
  sourceHolding: AssetHoldingsItem | null;
9
+ /** Default amount, in fiat since that's the default mode */
10
+ defaultAmount: number | undefined;
9
11
  /** Target asset unit price, in USD */
10
12
  unitPrice: number;
11
13
  /** Maximum checkout amount, in USD */
12
14
  maxUsd: number;
13
15
  /** Minimum checkout amount, in USD */
14
16
  minUsd?: number;
17
+ /** Currency code for the currently selected fiat currency. Defaults to USD */
18
+ fiatCurrency?: string;
15
19
  }
16
20
  export interface AmountInputState {
17
21
  /** Current amount, in target asset */
@@ -36,22 +40,23 @@ export interface AmountInputDerivedState extends AmountInputState {
36
40
  }
37
41
  export type AmountInputAction = {
38
42
  /** Switches between USD and absolute input mode */
39
- type: 'setInputInUsd';
40
- isInputInUsd: boolean;
43
+ type: 'toggleInputInUsd';
44
+ } | {
45
+ /** Changes formatting to new currency code */
46
+ type: 'changeFiatCurrency';
47
+ fiatCurrency: string;
41
48
  } | {
42
49
  /** Sets the input value as string */
43
50
  type: 'setInputValue';
44
51
  inputValue: string;
45
52
  unitPrice: number;
53
+ fiatCurrency: string;
46
54
  } | {
47
55
  /** Sets the input value as USD amount */
48
56
  type: 'setUsdAmount';
49
57
  unitPrice: number;
58
+ fiatCurrency: string;
50
59
  usdAmount: number;
51
- } | {
52
- /** Updates the available USD amount */
53
- type: 'setUsdAvailableAmount';
54
- usdAvailableAmount: number;
55
60
  };
56
61
  export type AmountInputError = {
57
62
  /** Current amount is above available balance */
@@ -72,6 +77,6 @@ export type AmountInputError = {
72
77
  /** Input is empty */
73
78
  type: 'noInput';
74
79
  };
75
- export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, }: AmountInputInitOptions): AmountInputState;
80
+ export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, }: AmountInputInitOptions): AmountInputState;
76
81
  export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
77
82
  export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;
@@ -1,9 +1,12 @@
1
1
  import { type AmountInputDerivedState, type AmountInputInitOptions } from './state';
2
+ import { type InputAmountSuggestion } from './utils';
2
3
  interface UseAmountInputResult extends AmountInputDerivedState {
3
4
  onChange(event: React.ChangeEvent<HTMLInputElement>): void;
4
- setInputInUsd(isInputInUsd: boolean): void;
5
+ toggleInputInUsd: () => void;
5
6
  setUsdAmount(usdAmount: number): AmountInputDerivedState;
6
- setUsdAvailableAmount(usdAvailableAmount: number): void;
7
+ placeholder: string;
8
+ /** Possible user action to recover from the current error */
9
+ suggestion: InputAmountSuggestion | undefined;
7
10
  }
8
11
  export declare function useAmountInput(options: AmountInputInitOptions): UseAmountInputResult;
9
12
  export {};
@@ -1,7 +1,19 @@
1
1
  import { PaymentMethod } from '~/domains/paymentMethods';
2
+ import type { ErrorNotification } from '~/components/FunNotification/FunNotification';
3
+ import type { AmountInputError } from './state';
2
4
  export declare const ASSET_DECIMALS = 5;
3
5
  export declare const USD_DECIMALS = 2;
4
6
  export declare const USD_INITIAL_AMOUNT = 100;
5
- export declare const USD_PREFIX = "$";
6
- export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, maxUsd: number): number | null;
7
- export declare function getUsdMinAmount(paymentMethod: PaymentMethod, minUsd?: number): number;
7
+ export declare function getUsdMaxAmount(maxUsd: number): number | null;
8
+ export declare function getUsdMinAmount(paymentMethod: PaymentMethod, defaultMin?: number): number;
9
+ export interface InputAmountSuggestion {
10
+ autoConfirm: boolean;
11
+ buttonLabel: string;
12
+ usdAmount: number;
13
+ }
14
+ /**
15
+ * Get suggested amount from error
16
+ * Allow recovery actions to user in the CTA Continue button
17
+ */
18
+ export declare const getInputAmountSuggestion: (error: AmountInputError | null) => InputAmountSuggestion | undefined;
19
+ export declare const getInputErrorNotification: (error: AmountInputError | null) => ErrorNotification | undefined;
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
3
+ import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
4
+ export type MeldCurrencySelectState = CheckoutModalCommonState & {
5
+ defaultCurrency: string;
6
+ fiatAmount: number;
7
+ paymentMethodInfo: PaymentMethodCardInfo;
8
+ };
9
+ export type MeldCurrencySelectNext = {
10
+ currency: string;
11
+ fiatAmount: number;
12
+ };
13
+ export declare const MeldCurrencySelectInfo: ModalStepInfo<FunCheckoutStep.MELD_CURRENCY_SELECT>;
14
+ export declare function MeldCurrencySelect({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_CURRENCY_SELECT>): React.JSX.Element;
@@ -0,0 +1,15 @@
1
+ import type { MeldQuote } from '@funkit/api-base';
2
+ import React from 'react';
3
+ import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
4
+ import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
5
+ export type MeldQuotesState = CheckoutModalCommonState & {
6
+ paymentMethodInfo: PaymentMethodCardInfo;
7
+ /** Checkout amount in fiat */
8
+ fiatAmount: number;
9
+ fiatCurrency: string | undefined;
10
+ };
11
+ export type MeldQuotesNext = Record<string, never> | {
12
+ quote: MeldQuote;
13
+ };
14
+ export declare const MeldQuotesInfo: ModalStepInfo<FunCheckoutStep.MELD_QUOTES>;
15
+ export declare function MeldQuotes({ modalState, onNext, }: ModalStepComponentProps<FunCheckoutStep.MELD_QUOTES>): React.JSX.Element;
@@ -0,0 +1,2 @@
1
+ import { type MeldServiceProvider } from '@funkit/api-base';
2
+ export declare const useMeldLink: (sourceAmount: number, sourceCurrencyCode?: string) => import("@tanstack/react-query").UseMutationResult<import("@funkit/api-base").MeldCreateCryptoWidgetResponse, Error, MeldServiceProvider, unknown>;
@@ -0,0 +1,5 @@
1
+ /** Triggered only when fiatCurrency is provided */
2
+ export declare const useMeldQuotes: (sourceAmount: number, fiatCurrency: string | undefined) => {
3
+ query: import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldQuote[], Error>;
4
+ countdown: import("react").ReactNode;
5
+ };
@@ -11,6 +11,8 @@ import { type ConfirmationStepNext, type ConfirmationStepState } from './Confirm
11
11
  import { type ConnectExchangeNext, type ConnectExchangeState } from './ConnectExchange';
12
12
  import { type InputAmountNext, type InputAmountState } from './InputAmount/InputAmount';
13
13
  import { type LoadingAccountNext, type LoadingAccountState } from './LoadingAccount';
14
+ import { type MeldCurrencySelectNext, type MeldCurrencySelectState } from './MeldCurrencySelect/MeldCurrencySelect';
15
+ import { type MeldQuotesNext, type MeldQuotesState } from './MeldQuotes/MeldQuotes';
14
16
  import { type MeshVerificationNext, type MeshVerificationState } from './MeshVerification';
15
17
  import { type MoonpaySetupNext, type MoonpaySetupState } from './MoonpaySetup';
16
18
  import { type SelectAssetNext, type SelectAssetState } from './SelectAsset';
@@ -31,6 +33,7 @@ export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckout
31
33
  modalState: CheckoutModalState<S>;
32
34
  onBack(): void;
33
35
  onClose(): void;
36
+ onAnimationComplete(callback: () => void): void;
34
37
  onNext(payload: NextPayload<S>): void;
35
38
  setModalState(state: SetStateAction<CheckoutModalState<S>>): void;
36
39
  }
@@ -53,7 +56,9 @@ export declare enum FunCheckoutStep {
53
56
  BRIDGE_KYC = "bridge_kyc",
54
57
  KYC_IFRAME = "KYC_IFRAME",
55
58
  FIAT_ACCOUNT_DETAIL = "fiat_account_detail",
56
- ERROR_SCREEN = "error_screen"
59
+ ERROR_SCREEN = "error_screen",
60
+ MELD_QUOTES = "meld_quotes",
61
+ MELD_CURRENCY_SELECT = "meld_currency_select"
57
62
  }
58
63
  export type ModalStepInfo<S extends FunCheckoutStep> = {
59
64
  Component: ComponentType<ModalStepComponentProps<S>>;
@@ -91,6 +96,8 @@ type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
91
96
  [FunCheckoutStep.BRIDGE_CUSTOMER]: BridgeCustomerState;
92
97
  [FunCheckoutStep.FIAT_ACCOUNT_DETAIL]: FiatAccountDetailState;
93
98
  [FunCheckoutStep.ERROR_SCREEN]: ErrorScreenState;
99
+ [FunCheckoutStep.MELD_QUOTES]: MeldQuotesState;
100
+ [FunCheckoutStep.MELD_CURRENCY_SELECT]: MeldCurrencySelectState;
94
101
  }[T] & {
95
102
  step: T;
96
103
  };
@@ -114,11 +121,15 @@ type NextPayload<S extends FunCheckoutStep = FunCheckoutStep> = {
114
121
  [FunCheckoutStep.BRIDGE_CUSTOMER]: BridgeCustomerNext;
115
122
  [FunCheckoutStep.FIAT_ACCOUNT_DETAIL]: FiatAccountDetailNext;
116
123
  [FunCheckoutStep.ERROR_SCREEN]: null;
124
+ [FunCheckoutStep.MELD_QUOTES]: MeldQuotesNext;
125
+ [FunCheckoutStep.MELD_CURRENCY_SELECT]: MeldCurrencySelectNext;
117
126
  }[S] & {
118
127
  /** Whether screen transition should change direction to simulate back transition. Only applies if there is a history entry in the stack*/
119
128
  reverseAnimation?: boolean;
120
129
  skipAnimation?: boolean;
121
130
  wipeHistory?: boolean;
131
+ /** When set, finds the closest matching step in history and rolls back to it instead of creating a new history entry */
132
+ navigateToHistoryStep?: boolean;
122
133
  };
123
134
  export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveCheckoutItem, onClose: () => void): {
124
135
  animation: import("~/hooks/useAnimatedNavigation").AnimationState;
@@ -2,3 +2,4 @@ import type { DirectExecution } from '@funkit/api-base';
2
2
  export declare function getDirectExecutionUpdatedTimeMs({ directExecution, }: {
3
3
  directExecution: DirectExecution;
4
4
  }): number;
5
+ export declare function getDirectExecutionRunTimeMs(directExecution: DirectExecution): number;
@@ -65,6 +65,14 @@ export declare const flagConfig: {
65
65
  token_transfer_source_chains_and_assets: {
66
66
  type: "string";
67
67
  default_value: string;
68
+ overrides: {
69
+ value: string;
70
+ if_any: {
71
+ key: "apiKey";
72
+ type: "isAnyOf";
73
+ values: string[];
74
+ }[];
75
+ }[];
68
76
  };
69
77
  enable_token_transfer_universal_deposit_address: {
70
78
  type: "boolean";
@@ -224,4 +232,20 @@ export declare const flagConfig: {
224
232
  value: false;
225
233
  }[];
226
234
  };
235
+ enable_meld_payment: {
236
+ type: "boolean";
237
+ default_value: true;
238
+ overrides: {
239
+ if_any: {
240
+ key: "userId";
241
+ type: "isAnyOf";
242
+ values: string[];
243
+ }[];
244
+ value: false;
245
+ }[];
246
+ };
247
+ meld_quick_options: {
248
+ type: "string";
249
+ default_value: string;
250
+ };
227
251
  };
@@ -1,22 +1,31 @@
1
1
  "use client";
2
+ import {
3
+ xdefiWallet
4
+ } from "./chunk-NO7XMBB5.js";
2
5
  import {
3
6
  zealWallet
4
7
  } from "./chunk-JROWU5BP.js";
5
8
  import {
6
9
  zerionWallet
7
10
  } from "./chunk-ETTNDQQG.js";
8
- import {
9
- trustWallet
10
- } from "./chunk-IPOC2VJX.js";
11
11
  import {
12
12
  subWallet
13
13
  } from "./chunk-4UM4GTKZ.js";
14
+ import {
15
+ tahoWallet
16
+ } from "./chunk-6P2EMPZI.js";
14
17
  import {
15
18
  talismanWallet
16
19
  } from "./chunk-ABFSXBE6.js";
17
20
  import {
18
- phantomWallet
19
- } from "./chunk-ZSVTX6EK.js";
21
+ tokenPocketWallet
22
+ } from "./chunk-FRGSRLTS.js";
23
+ import {
24
+ tokenaryWallet
25
+ } from "./chunk-SLOIIJGP.js";
26
+ import {
27
+ trustWallet
28
+ } from "./chunk-IPOC2VJX.js";
20
29
  import {
21
30
  uniswapWallet
22
31
  } from "./chunk-LH7BMNFZ.js";
@@ -24,14 +33,11 @@ import {
24
33
  walletConnectWallet
25
34
  } from "./chunk-NP5QGWNL.js";
26
35
  import {
27
- tokenaryWallet
28
- } from "./chunk-SLOIIJGP.js";
29
- import {
30
- xdefiWallet
31
- } from "./chunk-NO7XMBB5.js";
36
+ rabbyWallet
37
+ } from "./chunk-BVX4XGNP.js";
32
38
  import {
33
- tokenPocketWallet
34
- } from "./chunk-FRGSRLTS.js";
39
+ rainbowWallet
40
+ } from "./chunk-MOOBCMMB.js";
35
41
  import {
36
42
  ramperWallet
37
43
  } from "./chunk-PIUNLQJG.js";
@@ -39,56 +45,53 @@ import {
39
45
  roninWallet
40
46
  } from "./chunk-25VW5TZP.js";
41
47
  import {
42
- rainbowWallet
43
- } from "./chunk-MOOBCMMB.js";
44
- import {
45
- omniWallet
46
- } from "./chunk-7CUY5G6R.js";
48
+ oneKeyWallet
49
+ } from "./chunk-4AD7VI2P.js";
47
50
  import {
48
51
  safeheronWallet
49
52
  } from "./chunk-R6RWZRFF.js";
53
+ import {
54
+ safeWallet
55
+ } from "./chunk-BQQQL6UD.js";
50
56
  import {
51
57
  safepalWallet
52
58
  } from "./chunk-6LPM6LUQ.js";
53
59
  import {
54
- tahoWallet
55
- } from "./chunk-6P2EMPZI.js";
56
- import {
57
- safeWallet
58
- } from "./chunk-BQQQL6UD.js";
60
+ ledgerWallet
61
+ } from "./chunk-BRBKM4PW.js";
59
62
  import {
60
- oktoWallet
61
- } from "./chunk-ADIXAKUL.js";
63
+ metaMaskWallet
64
+ } from "./chunk-N2NIIUW6.js";
62
65
  import {
63
66
  mewWallet
64
67
  } from "./chunk-V57WLZEE.js";
65
68
  import {
66
- metaMaskWallet
67
- } from "./chunk-N2NIIUW6.js";
69
+ oktoWallet
70
+ } from "./chunk-ADIXAKUL.js";
68
71
  import {
69
72
  okxWallet
70
73
  } from "./chunk-3U3BMEH5.js";
71
74
  import {
72
- oneKeyWallet
73
- } from "./chunk-4AD7VI2P.js";
74
- import {
75
- gateWallet
76
- } from "./chunk-3NC26XLM.js";
75
+ omniWallet
76
+ } from "./chunk-7CUY5G6R.js";
77
77
  import {
78
78
  oneInchWallet
79
79
  } from "./chunk-OESTDX6I.js";
80
80
  import {
81
- rabbyWallet
82
- } from "./chunk-BVX4XGNP.js";
81
+ phantomWallet
82
+ } from "./chunk-ZSVTX6EK.js";
83
+ import {
84
+ foxWallet
85
+ } from "./chunk-XYBEMO3C.js";
83
86
  import {
84
87
  frameWallet
85
88
  } from "./chunk-ZMYVTWDF.js";
86
89
  import {
87
- desigWallet
88
- } from "./chunk-CTU6JCOK.js";
90
+ frontierWallet
91
+ } from "./chunk-HKV7EMYZ.js";
89
92
  import {
90
- enkryptWallet
91
- } from "./chunk-SJTXS4ZW.js";
93
+ gateWallet
94
+ } from "./chunk-3NC26XLM.js";
92
95
  import {
93
96
  imTokenWallet
94
97
  } from "./chunk-COZ7MIQS.js";
@@ -99,17 +102,14 @@ import {
99
102
  kresusWallet
100
103
  } from "./chunk-MJXPRJZT.js";
101
104
  import {
102
- ledgerWallet
103
- } from "./chunk-BRBKM4PW.js";
105
+ bybitWallet
106
+ } from "./chunk-W5O4YSZN.js";
104
107
  import {
105
- braveWallet
106
- } from "./chunk-PB254NQ4.js";
108
+ coin98Wallet
109
+ } from "./chunk-KFFJPS5R.js";
107
110
  import {
108
111
  clvWallet
109
112
  } from "./chunk-LEXSM5KI.js";
110
- import {
111
- coin98Wallet
112
- } from "./chunk-KFFJPS5R.js";
113
113
  import {
114
114
  coinbaseWallet
115
115
  } from "./chunk-H4IRCEZN.js";
@@ -120,33 +120,33 @@ import {
120
120
  dawnWallet
121
121
  } from "./chunk-LN7OD5EC.js";
122
122
  import {
123
- foxWallet
124
- } from "./chunk-XYBEMO3C.js";
123
+ desigWallet
124
+ } from "./chunk-CTU6JCOK.js";
125
125
  import {
126
- frontierWallet
127
- } from "./chunk-HKV7EMYZ.js";
126
+ enkryptWallet
127
+ } from "./chunk-SJTXS4ZW.js";
128
128
  import {
129
129
  argentWallet
130
130
  } from "./chunk-WSQ2YJO2.js";
131
131
  import {
132
132
  bifrostWallet
133
133
  } from "./chunk-545L7Y4M.js";
134
- import {
135
- bitskiWallet
136
- } from "./chunk-P74YPRF6.js";
137
134
  import {
138
135
  bitgetWallet
139
136
  } from "./chunk-7GSNBOD3.js";
137
+ import {
138
+ bitskiWallet
139
+ } from "./chunk-P74YPRF6.js";
140
140
  import {
141
141
  bitverseWallet
142
142
  } from "./chunk-3HZRRP4Y.js";
143
+ import {
144
+ braveWallet
145
+ } from "./chunk-PB254NQ4.js";
146
+ import "./chunk-WRA2DVJ7.js";
143
147
  import {
144
148
  bloomWallet
145
149
  } from "./chunk-S27IADFU.js";
146
- import {
147
- bybitWallet
148
- } from "./chunk-W5O4YSZN.js";
149
- import "./chunk-WRA2DVJ7.js";
150
150
  import "./chunk-23WIEY36.js";
151
151
  export {
152
152
  argentWallet,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@funkit/connect",
3
- "version": "5.4.1",
3
+ "version": "5.5.0",
4
4
  "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
5
5
  "files": [
6
6
  "dist",
@@ -90,13 +90,14 @@
90
90
  "react-remove-scroll": "2.5.7",
91
91
  "react-virtuoso": "4.10.1",
92
92
  "ua-parser-js": "^1.0.37",
93
+ "use-debounce": "^10.0.5",
93
94
  "uuid": "^9.0.1",
94
- "@funkit/chains": "0.3.0",
95
- "@funkit/api-base": "1.8.4",
96
- "@funkit/core": "2.3.21",
97
- "@funkit/fun-relay": "0.1.4",
98
- "@funkit/utils": "1.0.14",
99
- "@funkit/wagmi-tools": "3.0.43"
95
+ "@funkit/api-base": "1.9.0",
96
+ "@funkit/fun-relay": "0.1.5",
97
+ "@funkit/chains": "0.3.1",
98
+ "@funkit/utils": "1.1.0",
99
+ "@funkit/core": "2.3.22",
100
+ "@funkit/wagmi-tools": "3.0.44"
100
101
  },
101
102
  "repository": {
102
103
  "type": "git",
@@ -1 +0,0 @@
1
- export declare const selectBrokerageStyle: string;