@funkit/connect 3.4.2 → 3.4.3

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @funkit/connect
 
+## 3.4.3
+
+### Patch Changes
+
+- 3f47f1d: feat(connect): disable amount input/options while quoting
+- 2819f86: fix: always wait for account balance loaded
+- c15a773: fix(connect): do not run risk assessment without walletAddress
+- cc71e58: tooling: fix fingerprinting at build time
+- 769bbf5: feat: direct deposit help guide linkout
+- b66eb91: feat(connect): expose useConnectonStatus hook
+- f6a1693: feat: support new emailConfirmationApprovalRequired mesh status
+- Updated dependencies [f6a1693]
+  - @funkit/api-base@1.3.1
+  - @funkit/core@2.2.3
+  - @funkit/wagmi-tools@3.0.14
+
 ## 3.4.2
 
 ### Patch Changes

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { FunkitSocialLoginMethod, NATIVE_TOKEN } from './consts/funkit';
 export { cssObjectFromTheme } from './css/cssObjectFromTheme';
 export { cssStringFromTheme } from './css/cssStringFromTheme';
 export { PaymentMethod } from './domains/paymentMethods';
+export { useConnectionStatus } from './hooks/useConnectionStatus';
 export type { Locale } from './locales/';
 export type { DisclaimerComponent } from './providers/AppContext';
 export type { AuthenticationConfig, AuthenticationStatus, } from './providers/AuthenticationContext';

package/dist/index.js

