@funkit/connect 1.0.4 → 1.0.6

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @funkit/connect
 
+## 1.0.6
+
+### Patch Changes
+
+- 9f5f122: feat: quote load order and progress message
+- 04c4172: feat: eoa checkout full support
+- c96f167: feat: customRecipient guardrails
+- e8ae62d: fix: wmatic to matic conversion
+- 978a15c: feat: checkout fees restructuring
+- edb008b: feat: new allowBrokerageUnlinking config in funkitConfig
+- 18737fb: fix: account button bug in mobile
+- c96f167: feat: disable non applicable assets in purchase flows
+- 0c89cb0: feat: more funkit configurations and checkout history fixes
+- f87bc46: feat: better quote errors
+- 2520aaa: feat: show chain on checkout image if iconSrc is defined
+- 3e30577: feat: feat: eoa account balance checkout gas estimations + shows up as a estimated network fee
+- b6b488c: feat: default payment method configuration + support more checkout states
+- c96f167: fix: checkout notification history
+- 0114790: feat: showChainSelector config in ConnectButton
+- 3872961: feat: avoid constructing userOps for eoa checkouts with no actions
+- Updated dependencies [e63e0c3]
+- Updated dependencies [9a3220f]
+- Updated dependencies [b6b488c]
+  - @funkit/core@1.0.3
+  - @funkit/wagmi-tools@1.0.4
+
+## 1.0.5
+
+### Patch Changes
+
+- 9197b4f: fix: moonpay modal
+- b388697: feat: unsupported checkout chains tracking
+- 5e6e878: feat: trigger re-quote if checkout confirmation returns expired quote error
+- ec8205e: feat: tx summary borders
+- ec8205e: feat: better checkout time display
+- 11d5350: feat: increase max height of token list
+- cac4e5c: feat: consistent total usd amount with draft value
+- b388697: feat: FunBadge component
+- Updated dependencies [b388697]
+  - @funkit/core@1.0.2
+  - @funkit/wagmi-tools@1.0.3
+
 ## 1.0.4
 
 ### Patch Changes

package/dist/components/Box/Box.d.ts

@@ -40,24 +40,24 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly backgroundSize?: "cover" | undefined;
     readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "16" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
-    readonly borderWidth?: "0" | "1" | "2" | "4" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "0.5" | "4" | undefined;
     readonly cursor?: "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
     readonly fontSize?: "10" | "13" | "16" | "12" | "14" | "18" | "20" | "23" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
     readonly gap?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly height?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly height?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "center" | undefined;
     readonly marginBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginRight?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginTop?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly minHeight?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly minHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
     readonly paddingBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly paddingLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
@@ -67,7 +67,7 @@ export declare const Box: React.ForwardRefExoticComponent<{
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
     margin?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     marginX?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;

package/dist/components/ConnectButton/ConnectButton.d.ts

@@ -8,8 +8,9 @@ export interface ConnectButtonProps {
     showBalance?: ResponsiveValue<boolean>;
     chainStatus?: ResponsiveValue<ChainStatus>;
     label?: string;
+    showChainSelector?: boolean;
 }
-export declare function ConnectButton({ accountStatus, chainStatus, label, showBalance, }: ConnectButtonProps): React.JSX.Element;
+export declare function ConnectButton({ accountStatus, chainStatus, label, showBalance, showChainSelector, }: ConnectButtonProps): React.JSX.Element;
 export declare namespace ConnectButton {
     var __defaultProps: {
         readonly accountStatus: "full";
@@ -22,6 +23,7 @@ export declare namespace ConnectButton {
             readonly largeScreen: true;
             readonly smallScreen: false;
         };
+        readonly showChainSelector: true;
     };
     var Custom: typeof ConnectButtonRenderer;
 }

package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts

@@ -2,11 +2,12 @@ import React from 'react';
 import { BoxProps } from '../Box/Box';
 interface FunAssetAvatarProps {
     assetSrc?: string | undefined;
-    assetTicker: string;
+    assetTicker?: string;
     assetName: string;
     assetIconSize?: BoxProps['height'] | BoxProps['width'];
     chainId: string | number;
     chainIconSize?: BoxProps['height'] | BoxProps['width'];
+    prioritizeDefaults?: boolean;
 }
-export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, }: FunAssetAvatarProps): React.JSX.Element;
+export declare function FunAssetAvatar({ assetSrc, assetTicker, assetName, assetIconSize, chainId, chainIconSize, prioritizeDefaults, }: FunAssetAvatarProps): React.JSX.Element;
 export {};

