@funkit/connect 9.2.0 → 9.2.1

package/dist/modals/CheckoutModal/SourceChange/SourceList.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
 import type { ConnectablePaymentMethodInfo, PaymentMethod } from '../../../domains/paymentMethods';
+import { type UnavailablePaymentSource } from '../../../hooks/usePaymentSources';
 interface SourceListProps {
     preferred: (ConnectablePaymentMethodInfo | PaymentMethod)[];
     moreSources: (ConnectablePaymentMethodInfo | PaymentMethod)[];
-    comingSoon: PaymentMethod[];
+    unavailable: UnavailablePaymentSource[];
     isFallback: boolean;
     renderSource: (source: ConnectablePaymentMethodInfo | PaymentMethod) => React.ReactNode;
-    renderComingSoon: (source: PaymentMethod) => React.ReactNode;
+    renderUnavailable: (source: UnavailablePaymentSource) => React.ReactNode;
 }
-export declare function SourceList({ preferred, moreSources, comingSoon, isFallback, renderSource, renderComingSoon, }: SourceListProps): React.JSX.Element;
+export declare function SourceList({ preferred, moreSources, unavailable, isFallback, renderSource, renderUnavailable, }: SourceListProps): React.JSX.Element;
 export {};

package/dist/modals/CheckoutModal/SourceChange/sourceChange.css.d.ts

@@ -2,4 +2,8 @@ export declare const WITH_EMPTY_STATE_DATA_ATTRIBUTE = "data-with-empty-state";
 export declare const emptyStateStyles: string;
 export declare const sourceListBoxStyles: string;
 export declare const sourceListCompactBoxStyles: string;
+export declare const removeBottomPaddingFromSurroundingDialog: string;
+export declare const paymentMethodStaticArea: string;
+export declare const paymentMethodScrollArea: string;
+export declare const paymentMethodScrollbarHidden: string;
 export declare const fullWidthContentDivider: string;

package/dist/providers/FunkitConfigContext.d.ts

