@funkit/connect 5.1.4 → 5.2.1

package/dist/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.d.ts

@@ -4,6 +4,10 @@ interface UseQuoteRefreshOptions {
      * Freeze the latest quote state, e.g. so we do not change the quote mid-confirmation
      */
     isOnHold: boolean;
+    /**
+     * Controls in what interval to refresh the quote data in case of a hard refresh, in case of pre-loading it controls when to set the data, should be more than `BEFORE_COUNTDOWN_ENDS_SEC` by at least 10 seconds to provide the API the time needed to complete the call
+     */
+    refreshIntervalSeconds: number;
 }
 interface UseQuoteRefreshResult {
     /** Quoting state indicated a bit in advance for UX reasons */
@@ -15,5 +19,5 @@ interface UseQuoteRefreshResult {
     /** Safe to call asynchronously */
     refreshQuote(ignorePreloaded?: boolean): Promise<void>;
 }
-export declare function useQuoteRefresh({ isOnHold, }: UseQuoteRefreshOptions): UseQuoteRefreshResult;
+export declare function useQuoteRefresh({ isOnHold, refreshIntervalSeconds, }: UseQuoteRefreshOptions): UseQuoteRefreshResult;
 export {};

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -1,6 +1,6 @@
 import { type ApiCheckoutClientMetadata, type ApiFunkitCheckoutActionParams, type ApiFunkitCheckoutConfig, type FunAddress } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
-import { type Address } from 'viem';
+import type { Address } from 'viem';
 import type { AssetHoldingsItem } from '~/utils/assets';
 import { type PaymentMethodInfo } from '../domains/paymentMethods';
 import { type FunkitCheckoutQuoteResult } from './FunkitHistoryContext';
@@ -19,7 +19,7 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     generateActionsParams?: (targetAssetAmount: number, config?: {
         targetAsset: Address;
         targetChain: string;
-    }) => FunkitCheckoutActionParams[];
+    }) => Promise<FunkitCheckoutActionParams[]>;
     /** Custom recipient address of the checkout. If specified, a different checkout flow will be executed. It is not recommended to set this unless the Fun.xyz team advises it. **/
     customRecipient?: FunAddress;
     /** ****************************************

package/dist/providers/FunkitThemeProvider.d.ts

@@ -78,6 +78,7 @@ export declare const useActiveTheme: () => {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
+            buttonBorderHover: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
             buttonIconBackgroundHover: string;
@@ -88,9 +89,9 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
-            badgeBackgroundSolana: string;
-            badgeBorderSolana: string;
-            badgeTextSolana: string;
+            newBadgeBackground: string;
+            newBadgeBorder: string;
+            newBadgeText: string;
             inputAmountQuickOptionBaseBackground: string;
             inputAmountQuickOptionHoverBackground: string;
             inputAmountQuickOptionActiveBackground: string;
@@ -169,6 +170,13 @@ export declare const useActiveTheme: () => {
             modalActionButton: string;
             modalActionButtonMobile: string;
             summaryBox: string;
+            youPayYouReceive: string;
+            inputAmountSwitcher: string;
+            qrCode: string;
+            skeleton: string;
+            tooltip: string;
+            dropdown: string;
+            dropdownItem: string;
         };
         shadows: {
             connectButton: string;
@@ -246,6 +254,7 @@ export declare const useActiveTheme: () => {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
+            buttonBorderHover: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
             buttonIconBackgroundHover: string;
@@ -256,9 +265,9 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
-            badgeBackgroundSolana: string;
-            badgeBorderSolana: string;
-            badgeTextSolana: string;
+            newBadgeBackground: string;
+            newBadgeBorder: string;
+            newBadgeText: string;
             inputAmountQuickOptionBaseBackground: string;
             inputAmountQuickOptionHoverBackground: string;
             inputAmountQuickOptionActiveBackground: string;
@@ -337,6 +346,13 @@ export declare const useActiveTheme: () => {
             modalActionButton: string;
             modalActionButtonMobile: string;
             summaryBox: string;
+            youPayYouReceive: string;
+            inputAmountSwitcher: string;
+            qrCode: string;
+            skeleton: string;
+            tooltip: string;
+            dropdown: string;
+            dropdownItem: string;
         };
         shadows: {
             connectButton: string;
@@ -412,6 +428,7 @@ export declare const useActiveTheme: () => {
             buttonBackground: string;
             buttonBackgroundHover: string;
             buttonBackgroundDisabled: string;
+            buttonBorderHover: string;
             buttonTextSecondaryDisabled: string;
             buttonTextSecondary: string;
             buttonIconBackgroundHover: string;
@@ -422,9 +439,9 @@ export declare const useActiveTheme: () => {
             badgeBackgroundSuccess: string;
             badgeBorderSuccess: string;
             badgeTextSuccess: string;
-            badgeBackgroundSolana: string;
-            badgeBorderSolana: string;
-            badgeTextSolana: string;
+            newBadgeBackground: string;
+            newBadgeBorder: string;
+            newBadgeText: string;
             inputAmountQuickOptionBaseBackground: string;
             inputAmountQuickOptionHoverBackground: string;
             inputAmountQuickOptionActiveBackground: string;
@@ -503,6 +520,13 @@ export declare const useActiveTheme: () => {
             modalActionButton: string;
             modalActionButtonMobile: string;
             summaryBox: string;
+            youPayYouReceive: string;
+            inputAmountSwitcher: string;
+            qrCode: string;
+            skeleton: string;
+            tooltip: string;
+            dropdown: string;
+            dropdownItem: string;
         };
         shadows: {
             connectButton: string;

package/dist/providers/GeneralWalletProvider.d.ts

@@ -2,7 +2,7 @@ import type { AssetBalanceInfo } from '@funkit/api-base';
 import { Auth, FunWallet } from '@funkit/core';
 import React, { type ReactNode } from 'react';
 import type { Address } from 'viem';
-import { type Config } from 'wagmi';
+import { type Config, type UseDisconnectReturnType, type UseReconnectReturnType } from 'wagmi';
 import type { SwitchChainVariables } from 'wagmi/query';
 import { type FunkitUserInfo } from '../consts/funkit';
 /** AssetBalanceInfo with known price and totalUsdValue */
