@funkit/connect 1.0.5 → 1.0.7

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @funkit/connect
 
+## 1.0.7
+
+### Patch Changes
+
+- 2bbc6d5: fix: moonpay token amount rounding issue
+- 0924ca0: feat: Show credit card options icon (visa, mastercard)
+  refactor: 'Account Balance' -> 'Wallet Balance (...0xAbc)'
+  refactor: Move credit card checkout from 3rd to 2nd option
+  refactor: 'Select Asset To Pay' -> 'Pay With'
+  refactor: Time icon color
+- 1250fc5: feat: modals are dynamically smart-closable
+
+## 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

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

@@ -47,17 +47,17 @@ export declare const Box: React.ForwardRefExoticComponent<{
     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/ConnectButton/formatAddress.d.ts

@@ -1 +1,2 @@
 export declare function formatAddress(address: string): string;
+export declare function formatAddressLastFour(address: string): string;

package/dist/components/Dialog/Dialog.d.ts

@@ -7,6 +7,8 @@ interface DialogProps {
     children: ReactNode;
     /** To hide the dialog without removing the object from the DOM **/
     isHidden?: boolean;
+    /** Whether clicking outside the dialog or pressing escape key would close the modal */
+    isSmartCloseable?: boolean;
 }
-export declare function Dialog({ children, onClose, open, titleId, isHidden, }: DialogProps): React.JSX.Element;
+export declare function Dialog({ children, onClose, open, titleId, isHidden, isSmartCloseable, }: DialogProps): React.JSX.Element;
 export {};

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/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/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/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,28 +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;
-    finalTotalUsdDisplay: string;
-    finalFeesBreakdown: FeesItem;
+    finalFeesBreakdown: CheckoutFeesBreakdownItem;
 };
+interface FunkitCheckoutValidationResult {
+    isValid: boolean;
+    message: string;
+}
 export type FunkitCheckoutResult = {
     type: 'error' | 'success';
     message: string;
@@ -103,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. **/
@@ -131,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.
@@ -140,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;
@@ -7,29 +8,47 @@ export interface FunkitTextCustomizationsConfig {
     transferCrypto: string;
     selectAccount: string;
     enterPaymentInfo: string;
-    selectAssetToPay: string;
+    payWith: string;
 }
 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/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/components/Icons/CreditCardIcons.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const MasterCardIcon: () => React.JSX.Element;
+export declare const VisaCardIcon: () => React.JSX.Element;
+export declare const CombinedCreditCardOptionsIcon: () => React.JSX.Element;

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

@@ -406,17 +406,17 @@ export declare const sprinkles: ((props: {
     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
  */