@funkit/connect 5.0.2 → 5.0.4

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,6 +38,7 @@ 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> = {
@@ -47,6 +49,8 @@ export type ModalStepInfo<S extends FunCheckoutStep> = {
     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>;
@@ -54,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;
@@ -69,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;
@@ -90,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

@@ -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

@@ -45,12 +45,12 @@ export declare const useActiveTheme: () => {
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
-            notificationPrimary: string;
             offBackground: string;
             offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
+            heavyStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -87,6 +87,8 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
+            announceGradientFrom: string;
+            announceGradientTo: string;
         };
         fonts: {
             body: string;
@@ -155,6 +157,7 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            notification: string;
             vertexDropdown: string;
         };
         blurs: {
@@ -189,12 +192,12 @@ export declare const useActiveTheme: () => {
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
-            notificationPrimary: string;
             offBackground: string;
             offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
+            heavyStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -231,6 +234,8 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
+            announceGradientFrom: string;
+            announceGradientTo: string;
         };
         fonts: {
             body: string;
@@ -299,6 +304,7 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            notification: string;
             vertexDropdown: string;
         };
         blurs: {
@@ -331,12 +337,12 @@ export declare const useActiveTheme: () => {
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
-            notificationPrimary: string;
             offBackground: string;
             offBackgroundComplimentary: string;
             hoverState: string;
             lightStroke: string;
             mediumStroke: string;
+            heavyStroke: string;
             strokeColor: string;
             dydxSwitchActiveBackground: string;
             primaryText: string;
@@ -373,6 +379,8 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
+            announceGradientFrom: string;
+            announceGradientTo: string;
         };
         fonts: {
             body: string;
@@ -441,6 +449,7 @@ export declare const useActiveTheme: () => {
             selectedOption: string;
             selectedWallet: string;
             dropdown: string;
+            notification: string;
             vertexDropdown: string;
         };
         blurs: {

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-3OKZVQR2.js";
+} from "../chunk-ZHSAPALJ.js";
 import "../chunk-2T4ZDGAO.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

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

package/dist/utils/checkout.d.ts

@@ -51,6 +51,7 @@ 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;
@@ -58,7 +59,6 @@ export declare function getFunkitEnvForCheckoutEstimation({ chainId, bypassWalle
         recipient: Address;
     } | undefined;
     skipDBAction?: boolean | undefined;
-    logger?: import("@funkit/api-base").Logger | undefined;
 };
 export type TokenInfo = {
     symbol: string;
@@ -118,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

@@ -110,4 +110,8 @@ export declare const flagConfig: {
         type: "string";
         default_value: string;
     };
+    checkout_notifications_refresh_interval: {
+        type: "string";
+        default_value: string;
+    };
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-W6N74MS3.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-545L7Y4M.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bifrostWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-A5APNTGL.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-7GSNBOD3.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   bitgetWallet
 };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-3S2U24BJ.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-HKV7EMYZ.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   frontierWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   gateWallet
-} from "../chunk-GSOYKKIS.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-3NC26XLM.js";
 import "../chunk-WRA2DVJ7.js";
+import "../chunk-23WIEY36.js";
 export {
   gateWallet
 };