@funkit/connect 6.14.20 → 6.14.21

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @funkit/connect
 
+## 6.14.21
+
+### Patch Changes
+
+- 12607cd: chore(connect): fix bluvo tracking
+
 ## 6.14.20
 
 ### Patch Changes

package/dist/index.js

@@ -416,7 +416,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React245, { useEffect as useEffect61, useState as useState76 } from "react";
+import React245, { useEffect as useEffect60, useState as useState76 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -524,7 +524,7 @@ import React242, {
   createContext as createContext17,
   useCallback as useCallback56,
   useContext as useContext17,
-  useEffect as useEffect59,
+  useEffect as useEffect58,
   useMemo as useMemo48,
   useState as useState73
 } from "react";
@@ -1092,7 +1092,7 @@ import React241, {
   createContext as createContext16,
   useCallback as useCallback55,
   useContext as useContext16,
-  useEffect as useEffect58,
+  useEffect as useEffect57,
   useMemo as useMemo47,
   useState as useState72
 } from "react";
@@ -1471,7 +1471,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "6.14.20";
+  return "6.14.21";
 }
 function useFingerprint() {
   const fingerprint = useCallback2(() => {
@@ -16370,7 +16370,7 @@ function useAnimatedNavigation(callback) {
 
 // src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
 import { motion as motion11 } from "motion/react";
-import React195, { useEffect as useEffect49, useRef as useRef26, useState as useState60 } from "react";
+import React195, { useEffect as useEffect48, useRef as useRef26, useState as useState60 } from "react";
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
@@ -18710,7 +18710,6 @@ function BrokerageSuccessModal({
 // src/modals/CheckoutModal/Brokerage/BrokerageTwoFA.tsx
 import { ClientError as ClientError3, FlagKey as FlagKey19 } from "@funkit/utils";
 import React118, {
-  useEffect as useEffect33,
   useState as useState34
 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
@@ -18804,7 +18803,6 @@ function BrokerageTwoFA({
   const [kycRequired, setKycRequired] = useState34(false);
   const exchange = bluvoClient?.context?.exchange;
   const brokerName = capitalize2(exchange || "Brokerage");
-  const bluvoWithdrawalComplete = bluvoClient?.isWithdrawalComplete;
   const executionStatus = /* @__PURE__ */ (() => {
     return "mfaRequired" /* mfaRequired */;
   })();
@@ -18851,29 +18849,6 @@ function BrokerageTwoFA({
     kycRequired
   ]);
   const { logEvent } = useTrack();
-  const logToStatsigEffect = useEffectEvent((eoaAddress) => {
-    logEvent({
-      eventName: "fc::success::bluvo_withdrawal_completed" /* BLUVO_WITHDRAWAL_COMPLETED */,
-      metadata: {
-        eoaAddress,
-        exchangeType,
-        quote: bluvoClient.context?.quote
-      }
-    });
-  });
-  useEffect33(() => {
-    if (bluvoWithdrawalComplete) {
-      const payload = {
-        depositAddress: checkoutItem?.depositAddress
-      };
-      logger.log(`${logPrefix2}withdrawalComplete`, {
-        bluvoWithdrawalComplete,
-        payload
-      });
-      logToStatsigEffect(payload.depositAddress);
-      onNext(payload);
-    }
-  }, [bluvoWithdrawalComplete, onNext, logToStatsigEffect]);
   const { checkoutItem } = useCheckoutContext();
   const bottomSectionRef = useBottomSectionRef();
   const enableFrogProxyServer = useFlag(FlagKey19.EnableFrogProxyServer);
@@ -18945,8 +18920,23 @@ function BrokerageTwoFA({
       logger.info(`${logPrefix2}handleEnterTwoFactor:submit2FAResponseData`, {
         data
       });
+      const depositAddress = checkoutItem?.depositAddress;
+      const metadata = {
+        data,
+        exchangeType,
+        quote: bluvoClient.context?.quote,
+        quoteId,
+        idempotencyKey,
+        walletId,
+        depositAddress
+      };
+      logger.log(`${logPrefix2}withdrawalComplete`, metadata);
+      logEvent({
+        eventName: "fc::success::bluvo_withdrawal_completed" /* BLUVO_WITHDRAWAL_COMPLETED */,
+        metadata
+      });
       onNext({
-        depositAddress: checkoutItem?.depositAddress
+        depositAddress
       });
     } catch (error) {
       if (isBluvoWithdrawalError(error)) {
@@ -19246,7 +19236,7 @@ var TwoFactorInput = ({
 };
 
 // src/modals/CheckoutModal/Brokerage/ConnectExchange.tsx
-import React122, { useCallback as useCallback24, useEffect as useEffect34, useState as useState35 } from "react";
+import React122, { useCallback as useCallback24, useEffect as useEffect33, useState as useState35 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/components/FunMessage/FunMessage.tsx
@@ -19371,7 +19361,7 @@ function ConnectExchange({
     setAuthError(errorMessage);
     setIsLoadingMeshModal(false);
   });
-  useEffect34(() => {
+  useEffect33(() => {
     if (isConnected) {
       navigateToBrokerage();
     }
@@ -19611,11 +19601,11 @@ import React126, { useCallback as useCallback27, useMemo as useMemo25, useState
 import { createPortal as createPortal10 } from "react-dom";
 
 // src/hooks/useFunListeners.ts
-import { useCallback as useCallback26, useEffect as useEffect35, useRef as useRef18 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect34, useRef as useRef18 } from "react";
 function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
   const activeIntervalRef = useRef18();
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useCheckoutHistoryContext();
-  useEffect35(() => {
+  useEffect34(() => {
     if (activate) {
       const createdIntervalId = startCheckoutHistoryListener(
         /* singleDepositAddr */
@@ -19644,7 +19634,7 @@ function useSIWFarcasterListener(channelToken) {
   const stopStatusListener = useCallback26(() => {
     clearInterval(intervalRef.current);
   }, []);
-  useEffect35(() => {
+  useEffect34(() => {
     startStatusListener();
     return () => stopStatusListener();
   }, []);
@@ -19674,7 +19664,7 @@ function useSIWFarcasterListener(channelToken) {
     initalChainid,
     stopStatusListener
   ]);
-  useEffect35(() => {
+  useEffect34(() => {
     check();
   }, [refreshSymbol]);
 }
@@ -19808,7 +19798,7 @@ var CheckoutAlert = ({ state, refundState, onHelp: onHelp2 }) => {
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React129, { useEffect as useEffect36, useMemo as useMemo26, useRef as useRef19, useState as useState38 } from "react";
+import React129, { useEffect as useEffect35, useMemo as useMemo26, useRef as useRef19, useState as useState38 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 
 // src/components/FunInput/FunTextAreaInput.tsx
@@ -19968,7 +19958,7 @@ function FunCheckoutHistoryHelp({
     0 /* INPUT */
   );
   const wrapperRef = useRef19(null);
-  useEffect36(() => wrapperRef.current?.scrollIntoView(), []);
+  useEffect35(() => wrapperRef.current?.scrollIntoView(), []);
   const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
     setErrorMessage(message);
     if (timeMs !== void 0) {
@@ -20295,11 +20285,11 @@ function CheckoutHelp({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
-import React146, { useEffect as useEffect42, useMemo as useMemo32, useState as useState47 } from "react";
+import React146, { useEffect as useEffect41, useMemo as useMemo32, useState as useState47 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
 
 // src/providers/UserPresenceContext.tsx
-import React133, { useEffect as useEffect37 } from "react";
+import React133, { useEffect as useEffect36 } from "react";
 import {
   createContext as createContext14,
   useContext as useContext14,
@@ -20311,7 +20301,7 @@ var UserPresenceContext = createContext14({
 });
 var UserPresenceProvider = ({ children }) => {
   const [isAway, setIsAway] = useState39(false);
-  useEffect37(() => {
+  useEffect36(() => {
     let timeoutId;
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") {
@@ -20342,13 +20332,13 @@ import { FlagKey as FlagKey20 } from "@funkit/utils";
 import React134, { useState as useState40 } from "react";
 
 // src/hooks/useInterval.ts
-import { useEffect as useEffect38, useRef as useRef20 } from "react";
+import { useEffect as useEffect37, useRef as useRef20 } from "react";
 function useInterval(callback, delay) {
   const savedCallback = useRef20(callback);
   useIsomorphicLayoutEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-  useEffect38(() => {
+  useEffect37(() => {
     const id = setInterval(() => {
       savedCallback.current();
     }, delay);
@@ -20921,7 +20911,7 @@ function KatanaBridgeAlert() {
 import { useState as useState42 } from "react";
 
 // src/modals/CheckoutModal/useSourceAssetConfirm.tsx
-import { useEffect as useEffect39, useState as useState41 } from "react";
+import { useEffect as useEffect38, useState as useState41 } from "react";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
 import { useCallback as useCallback29 } from "react";
@@ -21059,7 +21049,7 @@ function useHackyTriggerWorkaroundReactDevBrainExplode() {
 function useTriggerQuoteAndOtherStuffsWithExtremeCaution(onResult, setPreloadedQuoteData) {
   const [assetRefresh, triggerAssetConfirm] = useHackyTriggerWorkaroundReactDevBrainExplode();
   const { isSourceAssetConfirming, onSourceAssetConfirmed } = useSourceAssetConfirm(setPreloadedQuoteData);
-  useEffect39(() => {
+  useEffect38(() => {
     if (assetRefresh === 0) {
       return;
     }
@@ -21465,7 +21455,7 @@ function usePostCheckout({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
-import { useCallback as useCallback33, useEffect as useEffect41, useMemo as useMemo31, useRef as useRef21, useState as useState46 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect40, useMemo as useMemo31, useRef as useRef21, useState as useState46 } from "react";
 
 // src/hooks/useCountdown.tsx
 import React145 from "react";
@@ -21473,7 +21463,7 @@ import { useCallback as useCallback32, useState as useState45 } from "react";
 
 // src/components/FunCountdown/FunCountdown.tsx
 import { noop as noop7 } from "@funkit/utils";
-import React144, { useCallback as useCallback31, useEffect as useEffect40, useState as useState44 } from "react";
+import React144, { useCallback as useCallback31, useEffect as useEffect39, useState as useState44 } from "react";
 
 // src/components/FunCountdown/FunCountdown.css.ts
 var backgroundRing = "_1t0bc111 _1rsrm2f1mm";
@@ -21516,7 +21506,7 @@ var FunCountdown = ({
     setRemainingSeconds((prev) => prev > 0 ? prev - 1 : prev);
   }, [isPaused]);
   useInterval(handleInterval, 1e3);
-  useEffect40(() => {
+  useEffect39(() => {
     if (remainingSeconds === onBeforeCountdownEndsSeconds) {
       onBeforeCountdownEndsOnce();
     }
@@ -21737,7 +21727,7 @@ function useQuoteRefresh({
     }
     return null;
   }, [isQuoting, quoteErrorMessage]);
-  useEffect41(() => {
+  useEffect40(() => {
     if (isPendingRefresh && !isOnHold) {
       setIsPendingRefresh(false);
       refreshQuote();
@@ -21853,7 +21843,7 @@ function ConfirmationStep({
       }
     }
   });
-  useEffect42(() => {
+  useEffect41(() => {
     triggerNewQuote({ maxRetries: 1 });
   }, []);
   const isContinuing = isConfirming || isPostCheckoutLoading;
@@ -22147,7 +22137,7 @@ function DirectExecutionNotifCenter({
 
 // src/modals/CheckoutModal/InputAmount/InputAmount.tsx
 import { isMobile as isMobile7 } from "@funkit/utils";
-import React163, { useEffect as useEffect43 } from "react";
+import React163, { useEffect as useEffect42 } from "react";
 
 // src/hooks/queries/useMeldCurrencies.ts
 import { getMeldSupportedFiat } from "@funkit/api-base";
@@ -25261,7 +25251,7 @@ function InputAmount(props) {
   const skipExchangeRates = paymentMethodInfo.paymentMethod !== "card" /* CARD */ || !isDefiMode;
   const exchangeRatesLoaded = !isCurrencyExchangeRatesLoading && !!currencyExchangeRates;
   const isLoaded = !!(checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading && (skipExchangeRates || exchangeRatesLoaded));
-  useEffect43(() => setCheckoutQuote(null), []);
+  useEffect42(() => setCheckoutQuote(null), []);
   if (isLoaded) {
     return /* @__PURE__ */ React163.createElement(
       InputAmountLoaded,
@@ -25287,7 +25277,7 @@ function InputAmount(props) {
 }
 
 // src/modals/CheckoutModal/LoadingAccount.tsx
-import React166, { useEffect as useEffect44 } from "react";
+import React166, { useEffect as useEffect43 } from "react";
 
 // src/hooks/usePaymentSources.ts
 import { FlagKey as FlagKey25, isNotNullish as isNotNullish7 } from "@funkit/utils";
@@ -25628,7 +25618,7 @@ function LoadingAccount({
   const hasCustomStartingStep = !!checkoutConfig?.startingStep;
   const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
   const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
-  useEffect44(() => {
+  useEffect43(() => {
     if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
       return;
     }
@@ -25963,7 +25953,7 @@ function MeldRedirect({
 // src/modals/CheckoutModal/SelectAsset.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent8 } from "@funkit/utils";
-import React172, { useEffect as useEffect45, useMemo as useMemo39, useState as useState51 } from "react";
+import React172, { useEffect as useEffect44, useMemo as useMemo39, useState as useState51 } from "react";
 import { createPortal as createPortal17 } from "react-dom";
 import { mainnet as mainnet11 } from "viem/chains";
 
@@ -26305,7 +26295,7 @@ function useAssetOptions({
   return assetOptions;
 }
 function useScrollToSelectedAsset(selectedChainTokenSymbol) {
-  useEffect45(() => {
+  useEffect44(() => {
     const optionEl = document.getElementById(
       `option-${selectedChainTokenSymbol}`
     );
@@ -26699,7 +26689,7 @@ function SelectAsset({
 
 // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
-import React174, { useCallback as useCallback39, useEffect as useEffect46, useState as useState52 } from "react";
+import React174, { useCallback as useCallback39, useEffect as useEffect45, useState as useState52 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
 
 // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -26896,7 +26886,7 @@ function SourceChange({
   const userInfo = useFunkitUserInfo();
   const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
   const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
-  useEffect46(() => {
+  useEffect45(() => {
     if (!paymentMethodInfo) {
       return;
     }
@@ -27090,7 +27080,7 @@ import { truncateMiddleOfAddress } from "@funkit/utils";
 import React175, { useCallback as useCallback41, useState as useState54 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback40, useEffect as useEffect47, useState as useState53 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect46, useState as useState53 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
   const [isCopied, setCopied] = useState53(false);
   const handleCopy = useCallback40(() => {
@@ -27100,7 +27090,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
     navigator.clipboard.writeText(text);
     setCopied(true);
   }, [text]);
-  useEffect47(() => {
+  useEffect46(() => {
     if (!isCopied) {
       return;
     }
@@ -28449,7 +28439,7 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React194, { useCallback as useCallback42, useEffect as useEffect48, useMemo as useMemo41, useState as useState58 } from "react";
+import React194, { useCallback as useCallback42, useEffect as useEffect47, useMemo as useMemo41, useState as useState58 } from "react";
 function useIframeListener(listeners) {
   const handleMessage = useCallback42(
     (event) => {
@@ -28473,7 +28463,7 @@ function useIframeListener(listeners) {
     },
     [listeners]
   );
-  useEffect48(() => {
+  useEffect47(() => {
     window.addEventListener("message", handleMessage);
     return () => {
       window.removeEventListener("message", handleMessage);
@@ -28853,7 +28843,7 @@ function FunCheckoutModalHeightAnimationWrapper({
   const animationFrameRef = useRef26(null);
   const resizeObserverRef = useRef26(null);
   const [height, setHeight] = useState60("auto");
-  useEffect49(() => {
+  useEffect48(() => {
     if (containerRef.current) {
       resizeObserverRef.current = new ResizeObserver((entries) => {
         animationFrameRef.current = requestAnimationFrame(() => {
@@ -28900,7 +28890,7 @@ function FunCheckoutModalHeightAnimationWrapper({
 }
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React196, { useEffect as useEffect50 } from "react";
+import React196, { useEffect as useEffect49 } from "react";
 var AUTO_CLOSE = 2e3;
 var messageMap = (hasQrCode) => ({
   error: {
@@ -28919,7 +28909,7 @@ var FunConnectResultStep = ({
   qrCodeUri
 }) => {
   const hasAutoclose = type === "success";
-  useEffect50(() => {
+  useEffect49(() => {
     if (!hasAutoclose) {
       return;
     }
@@ -28971,7 +28961,7 @@ var FunConnectResultStep = ({
 
 // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
 import { isMobile as isMobile8, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React199, { useCallback as useCallback44, useEffect as useEffect51 } from "react";
+import React199, { useCallback as useCallback44, useEffect as useEffect50 } from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
 import React198 from "react";
@@ -29018,7 +29008,7 @@ function FunFarcasterConnectingStep({
 }) {
   const mobile = isMobile8();
   const safari = isSafari2();
-  useEffect51(() => {
+  useEffect50(() => {
     if (farcasterUri && mobile && !safari) {
       redirectInMobile(farcasterUri);
     }
@@ -29072,12 +29062,12 @@ function FunFarcasterConnectingStep({
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
 import { isNotNullish as isNotNullish9 } from "@funkit/utils";
-import React202, { useCallback as useCallback46, useEffect as useEffect53, useState as useState62 } from "react";
+import React202, { useCallback as useCallback46, useEffect as useEffect52, useState as useState62 } from "react";
 
 // src/components/FunInput/FunTwoFaInput.tsx
 import React200, {
   useCallback as useCallback45,
-  useEffect as useEffect52,
+  useEffect as useEffect51,
   useRef as useRef27,
   useState as useState61
 } from "react";
@@ -29098,7 +29088,7 @@ var FunTwoFaInput = ({
   const [currentLength, setCurrentLength] = useState61(initialInputLength);
   const [focusIndex, setFocusIndex] = useState61(0);
   const [isFocused, setIsFocused] = useState61(false);
-  useEffect52(() => {
+  useEffect51(() => {
     if (!value) {
       setFocusIndex(0);
     }
@@ -29298,7 +29288,7 @@ var FunWeb2ConnectingStep = ({
     loginErrorMessage,
     clearLoginError
   } = useFunkitWeb2Login();
-  useEffect53(() => {
+  useEffect52(() => {
     clearLoginError();
   }, []);
   const handleOtpComplete = useCallback46(
@@ -30093,7 +30083,7 @@ function PaymentMethodSummary({
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx22 from "clsx";
-import React216, { useCallback as useCallback50, useEffect as useEffect56, useMemo as useMemo44, useState as useState66 } from "react";
+import React216, { useCallback as useCallback50, useEffect as useEffect55, useMemo as useMemo44, useState as useState66 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React211 from "react";
@@ -30139,10 +30129,10 @@ var FunNotificationShowMoreButton = ({
 
 // src/hooks/useOnNewNotification.ts
 import { safeParseJson as safeParseJson4 } from "@funkit/utils";
-import { useEffect as useEffect54 } from "react";
+import { useEffect as useEffect53 } from "react";
 var storageKey5 = "fkc-processed-notifications";
 var useOnNewNotification = (combinedNotifications, cb) => {
-  useEffect54(() => {
+  useEffect53(() => {
     const alreadyProcessed = safeParseJsonObject(
       sessionStorage.getItem(storageKey5)
     );
@@ -30199,7 +30189,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f12a _1rsrm2f1f _1rsrm2f1c _1rsrm2fls
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx20 from "clsx";
 import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
-import React212, { useCallback as useCallback49, useEffect as useEffect55, useRef as useRef28 } from "react";
+import React212, { useCallback as useCallback49, useEffect as useEffect54, useRef as useRef28 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -30649,7 +30639,7 @@ var FunNotificationBannerIcon = ({
     ]);
   }, [animate]);
   const statusRef = useRef28(status);
-  useEffect55(() => {
+  useEffect54(() => {
     if (statusRef.current !== status) {
       if (statusRef.current === "processing" && status === "completed") {
         triggerAnimationProcessingToCompleted();
@@ -31198,13 +31188,13 @@ var CheckoutNotifications = ({
     isVisible,
     memoizedFilterFunc: filterFunc
   });
-  useEffect56(() => {
+  useEffect55(() => {
     if (initialCheckouts || !checkouts) {
       return;
     }
     setInitialCheckouts(checkouts);
   }, [initialCheckouts, checkouts]);
-  useEffect56(() => {
+  useEffect55(() => {
     if (initialDirectExecutions || !directExecutions) {
       return;
     }
@@ -31625,7 +31615,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
 import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
 import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
 import clsx24 from "clsx";
-import React229, { useEffect as useEffect57, useMemo as useMemo46, useRef as useRef29, useState as useState70 } from "react";
+import React229, { useEffect as useEffect56, useMemo as useMemo46, useRef as useRef29, useState as useState70 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount7 } from "wagmi";
 
@@ -32168,7 +32158,7 @@ function Home({
   const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
   const { returnViewPresets } = useActivityTraversal();
   const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
-  useEffect57(() => {
+  useEffect56(() => {
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
@@ -33186,7 +33176,7 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals(isUnauthenticated),
     onDisconnect: closeModals
   });
-  useEffect58(() => {
+  useEffect57(() => {
     if (isUnauthenticated) {
       closeModals();
     }
@@ -33291,7 +33281,7 @@ function useConnectModal(onClose) {
   const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
-  useEffect58(() => {
+  useEffect57(() => {
     if (!effectiveConnectModalOpen && onClose) {
       onClose();
     }
@@ -33626,7 +33616,7 @@ var FunkitWeb2Provider = ({
     },
     []
   );
-  useEffect59(() => {
+  useEffect58(() => {
     const newPrivy = new PrivyJS({
       appId: DEFAULT_PRIVY_APP_ID,
       storage: new LocalStorage(),
@@ -33841,7 +33831,7 @@ var FunkitWeb2Provider = ({
       }
     }
   }, [handleFunkitWeb2Login, initChainId, loginMethod]);
-  useEffect59(() => {
+  useEffect58(() => {
     if (privy && privyIframeUrl && isNotNullish11(initChainId)) {
       const iframe = document.getElementById(
         PRIVY_IFRAME_ID
@@ -34090,10 +34080,10 @@ import React244 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback57, useEffect as useEffect60, useState as useState75 } from "react";
+import { useCallback as useCallback57, useEffect as useEffect59, useState as useState75 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState75(false);
-  useEffect60(() => {
+  useEffect59(() => {
     setIsMounted(true);
     return () => {
       setIsMounted(false);
@@ -34380,7 +34370,7 @@ function ConnectButton({
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
   const [ready, setReady] = useState76(false);
-  useEffect61(() => {
+  useEffect60(() => {
     setShowBalance(showBalance);
     if (!ready) {
       setReady(true);
@@ -34917,7 +34907,7 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import React248, {
   createContext as createContext19,
   useContext as useContext19,
-  useEffect as useEffect63,
+  useEffect as useEffect62,
   useMemo as useMemo49
 } from "react";
 import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
@@ -34960,7 +34950,7 @@ function FunkitStatsigProvider({
 
 // src/providers/usePreloadImages.ts
 import { isNotNullish as isNotNullish12 } from "@funkit/utils";
-import { useCallback as useCallback58, useEffect as useEffect62 } from "react";
+import { useCallback as useCallback58, useEffect as useEffect61 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
@@ -34970,7 +34960,7 @@ function usePreloadImages() {
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)
     );
   }, [walletConnectors, funkitConnectChains]);
-  useEffect62(() => {
+  useEffect61(() => {
     preloadImages();
   }, [preloadImages]);
 }
@@ -34999,7 +34989,7 @@ function FunkitProvider(props) {
   }, [initialChainId, props.wagmiConfig, props.funkitConfig.appName]);
   const finalQueryClient = props.queryClient;
   const sdkVersion = useMemo49(() => getCurrentSdkVersion(), []);
-  useEffect63(() => {
+  useEffect62(() => {
     logger.configure(props.funkitConfig.apiKey, !!props.debug, sdkVersion);
   }, [props.funkitConfig.apiKey, props.debug, sdkVersion]);
   const MainChild = /* @__PURE__ */ React248.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React248.createElement(

package/dist/wallets/walletConnectors/index.js

@@ -1,91 +1,97 @@
 "use client";
+import {
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
 import {
   zealWallet
 } from "./chunk-RNBEDQHF.js";
-import {
-  uniswapWallet
-} from "./chunk-LH7BMNFZ.js";
 import {
   zerionWallet
 } from "./chunk-SULRQO27.js";
-import {
-  tokenPocketWallet
-} from "./chunk-2L43XSW3.js";
 import {
   talismanWallet
 } from "./chunk-DRO6WYMM.js";
+import {
+  tokenPocketWallet
+} from "./chunk-2L43XSW3.js";
 import {
   trustWallet
 } from "./chunk-VYBAYMP3.js";
 import {
-  safepalWallet
-} from "./chunk-NT2HYJKW.js";
-import {
-  tahoWallet
-} from "./chunk-ZZZRUXZE.js";
+  subWallet
+} from "./chunk-JWFF4AAL.js";
 import {
   tokenaryWallet
 } from "./chunk-D6AOOO5F.js";
+import {
+  uniswapWallet
+} from "./chunk-LH7BMNFZ.js";
+import {
+  safeheronWallet
+} from "./chunk-RZIO5TFF.js";
 import {
   xdefiWallet
 } from "./chunk-BOU4WKRZ.js";
 import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
-import {
-  phantomWallet
-} from "./chunk-362NXNTM.js";
+  rainbowWallet
+} from "./chunk-2KUBG3S6.js";
 import {
   ramperWallet
 } from "./chunk-BYXPFMI7.js";
 import {
-  rainbowWallet
-} from "./chunk-2KUBG3S6.js";
+  roninWallet
+} from "./chunk-NWIQNBJU.js";
 import {
-  safeWallet
-} from "./chunk-BQQQL6UD.js";
+  oneKeyWallet
+} from "./chunk-SHBUZ7U7.js";
 import {
-  rabbyWallet
-} from "./chunk-BBOM42DL.js";
+  safepalWallet
+} from "./chunk-NT2HYJKW.js";
 import {
-  roninWallet
-} from "./chunk-NWIQNBJU.js";
+  imTokenWallet
+} from "./chunk-COZ7MIQS.js";
 import {
-  safeheronWallet
-} from "./chunk-RZIO5TFF.js";
+  safeWallet
+} from "./chunk-BQQQL6UD.js";
 import {
-  subWallet
-} from "./chunk-JWFF4AAL.js";
+  tahoWallet
+} from "./chunk-ZZZRUXZE.js";
 import {
   metaMaskWallet
 } from "./chunk-2HYNUNAS.js";
 import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
+  mewWallet
+} from "./chunk-OL5ZO7E4.js";
 import {
   oktoWallet
 } from "./chunk-ADIXAKUL.js";
-import {
-  mewWallet
-} from "./chunk-OL5ZO7E4.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
+import {
+  okxWallet
+} from "./chunk-TDIEHTMB.js";
 import {
   oneInchWallet
 } from "./chunk-OESTDX6I.js";
 import {
-  okxWallet
-} from "./chunk-TDIEHTMB.js";
+  phantomWallet
+} from "./chunk-362NXNTM.js";
 import {
-  oneKeyWallet
-} from "./chunk-SHBUZ7U7.js";
+  rabbyWallet
+} from "./chunk-BBOM42DL.js";
 import {
-  desigWallet
-} from "./chunk-OPAZMNA7.js";
+  foxWallet
+} from "./chunk-7QONTUXT.js";
 import {
   frontierWallet
 } from "./chunk-TCAGNB4B.js";
+import {
+  injectedWallet
+} from "./chunk-XWUJE7MW.js";
+import {
+  kresusWallet
+} from "./chunk-MJXPRJZT.js";
 import {
   frameWallet
 } from "./chunk-IFON7E6U.js";
@@ -93,60 +99,54 @@ import {
   gateWallet
 } from "./chunk-FKJJQNKX.js";
 import {
-  imTokenWallet
-} from "./chunk-COZ7MIQS.js";
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
-  injectedWallet
-} from "./chunk-XWUJE7MW.js";
+  clvWallet
+} from "./chunk-M3NZ6R2E.js";
 import {
-  kresusWallet
-} from "./chunk-MJXPRJZT.js";
+  bitverseWallet
+} from "./chunk-3HZRRP4Y.js";
 import {
   coin98Wallet
 } from "./chunk-OBOVHCEI.js";
-import {
-  bitgetWallet
-} from "./chunk-TDAVGY5F.js";
-import {
-  bloomWallet
-} from "./chunk-S27IADFU.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
 import {
   dawnWallet
 } from "./chunk-HWPKCIBE.js";
+import {
+  desigWallet
+} from "./chunk-OPAZMNA7.js";
 import {
   coreWallet
 } from "./chunk-VR4TBQ6S.js";
 import {
   enkryptWallet
 } from "./chunk-OLOIXTYS.js";
-import {
-  foxWallet
-} from "./chunk-7QONTUXT.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
+import {
+  bitskiWallet
+} from "./chunk-HS3C7OQV.js";
 import {
   bifrostWallet
 } from "./chunk-A5N6B5UW.js";
 import {
-  bitverseWallet
-} from "./chunk-3HZRRP4Y.js";
+  bitgetWallet
+} from "./chunk-TDAVGY5F.js";
 import {
-  bitskiWallet
-} from "./chunk-HS3C7OQV.js";
+  bloomWallet
+} from "./chunk-S27IADFU.js";
 import {
   bybitWallet
 } from "./chunk-2STUC6QL.js";
+import "./chunk-23WIEY36.js";
 import {
   braveWallet
 } from "./chunk-BPZ2XJO2.js";
-import {
-  clvWallet
-} from "./chunk-M3NZ6R2E.js";
-import "./chunk-23WIEY36.js";
 import "./chunk-DNSG5Q7V.js";
 export {
   argentWallet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "6.14.20",
+  "version": "6.14.21",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -100,11 +100,11 @@
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
     "@funkit/api-base": "1.12.13",
-    "@funkit/core": "2.3.58",
-    "@funkit/fun-relay": "2.1.8",
     "@funkit/chains": "0.4.2",
+    "@funkit/core": "2.3.58",
     "@funkit/utils": "1.1.15",
-    "@funkit/wagmi-tools": "3.0.81"
+    "@funkit/wagmi-tools": "3.0.81",
+    "@funkit/fun-relay": "2.1.8"
   },
   "repository": {
     "type": "git",