@funkit/connect 9.3.2 → 9.4.1

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

@@ -0,0 +1 @@
+export type CheckoutBlockedReason = 'fullGeoblock' | 'semiGeoblock' | 'security' | 'unloggedin';

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

@@ -0,0 +1,18 @@
+import type { CheckoutBlockedReason } from './CheckoutBlockedReason';
+import { FunCheckoutStep } from './FunCheckoutStep';
+interface UseCheckoutBlockedParams {
+    isModalBlocked: boolean;
+    modalStep: FunCheckoutStep;
+    onCheckoutBlocked?: (params: {
+        blockedReason: CheckoutBlockedReason;
+    }) => void;
+}
+type CheckoutBlockedResult = {
+    blockedReason: CheckoutBlockedReason;
+    showBlockedUI: boolean;
+} | {
+    blockedReason: null;
+    showBlockedUI: false;
+};
+export declare function useCheckoutBlocked(params: UseCheckoutBlockedParams): CheckoutBlockedResult;
+export {};

package/dist/providers/FunkitCheckoutContext/types.d.ts

@@ -2,6 +2,7 @@ import type { FunAddress } from '@funkit/api-base';
 import type { ApiCheckoutClientMetadata, ApiFunkitCheckoutActionParams, ApiFunkitCheckoutConfig } from '@funkit/utils';
 import type { Address } from 'viem';
 import type { PaymentMethodInfo } from '../../domains/paymentMethods';
+import type { CheckoutBlockedReason } from '../../modals/CheckoutModal/CheckoutBlockedReason';
 import type { WithdrawalClient } from '../../wallets/Wallet';
 import type { FunkitCheckoutQuoteResult } from '../FunkitHistoryContext';
 export type FunkitCheckoutActionParams = ApiFunkitCheckoutActionParams;
@@ -172,6 +173,10 @@ export interface UseFunkitCheckoutProps {
     }) => void;
     /** @optional fires when a withdrawal is confirmed with the funkit server. Returns the newly created withdrawalId. **/
     onWithdrawalConfirmation?: (withdrawalId: string) => void;
+    /** @optional fires when checkout is blocked (e.g. geo-restriction, security hold, or missing wallet connection). **/
+    onCheckoutBlocked?: (params: {
+        blockedReason: CheckoutBlockedReason;
+    }) => void;
     /** @optional fires if the withdrawal fails at any point **/
     onWithdrawalError?: (result: FunkitCheckoutResult) => void;
 }

package/dist/providers/FunkitThemeProvider.d.ts

