@funkit/connect 6.14.7 → 6.14.9-next.0

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

@@ -0,0 +1,20 @@
+export declare enum FunCheckoutStep {
+    LOADING_ACCOUNT = "loading_account",
+    INPUT_AMOUNT = "input_amount",
+    SOURCE_CHANGE = "source_change",
+    CONFIRMATION = "confirmation",
+    MOONPAY_SETUP = "payment_setup",
+    SELECT_ASSET = "select_asset",
+    CHECKOUT_COMPLETE = "checkout_complete",
+    CHECKOUT_HELP = "checkout_help",
+    TRANSFER_TOKEN = "transfer_token",
+    CREATE_FIAT_ACCOUNT = "create_fiat_account",
+    BRIDGE_CUSTOMER = "bridge_customer",
+    BRIDGE_KYC = "bridge_kyc",
+    KYC_IFRAME = "KYC_IFRAME",
+    FIAT_ACCOUNT_DETAIL = "fiat_account_detail",
+    ERROR_SCREEN = "error_screen",
+    MELD_QUOTES = "meld_quotes",
+    MELD_CURRENCY_SELECT = "meld_currency_select",
+    DIRECT_EXECUTION_NOTIF_CENTER = "direct_execution_notif_center"
+}

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

@@ -56,7 +56,10 @@ export interface AmountInputState {
 export interface AmountInputDerivedState extends AmountInputState {
     inputDecimals: number;
     inputError: AmountInputError | null;
-    inputPrefix: string;
+    inputAffix: {
+        content: string;
+        type: 'prefix' | 'suffix';
+    };
     isValid: boolean;
     placeholder: string;
 }

package/dist/modals/CheckoutModal/TransferToken/CheckoutNotifications.track.d.ts

@@ -0,0 +1,3 @@
+import { type TrackEventData } from '~/hooks/track/useTrack';
+import type { NotificationItem } from './types';
+export declare const trackEventFromNotification: (item: NotificationItem) => TrackEventData;

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

@@ -9,6 +9,7 @@ import { type CheckoutCompleteNext, type CheckoutCompleteState } from './Checkou
 import { type CheckoutHelpState } from './CheckoutHelp/CheckoutHelp';
 import { type ConfirmationStepNext, type ConfirmationStepState } from './ConfirmationStep/ConfirmationStep';
 import { type DirectExecutionNotifCenterState } from './DirectExecutionNotifCenter/DirectExecutionNotifCenter';
+import { FunCheckoutStep } from './FunCheckoutStep';
 import { type InputAmountNext, type InputAmountState } from './InputAmount/InputAmount';
 import { type LoadingAccountNext, type LoadingAccountState } from './LoadingAccount';
 import { type MeldCurrencySelectNext, type MeldCurrencySelectState } from './MeldCurrencySelect/MeldCurrencySelect';
@@ -19,6 +20,7 @@ import { type SourceChangeNext, type SourceChangeState } from './SourceChange/So
 import { type TransferTokenNext, type TransferTokenState } from './TransferToken/TransferToken';
 import { type FiatAccountDetailNext, type FiatAccountDetailState } from './VirtualFiatAccount/FiatAccountDetail';
 import { type KycIframeNext, type KycIframeState } from './VirtualFiatAccount/KycIframe';
+export { FunCheckoutStep };
 export interface CheckoutModalCommonState {
     checkoutId: string;
     /** Handles soft hiding of the dialog (without removing it from the DOM) */
@@ -39,26 +41,6 @@ export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckout
     setModalState(state: SetStateAction<CheckoutModalState<S>>): void;
 }
 export declare function extractCommonState(state: CheckoutModalState): CheckoutModalCommonState;
-export declare enum FunCheckoutStep {
-    LOADING_ACCOUNT = "loading_account",
-    INPUT_AMOUNT = "input_amount",
-    SOURCE_CHANGE = "source_change",
-    CONFIRMATION = "confirmation",
-    MOONPAY_SETUP = "payment_setup",
-    SELECT_ASSET = "select_asset",
-    CHECKOUT_COMPLETE = "checkout_complete",
-    CHECKOUT_HELP = "checkout_help",
-    TRANSFER_TOKEN = "transfer_token",
-    CREATE_FIAT_ACCOUNT = "create_fiat_account",
-    BRIDGE_CUSTOMER = "bridge_customer",
-    BRIDGE_KYC = "bridge_kyc",
-    KYC_IFRAME = "KYC_IFRAME",
-    FIAT_ACCOUNT_DETAIL = "fiat_account_detail",
-    ERROR_SCREEN = "error_screen",
-    MELD_QUOTES = "meld_quotes",
-    MELD_CURRENCY_SELECT = "meld_currency_select",
-    DIRECT_EXECUTION_NOTIF_CENTER = "direct_execution_notif_center"
-}
 interface ModalStepInput<S extends FunCheckoutStep> {
     state: CheckoutModalState<S>;
     apiKey: string;
@@ -81,7 +63,7 @@ export type ModalStepInfo<S extends FunCheckoutStep> = {
 export declare const CheckoutModalSteps: {
     [S in FunCheckoutStep]: ModalStepInfo<S>;
 };
-type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
+export type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
     [T in S]: {
         [FunCheckoutStep.CHECKOUT_COMPLETE]: CheckoutCompleteState;
         [FunCheckoutStep.CHECKOUT_HELP]: CheckoutHelpState;
@@ -151,4 +133,3 @@ export declare function useTitleConfig<S extends FunCheckoutStep>(checkoutItem:
     showFullHeight: boolean;
     title: string;
 };
-export {};

package/dist/modals/CheckoutModal/stepTransition.track.d.ts

@@ -0,0 +1,4 @@
+import { type TrackEventData } from '~/hooks/track/useTrack';
+import { FunCheckoutStep } from './FunCheckoutStep';
+import type { CheckoutModalState } from './stepTransition';
+export declare const trackEventFromNextState: (nextState: CheckoutModalState<FunCheckoutStep>) => TrackEventData;

package/dist/providers/FunkitCheckoutContext.track.d.ts

@@ -0,0 +1,10 @@
+import { type TrackEventData } from '~/hooks/track/useTrack';
+import type { FunkitActiveCheckoutItem } from './FunkitCheckoutContext';
+export declare const trackEventFromActiveCheckoutItem: (activeCheckoutItem: FunkitActiveCheckoutItem) => TrackEventData;
+import type { RelayTxHash, RelayVmType } from '@funkit/fun-relay';
+import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+export declare const trackEventFromDirectExecutionConfirmed: ({ txHash, checkoutItem, latestQuote, }: {
+    txHash: RelayTxHash<RelayVmType>;
+    checkoutItem: FunkitActiveCheckoutItem;
+    latestQuote: FunkitCheckoutQuoteResult;
+}) => TrackEventData;

package/dist/providers/FunkitQuoteContext.track.d.ts

@@ -0,0 +1,4 @@
+import { type TrackEventData } from '~/hooks/track/useTrack';
+import type { FunkitActiveCheckoutItem } from './FunkitCheckoutContext';
+import type { FunkitCheckoutQuoteResult } from './FunkitHistoryContext';
+export declare const trackEventFromFinalQuote: (finalEstimation: FunkitCheckoutQuoteResult, checkoutItem: FunkitActiveCheckoutItem) => TrackEventData;

package/dist/providers/FunkitStatsigProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+interface FunkitStatsigProviderProps {
+    children: ReactNode;
+    isDevelopment?: boolean;
+}
+export declare function FunkitStatsigProvider({ children, isDevelopment, }: FunkitStatsigProviderProps): React.JSX.Element;
+export {};

package/dist/providers/FunkitThemeProvider.d.ts

@@ -68,6 +68,7 @@ export declare const useActiveTheme: () => {
             buttonWarning: string;
             buttonSuccess: string;
             buttonTextPrimary: string;
+            buttonTextHover: string;
             buttonTextDisabled: string;
             transparent: string;
             buttonBackgroundTertiary: string;
@@ -86,6 +87,9 @@ export declare const useActiveTheme: () => {
             buttonIconStroke: string;
             buttonBorderFocusedTertiary: string;
             buttonFocusedOutline: string;
+            buttonBorderGradient: string;
+            buttonHoverBorderGradient: string;
+            buttonDisabledBorderGradient: string;
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
@@ -228,6 +232,7 @@ export declare const useActiveTheme: () => {
             dropdown: string;
             notification: string;
             qrCode: string;
+            buttonShadow: string;
             buttonFocusedShadow: string;
             buttonHoverShadow: string;
             buttonFocusedShadowTertiary: string;
@@ -297,6 +302,7 @@ export declare const useActiveTheme: () => {
             buttonWarning: string;
             buttonSuccess: string;
             buttonTextPrimary: string;
+            buttonTextHover: string;
             buttonTextDisabled: string;
             transparent: string;
             buttonBackgroundTertiary: string;
@@ -315,6 +321,9 @@ export declare const useActiveTheme: () => {
             buttonIconStroke: string;
             buttonBorderFocusedTertiary: string;
             buttonFocusedOutline: string;
+            buttonBorderGradient: string;
+            buttonHoverBorderGradient: string;
+            buttonDisabledBorderGradient: string;
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
@@ -457,6 +466,7 @@ export declare const useActiveTheme: () => {
             dropdown: string;
             notification: string;
             qrCode: string;
+            buttonShadow: string;
             buttonFocusedShadow: string;
             buttonHoverShadow: string;
             buttonFocusedShadowTertiary: string;
@@ -524,6 +534,7 @@ export declare const useActiveTheme: () => {
             buttonWarning: string;
             buttonSuccess: string;
             buttonTextPrimary: string;
+            buttonTextHover: string;
             buttonTextDisabled: string;
             transparent: string;
             buttonBackgroundTertiary: string;
@@ -542,6 +553,9 @@ export declare const useActiveTheme: () => {
             buttonIconStroke: string;
             buttonBorderFocusedTertiary: string;
             buttonFocusedOutline: string;
+            buttonBorderGradient: string;
+            buttonHoverBorderGradient: string;
+            buttonDisabledBorderGradient: string;
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
@@ -684,6 +698,7 @@ export declare const useActiveTheme: () => {
             dropdown: string;
             notification: string;
             qrCode: string;
+            buttonShadow: string;
             buttonFocusedShadow: string;
             buttonHoverShadow: string;
             buttonFocusedShadowTertiary: string;

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-CSLMZ5KJ.js";
+} from "../chunk-3SMGLDNF.js";
 import "../chunk-WCUXJAGT.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-4WTYVVDI.js";
+} from "../chunk-XH2UUILF.js";
 import "../chunk-WCUXJAGT.js";
 export {
   lightTheme

package/dist/utils/checkout.d.ts

@@ -55,6 +55,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;
@@ -62,7 +63,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;
@@ -96,9 +96,10 @@ export declare function getCheckoutReceivedAmountFormatted({ config, quote, }: {
  * - e.g. "0.12345 ETH"
  * Ideally, should be used via the hook `useCheckoutItemDisplay` to handle the customer cutomization check.
  */
-export declare function getCheckoutItemDisplay({ checkoutConfig, hideAmount, }: {
+export declare function getCheckoutItemDisplay({ checkoutConfig, hideAmount, overrideAmount, }: {
     checkoutConfig: FunkitCheckoutConfig | ServerCheckoutConfig;
     hideAmount?: boolean;
+    overrideAmount?: number;
 }): string;
 /**
  * Given the result of a quote, calculate the effective fees (in source asset).
@@ -152,4 +153,14 @@ export type MergedCheckoutHistoryItem = {
     directExecution: true;
 }));
 export declare function toMergedCheckoutHistoryItem(item: CheckoutHistoryItem | DirectExecution): MergedCheckoutHistoryItem;
+export declare function isVaultDepositCheckout(checkoutConfig: FunkitCheckoutConfig, sourceHolding: {
+    chainId: string;
+    tokenAddress: string;
+}): boolean;
+/** some additional staking token will be performed after swap. We need to calculate the final destination token amount */
+export declare function computeDisplayDestinationToken(checkoutConfig: FunkitCheckoutConfig | ServerCheckoutConfig | undefined, displayAssetAmount: number): {
+    stakingTokenAmount: number;
+    stakingTokenSymbol: string;
+    stakingTokenIcon: string;
+};
 export {};

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

@@ -1,3 +1,4 @@
+import type { Override } from './types';
 export declare const flagConfig: {
     readonly supported_exchanges_v2: {
         readonly type: "string";
@@ -17,7 +18,7 @@ export declare const flagConfig: {
             readonly if_any: [{
                 readonly key: "apiKey";
                 readonly type: "isAnyOf";
-                readonly values: ["Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "OXLUmejkh9PlNDS4gSvi9gcEWacOpTz2KUVepVf4"];
+                readonly values: ["Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6", "OXLUmejkh9PlNDS4gSvi9gcEWacOpTz2KUVepVf4", "lUzTaIRxs95iin3pCAafB1ChA5akBiuQ1tjhXnau", "di9ZSqn1Ya68Y2XpBPUV1rCtNGXh8Xe5MGWzb1Xe"];
             }];
             readonly value: "";
         }];
@@ -41,7 +42,7 @@ export declare const flagConfig: {
     readonly enable_token_transfer: {
         readonly type: "boolean";
         readonly default_value: false;
-        readonly overrides: [{
+        readonly overrides: [Override<boolean>, {
             readonly if_any: [{
                 readonly key: "apiKey";
                 readonly type: "isAnyOf";
@@ -53,7 +54,7 @@ export declare const flagConfig: {
     readonly enable_fiat_deposit: {
         readonly type: "boolean";
         readonly default_value: false;
-        readonly overrides: [{
+        readonly overrides: [Override<boolean>, {
             readonly if_any: [{
                 readonly key: "userId";
                 readonly type: "isAnyOf";
@@ -126,6 +127,13 @@ export declare const flagConfig: {
                 readonly values: ["vWe20Dfyui2ouvfOhtSTY3Czeo8lFdbo5xXQBALZ"];
             }];
             readonly value: string;
+        }, {
+            readonly if_any: [{
+                readonly key: "apiKey";
+                readonly type: "isAnyOf";
+                readonly values: ["Y53dikxXdT4E3afI1l8BMBSWgyhKvf65k6Dut1k6"];
+            }];
+            readonly value: string;
         }];
     };
     readonly is_checkout_activated: {
@@ -176,7 +184,7 @@ export declare const flagConfig: {
     readonly enable_card: {
         readonly type: "boolean";
         readonly default_value: true;
-        readonly overrides: [{
+        readonly overrides: [Override<boolean>, {
             readonly if_any: [{
                 readonly key: "userId";
                 readonly type: "isAnyOf";

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

@@ -19,7 +19,7 @@ export interface StringFlagConfig {
     overrides?: Override<string>[];
 }
 export type InferFlagType<F extends FlagConfig> = F['type'] extends 'number' ? number : F['type'] extends 'string' ? string : F['type'] extends 'boolean' ? boolean : never;
-type Override<T> = {
+export type Override<T> = {
     /** non-empty list of conditions, any condition will cause the value to match */
     if_any: Condition[];
     /** non-empty list of conditions, all condition will cause the value to match */

package/dist/wallets/useWalletConnectors.d.ts

@@ -1,9 +1,6 @@
-import { type Config } from 'wagmi';
-import type { ConnectMutateAsync } from 'wagmi/query';
 import type { WalletInstance } from './Wallet';
 export interface WalletConnector extends WalletInstance {
     ready?: boolean;
-    connect: () => ReturnType<ConnectMutateAsync<Config, unknown>>;
     showWalletConnectModal?: () => void;
     recent: boolean;
     mobileDownloadUrl?: string;

package/dist/wallets/walletConnectors/index.js

@@ -1,10 +1,10 @@
 "use client";
+import {
+  tokenaryWallet
+} from "./chunk-D6AOOO5F.js";
 import {
   xdefiWallet
 } from "./chunk-BOU4WKRZ.js";
-import {
-  zealWallet
-} from "./chunk-RNBEDQHF.js";
 import {
   zerionWallet
 } from "./chunk-Q3H3TRBS.js";
@@ -14,75 +14,72 @@ import {
 import {
   tahoWallet
 } from "./chunk-ZZZRUXZE.js";
+import {
+  trustWallet
+} from "./chunk-RKPCWHXL.js";
 import {
   talismanWallet
 } from "./chunk-DRO6WYMM.js";
-import {
-  tokenPocketWallet
-} from "./chunk-J3LI3FYZ.js";
-import {
-  tokenaryWallet
-} from "./chunk-D6AOOO5F.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
+import {
+  tokenPocketWallet
+} from "./chunk-J3LI3FYZ.js";
 import {
   walletConnectWallet
 } from "./chunk-NP5QGWNL.js";
 import {
-  trustWallet
-} from "./chunk-RKPCWHXL.js";
+  zealWallet
+} from "./chunk-RNBEDQHF.js";
 import {
-  oneKeyWallet
-} from "./chunk-SHBUZ7U7.js";
+  rabbyWallet
+} from "./chunk-BBOM42DL.js";
 import {
-  oneInchWallet
-} from "./chunk-OESTDX6I.js";
+  rainbowWallet
+} from "./chunk-3CICVJUN.js";
 import {
   roninWallet
 } from "./chunk-QLVVUKYB.js";
+import {
+  phantomWallet
+} from "./chunk-362NXNTM.js";
 import {
   ramperWallet
 } from "./chunk-BYXPFMI7.js";
-import {
-  rainbowWallet
-} from "./chunk-3CICVJUN.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
-import {
-  safeheronWallet
-} from "./chunk-RZIO5TFF.js";
 import {
   safepalWallet
 } from "./chunk-EC6CHBSZ.js";
 import {
-  injectedWallet
-} from "./chunk-XWUJE7MW.js";
+  safeheronWallet
+} from "./chunk-RZIO5TFF.js";
+import {
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   metaMaskWallet
 } from "./chunk-UYGJO62F.js";
-import {
-  mewWallet
-} from "./chunk-OL5ZO7E4.js";
 import {
   okxWallet
 } from "./chunk-AFXHGWBH.js";
 import {
-  oktoWallet
-} from "./chunk-ADIXAKUL.js";
+  mewWallet
+} from "./chunk-OL5ZO7E4.js";
+import {
+  oneInchWallet
+} from "./chunk-OESTDX6I.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
 import {
-  rabbyWallet
-} from "./chunk-BBOM42DL.js";
-import {
-  phantomWallet
-} from "./chunk-362NXNTM.js";
+  oktoWallet
+} from "./chunk-ADIXAKUL.js";
 import {
-  frontierWallet
-} from "./chunk-VWCLFMWJ.js";
+  oneKeyWallet
+} from "./chunk-SHBUZ7U7.js";
 import {
   foxWallet
 } from "./chunk-CNPKISHN.js";
@@ -92,27 +89,30 @@ import {
 import {
   gateWallet
 } from "./chunk-CJGUM55H.js";
+import {
+  imTokenWallet
+} from "./chunk-COZ7MIQS.js";
+import {
+  frontierWallet
+} from "./chunk-VWCLFMWJ.js";
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
 import {
-  imTokenWallet
-} from "./chunk-COZ7MIQS.js";
+  injectedWallet
+} from "./chunk-XWUJE7MW.js";
 import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
+  bybitWallet
+} from "./chunk-LNEC5RNX.js";
+import {
+  coinbaseWallet
+} from "./chunk-H4IRCEZN.js";
 import {
   clvWallet
 } from "./chunk-2GJQ4XZQ.js";
-import {
-  braveWallet
-} from "./chunk-BPZ2XJO2.js";
 import {
   coin98Wallet
 } from "./chunk-KIDC67XJ.js";
-import {
-  coinbaseWallet
-} from "./chunk-H4IRCEZN.js";
 import {
   dawnWallet
 } from "./chunk-HWPKCIBE.js";
@@ -128,9 +128,6 @@ import {
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
-import {
-  bitverseWallet
-} from "./chunk-3HZRRP4Y.js";
 import {
   bifrostWallet
 } from "./chunk-UIASLGLV.js";
@@ -141,8 +138,11 @@ import {
   bitskiWallet
 } from "./chunk-HS3C7OQV.js";
 import {
-  bybitWallet
-} from "./chunk-LNEC5RNX.js";
+  bitverseWallet
+} from "./chunk-3HZRRP4Y.js";
+import {
+  braveWallet
+} from "./chunk-BPZ2XJO2.js";
 import "./chunk-DNSG5Q7V.js";
 import {
   bloomWallet

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "6.14.7",
+  "version": "6.14.9-next.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -78,11 +78,12 @@
     "@number-flow/react": "^0.5.5",
     "@privy-io/js-sdk-core": "^0.21.0",
     "@solana/addresses": "^2.1.0",
+    "@statsig/react-bindings": "^3.25.4",
     "@types/uuid": "^9.0.8",
     "@vanilla-extract/css": "1.15.3",
     "@vanilla-extract/dynamic": "2.1.0",
     "@vanilla-extract/sprinkles": "1.6.1",
-    "@wagmi/core": "2.17.2",
+    "@wagmi/core": "2.21.1",
     "bech32": "^2.0.0",
     "clsx": "2.1.1",
     "motion": "^12.0.11",
@@ -92,12 +93,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.12.6",
-    "@funkit/fun-relay": "2.0.5",
+    "@funkit/api-base": "1.12.8-next.0",
     "@funkit/chains": "0.4.1",
-    "@funkit/utils": "1.1.12",
-    "@funkit/core": "2.3.51",
-    "@funkit/wagmi-tools": "3.0.74"
+    "@funkit/fun-relay": "2.1.0",
+    "@funkit/utils": "1.2.0-next.0",
+    "@funkit/core": "2.3.53-next.0",
+    "@funkit/wagmi-tools": "3.0.76-next.0"
   },
   "repository": {
     "type": "git",