@funkit/connect 3.4.10 → 3.5.0

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

@@ -1,6 +1,5 @@
 import { PaymentMethod } from '~/domains/paymentMethods';
 import { FunkitActiveCheckoutItem } from '../../../providers/FunkitCheckoutContext';
-import { AssetHoldingsItem } from '../../../utils/assets';
 export declare const ASSET_DECIMALS = 5;
 export declare const USD_DECIMALS = 2;
 export declare const USD_INITIAL_AMOUNT = 100;
@@ -12,6 +11,6 @@ export declare function round(value: number, decimals: number,
  * Defauls to 'round'
  **/
 method?: 'ceil' | 'floor' | 'round'): number;
-export declare function getUsdAvailableAmount(checkoutItem: FunkitActiveCheckoutItem, sourceBalance: AssetHoldingsItem | null): number | null;
+export declare function getUsdAvailableAmount(checkoutItem: FunkitActiveCheckoutItem, assetChainId: string, assetUsdAmount: number | null): number | null;
 export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, maxUsd: number): number | null;
 export declare function getUsdMinAmount(paymentMethod: PaymentMethod): number;

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

@@ -79,9 +79,11 @@ type NextPayload<S extends FunCheckoutStep = FunCheckoutStep> = {
     [FunCheckoutStep.SELECT_BROKERAGE]: SelectBrokerageNext;
     [FunCheckoutStep.SOURCE_CHANGE]: SourceChangeNext;
     [FunCheckoutStep.TRANSFER_TOKEN]: TransferTokenNext;
-}[S];
+}[S] & {
+    reverseAnimation?: boolean;
+};
 export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveCheckoutItem, onClose: () => void): {
-    animateOut: boolean;
+    animation: import("~/hooks/useAnimatedNavigation").AnimationState;
     modalState: CheckoutModalState<FunCheckoutStep>;
     onBack: () => void;
     onCloseWrapper: () => void;

package/dist/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.d.ts

@@ -1,15 +1,10 @@
 import { CheckoutHistoryItem } from '@funkit/api-base';
 import React from 'react';
-import { HistoricalCheckoutItem } from '../../providers/FunkitCheckoutContext';
 interface FunTxSummaryHistoryProps {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;
     isDelayed?: boolean;
 }
 export declare function FunTxSummaryHistory({ checkoutHistoryItem, isDelayed, }: FunTxSummaryHistoryProps): React.JSX.Element;
-type FunTxSummaryAdditionalInfoProps = {
-    checkoutItem: HistoricalCheckoutItem;
-};
-export declare const SourceDestinationSummary: ({ checkoutItem, }: FunTxSummaryAdditionalInfoProps) => React.JSX.Element;
 export declare function OrderDetail({ checkoutHistoryItem, }: {
     checkoutHistoryItem: CheckoutHistoryItem | undefined;
 }): React.JSX.Element;

package/dist/modals/FunCheckoutHistoryModal/FunCheckoutStatus.css.d.ts

@@ -1,3 +1,3 @@
-export declare const GradientErrorBox: string;
-export declare const GradientSuccessBox: string;
 export declare const GradientLoadingBox: string;
+export declare const GradientWrapperClass: string;
+export declare const GradientPositionClass: string;

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -1,12 +1,9 @@
-import { CheckoutHistoryItem } from '@funkit/api-base';
 import { Operation } from '@funkit/core';
 import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
 import { AssetHoldingsItem } from '~/utils/assets';
-import { PaymentMethod, PaymentMethodInfo } from '../domains/paymentMethods';
+import { PaymentMethodInfo } from '../domains/paymentMethods';
 import type { FunkitCheckoutQuoteResult } from '../domains/quote';
-import { CheckoutHistoryDepositAddrMap, CheckoutHistoryStateMap } from '../utils/checkout';
-import { PurifiedCheckoutHistoryItem } from '../utils/purifyCheckoutHistoryItem';
 export type { HistoricalCheckoutItem, ServerCheckoutConfig, } from '~/domains/clientMetadata';
 export type { FunkitCheckoutQuoteResult } from '~/domains/quote';
 export interface FunkitCheckoutActionParams {
@@ -33,8 +30,6 @@ export interface FunkitCheckoutConfig {
     expirationTimestampMs: number;
     /** Custom recipient address of the checkout. If specified, a different checkout flow will be executed. It is not recommended to set this unless the Fun.xyz team advises it. **/
     customRecipient?: Address | DydxAddress;
-    /** If available, the specified payment method will be selected by default during checkout or deposits **/
-    defaultPaymentMethod?: PaymentMethod | undefined;
     /** List of contract action params **/
     generateActionsParams?: (targetAssetAmount: number) => FunkitCheckoutActionParams[];
     /** ****************************************
@@ -96,8 +91,6 @@ export interface FunkitActiveCheckoutItem {
     id: string;
     /** Time of creation of the active checkout item. For frontend use only. **/
     startTimestampMs: number;
-    /** Whether the checkout draft dollar value is being fetched **/
-    isDrafting: boolean;
     /** The final dollar value of the checkout. Derived from latestQuote. **/
     finalDollarValue: null | number;
     /** Whether the checkout quote is being fetched **/
@@ -126,14 +119,6 @@ export interface FunkitActiveCheckoutItem {
 }
 interface FunkitCheckoutContextInterface {
     checkoutItem: FunkitActiveCheckoutItem | null;
-    checkoutHistoryList: CheckoutHistoryItem[];
-    checkoutHistoryStateMap: CheckoutHistoryStateMap;
-    checkoutHistoryDepositAddrMap: CheckoutHistoryDepositAddrMap;
-    checkoutHistoryCurrentDepositAddrMap: CheckoutHistoryDepositAddrMap;
-    isCheckoutHistoryInited: boolean;
-    isRefreshingCheckoutHistory: boolean;
-    startCheckoutHistoryListener(recipientAddr?: Address | undefined): NodeJS.Timeout;
-    stopCheckoutHistoryListener(cancelIntervalId?: NodeJS.Timeout): void;
     initNewCheckout(initSettings: useFunkitCheckoutPropsFinal): string;
     updateSourceAsset(selectedSource: Omit<AssetHoldingsItem, 'amount' | 'usdAmount' | 'chainSymbolKey'>): void;
     updateTargetAssetAmount(newTargetAssetAmount: number): void;
@@ -155,30 +140,9 @@ export declare function FunkitCheckoutProvider({ children }: {
     children: ReactNode;
 }): React.JSX.Element;
 export declare function useCheckoutContext(): FunkitCheckoutContextInterface;
-/**
- * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
- */
-export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
-    isLoading: boolean;
-    checkoutHistoryInfo: CheckoutHistoryItem | undefined;
-};
 /**
  * External hook for user to kickstart a checkout in their app
  */
 export declare const useFunkitCheckout: (props: useFunkitCheckoutProps) => {
     beginCheckout: (inputConfig?: FunkitCheckoutConfig) => Promise<void>;
 };
-/**
- * External hook to listen for checkout history every 5000ms
- *
- * @param userId ID of the user (wallet address)
- * @returns PurifiedCheckoutHistoryItem[]
- */
-export declare function useCheckoutsListenerByUserId(userId: string): PurifiedCheckoutHistoryItem[];
-/**
- * External hook to listen for checkout history every 5000ms
- *
- * @param checkoutId ID of the checkout
- * @returns PurifiedCheckoutHistoryItem | undefined
- */
-export declare function useCheckoutListenerByCheckoutId(checkoutId: string): PurifiedCheckoutHistoryItem | undefined;

package/dist/providers/FunkitConfigContext.d.ts

@@ -30,6 +30,10 @@ export interface FunkitUiCustomizationsConfig {
         /** Whether to show available balance in Input Amount screen (wallet/brokerage only) - defaults to true */
         showAvailableBalance?: boolean;
     };
+    paymentMethods?: {
+        /** Whether paying by card is a payment method the users can use - defaults to true */
+        isCardEnabled?: boolean;
+    };
 }
 export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig;
 interface FunkitLoginOptionsConfig {

package/dist/providers/FunkitHistoryContext.d.ts

@@ -0,0 +1,43 @@
+import { CheckoutHistoryItem } from '@funkit/api-base';
+import React, { ReactNode } from 'react';
+import { Address } from 'viem';
+import { CheckoutHistoryDepositAddrMap, CheckoutHistoryStateMap } from '../utils/checkout';
+import { PurifiedCheckoutHistoryItem } from '../utils/purifyCheckoutHistoryItem';
+export type { HistoricalCheckoutItem, ServerCheckoutConfig, } from '~/domains/clientMetadata';
+export type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+interface FunkitCheckoutHistoryContextInterface {
+    checkoutHistoryList: CheckoutHistoryItem[];
+    checkoutHistoryStateMap: CheckoutHistoryStateMap;
+    checkoutHistoryDepositAddrMap: CheckoutHistoryDepositAddrMap;
+    checkoutHistoryCurrentDepositAddrMap: CheckoutHistoryDepositAddrMap;
+    isCheckoutHistoryInited: boolean;
+    isRefreshingCheckoutHistory: boolean;
+    refreshCheckoutHistory(): void;
+    startCheckoutHistoryListener(recipientAddr?: Address): NodeJS.Timeout;
+    stopCheckoutHistoryListener(cancelIntervalId?: NodeJS.Timeout): void;
+}
+export declare function FunkitCheckoutHistoryProvider({ children, }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export declare function useCheckoutHistoryContext(): FunkitCheckoutHistoryContextInterface;
+/**
+ * External hook to listen for checkout history every 5000ms
+ *
+ * @param userId ID of the user (wallet address)
+ * @returns PurifiedCheckoutHistoryItem[]
+ */
+export declare function useCheckoutsListenerByUserId(userId: string): PurifiedCheckoutHistoryItem[];
+/**
+ * External hook to listen for checkout history every 5000ms
+ *
+ * @param checkoutId ID of the checkout
+ * @returns PurifiedCheckoutHistoryItem | undefined
+ */
+export declare function useCheckoutListenerByCheckoutId(checkoutId: string): PurifiedCheckoutHistoryItem | undefined;
+/**
+ * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
+ */
+export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
+    isLoading: boolean;
+    checkoutHistoryInfo: CheckoutHistoryItem | undefined;
+};

package/dist/utils/assets.d.ts

@@ -1,4 +1,4 @@
-import { AssetHoldingsItem, KnownAssetHoldingsItem } from '~/domains/wallet';
+import { KnownAssetHoldingsItem } from '~/domains/wallet';
 import { LoginType } from '~/providers/GeneralWalletProvider';
 import { PaymentMethod } from '../domains/paymentMethods';
 import { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
@@ -6,7 +6,7 @@ import { FlagValues } from '../providers/FunkitFlagsProvider';
 export type { AssetHoldingsItem, AssetHoldingsMap, KnownAssetHoldingsItem, } from '~/domains/wallet';
 export declare const ASSETS_LOW_VALUE_THRESHOLD = 0.1;
 export declare const getNormalizedTokenBalance: (tokenBalance: bigint | number, decimals: number) => number;
-export declare const isAssetUsableToPayForCheckout: (flags: FlagValues, checkoutItem: FunkitActiveCheckoutItem, paymentMethod: PaymentMethod, assetChainId: string, assetTokenAddress: string, loginType: LoginType) => {
+export declare const isAssetUsableToPayForCheckout: (flags: FlagValues, checkoutItem: FunkitActiveCheckoutItem, paymentMethod: PaymentMethod, assetChainId: string, assetTokenAddress: string, assetUsdAmount: number | null, loginType: LoginType) => {
     isUsable: boolean;
     reason: string;
 };
@@ -16,18 +16,10 @@ export declare const L2_COST_MARGIN_MULTIPLIER = 1.2;
 export declare const MESH_L1_FEES_ESTIMATE = 8;
 export declare const MESH_L2_FEES_ESTIMATE = 2;
 export declare const MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
-/**
- * Estimating mesh fees
- */
-export declare const getMeshFeesUsdEstimate: (asset: AssetHoldingsItem) => number;
-/**
- * Estimating fun base quote fees (market maker gas fees in particular)
- */
-export declare const getBaseFeeUsdEstimate: (checkoutItem: FunkitActiveCheckoutItem, asset: AssetHoldingsItem) => 1 | 20;
 /**
  * Estimating overall fees
  */
-export declare const getFeesUsdEstimate: (checkoutItem: FunkitActiveCheckoutItem, asset: AssetHoldingsItem) => number;
+export declare const getFeesUsdEstimate: (checkoutItem: FunkitActiveCheckoutItem, assetChainId: string, assetUsdAmount: number | null) => number;
 type RecommendedAsset = {
     chainSymbolKey: string;
     label: string | null;

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

@@ -1,4 +1,3 @@
-import { BooleanFlagConfig, StringFlagConfig } from './types';
 /**
  * Remember that these values show up in our logs
  * Make sure the enum values are unique
@@ -13,6 +12,10 @@ export declare enum FlagKey {
     SupportedExchanges = "supported_exchanges",
     /** Which countries should be blocked for Funkit Checkout. Reference Alpha-2 Code format https://www.iban.com/country-codes. */
     BlockedCountries = "blocked_countries",
+    /** Which users/addresses should be blocked for Funkit Checkout */
+    AddressBlacklist = "address_blacklist",
+    /** List of asset keys that should be displayed as `Unsupported`. Format is `${chainId}|${address}` */
+    AssetBlacklist = "asset_blacklist",
     /** Whether to show the [Powered by Fun.xyz] tagline at the bottom of the checkout modal. */
     ShowPoweredTagline = "show_powered_tagline",
     /** Whether to enable Token Transfer as a payment method. */
@@ -25,13 +28,87 @@ export declare enum FlagKey {
     MaxCheckoutUsd = "max_checkout_usd"
 }
 export declare const flagConfig: {
-    [FlagKey.DisableMantleSourceAssets]: BooleanFlagConfig;
-    [FlagKey.DisableZkSyncSourceAssets]: BooleanFlagConfig;
-    [FlagKey.SupportedExchanges]: StringFlagConfig;
-    [FlagKey.BlockedCountries]: StringFlagConfig;
-    [FlagKey.ShowPoweredTagline]: BooleanFlagConfig;
-    [FlagKey.EnableTokenTransfer]: BooleanFlagConfig;
-    [FlagKey.TokenTransferSourceChainsAndAssets]: StringFlagConfig;
-    [FlagKey.TokenTransferAdditionalDisclaimer]: StringFlagConfig;
-    [FlagKey.MaxCheckoutUsd]: StringFlagConfig;
+    disable_mantle_source_assets: {
+        type: "boolean";
+        default_value: true;
+    };
+    disable_zksync_source_assets: {
+        type: "boolean";
+        default_value: true;
+    };
+    supported_exchanges: {
+        type: "string";
+        default_value: string;
+    };
+    blocked_countries: {
+        type: "string";
+        default_value: string;
+    };
+    address_blacklist: {
+        type: "string";
+        default_value: string;
+    };
+    asset_blacklist: {
+        type: "string";
+        default_value: string;
+    };
+    show_powered_tagline: {
+        type: "boolean";
+        default_value: false;
+        overrides: {
+            if_any: {
+                key: "apiKey";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: true;
+        }[];
+    };
+    enable_token_transfer: {
+        type: "boolean";
+        default_value: false;
+        overrides: {
+            if_any: {
+                key: "apiKey";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: true;
+        }[];
+    };
+    token_transfer_source_chains_and_assets: {
+        type: "string";
+        default_value: string;
+    };
+    token_transfer_additional_disclaimer: {
+        type: "string";
+        default_value: string;
+        overrides: {
+            if_any: {
+                key: "apiKey";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: string;
+        }[];
+    };
+    max_checkout_usd: {
+        type: "string";
+        default_value: string;
+        overrides: ({
+            if_any: {
+                key: "apiKey";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: string;
+        } | {
+            if_any: {
+                key: "userId";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: string;
+        })[];
+    };
 };

package/dist/utils/formatTimestamp.d.ts

@@ -11,14 +11,17 @@ interface FormatTimeOption extends FormatDateOption {
 export declare function formatTimestamp(date: Date, opt?: FormatTimeOption): string;
 /**
  * Formats seconds to mins and seconds string
- * - seconds = 10, output = '10 s'
- * - seconds = 20.3, output = '21 s'
- * - seconds = 20.3, specifyUnderMinute=true, output = '< 1 min'
- * - seconds = 60, output = '1 min'
- * - seconds = 61, output = '1 min 1 s'
- * - seconds = 300, output = '5 mins'
- * - seconds = 320, output = '5 mins 20 s'
- * - seconds = 320, omitSeconds=true, output = '6 mins'
+ * - seconds = 10, output = '10 seconds'
+ * - seconds = 20.3, output = '21 seconds'
+ * - seconds = 20.3, specifyUnderMinute=true, output = '< 1min'
+ * - seconds = 60, output = '1min'
+ * - seconds = 61, output = '1min 1s'
+ * - seconds = 300, output = '5min'
+ * - seconds = 320, output = '5min 20s'
+ * - seconds = 320, omitSeconds=true, output = '6min'
+ * - seconds = 3600, output = '1h'
+ * - seconds = 3900, output = '1h 5min'
+ * - seconds = 3920, output = '1h 5min 20s'
  */
 export declare function formatSecondsToReadableForm(seconds: number, specifyUnderMinute?: boolean, omitSeconds?: boolean): string;
 export declare function formatSecondsToCountdownForm(seconds: number): string;

package/dist/utils/safeJSON.d.ts

@@ -0,0 +1 @@
+export declare function safeJSONParse<T>(src?: string): T | null;

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-LVBXKMWP.js";
+} from "../chunk-HA5KAB4M.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bifrostWallet
 };

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-PFRM52PK.js";
+} from "../chunk-SIPHIY4F.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-6ONTSPEY.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-W5O4YSZN.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/clvWallet/clvWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   clvWallet
-} from "../chunk-KR6JBW5E.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-LEXSM5KI.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   clvWallet
 };

package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coin98Wallet
-} from "../chunk-DTRYS3MO.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-KFFJPS5R.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   coin98Wallet
 };

package/dist/wallets/walletConnectors/coreWallet/coreWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coreWallet
-} from "../chunk-HBA36GW3.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-JXP2QPW7.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   coreWallet
 };

package/dist/wallets/walletConnectors/foxWallet/foxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   foxWallet
-} from "../chunk-LMZMXEXL.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-XYBEMO3C.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   foxWallet
 };

package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-E2VPHAWU.js";
+} from "../chunk-R6TLOQL3.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   frontierWallet
 };

package/dist/wallets/walletConnectors/gateWallet/gateWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   gateWallet
-} from "../chunk-CTBFNNME.js";
+} from "../chunk-C7PUODSS.js";
 import "../chunk-RETKWSKD.js";
-import "../chunk-23WIEY36.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   gateWallet
 };