@funkit/connect 3.4.1 → 3.4.3

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,
@@ -1635,7 +1635,7 @@ var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["Bitfinex"] = "Bitfinex";
   MeshExchanges4["KrakenDirect"] = "KrakenDirect";
   MeshExchanges4["Vanguard"] = "Vanguard";
-  MeshExchanges4["BitfinexDirect"] = "BitfinexDirect";
+  MeshExchanges4["BitfinexDirect"] = "Bitfinex (beta)";
   MeshExchanges4["Bybit"] = "Bybit";
   return MeshExchanges4;
 })(MeshExchanges || {});
@@ -1670,7 +1670,7 @@ var EXCHANGE_NAME_TO_TYPE = {
   ["KrakenDirect" /* KrakenDirect */]: "krakenDirect",
   ["Vanguard" /* Vanguard */]: "vanguard",
   ["Bybit" /* Bybit */]: "bybit",
-  ["BitfinexDirect" /* BitfinexDirect */]: "bitfinexDirect"
+  ["Bitfinex (beta)" /* BitfinexDirect */]: "bitfinexDirect"
 };
 
 // src/utils/flags/config.ts
@@ -1688,7 +1688,7 @@ var flagConfig = {
     default_value: [
       "Coinbase" /* Coinbase */,
       "Binance" /* Binance */,
-      "Bitfinex" /* Bitfinex */
+      "Bitfinex (beta)" /* BitfinexDirect */
     ].join(",")
   },
   ["blocked_countries" /* BlockedCountries */]: {
@@ -3131,25 +3131,29 @@ var PENDING_QUOTE_MESSAGE_GENERATOR = {
   [2 /* ESTIMATING_GAS */]: () => "Estimating gas...",
   [3 /* FINALIZING */]: () => "Finalizing your quote..."
 };
-var DEFAULT_QUOTE_ERROR = "No route found. Please retry.";
+var DEFAULT_QUOTE_ERROR = "An error occurred during quote generation. Please retry.";
 var QUOTE_API_ERROR_STRING_INFO = {
-  [0 /* NO_ROUTE_FOUND */]: {
+  [0 /* NO_ROUTE_FOUND_1 */]: {
     check: "No available route found",
     display: DEFAULT_QUOTE_ERROR
   },
-  [1 /* INSUFFICIENT_AMOUNT_GENERAL_1 */]: {
+  [1 /* NO_ROUTE_FOUND_2 */]: {
+    check: "Error estimating checkout cost and time",
+    display: DEFAULT_QUOTE_ERROR
+  },
+  [2 /* INSUFFICIENT_AMOUNT_GENERAL_1 */]: {
     check: "try to increase the amount",
     display: "Checkout amount is too low. Please retry."
   },
-  [2 /* INSUFFICIENT_AMOUNT_GENERAL_2 */]: {
+  [3 /* INSUFFICIENT_AMOUNT_GENERAL_2 */]: {
     check: "try increase the amount",
     display: "Checkout amount is too low. Please retry."
   },
-  [3 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE_1 */]: {
+  [4 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE_1 */]: {
     check: "target token must be at least",
     display: "Checkout amount is too low. Please retry."
   },
-  [4 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE_2 */]: {
+  [5 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE_2 */]: {
     check: "Bridge min amount not met",
     display: "Checkout amount is too low. Please retry."
   }
@@ -3855,13 +3859,13 @@ function hackTimeEstimationForImportantCustomer(originalTimeEstimation, paymentM
   }
   switch (paymentMethod) {
     case "balance" /* ACCOUNT_BALANCE */:
-      return 2 * 60;
+      return 1 * 60;
     case "brokerage" /* BROKERAGE */:
       return 4 * 60;
     case "card" /* CARD */:
       return 5 * 60;
     case "token_transfer" /* TOKEN_TRANSFER */:
-      return originalTimeEstimation;
+      return 2 * 60;
     default:
       return exhaustiveCheck(paymentMethod);
   }
@@ -9221,7 +9225,7 @@ var MESH_EXCHANGE_ICON_MAP = {
   ["CexIo" /* CexIo */]: (size) => /* @__PURE__ */ React97.createElement(CexloIcon, { size }),
   ["OKX" /* Okx */]: (size) => /* @__PURE__ */ React97.createElement(OkxIcon, { size }),
   ["Bitfinex" /* Bitfinex */]: (size) => /* @__PURE__ */ React97.createElement(BitfinexIcon, { size }),
-  ["BitfinexDirect" /* BitfinexDirect */]: (size) => /* @__PURE__ */ React97.createElement(BitfinexIcon, { size }),
+  ["Bitfinex (beta)" /* BitfinexDirect */]: (size) => /* @__PURE__ */ React97.createElement(BitfinexIcon, { size }),
   ["ETrade" /* ETrade */]: (size) => /* @__PURE__ */ React97.createElement(EtradeIcon, { size }),
   ["Kraken" /* Kraken */]: (size) => /* @__PURE__ */ React97.createElement(KrakenIcon, { size }),
   ["KrakenDirect" /* KrakenDirect */]: (size) => /* @__PURE__ */ React97.createElement(KrakenIcon, { size }),
@@ -9565,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);
@@ -11476,13 +11483,36 @@ var getAssetSymbolWithMaxUsdValue = ({
 var L1_FEES_ESTIMATE = 20;
 var L2_FEES_ESTIMATE = 1;
 var L2_COST_MARGIN_MULTIPLIER = 1.2;
-var getFeesUsdEstimate = (checkoutItem, asset) => {
+var MESH_L1_FEES_ESTIMATE = 8;
+var MESH_L2_FEES_ESTIMATE = 2;
+var MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
+var getMeshFeesUsdEstimate = (asset) => {
+  let meshFeeEstimate = 0;
+  meshFeeEstimate += (asset.usdAmount || 0) * MESH_CUSTOM_CLIENT_FEE_PERCENT;
+  const sourceChainId = asset.pickedChainId;
+  if (sourceChainId === mainnet4.id.toString()) {
+    meshFeeEstimate += MESH_L1_FEES_ESTIMATE;
+  } else {
+    meshFeeEstimate += MESH_L2_FEES_ESTIMATE;
+  }
+  return meshFeeEstimate;
+};
+var getBaseFeeUsdEstimate = (checkoutItem, asset) => {
   const targetChainId = checkoutItem.initSettings.config.targetChain;
   const sourceChainId = asset.pickedChainId;
   if (targetChainId !== mainnet4.id.toString() && sourceChainId !== mainnet4.id.toString()) {
     return L2_FEES_ESTIMATE;
+  } else {
+    return L1_FEES_ESTIMATE;
+  }
+};
+var getFeesUsdEstimate = (checkoutItem, asset) => {
+  let feeEstimate = 0;
+  feeEstimate += getBaseFeeUsdEstimate(checkoutItem, asset);
+  if (checkoutItem.selectedPaymentMethodInfo?.paymentMethod === "brokerage" /* BROKERAGE */) {
+    feeEstimate += getMeshFeesUsdEstimate(asset);
   }
-  return L1_FEES_ESTIMATE;
+  return feeEstimate;
 };
 var isAssetUsdAmountSufficient = (checkoutItem, asset) => {
   if (!isNotNullish(asset?.usdAmount)) {
@@ -12537,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
@@ -12549,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();
@@ -12841,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";
 
@@ -14350,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 */;
     }
@@ -14381,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;
@@ -14419,7 +14458,7 @@ function FunPaymentMethods({
       }
     };
     try {
-      await executeContinue();
+      executeContinue();
     } finally {
       setIsContinuing(false);
     }
@@ -14758,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";
@@ -15800,6 +15839,7 @@ function InputAmountLoaded({
             inputProps: {
               type: isInputInUsd ? "text" : "number",
               autoFocus: true,
+              disabled: isQuoting,
               // get ios to use numpad key with period
               inputMode: "decimal"
             },
@@ -15828,6 +15868,7 @@ function InputAmountLoaded({
             FunIconButton,
             {
               icon: /* @__PURE__ */ React154.createElement(SwitchIcon, null),
+              isDisabled: isQuoting,
               paddingY: "1",
               paddingX: "6",
               color: { base: "actionColor", hover: "actionColorHover" },
@@ -15842,6 +15883,7 @@ function InputAmountLoaded({
         !!usdAvailableAmount && USD_AMOUNT_OPTIONS_PCT.map((percent) => /* @__PURE__ */ React154.createElement(
           FunIconButton,
           {
+            isDisabled: isQuoting,
             fontSize: "14",
             fontWeight: "medium",
             icon: null,
@@ -16333,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,
@@ -16359,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(
@@ -16372,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 */,
@@ -16386,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,
@@ -16398,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,
@@ -16616,6 +16644,7 @@ function MeshVerification({
             setExecutionError(transferResponse.errorMessage || "");
             break;
           case MeshExecuteTransferStatus.emailConfirmationRequired:
+          case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
             setScreen(3 /* EMAIL_CONFIRMATION */);
             break;
           case MeshExecuteTransferStatus.deviceConfirmationRequired:
@@ -16659,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";
@@ -16675,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.`;
@@ -17641,7 +17672,8 @@ var sourceChangeNext = (state, payload) => {
   if (payload.paymentMethod === "token_transfer" /* TOKEN_TRANSFER */) {
     return {
       ...common,
-      step: "transfer_token" /* TRANSFER_TOKEN */
+      step: "transfer_token" /* TRANSFER_TOKEN */,
+      prevPaymentMethodInfo: state.paymentMethodInfo
     };
   }
   throw new Error("Invalid payment method");
@@ -17826,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
@@ -18205,13 +18237,13 @@ var useCheckoutTransferDepositAddress = (checkoutItem, userId, recipientAddr) =>
 };
 
 // src/modals/CheckoutModal/TransferToken.tsx
-function transferTokenNext(state, payload) {
+function transferTokenNext(state, _) {
   const common = extractCommonState(state);
-  if (payload.isLoggedIn && payload.paymentMethodInfo) {
+  if (state.prevPaymentMethodInfo) {
     return {
       ...common,
       step: "source_change" /* SOURCE_CHANGE */,
-      paymentMethodInfo: payload.paymentMethodInfo
+      paymentMethodInfo: state.prevPaymentMethodInfo
     };
   }
   return {
@@ -18267,21 +18299,28 @@ 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(
     filteredAssets?.[selectedChainId]?.[0] || ""
   );
-  const {
-    depositAddress,
-    minTransferUsd,
-    showOriginalRecipient,
-    recipientAddr
-  } = useTokenTransfer(selectedChainId, selectedToken);
+  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,
     {
@@ -18291,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,
       {
@@ -18367,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);
+            }
           }
         )
       ),
@@ -18386,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);
+            }
           }
         )
       ),
@@ -18403,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",
@@ -18492,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,
@@ -18503,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);
@@ -18512,7 +18563,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [modalState, navigateTo, clearCheckoutQuoteMessages]
   );
-  const onBack = useCallback30(() => {
+  const onBack = useCallback31(() => {
     clearCheckoutQuoteMessages();
     const prevState = stateHistory.current.pop();
     if (prevState) {
@@ -18601,7 +18652,7 @@ function useTitleConfig(checkoutItem, state) {
       };
     case "transfer_token" /* TRANSFER_TOKEN */:
       return {
-        hasBack: false,
+        hasBack: true,
         title: textCustomizations.transferTokens,
         showFullHeight: false
       };
@@ -18613,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
@@ -18630,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;
@@ -18725,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,
@@ -18773,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);
@@ -18877,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");
@@ -18991,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 {
@@ -19016,7 +19067,7 @@ function ConfirmationStep({
     restartCountdown,
     setCheckoutQuote
   ]);
-  const onClickConfirm = useCallback32(async () => {
+  const onClickConfirm = useCallback33(async () => {
     if (!checkoutItem) {
       return;
     }
@@ -19403,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);
@@ -19420,7 +19471,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback33((prop2) => {
+    openModal: useCallback34((prop2) => {
       if (prop2 != null) setProp(prop2);
       setModalOpen(true);
     }, [])
@@ -19906,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);
@@ -19930,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();
@@ -19939,7 +19990,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback34(async () => {
+  const handleFunkitWeb2Logout = useCallback35(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -19952,7 +20003,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback34(
+  const handleFreshPrivyLogin = useCallback35(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -19998,7 +20049,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback34(
+  const getPrivyUserEmbeddedWallet = useCallback35(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser)
@@ -20017,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();
@@ -20026,7 +20077,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback34(
+  const handleFunkitWeb2Login = useCallback35(
     async ({
       chainId,
       firstLoginCode,
@@ -20099,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);
@@ -20143,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 {
@@ -20167,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);
@@ -20194,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);
@@ -20219,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);
@@ -20353,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(() => {
@@ -20362,7 +20413,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback35(() => isMounted, [isMounted]);
+  return useCallback36(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -21230,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(() => {
@@ -21248,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";
@@ -21264,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)
@@ -21428,6 +21479,7 @@ export {
   useCheckoutListenerByCheckoutId,
   useCheckoutsListenerByUserId,
   useConnectModal,
+  useConnectionStatus,
   useFunkitAccount,
   useFunkitCheckout,
   useFunkitDisconnect,