@funkit/connect 3.0.0-next.1 → 3.0.0-next.2

package/dist/index.js

@@ -414,7 +414,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React155, { useContext as useContext20, useEffect as useEffect37, useState as useState46 } from "react";
+import React155, { useContext as useContext20, useEffect as useEffect38, useState as useState46 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -521,7 +521,7 @@ import React152, {
   createContext as createContext16,
   useCallback as useCallback29,
   useContext as useContext18,
-  useEffect as useEffect35,
+  useEffect as useEffect36,
   useMemo as useMemo32,
   useState as useState43
 } from "react";
@@ -1781,7 +1781,7 @@ import React151, {
   createContext as createContext15,
   useCallback as useCallback28,
   useContext as useContext17,
-  useEffect as useEffect34,
+  useEffect as useEffect35,
   useMemo as useMemo31,
   useState as useState42
 } from "react";
@@ -2380,8 +2380,7 @@ var backgroundRing = "_1rsrm2fxl";
 var counterRing = "_1rsrm2fzy";
 
 // src/components/FunCountdown/FunCountdown.tsx
-var NOOP = () => {
-};
+var NOOP = () => void 0;
 var FunCountdown = ({
   countdownSeconds,
   initialRemainingSeconds = countdownSeconds,
@@ -2748,7 +2747,6 @@ var typeDisplay = "_1btry8h5";
 var ShortFunToast = ({
   type = 1 /* ERROR */,
   title,
-  description,
   closing = false
 }) => {
   return /* @__PURE__ */ React28.createElement(Box, { position: "absolute", className: shortToastContainer }, /* @__PURE__ */ React28.createElement(
@@ -4031,8 +4029,7 @@ function formatNumberAndStringify(number, options = FORMAT_NUMBER_DEFAULT, numbe
     maxBeforeUseSuffix,
     decimalPrecisionForSuffix,
     maxSuffixSize,
-    maxNumberPartSizeForSuffix,
-    minimumSignificantDigits
+    maxNumberPartSizeForSuffix
   } = { ...FORMAT_NUMBER_DEFAULT, ...options };
   if (number === 0) {
     return number.toLocaleString("en", { ...numberFormatOptions });
@@ -5840,8 +5837,8 @@ async function loadAsyncImage(asyncImage) {
     cachedUrls.set(asyncImage, url);
     return url;
   });
-  const requestPromise = load().catch((_err) => {
-    return load().catch((_err2) => {
+  const requestPromise = load().catch(() => {
+    return load().catch(() => {
       cachedRequestPromises.delete(asyncImage);
     });
   });
@@ -6303,9 +6300,6 @@ var Chain3 = ({
   switchChain,
   chainIconSize,
   isLoading,
-  src: src3,
-  name,
-  iconBackground,
   idx
 }) => {
   const mobile = isMobile();
@@ -6868,7 +6862,7 @@ function FunCheckoutHistoryDetail({
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React58, { useMemo as useMemo11, useState as useState16 } from "react";
+import React58, { useEffect as useEffect17, useMemo as useMemo11, useRef as useRef9, useState as useState16 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 
 // src/components/FunInput/FunInput.tsx
@@ -7498,6 +7492,8 @@ function FunCheckoutHistoryHelp({
   const [processStage, setProcessStage] = useState16(
     0 /* INPUT */
   );
+  const wrapperRef = useRef9(null);
+  useEffect17(() => wrapperRef.current?.scrollIntoView(), []);
   const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
     setErrorMessage(message);
     if (timeMs !== void 0) {
@@ -7587,7 +7583,7 @@ function FunCheckoutHistoryHelp({
     )), /* @__PURE__ */ React58.createElement(FunButton, { title: "Close", onClick: onBackFromHelpPage }));
   }
   const bottomSectionRef = document.getElementById(HELP_SCREEN_BOTTOM_BAR_ID);
-  return /* @__PURE__ */ React58.createElement(Box, null, /* @__PURE__ */ React58.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React58.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, /* @__PURE__ */ React58.createElement(Text, { color: "primaryText", size: "20", weight: "medium" }, "Tell us more"), /* @__PURE__ */ React58.createElement(Text, { color: "secondaryText", size: "10" }, "If you're experiencing an issue or have a question, please fill out the form below and our support team will get back to you as soon as possible.")), /* @__PURE__ */ React58.createElement(Box, { display: "flex", flexDirection: "column", gap: "12", position: "relative" }, /* @__PURE__ */ React58.createElement(
+  return /* @__PURE__ */ React58.createElement(Box, { ref: wrapperRef }, /* @__PURE__ */ React58.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React58.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, /* @__PURE__ */ React58.createElement(Text, { color: "primaryText", size: "20", weight: "medium" }, "Tell us more"), /* @__PURE__ */ React58.createElement(Text, { color: "secondaryText", size: "10" }, "If you're experiencing an issue or have a question, please fill out the form below and our support team will get back to you as soon as possible.")), /* @__PURE__ */ React58.createElement(Box, { display: "flex", flexDirection: "column", gap: "12", position: "relative" }, /* @__PURE__ */ React58.createElement(
     FunInput,
     {
       label: "Email*",
@@ -7683,7 +7679,7 @@ function FunCheckoutHistoryContent({
 
 // src/components/ProfileDetails/FunProfileViews/ActivityHistory/ActivityHistory.tsx
 import { CheckoutState as CheckoutState5 } from "@funkit/api-base";
-import React64, { useEffect as useEffect17, useMemo as useMemo14, useState as useState17 } from "react";
+import React64, { useEffect as useEffect18, useMemo as useMemo14, useState as useState17 } from "react";
 
 // src/components/FunNotification/FunCheckoutNotification.tsx
 import React63, { useMemo as useMemo13 } from "react";
@@ -8075,7 +8071,7 @@ function ActivityHistory({
   const triggerScrollToTop = (scrollPosition) => {
     document.getElementById(SCROLL_DIV_ID)?.scrollTo({ top: scrollPosition, behavior: "auto" });
   };
-  useEffect17(() => {
+  useEffect18(() => {
     const presetScrollPos = returnViewPresets?.scrollPosition;
     if (presetScrollPos) {
       triggerScrollToTop(presetScrollPos);
@@ -8158,7 +8154,7 @@ function ActivityHistory({
 
 // src/components/ProfileDetails/FunProfileViews/Home/index.tsx
 import clsx6 from "clsx";
-import React72, { useEffect as useEffect18, useMemo as useMemo15, useState as useState19 } from "react";
+import React72, { useEffect as useEffect19, useMemo as useMemo15, useState as useState19 } from "react";
 import { useAccount as useAccount4 } from "wagmi";
 
 // src/css/scrollStyles.css.ts
@@ -8666,7 +8662,7 @@ function Home({
   const triggerScrollToTop = (scrollPosition) => {
     document.getElementById(CHECKOUT_SCROLL_DIV_ID)?.scrollTo({ top: scrollPosition, behavior: "auto" });
   };
-  useEffect18(() => {
+  useEffect19(() => {
     const presetScrollPos = returnViewPresets?.scrollPosition;
     if (presetScrollPos) {
       triggerScrollToTop(presetScrollPos);
@@ -8927,7 +8923,7 @@ function Home({
 import React76 from "react";
 
 // src/components/CopyAddress/CopyAddress.tsx
-import React75, { useCallback as useCallback10, useEffect as useEffect19, useState as useState20 } from "react";
+import React75, { useCallback as useCallback10, useEffect as useEffect20, useState as useState20 } from "react";
 
 // src/components/FunKeyValue/FunKeyValue.tsx
 import React73 from "react";
@@ -9077,7 +9073,7 @@ function CopyAddress({
       setCopiedAddress(true);
     }
   }, [address]);
-  useEffect19(() => {
+  useEffect20(() => {
     if (copiedAddress) {
       const timer = setTimeout(() => {
         setCopiedAddress(false);
@@ -9354,25 +9350,20 @@ function ChainModal({ onClose, open }) {
         padding: "2",
         paddingBottom: "16"
       },
-      funkitConnectChains.map(
-        ({ iconBackground, iconUrl, id, name }, idx) => {
-          return /* @__PURE__ */ React80.createElement(
-            Chain_default,
-            {
-              key: id,
-              chainId: id,
-              currentChainId: chainId,
-              switchChain,
-              chainIconSize,
-              isLoading: pendingChainId === id,
-              src: iconUrl,
-              name,
-              iconBackground,
-              idx
-            }
-          );
-        }
-      ),
+      funkitConnectChains.map(({ id }, idx) => {
+        return /* @__PURE__ */ React80.createElement(
+          Chain_default,
+          {
+            key: id,
+            chainId: id,
+            currentChainId: chainId,
+            switchChain,
+            chainIconSize,
+            isLoading: pendingChainId === id,
+            idx
+          }
+        );
+      }),
       !isCurrentChainSupported && /* @__PURE__ */ React80.createElement(React80.Fragment, null, /* @__PURE__ */ React80.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React80.createElement(
         MenuButton,
         {
@@ -9432,7 +9423,7 @@ import { useAccount as useAccount6 } from "wagmi";
 import React97, { useCallback as useCallback16, useState as useState25 } from "react";
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React82, { useEffect as useEffect20 } from "react";
+import React82, { useEffect as useEffect21 } from "react";
 
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
@@ -9592,7 +9583,7 @@ var FunConnectResultStep = ({
   qrCodeUri
 }) => {
   const hasAutoclose = type === "success";
-  useEffect20(() => {
+  useEffect21(() => {
     if (!hasAutoclose) return;
     const timer = setTimeout(onClose, AUTO_CLOSE);
     return () => clearTimeout(timer);
@@ -9641,7 +9632,7 @@ var FunConnectResultStep = ({
 };
 
 // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
-import React83, { useCallback as useCallback12, useEffect as useEffect21, useMemo as useMemo17 } from "react";
+import React83, { useCallback as useCallback12, useEffect as useEffect22, useMemo as useMemo17 } from "react";
 
 // src/utils/browsers.ts
 function isSafari() {
@@ -9685,7 +9676,7 @@ function FunFarcasterConnectingStep({
 }) {
   const mobile = isMobile();
   const safari = isSafari();
-  useEffect21(() => {
+  useEffect22(() => {
     if (farcasterUri && mobile && !safari) {
       redirectInMobile(farcasterUri);
     }
@@ -10435,13 +10426,13 @@ function FunSignInStep({
 }
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
-import React93, { useCallback as useCallback15, useEffect as useEffect23 } from "react";
+import React93, { useCallback as useCallback15, useEffect as useEffect24 } from "react";
 
 // src/components/FunInput/FunTwoFaInput.tsx
 import React91, {
   useCallback as useCallback14,
-  useEffect as useEffect22,
-  useRef as useRef9,
+  useEffect as useEffect23,
+  useRef as useRef10,
   useState as useState24
 } from "react";
 var FunTwoFaInput = ({
@@ -10454,7 +10445,7 @@ var FunTwoFaInput = ({
   onResend,
   hasResent = false
 }) => {
-  const inputRefs = useRef9([]);
+  const inputRefs = useRef10([]);
   inputRefs.current = Array(inputLength).fill(null);
   const [focusIndex, setFocusIndex] = useState24(0);
   const handleBackspace = useCallback14(
@@ -10520,7 +10511,7 @@ var FunTwoFaInput = ({
       inputRefs.current[focusIndex]?.setSelectionRange(1, 1);
     }, 10);
   };
-  useEffect22(() => {
+  useEffect23(() => {
     inputRefs.current[0]?.focus();
   }, []);
   return /* @__PURE__ */ React91.createElement(Box, null, /* @__PURE__ */ React91.createElement(Box, { display: "flex", wrap: "nowrap", width: "full", gap: "8" }, Array.from({ length: inputLength }).map((_, i) => {
@@ -10596,7 +10587,7 @@ var FunWeb2ConnectingStep = ({
     loginErrorMessage,
     clearLoginError
   } = useFunkitWeb2Login();
-  useEffect23(() => {
+  useEffect24(() => {
     setOtpInput("");
     clearLoginError();
   }, []);
@@ -10649,7 +10640,7 @@ var FunWeb2ConnectingStep = ({
 import React96 from "react";
 
 // src/components/FunConnectOptions/ConnectDetails.tsx
-import React95, { useEffect as useEffect24 } from "react";
+import React95, { useEffect as useEffect25 } from "react";
 
 // src/utils/platforms.ts
 import { UAParser } from "ua-parser-js";
@@ -10662,6 +10653,7 @@ function isMacOS() {
   return os.name === "Mac OS";
 }
 function isLinux() {
+  if (os.name === void 0) return false;
   return ["Ubuntu", "Mint", "Fedora", "Debian", "Arch", "Linux"].includes(
     os.name
   );
@@ -10737,7 +10729,7 @@ var preloadPlatformIcon = () => loadImages(getPlatformSrc);
 var ConnectDetail = ({ qrCodeUri, wallet }) => {
   const { iconBackground, iconUrl, name, qrCode, ready } = wallet;
   const hasQrCode = qrCode && qrCodeUri;
-  useEffect24(() => {
+  useEffect25(() => {
     preloadBrowserIcon();
     preloadPlatformIcon();
   }, []);
@@ -11061,7 +11053,7 @@ import {
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8,
   getTokenInfo as getTokenInfo2
 } from "@funkit/core";
-import React150, { useCallback as useCallback27, useEffect as useEffect33, useMemo as useMemo30, useRef as useRef12, useState as useState41 } from "react";
+import React150, { useCallback as useCallback27, useEffect as useEffect34, useMemo as useMemo30, useRef as useRef13, useState as useState41 } from "react";
 import { arbitrum, mainnet as mainnet5, mantle as mantle2, zkSync as zkSync3 } from "viem/chains";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
@@ -11146,7 +11138,7 @@ function useCheckoutQuoteNotification(checkoutId) {
 }
 
 // src/hooks/useMesh.tsx
-import React113, { useCallback as useCallback20, useMemo as useMemo20, useRef as useRef10, useState as useState28 } from "react";
+import React113, { useCallback as useCallback20, useMemo as useMemo20, useRef as useRef11, useState as useState28 } from "react";
 import { useAccount as useAccount7 } from "wagmi";
 
 // src/components/FunkitProvider/FunkitMeshProvider.tsx
@@ -11908,7 +11900,7 @@ var useMeshExchanges = ({
   };
 };
 function useEqualMeshNetworkSupportedTokens(array, clearCache) {
-  const previousArray = useRef10(array);
+  const previousArray = useRef11(array);
   if (!clearCache && array.length === previousArray.current.length) {
     return previousArray.current;
   }
@@ -11931,7 +11923,7 @@ var useMeshActiveNetworkInfo = (exchange) => {
   const { chain: activeChain } = useAccount7();
   const [meshNetworkId, setMeshNetworkId] = useState28(null);
   const [meshSupportedTokens, setMeshSupportedTokens] = useState28([]);
-  const networkandExchange = useRef10(`${exchange}${meshNetworkId}`);
+  const networkandExchange = useRef11(`${exchange}${meshNetworkId}`);
   const meshSupportedTokensEqualLength = useEqualMeshNetworkSupportedTokens(
     meshSupportedTokens,
     networkandExchange.current !== `${exchange}${meshNetworkId}`
@@ -11981,7 +11973,7 @@ var useMeshActiveNetworkInfo = (exchange) => {
 };
 
 // src/components/FunkitProvider/FunkitMoonpayProvider.tsx
-import React114, { createContext as createContext14, useContext as useContext16, useEffect as useEffect25, useState as useState29 } from "react";
+import React114, { createContext as createContext14, useContext as useContext16, useEffect as useEffect26, useState as useState29 } from "react";
 
 // src/components/FunkitProvider/FunkitSandboxContext.tsx
 import { createContext as createContext13, useContext as useContext15 } from "react";
@@ -11991,7 +11983,7 @@ var useIsFunkitSandboxMode = () => useContext15(FunkitSandboxContext);
 // src/components/FunkitProvider/FunkitMoonpayProvider.tsx
 var MoonPayOriginalProvider = (props) => {
   const [MoonPayProviderInner, setMoonPayProviderInner] = useState29(null);
-  useEffect25(() => {
+  useEffect26(() => {
     const loadMoonPayProviderInner = async () => {
       try {
         const module = await import("@moonpay/moonpay-react");
@@ -12021,18 +12013,18 @@ function useFunkitMoonpayUserIp() {
     null
   );
   const { moonpayApiKey } = useContext16(FunkitMoonpayContext);
-  const getUserIpViaMoonpay = async () => {
-    const response = await fetch(
-      `https://api.moonpay.com/v3/ip_address?apiKey=${moonpayApiKey}`
-    );
-    const responseJson = await response.json();
-    setUserIpInfo(responseJson);
-  };
-  useEffect25(() => {
+  useEffect26(() => {
+    const getUserIpViaMoonpay = async () => {
+      const response = await fetch(
+        `https://api.moonpay.com/v3/ip_address?apiKey=${moonpayApiKey}`
+      );
+      const responseJson = await response.json();
+      setUserIpInfo(responseJson);
+    };
     getUserIpViaMoonpay().catch(
       (err) => logger.error("getUserIpViaMoonpay:error", err)
     );
-  }, []);
+  }, [moonpayApiKey]);
   return userIpInfo;
 }
 
@@ -12042,10 +12034,11 @@ import {
   MeshExecuteTransferMfaType,
   MeshExecuteTransferStatus
 } from "@funkit/api-base";
-import React115, { useCallback as useCallback21, useEffect as useEffect26, useMemo as useMemo21, useState as useState30 } from "react";
+import React115, { useCallback as useCallback21, useEffect as useEffect27, useMemo as useMemo21, useState as useState30 } from "react";
 function FunMeshVerificationStep({
   previewId,
   // TODO: Handle showing mesh expiration
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   previewExpirationMs,
   transferToAddress,
   onSuccess,
@@ -12076,7 +12069,7 @@ function FunMeshVerificationStep({
     screen,
     twoFactorCode.length
   ]);
-  useEffect26(() => {
+  useEffect27(() => {
     handleCompletion();
     return () => {
       setScreen(0 /* INITIAL */);
@@ -12350,7 +12343,7 @@ function FunOptionBox({
   return /* @__PURE__ */ React118.createElement(
     Box,
     {
-      as: isClickable ? "button" : "div",
+      as: "button",
       tabIndex: isClickable ? 0 : void 0,
       borderStyle: "solid",
       borderWidth: "2",
@@ -12363,6 +12356,7 @@ function FunOptionBox({
       paddingX,
       alignItems: "center",
       cursor: isClickable ? "pointer" : isDisabled ? "not-allowed" : "default",
+      disabled: isDisabled,
       style: {
         opacity: isDisabled ? 0.5 : 1
       },
@@ -12475,7 +12469,7 @@ function FunPaymentMeshType({
 
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/api-base";
-import React121, { memo, useEffect as useEffect27, useMemo as useMemo23, useState as useState32 } from "react";
+import React121, { memo, useEffect as useEffect28, useMemo as useMemo23, useState as useState32 } from "react";
 
 // src/components/FunPayments/FunPaymentMoonpayType.css.ts
 var mpClass = "_1kmpeyf0";
@@ -12483,7 +12477,7 @@ var mpClass = "_1kmpeyf0";
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 var MoonPayBuyWidget = memo(function Widget(props) {
   const [MoonPayBuyWidgetInner, setMoonPayBuyWidgetInner] = React121.useState(null);
-  useEffect27(() => {
+  useEffect28(() => {
     const loadMoonPayBuyWidgetInner = async () => {
       try {
         const module = await import("@moonpay/moonpay-react");
@@ -12800,7 +12794,7 @@ function generateInsufficientAmountForMoonpayError(paymentFlow, isShortened) {
 
 // src/components/FunPayments/FunPaymentMethods.tsx
 import { getAssetPriceInfo as getAssetPriceInfo3 } from "@funkit/api-base";
-import React129, { useCallback as useCallback22, useEffect as useEffect28, useMemo as useMemo24, useState as useState33 } from "react";
+import React129, { useCallback as useCallback22, useEffect as useEffect29, useMemo as useMemo24, useState as useState33 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // src/components/FunPaymentMethodItem/FunPaymentMethodItem.tsx
@@ -12948,7 +12942,7 @@ var PAYMENT_METHOD_CONFIG = {
     isEnabledForOnramp: true,
     // TODO: Deprecate
     isEnabledForCheckout: true,
-    disclaimerTextFn: (_) => "$10,000 limit \u2022 2min"
+    disclaimerTextFn: () => "$10,000 limit \u2022 2min"
   },
   ["brokerage" /* BROKERAGE */]: {
     label: DEFAULT_TEXT_CUSTOMIZATIONS.brokerageOrExchange,
@@ -12963,7 +12957,7 @@ var PAYMENT_METHOD_CONFIG = {
     isEnabledForOnramp: true,
     // TODO: Deprecate
     isEnabledForCheckout: true,
-    disclaimerTextFn: (_) => "No limit \u2022 3 mins"
+    disclaimerTextFn: () => "No limit \u2022 3 mins"
   },
   ["transfer" /* TRANSFER */]: {
     label: DEFAULT_TEXT_CUSTOMIZATIONS.transferCrypto,
@@ -12973,7 +12967,7 @@ var PAYMENT_METHOD_CONFIG = {
     isEnabledForOnramp: true,
     // TODO: Deprecate
     isEnabledForCheckout: false,
-    disclaimerTextFn: (_) => void 0
+    disclaimerTextFn: () => void 0
   },
   ["otc" /* OTC */]: {
     label: DEFAULT_TEXT_CUSTOMIZATIONS.otc,
@@ -12983,7 +12977,7 @@ var PAYMENT_METHOD_CONFIG = {
     isEnabledForOnramp: true,
     // TODO: Deprecate
     isEnabledForCheckout: true,
-    disclaimerTextFn: (_) => void 0
+    disclaimerTextFn: () => void 0
   }
 };
 function AddPaymentMethodItem({
@@ -13140,7 +13134,7 @@ function FunPaymentMethods({
     getCheckoutDraftDollarValue
   } = useFunkitPreCheckoutInternal(checkoutId || "");
   const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
-  useEffect28(() => {
+  useEffect29(() => {
     if (paymentFlow === 1 /* CHECKOUT */ && isCheckoutCrFlow) {
       setSelectedOption(paymentsConfig.defaultPaymentMethod || null);
     }
@@ -13781,7 +13775,7 @@ var FunInfoIcon = ({ size = 14 }) => /* @__PURE__ */ React135.createElement(
 );
 
 // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
-import React136, { useEffect as useEffect29, useMemo as useMemo26, useState as useState35 } from "react";
+import React136, { useEffect as useEffect30, useMemo as useMemo26, useState as useState35 } from "react";
 function CheckoutPrimaryInfoSnapshot({
   checkoutItem,
   isLoading,
@@ -13829,7 +13823,7 @@ function CheckoutPrimaryInfo({
 }) {
   const { checkoutItem, getCheckoutDraftDollarValue } = useFunkitPreCheckoutInternal(checkoutId);
   const [isForceRefresh, setIsForceRefresh] = useState35(false);
-  useEffect29(() => {
+  useEffect30(() => {
     if (isForceRefresh || !isNotNullish(checkoutItem?.draftDollarValue)) {
       setIsForceRefresh(false);
       getCheckoutDraftDollarValue().catch(
@@ -13917,6 +13911,7 @@ function useWeb3AccountBalancePostCheckout(checkoutItem, setPostCheckoutStepMess
       checkoutItem?.selectedSourceAssetInfo?.address,
       checkoutItem?.selectedSourceAssetInfo.symbol,
       connector,
+      setPostCheckoutStepMessage,
       switchChainAsync,
       sendTransactionAsync,
       writeContractAsync
@@ -14463,20 +14458,20 @@ var FunCheckoutConnectExchangeStep = ({
 
 // src/components/FunCheckoutModal/FunCheckoutInputAmountStep.tsx
 import { getAssetPriceInfo as getAssetPriceInfo4 } from "@funkit/api-base";
-import React145, { useCallback as useCallback25, useEffect as useEffect31, useMemo as useMemo28, useState as useState39 } from "react";
+import React145, { useCallback as useCallback25, useEffect as useEffect32, useMemo as useMemo28, useState as useState39 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 
 // src/hooks/useDynamicFont.ts
-import { useEffect as useEffect30, useRef as useRef11, useState as useState38 } from "react";
+import { useEffect as useEffect31, useRef as useRef12, useState as useState38 } from "react";
 var SIZE_STEP = 1;
 var MIN_WIDTH = 60;
 var ALLOWANCE = 20;
 var useDynamicFont = (inputValue, max, min = 16) => {
   const [textWidth, setTextWidth] = useState38(MIN_WIDTH);
   const [fontSize, setFontSize] = useState38(max);
-  const inputRef = useRef11(null);
-  const canvasRef = useRef11(document.createElement("canvas"));
-  useEffect30(() => {
+  const inputRef = useRef12(null);
+  const canvasRef = useRef12(document.createElement("canvas"));
+  useEffect31(() => {
     const measureTextWidth = (text) => {
       if (!inputRef.current) return void 0;
       const context = canvasRef.current.getContext("2d");
@@ -14553,7 +14548,7 @@ var FunCheckoutInputAmountStep = ({
     inputValue,
     BASE_FONT_SIZE
   );
-  useEffect31(() => {
+  useEffect32(() => {
     const fetchPrice = async () => {
       try {
         if (checkoutItem?.initSettings?.config?.targetChain && checkoutItem?.initSettings.config.targetAsset) {
@@ -14574,7 +14569,7 @@ var FunCheckoutInputAmountStep = ({
     const id = setInterval(fetchPrice, 1e4);
     return () => clearInterval(id);
   }, []);
-  useEffect31(() => {
+  useEffect32(() => {
     if (unitPrice == null || isInited) return;
     if (isAmountInAbsolute) {
       setAmountInput(
@@ -14791,7 +14786,7 @@ import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7
 } from "@funkit/core";
-import React148, { useCallback as useCallback26, useEffect as useEffect32, useMemo as useMemo29, useState as useState40 } from "react";
+import React148, { useCallback as useCallback26, useEffect as useEffect33, useMemo as useMemo29, useState as useState40 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/components/FunAsset/FunAssetItem.tsx
@@ -15046,7 +15041,7 @@ function MeshOrAccountSelectAsset({
     });
     return itemMap;
   }, [checkoutItem?.initSettings.config.targetChain, walletAssets]);
-  useEffect32(() => {
+  useEffect33(() => {
     async function fetchAccountHoldings() {
       const isMapInited = Object.keys(accountHoldingsMap).length > 0;
       setIsLoadingAssets(!isMapInited);
@@ -15189,13 +15184,13 @@ function MeshOrAccountSelectAsset({
     checkoutItem?.selectedPaymentMethodInfo?.meta?.accessToken?.brokerName,
     onBack
   ]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (checkoutItem?.isDrafting) {
       setSelectedChainTokenSymbol("");
       setInsufficientAssetError("");
     }
   }, [checkoutItem?.isDrafting]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (checkoutItem?.draftDollarValue && !selectedChainTokenSymbol) {
       setRecommendedAsset(
         getRecommendedAsset(
@@ -15213,13 +15208,14 @@ function MeshOrAccountSelectAsset({
     selectedChainTokenSymbol,
     isWeb3Login
   ]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (recommendedAsset) {
       setSelectedChainTokenSymbol(recommendedAsset.symbol);
     }
   }, [recommendedAsset, setSelectedChainTokenSymbol]);
   const bottomSectionRef = document.getElementById(CHECKOUT_MODAL_BOTTOM_BAR_ID);
-  return /* @__PURE__ */ React148.createElement(Box, null, isLoadingAssets ? /* @__PURE__ */ React148.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ React148.createElement(FunAssetItemSkeleton, { key: index }))) : /* @__PURE__ */ React148.createElement(
+  const walletAssetCount = walletAssets ? Object.keys(walletAssets).length : void 0;
+  return /* @__PURE__ */ React148.createElement(Box, null, isLoadingAssets ? /* @__PURE__ */ React148.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, Array.from({ length: walletAssetCount ?? 3 }).map((_, index) => /* @__PURE__ */ React148.createElement(FunAssetItemSkeleton, { key: index }))) : /* @__PURE__ */ React148.createElement(
     Box,
     {
       width: "full",
@@ -15377,7 +15373,7 @@ function FunCheckoutModal({
   if (open && !checkoutId) {
     throw new Error("Unable to open checkout modal without a checkoutId");
   }
-  const intervalRef = useRef12(void 0);
+  const intervalRef = useRef13(void 0);
   const [countdown, setCountdownSeconds] = useState41(0);
   const [countdownKey, setCountdownKey] = useState41(1);
   const [isRegeneratingQuote, setIsRegeneratingQuote] = useState41(false);
@@ -15404,12 +15400,12 @@ function FunCheckoutModal({
   );
   const { meshBrokerDataMap, hasActiveConnectionCheck } = useFunkitMesh({});
   const { preparePaymentInfo } = useMeshExchanges({ fullInfo: false });
-  useEffect33(() => {
+  useEffect34(() => {
     return () => {
       setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
     };
   }, []);
-  useEffect33(() => {
+  useEffect34(() => {
     clearCheckoutQuoteMessages();
   }, [checkoutStep]);
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
@@ -15608,10 +15604,10 @@ function FunCheckoutModal({
     ]
   );
   const [triggerSymbol, triggerSourceAssetConfirmedFn] = useSymbolRefresh_default();
-  useEffect33(() => {
+  useEffect34(() => {
     onSourceAssetConfirmed();
   }, [triggerSymbol]);
-  useEffect33(() => {
+  useEffect34(() => {
     if (checkoutItem && isCheckoutCrFlow && checkoutStep === "confirmation" /* CONFIRMATION */) {
       onSourceAssetConfirmed();
     }
@@ -15699,7 +15695,7 @@ function FunCheckoutModal({
       updateSourceAsset
     ]
   );
-  useEffect33(() => {
+  useEffect34(() => {
     if (checkoutStep !== "confirmation" /* CONFIRMATION */) return;
     intervalRef.current = setInterval(() => {
       setTimeout(() => {
@@ -15891,8 +15887,7 @@ var ModalContext = createContext15({
   chainModalOpen: false,
   connectModalOpen: false,
   isWalletConnectModalOpen: false,
-  setIsWalletConnectModalOpen: () => {
-  },
+  setIsWalletConnectModalOpen: () => void 0,
   funCheckoutModalOpen: false,
   funCheckoutHistoryModalOpen: false,
   funDevTestModalOpen: false
@@ -15935,9 +15930,7 @@ function ModalProvider({ children }) {
   const { chainId } = useAccount9();
   const { chains } = useConfig4();
   const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
-  function closeModals({
-    keepConnectModalOpen = false
-  } = {}) {
+  function closeModals(keepConnectModalOpen = false) {
     if (!keepConnectModalOpen) {
       closeConnectModal();
     }
@@ -15948,10 +15941,10 @@ function ModalProvider({ children }) {
   }
   const isUnauthenticated = useAuthenticationStatus() === "unauthenticated";
   useAccountEffect2({
-    onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
-    onDisconnect: () => closeModals()
+    onConnect: () => closeModals(isUnauthenticated),
+    onDisconnect: closeModals
   });
-  useEffect34(() => {
+  useEffect35(() => {
     if (isUnauthenticated) closeModals();
   }, [isUnauthenticated]);
   return /* @__PURE__ */ React151.createElement(
@@ -16121,7 +16114,7 @@ var isEIP6963Connector = (wallet) => {
   return !!(!wallet.isFunkitSdkConnector && wallet.icon?.replace(/\n/g, "").startsWith("data:image") && wallet.uid && wallet.name);
 };
 var rainbowKitConnectorWithWalletConnect = (wallet, walletConnectModalConnector) => {
-  const shouldUseWalletConnectModal = wallet.id === "walletConnect" && walletConnectModalConnector;
+  const shouldUseWalletConnectModal = wallet.id === "walletConnect" && walletConnectModalConnector !== void 0;
   return shouldUseWalletConnectModal ? { ...wallet, walletConnectModalConnector } : wallet;
 };
 var connectorsWithRecentWallets = ({
@@ -16234,10 +16227,7 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
     );
     return !existsInEIP6963Connectors;
   }).map(
-    (wallet) => rainbowKitConnectorWithWalletConnect(
-      wallet,
-      walletConnectModalConnector
-    )
+    (wallet) => rainbowKitConnectorWithWalletConnect(wallet, walletConnectModalConnector)
   );
   const combinedConnectors = [...eip6963Connectors, ...rainbowKitConnectors];
   const walletInstanceById = indexBy(
@@ -16258,7 +16248,7 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
     if (eip6963) {
       walletConnectors.push({
         ...wallet,
-        iconUrl: wallet.icon,
+        iconUrl: wallet.icon ?? "",
         ready: true,
         connect: () => connectWallet(wallet),
         groupName: "Installed",
@@ -16266,6 +16256,9 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
       });
       continue;
     }
+    const { walletConnectModalConnector: walletConnectModalConnector2, qrCode } = wallet;
+    const getDesktopUri = wallet.desktop?.getUri;
+    const getMobileUri = wallet.mobile?.getUri;
     walletConnectors.push({
       ...wallet,
       ready: wallet.installed ?? true,
@@ -16274,11 +16267,11 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
       extensionDownloadUrl: getExtensionDownloadUrl(wallet),
       groupName: wallet.groupName,
       mobileDownloadUrl: getMobileDownloadUrl(wallet),
-      getQrCodeUri: wallet.qrCode?.getUri ? () => getWalletConnectUri(wallet, wallet.qrCode.getUri) : void 0,
-      getDesktopUri: wallet.desktop?.getUri ? () => getWalletConnectUri(wallet, wallet.desktop.getUri) : void 0,
-      getMobileUri: wallet.mobile?.getUri ? () => getWalletConnectUri(wallet, wallet.mobile?.getUri) : void 0,
+      getQrCodeUri: qrCode?.getUri ? () => getWalletConnectUri(wallet, qrCode.getUri) : void 0,
+      getDesktopUri: getDesktopUri ? () => getWalletConnectUri(wallet, getDesktopUri) : void 0,
+      getMobileUri: getMobileUri ? () => getWalletConnectUri(wallet, getMobileUri) : void 0,
       recent,
-      showWalletConnectModal: wallet.walletConnectModalConnector ? () => connectToWalletConnectModal(wallet.walletConnectModalConnector) : void 0
+      showWalletConnectModal: walletConnectModalConnector2 ? () => connectToWalletConnectModal(walletConnectModalConnector2) : void 0
     });
   }
   return walletConnectors;
@@ -16355,7 +16348,6 @@ var getLoginMethodFromCache = () => {
 var FunkitWeb2Provider = ({
   children
 }) => {
-  const funkitConfig = useFunkitConfig();
   const { connectAsync } = useConnect2();
   const { chains } = useConfig5();
   const { connectors, disconnectAsync } = useDisconnect2();
@@ -16383,7 +16375,7 @@ var FunkitWeb2Provider = ({
     },
     []
   );
-  useEffect35(() => {
+  useEffect36(() => {
     const newPrivy = new PrivyJS({
       appId: DEFAULT_PRIVY_APP_ID,
       storage: new LocalStorage(),
@@ -16531,7 +16523,7 @@ var FunkitWeb2Provider = ({
           provider,
           index: DEFAULT_FUNWALLET_INDEX
         });
-        const result = await connectAsync({
+        await connectAsync({
           chainId,
           connector: funkitConnectWallet2
         });
@@ -16586,7 +16578,7 @@ var FunkitWeb2Provider = ({
       }
     }
   }, [handleFunkitWeb2Login, initChainId, loginMethod]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (privy && privyIframeUrl && isNotNullish(initChainId)) {
       const iframe = document.getElementById(
         PRIVY_IFRAME_ID
@@ -16815,10 +16807,10 @@ import React154 from "react";
 import { useAccount as useAccount11, useBalance, useConfig as useConfig6 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback30, useEffect as useEffect36, useState as useState45 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect37, useState as useState45 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState45(false);
-  useEffect36(() => {
+  useEffect37(() => {
     setIsMounted(true);
     return () => {
       setIsMounted(false);
@@ -16854,8 +16846,7 @@ function abbreviateETHBalance(number) {
 }
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
-var noop = () => {
-};
+var noop = () => void 0;
 function ConnectButtonRenderer({
   children
 }) {
@@ -17098,7 +17089,7 @@ function ConnectButton({
   const { setShowBalance } = useShowBalance();
   const [ready, setReady] = useState46(false);
   const { i18n: i18n2 } = useContext20(I18nContext);
-  useEffect37(() => {
+  useEffect38(() => {
     setShowBalance(showBalance);
     if (!ready) setReady(true);
   }, [showBalance, setShowBalance, ready]);
@@ -17977,25 +17968,25 @@ var defaultAppInfo = {
 var AppContext = createContext18(defaultAppInfo);
 
 // src/components/FunkitProvider/useFingerprint.ts
-import { useCallback as useCallback31, useEffect as useEffect38 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect39 } from "react";
 var storageKey5 = "funkit-connect-version";
 function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "3.0.0-next.1";
+  return "3.0.0-next.2";
 }
 function useFingerprint() {
   const fingerprint = useCallback31(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
-  useEffect38(() => {
+  useEffect39(() => {
     fingerprint();
   }, [fingerprint]);
 }
 
 // src/components/FunkitProvider/usePreloadImages.ts
-import { useCallback as useCallback32, useEffect as useEffect39 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect40 } from "react";
 
 // src/components/Icons/Assets.tsx
 import React157 from "react";
@@ -18021,7 +18012,7 @@ function usePreloadImages() {
       preloadLoginIcon();
     }
   }, [walletConnectors, funkitConnectChains]);
-  useEffect39(() => {
+  useEffect40(() => {
     preloadImages();
   }, [preloadImages]);
 }