@funkit/connect 5.0.0 → 5.0.2

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

@@ -5,6 +5,7 @@ import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition
 interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
     sourceHolding: AssetHoldingsItem | null;
     checkoutConfig: FunkitCheckoutConfig;
+    /** unit price of target asset */
     unitPrice: number;
     isCardCheckout: boolean;
 }

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

@@ -4,4 +4,4 @@ export declare const USD_DECIMALS = 2;
 export declare const USD_INITIAL_AMOUNT = 100;
 export declare const USD_PREFIX = "$";
 export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, maxUsd: number): number | null;
-export declare function getUsdMinAmount(paymentMethod: PaymentMethod, minUsd?: number): number;
+export declare function getUsdMinAmount(paymentMethod: PaymentMethod, minUsd?: number | undefined): number;

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

@@ -42,6 +42,7 @@ export declare enum FunCheckoutStep {
 export type ModalStepInfo<S extends FunCheckoutStep> = {
     Component: ComponentType<ModalStepComponentProps<S>>;
     disableBack?: boolean;
+    onBack?(state: CheckoutModalState<S>, prevState: CheckoutModalState): CheckoutModalState;
     onNext(state: CheckoutModalState<S>, payload: NextPayload<S>): CheckoutModalState;
     showFullHeight?: boolean;
     /** Defaults to checkoutItem.initSettings.config.modalTitle (returning undefined uses default) */

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -1,16 +1,10 @@
-import { type ApiCheckoutClientMetadata, type ApiFunkitCheckoutConfig, type FunAddress } from '@funkit/api-base';
+import { type ApiCheckoutClientMetadata, type ApiFunkitCheckoutActionParams, type ApiFunkitCheckoutConfig, type FunAddress } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
-import { type Abi, type Address } from 'viem';
+import { type Address } from 'viem';
 import type { AssetHoldingsItem } from '~/utils/assets';
-import type { PaymentMethodInfo } from '../domains/paymentMethods';
+import { type PaymentMethodInfo } from '../domains/paymentMethods';
 import { type FunkitCheckoutQuoteResult } from './FunkitHistoryContext';
-export interface FunkitCheckoutActionParams {
-    contractAbi: Abi;
-    contractAddress: Address;
-    functionName: string;
-    functionArgs: unknown[];
-    value?: bigint;
-}
+export type FunkitCheckoutActionParams = ApiFunkitCheckoutActionParams;
 export interface DynamicTargetAssetCandidate {
     tokenAddress: Address;
     tokenChainId: string;
@@ -18,6 +12,7 @@ export interface DynamicTargetAssetCandidate {
     tokenSymbol: string;
     isDefault?: boolean;
     badgeText?: string;
+    targetAssetMinAmount?: number;
 }
 export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'generateActionsParams' | 'customRecipient' | 'modalTitle' | 'iconSrc' | 'modalTitleMeta' | 'externalCheckoutUserId'> {
     /** List of contract action params **/
@@ -47,6 +42,8 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     externalCheckoutUserId?: string;
     /** a list of candidate assets to be chosen dynamically */
     dynamicTargetAssetCandidates?: DynamicTargetAssetCandidate[];
+    /** minimal toAmount needed to proceed checkout. Checked after quote */
+    targetAssetMinAmount?: number;
 }
 interface FunkitCheckoutValidationResult {
     isValid: boolean;
@@ -110,6 +107,7 @@ interface FunkitCheckoutContextInterface {
         targetAsset: Address;
         targetChain: string;
         targetAssetTicker: string;
+        targetAssetMinAmount: number | undefined;
         iconSrc: string | undefined;
     }): void;
     updateSelectedPaymentMethodInfo(newPaymentMethodInfo: PaymentMethodInfo): void;

package/dist/providers/FunkitConfigContext.d.ts

@@ -16,6 +16,8 @@ export interface FunkitUiDestinationConfig {
     icon?: ReactNode;
     /** What text to show in the `destination` row - defaults to formatted destination wallet address  */
     text?: string;
+    /** Which url to redirect to. If not specified, defaults to the block explorer of the recipientAddr of the checkout*/
+    url?: string;
 }
 export interface FunkitUiCustomizationsConfig {
     confirmationScreen?: {

package/dist/providers/FunkitThemeProvider.d.ts

@@ -47,6 +47,7 @@ export declare const useActiveTheme: () => {
             modalBorder: string;
             notificationPrimary: string;
             offBackground: string;
+            offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
@@ -154,6 +155,7 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            vertexDropdown: string;
         };
         blurs: {
             modalOverlay: string;
@@ -189,6 +191,7 @@ export declare const useActiveTheme: () => {
             modalBorder: string;
             notificationPrimary: string;
             offBackground: string;
+            offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
@@ -296,6 +299,7 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            vertexDropdown: string;
         };
         blurs: {
             modalOverlay: string;
@@ -329,6 +333,7 @@ export declare const useActiveTheme: () => {
             modalBorder: string;
             notificationPrimary: string;
             offBackground: string;
+            offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
@@ -436,6 +441,7 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            vertexDropdown: string;
         };
         blurs: {
             modalOverlay: string;

package/dist/themes/baseTheme.d.ts

@@ -8,7 +8,7 @@ declare const fontStacks: {
 };
 type FontStack = keyof typeof fontStacks;
 type RadiusScale = 'large' | 'medium' | 'small' | 'none';
-type Blurs = 'small' | 'large' | 'none';
+type Blurs = 'tiny' | 'small' | 'large' | 'none';
 type FontSizeType = 'regular' | 'small';
 interface BaseThemeOptions {
     customFontWeights?: Partial<ThemeVars['fontWeight']>;

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-2LVAEHB2.js";
+} from "../chunk-2T4ZDGAO.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-ZQ7UHAVV.js";
-import "../chunk-2LVAEHB2.js";
+} from "../chunk-3OKZVQR2.js";
+import "../chunk-2T4ZDGAO.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-7RFJFAFX.js";
-import "../chunk-2LVAEHB2.js";
+} from "../chunk-LEZIQHUN.js";
+import "../chunk-2T4ZDGAO.js";
 export {
   lightTheme
 };

package/dist/utils/checkout.d.ts

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

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

@@ -106,4 +106,8 @@ export declare const flagConfig: {
         type: "boolean";
         default_value: true;
     };
+    show_info_banner: {
+        type: "string";
+        default_value: string;
+    };
 };

package/dist/wallets/walletConnectors/index.js

@@ -1,76 +1,73 @@
 "use client";
 import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
+  zealWallet
+} from "./chunk-JROWU5BP.js";
 import {
   zerionWallet
 } from "./chunk-AXWP3GD4.js";
 import {
-  zealWallet
-} from "./chunk-JROWU5BP.js";
+  tokenaryWallet
+} from "./chunk-SLOIIJGP.js";
 import {
-  talismanWallet
-} from "./chunk-ABFSXBE6.js";
+  tahoWallet
+} from "./chunk-6P2EMPZI.js";
 import {
   safepalWallet
 } from "./chunk-MSFKSQBY.js";
-import {
-  tokenPocketWallet
-} from "./chunk-IDKVN5CF.js";
-import {
-  tokenaryWallet
-} from "./chunk-SLOIIJGP.js";
 import {
   trustWallet
 } from "./chunk-ISIBREBO.js";
 import {
-  uniswapWallet
-} from "./chunk-LH7BMNFZ.js";
+  talismanWallet
+} from "./chunk-ABFSXBE6.js";
 import {
-  xdefiWallet
-} from "./chunk-NO7XMBB5.js";
+  tokenPocketWallet
+} from "./chunk-IDKVN5CF.js";
 import {
-  tahoWallet
-} from "./chunk-6P2EMPZI.js";
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
 import {
-  phantomWallet
-} from "./chunk-ZSVTX6EK.js";
+  xdefiWallet
+} from "./chunk-NO7XMBB5.js";
 import {
-  ramperWallet
-} from "./chunk-PIUNLQJG.js";
+  uniswapWallet
+} from "./chunk-LH7BMNFZ.js";
 import {
   rabbyWallet
 } from "./chunk-BVX4XGNP.js";
 import {
-  roninWallet
-} from "./chunk-63YLN6R5.js";
+  oneInchWallet
+} from "./chunk-OESTDX6I.js";
 import {
   rainbowWallet
 } from "./chunk-2UCNRD7H.js";
 import {
-  safeWallet
-} from "./chunk-BQQQL6UD.js";
+  roninWallet
+} from "./chunk-63YLN6R5.js";
 import {
   safeheronWallet
 } from "./chunk-R6RWZRFF.js";