@@ -62,6 +62,13 @@ export declare const useActiveTheme: () => {
             inputBorderHover: string;
             activeTabBorderColor: string;
             activeTabBackground: string;
+            inactiveTabBorderColor: string;
+            inactiveTabBackgroundBase: string;
+            inactiveTabBackgroundHover: string;
+            inactiveTabBackgroundActive: string;
+            activeTabText: string;
+            inactiveTabTextBase: string;
+            inactiveTabHover: string;
             actionColor: string;
             actionColorHover: string;
             actionColorDisabled: string;
@@ -142,9 +149,12 @@ export declare const useActiveTheme: () => {
             dropdownActiveItemBackgroundDisabled: string;
             dropdownActiveItemBorderBase: string;
             dropdownActiveItemBorderHover: string;
+            dropdownGroupHeader: string;
             selectedDropdownItemBackground: string;
             alwaysVisibleLabelBackgroundHover: string;
             selectedDropdownItemText: string;
+            useConnectedBackgroundBase: string;
+            useConnectedBackgroundHover: string;
             copyButtonBackgroundBase: string;
             copyButtonBackgroundHover: string;
             copyButtonBackgroundActive: string;
@@ -195,6 +205,7 @@ export declare const useActiveTheme: () => {
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextTertiary: string;
+            dropdownGroupHeader: string;
             header: string;
             inputAmount: string;
             txStatusDescription: string;
@@ -207,6 +218,7 @@ export declare const useActiveTheme: () => {
             bold: string;
             heavy: string;
             cryptoCashToggle: string;
+            dropdownGroupHeader: string;
             inputAmount: string;
             inputLabel: string;
             inputValue: string;
@@ -300,6 +312,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            dropdownGroupHeader: {
+                fontSize: string;
+                lineHeight: string;
+            };
             inputAmount: {
                 fontSize: string;
                 lineHeight: string;
@@ -400,6 +416,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            paymentFeeSummaryTooltip: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            tooltipContent: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -427,6 +451,8 @@ export declare const useActiveTheme: () => {
             activeOptionBorderWidth: string;
             buttonTertiaryBorderWidth: string;
             cryptoCashToggleContainerBorderWidth: string;
+            cryptoCashToggleActiveTabBorderWidth: string;
+            cryptoCashToggleInactiveTabBorderWidth: string;
             txSummaryBoxBorderWidth: string;
         };
         shadows: {
@@ -462,6 +488,13 @@ export declare const useActiveTheme: () => {
             cryptoCashToggleMarginBottom: string;
             cryptoCashToggleMarginTop: string;
             cryptoCashToggleTabPaddingY: string;
+            dropdownItemIconGap: string;
+            dropdownItemPaddingX: string;
+            dropdownItemPaddingY: string;
+            dropdownCompactPaddingX: string;
+            dropdownCompactPaddingY: string;
+            dropdownPaddingX: string;
+            dropdownPaddingY: string;
             modalBaseHorizontalPadding: string;
             modalBottomBarButtonPaddingY: string;
             modalBottomHorizontalPadding: string;
@@ -490,6 +523,7 @@ export declare const useActiveTheme: () => {
             inputPaddingY: string;
             dropdownActiveItemRegularSizePaddingY: string;
             assetListDefaultGap: string;
+            dropdownGroupDividerMarginY: string;
         };
         textTransforms: {
             inputAmountQuickOptionButton: string;
@@ -552,6 +586,13 @@ export declare const useActiveTheme: () => {
             inputBorderHover: string;
             activeTabBorderColor: string;
             activeTabBackground: string;
+            inactiveTabBorderColor: string;
+            inactiveTabBackgroundBase: string;
+            inactiveTabBackgroundHover: string;
+            inactiveTabBackgroundActive: string;
+            activeTabText: string;
+            inactiveTabTextBase: string;
+            inactiveTabHover: string;
             actionColor: string;
             actionColorHover: string;
             actionColorDisabled: string;
@@ -632,9 +673,12 @@ export declare const useActiveTheme: () => {
             dropdownActiveItemBackgroundDisabled: string;
             dropdownActiveItemBorderBase: string;
             dropdownActiveItemBorderHover: string;
+            dropdownGroupHeader: string;
             selectedDropdownItemBackground: string;
             alwaysVisibleLabelBackgroundHover: string;
             selectedDropdownItemText: string;
+            useConnectedBackgroundBase: string;
+            useConnectedBackgroundHover: string;
             copyButtonBackgroundBase: string;
             copyButtonBackgroundHover: string;
             copyButtonBackgroundActive: string;
@@ -685,6 +729,7 @@ export declare const useActiveTheme: () => {
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextTertiary: string;
+            dropdownGroupHeader: string;
             header: string;
             inputAmount: string;
             txStatusDescription: string;
@@ -697,6 +742,7 @@ export declare const useActiveTheme: () => {
             bold: string;
             heavy: string;
             cryptoCashToggle: string;
+            dropdownGroupHeader: string;
             inputAmount: string;
             inputLabel: string;
             inputValue: string;
@@ -790,6 +836,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            dropdownGroupHeader: {
+                fontSize: string;
+                lineHeight: string;
+            };
             inputAmount: {
                 fontSize: string;
                 lineHeight: string;
@@ -890,6 +940,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            paymentFeeSummaryTooltip: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            tooltipContent: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -917,6 +975,8 @@ export declare const useActiveTheme: () => {
             activeOptionBorderWidth: string;
             buttonTertiaryBorderWidth: string;
             cryptoCashToggleContainerBorderWidth: string;
+            cryptoCashToggleActiveTabBorderWidth: string;
+            cryptoCashToggleInactiveTabBorderWidth: string;
             txSummaryBoxBorderWidth: string;
         };
         shadows: {
@@ -952,6 +1012,13 @@ export declare const useActiveTheme: () => {
             cryptoCashToggleMarginBottom: string;
             cryptoCashToggleMarginTop: string;
             cryptoCashToggleTabPaddingY: string;
+            dropdownItemIconGap: string;
+            dropdownItemPaddingX: string;
+            dropdownItemPaddingY: string;
+            dropdownCompactPaddingX: string;
+            dropdownCompactPaddingY: string;
+            dropdownPaddingX: string;
+            dropdownPaddingY: string;
             modalBaseHorizontalPadding: string;
             modalBottomBarButtonPaddingY: string;
             modalBottomHorizontalPadding: string;
@@ -980,6 +1047,7 @@ export declare const useActiveTheme: () => {
             inputPaddingY: string;
             dropdownActiveItemRegularSizePaddingY: string;
             assetListDefaultGap: string;
+            dropdownGroupDividerMarginY: string;
         };
         textTransforms: {
             inputAmountQuickOptionButton: string;
@@ -1040,6 +1108,13 @@ export declare const useActiveTheme: () => {
             inputBorderHover: string;
             activeTabBorderColor: string;
             activeTabBackground: string;
+            inactiveTabBorderColor: string;
+            inactiveTabBackgroundBase: string;
+            inactiveTabBackgroundHover: string;
+            inactiveTabBackgroundActive: string;
+            activeTabText: string;
+            inactiveTabTextBase: string;
+            inactiveTabHover: string;
             actionColor: string;
             actionColorHover: string;
             actionColorDisabled: string;
@@ -1120,9 +1195,12 @@ export declare const useActiveTheme: () => {
             dropdownActiveItemBackgroundDisabled: string;
             dropdownActiveItemBorderBase: string;
             dropdownActiveItemBorderHover: string;
+            dropdownGroupHeader: string;
             selectedDropdownItemBackground: string;
             alwaysVisibleLabelBackgroundHover: string;
             selectedDropdownItemText: string;
+            useConnectedBackgroundBase: string;
+            useConnectedBackgroundHover: string;
             copyButtonBackgroundBase: string;
             copyButtonBackgroundHover: string;
             copyButtonBackgroundActive: string;
@@ -1173,6 +1251,7 @@ export declare const useActiveTheme: () => {
             buttonTextPrimary: string;
             buttonTextSecondary: string;
             buttonTextTertiary: string;
+            dropdownGroupHeader: string;
             header: string;
             inputAmount: string;
             txStatusDescription: string;
@@ -1185,6 +1264,7 @@ export declare const useActiveTheme: () => {
             bold: string;
             heavy: string;
             cryptoCashToggle: string;
+            dropdownGroupHeader: string;
             inputAmount: string;
             inputLabel: string;
             inputValue: string;
@@ -1278,6 +1358,10 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            dropdownGroupHeader: {
+                fontSize: string;
+                lineHeight: string;
+            };
             inputAmount: {
                 fontSize: string;
                 lineHeight: string;
@@ -1378,6 +1462,14 @@ export declare const useActiveTheme: () => {
                 fontSize: string;
                 lineHeight: string;
             };
+            paymentFeeSummaryTooltip: {
+                fontSize: string;
+                lineHeight: string;
+            };
+            tooltipContent: {
+                fontSize: string;
+                lineHeight: string;
+            };
         };
         radii: {
             actionButton: string;
@@ -1405,6 +1497,8 @@ export declare const useActiveTheme: () => {
             activeOptionBorderWidth: string;
             buttonTertiaryBorderWidth: string;
             cryptoCashToggleContainerBorderWidth: string;
+            cryptoCashToggleActiveTabBorderWidth: string;
+            cryptoCashToggleInactiveTabBorderWidth: string;
             txSummaryBoxBorderWidth: string;
         };
         shadows: {
@@ -1440,6 +1534,13 @@ export declare const useActiveTheme: () => {
             cryptoCashToggleMarginBottom: string;
             cryptoCashToggleMarginTop: string;
             cryptoCashToggleTabPaddingY: string;
+            dropdownItemIconGap: string;
+            dropdownItemPaddingX: string;
+            dropdownItemPaddingY: string;
+            dropdownCompactPaddingX: string;
+            dropdownCompactPaddingY: string;
+            dropdownPaddingX: string;
+            dropdownPaddingY: string;
             modalBaseHorizontalPadding: string;
             modalBottomBarButtonPaddingY: string;
             modalBottomHorizontalPadding: string;
@@ -1468,6 +1569,7 @@ export declare const useActiveTheme: () => {
             inputPaddingY: string;
             dropdownActiveItemRegularSizePaddingY: string;
             assetListDefaultGap: string;
+            dropdownGroupDividerMarginY: string;
         };
         textTransforms: {
             inputAmountQuickOptionButton: string;

package/dist/providers/GeneralWalletProvider.d.ts

@@ -48,7 +48,7 @@ export declare const useFunkitAccount: () => {
     addresses: readonly [Address, ...Address[]];
     chain: import("viem").Chain | undefined;
     chainId: number;
-    connector: import("../wagmi/hooks").Connector;
+    connector: import("wagmi").Connector;
     isConnecting: false;
     isDisconnected: false;
     isReconnecting: false;
@@ -61,7 +61,7 @@ export declare const useFunkitAccount: () => {
     addresses: readonly Address[] | undefined;
     chain: import("viem").Chain | undefined;
     chainId: number | undefined;
-    connector: import("../wagmi/hooks").Connector | undefined;
+    connector: import("wagmi").Connector | undefined;
     isConnecting: false;
     isDisconnected: false;
     isReconnecting: true;
@@ -74,7 +74,7 @@ export declare const useFunkitAccount: () => {
     addresses: readonly Address[] | undefined;
     chain: import("viem").Chain | undefined;
     chainId: number | undefined;
-    connector: import("../wagmi/hooks").Connector | undefined;
+    connector: import("wagmi").Connector | undefined;
     isReconnecting: false;
     isConnecting: true;
     isDisconnected: false;
@@ -99,7 +99,7 @@ export declare const useFunkitReconnect: () => UseReconnectReturnType;
 export declare const useFunkitSwitchChains: ({ onSettled, }: {
     onSettled?: () => void;
 }) => {
-    switchChain: import("wagmi/query").SwitchChainMutate<import("../wagmi/hooks").Config, void>;
-    switchChainAsync: import("wagmi/query").SwitchChainMutateAsync<import("../wagmi/hooks").Config, void>;
+    switchChain: import("wagmi/query").SwitchChainMutate<import("wagmi").Config, undefined>;
+    switchChainAsync: import("wagmi/query").SwitchChainMutateAsync<import("wagmi").Config, undefined>;
     pendingChainId: number | null;
 };

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-MXNOQTKX.js";
+} from "../chunk-BSF2AKBC.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-RHUOOPDI.js";
-import "../chunk-MXNOQTKX.js";
+} from "../chunk-IZC4ZKKQ.js";
+import "../chunk-BSF2AKBC.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-AGBRSMZ7.js";
-import "../chunk-MXNOQTKX.js";
+} from "../chunk-DBRUJYOQ.js";
+import "../chunk-BSF2AKBC.js";
 export {
   lightTheme
 };

package/dist/utils/checkout.d.ts

@@ -25,7 +25,7 @@ type ValidateCheckoutConfigReturn = Promise<{
  * @param config - The checkout configuration to validate.
  * @returns An object indicating whether the configuration is valid and a message if it is not.
  */
-export declare function validateCheckoutConfig(config: Partial<FunkitCheckoutConfig>): ValidateCheckoutConfigReturn;
+export declare function validateCheckoutConfig(config: Partial<FunkitCheckoutConfig>, apiKey: string): ValidateCheckoutConfigReturn;
 export declare const hasSufficientBalance: (wagmiConfig: UseConfigReturnType, walletAddress: string, tokenAddress: string, tokenChainId: string, requiredAssetAmount: number) => Promise<{
     balance: number;
     result: boolean;

package/dist/wallets/walletConnectors/index.js

@@ -1,13 +1,19 @@
 "use client";
+import {
+  zealWallet
+} from "./chunk-HE2LMIPD.js";
 import {
   zerionWallet
 } from "./chunk-TTHM3WUR.js";
-import {
-  mewWallet
-} from "./chunk-HKVDCVCG.js";
 import {
   talismanWallet
 } from "./chunk-6MFOL6EB.js";
+import {
+  tokenPocketWallet
+} from "./chunk-4C7ER452.js";
+import {
+  subWallet
+} from "./chunk-XBLHZICW.js";
 import {
   tokenaryWallet
 } from "./chunk-34LO6Q7A.js";
@@ -23,69 +29,63 @@ import {
 import {
   xdefiWallet
 } from "./chunk-O7RSASRH.js";
-import {
-  zealWallet
-} from "./chunk-HE2LMIPD.js";
-import {
-  tokenPocketWallet
-} from "./chunk-4C7ER452.js";
 import {
   rainbowWallet
 } from "./chunk-GSHSWVEG.js";
+import {
+  rabbyWallet
+} from "./chunk-WFNPWKU3.js";
 import {
   ramperWallet
 } from "./chunk-R4S234FL.js";
-import {
-  roninWallet
-} from "./chunk-PKMAPNN6.js";
 import {
   safeWallet
 } from "./chunk-YKVWTGU7.js";
+import {
+  roninWallet
+} from "./chunk-PKMAPNN6.js";
 import {
   safeheronWallet
 } from "./chunk-4R4AARTG.js";
 import {
   safepalWallet
 } from "./chunk-IICWJWGZ.js";
-import {
-  subWallet
-} from "./chunk-XBLHZICW.js";
 import {
   tahoWallet
 } from "./chunk-4BMUFNMT.js";
 import {
-  metaMaskWallet
-} from "./chunk-HETS3KKI.js";
+  mewWallet
+} from "./chunk-HKVDCVCG.js";
 import {
-  okxWallet
-} from "./chunk-LI6QY2B5.js";
+  ledgerWallet
+} from "./chunk-WKCCLGHJ.js";
 import {
   oktoWallet
 } from "./chunk-BVX22N7L.js";
 import {
-  oneInchWallet
-} from "./chunk-RVWLP4IM.js";
+  okxWallet
+} from "./chunk-LI6QY2B5.js";
 import {
   omniWallet
 } from "./chunk-INNF7G5X.js";
+import {
+  oneInchWallet
+} from "./chunk-RVWLP4IM.js";
 import {
   oneKeyWallet
 } from "./chunk-HE5J5T7X.js";
-import {
-  rabbyWallet
-} from "./chunk-WFNPWKU3.js";
 import {
   phantomWallet
 } from "./chunk-XMNVOYSJ.js";
 import {
   foxWallet
 } from "./chunk-53VYSPXK.js";
-import {
-  frontierWallet
-} from "./chunk-CJJT7LMT.js";
 import {
   frameWallet
 } from "./chunk-WDTNOIMF.js";
+import {
+  frontierWallet
+} from "./chunk-CJJT7LMT.js";
 import {
   gateWallet
 } from "./chunk-7OARWILZ.js";
@@ -95,58 +95,58 @@ import {
 import {
   kresusWallet
 } from "./chunk-G4V5B6YC.js";
-import {
-  ledgerWallet
-} from "./chunk-WKCCLGHJ.js";
 import {
   injectedWallet
 } from "./chunk-W6MXINYY.js";
 import {
-  clvWallet
-} from "./chunk-GVOQTORD.js";
+  metaMaskWallet
+} from "./chunk-HETS3KKI.js";
+import {
+  bybitWallet
+} from "./chunk-6UCI7GM6.js";
 import {
   coin98Wallet
 } from "./chunk-6YO27XOM.js";
-import {
-  bitverseWallet
-} from "./chunk-GROWFRGP.js";
 import {
   coinbaseWallet
 } from "./chunk-RZXMOPIV.js";
+import {
+  clvWallet
+} from "./chunk-GVOQTORD.js";
+import {
+  dawnWallet
+} from "./chunk-TFVCCI2D.js";
 import {
   coreWallet
 } from "./chunk-GH4M6FTK.js";
 import {
   desigWallet
 } from "./chunk-JYVLYSH3.js";
-import {
-  dawnWallet
-} from "./chunk-TFVCCI2D.js";
 import {
   enkryptWallet
 } from "./chunk-W6TXXLCO.js";
 import {
   argentWallet
 } from "./chunk-VUOAIUZE.js";
-import {
-  bitgetWallet
-} from "./chunk-HOPH3TQ3.js";
 import {
   bifrostWallet
 } from "./chunk-EKJHJFRN.js";
 import {
   bitskiWallet
 } from "./chunk-A7FNGC4A.js";
+import {
+  bitverseWallet
+} from "./chunk-GROWFRGP.js";
 import {
   bloomWallet
 } from "./chunk-UB2SSFH7.js";
+import {
+  bitgetWallet
+} from "./chunk-HOPH3TQ3.js";
+import "./chunk-MAPXJUOO.js";
 import {
   braveWallet
 } from "./chunk-ZRNBHLUU.js";
-import {
-  bybitWallet
-} from "./chunk-6UCI7GM6.js";
-import "./chunk-MAPXJUOO.js";
 import "./chunk-BAVE62IL.js";
 import "./chunk-KV4HGYM3.js";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "9.3.2",
+  "version": "9.4.1",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -103,10 +103,10 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "3.0.2",
-    "@funkit/fun-relay": "2.6.3",
-    "@funkit/utils": "1.2.4",
-    "@funkit/chains": "1.1.0"
+    "@funkit/api-base": "3.0.3",
+    "@funkit/fun-relay": "2.6.4",
+    "@funkit/utils": "1.2.5",
+    "@funkit/chains": "1.1.1"
   },
   "repository": {
     "type": "git",