@funkit/connect 6.4.0 → 6.6.0

package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
+import { type FunkitTextCustomizationsConfig } from '~/providers/FunkitConfigContext';
 import type { AssetHoldingsItem } from '~/utils/assets';
 import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
 import { FunCheckoutStep, type ModalStepComponentProps } from '../stepTransition';
@@ -15,5 +15,5 @@ interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep
 export declare function openMeldPopup(linkGetter: () => Promise<{
     widgetUrl: string;
 }>): Promise<void>;
-export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, sourceHolding, unitPrice, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
+export declare function InputAmountLoaded({ checkoutConfig, modalState, onNext, onClose, sourceHolding, unitPrice, defaultFiatCurrency, textCustomizations, }: InputAmountLoadedProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/InputAmount/state.d.ts

@@ -15,6 +15,8 @@ export interface AmountInputInitOptions {
     minUsd?: number;
     /** Currency code for the currently selected fiat currency. Defaults to USD */
     fiatCurrency?: string;
+    /** Locale */
+    locale: Intl.LocalesArgument;
     /** Quick options, in fiat (not %) */
     quickOptions?: number[];
 }
@@ -29,6 +31,8 @@ export interface AmountInputState {
     inputValue: string;
     /** Whether the input is currently in fiat */
     isInputInFiat: boolean;
+    /** Locale */
+    locale: Intl.LocalesArgument;
     /** Estimated available amount, in USD (defaults to unlimited) */
     usdAvailableAmount: number | null;
     /** Maximum amount, in USD (defaults to unlimited) */
@@ -38,8 +42,11 @@ export interface AmountInputState {
 }
 /** Derived state includes additional fields that are pure functions of base state */
 export interface AmountInputDerivedState extends AmountInputState {
+    inputDecimals: number;
     inputError: AmountInputError | null;
+    inputPrefix: string;
     isValid: boolean;
+    placeholder: string;
 }
 export type AmountInputAction = {
     /** Switches between fiat and crypto input mode */
@@ -83,6 +90,6 @@ export type AmountInputError = {
  * Return half the balance and round up to nearest 10, 100, 1000 etc
  */
 export declare function calcInitialFiatAmount(balance: number): number;
-export declare function initializeState({ checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice: realUnitPrice, defaultAmount, fiatCurrency, quickOptions, }: AmountInputInitOptions): AmountInputState;
+export declare function initializeState({ checkoutConfig, defaultAmount, fiatCurrency, locale, maxUsd, minUsd, paymentMethod, quickOptions, sourceHolding, unitPrice: realUnitPrice, }: AmountInputInitOptions): AmountInputState;
 export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
 export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;

package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts

@@ -1,9 +1,12 @@
+import { type RefObject } from 'react';
 import type { FunInputChangeEvent } from '~/components/FunInput/FunInput';
 import { type AmountInputDerivedState, type AmountInputInitOptions } from './state';
 import { type InputAmountSuggestion } from './utils';
 interface UseAmountInputResult extends AmountInputDerivedState {
+    fontSize: number;
+    inputWidth: number | undefined;
     onChange(event: FunInputChangeEvent): void;
-    placeholder: string;
+    ref: RefObject<HTMLInputElement>;
     setFiatAmount(usdAmount: number): AmountInputDerivedState;
     /** Possible user action to recover from the current error */
     suggestion: InputAmountSuggestion | undefined;

package/dist/modals/CheckoutModal/InputAmount/utils.d.ts

@@ -18,3 +18,30 @@ export interface InputAmountSuggestion {
  */
 export declare const getInputAmountSuggestion: (error: AmountInputError | null) => InputAmountSuggestion | undefined;
 export declare const getInputErrorNotification: (error: AmountInputError | null) => ErrorNotification | undefined;
+export type NumberSeparators = {
+    decimalSeparator: string;
+    groupSeparator: RegExp;
+};
+export declare function getNumberSeparators(locale: Intl.LocalesArgument): NumberSeparators;
+export declare function parseNumberInputValue(inputValue: string, separators: NumberSeparators): {
+    amount: number | undefined;
+    amountString: string;
+    amountStringNormalized: string;
+    decimalPart: string | null;
+    integerPart: string;
+};
+export declare function getCurrencyFormattingOptions(fiatCurrency: string, locale: Intl.LocalesArgument): {
+    currencySymbol: string;
+    currencySymbolWithSpacing: string;
+    decimals: number;
+};
+export declare function formatAssetAmountWithLocale(value: number, options: {
+    locale: Intl.LocalesArgument;
+}): string;
+export declare function formatCurrencyAmountWithLocale(value: number, options: {
+    fiatCurrency: string;
+    locale: Intl.LocalesArgument;
+}): string;
+export declare function replaceStringRange(original: string, replacement: string, start: number, end: number): string;
+export declare function reformatDecimalPart(decimalPart: string, decimals: number): string;
+export declare function reformatIntegerPart(integerPart: string, locale: Intl.LocalesArgument, preserveLeadingZeroes: boolean): string;

package/dist/modals/CheckoutModal/MeldCurrencySelect/currenciesWithMultipleCountries.d.ts

@@ -0,0 +1 @@
+export declare const currenciesWithMultipleCountries: Record<string, string[]>;

package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts

@@ -1,4 +1,4 @@
-import type { MeldQuote, MeldServiceProvider } from '@funkit/api-base';
+import { type MeldQuote, MeldServiceProvider } from '@funkit/api-base';
 import React from 'react';
 import type { PaymentMethodCardInfo } from '~/domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -21,7 +21,7 @@ export declare enum FunCheckoutStartingStep {
     CONFIRMATION = "confirmation",
     SELECT_ASSET = "select_asset"
 }
-export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'generateActionsParams' | 'customRecipient' | 'modalTitle' | 'iconSrc' | 'modalTitleMeta' | 'externalCheckoutUserId'> {
+export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'generateActionsParams' | 'customRecipient' | 'modalTitle' | 'iconSrc' | 'modalTitleMeta'> {
     /** List of contract action params **/
     generateActionsParams?: (targetAssetAmount: number, config?: {
         targetAsset: Address;
@@ -40,8 +40,6 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     iconSrc?: null | string;
     /** Title of the item being checked out. e.g. Staked Ether, XYZ Option, Solar Bond ABC **/
     checkoutItemTitle: string;
-    /** @deprecated use targetAssetAmount **/
-    checkoutItemAmount?: number;
     /** amount of source token. it is not baseUnit **/
     withdrawalSourceTokenBalance?: () => number;
     /** Whether checkout should be started in Defi mode, which has various flow implications (most importantly targetAssetAmount must be set and is not editable throughout the checkout) */
@@ -62,8 +60,6 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     /** *****************************
      * Miscellaneous configurations *
      ********************************/
-    /** User identification within customer's app for logging and customer dashboard purposes (future). **/
-    externalCheckoutUserId?: string;
     /** a list of candidate assets to be chosen dynamically */
     dynamicTargetAssetCandidates?: DynamicTargetAssetCandidate[];
     /** minimal toAmount needed to proceed checkout. Checked after quote */
@@ -74,7 +70,7 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
 }
 export interface FunkitWithdrawalConfig {
     /** Title to show in the checkout modal. Defaults to "Checkout" **/
-    modalTitle?: string;
+    modalTitle: string;
     /** Additional information to show in the title of the checkout modal. Blank by default **/
     modalTitleMeta?: string;
     /** Icon to show in the checkout modal (50px x 50px). If not specified, no icon will be shown. **/
@@ -84,8 +80,6 @@ export interface FunkitWithdrawalConfig {
     sourceChainId: string;
     /** source token id to withdraw **/
     sourceTokenAddress: Address;
-    /** whether to show connected as preferred withdrawal destination*/
-    showConnectedWalletAsPreferredRecipient?: boolean;
     /** Wallet instance used to execute the quote */
     wallet: WithdrawalClient;
 }

package/dist/providers/FunkitConfigContext.d.ts

@@ -47,10 +47,6 @@ export interface FunkitUiCustomizationsConfig {
         /** Whether to allow entering an amount of tokens, rather than only USD - defaults to true */
         allowTokenAmountInput?: boolean;
     };
-    paymentMethods?: {
-        /** Whether paying by card is a payment method the users can use - defaults to true */
-        isCardEnabled?: boolean;
-    };
     callToActionsUppercase?: boolean;
 }
 export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
@@ -71,8 +67,6 @@ export type FunkitConfig = {
     apiKey: string;
     /** App name **/
     appName: string;
-    /** Whether app's background is scrollable when a widget is active **/
-    allowBackgroundScroll?: boolean;
     /** Text customizations across all widgets **/
     textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
     /** UI customizations across all widgets **/
@@ -81,7 +75,6 @@ export type FunkitConfig = {
     loginConfig: Partial<FunkitLoginOptionsConfig>;
 };
 interface FinalFunkitConfigInternal extends FunkitConfig {
-    allowBackgroundScroll: boolean;
     textCustomizations: FunkitTextCustomizationsConfig;
     loginConfig: FunkitLoginOptionsConfig;
 }

package/dist/providers/FunkitThemeProvider.d.ts

@@ -120,6 +120,10 @@ export declare const useActiveTheme: () => {
             fiatAccountIconFill: string;
             fiatAccountGradientFrom: string;
             fiatAccountGradientTo: string;
+            spinnerBackground: string;
+            spinnerIndicator: string;
+            spinnerBackgroundVerifyAccount: string;
+            spinnerIndicatorVerifyAccount: string;
         };
         dimensions: {
             modalBottomBarButtonHeight: string;
@@ -218,6 +222,9 @@ export declare const useActiveTheme: () => {
             notification: string;
             qrCode: string;
             buttonFocusedShadow: string;
+            buttonHoverShadow: string;
+            buttonDisabledShadow: string;
+            selectedDropdownItem: string;
         };
         spacing: {
             modalBaseHorizontalPadding: string;
@@ -333,6 +340,10 @@ export declare const useActiveTheme: () => {
             fiatAccountIconFill: string;
             fiatAccountGradientFrom: string;
             fiatAccountGradientTo: string;
+            spinnerBackground: string;
+            spinnerIndicator: string;
+            spinnerBackgroundVerifyAccount: string;
+            spinnerIndicatorVerifyAccount: string;
         };
         dimensions: {
             modalBottomBarButtonHeight: string;
@@ -431,6 +442,9 @@ export declare const useActiveTheme: () => {
             notification: string;
             qrCode: string;
             buttonFocusedShadow: string;
+            buttonHoverShadow: string;
+            buttonDisabledShadow: string;
+            selectedDropdownItem: string;
         };
         spacing: {
             modalBaseHorizontalPadding: string;
@@ -544,6 +558,10 @@ export declare const useActiveTheme: () => {
             fiatAccountIconFill: string;
             fiatAccountGradientFrom: string;
             fiatAccountGradientTo: string;
+            spinnerBackground: string;
+            spinnerIndicator: string;
+            spinnerBackgroundVerifyAccount: string;
+            spinnerIndicatorVerifyAccount: string;
         };
         dimensions: {
             modalBottomBarButtonHeight: string;
@@ -642,6 +660,9 @@ export declare const useActiveTheme: () => {
             notification: string;
             qrCode: string;
             buttonFocusedShadow: string;
+            buttonHoverShadow: string;
+            buttonDisabledShadow: string;
+            selectedDropdownItem: string;
         };
         spacing: {
             modalBaseHorizontalPadding: string;

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-WDHT73AM.js";
+} from "../chunk-UOY5XFCR.js";
 import "../chunk-7HKC2KCK.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-ZDHRMKMT.js";
+} from "../chunk-AYGZMDTC.js";
 import "../chunk-7HKC2KCK.js";
 export {
   lightTheme

package/dist/utils/checkout.d.ts

@@ -54,6 +54,7 @@ export declare function getFunkitEnvForCheckoutEstimation({ chainId, bypassWalle
     bypassInit: boolean;
     apiKey?: string;
     nonce?: bigint | undefined;
+    logger?: import("@funkit/api-base").Logger | undefined;
     fee?: {
         token?: string;
         amount?: number;
@@ -61,7 +62,6 @@ export declare function getFunkitEnvForCheckoutEstimation({ chainId, bypassWalle
         recipient: Address;
     } | undefined;
     skipDBAction?: boolean | undefined;
-    logger?: import("@funkit/api-base").Logger | undefined;
 };
 export type TokenInfo = {
     symbol: string;

package/dist/utils/flags/config.d.ts

@@ -65,14 +65,6 @@ export declare const flagConfig: {
     token_transfer_source_chains_and_assets: {
         type: "string";
         default_value: string;
-        overrides: {
-            value: string;
-            if_any: {
-                key: "apiKey";
-                type: "isAnyOf";
-                values: string[];
-            }[];
-        }[];
     };
     withdrawal_chains_and_assets: {
         type: "string";
@@ -141,14 +133,6 @@ export declare const flagConfig: {
     checkout_notifications_refresh_interval: {
         type: "string";
         default_value: string;
-        overrides: {
-            if_any: {
-                key: "apiKey";
-                type: "isAnyOf";
-                values: string[];
-            }[];
-            value: string;
-        }[];
     };
     token_transfer_new_tokens: {
         type: "string";
@@ -160,15 +144,7 @@ export declare const flagConfig: {
     };
     is_relay_bypass_enabled: {
         type: "boolean";
-        default_value: false;
-        overrides: {
-            value: true;
-            if_any: {
-                key: "apiKey";
-                type: "isAnyOf";
-                values: string[];
-            }[];
-        }[];
+        default_value: true;
     };
     relay_bypass_source_chains_and_assets: {
         type: "string";

package/dist/wallets/walletConnectors/index.js

@@ -3,128 +3,131 @@ import {
   zealWallet
 } from "./chunk-RNBEDQHF.js";
 import {
-  zerionWallet
-} from "./chunk-SULRQO27.js";
-import {
-  talismanWallet
-} from "./chunk-DRO6WYMM.js";
-import {
-  subWallet
-} from "./chunk-JWFF4AAL.js";
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
 import {
-  tokenPocketWallet
-} from "./chunk-2L43XSW3.js";
+  xdefiWallet
+} from "./chunk-BOU4WKRZ.js";
 import {
-  trustWallet
-} from "./chunk-VYBAYMP3.js";
+  roninWallet
+} from "./chunk-NWIQNBJU.js";
 import {
   tokenaryWallet
 } from "./chunk-D6AOOO5F.js";
 import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
+  tahoWallet
+} from "./chunk-ZZZRUXZE.js";
+import {
+  tokenPocketWallet
+} from "./chunk-2L43XSW3.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
 import {
-  xdefiWallet
-} from "./chunk-BOU4WKRZ.js";
+  trustWallet
+} from "./chunk-VYBAYMP3.js";
+import {
+  talismanWallet
+} from "./chunk-DRO6WYMM.js";
+import {
+  zerionWallet
+} from "./chunk-SULRQO27.js";
 import {
   rabbyWallet
 } from "./chunk-BBOM42DL.js";
 import {
   rainbowWallet
 } from "./chunk-2KUBG3S6.js";
+import {
+  oneInchWallet
+} from "./chunk-OESTDX6I.js";
 import {
   ramperWallet
 } from "./chunk-BYXPFMI7.js";
 import {
-  safeWallet
-} from "./chunk-BQQQL6UD.js";
-import {
-  roninWallet
-} from "./chunk-NWIQNBJU.js";
+  safepalWallet
+} from "./chunk-NT2HYJKW.js";
 import {
   safeheronWallet
 } from "./chunk-RZIO5TFF.js";
 import {
-  safepalWallet
-} from "./chunk-NT2HYJKW.js";
+  safeWallet
+} from "./chunk-BQQQL6UD.js";
 import {
-  tahoWallet
-} from "./chunk-ZZZRUXZE.js";
+  subWallet
+} from "./chunk-JWFF4AAL.js";
 import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
+  mewWallet
+} from "./chunk-OL5ZO7E4.js";
+import {
+  injectedWallet
+} from "./chunk-XWUJE7MW.js";
 import {
   metaMaskWallet
 } from "./chunk-2HYNUNAS.js";
 import {
-  okxWallet
-} from "./chunk-TDIEHTMB.js";
+  omniWallet
+} from "./chunk-7CUY5G6R.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
 import {
-  omniWallet
-} from "./chunk-7CUY5G6R.js";
+  okxWallet
+} from "./chunk-TDIEHTMB.js";
 import {
-  oneInchWallet
-} from "./chunk-OESTDX6I.js";
+  phantomWallet
+} from "./chunk-362NXNTM.js";
 import {
   oneKeyWallet
 } from "./chunk-SHBUZ7U7.js";
-import {
-  phantomWallet
-} from "./chunk-362NXNTM.js";
 import {
   frameWallet
 } from "./chunk-IFON7E6U.js";
 import {
-  frontierWallet
-} from "./chunk-TCAGNB4B.js";
-import {
-  desigWallet
-} from "./chunk-OPAZMNA7.js";
+  foxWallet
+} from "./chunk-7QONTUXT.js";
 import {
   gateWallet
 } from "./chunk-FKJJQNKX.js";
+import {
+  frontierWallet
+} from "./chunk-TCAGNB4B.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
 import {
-  injectedWallet
-} from "./chunk-XWUJE7MW.js";
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
 import {
-  mewWallet
-} from "./chunk-OL5ZO7E4.js";
+  bybitWallet
+} from "./chunk-2STUC6QL.js";
 import {
   clvWallet
 } from "./chunk-M3NZ6R2E.js";
-import {
-  coinbaseWallet
-} from "./chunk-H4IRCEZN.js";
-import {
-  coreWallet
-} from "./chunk-VR4TBQ6S.js";
 import {
   coin98Wallet
 } from "./chunk-OBOVHCEI.js";
 import {
-  argentWallet
-} from "./chunk-WSQ2YJO2.js";
+  coinbaseWallet
+} from "./chunk-H4IRCEZN.js";
+import {
+  desigWallet
+} from "./chunk-OPAZMNA7.js";
 import {
   dawnWallet
 } from "./chunk-HWPKCIBE.js";
+import {
+  coreWallet
+} from "./chunk-VR4TBQ6S.js";
 import {
   enkryptWallet
 } from "./chunk-OLOIXTYS.js";
 import {
-  foxWallet
-} from "./chunk-7QONTUXT.js";
+  argentWallet
+} from "./chunk-WSQ2YJO2.js";
 import {
   bifrostWallet
 } from "./chunk-A5N6B5UW.js";
@@ -134,19 +137,16 @@ import {
 import {
   bitskiWallet
 } from "./chunk-HS3C7OQV.js";
-import {
-  bitverseWallet
-} from "./chunk-3HZRRP4Y.js";
 import {
   bloomWallet
 } from "./chunk-S27IADFU.js";
+import {
+  bitverseWallet
+} from "./chunk-3HZRRP4Y.js";
+import "./chunk-23WIEY36.js";
 import {
   braveWallet
 } from "./chunk-BPZ2XJO2.js";
-import {
-  bybitWallet
-} from "./chunk-2STUC6QL.js";
-import "./chunk-23WIEY36.js";
 import "./chunk-DNSG5Q7V.js";
 export {
   argentWallet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -47,7 +47,7 @@
     "@aws-sdk/client-cloudfront": "3.858.0",
     "@aws-sdk/client-s3": "3.840.0",
     "@chromatic-com/storybook": "^4.1.1",
-    "@meshconnect/node-api": "2.0.14",
+    "@meshconnect/node-api": "2.0.23",
     "@storybook/addon-docs": "^9.1.3",
     "@storybook/addon-links": "^9.1.3",
     "@storybook/react-vite": "^9.1.3",
@@ -94,12 +94,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.9.16",
-    "@funkit/chains": "0.3.9",
-    "@funkit/core": "2.3.41",
-    "@funkit/wagmi-tools": "3.0.63",
-    "@funkit/fun-relay": "1.0.1",
-    "@funkit/utils": "1.1.8"
+    "@funkit/api-base": "1.11.0",
+    "@funkit/core": "2.3.43",
+    "@funkit/fun-relay": "2.0.1",
+    "@funkit/chains": "0.3.10",
+    "@funkit/utils": "1.1.8",
+    "@funkit/wagmi-tools": "3.0.65"
   },
   "repository": {
     "type": "git",