@funkit/connect 2.0.7 → 3.0.0-next.0

package/dist/themes/baseTheme.d.ts

@@ -6,7 +6,7 @@ declare const fontStacks: {
 };
 type FontStack = keyof typeof fontStacks;
 type RadiusScale = 'large' | 'medium' | 'small' | 'none';
-type Blurs = 'large' | 'small' | 'none';
+type Blurs = 'small' | 'large' | 'none';
 type FontSizeType = 'regular' | 'small';
 interface BaseThemeOptions {
     customFontWeights?: Partial<ThemeVars['fontWeight']>;

package/dist/themes/baseTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "../chunk-I24HX4XM.js";
+} from "../chunk-O57HO5YO.js";
 export {
   baseTheme
 };

package/dist/themes/darkTheme.d.ts

@@ -27,16 +27,22 @@ export declare const darkTheme: {
             paymentOptionBorderHover: string;
             paymentOptionBorderActive: string;
             paymentOptionBorderActiveHover: string;
+            paymentOptionBorderDisabled: string;
             standby: string;
+            success: string;
             loadingBase: string;
             loadingAccent: string;
+            chainIconBorder: string;
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
             notificationPrimary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
+            offBackground: string;
+            hoverState: string;
+            offBackgroundInverse: string;
+            primaryText: string;
+            secondaryText: string;
+            tertiaryText: string;
             textDisabled: string;
             textSelection: string;
             inputFieldPrimary: string;
@@ -44,6 +50,9 @@ export declare const darkTheme: {
             inputFieldDisabled: string;
             optionBackground: string;
             optionBackgroundSecondary: string;
+            actionColor: string;
+            actionColorHover: string;
+            actionColorDisabled: string;
             buttonPrimary: string;
             buttonProcessing: string;
             buttonDisabled: string;
@@ -63,9 +72,15 @@ export declare const darkTheme: {
             selectedOption: string;
             selectedWallet: string;
             walletLogo: string;
+            button: string;
+            callToAction: string;
         };
         moonpayTheme: string;
         fontSize: {
+            '8': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '10': {
                 fontSize: string;
                 lineHeight: string;
@@ -98,6 +113,10 @@ export declare const darkTheme: {
                 fontSize: string;
                 lineHeight: string;
             };
+            '40': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '57': {
                 fontSize: string;
                 lineHeight: string;

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-BZPWFPPL.js";
-import "../chunk-I24HX4XM.js";
+} from "../chunk-T74JTC6K.js";
+import "../chunk-O57HO5YO.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.d.ts

@@ -27,16 +27,22 @@ export declare const lightTheme: {
             paymentOptionBorderHover: string;
             paymentOptionBorderActive: string;
             paymentOptionBorderActiveHover: string;
+            paymentOptionBorderDisabled: string;
             standby: string;
+            success: string;
             loadingBase: string;
             loadingAccent: string;
+            chainIconBorder: string;
             modalBackdrop: string;
             modalBackground: string;
             modalBorder: string;
             notificationPrimary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
+            offBackground: string;
+            hoverState: string;
+            offBackgroundInverse: string;
+            primaryText: string;
+            secondaryText: string;
+            tertiaryText: string;
             textDisabled: string;
             textSelection: string;
             inputFieldPrimary: string;
@@ -44,6 +50,9 @@ export declare const lightTheme: {
             inputFieldDisabled: string;
             optionBackground: string;
             optionBackgroundSecondary: string;
+            actionColor: string;
+            actionColorHover: string;
+            actionColorDisabled: string;
             buttonPrimary: string;
             buttonProcessing: string;
             buttonDisabled: string;
@@ -63,9 +72,15 @@ export declare const lightTheme: {
             selectedOption: string;
             selectedWallet: string;
             walletLogo: string;
+            button: string;
+            callToAction: string;
         };
         moonpayTheme: string;
         fontSize: {
+            '8': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '10': {
                 fontSize: string;
                 lineHeight: string;
@@ -98,6 +113,10 @@ export declare const lightTheme: {
                 fontSize: string;
                 lineHeight: string;
             };
+            '40': {
+                fontSize: string;
+                lineHeight: string;
+            };
             '57': {
                 fontSize: string;
                 lineHeight: string;

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-3AR2EI7X.js";
-import "../chunk-I24HX4XM.js";
+} from "../chunk-X5AJP4CF.js";
+import "../chunk-O57HO5YO.js";
 export {
   lightTheme
 };

package/dist/utils/assets.d.ts

@@ -9,3 +9,28 @@ export declare const isAssetUsableToPayForCheckout: (checkoutItem: FunkitActiveC
     isUsable: boolean;
     reason: string;
 };
+export declare const getAssetSymbolWithMaxUsdValue: ({ accountHoldingsMap, filterSymbols, }: {
+    accountHoldingsMap: AssetHoldingsMap;
+    filterSymbols?: Array<string>;
+}) => string | null;
+export declare const L1_FEES_ESTIMATE = 20;
+export declare const L2_FEES_ESTIMATE = 1;
+export declare const L2_COST_MARGIN_MULTIPLIER = 1.2;
+export interface AssetHoldingsItem {
+    iconSrc: string | undefined;
+    symbol: string;
+    amount: number;
+    tokenAddress: `0x${string}`;
+    usdAmount: null | number;
+    pickedChainId: string;
+}
+export interface AssetHoldingsMap {
+    [symbol: string]: AssetHoldingsItem;
+}
+export declare const getFeesUsdEstimate: (checkoutItem: FunkitActiveCheckoutItem, asset: AssetHoldingsItem) => 1 | 20;
+export declare const isAssetUsdAmountSufficient: (checkoutItem: FunkitActiveCheckoutItem, asset: AssetHoldingsItem | null) => boolean;
+export type RecommendedAsset = {
+    symbol: string;
+    label: string | null;
+} | null;
+export declare const getRecommendedAsset: (checkoutItem: FunkitActiveCheckoutItem, accountHoldingsMap: AssetHoldingsMap, isWeb3Login: boolean, isWeb2Login: boolean) => RecommendedAsset;

package/dist/utils/checkout.d.ts

@@ -1,7 +1,7 @@
 import { CheckoutHistoryItem, CheckoutState } from '@funkit/api-base';
 import { Address, Hex } from 'viem';
 import { UseConfigReturnType } from 'wagmi';
-import { FunkitCheckoutConfig } from '../components/FunkitProvider/FunkitCheckoutContext';
+import { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '../components/FunkitProvider/FunkitCheckoutContext';
 export declare const MOONPAY_TIME_ESTIMATE_MS = 120000;
 export declare const MESH_TIME_ESTIMATE_MS = 300000;
 export declare const DUMMY_TRANSFER_PARAMS: {
@@ -109,9 +109,14 @@ export declare function categorizeCheckoutHistories(checkoutHistoryList: Checkou
     depositAddrMap: CheckoutHistoryDepositAddrMap;
     currentDepositAddrMap: CheckoutHistoryDepositAddrMap;
 };
-export declare function getCheckoutStateStepNumber(state: CheckoutState): 0 | 1 | 3 | 2;
+export declare function getCheckoutStateStepNumber(state: CheckoutState): 0 | 1 | 2 | 3;
 export declare function formatTokenAmountForMoonpay(amount: number, mpCurrencyCode: string): string;
 export declare function combineChainSymbolOrAddress({ chainId, symbolOrAddress, }: {
     chainId: string;
     symbolOrAddress: string;
 }): string | null;
+export declare function getEstimateEndTimeInfo(createdTimeMs: number, checkoutItem: FunkitActiveCheckoutItem): {
+    estimatedEndTimeMs: number;
+    estimatedEndTimeFromNowMs: number;
+    isExceededEstimation: boolean;
+};

package/dist/utils/formatTimestamp.d.ts

@@ -1,4 +1,5 @@
-export declare function formatTimestamp(date: Date, shortened?: boolean): string;
+export declare const fullMonthNames: string[];
+export declare function formatTimestamp(date: Date, shortened?: boolean, omitTime?: boolean): string;
 /**
  * Formats seconds to mins and seconds string
  * - seconds = 10, output = '10s'

package/dist/wallets/useWalletConnectors.d.ts

@@ -14,3 +14,4 @@ export interface WalletConnector extends WalletInstance {
     getMobileUri?: () => Promise<string>;
 }
 export declare function useWalletConnectors(mergeEIP6963WithRkConnectors?: boolean): WalletConnector[];
+export declare function usePreparedWalletConnectors(): WalletConnector[];

package/dist/wallets/walletConnectors/argentWallet/argentWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   argentWallet
-} from "../chunk-CVGDYGHA.js";
-import "../chunk-ZDU3JFGR.js";
+} from "../chunk-NZ5G23JP.js";
 import "../chunk-ZOLACFTK.js";
+import "../chunk-ZDU3JFGR.js";
 export {
   argentWallet
 };

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-5NAFNTDG.js";
-import "../chunk-ZDU3JFGR.js";
-import "../chunk-F3VCNZXS.js";
+} from "../chunk-PJRUHFBT.js";
 import "../chunk-ZOLACFTK.js";
+import "../chunk-F3VCNZXS.js";
+import "../chunk-ZDU3JFGR.js";
 export {
   bifrostWallet
 };

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

@@ -1,10 +1,10 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-6LHOZPKY.js";
-import "../chunk-ZDU3JFGR.js";
-import "../chunk-F3VCNZXS.js";
+} from "../chunk-VMTIFEE6.js";
 import "../chunk-ZOLACFTK.js";
+import "../chunk-F3VCNZXS.js";
+import "../chunk-ZDU3JFGR.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bloomWallet/bloomWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bloomWallet
-} from "../chunk-OYW4TIA3.js";
-import "../chunk-ZDU3JFGR.js";
+} from "../chunk-NTGZF5BY.js";
 import "../chunk-ZOLACFTK.js";
+import "../chunk-ZDU3JFGR.js";
 export {
   bloomWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-ZBQT5PV6.js";
-import "../chunk-ZDU3JFGR.js";
+} from "../chunk-BCXBFAL4.js";
 import "../chunk-F3VCNZXS.js";
+import "../chunk-ZDU3JFGR.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/chunk-32KBKKGT.js

@@ -0,0 +1,182 @@
+"use client";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-F3VCNZXS.js";
+import {
+  isAndroid,
+  isIOS
+} from "./chunk-ZOLACFTK.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-ZDU3JFGR.js";
+
+// src/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.ts
+function isMetaMask(ethereum) {
+  if (!(ethereum == null ? void 0 : ethereum.isMetaMask))
+    return false;
+  if (ethereum.isBraveWallet && !ethereum._events && !ethereum._state)
+    return false;
+  if (ethereum.isApexWallet)
+    return false;
+  if (ethereum.isAvalanche)
+    return false;
+  if (ethereum.isBackpack)
+    return false;
+  if (ethereum.isBifrost)
+    return false;
+  if (ethereum.isBitKeep)
+    return false;
+  if (ethereum.isBitski)
+    return false;
+  if (ethereum.isBlockWallet)
+    return false;
+  if (ethereum.isCoinbaseWallet)
+    return false;
+  if (ethereum.isDawn)
+    return false;
+  if (ethereum.isEnkrypt)
+    return false;
+  if (ethereum.isExodus)
+    return false;
+  if (ethereum.isFrame)
+    return false;
+  if (ethereum.isFrontier)
+    return false;
+  if (ethereum.isGamestop)
+    return false;
+  if (ethereum.isHyperPay)
+    return false;
+  if (ethereum.isImToken)
+    return false;
+  if (ethereum.isKuCoinWallet)
+    return false;
+  if (ethereum.isMathWallet)
+    return false;
+  if (ethereum.isNestWallet)
+    return false;
+  if (ethereum.isOkxWallet || ethereum.isOKExWallet)
+    return false;
+  if (ethereum.isOneInchIOSWallet || ethereum.isOneInchAndroidWallet)
+    return false;
+  if (ethereum.isOpera)
+    return false;
+  if (ethereum.isPhantom)
+    return false;
+  if (ethereum.isPortal)
+    return false;
+  if (ethereum.isRabby)
+    return false;
+  if (ethereum.isRainbow)
+    return false;
+  if (ethereum.isStatus)
+    return false;
+  if (ethereum.isTalisman)
+    return false;
+  if (ethereum.isTally)
+    return false;
+  if (ethereum.isTokenPocket)
+    return false;
+  if (ethereum.isTokenary)
+    return false;
+  if (ethereum.isTrust || ethereum.isTrustWallet)
+    return false;
+  if (ethereum.isXDEFI)
+    return false;
+  if (ethereum.isZeal)
+    return false;
+  if (ethereum.isZerion)
+    return false;
+  return true;
+}
+var metaMaskWallet = ({
+  projectId,
+  walletConnectParameters
+}) => {
+  var _a, _b, _c;
+  const isMetaMaskInjected = hasInjectedProvider({ flag: "isMetaMask" });
+  const shouldUseWalletConnect = !isMetaMaskInjected;
+  const getUri = (uri) => {
+    return isAndroid() ? uri : isIOS() ? `metamask://wc?uri=${encodeURIComponent(uri)}` : `https://metamask.app.link/wc?uri=${encodeURIComponent(uri)}`;
+  };
+  return {
+    id: "metaMask",
+    name: "MetaMask",
+    rdns: "io.metamask",
+    iconUrl: async () => (await import("./metaMaskWallet-ORHUNQRP.js")).default,
+    iconAccent: "#f6851a",
+    iconBackground: "#fff",
+    installed: !shouldUseWalletConnect ? isMetaMaskInjected : void 0,
+    downloadUrls: {
+      android: "https://play.google.com/store/apps/details?id=io.metamask",
+      ios: "https://apps.apple.com/us/app/metamask/id1438144202",
+      mobile: "https://metamask.io/download",
+      qrCode: "https://metamask.io/download",
+      chrome: "https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn",
+      edge: "https://microsoftedge.microsoft.com/addons/detail/metamask/ejbalbakoplchlghecdalmeeeajnimhm",
+      firefox: "https://addons.mozilla.org/firefox/addon/ether-metamask",
+      opera: "https://addons.opera.com/extensions/details/metamask-10",
+      browserExtension: "https://metamask.io/download"
+    },
+    mobile: {
+      getUri: shouldUseWalletConnect ? getUri : void 0
+    },
+    qrCode: shouldUseWalletConnect ? {
+      getUri,
+      instructions: {
+        learnMoreUrl: "https://metamask.io/faqs/",
+        steps: [
+          {
+            description: "wallet_connectors.metamask.qr_code.step1.description",
+            step: "install",
+            title: "wallet_connectors.metamask.qr_code.step1.title"
+          },
+          {
+            description: "wallet_connectors.metamask.qr_code.step2.description",
+            step: "create",
+            title: "wallet_connectors.metamask.qr_code.step2.title"
+          },
+          {
+            description: "wallet_connectors.metamask.qr_code.step3.description",
+            step: "refresh",
+            title: "wallet_connectors.metamask.qr_code.step3.title"
+          }
+        ]
+      }
+    } : void 0,
+    extension: {
+      instructions: {
+        learnMoreUrl: "https://metamask.io/faqs/",
+        steps: [
+          {
+            description: "wallet_connectors.metamask.extension.step1.description",
+            step: "install",
+            title: "wallet_connectors.metamask.extension.step1.title"
+          },
+          {
+            description: "wallet_connectors.metamask.extension.step2.description",
+            step: "create",
+            title: "wallet_connectors.metamask.extension.step2.title"
+          },
+          {
+            description: "wallet_connectors.metamask.extension.step3.description",
+            step: "refresh",
+            title: "wallet_connectors.metamask.extension.step3.title"
+          }
+        ]
+      }
+    },
+    createConnector: shouldUseWalletConnect ? getWalletConnectConnector({
+      projectId,
+      walletConnectParameters
+    }) : getInjectedConnector({
+      target: typeof window !== "undefined" ? (_c = (_b = (_a = window.ethereum) == null ? void 0 : _a.providers) == null ? void 0 : _b.find(
+        isMetaMask
+      )) != null ? _c : window.ethereum : void 0
+    })
+  };
+};
+
+export {
+  metaMaskWallet
+};

package/dist/wallets/walletConnectors/chunk-3CLNL7LR.js

@@ -0,0 +1,73 @@
+"use client";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-F3VCNZXS.js";
+import {
+  isAndroid,
+  isIOS
+} from "./chunk-ZOLACFTK.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-ZDU3JFGR.js";
+
+// src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts
+var rainbowWallet = ({
+  projectId,
+  walletConnectParameters
+}) => {
+  const isRainbowInjected = hasInjectedProvider({ flag: "isRainbow" });
+  const shouldUseWalletConnect = !isRainbowInjected;
+  const getUri = (uri) => {
+    return isAndroid() ? uri : isIOS() ? `rainbow://wc?uri=${encodeURIComponent(uri)}&connector=rainbowkit` : `https://rnbwapp.com/wc?uri=${encodeURIComponent(
+      uri
+    )}&connector=rainbowkit`;
+  };
+  return {
+    id: "rainbow",
+    name: "Rainbow",
+    rdns: "me.rainbow",
+    iconUrl: async () => (await import("./rainbowWallet-GGU64QEI.js")).default,
+    iconBackground: "#0c2f78",
+    installed: !shouldUseWalletConnect ? isRainbowInjected : void 0,
+    downloadUrls: {
+      android: "https://play.google.com/store/apps/details?id=me.rainbow&referrer=utm_source%3Drainbowkit&utm_source=rainbowkit",
+      ios: "https://apps.apple.com/app/apple-store/id1457119021?pt=119997837&ct=rainbowkit&mt=8",
+      mobile: "https://rainbow.download?utm_source=rainbowkit",
+      qrCode: "https://rainbow.download?utm_source=rainbowkit&utm_medium=qrcode",
+      browserExtension: "https://rainbow.me/extension?utm_source=rainbowkit"
+    },
+    mobile: { getUri: shouldUseWalletConnect ? getUri : void 0 },
+    qrCode: shouldUseWalletConnect ? {
+      getUri,
+      instructions: {
+        learnMoreUrl: "https://learn.rainbow.me/connect-to-a-website-or-app?utm_source=rainbowkit&utm_medium=connector&utm_campaign=learnmore",
+        steps: [
+          {
+            description: "wallet_connectors.rainbow.qr_code.step1.description",
+            step: "install",
+            title: "wallet_connectors.rainbow.qr_code.step1.title"
+          },
+          {
+            description: "wallet_connectors.rainbow.qr_code.step2.description",
+            step: "create",
+            title: "wallet_connectors.rainbow.qr_code.step2.title"
+          },
+          {
+            description: "wallet_connectors.rainbow.qr_code.step3.description",
+            step: "scan",
+            title: "wallet_connectors.rainbow.qr_code.step3.title"
+          }
+        ]
+      }
+    } : void 0,
+    createConnector: shouldUseWalletConnect ? getWalletConnectConnector({
+      projectId,
+      walletConnectParameters
+    }) : getInjectedConnector({ flag: "isRainbow" })
+  };
+};
+
+export {
+  rainbowWallet
+};

package/dist/wallets/walletConnectors/chunk-7GGRZNT3.js

@@ -0,0 +1,96 @@
+"use client";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-F3VCNZXS.js";
+import {
+  isAndroid
+} from "./chunk-ZOLACFTK.js";
+import {
+  getWalletConnectConnector
+} from "./chunk-ZDU3JFGR.js";
+
+// src/wallets/walletConnectors/okxWallet/okxWallet.ts
+var okxWallet = ({
+  projectId,
+  walletConnectParameters
+}) => {
+  const isOKXInjected = hasInjectedProvider({ namespace: "okxwallet" });
+  const shouldUseWalletConnect = !isOKXInjected;
+  return {
+    id: "okx",
+    name: "OKX Wallet",
+    rdns: "com.okex.wallet",
+    iconUrl: async () => (await import("./okxWallet-GKYMI2XW.js")).default,
+    iconAccent: "#000",
+    iconBackground: "#000",
+    downloadUrls: {
+      android: "https://play.google.com/store/apps/details?id=com.okinc.okex.gp",
+      ios: "https://itunes.apple.com/app/id1327268470?mt=8",
+      mobile: "https://okx.com/download",
+      qrCode: "https://okx.com/download",
+      chrome: "https://chrome.google.com/webstore/detail/okx-wallet/mcohilncbfahbmgdjkbpemcciiolgcge",
+      edge: "https://microsoftedge.microsoft.com/addons/detail/okx-wallet/pbpjkcldjiffchgbbndmhojiacbgflha",
+      firefox: "https://addons.mozilla.org/firefox/addon/okexwallet/",
+      browserExtension: "https://okx.com/download"
+    },
+    mobile: {
+      getUri: shouldUseWalletConnect ? (uri) => {
+        return isAndroid() ? uri : `okex://main/wc?uri=${encodeURIComponent(uri)}`;
+      } : void 0
+    },
+    qrCode: shouldUseWalletConnect ? {
+      getUri: (uri) => uri,
+      instructions: {
+        learnMoreUrl: "https://okx.com/web3/",
+        steps: [
+          {
+            description: "wallet_connectors.okx.qr_code.step1.description",
+            step: "install",
+            title: "wallet_connectors.okx.qr_code.step1.title"
+          },
+          {
+            description: "wallet_connectors.okx.qr_code.step2.description",
+            step: "create",
+            title: "wallet_connectors.okx.qr_code.step2.title"
+          },
+          {
+            description: "wallet_connectors.okx.qr_code.step3.description",
+            step: "scan",
+            title: "wallet_connectors.okx.qr_code.step3.title"
+          }
+        ]
+      }
+    } : void 0,
+    extension: {
+      instructions: {
+        learnMoreUrl: "https://okx.com/web3/",
+        steps: [
+          {
+            description: "wallet_connectors.okx.extension.step1.description",
+            step: "install",
+            title: "wallet_connectors.okx.extension.step1.title"
+          },
+          {
+            description: "wallet_connectors.okx.extension.step2.description",
+            step: "create",
+            title: "wallet_connectors.okx.extension.step2.title"
+          },
+          {
+            description: "wallet_connectors.okx.extension.step3.description",
+            step: "refresh",
+            title: "wallet_connectors.okx.extension.step3.title"
+          }
+        ]
+      }
+    },
+    createConnector: shouldUseWalletConnect ? getWalletConnectConnector({
+      projectId,
+      walletConnectParameters
+    }) : getInjectedConnector({ namespace: "okxwallet" })
+  };
+};
+
+export {
+  okxWallet
+};