+import {
+  ramperWallet
+} from "./chunk-PIUNLQJG.js";
 import {
   subWallet
 } from "./chunk-AD2KIJB6.js";
 import {
-  metaMaskWallet
-} from "./chunk-G73C6P5P.js";
+  safeWallet
+} from "./chunk-BQQQL6UD.js";
+import {
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   mewWallet
 } from "./chunk-V57WLZEE.js";
+import {
+  metaMaskWallet
+} from "./chunk-G73C6P5P.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
-import {
-  oneInchWallet
-} from "./chunk-OESTDX6I.js";
-import {
-  oneKeyWallet
-} from "./chunk-4AD7VI2P.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
@@ -78,11 +75,11 @@ import {
   okxWallet
 } from "./chunk-4WEHDI4Y.js";
 import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
+  oneKeyWallet
+} from "./chunk-4AD7VI2P.js";
 import {
-  foxWallet
-} from "./chunk-LMZMXEXL.js";
+  phantomWallet
+} from "./chunk-ZSVTX6EK.js";
 import {
   frameWallet
 } from "./chunk-ZMYVTWDF.js";
@@ -90,63 +87,66 @@ import {
   frontierWallet
 } from "./chunk-3S2U24BJ.js";
 import {
-  injectedWallet
-} from "./chunk-VCVVV2K7.js";
+  desigWallet
+} from "./chunk-CTU6JCOK.js";
 import {
-  gateWallet
-} from "./chunk-GSOYKKIS.js";
+  imTokenWallet
+} from "./chunk-COZ7MIQS.js";
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
 import {
-  imTokenWallet
-} from "./chunk-COZ7MIQS.js";
+  injectedWallet
+} from "./chunk-VCVVV2K7.js";
+import {
+  gateWallet
+} from "./chunk-GSOYKKIS.js";
 import {
   bybitWallet
 } from "./chunk-6ONTSPEY.js";
 import {
   clvWallet
 } from "./chunk-KR6JBW5E.js";
