@funkit/connect 0.1.3 → 0.1.5

package/dist/index.d.ts

@@ -12,7 +12,6 @@ export { cssStringFromTheme } from './css/cssStringFromTheme';
 export type { Locale } from './locales/';
 export { darkTheme } from './themes/darkTheme';
 export { lightTheme } from './themes/lightTheme';
-export { midnightTheme } from './themes/midnightTheme';
 export { useAddRecentTransaction } from './transactions/useAddRecentTransaction';
 export { connectorsForWallets } from './wallets/connectorsForWallets';
 export { getDefaultWallets } from './wallets/getDefaultWallets';

package/dist/index.js

@@ -1,13 +1,7 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-FDHEHORE.js";
 import {
   lightTheme
-} from "./chunk-U7T37VQU.js";
-import {
-  midnightTheme
-} from "./chunk-U7C2G4O4.js";
+} from "./chunk-VGM7OU7P.js";
 import {
   ActionButton,
   AppContext,
@@ -39,8 +33,10 @@ import {
   useFunkitCheckout,
   useTransactionStore,
   useWalletConnectors
-} from "./chunk-WSQKOMBH.js";
-import "./chunk-IRPFZ4HK.js";
+} from "./chunk-WJHR5YCY.js";
+import {
+  darkTheme
+} from "./chunk-LKGTFED3.js";
 import "./chunk-VP4CAK4A.js";
 
 // src/components/ConnectOptions/MobileOptions.tsx