package/dist/components/FunBadge/FunBadge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function FunBadge({ text }: {
+    text: string;
+}): React.JSX.Element;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts

@@ -3,7 +3,6 @@ interface FunCheckoutHistoryModalProps {
     open: boolean;
     onClose: () => void;
     depositAddress: `0x${string}`;
-    isCheckoutSpecialCrFlow: boolean;
 }
-export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, isCheckoutSpecialCrFlow, }: FunCheckoutHistoryModalProps): React.JSX.Element;
+export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, }: FunCheckoutHistoryModalProps): React.JSX.Element;
 export {};

package/dist/components/FunCheckoutModal/FunCheckoutConfirmationStep.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { FunCheckoutStep } from './FunCheckoutModal';
-export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, onFinish, animateOut, }: {
+export declare function FunCheckoutConfirmationStep({ checkoutId, checkoutStep, regenerateQuoteFn, onFinish, animateOut, }: {
     checkoutId: string | null;
     checkoutStep: FunCheckoutStep;
+    regenerateQuoteFn: () => void;
     onFinish: (depositAddress: string) => void;
     animateOut: boolean;
 }): React.JSX.Element;

package/dist/components/FunCheckoutModal/FunCheckoutModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare enum FunCheckoutStep {
-    SELECT_PAYMENT_METHOD = "payment",
+    SELECT_PAYMENT_METHOD = "select_payment",
     CONFIRMATION = "confirmation",
     PAYMENT_SETUP = "payment_setup",
     SELECT_ASSET = "select_asset",

package/dist/components/FunDivider/FunDivider.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { BoxProps } from '../Box/Box';
-export declare function FunDivider({ marginTop, marginBottom, transparent, }: {
+export declare function FunDivider({ marginTop, marginBottom, transparent, borderWidth, }: {
     marginTop?: BoxProps['margin'];
     marginBottom?: BoxProps['margin'];
     transparent?: boolean;
+    borderWidth?: BoxProps['borderWidth'];
 }): React.JSX.Element;

package/dist/components/FunDot/FunDot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function FunDot(): React.JSX.Element;

package/dist/components/FunNotification/FunNotification.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { Box } from '../Box/Box';
 import { TextProps } from '../Text/Text';
 interface FunNotificationProps {
     type?: FunNotificationType;
-    description: string;
+    description: string | ReactNode;
     textProps?: Omit<TextProps, 'color'>;
     containerProps?: React.ComponentProps<typeof Box>;
 }

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

@@ -3,6 +3,7 @@ import { BoxProps } from '../Box/Box';
 export interface FunSelectOption {
     value: string;
     label: ReactNode;
+    isDisabled: boolean;
 }
 export declare function FunSelectDropdown({ handleSelect, isDropdownOpen, options, selectedValue, containerPaddingY, containerMarginTop, optionItemPadding, showBorder, }: {
     handleSelect: (newValue: FunSelectOption['value']) => void;

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

@@ -8,7 +8,7 @@ export type FeesItem = null | {
     platformFeesTokenAmount?: string | number | null;
     platformFeesTokenSymbol?: string | null;
 };
-export declare function FunTransactionSummary({ estFees, estTime, isLoading, hasTotal, total, hasPaymentToken, symbol, paymentTokenString, suffixComponent, errorMessage, }: {
+export declare function FunTransactionSummary({ estFees, estTime, isLoading, hasTotal, total, hasPaymentToken, symbol, paymentTokenString, suffixComponent, errorMessage, isEstimatedNetworkFees, }: {
     estFees: FeesItem;
     estTime: string | number | null;
     isLoading?: boolean;
@@ -19,4 +19,5 @@ export declare function FunTransactionSummary({ estFees, estTime, isLoading, has
     total?: string | number | null;
     suffixComponent?: ReactNode;
     errorMessage?: string;
+    isEstimatedNetworkFees: boolean;
 }): React.JSX.Element;

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -3,6 +3,7 @@ import React, { ReactNode } from 'react';
 import { Abi, Address } from 'viem';
 import { PaymentMethodInfo } from '../../consts/payment';
 import { CheckoutHistoryStateMap } from '../../utils/checkout';
+import { CheckoutFeesBreakdownItem } from '../../utils/checkoutFees';
 export interface FunkitCheckoutActionParams {
     contractAbi: Abi;
     contractAddress: Address;
@@ -39,27 +40,23 @@ export interface FunkitCheckoutConfig {
     checkoutItemDescription?: string;
     /** The quantity of the item being checked out. If not specified (0, null, undefined), it will default to blank. **/
     checkoutItemAmount?: number;
+    /** *****************************
+     * Miscellaneous configurations *
+     ********************************/
+    /** User identification within customer's app for logging and customer dashboard purposes (future). **/
+    externalCheckoutUserId?: string;
 }
-interface FunkitCheckoutValidationResult {
-    isValid: boolean;
-    message: string;
-}
-export type FeesItem = null | {
-    totalUsd: string | number | null;
-    transactionFeesUsd: string | number | null;
-    transactionFeesTokenAmount?: string | number | null;
-    transactionFeesTokenSymbol?: string | null;
-    platformFeesUsd: string | number | null;
-    platformFeesTokenAmount?: string | number | null;
-    platformFeesTokenSymbol?: string | null;
-};
 type FunkitCheckoutQuoteResult = {
     baseQuote: CheckoutCoreQuoteResponse;
     finalTimeEstimationMs: number;
     finalPaymentTokenAmount: string;
     finalTotalUsd: string;
-    finalFeesBreakdown: FeesItem;
+    finalFeesBreakdown: CheckoutFeesBreakdownItem;
 };
+interface FunkitCheckoutValidationResult {
+    isValid: boolean;
+    message: string;
+}
 export type FunkitCheckoutResult = {
     type: 'error' | 'success';
     message: string;
@@ -102,6 +99,8 @@ export interface FunkitActiveCheckoutItem {
     isQuoting: boolean;
     /** Latest checkout estimated fees and time **/
     latestQuote: null | FunkitCheckoutQuoteResult;
+    /** The quotation step message **/
+    quoteStepMessage: string;
     /** Error messages associated with checkout quote **/
     quoteErrorMessage: string;
     /** The deposit address provided by server after the checkout is confirmed. If `null`, it is not confirmed yet. **/
@@ -130,7 +129,8 @@ interface useFunkitPreCheckoutInternalReturn {
     updateSelectedPaymentMethodInfo: (newPaymentMethodInfo: PaymentMethodInfo) => void;
     confirmCheckout: (shouldBatchOpBypassInit: boolean) => Promise<Address>;
     getCheckoutDraftDollarValue: () => Promise<void>;
-    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo) => Promise<void>;
+    clearCheckoutQuoteMessages: () => void;
+    getCheckoutQuote: (sponsorInitialTransferGasLimit: number, newPaymentMethodInfo: PaymentMethodInfo) => Promise<boolean>;
 }
 /**
  * Internal hook to handle frontend pre-checkout operations, PER-CHECKOUT ITEM.
@@ -139,7 +139,7 @@ export declare const useFunkitPreCheckoutInternal: (checkoutId: string | null) =
 /**
  * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
  */
-export declare const useFunkitPostCheckoutInternal: (depositAddress: Address, isCheckoutSpecialCrFlow: boolean) => {
+export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
     isLoading: boolean;
     checkoutHistoryInfo: CheckoutHistoryItem | undefined;
 };

package/dist/components/FunkitProvider/FunkitConfigContext.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { PaymentMethod } from '../../consts/payment';
 export interface FunkitTextCustomizationsConfig {
     selectPaymentMethod: string;
     brokerageOrExchange: string;
@@ -13,23 +14,41 @@ export declare const DEFAULT_TEXT_CUSTOMIZATIONS: FunkitTextCustomizationsConfig
 interface FunkitLoginOptionsConfig {
     web2: boolean;
     web3: boolean;
+    prioritizeWeb2Logins?: boolean;
+}
+interface FunkitAccountOptionsConfig {
+    /** Whether end users can deposit usdc/eth from the account modal **/
+    enableDepositing?: boolean;
+}
+interface FunkitPaymentsConfig {
+    /** If available, the specified payment method will be selected by default during checkout or deposits **/
+    defaultPaymentMethod?: PaymentMethod | undefined;
+    /** Whether end users are given the option to unlink a previously connected brokerage **/
+    allowBrokerageUnlinking?: boolean;
 }
 export type FunkitConfig = {
     /** Funkit api key **/
     apiKey: string;
     /** Privy app id **/
     privyAppId: string;
-    /** Login options toggle **/
-    enabledLoginOptions: FunkitLoginOptionsConfig;
     /** App name **/
     appName: string;
     /** App logo (rendered as 80px x 80px) **/
     appLogoSrc?: string;
-    /** Text Customizations **/
+    /** Text customizations across all widgets **/
     textCustomizations?: Partial<FunkitTextCustomizationsConfig>;
+    /** Login modal configuration **/
+    loginModalConfig: Partial<FunkitLoginOptionsConfig>;
+    /** Account modal configuration **/
+    accountModalConfig?: Partial<FunkitAccountOptionsConfig>;
+    /** Payments configuration **/
+    paymentsConfig?: Partial<FunkitPaymentsConfig>;
 };
 interface FinalFunkitConfigInternal extends FunkitConfig {
     textCustomizations: FunkitTextCustomizationsConfig;
+    loginModalConfig: FunkitLoginOptionsConfig;
+    accountModalConfig: FunkitAccountOptionsConfig;
+    paymentsConfig: FunkitPaymentsConfig;
 }
 export declare const FunkitConfigContext: import("react").Context<FunkitConfig>;
 export declare function useFunkitConfig(): FinalFunkitConfigInternal;

package/dist/components/FunkitProvider/FunkitMeshProvider.d.ts

@@ -0,0 +1,20 @@
+import { LinkPayload } from '@meshconnect/web-link-sdk';
+import React from 'react';
+import { MeshExchanges } from '../../utils/mesh';
+interface MeshBrokerDataMap {
+    [brokerName: string]: LinkPayload & {
+        connectionExpiresAtMs: number;
+    };
+}
+export declare function FunkitMeshProvider({ children }: any): React.JSX.Element;
+export declare function useFunkitMesh({ onBeforeConnect, onConnected, onMeshModalClose, }: {
+    onBeforeConnect?: () => void;
+    onConnected?: (brokerData: LinkPayload | null) => void;
+    onMeshModalClose?: () => void;
+}): {
+    meshBrokerDataMap: MeshBrokerDataMap;
+    connectToBrokerage: (brokerage: MeshExchanges) => Promise<void>;
+    unlinkBrokerage: (exchange: MeshExchanges) => void;
+    hasActiveConnectionCheck: (brokerage: MeshExchanges) => boolean;
+};
+export {};

package/dist/components/FunkitProvider/ModalContext.d.ts

@@ -30,7 +30,7 @@ export declare function useFunCheckoutModal(): {
 };
 export declare function useFunCheckoutHistoryModal(): {
     funCheckoutHistoryModalOpen: boolean;
-    openFunCheckoutHistoryModal: ((depositAddress: string, isCheckoutSpecialCrFlow: boolean) => void) | undefined;
+    openFunCheckoutHistoryModal: ((depositAddress: string) => void) | undefined;
 };
 export declare function useFunDevTestModal(): {
     funDevTestModalOpen: boolean;

package/dist/consts/funkit.d.ts

@@ -4,6 +4,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 FROM_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const TO_PROGRESS_CHECKOUT_STATES: CheckoutState[];
 export declare const IN_PROGRESS_CHECKOUT_STATES: CheckoutState[];

package/dist/consts/quote.d.ts

@@ -0,0 +1,13 @@
+export declare enum PendingQuoteMessage {
+    PREPARING = 0,
+    VERIFYING_PROVIDER = 1,
+    ESTIMATING_GAS = 2,
+    FINALIZING = 3
+}
+export declare const PENDING_QUOTE_MESSAGE_GENERATOR: {
+    0: () => string;
+    1: (provider: string) => string;
+    2: () => string;
+    3: () => string;
+};
+export declare function generateQuoteApiErrorForDisplay(errorMessage?: string): string;

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

@@ -399,24 +399,24 @@ export declare const sprinkles: ((props: {
     readonly backgroundSize?: "cover" | undefined;
     readonly borderRadius?: "1" | "actionButton" | "connectButton" | "menuButton" | "modal" | "modalMobile" | "6" | "10" | "13" | "16" | "24" | "25%" | "full" | undefined;
     readonly borderStyle?: "dotted" | "hidden" | "solid" | undefined;
-    readonly borderWidth?: "0" | "1" | "2" | "4" | undefined;
+    readonly borderWidth?: "0" | "1" | "2" | "0.5" | "4" | undefined;
     readonly cursor?: "pointer" | undefined;
     readonly flexDirection?: "column" | "row" | undefined;
     readonly fontFamily?: "body" | undefined;
     readonly fontSize?: "10" | "13" | "16" | "12" | "14" | "18" | "20" | "23" | "57" | undefined;
     readonly fontWeight?: "medium" | "bold" | "regular" | "semibold" | "heavy" | undefined;
     readonly gap?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly height?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly height?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
     readonly justifyContent?: "center" | "space-around" | "space-between" | "flex-end" | "flex-start" | undefined;
     readonly textAlign?: "inherit" | "left" | "center" | undefined;
     readonly marginBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginRight?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly marginTop?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
-    readonly minHeight?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxHeight?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly maxWidth?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
-    readonly minWidth?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly minHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxHeight?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly maxWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly minWidth?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
     readonly overflow?: "hidden" | undefined;
     readonly paddingBottom?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     readonly paddingLeft?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
@@ -426,7 +426,7 @@ export declare const sprinkles: ((props: {
     readonly right?: "0" | undefined;
     readonly transition?: "transform" | "default" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly width?: "1" | "2" | "10" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
+    readonly width?: "1" | "2" | "10" | "16" | "24" | "full" | "4" | "12" | "14" | "20" | "400" | "8" | "28" | "30" | "32" | "34" | "36" | "40" | "44" | "48" | "50" | "54" | "60" | "93" | "100" | "108" | "162" | "192" | "200" | "210" | "220" | "230" | "240" | "256" | "320" | "440" | "600" | "half" | "max" | undefined;
     readonly backdropFilter?: "modalOverlay" | undefined;
     margin?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;
     marginX?: "0" | "1" | "2" | "3" | "6" | "10" | "16" | "24" | "4" | "12" | "14" | "18" | "20" | "8" | "28" | "30" | "32" | "36" | "44" | "-1" | "5" | "64" | undefined;

package/dist/hooks/useCheckoutQuoteNotification.d.ts

@@ -0,0 +1,7 @@
+export declare function useCheckoutQuoteNotification(checkoutId: string): {
+    hasQuoteError: boolean;
+    hasQuoteStepMessage: boolean;
+    showQuoteNotification: boolean;
+    quoteNotificationMessage: string | undefined;
+    clearCheckoutQuoteMessages: () => void;
+};

package/dist/hooks/useCheckoutType.d.ts

@@ -1,9 +1,11 @@
 import { FunkitActiveCheckoutItem } from '../components/FunkitProvider/FunkitCheckoutContext';
 export declare function getCheckoutType(checkoutItem: FunkitActiveCheckoutItem | null): {
     isCheckoutCrFlow: boolean;
-    isCheckoutSpecialCrFlow: boolean;
+    isCheckoutDirectCrFlow: boolean;
+    isCheckoutPostActionRequired: boolean;
 };
 export declare function useCheckoutType(checkoutItem: FunkitActiveCheckoutItem | null): {
     isCheckoutCrFlow: boolean;
-    isCheckoutSpecialCrFlow: boolean;
+    isCheckoutDirectCrFlow: boolean;
+    isCheckoutPostActionRequired: boolean;
 };

package/dist/hooks/useFunListeners.d.ts

@@ -2,7 +2,7 @@ import { Address } from 'viem';
 /**
  * Handles the starting and stopping of checkout history listeners based on the calling component's mount/unmount status
  */
-export declare function useCheckoutHistoryListener(activate?: boolean, recipientAddr?: Address | undefined): void;
+export declare function useCheckoutHistoryListener(activate?: boolean, singleDepositAddr?: Address | undefined): void;
 /**
  * Handles the starting and stopping of asset listeners based on the calling component's mount/unmount status
  */