-import {
-  coinbaseWallet
-} from "./chunk-H4IRCEZN.js";
-import {
-  dawnWallet
-} from "./chunk-LN7OD5EC.js";
 import {
   coreWallet
 } from "./chunk-HBA36GW3.js";
 import {
-  desigWallet
-} from "./chunk-CTU6JCOK.js";
+  bitgetWallet
+} from "./chunk-A5APNTGL.js";
 import {
-  coin98Wallet
-} from "./chunk-DTRYS3MO.js";
+  dawnWallet
+} from "./chunk-LN7OD5EC.js";
+import {
+  coinbaseWallet
+} from "./chunk-H4IRCEZN.js";
 import {
   enkryptWallet
 } from "./chunk-SJTXS4ZW.js";
+import {
+  foxWallet
+} from "./chunk-LMZMXEXL.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
 import {
-  bitgetWallet
-} from "./chunk-A5APNTGL.js";
+  bifrostWallet
+} from "./chunk-W6N74MS3.js";
 import {
   bitskiWallet
 } from "./chunk-P74YPRF6.js";
 import {
-  bifrostWallet
-} from "./chunk-W6N74MS3.js";
+  bloomWallet
+} from "./chunk-S27IADFU.js";
 import {
   bitverseWallet
 } from "./chunk-3HZRRP4Y.js";
-import {
-  bloomWallet
-} from "./chunk-S27IADFU.js";
-import "./chunk-23WIEY36.js";
 import {
   braveWallet
 } from "./chunk-PB254NQ4.js";
+import {
+  coin98Wallet
+} from "./chunk-DTRYS3MO.js";
+import "./chunk-23WIEY36.js";
 import "./chunk-WRA2DVJ7.js";
 export {
   argentWallet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -45,15 +45,15 @@
   },
   "devDependencies": {
     "@aws-sdk/client-s3": "^3.600.0",
-    "@chromatic-com/storybook": "^3.2.2",
+    "@chromatic-com/storybook": "^3.2.4",
     "@meshconnect/node-api": "2.0.14",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/react-vite": "^8.4.4",
-    "@storybook/test": "^8.4.4",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -67,7 +67,7 @@
     "jsdom": "^25.0.1",
     "postcss": "^8.4.32",
     "react": "^18.3.0",
-    "storybook": "^8.4.4",
+    "storybook": "^8.5.3",
     "tsx": "^4.19.2",
     "vitest": "^2.0.5"
   },
@@ -75,6 +75,7 @@
     "@datadog/browser-logs": "5.22.0",
     "@meshconnect/web-link-sdk": "2.1.1",
     "@moonpay/moonpay-react": "^1.6.1",
+    "@number-flow/react": "^0.5.5",
     "@privy-io/js-sdk-core": "^0.21.0",
     "@types/uuid": "^9.0.8",
     "@vanilla-extract/css": "1.15.3",
@@ -83,15 +84,16 @@
     "@wagmi/core": "^2.13.0",
     "bech32": "^2.0.0",
     "clsx": "2.1.1",
+    "motion": "^12.0.11",
     "qrcode": "1.5.3",
     "react-remove-scroll": "2.5.7",
     "react-virtuoso": "4.10.1",
     "ua-parser-js": "^1.0.37",
     "uuid": "^9.0.1",
+    "@funkit/api-base": "1.5.6",
+    "@funkit/core": "2.3.7",
     "@funkit/chains": "0.1.2",
-    "@funkit/api-base": "1.5.4",
-    "@funkit/core": "2.3.5",
-    "@funkit/wagmi-tools": "3.0.27",
+    "@funkit/wagmi-tools": "3.0.29",
     "@funkit/utils": "1.0.6"
   },
   "repository": {