@@ -85,6 +85,8 @@ export type FunkitPaymentMethodIconsConfig = Partial<Record<PaymentMethod, {
 export interface FunkitUiCustomizationsConfig {
     /** Title alignment - defaults to "center" */
     alignTitle?: 'left' | 'center';
+    /** Always shows checkout modal top divider even if content cannot scroll - defaults to `false` */
+    alwaysShowTopDivider?: boolean;
     /** Whether to show CTA in uppercase - defaults to false */
     callToActionsUppercase?: boolean;
     /** Whether to enable compact list style for option boxes - defaults to false */

package/dist/providers/FunkitThemeProvider.d.ts

@@ -55,6 +55,7 @@ export declare const useActiveTheme: () => {
             secondaryText: string;
             tertiaryText: string;
             textSelection: string;
+            selectedDropdownItemText: string;
             inputBackground: string;
             inputBorderBase: string;
             inputBorderHover: string;
@@ -130,9 +131,12 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
             optionBoxBackgroundUninteractive: string;
+            optionBoxBorderHover: string;
+            openDropdownBackgroundColor: string;
             dropdownActiveItemBackgroundBase: string;
             dropdownActiveItemBackgroundHover: string;
             dropdownActiveItemBackgroundDisabled: string;
+            selectedDropdownItemBackground: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
@@ -373,7 +377,9 @@ export declare const useActiveTheme: () => {
             tooltip: string;
             dropdown: string;
             dropdownItem: string;
+            dropdownList: string;
             modalTopbarIcon: string;
+            withdrawalInput: string;
         };
         borderWidths: {
             activeOptionBorderWidth: string;
@@ -491,6 +497,7 @@ export declare const useActiveTheme: () => {
             secondaryText: string;
             tertiaryText: string;
             textSelection: string;
+            selectedDropdownItemText: string;
             inputBackground: string;
             inputBorderBase: string;
             inputBorderHover: string;
@@ -566,9 +573,12 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
             optionBoxBackgroundUninteractive: string;
+            optionBoxBorderHover: string;
+            openDropdownBackgroundColor: string;
             dropdownActiveItemBackgroundBase: string;
             dropdownActiveItemBackgroundHover: string;
             dropdownActiveItemBackgroundDisabled: string;
+            selectedDropdownItemBackground: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
@@ -809,7 +819,9 @@ export declare const useActiveTheme: () => {
             tooltip: string;
             dropdown: string;
             dropdownItem: string;
+            dropdownList: string;
             modalTopbarIcon: string;
+            withdrawalInput: string;
         };
         borderWidths: {
             activeOptionBorderWidth: string;
@@ -925,6 +937,7 @@ export declare const useActiveTheme: () => {
             secondaryText: string;
             tertiaryText: string;
             textSelection: string;
+            selectedDropdownItemText: string;
             inputBackground: string;
             inputBorderBase: string;
             inputBorderHover: string;
@@ -1000,9 +1013,12 @@ export declare const useActiveTheme: () => {
             fiatAccountGradientTo: string;
             optionBoxBackground: string;
             optionBoxBackgroundUninteractive: string;
+            optionBoxBorderHover: string;
+            openDropdownBackgroundColor: string;
             dropdownActiveItemBackgroundBase: string;
             dropdownActiveItemBackgroundHover: string;
             dropdownActiveItemBackgroundDisabled: string;
+            selectedDropdownItemBackground: string;
             spinnerBackground: string;
             spinnerIndicator: string;
             spinnerBackgroundVerifyAccount: string;
@@ -1243,7 +1259,9 @@ export declare const useActiveTheme: () => {
             tooltip: string;
             dropdown: string;
             dropdownItem: string;
+            dropdownList: string;
             modalTopbarIcon: string;
+            withdrawalInput: string;
         };
         borderWidths: {
             activeOptionBorderWidth: string;

package/dist/themes/baseTheme.js

@@ -2,7 +2,7 @@
 import {
   baseTheme,
   systemFontStack
-} from "../chunk-SC53AFEE.js";
+} from "../chunk-3U6TWV25.js";
 export {
   baseTheme,
   systemFontStack

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-WSCXOKCX.js";
-import "../chunk-SC53AFEE.js";
+} from "../chunk-VLXKSNSJ.js";
+import "../chunk-3U6TWV25.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-XCM74QX2.js";
-import "../chunk-SC53AFEE.js";
+} from "../chunk-P6FYL3PM.js";
+import "../chunk-3U6TWV25.js";
 export {
   lightTheme
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-EKJHJFRN.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-CT3QPTAU.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   bifrostWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-HOPH3TQ3.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-C4RP2DNH.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   bitgetWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-6UCI7GM6.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-I7K6LUZR.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   bybitWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   clvWallet
-} from "../chunk-GVOQTORD.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-CMLFDRCP.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   clvWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   coin98Wallet
-} from "../chunk-6YO27XOM.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-3Y2GG3PM.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   coin98Wallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   coreWallet
-} from "../chunk-GH4M6FTK.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-TIT5F32X.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   coreWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   foxWallet
-} from "../chunk-53VYSPXK.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-UVMMPRDM.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   foxWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-CJJT7LMT.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-FDVJHNLL.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   frontierWallet

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   gateWallet
-} from "../chunk-7OARWILZ.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-DWMUM4F6.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   gateWallet

package/dist/wallets/walletConnectors/index.js

@@ -4,37 +4,43 @@ import {
 } from "./chunk-HE2LMIPD.js";
 import {
   zerionWallet
-} from "./chunk-TTHM3WUR.js";
+} from "./chunk-UPUDLUBT.js";
+import {
+  tahoWallet
+} from "./chunk-4BMUFNMT.js";
 import {
   talismanWallet
 } from "./chunk-6MFOL6EB.js";
 import {
   tokenPocketWallet
-} from "./chunk-4C7ER452.js";
+} from "./chunk-NEK7T3IC.js";
 import {
   tokenaryWallet
 } from "./chunk-34LO6Q7A.js";
 import {
   trustWallet
-} from "./chunk-KO56HCTI.js";
+} from "./chunk-ZMRIQOR5.js";
 import {
   uniswapWallet
 } from "./chunk-NHLG5PVD.js";
-import {
-  ramperWallet
-} from "./chunk-R4S234FL.js";
 import {
   walletConnectWallet
 } from "./chunk-J34FG3W4.js";
 import {
   xdefiWallet
 } from "./chunk-O7RSASRH.js";