@@ -930,7 +926,6 @@ export {
   getDefaultWallets,
   getWalletConnectConnector,
   lightTheme,
-  midnightTheme,
   useAccountModal,
   useAddRecentTransaction,
   useChainModal,

package/dist/themes/baseTheme.d.ts

@@ -17,7 +17,7 @@ export interface AccentColor {
     accentColor: string;
     accentColorForeground: string;
 }
-export type AccentColorPreset = 'blue' | 'green' | 'red' | 'purple' | 'pink' | 'orange';
+export type AccentColorPreset = 'blue' | 'green' | 'red' | 'purple' | 'pink' | 'orange' | 'white';
 export interface ThemeOptions extends BaseThemeOptions {
     accentColor?: string;
     accentColorForeground?: string;

package/dist/themes/darkTheme.d.ts

@@ -7,6 +7,7 @@ export declare const darkTheme: {
             actionButtonBorder: string;
             actionButtonBorderMobile: string;
             actionButtonSecondaryBackground: string;
+            actionButtonDisabled: string;
             closeButton: string;
             closeButtonBackground: string;
             connectButtonBackground: string;
@@ -31,6 +32,9 @@ export declare const darkTheme: {
             profileActionHover: string;
             profileForeground: string;
             selectedOptionBorder: string;
+            solidLine: string;
+            rightTranslucentLine: string;
+            leftTranslucentLine: string;
             standby: string;
         };
         shadows: {

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-FDHEHORE.js";
+} from "../chunk-LKGTFED3.js";
 import "../chunk-VP4CAK4A.js";
 export {
   darkTheme

package/dist/themes/lightTheme.d.ts

@@ -7,6 +7,7 @@ export declare const lightTheme: {
             actionButtonBorder: string;
             actionButtonBorderMobile: string;
             actionButtonSecondaryBackground: string;
+            actionButtonDisabled: string;
             closeButton: string;
             closeButtonBackground: string;
             connectButtonBackground: string;
@@ -31,6 +32,9 @@ export declare const lightTheme: {
             profileActionHover: string;
             profileForeground: string;
             selectedOptionBorder: string;
+            solidLine: string;
+            rightTranslucentLine: string;
+            leftTranslucentLine: string;
             standby: string;
         };
         shadows: {

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-U7T37VQU.js";
+} from "../chunk-VGM7OU7P.js";
 import "../chunk-VP4CAK4A.js";
 export {
   lightTheme

package/dist/utils/checkout.d.ts

@@ -1,11 +1,6 @@
-import { CheckoutHistoryItem, CheckoutState, FunWallet, GlobalEnvOption } from '@funkit/core';
+import { CheckoutHistoryItem, CheckoutState, FunWallet } from '@funkit/core';
 import { Chain as ViemChain, Hex } from 'viem';
 import { FunkitCheckoutConfig } from '../components/FunkitProvider/FunkitCheckoutContext';
-declare global {
-    interface Window {
-        globalEnvOptions: GlobalEnvOption;
-    }
-}
 /**
  * Validates the checkout configuration.
  * @param config - The checkout configuration to validate.
@@ -18,8 +13,35 @@ export declare function validateCheckoutConfig(config: FunkitCheckoutConfig): {
 /**
  * Checks whether user has sufficient targetAsset + targetAssetAmount in their funwallet
  */
-export declare const testAutoExecutionDuringCheckout: (config: FunkitCheckoutConfig, chainItem: ViemChain, wallet: FunWallet) => Promise<boolean>;
+export declare const testAutoExecutionDuringCheckout: (config: FunkitCheckoutConfig, chainItem: ViemChain, wallet: FunWallet) => Promise<{
+    result: boolean;
+    tokenTicker: null;
+} | {
+    result: boolean;
+    tokenTicker: string;
+}>;
 export declare function getTokenAddress(tokenTicker: string, chainId: string): Promise<`0x${string}`>;
+export declare function getFunkitEnvForDirectExecution({ chainId, }: {
+    chainId: string;
+}): {
+    chain: string;
+    gasSponsor: {
+        sponsorAddress?: `0x${string}` | undefined;
+        token?: string | undefined;
+        usePermit?: boolean | undefined;
+        useCheckoutSponsor?: boolean | undefined;
+    };
+    apiKey?: string | undefined;
+    fee?: {
+        token?: string | undefined;
+        amount?: number | undefined;
+        gasPercent?: number | undefined;
+        recipient: `0x${string}`;
+    } | undefined;
+    skipDBAction?: boolean | undefined;
+    nonce?: bigint | undefined;
+    bypassInit?: boolean | undefined;
+};
 /**
  * Generates an env config for checkout estimation
  * So that batch operation creation will not fail even if FW has insufficient funds to pass the estimation.

package/dist/utils/formatNumber.d.ts

@@ -16,6 +16,8 @@ interface FormatNumberOptions {
     /** The largest suffix to use (e.g. if 1000000, we will stop at M and not use the B suffix) */
     maxSuffixSize?: 1e3 | 1e6 | 1e9 | 1e12;
     numberFormatOptions?: Intl.NumberFormatOptions;
+    /** Adds minimum significant digits value to force numbers to show decimal precision even when there are none 5 -> 5.00  */
+    minimumSignificantDigits?: number;
 }
 /**
  * Formats a number with conditional truncation, suffixation, and scientific notation.

package/dist/wallets/walletConnectors/index.js

@@ -1,25 +1,25 @@
 "use client";
-import {
-  xdefiWallet
-} from "./chunk-5ZLRNFDM.js";
 import {
   zerionWallet
 } from "./chunk-7Q7X4HIR.js";
+import {
+  xdefiWallet
+} from "./chunk-5ZLRNFDM.js";
 import {
   tahoWallet
 } from "./chunk-OOGGCCFQ.js";
 import {
-  safeheronWallet
-} from "./chunk-7WTKIVCW.js";
+  omniWallet
+} from "./chunk-2T3BP5YM.js";
 import {
   talismanWallet
 } from "./chunk-5UETJ33B.js";
-import {
-  uniswapWallet
-} from "./chunk-WCZ37NN2.js";
 import {
   trustWallet
 } from "./chunk-QVJQ2MU7.js";
+import {
+  uniswapWallet
+} from "./chunk-WCZ37NN2.js";
 import {
   tokenPocketWallet
 } from "./chunk-6GAD4OSN.js";
@@ -30,53 +30,59 @@ import {
   zealWallet
 } from "./chunk-QBKHMTGI.js";
 import {
-  omniWallet
-} from "./chunk-2T3BP5YM.js";
-import {
-  oneKeyWallet
-} from "./chunk-6CW3SAA3.js";
+  okxWallet
+} from "./chunk-MPVMJW2X.js";
 import {
   phantomWallet
 } from "./chunk-KUZFZL2D.js";
+import {
+  rabbyWallet
+} from "./chunk-TNC2B7LX.js";
 import {
   rainbowWallet
 } from "./chunk-VDUTD5UR.js";
+import {
+  safeheronWallet
+} from "./chunk-7WTKIVCW.js";
 import {
   safeWallet
 } from "./chunk-BNTZHUB6.js";
 import {
   safepalWallet
 } from "./chunk-RMJYZWKN.js";
-import {
-  rabbyWallet
-} from "./chunk-TNC2B7LX.js";
 import {
   subWallet
 } from "./chunk-JU27WJ7W.js";
+import {
+  frontierWallet
+} from "./chunk-T2DNUVKD.js";
 import {
   imTokenWallet
 } from "./chunk-4TBAMXD2.js";
-import {
-  clvWallet
-} from "./chunk-C3X4W5P4.js";
 import {
   injectedWallet
 } from "./chunk-U32TVZ7G.js";
 import {
   ledgerWallet
 } from "./chunk-4AGSKVK4.js";
-import {
-  metaMaskWallet
-} from "./chunk-CESIYSTD.js";
 import {
   mewWallet
 } from "./chunk-BZFEDZQJ.js";
+import {
+  metaMaskWallet
+} from "./chunk-CESIYSTD.js";
 import {
   oktoWallet
 } from "./chunk-3JTRMKJN.js";
 import {
-  okxWallet
-} from "./chunk-MPVMJW2X.js";
+  oneKeyWallet
+} from "./chunk-6CW3SAA3.js";
+import {
+  clvWallet
+} from "./chunk-C3X4W5P4.js";
+import {
+  coin98Wallet
+} from "./chunk-PVTJW4KE.js";
 import {
   coreWallet
 } from "./chunk-K342MEBF.js";
@@ -86,18 +92,15 @@ import {
 import {
   desigWallet
 } from "./chunk-SXUVHZCG.js";
-import {
-  enkryptWallet
-} from "./chunk-ND76X5A2.js";
 import {
   foxWallet
 } from "./chunk-C6BBHBY3.js";
+import {
+  enkryptWallet
+} from "./chunk-ND76X5A2.js";
 import {
   frameWallet
 } from "./chunk-MBFEMLUU.js";
-import {
-  frontierWallet
-} from "./chunk-T2DNUVKD.js";
 import {
   argentWallet
 } from "./chunk-DINSZSEC.js";
@@ -111,13 +114,10 @@ import {
   bitKeepWallet,
   bitgetWallet
 } from "./chunk-4HP4HVWX.js";
+import "./chunk-4ACOCJJZ.js";
 import {
   braveWallet
 } from "./chunk-INSQDNCE.js";
-import {
-  coin98Wallet
-} from "./chunk-PVTJW4KE.js";
-import "./chunk-4ACOCJJZ.js";
 import {
   coinbaseWallet
 } from "./chunk-WFTAXMQP.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -82,10 +82,10 @@
   },
   "dependencies": {
     "@front-finance/link": "^1.1.9",
-    "@funkit/core": "^0.10.2",
-    "@funkit/wagmi-tools": "^0.1.1",
+    "@funkit/core": "^0.10.4",
+    "@funkit/wagmi-tools": "^0.1.3",
     "@moonpay/moonpay-react": "^1.4.1",
-    "@privy-io/js-sdk-core": "^0.7.0",
+    "@privy-io/js-sdk-core": "^0.11.0",
     "@types/uuid": "^9.0.1",
     "@vanilla-extract/css": "1.9.1",
     "@vanilla-extract/dynamic": "2.0.2",

package/dist/chunk-FDHEHORE.js

@@ -1,68 +0,0 @@
-"use client";
-import {
-  baseTheme
-} from "./chunk-VP4CAK4A.js";
-
-// src/themes/darkTheme.ts
-var darkGrey = "#1A1B1F";
-var accentColors = {
-  blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
-  green: { accentColor: "#4BD166", accentColorForeground: darkGrey },
-  orange: { accentColor: "#FF983D", accentColorForeground: darkGrey },
-  pink: { accentColor: "#FF7AB8", accentColorForeground: darkGrey },
-  purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
-  red: { accentColor: "#FF6257", accentColorForeground: "#FFF" }
-};
-var defaultAccentColor = accentColors.blue;
-var darkTheme = ({
-  accentColor = defaultAccentColor.accentColor,
-  accentColorForeground = defaultAccentColor.accentColorForeground,
-  ...baseThemeOptions
-} = {}) => ({
-  ...baseTheme(baseThemeOptions),
-  colors: {
-    accentColor,
-    accentColorForeground,
-    actionButtonBorder: "rgba(255, 255, 255, 0.04)",
-    actionButtonBorderMobile: "rgba(255, 255, 255, 0.08)",
-    actionButtonSecondaryBackground: "rgba(255, 255, 255, 0.08)",
-    closeButton: "rgba(224, 232, 255, 0.6)",
-    closeButtonBackground: "rgba(255, 255, 255, 0.08)",
-    connectButtonBackground: darkGrey,
-    connectButtonBackgroundError: "#C60000",
-    connectButtonInnerBackground: "linear-gradient(0deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.15))",
-    connectButtonText: "#FFF",
-    connectButtonTextError: "#FFF",
-    connectionIndicator: "#30E000",
-    downloadBottomCardBackground: "linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.2) 71.04%), #1A1B1F",
-    downloadTopCardBackground: "linear-gradient(126deg, rgba(120, 120, 120, 0.2) 9.49%, rgba(0, 0, 0, 0) 71.04%), #1A1B1F",
-    error: "#C60000",
-    generalBorder: "rgba(255, 255, 255, 0.08)",
-    generalBorderDim: "rgba(255, 255, 255, 0.04)",
-    menuItemBackground: "rgba(224, 232, 255, 0.1)",
-    modalBackdrop: "rgba(0, 0, 0, 0.5)",
-    modalBackground: "#1A1B1F",
-    modalBorder: "rgba(255, 255, 255, 0.08)",
-    modalText: "#FFF",
-    modalTextDim: "rgba(224, 232, 255, 0.3)",
-    modalTextSecondary: "rgba(255,  255, 255, 0.6)",
-    profileAction: "rgba(224, 232, 255, 0.1)",
-    profileActionHover: "rgba(224, 232, 255, 0.2)",
-    profileForeground: "rgba(224, 232, 255, 0.05)",
-    selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
-    standby: "#FFD641"
-  },
-  shadows: {
-    connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-    dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
-    selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
-  }
-});
-darkTheme.accentColors = accentColors;
-
-export {
-  darkTheme
-};

package/dist/chunk-U7C2G4O4.js

@@ -1,67 +0,0 @@
-"use client";
-import {
-  baseTheme
-} from "./chunk-VP4CAK4A.js";
-
-// src/themes/midnightTheme.ts
-var accentColors = {
-  blue: { accentColor: "#3898FF", accentColorForeground: "#FFF" },
-  green: { accentColor: "#4BD166", accentColorForeground: "#000" },
-  orange: { accentColor: "#FF983D", accentColorForeground: "#000" },
-  pink: { accentColor: "#FF7AB8", accentColorForeground: "#000" },
-  purple: { accentColor: "#7A70FF", accentColorForeground: "#FFF" },
-  red: { accentColor: "#FF6257", accentColorForeground: "#FFF" }
-};
-var defaultAccentColor = accentColors.blue;
-var midnightTheme = ({
-  accentColor = defaultAccentColor.accentColor,
-  accentColorForeground = defaultAccentColor.accentColorForeground,
-  ...baseThemeOptions
-} = {}) => ({
-  ...baseTheme(baseThemeOptions),
-  colors: {
-    accentColor,
-    accentColorForeground,
-    actionButtonBorder: "rgba(255, 255, 255, 0.04)",
-    actionButtonBorderMobile: "rgba(255, 255, 255, 0.1)",
-    actionButtonSecondaryBackground: "rgba(255, 255, 255, 0.08)",
-    closeButton: "rgba(255, 255, 255, 0.7)",
-    closeButtonBackground: "rgba(255, 255, 255, 0.08)",
-    connectButtonBackground: "#000",
-    connectButtonBackgroundError: "#FF494A",
-    connectButtonInnerBackground: "linear-gradient(0deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12))",
-    connectButtonText: "#FFF",
-    connectButtonTextError: "#FFF",
-    connectionIndicator: "#30E000",
-    downloadBottomCardBackground: "linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.1) 71.04%), #050505",
-    downloadTopCardBackground: "linear-gradient(126deg, rgba(120, 120, 120, 0.1) 9.49%, rgba(0, 0, 0, 0) 71.04%), #050505",
-    error: "#FF494A",
-    generalBorder: "rgba(255, 255, 255, 0.08)",
-    generalBorderDim: "rgba(255, 255, 255, 0.04)",
-    menuItemBackground: "rgba(255, 255, 255, 0.08)",
-    modalBackdrop: "rgba(0, 0, 0, 0.7)",
-    modalBackground: "#000",
-    modalBorder: "rgba(255, 255, 255, 0.08)",
-    modalText: "#FFF",
-    modalTextDim: "rgba(255, 255, 255, 0.2)",
-    modalTextSecondary: "rgba(255, 255, 255, 0.6)",
-    profileAction: "rgba(255, 255, 255, 0.1)",
-    profileActionHover: "rgba(255, 255, 255, 0.2)",
-    profileForeground: "rgba(255, 255, 255, 0.06)",
-    selectedOptionBorder: "rgba(224, 232, 255, 0.1)",
-    standby: "#FFD641"
-  },
-  shadows: {
-    connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-    dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    profileDetailsAction: "0px 2px 6px rgba(37, 41, 46, 0.04)",
-    selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    walletLogo: "0px 2px 16px rgba(0, 0, 0, 0.16)"
-  }
-});
-midnightTheme.accentColors = accentColors;
-
-export {
-  midnightTheme
-};

package/dist/themes/funTheme.d.ts

@@ -1,63 +0,0 @@
-import { AccentColor, AccentColorPreset, ThemeOptions } from './baseTheme';
-export declare const funTheme: {
-    ({ accentColor, accentColorForeground, ...baseThemeOptions }?: ThemeOptions): {
-        colors: {
-            accentColor: string;
-            accentColorForeground: string;
-            actionButtonBorder: string;
-            actionButtonBorderMobile: string;
-            actionButtonSecondaryBackground: string;
-            actionButtonDisabled: string;
-            closeButton: string;
-            closeButtonBackground: string;
-            connectButtonBackground: string;
-            connectButtonBackgroundError: string;
-            connectButtonInnerBackground: string;
-            connectButtonText: string;
-            connectButtonTextError: string;
-            connectionIndicator: string;
-            downloadBottomCardBackground: string;
-            downloadTopCardBackground: string;
-            error: string;
-            generalBorder: string;
-            generalBorderDim: string;
-            menuItemBackground: string;
-            modalBackdrop: string;
-            modalBackground: string;
-            modalBorder: string;
-            modalText: string;
-            modalTextDim: string;
-            modalTextSecondary: string;
-            profileAction: string;
-            profileActionHover: string;
-            profileForeground: string;
-            selectedOptionBorder: string;
-            solidLine: string;
-            rightTranslucentLine: string;
-            leftTranslucentLine: string;
-            standby: string;
-        };
-        shadows: {
-            connectButton: string;
-            dialog: string;
-            profileDetailsAction: string;
-            selectedOption: string;
-            selectedWallet: string;
-            walletLogo: string;
-        };
-        fonts: {
-            body: string;
-        };
-        radii: {
-            actionButton: string;
-            connectButton: string;
-            menuButton: string;
-            modal: string;
-            modalMobile: string;
-        };
-        blurs: {
-            modalOverlay: string;
-        };
-    };
-    accentColors: Record<AccentColorPreset, AccentColor>;
-};

package/dist/themes/funTheme.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  funTheme
-} from "../chunk-IRPFZ4HK.js";
-import "../chunk-VP4CAK4A.js";
-export {
-  funTheme
-};

package/dist/themes/midnightTheme.d.ts

@@ -1,59 +0,0 @@
-import { AccentColor, AccentColorPreset, ThemeOptions } from './baseTheme';
-export declare const midnightTheme: {
-    ({ accentColor, accentColorForeground, ...baseThemeOptions }?: ThemeOptions): {
-        colors: {
-            accentColor: string;
-            accentColorForeground: string;
-            actionButtonBorder: string;
-            actionButtonBorderMobile: string;
-            actionButtonSecondaryBackground: string;
-            closeButton: string;
-            closeButtonBackground: string;
-            connectButtonBackground: string;
-            connectButtonBackgroundError: string;
-            connectButtonInnerBackground: string;
-            connectButtonText: string;
-            connectButtonTextError: string;
-            connectionIndicator: string;
-            downloadBottomCardBackground: string;
-            downloadTopCardBackground: string;
-            error: string;
-            generalBorder: string;
-            generalBorderDim: string;
-            menuItemBackground: string;
-            modalBackdrop: string;
-            modalBackground: string;
-            modalBorder: string;
-            modalText: string;
-            modalTextDim: string;
-            modalTextSecondary: string;
-            profileAction: string;
-            profileActionHover: string;
-            profileForeground: string;
-            selectedOptionBorder: string;
-            standby: string;
-        };
-        shadows: {
-            connectButton: string;
-            dialog: string;
-            profileDetailsAction: string;
-            selectedOption: string;
-            selectedWallet: string;
-            walletLogo: string;
-        };
-        fonts: {
-            body: string;
-        };
-        radii: {
-            actionButton: string;
-            connectButton: string;
-            menuButton: string;
-            modal: string;
-            modalMobile: string;
-        };
-        blurs: {
-            modalOverlay: string;
-        };
-    };
-    accentColors: Record<AccentColorPreset, AccentColor>;
-};

package/dist/themes/midnightTheme.js

@@ -1,8 +0,0 @@
-"use client";
-import {
-  midnightTheme
-} from "../chunk-U7C2G4O4.js";
-import "../chunk-VP4CAK4A.js";
-export {
-  midnightTheme
-};