@funkit/connect 5.5.13 → 5.5.15

package/dist/modals/CheckoutModal/ConfirmationStep/CheckoutPrimaryInfo.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
 import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 interface CheckoutPrimaryInfoProps {
     showTokenAmount?: boolean;
     config: FunkitCheckoutConfig;
-    quote: FunkitCheckoutQuoteResult | null;
+    usdAmount?: number;
     isLoading?: boolean;
 }
-export declare function CheckoutPrimaryInfo({ showTokenAmount, quote, config, isLoading, }: CheckoutPrimaryInfoProps): React.JSX.Element;
+export declare function CheckoutPrimaryInfo({ showTokenAmount, usdAmount, config, isLoading, }: CheckoutPrimaryInfoProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/ConfirmationStep/useCheckoutConfirmation.d.ts

@@ -20,5 +20,6 @@ interface UseCheckoutConfirmationResult {
     handleCheckoutConfirmation(): Promise<void>;
     isConfirming: boolean;
 }
+export declare function toCheckoutConfirmationError(error: unknown): CheckoutConfirmationError;
 export declare function useCheckoutConfirmation({ onError, onSuccess, }: UseCheckoutConfirmationOptions): UseCheckoutConfirmationResult;
 export {};

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';

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

@@ -2,7 +2,6 @@ import { PaymentMethod } from '~/domains/paymentMethods';
 import type { AssetHoldingsItem } from '~/utils/assets';
 import type { FunkitCheckoutConfig } from '../../../providers/FunkitCheckoutContext';
 export interface AmountInputInitOptions {
-    apiKey: string;
     checkoutConfig: FunkitCheckoutConfig;
     paymentMethod: PaymentMethod;
     sourceHolding: AssetHoldingsItem | null;
@@ -79,6 +78,6 @@ export type AmountInputError = {
     /** Input is empty */
     type: 'noInput';
 };
-export declare function initializeState({ apiKey, checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, quickOptions, }: AmountInputInitOptions): AmountInputState;
+export declare function initializeState({ checkoutConfig, maxUsd, minUsd, paymentMethod, sourceHolding, unitPrice, defaultAmount, fiatCurrency, quickOptions, }: AmountInputInitOptions): AmountInputState;
 export declare function reduceState(state: AmountInputState, action: AmountInputAction): AmountInputState;
 export declare function getDerivedState(state: AmountInputState): AmountInputDerivedState;

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

@@ -6,17 +6,17 @@ type WithNewUser<T> = T & {
     newUser?: boolean;
 };
 export type LoadingAccountNext = WithNewUser<{
-    usablePaymentMethod: PaymentMethod.ACCOUNT_BALANCE;
+    chosenPaymentMethod: PaymentMethod.ACCOUNT_BALANCE;
     paymentMethodInfo: PaymentMethodAccountInfo;
 } | {
-    usablePaymentMethod: PaymentMethod.BROKERAGE;
+    chosenPaymentMethod: PaymentMethod.BROKERAGE;
     paymentMethodInfo: PaymentMethodBrokerageInfo;
 } | {
-    usablePaymentMethod: PaymentMethod.VIRTUAL_BANK;
+    chosenPaymentMethod: PaymentMethod.VIRTUAL_BANK;
     paymentMethodInfo: PaymentMethodVirtualBankInfo;
 } | {
     /** Can be set to null to skip auto payment method selection */
-    usablePaymentMethod: null | PaymentMethod.TOKEN_TRANSFER;
+    chosenPaymentMethod: null | PaymentMethod.TOKEN_TRANSFER;
     paymentMethodInfo?: ConnectablePaymentMethodInfo;
 }>;
 export declare const LoadingAccountInfo: ModalStepInfo<FunCheckoutStep.LOADING_ACCOUNT>;

package/dist/modals/CheckoutModal/SourceChange/DefiPurchaseSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+interface DefiPurchaseSectionProps {
+    config: FunkitCheckoutConfig;
+}
+export declare const DefiPurchaseSection: ({ config }: DefiPurchaseSectionProps) => React.JSX.Element;
+export {};

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

@@ -28,6 +28,8 @@ export interface CheckoutModalCommonState {
     isSoftHidden: boolean;
     /** Whether checkout should not be allowed to continue due to security reasons*/
     isBlocked?: boolean;
+    /** Whether checkout is started in a defi mode which has various flow implications (most importantly targetAssetAmount must be set and is not editable throughout the checkout)*/
+    isDefiMode: boolean;
     targetChainId: string;
 }
 export interface ModalStepComponentProps<S extends FunCheckoutStep = FunCheckoutStep> {
@@ -65,6 +67,7 @@ export declare enum FunCheckoutStep {
 interface ModalStepInput<S extends FunCheckoutStep> {
     state: CheckoutModalState<S>;
     apiKey: string;
+    isDefiMode?: boolean;
 }
 export type ModalStepInfo<S extends FunCheckoutStep> = {
     Component: ComponentType<ModalStepComponentProps<S>>;
@@ -75,7 +78,7 @@ export type ModalStepInfo<S extends FunCheckoutStep> = {
     onNext(state: CheckoutModalState<S>, payload: NextPayload<S>): CheckoutModalState;
     showFullHeight?: boolean;
     /** Defaults to checkoutItem.initSettings.config.modalTitle (returning undefined uses default) */
-    title?(textCustomizations: FunkitTextCustomizationsConfig): string | undefined;
+    title?(textCustomizations: FunkitTextCustomizationsConfig, isDefiMode: boolean): string | undefined;
     /** If title is not defined in config nor with the title() function, this is used instead. Defaults to 'Checkout' */
     fallbackTitle?: string;
 };

package/dist/{components/Withdraw/WithdrawContent.d.ts → modals/WithdrwalModal/WithdrawalContent.d.ts}

@@ -1,15 +1,7 @@
-import { type CheckoutQuoteResponse } from '@funkit/utils';
 import React from 'react';
 import { type Hex } from 'viem';
-import type { Address } from 'viem';
 import type { FunkitActiveWithdrawalItem, FunkitWithdrawalConfig } from '~/providers/FunkitCheckoutContext';
-export type WithdrawalFormData = {
-    destinationAddress: Address;
-    amount: string;
-    token: string;
-    chainId: number;
-    quote: CheckoutQuoteResponse;
-};
+import { type WithdrawalFormData } from './useWithdrawal';
 interface WithdrawContentProps {
     onContinue: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
     config: FunkitWithdrawalConfig;

package/dist/{components/Withdraw/WithdrawSuccess.d.ts → modals/WithdrwalModal/WithdrawalSuccess.d.ts}

@@ -1,5 +1,7 @@
 import React from 'react';
+import type { Address } from 'viem';
 interface WithdrawSuccessProps {
+    depositAddress: Address;
     amount: number;
     token: string;
     tokenIconSrc: string;
@@ -9,5 +11,5 @@ interface WithdrawSuccessProps {
     onNewWithdrawal: () => void;
     onClose: () => void;
 }
-export declare const WithdrawSuccess: ({ amount, token, tokenIconSrc, chainId, txHash, bottomBarId, onNewWithdrawal, onClose, }: WithdrawSuccessProps) => React.JSX.Element;
+export declare const WithdrawSuccess: ({ depositAddress, bottomBarId, onNewWithdrawal, onClose, }: WithdrawSuccessProps) => React.JSX.Element;
 export {};

package/dist/modals/WithdrwalModal/useWithdrawal.d.ts

@@ -0,0 +1,24 @@
+import type { Address, Hex } from 'viem';
+import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+import { type FunkitActiveWithdrawalItem } from '~/providers/FunkitCheckoutContext';
+import type { WithdrawalClient } from '~/wallets/Wallet';
+import { type CheckoutConfirmationError } from '../CheckoutModal/ConfirmationStep/useCheckoutConfirmation';
+interface UseWithdrawalResult {
+    handleWithdrawal: (withdrawal: WithdrawalFormData) => Promise<void>;
+    isWithdrawing: boolean;
+    withdrawalError: CheckoutConfirmationError | null;
+    stepMessage: string | null;
+}
+export type WithdrawalFormData = {
+    destinationAddress: Address;
+    amount: string;
+    token: string;
+    chainId: number;
+    quote: FunkitCheckoutQuoteResult;
+};
+export declare function useWithdrawal({ withdrawalWallet, withdrawalItem, onSuccess, }: {
+    withdrawalWallet: WithdrawalClient;
+    withdrawalItem: FunkitActiveWithdrawalItem | null;
+    onSuccess: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
+}): UseWithdrawalResult;
+export {};

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -39,6 +39,8 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     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) */
+    isDefiMode?: boolean;
     /** *****************************
      * Miscellaneous configurations *
      ********************************/
@@ -132,6 +134,7 @@ export interface FunkitActiveCheckoutItem extends Omit<ApiCheckoutClientMetadata
     };
     /** Time of completion of the active checkout item. For frontend use only. **/
     completedTimestampMs: number | null;
+    sourceAssetAmount: number | null;
 }
 export interface FunkitActiveWithdrawalItem {
     /** Unique identifier for frontend use only. */
@@ -154,13 +157,15 @@ interface FunkitCheckoutContextInterface {
         iconSrc: string | undefined;
     }): void;
     updateSelectedPaymentMethodInfo(newPaymentMethodInfo: PaymentMethodInfo): void;
-    confirmCheckout(shouldBatchOpBypassInit: boolean, quote: FunkitCheckoutQuoteResult, stepMessageSetter: (m: string) => void): Promise<Address>;
+    updateCustomRecipient: (recipient: Address) => void;
+    confirmCheckout(shouldBatchOpBypassInit: boolean, quote: FunkitCheckoutQuoteResult, stepMessageSetter: (m: string) => void, withdrawalClient?: WithdrawalClient): Promise<Address>;
     cancelCheckout(depositAddress: Address): Promise<boolean>;
     /** @deprecated to be removed after quote migration is finished (historically named setCheckoutQuote) */
     setCheckout: (checkout: FunkitActiveCheckoutItem) => void;
     setCompletedTimestamp(timestampMs: number): void;
     withdrawalItem: FunkitActiveWithdrawalItem | null;
     initNewWithdrawal(initSettings: Partial<UseFunkitCheckoutPropsWithFullConfig>): string;
+    updateWithdrawalSourceAssetAmount(newSourceAmount: number): void;
 }
 export declare function FunkitCheckoutProvider({ children }: {
     children: ReactNode;

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-ICCAQZHZ.js";
+} from "../chunk-DMCSGHKQ.js";
 import "../chunk-R2UFCJL7.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-RN4I4Y57.js";
+} from "../chunk-UQVBCTN3.js";
 import "../chunk-R2UFCJL7.js";
 export {
   lightTheme

package/dist/utils/assets.d.ts

@@ -1,6 +1,5 @@
 import type { FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
 export type { AssetHoldingsItem, AssetHoldingsMap, KnownAssetHoldingsItem, } from '~/domains/wallet';
-export declare const ASSETS_LOW_VALUE_THRESHOLD = 0.1;
 export declare const getNormalizedTokenBalance: (tokenBalance: bigint | number | string, decimals: number) => number;
 /**
  *

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

@@ -207,38 +207,45 @@ export declare const flagConfig: {
     help_tutorial_url: {
         type: "string";
         default_value: string;
-        overrides: {
-            if_any: {
-                key: "apiKey";
-                type: "isAnyOf";
-                values: string[];
-            }[];
-            value: string;
-        }[];
+        overrides: never[];
     };
     enable_card: {
         type: "boolean";
         default_value: true;
-        overrides: {
+        overrides: ({
+            if_any: {
+                key: "userId";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: true;
+        } | {
             if_any: {
                 key: "apiKey";
                 type: "isAnyOf";
                 values: string[];
             }[];
             value: false;
-        }[];
+        })[];
     };
     enable_brokerage: {
         type: "boolean";
         default_value: true;
-        overrides: {
+        overrides: ({
+            if_any: {
+                key: "userId";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: true;
+        } | {
             if_any: {
                 key: "apiKey";
                 type: "isAnyOf";
                 values: string[];
             }[];
             value: false;
-        }[];
+        })[];
     };
     enable_meld_payment: {
         type: "boolean";

package/dist/utils/moonpay.d.ts

@@ -1,12 +1,9 @@
 export declare const MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 export declare const MAXIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 10000;
 export declare const generateMoonpayCurrencyCode: (tokenSymbol: string, chainId: string) => string;
-export declare function checkAmountForMoonpay(amountUsd: number): {
+export declare function checkAmountForMoonpay(amountUsd: number, isDefiMode?: boolean): {
     readonly isInvalid: true;
-    readonly message: "$35 minimum required for the selected payment method.";
-} | {
-    readonly isInvalid: true;
-    readonly message: "$10000 maximum exceeded for the selected payment method.";
+    readonly message: string;
 } | {
     readonly isInvalid: false;
     readonly message?: undefined;

package/dist/wallets/walletConnectors/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "5.5.13",
+  "version": "5.5.15",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -88,12 +88,12 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.9.5",
-    "@funkit/chains": "0.3.2",
+    "@funkit/api-base": "1.9.7",
+    "@funkit/chains": "0.3.3",
+    "@funkit/core": "2.3.29",
     "@funkit/fun-relay": "0.1.9",
-    "@funkit/utils": "1.1.4",
-    "@funkit/wagmi-tools": "3.0.49",
-    "@funkit/core": "2.3.27"
+    "@funkit/wagmi-tools": "3.0.51",
+    "@funkit/utils": "1.1.5"
   },
   "repository": {
     "type": "git",

package/dist/hooks/useWithdrawal.d.ts

@@ -1,15 +0,0 @@
-import type { Hex } from 'viem';
-import type { WithdrawalFormData } from '~/components/Withdraw/WithdrawContent';
-import type { FunkitActiveWithdrawalItem } from '~/providers/FunkitCheckoutContext';
-import type { WithdrawalClient } from '~/wallets/Wallet';
-interface UseWithdrawalResult {
-    handleWithdrawal: (withdrawal: WithdrawalFormData) => Promise<void>;
-    isWithdrawing: boolean;
-}
-export declare function useWithdrawal({ withdrawalWallet, withdrawalItem, onSuccess, onError, }: {
-    withdrawalWallet: WithdrawalClient;
-    withdrawalItem: FunkitActiveWithdrawalItem | null;
-    onSuccess: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
-    onError: (error: Error) => void;
-}): UseWithdrawalResult;
-export {};

package/dist/{chunk-ICCAQZHZ.js → chunk-DMCSGHKQ.js}

@@ -81,8 +81,8 @@ var darkTheme = ({
     buttonTextTertiary: "#FFF",
     buttonTextDisabledTertiary: "rgba(255, 255, 255, 0.65)",
     buttonBackground: "#FFF",
-    buttonBackgroundPressed: "#FFF",
     buttonBackgroundHover: "#f2f2f2",
+    buttonBackgroundPressed: "#FFF",
     buttonBackgroundDisabled: "rgba(255, 255, 255, 0.65)",
     buttonTextSecondaryDisabled: "rgba(255, 255, 255, 0.65)",
     buttonTextSecondary: "#FFFFFF",

package/dist/{chunk-RN4I4Y57.js → chunk-UQVBCTN3.js}

@@ -81,8 +81,8 @@ var lightTheme = ({
     buttonTextTertiary: "#000",
     buttonTextDisabledTertiary: "rgba(0, 0, 0, 0.5)",
     buttonBackground: "#000",
-    buttonBackgroundPressed: "#000",
     buttonBackgroundHover: "#333333",
+    buttonBackgroundPressed: "#000",
     buttonBackgroundDisabled: "rgba(0, 0, 0, 0.5)",
     buttonTextSecondaryDisabled: "rgba(0, 0, 0, 0.5)",
     buttonTextSecondary: "#000000",