+import {
+  rabbyWallet
+} from "./chunk-WFNPWKU3.js";
 import {
   rainbowWallet
-} from "./chunk-GSHSWVEG.js";
+} from "./chunk-UVYZSGIX.js";
 import {
-  phantomWallet
-} from "./chunk-XMNVOYSJ.js";
+  ramperWallet
+} from "./chunk-R4S234FL.js";
+import {
+  roninWallet
+} from "./chunk-RLLTYOWT.js";
 import {
   safeWallet
 } from "./chunk-YKVWTGU7.js";
@@ -43,31 +49,19 @@ import {
 } from "./chunk-4R4AARTG.js";
 import {
   safepalWallet
-} from "./chunk-IICWJWGZ.js";
+} from "./chunk-CBI3SGOC.js";
 import {
   subWallet
-} from "./chunk-XBLHZICW.js";
-import {
-  tahoWallet
-} from "./chunk-4BMUFNMT.js";
-import {
-  roninWallet
-} from "./chunk-PKMAPNN6.js";
+} from "./chunk-N3UJMC3V.js";
 import {
   metaMaskWallet
-} from "./chunk-HETS3KKI.js";
+} from "./chunk-3YCR2ZB4.js";
 import {
   mewWallet
 } from "./chunk-HKVDCVCG.js";
 import {
   oktoWallet
 } from "./chunk-BVX22N7L.js";
-import {
-  okxWallet
-} from "./chunk-LI6QY2B5.js";
-import {
-  omniWallet
-} from "./chunk-INNF7G5X.js";
 import {
   oneInchWallet
 } from "./chunk-RVWLP4IM.js";
@@ -75,20 +69,26 @@ import {
   oneKeyWallet
 } from "./chunk-HE5J5T7X.js";
 import {
-  rabbyWallet
-} from "./chunk-WFNPWKU3.js";
+  okxWallet
+} from "./chunk-COX3VEDR.js";
 import {
-  coinbaseWallet
-} from "./chunk-RZXMOPIV.js";
+  phantomWallet
+} from "./chunk-XMNVOYSJ.js";
+import {
+  omniWallet
+} from "./chunk-INNF7G5X.js";
+import {
+  foxWallet
+} from "./chunk-UVMMPRDM.js";
 import {
   frontierWallet
-} from "./chunk-CJJT7LMT.js";
+} from "./chunk-FDVJHNLL.js";
 import {
   imTokenWallet
 } from "./chunk-IUVO4IN3.js";
 import {
   gateWallet
-} from "./chunk-7OARWILZ.js";
+} from "./chunk-DWMUM4F6.js";
 import {
   frameWallet
 } from "./chunk-WDTNOIMF.js";
@@ -101,39 +101,39 @@ import {
 import {
   ledgerWallet
 } from "./chunk-WKCCLGHJ.js";
-import {
-  coin98Wallet
-} from "./chunk-6YO27XOM.js";
 import {
   clvWallet
-} from "./chunk-GVOQTORD.js";
+} from "./chunk-CMLFDRCP.js";
 import {
-  bybitWallet
-} from "./chunk-6UCI7GM6.js";
+  coin98Wallet
+} from "./chunk-3Y2GG3PM.js";
 import {
-  dawnWallet
-} from "./chunk-TFVCCI2D.js";
+  coinbaseWallet
+} from "./chunk-RZXMOPIV.js";
 import {
-  desigWallet
-} from "./chunk-JYVLYSH3.js";
+  braveWallet
+} from "./chunk-ZRNBHLUU.js";
+import {
+  coreWallet
+} from "./chunk-TIT5F32X.js";
 import {
   enkryptWallet
 } from "./chunk-W6TXXLCO.js";
 import {
-  foxWallet
-} from "./chunk-53VYSPXK.js";
+  desigWallet
+} from "./chunk-JYVLYSH3.js";
 import {
-  coreWallet
-} from "./chunk-GH4M6FTK.js";
+  dawnWallet
+} from "./chunk-TFVCCI2D.js";
 import {
   bifrostWallet
-} from "./chunk-EKJHJFRN.js";
+} from "./chunk-CT3QPTAU.js";
 import {
   argentWallet
 } from "./chunk-VUOAIUZE.js";
 import {
   bitgetWallet
-} from "./chunk-HOPH3TQ3.js";
+} from "./chunk-C4RP2DNH.js";
 import {
   bitskiWallet
 } from "./chunk-A7FNGC4A.js";