@@ -508,7 +508,7 @@ import PrivyJS, {
 } from "@privy-io/js-sdk-core";
 import React188, {
   createContext as createContext16,
-  useCallback as useCallback34,
+  useCallback as useCallback35,
   useContext as useContext18,
   useEffect as useEffect37,
   useMemo as useMemo35,
@@ -1021,7 +1021,7 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
 // src/providers/ModalContext.tsx
 import React187, {
   createContext as createContext15,
-  useCallback as useCallback33,
+  useCallback as useCallback34,
   useContext as useContext17,
   useEffect as useEffect36,
   useMemo as useMemo34,
@@ -9569,7 +9569,10 @@ var statusNamingMap = {
 function StatusTag({ state, refundState, isDelayed }) {
   const { status, isCompleted } = useCheckoutStateBooleans(state);
   const color = isCompleted ? "success" : "secondaryText";
-  return /* @__PURE__ */ React99.createElement(Text, { color, size: "12", weight: "medium" }, refundState === "REFUNDED" ? "Refunded" : isDelayed ? "Pending" : statusNamingMap[status]);
+  return /* @__PURE__ */ React99.createElement(Text, { color, size: "12", weight: "medium" }, refundState === "REFUNDED" ? "Refunded" : (
+    // With some hardcoded timings in `FunCheckoutStatus`, it is possible for isDelayed to stay true while isCompleted is already true
+    isDelayed && !isCompleted ? "Pending" : statusNamingMap[status]
+  ));
 }
 var ReceivedAmount = ({ config }) => {
   const targetAmount = getCheckoutItemDisplay(config);
@@ -12564,10 +12567,10 @@ import { getRiskAssessmentForAddress } from "@funkit/api-base";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 var BLOCKED_RISK_LEVELS = ["Severe", "High"];
 var hasRisk = async (apiKey, walletAddress, customRecipient) => {
-  const getUserWalletRisk = getRiskAssessmentForAddress({
+  const getUserWalletRisk = walletAddress ? getRiskAssessmentForAddress({
     address: walletAddress,
     apiKey
-  }).then((assessment) => assessment?.risk);
+  }).then((assessment) => assessment?.risk) : null;
   const getRecipientWalletRisk = customRecipient ? getRiskAssessmentForAddress({
     address: customRecipient,
     apiKey
@@ -12576,8 +12579,14 @@ var hasRisk = async (apiKey, walletAddress, customRecipient) => {
     getUserWalletRisk,
     getRecipientWalletRisk
   ]);
-  logger.log("addressRiskAssessments", addressRisks);
-  return addressRisks.some((risk) => BLOCKED_RISK_LEVELS.includes(risk || ""));
+  const isCheckoutRisky = addressRisks.some(
+    (risk) => BLOCKED_RISK_LEVELS.includes(risk || "")
+  );
+  logger.log("riskAssessment_isCheckoutRisky", {
+    isCheckoutRisky,
+    addressRisks
+  });
+  return isCheckoutRisky;
 };
 var useIsCheckoutRisky = (checkoutItem) => {
   const { walletAddress } = useGeneralWallet();
@@ -12868,7 +12877,7 @@ function CheckoutComplete({ modalState, onClose }) {
 
 // src/modals/CheckoutModal/ConfirmationStep.tsx
 import { ClientError as ClientError3, meshPreviewTransfer as meshPreviewTransfer2 } from "@funkit/api-base";
-import React182, { useCallback as useCallback32, useEffect as useEffect35, useMemo as useMemo33, useState as useState49 } from "react";
+import React182, { useCallback as useCallback33, useEffect as useEffect35, useMemo as useMemo33, useState as useState49 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { isAddress as isAddress3 } from "viem";
 
@@ -14377,6 +14386,9 @@ function FunPaymentMethods({
     if (selectablePaymentMethods.includes("balance" /* ACCOUNT_BALANCE */) && hasSufficientBalance2) {
       return "balance" /* ACCOUNT_BALANCE */;
     }
+    if (selectablePaymentMethods.includes("token_transfer" /* TOKEN_TRANSFER */)) {
+      return "token_transfer" /* TOKEN_TRANSFER */;
+    }
     if (selectablePaymentMethods.includes("card" /* CARD */)) {
       return "card" /* CARD */;
     }
@@ -14408,7 +14420,7 @@ function FunPaymentMethods({
   const { textCustomizations } = useFunkitConfig();
   const onClickContinue = useCallback20(async () => {
     setIsContinuing(true);
-    const executeContinue = async () => {
+    const executeContinue = () => {
       if (canContinue && selectedOption === "card" /* CARD */ && apiKey === POLYMARKET_API_KEY) {
         onPolymarketCardSwitchWrapper();
         return;
@@ -14446,7 +14458,7 @@ function FunPaymentMethods({
       }
     };
     try {
-      await executeContinue();
+      executeContinue();
     } finally {
       setIsContinuing(false);
     }
@@ -14785,7 +14797,7 @@ function CheckoutPrimaryInfo({
 }
 
 // src/modals/CheckoutModal/stepTransition.ts
-import { useCallback as useCallback30, useRef as useRef15, useState as useState48 } from "react";
+import { useCallback as useCallback31, useRef as useRef15, useState as useState48 } from "react";
 
 // src/hooks/useCheckoutQuoteNotification.ts
 import { useMemo as useMemo22 } from "react";
@@ -15827,6 +15839,7 @@ function InputAmountLoaded({
             inputProps: {
               type: isInputInUsd ? "text" : "number",
               autoFocus: true,
+              disabled: isQuoting,
               // get ios to use numpad key with period
               inputMode: "decimal"
             },
@@ -15855,6 +15868,7 @@ function InputAmountLoaded({
             FunIconButton,
             {
               icon: /* @__PURE__ */ React154.createElement(SwitchIcon, null),
+              isDisabled: isQuoting,
               paddingY: "1",
               paddingX: "6",
               color: { base: "actionColor", hover: "actionColorHover" },
@@ -15869,6 +15883,7 @@ function InputAmountLoaded({
         !!usdAvailableAmount && USD_AMOUNT_OPTIONS_PCT.map((percent) => /* @__PURE__ */ React154.createElement(
           FunIconButton,
           {
+            isDisabled: isQuoting,
             fontSize: "14",
             fontWeight: "medium",
             icon: null,
@@ -16360,11 +16375,6 @@ function loadingAccountNext(state, payload) {
         step: "select_asset" /* SELECT_ASSET */,
         paymentMethodInfo: payload.paymentMethodInfo
       };
-    case "token_transfer" /* TOKEN_TRANSFER */:
-      return {
-        ...state,
-        step: "transfer_token" /* TRANSFER_TOKEN */
-      };
     default:
       return {
         ...state,
@@ -16386,7 +16396,6 @@ function LoadingAccount({
   onNext
 }) {
   const { apiKey } = useFunkitConfig();
-  const { isLoading: isLoadingFlags, flags } = useFlags();
   const { walletAddress } = useGeneralWallet();
   const { targetChainId } = modalState;
   const { isLoading: isFetchingAssets, totalWalletAssetsUsd } = useWalletAssets(
@@ -16399,9 +16408,7 @@ function LoadingAccount({
     connection
   );
   const { updateSelectedPaymentMethodInfo } = useCheckoutContext();
-  const isTokenTransferEnabled = flags?.["enable_token_transfer" /* EnableTokenTransfer */];
   useEffect30(() => {
-    if (isLoadingFlags) return;
     if (totalWalletAssetsUsd >= USABLE_AMOUNT) {
       const paymentMethodInfo = createPaymentMethodInfo({
         paymentMethod: "balance" /* ACCOUNT_BALANCE */,
@@ -16413,7 +16420,9 @@ function LoadingAccount({
         usablePaymentMethod: "balance" /* ACCOUNT_BALANCE */,
         paymentMethodInfo
       });
-    } else if (connection && hasNonZeroDollarToken(data)) {
+      return;
+    }
+    if (connection && hasNonZeroDollarToken(data)) {
       const paymentMethodInfo = createPaymentMethodInfo({
         paymentMethod: "brokerage" /* BROKERAGE */,
         brokerage: connection.brokerage,
@@ -16425,27 +16434,19 @@ function LoadingAccount({
         usablePaymentMethod: "brokerage" /* BROKERAGE */,
         paymentMethodInfo
       });
-    } else if (isTokenTransferEnabled && apiKey === POLYMARKET_API_KEY) {
-      const paymentMethodInfo = createPaymentMethodInfo({
-        paymentMethod: "token_transfer" /* TOKEN_TRANSFER */
-      });
-      updateSelectedPaymentMethodInfo(paymentMethodInfo);
-      onNext({
-        step: "loading_account" /* LOADING_ACCOUNT */,
-        usablePaymentMethod: "token_transfer" /* TOKEN_TRANSFER */
-      });
-    } else if (!isLoadingMesh && !isFetchingAssets) {
-      onNext({
-        step: "loading_account" /* LOADING_ACCOUNT */,
-        usablePaymentMethod: null
-      });
+      return;
+    }
+    if (isLoadingMesh || isFetchingAssets) {
+      return;
     }
+    onNext({
+      step: "loading_account" /* LOADING_ACCOUNT */,
+      usablePaymentMethod: null
+    });
   }, [
     walletAddress,
     isLoadingMesh,
-    isLoadingFlags,
     apiKey,
-    isTokenTransferEnabled,
     isFetchingAssets,
     data,
     onNext,
@@ -16643,6 +16644,7 @@ function MeshVerification({
             setExecutionError(transferResponse.errorMessage || "");
             break;
           case MeshExecuteTransferStatus.emailConfirmationRequired:
+          case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
             setScreen(3 /* EMAIL_CONFIRMATION */);
             break;
           case MeshExecuteTransferStatus.deviceConfirmationRequired:
@@ -16686,6 +16688,7 @@ function MeshVerification({
       case MeshExecuteTransferStatus.deviceConfirmationRequired:
         return "Device confirmation required";
       case MeshExecuteTransferStatus.emailConfirmationRequired:
+      case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
         return "Email confirmation required";
       case MeshExecuteTransferStatus.addressWhitelistRequired:
         return "Manual whitelist required";
@@ -16702,6 +16705,7 @@ function MeshVerification({
       case MeshExecuteTransferStatus.deviceConfirmationRequired:
         return `Open the ${exchange} app and verify your transaction. After you've approved this transaction, click \u201CContinue.\u201D`;
       case MeshExecuteTransferStatus.emailConfirmationRequired:
+      case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
         return `Click the link sent to your email to confirm this transaction. Click \u201CContinue\u201D after you've approved this transaction.`;
       case MeshExecuteTransferStatus.addressWhitelistRequired:
         return `Go to ${exchange} to manually whitelist your address. After you've whitelisted this address you can retry your transaction.`;
@@ -17854,7 +17858,7 @@ function useRemainingMeshExchangeConnections(selected) {
 }
 
 // src/modals/CheckoutModal/TransferToken.tsx
-import React181, { useState as useState47 } from "react";
+import React181, { useCallback as useCallback30, useState as useState47 } from "react";
 import { mainnet as mainnet6, polygon as polygon3 } from "viem/chains";
 
 // src/components/Dropdown/TokenDropdown.tsx
@@ -18295,9 +18299,9 @@ function CircleWithText({ text }) {
     /* @__PURE__ */ React181.createElement(Text, { size: "13", color: "accentColor", weight: "bold" }, text)
   );
 }
-function TransferToken({ onNext }) {
+var TRANSFER_TOKEN_LOG_PREFIX = "transferToken";
+function TransferToken({ onBack }) {
   const filteredAssets = useEnabledTokenTransferChainTokens();
-  const { textCustomizations } = useFunkitConfig();
   const [selectedChainId, setSelectedChainId] = useState47(polygon3.id);
   const selectedChainInfo = chainMetadataById[selectedChainId];
   const [selectedToken, setSelectedToken] = useState47(
@@ -18305,6 +18309,18 @@ function TransferToken({ onNext }) {
   );
   const { depositAddress, minTransferUsd, showOriginalRecipient } = useTokenTransfer(selectedChainId, selectedToken);
   const isLoadingDepositAddress = depositAddress === void 0;
+  const onHelp = useCallback30(() => {
+    logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_getHelpClicked`, {
+      selectedChainId,
+      selectedToken,
+      depositAddress
+    });
+    window.open(
+      "https://intercom.help/funxyz/en/articles/10003876-direct-deposit-guide-faqs",
+      "_blank",
+      "noopener,noreferrer"
+    );
+  }, [depositAddress, selectedChainId, selectedToken]);
   return /* @__PURE__ */ React181.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React181.createElement(
     Box,
     {
@@ -18314,16 +18330,6 @@ function TransferToken({ onNext }) {
       justifyContent: "center",
       gap: "14"
     },
-    /* @__PURE__ */ React181.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React181.createElement(
-      FunPaymentMethodItem,
-      {
-        isSource: true,
-        keyText: textCustomizations.transferTokens,
-        disclaimerText: "No limit",
-        keyIcon: /* @__PURE__ */ React181.createElement(LightningBoltIcon, null),
-        onClick: () => onNext({ step: "transfer_token" /* TRANSFER_TOKEN */ })
-      }
-    )),
     /* @__PURE__ */ React181.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, isLoadingDepositAddress ? /* @__PURE__ */ React181.createElement(
       Box,
       {
@@ -18390,7 +18396,15 @@ function TransferToken({ onNext }) {
           ChainDropdown_default,
           {
             assets: filteredAssets,
-            onChainSelected: (chainId) => setSelectedChainId(chainId)
+            onChainSelected: (chainId) => {
+              logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeChain`, {
+                previousChainId: selectedChainId,
+                newChainId: chainId,
+                selectedToken,
+                depositAddress
+              });
+              setSelectedChainId(chainId);
+            }
           }
         )
       ),
@@ -18409,7 +18423,15 @@ function TransferToken({ onNext }) {
           {
             selectedChainId,
             assets: filteredAssets,
-            onTokenSelected: (token) => setSelectedToken(token)
+            onTokenSelected: (token) => {
+              logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeToken`, {
+                previousToken: selectedToken,
+                newToken: token,
+                selectedChainId,
+                depositAddress
+              });
+              setSelectedToken(token);
+            }
           }
         )
       ),
@@ -18426,7 +18448,13 @@ function TransferToken({ onNext }) {
         /* @__PURE__ */ React181.createElement(Text, { size: "12", color: "primaryText", weight: "medium" }, minTransferUsd === 0 ? "No minimum" : formatCurrencyAndStringify(minTransferUsd))
       )
     ),
-    showOriginalRecipient ? null : /* @__PURE__ */ React181.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React181.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "Transfer ", selectedToken, " (", selectedChainInfo.name, ") to the deposit address above. The equivalent USD value (minus fees) will be automatically deposited into your account within ~60 seconds."), /* @__PURE__ */ React181.createElement(
+    showOriginalRecipient ? null : /* @__PURE__ */ React181.createElement(Box, { display: "flex", flexDirection: "column", gap: "14", width: "full" }, /* @__PURE__ */ React181.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "Transfer ", selectedToken, " (", selectedChainInfo.name, ") to the deposit address above. The equivalent USD value (minus fees) will be automatically deposited into your account within ~60 seconds."), /* @__PURE__ */ React181.createElement(
+      FunAlert,
+      {
+        icon: /* @__PURE__ */ React181.createElement(FunInfoIcon, null),
+        description: /* @__PURE__ */ React181.createElement(Box, { display: "flex" }, /* @__PURE__ */ React181.createElement(Text, { size: "10", color: "secondaryText" }, "Experiencing problems?"), /* @__PURE__ */ React181.createElement(FunLinkButton, { text: "Get help.", onClick: onHelp }))
+      }
+    ), /* @__PURE__ */ React181.createElement(
       Text,
       {
         size: "10",
@@ -18515,7 +18543,7 @@ function initialState(checkoutItem) {
 function useCheckoutModalTransition(checkoutItem, onClose) {
   const [modalState, setModalState] = useState48(() => initialState(checkoutItem));
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
-  const onCloseWrapper = useCallback30(() => {
+  const onCloseWrapper = useCallback31(() => {
     checkoutItem.initSettings.onClose?.();
     logger.log("closingCheckoutModal", {
       checkoutStep: modalState.step,
@@ -18526,7 +18554,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
   }, [checkoutItem, modalState.step, onClose]);
   const { animateOut, navigateTo } = useAnimatedNavigation(setModalState);
   const stateHistory = useRef15([]);
-  const onNext = useCallback30(
+  const onNext = useCallback31(
     (payload) => {
       clearCheckoutQuoteMessages();
       stateHistory.current.push(modalState);
@@ -18535,7 +18563,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [modalState, navigateTo, clearCheckoutQuoteMessages]
   );
-  const onBack = useCallback30(() => {
+  const onBack = useCallback31(() => {
     clearCheckoutQuoteMessages();
     const prevState = stateHistory.current.pop();
     if (prevState) {
@@ -18624,7 +18652,7 @@ function useTitleConfig(checkoutItem, state) {
       };
     case "transfer_token" /* TRANSFER_TOKEN */:
       return {
-        hasBack: false,
+        hasBack: true,
         title: textCustomizations.transferTokens,
         showFullHeight: false
       };
@@ -18636,7 +18664,7 @@ function useTitleConfig(checkoutItem, state) {
 // src/modals/CheckoutModal/useAccountBalancePostCheckout.ts
 import { getPaymasterDataForCheckoutSponsoredTransfer } from "@funkit/api-base";
 import { ERC20_ABI, USDT_ABI } from "@funkit/core";
-import { useCallback as useCallback31 } from "react";
+import { useCallback as useCallback32 } from "react";
 import { useAccount as useAccount8, useSendTransaction, useWriteContract } from "wagmi";
 
 // src/utils/isMainnetUsdt.ts
@@ -18653,7 +18681,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
   const { writeContractAsync } = useWriteContract();
   const { sendTransactionAsync } = useSendTransaction();
   const { cancelCheckout, checkoutItem } = useCheckoutContext();
-  const handleWeb3AccountBalancePostCheckout = useCallback31(
+  const handleWeb3AccountBalancePostCheckout = useCallback32(
     async (depositAddress) => {
       if (!checkoutItem?.latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
         return;
@@ -18748,7 +18776,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
 function useWeb2AccountBalancePostCheckout(apiKey) {
   const { checkoutItem } = useCheckoutContext();
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
-  const handleWeb2AccountBalancePostCheckout = useCallback31(
+  const handleWeb2AccountBalancePostCheckout = useCallback32(
     async (depositAddress) => {
       const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
         depositAddress,
@@ -18796,7 +18824,7 @@ function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
   const { isWeb2Login, isWeb3Login } = useGeneralWallet();
   const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
   const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
-  const handleAccountBalancePostCheckout = useCallback31(
+  const handleAccountBalancePostCheckout = useCallback32(
     async (depositAddress) => {
       if (isWeb2Login) {
         await handleWeb2AccountBalancePostCheckout(depositAddress);
@@ -18900,7 +18928,7 @@ function ConfirmationStep({
   const [postCheckoutError, setPostCheckoutError] = useState49();
   const hasPostCheckoutError = postCheckoutError !== void 0;
   const isContinuing = isConfirming || isPostCheckoutLoading;
-  const handleMeshPostCheckout = useCallback32(
+  const handleMeshPostCheckout = useCallback33(
     async (depositAddress) => {
       if (!funkitConfig.apiKey) {
         throw new Error("Invalid funkit apiKey");
@@ -19014,11 +19042,11 @@ function ConfirmationStep({
       setTimeout(() => setPostCheckoutError(void 0), timeMs);
     }
   };
-  const restartCountdown = useCallback32(() => {
+  const restartCountdown = useCallback33(() => {
     setCountdownKey((key) => key + 1);
     setIsBeforeRegeneratingQuote(false);
   }, []);
-  const refreshQuote = useCallback32(async () => {
+  const refreshQuote = useCallback33(async () => {
     singletonCheckoutAbort.abort("Abort checkout data pre-loading");
     singletonCheckoutAbort.setAbortController(new AbortController());
     try {
@@ -19039,7 +19067,7 @@ function ConfirmationStep({
     restartCountdown,
     setCheckoutQuote
   ]);
-  const onClickConfirm = useCallback32(async () => {
+  const onClickConfirm = useCallback33(async () => {
     if (!checkoutItem) {
       return;
     }
@@ -19426,16 +19454,16 @@ function FunCheckoutHistoryModal({
 function useModalStateValue() {
   const [isModalOpen, setModalOpen] = useState51(false);
   return {
-    closeModal: useCallback33(() => setModalOpen(false), []),
+    closeModal: useCallback34(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback33(() => setModalOpen(true), [])
+    openModal: useCallback34(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithProp() {
   const [isModalOpen, setModalOpen] = useState51(false);
   const [prop, setProp] = useState51(null);
   return {
-    closeModal: useCallback33(() => {
+    closeModal: useCallback34(() => {
       setTimeout(() => {
         setProp(null);
       }, DialogAnimationTimeOut);
@@ -19443,7 +19471,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback33((prop2) => {
+    openModal: useCallback34((prop2) => {
       if (prop2 != null) setProp(prop2);
       setModalOpen(true);
     }, [])
@@ -19929,7 +19957,7 @@ var FunkitWeb2Provider = ({
   const [isLoggingIn, setIsLoggingIn] = useState52(false);
   const [loginErrorMessage, setLoginErrorMessage] = useState52("");
   const [loggedInUser, setLoggedInUser] = useState52(null);
-  const setLoginMethodAndCache = useCallback34(
+  const setLoginMethodAndCache = useCallback35(
     (method) => {
       try {
         setLoginMethod(method);
@@ -19953,7 +19981,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [chains]);
-  const handleIframeMessage = useCallback34(
+  const handleIframeMessage = useCallback35(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -19962,7 +19990,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback34(async () => {
+  const handleFunkitWeb2Logout = useCallback35(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -19975,7 +20003,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback34(
+  const handleFreshPrivyLogin = useCallback35(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -20021,7 +20049,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback34(
+  const getPrivyUserEmbeddedWallet = useCallback35(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser)
@@ -20040,7 +20068,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback34(async () => {
+  const getExistingPrivySession = useCallback35(async () => {
     try {
       if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
       const existingSession = await privy.user.get();
@@ -20049,7 +20077,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback34(
+  const handleFunkitWeb2Login = useCallback35(
     async ({
       chainId,
       firstLoginCode,
@@ -20122,9 +20150,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback34(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback35(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback34(async () => {
+  const handleAutoLoginFlows = useCallback35(async () => {
     if (isNotNullish(loginMethod) && isNotNullish(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -20166,7 +20194,7 @@ var FunkitWeb2Provider = ({
     initChainId
     // Do not include `handleAutoLoginFlows`,
   ]);
-  const handleOauthRedirect = useCallback34(
+  const handleOauthRedirect = useCallback35(
     async (authProvider) => {
       if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
       try {
@@ -20190,7 +20218,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState52(false);
-  const handleSendOtpEmail = useCallback34(
+  const handleSendOtpEmail = useCallback35(
     async (emailAddress) => {
       try {
         if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -20217,7 +20245,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isGeneratingFcUri, setIsGeneratingFcUri] = useState52(false);
-  const handleGenerateFcUri = useCallback34(async () => {
+  const handleGenerateFcUri = useCallback35(async () => {
     try {
       if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
       setIsGeneratingFcUri(true);
@@ -20242,7 +20270,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback34(
+  const getFcConnectionStatus = useCallback35(
     async (channelToken) => {
       try {
         if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -20376,7 +20404,7 @@ import React190 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig6 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback35, useEffect as useEffect38, useState as useState54 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect38, useState as useState54 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState54(false);
   useEffect38(() => {
@@ -20385,7 +20413,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback35(() => isMounted, [isMounted]);
+  return useCallback36(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -21253,16 +21281,16 @@ var defaultAppInfo = {
 var AppContext = createContext18(defaultAppInfo);
 
 // src/providers/useFingerprint.ts
-import { useCallback as useCallback36, useEffect as useEffect40 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect40 } from "react";
 var storageKey5 = "funkit-connect-version";
 function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "__buildVersion";
+  return "3.4.3";
 }
 function useFingerprint() {
-  const fingerprint = useCallback36(() => {
+  const fingerprint = useCallback37(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
   useEffect40(() => {
@@ -21271,7 +21299,7 @@ function useFingerprint() {
 }
 
 // src/providers/usePreloadImages.ts
-import { useCallback as useCallback37, useEffect as useEffect41 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect41 } from "react";
 
 // src/components/Icons/Assets.tsx
 import React194 from "react";
@@ -21287,7 +21315,7 @@ var preloadLoginIcon = () => loadImages(src2);
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
-  const preloadImages = useCallback37(() => {
+  const preloadImages = useCallback38(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish)
@@ -21451,6 +21479,7 @@ export {
   useCheckoutListenerByCheckoutId,
   useCheckoutsListenerByUserId,
   useConnectModal,
+  useConnectionStatus,
   useFunkitAccount,
   useFunkitCheckout,
   useFunkitDisconnect,

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

@@ -11,7 +11,7 @@ export type LoadingAccountNext = ({
     usablePaymentMethod: PaymentMethod.BROKERAGE;
     paymentMethodInfo: PaymentMethodBrokerageInfo;
 } | {
-    usablePaymentMethod: PaymentMethod.TOKEN_TRANSFER | null;
+    usablePaymentMethod: null;
 }) & {
     step: FunCheckoutStep.LOADING_ACCOUNT;
 };

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

@@ -13,5 +13,5 @@ export interface TokenTransferSourceChainsAndAssets {
 }
 export declare function transferTokenNext(state: TransferTokenState, _: TransferTokenNext): StepTransition[FunCheckoutStep.TRANSFER_TOKEN];
 type Props = StateTransitionProps<TransferTokenState, TransferTokenNext>;
-export declare function TransferToken({ onNext }: Props): React.JSX.Element;
+export declare function TransferToken({ onBack }: Props): React.JSX.Element;
 export {};