@@ -86,82 +86,18 @@ export declare const useFunkitAccount: () => {
     status: "connecting";
 };
 export declare const useFunkitUserInfo: () => FunkitUserInfo;
+export type FunkitDisconnectReturnType = UseDisconnectReturnType & {
+    disconnect: () => Promise<void> | void;
+    disconnectAsync: () => Promise<void> | void;
+};
 /**
  * Replacement for wagmi's `disconnect` from `useDisconnect`
  */
-export declare const useFunkitDisconnect: () => {
-    disconnect: () => void;
-    disconnectAsync: () => void;
-    reset: () => void;
-    error: null;
-    data: undefined;
-    status: "idle";
-    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[];
-} | {
-    disconnect: () => void;
-    disconnectAsync: () => void;
-    reset: () => void;
-    error: null;
-    data: undefined;
-    status: "pending";
-    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[];
-} | {
-    disconnect: () => void;
-    disconnectAsync: () => void;
-    reset: () => void;
-    error: import("@wagmi/core").DisconnectErrorType;
-    data: undefined;
-    status: "error";
-    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[];
-} | {
-    disconnect: () => void;
-    disconnectAsync: () => void;
-    reset: () => void;
-    error: null;
-    data: void;
-    status: "success";
-    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[];
-};
+export declare const useFunkitDisconnect: () => FunkitDisconnectReturnType;
+/**
+ * Replacement for wagmi's `useReconnect`
+ */
+export declare const useFunkitReconnect: () => UseReconnectReturnType;
 /**
  * Replacement for wagmi's useSwitchChains
  */

package/dist/themes/baseTheme.js

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

package/dist/themes/darkTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-L55ALBJE.js";
-import "../chunk-A7G4HZZY.js";
+} from "../chunk-QMPPK7HO.js";
+import "../chunk-CRPOYQ6X.js";
 export {
   darkTheme
 };

package/dist/themes/lightTheme.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-IDAA2OY6.js";
-import "../chunk-A7G4HZZY.js";
+} from "../chunk-3LR6KLPU.js";
+import "../chunk-CRPOYQ6X.js";
 export {
   lightTheme
 };

package/dist/utils/checkout.d.ts

@@ -4,26 +4,27 @@ import { type Address } from 'viem';
 import type { UseConfigReturnType } from 'wagmi';
 import type { ServerCheckoutConfig } from '~/domains/clientMetadata';
 import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
-import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
+import type { FunkitCheckoutActionParams, FunkitCheckoutConfig } from '../providers/FunkitCheckoutContext';
 export declare const MOONPAY_TIME_ESTIMATE_MS = 120000;
 export declare const MESH_TIME_ESTIMATE_MS = 300000;
 export declare const DUMMY_TRANSFER_PARAMS: {
     toAddress: "0x000000000000000000000000000000000000dEaD";
     tokenAmount: number;
 };
