@funkit/connect 5.0.1 → 5.0.3

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

@@ -1,8 +1,13 @@
+import React from 'react';
 import type { Address } from 'viem';
-import type { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from '../stepTransition';
+import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
 export type CheckoutCompleteState = CheckoutModalCommonState & {
     depositAddress: Address;
 };
+export type CheckoutCompleteNext = Record<string, never>;
+export type ConfirmationStepNext = {
+    depositAddress: Address;
+};
 export declare const CheckoutCompleteInfo: ModalStepInfo<FunCheckoutStep.CHECKOUT_COMPLETE>;
-/** A placeholder component to handle redirecting to the checkout history page */
-export declare function CheckoutComplete({ modalState, onClose, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): null;
+/** A checkout detail component to handle redirecting to the checkout history page */
+export declare function CheckoutComplete({ modalState, onClose, onNext, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_COMPLETE>): React.JSX.Element;

package/dist/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.d.ts

@@ -0,0 +1,3 @@
+import type { Address } from 'viem';
+/** Simply logs checkout completion, TODO: deprecate */
+export declare function useLogCheckoutCompletion(): (depositAddress: Address) => void;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Address } from 'viem';
+import type { CheckoutModalCommonState, FunCheckoutStep, ModalStepComponentProps, ModalStepInfo } from '../stepTransition';
+export type CheckoutHelpState = CheckoutModalCommonState & {
+    depositAddress: Address;
+};
+export declare const CheckoutHelpInfo: ModalStepInfo<FunCheckoutStep.CHECKOUT_HELP>;
+/** Help Form in checkout modal */
+export declare function CheckoutHelp({ modalState, onClose, onBack, }: ModalStepComponentProps<FunCheckoutStep.CHECKOUT_HELP>): React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { CheckoutHistoryItem } from '@funkit/api-base';
+import type { Address } from 'viem';
+import { type CheckoutStatus } from '~/domains/checkoutState';
+export type NotificationStatus = CheckoutStatus | 'delayed';
+interface CheckoutNotificationProps {
+    checkout: CheckoutHistoryItem;
+    onClose: (id: string) => void;
+    onHelp: (depositAddress: Address) => void;
+}
+export declare const CheckoutNotification: ({ checkout: defaultCheckout, onClose, onHelp, }: CheckoutNotificationProps) => React.JSX.Element | null;
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Address } from 'viem';
+interface CheckoutNotificationsProps {
+    onHelp: (depositAddress: Address) => void;
+    /** To control notifications visibility on specific pages, without changing internal dismissal state */
+    isVisible: boolean;
+}
+export declare const CheckoutNotifications: ({ onHelp, isVisible, }: CheckoutNotificationsProps) => React.JSX.Element | null;
+export {};

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

@@ -1,7 +1,8 @@
 import { type ComponentType, type SetStateAction } from 'react';
 import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 import { type FunkitTextCustomizationsConfig } from '../../providers/FunkitConfigContext';
-import { type CheckoutCompleteState } from './CheckoutComplete/CheckoutComplete';
+import { type CheckoutCompleteNext, type CheckoutCompleteState } from './CheckoutComplete/CheckoutComplete';
+import { type CheckoutHelpState } from './CheckoutHelp/CheckoutHelp';
 import { type ConfirmationStepNext, type ConfirmationStepState } from './ConfirmationStep/ConfirmationStep';
 import { type ConnectExchangeNext, type ConnectExchangeState } from './ConnectExchange';
 import { type InputAmountNext, type InputAmountState } from './InputAmount/InputAmount';
@@ -37,15 +38,19 @@ export declare enum FunCheckoutStep {
     SELECT_ASSET = "select_asset",
     MESH_VERIFICATION = "mesh_verification",
     CHECKOUT_COMPLETE = "checkout_complete",
+    CHECKOUT_HELP = "checkout_help",
     TRANSFER_TOKEN = "transfer_token"
 }
 export type ModalStepInfo<S extends FunCheckoutStep> = {
     Component: ComponentType<ModalStepComponentProps<S>>;
     disableBack?: boolean;
+    onBack?(state: CheckoutModalState<S>, prevState: CheckoutModalState): CheckoutModalState;
     onNext(state: CheckoutModalState<S>, payload: NextPayload<S>): CheckoutModalState;
     showFullHeight?: boolean;
     /** Defaults to checkoutItem.initSettings.config.modalTitle (returning undefined uses default) */
     title?(textCustomizations: FunkitTextCustomizationsConfig, isDydx: boolean): string | undefined;
+    /** If title is not defined in config nor with the title() function, this is used instead. Defaults to 'Checkout' */
+    fallbackTitle?: string;
 };
 export declare const CheckoutModalSteps: {
     [S in FunCheckoutStep]: ModalStepInfo<S>;
@@ -53,6 +58,7 @@ export declare const CheckoutModalSteps: {
 type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
     [T in S]: {
         [FunCheckoutStep.CHECKOUT_COMPLETE]: CheckoutCompleteState;
+        [FunCheckoutStep.CHECKOUT_HELP]: CheckoutHelpState;
         [FunCheckoutStep.CONFIRMATION]: ConfirmationStepState;
         [FunCheckoutStep.CONNECT_EXCHANGE]: ConnectExchangeState;
         [FunCheckoutStep.INPUT_AMOUNT]: InputAmountState;
@@ -68,7 +74,8 @@ type CheckoutModalState<S extends FunCheckoutStep = FunCheckoutStep> = {
     };
 }[S];
 type NextPayload<S extends FunCheckoutStep = FunCheckoutStep> = {
-    [FunCheckoutStep.CHECKOUT_COMPLETE]: never;
+    [FunCheckoutStep.CHECKOUT_HELP]: null;
+    [FunCheckoutStep.CHECKOUT_COMPLETE]: CheckoutCompleteNext;
     [FunCheckoutStep.CONFIRMATION]: ConfirmationStepNext;
     [FunCheckoutStep.CONNECT_EXCHANGE]: ConnectExchangeNext;
     [FunCheckoutStep.INPUT_AMOUNT]: InputAmountNext;
@@ -89,6 +96,8 @@ export declare function useCheckoutModalTransition(checkoutItem: FunkitActiveChe
     onBack: () => void;
     onCloseWrapper: () => void;
     onNext: (payload: NextPayload) => void;
+    /** Only use as a last resort. Prefer next/back for proper navigation */
+    onStepChange: (nextState: CheckoutModalState) => void;
     setModalState: import("react").Dispatch<SetStateAction<CheckoutModalState<FunCheckoutStep>>>;
     hasHistoryEntry: boolean;
 };

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -2,7 +2,7 @@ import { type ApiCheckoutClientMetadata, type ApiFunkitCheckoutActionParams, typ
 import React, { type ReactNode } from 'react';
 import { type Address } from 'viem';
 import type { AssetHoldingsItem } from '~/utils/assets';
-import type { PaymentMethodInfo } from '../domains/paymentMethods';
+import { type PaymentMethodInfo } from '../domains/paymentMethods';
 import { type FunkitCheckoutQuoteResult } from './FunkitHistoryContext';
 export type FunkitCheckoutActionParams = ApiFunkitCheckoutActionParams;
 export interface DynamicTargetAssetCandidate {
@@ -101,6 +101,7 @@ export interface FunkitActiveCheckoutItem extends Omit<ApiCheckoutClientMetadata
 interface FunkitCheckoutContextInterface {
     checkoutItem: FunkitActiveCheckoutItem | null;
     initNewCheckout(initSettings: UseFunkitCheckoutPropsWithFullConfig): string;
+    updateModalTitleMeta(newMeta: string): void;
     updateSourceAsset(selectedSource: Omit<AssetHoldingsItem, 'amount' | 'usdAmount' | 'chainSymbolKey'>): void;
     updateTargetAssetAmount(newTargetAssetAmount: number): void;
     updateTargetAsset(asset: {

package/dist/providers/FunkitProvider.d.ts

@@ -3,7 +3,6 @@ import React, { type ReactNode } from 'react';
 import type { Chain } from 'wagmi/chains';
 import type { Locale } from '~/locales';
 import { type CreateFunkitWagmiConfigParameters } from '../config/getDefaultConfig';
-import { type DisclaimerComponent } from './AppContext';
 import { type AvatarComponent } from './AvatarContext';
 import { type FunkitConfig } from './FunkitConfigContext';
 import { type Theme } from './FunkitThemeProvider';
@@ -16,11 +15,6 @@ interface FunkitProviderInnerProps {
     id?: string;
     children: ReactNode;
     theme?: Theme;
-    appInfo?: {
-        appName?: string;
-        learnMoreUrl?: string;
-        disclaimer?: DisclaimerComponent;
-    };
     avatar?: AvatarComponent;
     /** @deprecated This currently has no effect, localization is not yet supported */
     locale?: Locale;

package/dist/providers/FunkitThemeProvider.d.ts

@@ -47,9 +47,11 @@ export declare const useActiveTheme: () => {
             modalBorder: string;
             notificationPrimary: string;
             offBackground: string;
+            offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
+            heavyStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -86,6 +88,8 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
+            announceGradientFrom: string;
+            announceGradientTo: string;
         };
         fonts: {
             body: string;
@@ -154,6 +158,8 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            notification: string;
+            vertexDropdown: string;
         };
         blurs: {
             modalOverlay: string;
@@ -189,9 +195,11 @@ export declare const useActiveTheme: () => {
             modalBorder: string;
             notificationPrimary: string;
             offBackground: string;
+            offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
+            heavyStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -228,6 +236,8 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
+            announceGradientFrom: string;
+            announceGradientTo: string;
         };
         fonts: {
             body: string;
@@ -296,6 +306,8 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            notification: string;
+            vertexDropdown: string;
         };
         blurs: {
             modalOverlay: string;
@@ -329,9 +341,11 @@ export declare const useActiveTheme: () => {
             modalBorder: string;
             notificationPrimary: string;
             offBackground: string;
+            offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
+            heavyStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -368,6 +382,8 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
+            announceGradientFrom: string;
+            announceGradientTo: string;
         };
         fonts: {
             body: string;
@@ -436,6 +452,8 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            notification: string;
+            vertexDropdown: string;
         };
         blurs: {
             modalOverlay: string;

package/dist/providers/GeneralWalletProvider.d.ts

@@ -96,15 +96,15 @@ export declare const useFunkitDisconnect: () => {
     error: null;
     data: undefined;
     status: "idle";
+    isPaused: boolean;
+    context: unknown;
     isError: false;
     isPending: false;
     isSuccess: false;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: undefined;
     isIdle: true;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 } | {
@@ -114,15 +114,15 @@ export declare const useFunkitDisconnect: () => {
     error: null;
     data: undefined;
     status: "pending";
+    isPaused: boolean;
+    context: unknown;
     isError: false;
     isPending: true;
     isSuccess: false;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: import("wagmi/query").DisconnectVariables;
     isIdle: false;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 } | {
@@ -132,15 +132,15 @@ export declare const useFunkitDisconnect: () => {
     error: import("@wagmi/core").DisconnectErrorType;
     data: undefined;
     status: "error";
+    isPaused: boolean;
+    context: unknown;
     isError: true;
     isPending: false;
     isSuccess: false;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: import("wagmi/query").DisconnectVariables;
     isIdle: false;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 } | {
@@ -150,15 +150,15 @@ export declare const useFunkitDisconnect: () => {
     error: null;
     data: void;
     status: "success";
+    isPaused: boolean;
+    context: unknown;
     isError: false;
     isPending: false;
     isSuccess: true;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: import("wagmi/query").DisconnectVariables;
     isIdle: false;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 };

package/dist/providers/ModalContext.d.ts

@@ -29,8 +29,4 @@ export declare function useFunCheckoutModal(): {
     funCheckoutModalOpen: boolean;
     openFunCheckoutModal: ((checkoutId: string) => void) | undefined;
 };
-export declare function useFunCheckoutHistoryModal(): {
-    funCheckoutHistoryModalOpen: boolean;
-    openFunCheckoutHistoryModal: ((depositAddressInitialPageCombined: string) => void) | undefined;
-};
 export {};

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-A6B6WSM2.js";
+} from "../chunk-TPZ2ZISU.js";
 import "../chunk-2T4ZDGAO.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-HAGQWE2B.js";
+} from "../chunk-3LPXAPO7.js";
 import "../chunk-2T4ZDGAO.js";
 export {
   lightTheme

package/dist/utils/checkout.d.ts

@@ -50,14 +50,15 @@ export declare function getFunkitEnvForCheckoutEstimation({ chainId, bypassWalle
     };
     bypassInit: boolean;
     apiKey?: string;
+    nonce?: bigint | undefined;
+    logger?: import("@funkit/api-base").Logger | undefined;
     fee?: {
         token?: string;
         amount?: number;
         gasPercent?: number;
         recipient: Address;
-    };
-    skipDBAction?: boolean;
-    nonce?: bigint;
+    } | undefined;
+    skipDBAction?: boolean | undefined;
 };
 export type TokenInfo = {
     symbol: string;
@@ -117,3 +118,7 @@ export declare function isCheckoutCrFlow(checkoutItem: FunkitActiveCheckoutItem)
  * @param config can be either be a config from live checkoutItem OR from checkout history's clientMetadata
  */
 export declare function isCheckoutPostActionRequired(config: FunkitCheckoutConfig | ServerCheckoutConfig): boolean;
+/**
+ * @returns whether we should show the checkout to the user (ie. supported in current sdk version & not cancelled)
+ */
+export declare const isCheckoutValid: (checkout: CheckoutHistoryItem) => boolean;

package/dist/utils/checkoutHistory.d.ts

@@ -3,14 +3,6 @@ export declare enum HistoryContentPages {
     DETAIL = "detail",
     HELP = "help"
 }
-export declare const combineDepositAddressAndInitialPage: ({ depositAddress, initialPage, }: {
-    depositAddress: string;
-    initialPage: HistoryContentPages;
-}) => string;
-export declare const deconstructDepositAddressAndInitialPage: (combined: string) => {
-    depositAddress: `0x${string}`;
-    initialPage: HistoryContentPages;
-};
 export declare function getLatestReportSubmitTime(): number;
 export declare function setLatestReportSubmitTime(timeMs: number): void;
 export declare function clearLatestWalletId(): void;

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

@@ -106,4 +106,12 @@ export declare const flagConfig: {
         type: "boolean";
         default_value: true;
     };
+    show_info_banner: {
+        type: "string";
+        default_value: string;
+    };
+    checkout_notifications_refresh_interval: {
+        type: "string";
+        default_value: string;
+    };
 };

package/dist/wallets/walletConnectors/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -45,15 +45,15 @@
   },
   "devDependencies": {
     "@aws-sdk/client-s3": "^3.600.0",
-    "@chromatic-com/storybook": "^3.2.2",
+    "@chromatic-com/storybook": "^3.2.4",
     "@meshconnect/node-api": "2.0.14",
-    "@storybook/addon-essentials": "^8.4.4",
-    "@storybook/addon-interactions": "^8.4.4",
-    "@storybook/addon-links": "^8.4.4",
-    "@storybook/blocks": "^8.4.4",
-    "@storybook/react": "^8.4.4",
-    "@storybook/react-vite": "^8.4.4",
-    "@storybook/test": "^8.4.4",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/blocks": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@testing-library/jest-dom": "^6.2.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -67,7 +67,7 @@
     "jsdom": "^25.0.1",
     "postcss": "^8.4.32",
     "react": "^18.3.0",
-    "storybook": "^8.4.4",
+    "storybook": "^8.5.3",
     "tsx": "^4.19.2",
     "vitest": "^2.0.5"
   },
@@ -75,6 +75,7 @@
     "@datadog/browser-logs": "5.22.0",
     "@meshconnect/web-link-sdk": "2.1.1",
     "@moonpay/moonpay-react": "^1.6.1",
+    "@number-flow/react": "^0.5.5",
     "@privy-io/js-sdk-core": "^0.21.0",
     "@types/uuid": "^9.0.8",
     "@vanilla-extract/css": "1.15.3",
@@ -83,16 +84,17 @@
     "@wagmi/core": "^2.13.0",
     "bech32": "^2.0.0",
     "clsx": "2.1.1",
+    "motion": "^12.0.11",
     "qrcode": "1.5.3",
     "react-remove-scroll": "2.5.7",
     "react-virtuoso": "4.10.1",
     "ua-parser-js": "^1.0.37",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.5.5",
+    "@funkit/api-base": "1.5.7",
     "@funkit/chains": "0.1.2",
-    "@funkit/core": "2.3.6",
-    "@funkit/utils": "1.0.6",
-    "@funkit/wagmi-tools": "3.0.28"
+    "@funkit/wagmi-tools": "3.0.30",
+    "@funkit/utils": "1.0.7",
+    "@funkit/core": "2.3.8"
   },
   "repository": {
     "type": "git",

package/dist/modals/CheckoutModal/CheckoutComplete/useRedirectToCheckoutHistory.d.ts

@@ -1,3 +0,0 @@
-import type { Address } from 'viem';
-import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
-export declare function useRedirectToCheckoutHistory(checkoutItem: FunkitActiveCheckoutItem | null, onClose: () => void): (depositAddress: Address) => void;