@funkit/connect 3.5.1 → 4.0.1

package/dist/components/FunSelect/FunSelect.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export interface FunSelectOption<T = string> {
     value: T;
     label: ReactNode;

package/dist/components/FunSelectBrokerage/FunBrokerageItem.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 interface BrokerateItemProps {
-    exchange: string;
+    exchangeName: string;
     exchangeIcon: React.ReactNode;
     fullInfo: boolean;
     hasActiveConnection: boolean;
 }
-export declare const FunBrokerageItem: ({ exchange, exchangeIcon, fullInfo, hasActiveConnection, }: BrokerateItemProps) => React.JSX.Element;
+export declare const FunBrokerageItem: ({ exchangeName, exchangeIcon, fullInfo, hasActiveConnection, }: BrokerateItemProps) => React.JSX.Element;
 export {};

package/dist/components/FunSelectBrokerage/FunSelectBrokerage.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { MeshExchanges } from '~/consts/mesh';
-import { FunSelectOption } from '../FunSelect/FunSelect';
+import type { MeshExchangeType } from '~/consts/mesh';
+import type { FunSelectOption } from '../FunSelect/FunSelect';
 interface FunSelectBrokerageProps {
-    onSelect: (value: MeshExchanges) => void;
-    options: FunSelectOption<MeshExchanges>[];
+    onSelect: (value: MeshExchangeType) => void;
+    options: FunSelectOption<MeshExchangeType>[];
     selectedValue: FunSelectOption['value'];
 }
 export declare function FunSelectBrokerage({ onSelect, options, selectedValue, }: FunSelectBrokerageProps): React.JSX.Element;

package/dist/components/FunSkeletonLoader/FunSkeletonBlock.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from '../Box/Box';
+import { type BoxProps } from '../Box/Box';
 type FunSkeletonBlockProps = {
     borderRadius?: BoxProps['borderRadius'];
     marginBottom?: BoxProps['marginBottom'];

package/dist/components/FunSkeletonLoader/FunSkeletonCircle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from '../Box/Box';
+import { type BoxProps } from '../Box/Box';
 export type FunSkeletonCircleProps = Pick<BoxProps, 'margin' | 'marginBottom' | 'marginLeft' | 'marginRight' | 'marginTop'> & {
     /** Defaults to 20px */
     size?: BoxProps['height'] & BoxProps['width'];

package/dist/components/FunSocials/FunSocials.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SocialLoginOption } from '../../consts/funkit';
-import { BoxProps } from '../Box/Box';
+import type { SocialLoginOption } from '../../consts/funkit';
+import { type BoxProps } from '../Box/Box';
 interface Props {
     options: SocialLoginOption[];
     onSelect: (provider: SocialLoginOption['provider']) => void;

package/dist/components/FunTooltip/FunTooltip.css.d.ts

@@ -0,0 +1,3 @@
+export declare const tooltipContainer: string;
+export declare const tooltipStyle: string;
+export declare const tooltipFadeIn: string;

package/dist/components/FunTooltip/FunTooltip.d.ts

@@ -0,0 +1,7 @@
+import React, { type ReactNode } from 'react';
+interface FunTooltipProps {
+    content: string;
+    children: ReactNode;
+}
+export declare const FunTooltip: ({ content, children }: FunTooltipProps) => React.JSX.Element;
+export {};

package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts

@@ -1,6 +1,6 @@
 import './FunTxSummaryComponents.css';
-import React, { ReactNode } from 'react';
-import { BoxProps } from '../Box/Box';
+import React, { type ReactNode } from 'react';
+import { type BoxProps } from '../Box/Box';
 export declare function FunTxSummaryBox({ children, ...otherProps }: BoxProps): React.JSX.Element;
 export declare function FunTxSummaryLineItem({ children, ...otherProps }: BoxProps): React.JSX.Element;
 export declare function FunTxSummaryLineItemCollapsibleTrigger({ children, isDisabled, onClick, }: {

package/dist/components/FunTransactionSummary/PaymentFeesSummary.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 export declare function PaymentFeesSummary({ isLoading, checkoutItem, }: {
     isLoading: boolean;
     checkoutItem: FunkitActiveCheckoutItem | null;

package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PaymentMethodInfo } from '../../domains/paymentMethods';
-import { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
-import { FunkitTextCustomizationsConfig, FunkitUiCustomRecipientConfig } from '../../providers/FunkitConfigContext';
+import { type PaymentMethodInfo } from '../../domains/paymentMethods';
+import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
+import type { FunkitTextCustomizationsConfig, FunkitUiCustomRecipientConfig } from '../../providers/FunkitConfigContext';
 interface PaymentMethodSummaryProps {
     paymentMethodInfo: PaymentMethodInfo;
     walletAddress: string | undefined;

package/dist/components/Icons/FunkitPaymentsIconLine.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from '../Box/Box';
+import { type BoxProps } from '../Box/Box';
 export declare function FunkitPaymentsIconLine({ size, gap, }: {
     size?: number;
     gap?: BoxProps['gap'];

package/dist/components/ModalSelection/ModalSelection.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type Props = {
     onClick?: React.MouseEventHandler<HTMLElement> | undefined;
-    as?: React.ElementType<any>;
+    as?: React.ElementType;
     currentlySelected?: boolean;
     ready?: boolean;
     recent?: boolean;

package/dist/components/QRCode/QRCode.d.ts

@@ -1,6 +1,6 @@
 import QRCodeUtil from 'qrcode';
 import React from 'react';
-import { BoxProps } from '../Box/Box';
+import { type BoxProps } from '../Box/Box';
 type Props = {
     ecl?: QRCodeUtil.QRCodeErrorCorrectionLevel;
     logoBackground?: string;

package/dist/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from '../Box/Box';
+import { type BoxProps } from '../Box/Box';
 export type TextProps = {
     id?: string;
     as?: 'code' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'p' | 'span';

package/dist/config/getDefaultConfig.d.ts

@@ -1,6 +1,6 @@
-import { Chain, Transport } from 'viem';
-import { CreateConfigParameters } from 'wagmi';
-import { type FunkitConnectChain } from '../providers/FunkitConnectChainContext';
+import type { Chain, Transport } from 'viem';
+import { type CreateConfigParameters } from 'wagmi';
+import type { FunkitConnectChain } from '../providers/FunkitConnectChainContext';
 import type { WalletList } from '../wallets/Wallet';
 export type _chains = readonly [FunkitConnectChain, ...FunkitConnectChain[]];
 export type _transports = Record<_chains[number]['id'], Transport>;

package/dist/consts/funkit.d.ts

@@ -1,6 +1,6 @@
 import { CheckoutState } from '@funkit/api-base';
-import { OAuthProviderType } from '@privy-io/js-sdk-core';
-import { Address } from 'viem';
+import type { OAuthProviderType } from '@privy-io/js-sdk-core';
+import type { Address } from 'viem';
 /**
  * NATIVE_TOKEN is a special address in Fun to represent different native currency tokens on different chains
  * e.g. on Base it is ETH, but on Polygon it is MATIC/POL. It is not one specific real token address.
@@ -10,7 +10,7 @@ export declare const FUNKIT_CONNECTOR_ID = "funkitConnector";
 export declare const FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
 export declare const RESERVED_GROUP_NAME = "funkit-web2";
 export declare const DEFAULT_FUNWALLET_INDEX = 0;
-export declare const FUN_WORKER_EOA_ADDR = "0x61d048E5bECBd111c5D1e9BfFa1e284EBcb230Cc";
+export declare const FUN_WORKER_EOA_ADDR = "0x1881ad6e231a14A8Be0f9AE6f9EFd8f3CFb09919";
 export declare const FUN_ORG_NAME = "Fun.xyz";
 export declare const FROM_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const TO_PROGRESS_CHECKOUT_STATES: CheckoutState[];

package/dist/consts/mesh.d.ts

@@ -1,5 +1,11 @@
 export declare const FUNKIT_MESH_CLIENT_ID = "8132aff4-56c9-4b1d-85b4-08dbdcc6199d";
-export declare enum MeshExchanges {
+/**
+ * TODO: This is only useful to map exchange names in existing feature flags to the corresponding exchange types.
+ * If/when we decide to fully remove that support, this enum and getExchangeTypeFromName below can be removed.
+ * Mesh-provided brokerName
+ * @deprecated Use MeshExchangeType instead
+ */
+export declare enum MeshExchangeName {
     Robinhood = "Robinhood",
     ETrade = "ETrade",
     Alpaca = "Alpaca",
@@ -31,6 +37,41 @@ export declare enum MeshExchanges {
     BitfinexDirect = "Bitfinex (beta)",
     Bybit = "Bybit"
 }
-export declare const EXCHANGE_NAME_TO_TYPE: {
-    [x: string]: string;
-};
+/** A subset of Mesh-provided brokerType */
+export declare enum MeshExchangeType {
+    Robinhood = "robinhood",
+    ETrade = "eTrade",
+    Alpaca = "alpaca",
+    WeBull = "weBull",
+    Stash = "stash",
+    InteractiveBrokers = "interactiveBrokers",
+    Public = "public",
+    Coinbase = "coinbase",
+    Kraken = "kraken",
+    CryptoCom = "cryptoCom",
+    CoinbasePro = "coinbasePro",
+    Gemini = "gemini",
+    Binance = "binanceInternationalDirect",
+    BinanceUs = "binanceUs",
+    OkCoin = "okCoin",
+    Etoro = "etoro",
+    KuCoin = "kuCoin",
+    CexIo = "cexIo",
+    GateIo = "gateIo",
+    Bitstamp = "bitstamp",
+    Okx = "okxOAuth",// not okx!
+    Acorns = "acorns",
+    Coinlist = "coinlist",
+    BitFlyer = "bitFlyer",
+    Bitfinex = "bitfinex",
+    Huobi = "huobi",
+    KrakenDirect = "krakenDirect",
+    Vanguard = "vanguard",
+    Bybit = "bybit",
+    BitfinexDirect = "bitfinexDirect"
+}
+export declare function getExchangeIcon(brokerType: MeshExchangeType, size: number): JSX.Element | null;
+export declare function getExchangeName(brokerType: MeshExchangeType): string;
+export declare function isMeshExchangeType(value: string): value is MeshExchangeType;
+/** @deprecated */
+export declare function getExchangeTypeFromName(brokerName: string): MeshExchangeType | undefined;

package/dist/consts/moonpay.d.ts

@@ -1,3 +1,10 @@
 export declare const MOONPAY_TOKENS_SUPPORTED_REGIONS: {
-    [x: string]: any;
+    [token: string]: {
+        isSupportedInUS: boolean;
+        notAllowedUSStates: string[];
+        notAllowedCountries: string[];
+        minBuyAmount: number;
+        maxBuyAmount: number;
+        precision: number;
+    };
 };

package/dist/css/atoms.d.ts

@@ -1,4 +1,4 @@
-import { Sprinkles } from './sprinkles.css';
+import { type Sprinkles } from './sprinkles.css';
 export type Atoms = Sprinkles & {
     reset?: keyof JSX.IntrinsicElements;
 };

package/dist/css/cssObjectFromTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeVars } from './sprinkles.css';
+import { type ThemeVars } from './sprinkles.css';
 export declare function cssObjectFromTheme(theme: ThemeVars | (() => ThemeVars), { extends: baseTheme }?: {
     extends?: ThemeVars | (() => ThemeVars);
 }): {

package/dist/css/cssStringFromTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeVars } from './sprinkles.css';
+import type { ThemeVars } from './sprinkles.css';
 export declare function cssStringFromTheme(theme: ThemeVars | (() => ThemeVars), options?: {
     extends?: ThemeVars | (() => ThemeVars);
 }): string;

package/dist/css/modalTransitionStyles.css.d.ts

@@ -1,8 +1,8 @@
 export declare const animateContentInClass: string;
 export declare const animateContentOutClass: string;
-export declare const animateCheckoutContentIn: string;
-export declare const animateCheckoutContentOut: string;
-export declare const animateCheckoutContentInReverse: string;
-export declare const animateCheckoutContentOutReverse: string;
+export declare const slideContentIn: string;
+export declare const slideContentOut: string;
+export declare const slideContentInReverse: string;
+export declare const slideContentOutReverse: string;
 export declare const animateTitleInClass: string;
 export declare const animateTitleOutClass: string;

package/dist/css/sprinkles.css.d.ts

@@ -1,5 +1,5 @@
 import './reset.css';
-import { RequiredConditionalValue } from '@vanilla-extract/sprinkles';
+import { type RequiredConditionalValue } from '@vanilla-extract/sprinkles';
 declare const themeContractValues: {
     colors: {
         accentColor: string;
@@ -137,6 +137,7 @@ declare const themeContractValues: {
         selectedOption: string;
         selectedWallet: string;
         button: string;
+        tooltip: string;
     };
     blurs: {
         modalOverlay: string;
@@ -281,6 +282,7 @@ export declare const themeVars: {
         selectedOption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         selectedWallet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         button: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     blurs: {
         modalOverlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -501,13 +503,13 @@ export declare const sprinkles: ((props: {
         focused?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
         focusedVisible?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;
     } | undefined;
-    boxShadow?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | {
-        base?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
-        hover?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
-        active?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
-        selection?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
-        focused?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
-        focusedVisible?: "button" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
+    boxShadow?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | {
+        base?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
+        hover?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
+        active?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
+        selection?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
+        focused?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
+        focusedVisible?: "button" | "tooltip" | "connectButton" | "dialog" | "selectedOption" | "selectedWallet" | undefined;
     } | undefined;
     color?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | {
         base?: "accentColor" | "transparent" | "accentColorForeground" | "actionButtonBorder" | "connectButtonBackground" | "connectButtonBackgroundError" | "connectButtonText" | "connectButtonTextError" | "connectionIndicator" | "error" | "errorBackground" | "errorBorder" | "generalBorder" | "generalBorderDim" | "menuItemBackground" | "selectedOptionBorder" | "paymentOptionBorderDisabled" | "standby" | "success" | "loadingBase" | "loadingAccent" | "chainIconBorder" | "modalBackdrop" | "modalBackground" | "modalBorder" | "notificationPrimary" | "offBackground" | "hoverState" | "offBackgroundInverse" | "lightStroke" | "mediumStroke" | "strokeColor" | "dydxSwitchActiveBackground" | "primaryText" | "secondaryText" | "tertiaryText" | "textSelection" | "inputBackground" | "inputBorderBase" | "inputBorderHover" | "actionColor" | "actionColorHover" | "actionColorDisabled" | "buttonPrimary" | "buttonDisabled" | "buttonWarning" | "buttonSuccess" | "buttonTextWarning" | "buttonTextSuccess" | "buttonTextPrimary" | "buttonTextDisabled" | "buttonBackgroundTertiary" | "buttonBackgroundHoverTertiary" | "buttonTextTertiary" | "buttonTextDisabledTertiary" | "buttonStrokeTertiary" | "buttonBackground" | "buttonBackgroundHover" | "buttonBackgroundDisabled" | "buttonStroke" | "buttonTextSecondaryDisabled" | "buttonTextSecondary" | "buttonIconBackgroundHover" | "buttonIconBackgroundPressed" | "buttonIconStroke" | undefined;

package/dist/domains/asset.d.ts

@@ -1,5 +1,5 @@
-import { Address } from 'viem';
-import { AssetHoldingsItem } from '~/utils/assets';
+import type { Address } from 'viem';
+import type { AssetHoldingsItem } from '~/utils/assets';
 export declare function isNativeTokenAddress(address: Address): boolean;
 export declare function isDefaultToken(asset: AssetHoldingsItem, targetChainId: string, targetAsset: string): boolean;
 export declare const isPolygonEcosystemToken: (chainId: string, tokenAddress: string) => boolean;

package/dist/domains/checkoutFees.d.ts

@@ -1,12 +1,12 @@
-import { CheckoutQuoteResponse } from '@funkit/api-base';
+import { type CheckoutQuoteResponse } from '@funkit/api-base';
 import type { Config } from 'wagmi';
 import { LoginType } from '~/providers/GeneralWalletProvider';
-import { PaymentMethod, PaymentMethodInfo } from '../domains/paymentMethods';
-import { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
+import { PaymentMethod, type PaymentMethodInfo } from '../domains/paymentMethods';
+import type { FunkitActiveCheckoutItem } from '../providers/FunkitCheckoutContext';
 interface BaseCheckoutFees {
     paymentMethod: PaymentMethod;
     marketMakerFeeUsd: number;
-    liquidityProviderFeePercentage: number;
+    liquidityProviderFeeUsd: number;
     totalFeesUsd: number;
     /** does not include the gas fee since it can be in a
      * different token than the source token */

package/dist/domains/clientMetadata.d.ts

@@ -4,7 +4,8 @@
  *
  * Make sure it is SERIALIZABLE and BACKWARD COMPATIBLE!!
  */
-import { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+import type { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+import type { ApiCheckoutClientMetadata } from '@funkit/api-base';
 /** Historical Checkout Configuration stored in the server
  * This is similar to FunkitCheckoutConfig but with some fields changed to serializable types
  * */
@@ -32,5 +33,5 @@ export interface HistoricalCheckoutItem {
  * Sanitizes checkoutItem to generate a clientMetadata object to be saved in backend.
  * Ensures that no react components get sent to backend and the object isn't too big as well.
  */
-export declare function generateClientMetadataForBackend(checkoutItem: FunkitActiveCheckoutItem): HistoricalCheckoutItem;
+export declare function generateClientMetadataForBackend(checkoutItem: FunkitActiveCheckoutItem): ApiCheckoutClientMetadata;
 export declare function generateClientMetadataForTokenTransfer(): HistoricalCheckoutItem;

package/dist/domains/paymentMethods.d.ts

@@ -1,6 +1,6 @@
-import { PreviewTransferResult } from '@funkit/api-base';
-import { LinkPayload } from '@meshconnect/web-link-sdk';
-import { MeshExchanges } from '~/consts/mesh';
+import type { PreviewTransferResult } from '@funkit/api-base';
+import type { LinkPayload } from '@meshconnect/web-link-sdk';
+import { type MeshExchangeType } from '~/consts/mesh';
 /** Supported payment methods in FunkitConnect. **/
 export declare enum PaymentMethod {
     /** Moonpay - Credit / Debit Card **/
@@ -11,23 +11,24 @@ export declare enum PaymentMethod {
     BROKERAGE = "brokerage",
     TOKEN_TRANSFER = "token_transfer"
 }
-type PaymentMethodInfoMeta = LinkPayload & {
+type MeshMeta = LinkPayload & {
     checkoutMeshNetworkId?: string;
     computedPreviewExpirationMs?: number;
     previewTransferResult?: PreviewTransferResult;
 };
 /** Full payment method information used in frontend during payment flows. **/
 interface PaymentMethodInfoBase {
+    description: string;
     paymentMethod: PaymentMethod;
     title: string;
-    description: string;
-    meta: PaymentMethodInfoMeta;
 }
 export interface PaymentMethodCardInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.CARD;
 }
 export interface PaymentMethodBrokerageInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.BROKERAGE;
+    brokerType: MeshExchangeType;
+    meta: MeshMeta;
 }
 export interface PaymentMethodAccountInfo extends PaymentMethodInfoBase {
     paymentMethod: PaymentMethod.ACCOUNT_BALANCE;
@@ -47,8 +48,8 @@ interface AccountPaymentMethodParams {
 }
 interface BrokeragePaymentMethodParams {
     paymentMethod: PaymentMethod.BROKERAGE;
+    brokerType: MeshExchangeType;
     meshMeta: LinkPayload;
-    brokerage: MeshExchanges;
 }
 interface TokenTransferPaymentMethodParams {
     paymentMethod: PaymentMethod.TOKEN_TRANSFER;

package/dist/domains/quote.d.ts

@@ -1,18 +1,13 @@
-import { CheckoutQuoteResponse } from '@funkit/api-base';
-import { Address } from 'viem';
-import { Config } from 'wagmi';
-import { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
-import { LoginType } from '~/providers/GeneralWalletProvider';
-import { CheckoutFees } from './checkoutFees';
-import { PaymentMethodInfo } from './paymentMethods';
-export type FunkitCheckoutQuoteResult = {
-    baseQuote: CheckoutQuoteResponse;
-    finalTimeEstimationMs: number;
-    finalPaymentTokenAmount: string;
-    finalPaymentFeeUsd: string;
-    finalTotalUsd: string;
+import { type ApiFunkitCheckoutQuoteResult, type CheckoutQuoteResponse } from '@funkit/api-base';
+import type { Address } from 'viem';
+import type { Config } from 'wagmi';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import type { LoginType } from '~/providers/GeneralWalletProvider';
+import { type CheckoutFees } from './checkoutFees';
+import { type PaymentMethodInfo } from './paymentMethods';
+export interface FunkitCheckoutQuoteResult extends Omit<ApiFunkitCheckoutQuoteResult, 'finalFeesBreakdown'> {
     finalFeesBreakdown: CheckoutFees;
-};
+}
 export declare function getCheckoutBaseQuote(checkoutItem: FunkitActiveCheckoutItem, userId: string, walletAddress: Address, apiKey: string, sponsorInitialTransferGasLimit: number, wagmiConfig: Config): Promise<CheckoutQuoteResponse>;
 export declare function getQuoteFinalEstimation(baseQuote: CheckoutQuoteResponse, checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, wagmiConfig: Config, apiKey: string, loginType: LoginType): Promise<FunkitCheckoutQuoteResult>;
 export declare function getAvailableAssetAmount(checkoutItem: FunkitActiveCheckoutItem, newPaymentMethodInfo: PaymentMethodInfo, finalEstimation: FunkitCheckoutQuoteResult, wagmiConfig: Config, walletAddress: Address): Promise<number | undefined>;

package/dist/hooks/useAllowedAssets.d.ts

@@ -0,0 +1,8 @@
+import type { Address } from 'viem';
+export declare function useAllowedAssets(): {
+    allowedAssets: {
+        [chainId in string]?: Address[];
+    } | undefined;
+    isAllowed: (chainId: number | string, tokenAddress: Address) => boolean;
+    isLoading: boolean;
+};

package/dist/hooks/useAnimatedNavigation.d.ts

@@ -1,4 +1,9 @@
 export declare const ANIMATION_DELAY = 75;
+/**
+ * @param isInitialStep utilizes the old scale-in for initial display. Based on this boolean and animation state.
+ * @returns className to be applied on the animatable content
+ */
+export declare const getContentAnimation: ({ isOut, isReversed, isSkipped }: AnimationState, isInitialStep: boolean) => string | undefined;
 interface AnimatedNavigationResponse<T> {
     animation: AnimationState;
     navigateTo: (page: T, params?: AnimationParams) => void;
@@ -15,7 +20,8 @@ interface AnimationParams {
     skip?: boolean;
 }
 export interface AnimationState {
-    isOut: boolean | undefined;
+    isOut: boolean;
+    isSkipped: boolean;
     isReversed: boolean;
 }
 export {};

package/dist/hooks/useCheckoutModalTitle.d.ts

@@ -1,2 +1,2 @@
-import { Address } from 'viem';
+import type { Address } from 'viem';
 export declare function useCheckoutModalTitle(depositAddress: Address, defaultTitle: string): string;

package/dist/hooks/useCheckoutTransferDepositAddress.d.ts

@@ -1,3 +1,3 @@
-import { FunAddress } from '@funkit/api-base';
-import { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import { type FunAddress } from '@funkit/api-base';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
 export declare const useCheckoutTransferDepositAddress: (checkoutItem: FunkitActiveCheckoutItem | null, userId: string | undefined, recipientAddr: FunAddress) => `0x${string}` | undefined;

package/dist/hooks/useCheckoutType.d.ts

@@ -1,4 +1,4 @@
-import { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig, ServerCheckoutConfig } from '../providers/FunkitCheckoutContext';
+import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig, ServerCheckoutConfig } from '../providers/FunkitCheckoutContext';
 export declare function evaluateCheckoutGenerateActionsParams(config: FunkitCheckoutConfig | ServerCheckoutConfig): FunkitCheckoutActionParams[];
 export declare function isCheckoutCrFlow(checkoutItem: FunkitActiveCheckoutItem): boolean;
 export declare function isCheckoutDirectCrFlow(checkoutItem: FunkitActiveCheckoutItem): boolean;

package/dist/hooks/useCountdown.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { FunCountdownProps } from '~/components/FunCountdown/FunCountdown';
+import { type ReactNode } from 'react';
+import { type FunCountdownProps } from '~/components/FunCountdown/FunCountdown';
 export interface UseCountdownResult {
     countdown: ReactNode;
     isLastSecond: boolean;

package/dist/hooks/useEffectEvent.d.ts

@@ -1,3 +1,3 @@
-type Fn = (...a: any[]) => any;
+type Fn = (...a: any[]) => unknown;
 export declare function useEffectEvent<F extends Fn>(fn: F): F;
 export {};

package/dist/hooks/useEnabledTokenTransferChainTokens.d.ts

@@ -1,2 +1,2 @@
-import { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken';
+import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken';
 export declare function useEnabledTokenTransferChainTokens(): TokenTransferSourceChainsAndAssets;

package/dist/hooks/useFunListeners.d.ts

@@ -1,4 +1,4 @@
-import { Address } from 'viem';
+import type { Address } from 'viem';
 /**
  * Handles the starting and stopping of checkout history listeners based on the calling component's mount/unmount status
  * Each hook will store and track its own intervalId

package/dist/hooks/useIsCheckoutRisky.d.ts

@@ -1,4 +1,4 @@
-import { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
 export declare const useIsCheckoutRisky: (checkoutItem: FunkitActiveCheckoutItem) => {
     isCheckoutRisky: boolean | undefined;
 };

package/dist/hooks/useMainnetEnsAvatar.d.ts

@@ -1,2 +1,2 @@
-import { GetEnsNameReturnType } from 'viem/ens';
+import { type GetEnsNameReturnType } from 'viem/ens';
 export declare function useMainnetEnsAvatar(name: GetEnsNameReturnType | undefined): import("viem/ens").GetEnsAvatarReturnType | undefined;

package/dist/hooks/useMainnetEnsName.d.ts

@@ -1,2 +1,2 @@
-import { Address } from 'viem';
+import type { Address } from 'viem';
 export declare function useMainnetEnsName(address: Address | undefined): import("viem").GetEnsNameReturnType | undefined;

package/dist/hooks/useMesh.d.ts

@@ -1,22 +1,18 @@
-import { LinkPayload } from '@meshconnect/web-link-sdk';
-import React, { ReactNode } from 'react';
-import { FunSelectOption } from '../components/FunSelect/FunSelect';
-import { MeshExchanges } from '../utils/mesh';
-export declare const MESH_EXCHANGE_ICON_MAP: Partial<Record<MeshExchanges, (size: number) => ReactNode>>;
-export declare function getExchangeIcon(exchange: MeshExchanges, size: number): React.ReactNode;
-export declare const useSupportedExchanges: () => MeshExchanges[];
-export declare function getExchangeName(exchange: MeshExchanges): string;
+import { MeshExchangeType } from '~/consts/mesh';
+import type { LinkPayload } from '@meshconnect/web-link-sdk';
+import type { FunSelectOption } from '../components/FunSelect/FunSelect';
+export declare const useSupportedExchanges: () => MeshExchangeType[];
 export declare const useMeshExchanges: ({ fullInfo, iconSize, }: {
     fullInfo?: boolean;
     iconSize?: number;
 }) => {
-    options: FunSelectOption<MeshExchanges>[];
+    options: FunSelectOption<MeshExchangeType>[];
 };
 /**
  * Fetches mesh-related network information based on the active chain user is logged in on, given an exchange
  * @param exchange The mesh exchange user is currently connected with
  */
-export declare const useMeshActiveNetworkInfo: (chainId: string | undefined, exchange: MeshExchanges | undefined) => {
+export declare const useMeshActiveNetworkInfo: (chainId: string | undefined, brokerType: MeshExchangeType | undefined) => {
     meshSupportedTokens: string[];
     meshNetworkId: string | undefined;
 } | null;

package/dist/hooks/usePaymentMethodIcon.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode } from 'react';
-import { PaymentMethod, PaymentMethodInfo } from '../domains/paymentMethods';
+import React, { type ReactNode } from 'react';
+import { PaymentMethod, type PaymentMethodInfo } from '../domains/paymentMethods';
 export declare const PAYMENT_METHOD_ICONS: {
     brokerage: (size: number) => React.JSX.Element;
     card: (size: number) => React.JSX.Element;

package/dist/hooks/useUsableWalletAssetsForCheckout.d.ts

@@ -1,5 +1,2 @@
-import { KnownAssetBalanceInfo } from '../providers/GeneralWalletProvider';
-export interface WalletAssets {
-    [assetKey: string]: KnownAssetBalanceInfo;
-}
+import { type WalletAssets } from './useWalletAssets';
 export declare function useUsableWalletAssetsForCheckout(): WalletAssets | undefined;

package/dist/hooks/useWalletAssets.d.ts

@@ -1,4 +1,4 @@
-import { KnownAssetBalanceInfo } from '../providers/GeneralWalletProvider';
+import type { KnownAssetBalanceInfo } from '../providers/GeneralWalletProvider';
 export type WalletAssets = Record<string, KnownAssetBalanceInfo>;
 /**
  * Returns wallet assets that are above the {@link ASSETS_LOW_VALUE_THRESHOLD} threshold with their total USD value.