-/**
- * Validates the checkout configuration.
- * @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>): {
+type ValidateCheckoutConfigReturn = Promise<{
     config: FunkitCheckoutConfig;
     isValid: true;
     message: string;
 } | {
     isValid: false;
     message: string;
-};
+}>;
+/**
+ * Validates the checkout configuration.
+ * @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 const hasSufficientBalance: (wagmiConfig: UseConfigReturnType, walletAddress: string, tokenAddress: string, tokenChainId: string, requiredAssetAmount: number) => Promise<{
     balance: number;
     result: boolean;
@@ -112,7 +113,7 @@ export declare function getCheckoutItemDisplay({ checkoutConfig, hideAmount, }:
  */
 export declare function getMaxTargetAssetAmountEstimate(sourceAssetBalance: number, config: FunkitCheckoutConfig, quoteResult: FunkitCheckoutQuoteResult): number;
 export declare function getTokenDecimals(wagmiConfig: Config, chainId: string, tokenAddress: Address): Promise<number>;
-export declare function evaluateCheckoutGenerateActionsParams(config: FunkitCheckoutConfig | ServerCheckoutConfig): FunkitCheckoutActionParams[];
+export declare function evaluateCheckoutGenerateActionsParams(config: FunkitCheckoutConfig | ServerCheckoutConfig): Promise<FunkitCheckoutActionParams[]>;
 export declare function isCheckoutCrFlow(config: FunkitCheckoutConfig): boolean;
 /**
  * @param config can be either be a config from live checkoutItem OR from checkout history's clientMetadata
@@ -122,11 +123,5 @@ export declare function isCheckoutPostActionRequired(config: FunkitCheckoutConfi
  * @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;
-/**
- * @returns true if the source and target are the same, a post action is required, is wallet balance, and is for vertex (for now)
- */
-export declare const isDirectExecutionFlow: ({ checkoutItem, apiKey, }: {
-    checkoutItem: FunkitActiveCheckoutItem | null;
-    apiKey: string;
-}) => boolean;
 export declare const isCheckoutHistoryDirectExecution: (checkoutId: string) => boolean;
+export {};

package/dist/utils/consts.d.ts

@@ -1,2 +1,3 @@
 export declare const MIN_CHECKOUT_AMOUNT_USD = 1;
 export declare const LOW_BALANCE = "Low Balance";
+export declare const CONTACT_US_LINK = "https://intercom.help/funxyz/en/articles/10732578-contact-us";

package/dist/utils/flags/config.d.ts