@@ -143,11 +143,11 @@ import {
 import {
   bloomWallet
 } from "./chunk-UB2SSFH7.js";
-import "./chunk-MAPXJUOO.js";
 import {
-  braveWallet
-} from "./chunk-ZRNBHLUU.js";
+  bybitWallet
+} from "./chunk-I7K6LUZR.js";
 import "./chunk-BAVE62IL.js";
+import "./chunk-MAPXJUOO.js";
 import "./chunk-KV4HGYM3.js";
 export {
   argentWallet,

package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   metaMaskWallet
-} from "../chunk-HETS3KKI.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-3YCR2ZB4.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   metaMaskWallet

package/dist/wallets/walletConnectors/okxWallet/okxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   okxWallet
-} from "../chunk-LI6QY2B5.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-COX3VEDR.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   okxWallet

package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   rainbowWallet
-} from "../chunk-GSHSWVEG.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-UVYZSGIX.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   rainbowWallet

package/dist/wallets/walletConnectors/roninWallet/roninWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   roninWallet
-} from "../chunk-PKMAPNN6.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-RLLTYOWT.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   roninWallet

package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   safepalWallet
-} from "../chunk-IICWJWGZ.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-CBI3SGOC.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   safepalWallet

package/dist/wallets/walletConnectors/subWallet/subWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   subWallet
-} from "../chunk-XBLHZICW.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-N3UJMC3V.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   subWallet

package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   tokenPocketWallet
-} from "../chunk-4C7ER452.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-NEK7T3IC.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   tokenPocketWallet

package/dist/wallets/walletConnectors/trustWallet/trustWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   trustWallet
-} from "../chunk-KO56HCTI.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-ZMRIQOR5.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   trustWallet

package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   zerionWallet
-} from "../chunk-TTHM3WUR.js";
-import "../chunk-MAPXJUOO.js";
+} from "../chunk-UPUDLUBT.js";
 import "../chunk-BAVE62IL.js";
+import "../chunk-MAPXJUOO.js";
 import "../chunk-KV4HGYM3.js";
 export {
   zerionWallet

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "9.2.0",
+  "version": "9.2.1",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -102,7 +102,7 @@
     "ua-parser-js": "^1.0.37",
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "2.4.0",
+    "@funkit/api-base": "3.0.0",
     "@funkit/chains": "1.1.0",
     "@funkit/fun-relay": "2.6.3",
     "@funkit/utils": "1.2.4"

package/dist/wallets/walletConnectors/{chunk-6YO27XOM.js → chunk-3Y2GG3PM.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector
-} from "./chunk-MAPXJUOO.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-BAVE62IL.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-MAPXJUOO.js";
 
 // src/wallets/walletConnectors/coin98Wallet/coin98Wallet.ts
 var coin98Wallet = ({

package/dist/wallets/walletConnectors/{chunk-HETS3KKI.js → chunk-3YCR2ZB4.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector
-} from "./chunk-MAPXJUOO.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-BAVE62IL.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-MAPXJUOO.js";
 
 // src/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.ts
 import { isAndroid, isIOS } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-HOPH3TQ3.js → chunk-C4RP2DNH.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector
-} from "./chunk-MAPXJUOO.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-BAVE62IL.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-MAPXJUOO.js";
 
 // src/wallets/walletConnectors/bitgetWallet/bitgetWallet.ts
 import { isAndroid } from "@funkit/utils";

package/dist/wallets/walletConnectors/{chunk-IICWJWGZ.js → chunk-CBI3SGOC.js}

@@ -1,11 +1,11 @@
 "use client";
-import {
-  getWalletConnectConnector
-} from "./chunk-MAPXJUOO.js";
 import {
   getInjectedConnector,
   hasInjectedProvider
 } from "./chunk-BAVE62IL.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-MAPXJUOO.js";
 
 // src/wallets/walletConnectors/safepalWallet/safepalWallet.ts
 var safepalWallet = ({