@funkit/connect 6.5.0 → 6.7.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/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/FunkitProvider.d.ts

@@ -23,8 +23,7 @@ interface FunkitProviderInnerProps {
     sandbox?: boolean | undefined;
     modalSize?: ModalSizes;
 }
-export type FunkitWagmiConfig = Omit<CreateFunkitWagmiConfigParameters, 'funkitApiKey' | 'initialChainId' | 'chains' | 'appName'> & {
-    chains: Chain[];
+export type FunkitWagmiConfig = Omit<CreateFunkitWagmiConfigParameters, 'funkitApiKey' | 'initialChainId' | 'appName'> & {
     projectId: string;
 };
 export interface FunkitProviderProps extends Omit<FunkitProviderInnerProps, 'initialChain'> {

package/dist/providers/FunkitThemeProvider.d.ts

@@ -222,6 +222,9 @@ export declare const useActiveTheme: () => {
             notification: string;
             qrCode: string;
             buttonFocusedShadow: string;
+            buttonHoverShadow: string;
+            buttonDisabledShadow: string;
+            selectedDropdownItem: string;
         };
         spacing: {
             modalBaseHorizontalPadding: string;
@@ -439,6 +442,9 @@ export declare const useActiveTheme: () => {
             notification: string;
             qrCode: string;
             buttonFocusedShadow: string;
+            buttonHoverShadow: string;
+            buttonDisabledShadow: string;
+            selectedDropdownItem: string;
         };
         spacing: {
             modalBaseHorizontalPadding: string;
@@ -654,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-Z3KNAO7N.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-IR3HFYKM.js";
+} from "../chunk-AYGZMDTC.js";
 import "../chunk-7HKC2KCK.js";
 export {
   lightTheme

package/dist/utils/checkout.d.ts

@@ -54,7 +54,6 @@ 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;
@@ -62,6 +61,7 @@ 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/wallets/Wallet.d.ts

@@ -74,10 +74,11 @@ export interface DefaultWalletOptions {
     walletConnectParameters?: FunkitConnectWalletConnectParameters;
 }
 export type CreateWalletFn = (createWalletParams: CoinbaseWalletOptions & Omit<WalletConnectWalletOptions, 'projectId'> & DefaultWalletOptions) => Wallet;
-export type WalletList = {
+type WalletListEntry = {
     groupName: string;
     wallets: CreateWalletFn[];
-}[];
+};
+export type WalletList = [WalletListEntry, ...WalletListEntry[]];
 export type FunkitConnectWalletConnectParameters = Omit<WalletConnectParameters, 'showQrModal' | 'projectId'>;
 export type FunkitConnectDetails = Omit<Wallet, 'createConnector' | 'hidden'> & {
     index: number;

package/dist/wallets/walletConnectors/index.js

@@ -2,24 +2,24 @@
 import {
   xdefiWallet
 } from "./chunk-BOU4WKRZ.js";
-import {
-  zealWallet
-} from "./chunk-RNBEDQHF.js";
 import {
   zerionWallet
 } from "./chunk-Q3H3TRBS.js";
 import {
-  safepalWallet
-} from "./chunk-EC6CHBSZ.js";
+  zealWallet
+} from "./chunk-RNBEDQHF.js";
+import {
+  subWallet
+} from "./chunk-ZSI5N4VV.js";
 import {
   tahoWallet
 } from "./chunk-ZZZRUXZE.js";
-import {
-  talismanWallet
-} from "./chunk-DRO6WYMM.js";
 import {
   tokenPocketWallet
 } from "./chunk-J3LI3FYZ.js";
+import {
+  talismanWallet
+} from "./chunk-DRO6WYMM.js";
 import {
   tokenaryWallet
 } from "./chunk-D6AOOO5F.js";
@@ -44,51 +44,51 @@ import {
 import {
   roninWallet
 } from "./chunk-QLVVUKYB.js";
-import {
-  ramperWallet
-} from "./chunk-BYXPFMI7.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
+import {
+  ramperWallet
+} from "./chunk-BYXPFMI7.js";
 import {
   safeheronWallet
 } from "./chunk-RZIO5TFF.js";
 import {
-  subWallet
-} from "./chunk-ZSI5N4VV.js";
-import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
+  safepalWallet
+} from "./chunk-EC6CHBSZ.js";
 import {
   metaMaskWallet
 } from "./chunk-UYGJO62F.js";
+import {
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
 import {
   mewWallet
 } from "./chunk-OL5ZO7E4.js";
+import {
+  oneInchWallet
+} from "./chunk-OESTDX6I.js";
 import {
   okxWallet
 } from "./chunk-AFXHGWBH.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
-import {
-  oneInchWallet
-} from "./chunk-OESTDX6I.js";
 import {
   oneKeyWallet
 } from "./chunk-SHBUZ7U7.js";
 import {
   foxWallet
 } from "./chunk-CNPKISHN.js";
-import {
-  frontierWallet
-} from "./chunk-VWCLFMWJ.js";
 import {
   frameWallet
 } from "./chunk-IFON7E6U.js";
+import {
+  frontierWallet
+} from "./chunk-VWCLFMWJ.js";
 import {
   gateWallet
 } from "./chunk-CJGUM55H.js";
@@ -101,39 +101,36 @@ import {
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
-import {
-  clvWallet
-} from "./chunk-2GJQ4XZQ.js";
 import {
   bybitWallet
 } from "./chunk-LNEC5RNX.js";
+import {
+  clvWallet
+} from "./chunk-2GJQ4XZQ.js";
 import {
   coin98Wallet
 } from "./chunk-KIDC67XJ.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
-import {
-  dawnWallet
-} from "./chunk-HWPKCIBE.js";
 import {
   coreWallet
 } from "./chunk-JCHN6A47.js";
 import {
-  desigWallet
-} from "./chunk-OPAZMNA7.js";
+  dawnWallet
+} from "./chunk-HWPKCIBE.js";
 import {
   enkryptWallet
 } from "./chunk-OLOIXTYS.js";
+import {
+  desigWallet
+} from "./chunk-OPAZMNA7.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
 import {
   bifrostWallet
 } from "./chunk-UIASLGLV.js";
-import {
-  bitgetWallet
-} from "./chunk-5W7VDOCL.js";
 import {
   bitskiWallet
 } from "./chunk-HS3C7OQV.js";
@@ -143,6 +140,9 @@ import {
 import {
   braveWallet
 } from "./chunk-BPZ2XJO2.js";
+import {
+  bitgetWallet
+} from "./chunk-5W7VDOCL.js";
 import "./chunk-DNSG5Q7V.js";
 import {
   bloomWallet

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "6.5.0",
+  "version": "6.7.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -94,12 +94,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.10.0",
-    "@funkit/fun-relay": "2.0.0",
-    "@funkit/core": "2.3.42",
-    "@funkit/utils": "1.1.8",
+    "@funkit/api-base": "1.11.0",
+    "@funkit/core": "2.3.43",
     "@funkit/chains": "0.3.10",
-    "@funkit/wagmi-tools": "3.0.64"
+    "@funkit/fun-relay": "2.0.1",
+    "@funkit/utils": "1.1.8",
+    "@funkit/wagmi-tools": "3.0.65"
   },
   "repository": {
     "type": "git",