@@ -58,6 +58,20 @@ export declare const flagConfig: {
     token_transfer_source_chains_and_assets: {
         type: "string";
         default_value: string;
+        overrides: {
+            if_any: ({
+                key: "userId";
+                type: "pctRollout";
+                pct: number;
+                values?: undefined;
+            } | {
+                key: "userId";
+                type: "isAnyOf";
+                values: string[];
+                pct?: undefined;
+            })[];
+            value: string;
+        }[];
     };
     enable_token_transfer_universal_deposit_address: {
         type: "boolean";
@@ -117,15 +131,19 @@ export declare const flagConfig: {
     show_info_banner: {
         type: "string";
         default_value: string;
+        overrides: {
+            if_any: {
+                key: "apiKey";
+                type: "isAnyOf";
+                values: string[];
+            }[];
+            value: string;
+        }[];
     };
     checkout_notifications_refresh_interval: {
         type: "string";
         default_value: string;
     };
-    enable_vertex_swap_bypass: {
-        type: "boolean";
-        default_value: true;
-    };
     display_solana_new_badge: {
         type: "boolean";
         default_value: true;
@@ -134,4 +152,24 @@ export declare const flagConfig: {
         type: "boolean";
         default_value: true;
     };
+    token_transfer_new_tokens: {
+        type: "string";
+        default_value: string;
+    };
+    new_token_asset_selection_banner: {
+        type: "string";
+        default_value: string;
+    };
+    is_relay_bypass_enabled: {
+        type: "boolean";
+        default_value: false;
+    };
+    relay_bypass_source_chains_and_assets: {
+        type: "string";
+        default_value: string;
+    };
+    relay_bypass_target_chains_and_assets: {
+        type: "string";
+        default_value: string;
+    };
 };

package/dist/utils/flags/types.d.ts

@@ -36,4 +36,11 @@ export type Condition = {
     values: string[];
 };
 export type AbstractFlags = Record<string, FlagConfig>;
+export type AssetSelectionBannerConfig = {
+    chainId: number;
+    symbol: string;
+    name: string;
+    isChainNew?: boolean;
+};
+export type TokenTransferNewBadgeConfig = Record<number, string[]>;
 export {};

package/dist/utils/tokenIconUrl.d.ts

@@ -0,0 +1,2 @@
+import type { DynamicTargetAssetCandidate } from '../providers/FunkitCheckoutContext';
+export declare const getTokenIconUrl: (symbol: string, tokens?: DynamicTargetAssetCandidate[]) => string;

package/dist/wallets/walletConnectors/chunk-2UCNRD7H.js

@@ -0,0 +1,70 @@
+"use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-WRA2DVJ7.js";
+
+// src/wallets/walletConnectors/rainbowWallet/rainbowWallet.ts
+import { isAndroid, isIOS } from "@funkit/utils";
+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-MFJQCICF.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-3S2U24BJ.js

@@ -0,0 +1,96 @@
+"use client";
+import {
+  getWalletConnectConnector
+} from "./chunk-23WIEY36.js";
+import {
+  getInjectedConnector,
+  hasInjectedProvider
+} from "./chunk-WRA2DVJ7.js";
+
+// src/wallets/walletConnectors/frontierWallet/frontierWallet.ts
+import { isAndroid } from "@funkit/utils";
+var frontierWallet = ({
+  projectId,
+  walletConnectParameters
+}) => {
+  const isFrontierInjected = hasInjectedProvider({
+    namespace: "frontier.ethereum",
+    flag: "isFrontier"
+  });
+  const shouldUseWalletConnect = !isFrontierInjected;
+  return {
+    id: "frontier",
+    name: "Frontier Wallet",
+    rdns: "xyz.frontier.wallet",
+    installed: isFrontierInjected,
+    iconUrl: async () => (await import("./frontierWallet-5QV7ZACT.js")).default,
+    iconBackground: "#CC703C",
+    downloadUrls: {
+      android: "https://play.google.com/store/apps/details?id=com.frontierwallet",
+      ios: "https://apps.apple.com/us/app/frontier-crypto-defi-wallet/id1482380988",
+      qrCode: "https://www.frontier.xyz/download",
+      chrome: "https://chrome.google.com/webstore/detail/frontier-wallet/kppfdiipphfccemcignhifpjkapfbihd",
+      browserExtension: "https://www.frontier.xyz/download"
+    },
+    mobile: {
+      getUri: shouldUseWalletConnect ? (uri) => {
+        return isAndroid() ? `frontier://wc?uri=${encodeURIComponent(uri)}` : uri;
+      } : void 0
+    },
+    qrCode: shouldUseWalletConnect ? {
+      getUri: (uri) => {
+        return isAndroid() ? `frontier://wc?uri=${encodeURIComponent(uri)}` : uri;
+      },
+      instructions: {
+        learnMoreUrl: "https://help.frontier.xyz/en/",
+        steps: [
+          {
+            description: "wallet_connectors.im_token.qr_code.step1.description",
+            step: "install",
+            title: "wallet_connectors.im_token.qr_code.step1.title"
+          },
+          {
+            description: "wallet_connectors.im_token.qr_code.step2.description",
+            step: "create",
+            title: "wallet_connectors.im_token.qr_code.step2.title"
+          },
+          {
+            description: "wallet_connectors.im_token.qr_code.step3.description",
+            step: "scan",
+            title: "wallet_connectors.im_token.qr_code.step3.title"
+          }
+        ]
+      }
+    } : void 0,
+    extension: {
+      instructions: {
+        learnMoreUrl: "https://help.frontier.xyz/en/articles/6967236-setting-up-frontier-on-your-device",
+        steps: [
+          {
+            description: "wallet_connectors.frontier.extension.step1.description",
+            step: "install",
+            title: "wallet_connectors.frontier.extension.step1.title"
+          },
+          {
+            description: "wallet_connectors.frontier.extension.step2.description",
+            step: "create",
+            title: "wallet_connectors.frontier.extension.step2.title"
+          },
+          {
+            description: "wallet_connectors.frontier.extension.step3.description",
+            step: "refresh",
+            title: "wallet_connectors.frontier.extension.step3.title"
+          }
+        ]
+      }
+    },
+    createConnector: shouldUseWalletConnect ? getWalletConnectConnector({ projectId, walletConnectParameters }) : getInjectedConnector({
+      namespace: "frontier.ethereum",
+      flag: "isFrontier"
+    })
+  };
+};
+
+export {
+  frontierWallet
+};