@funkit/connect 1.2.0 → 1.2.2

package/dist/index.js

@@ -2,12 +2,12 @@
 import {
   en_US_default
 } from "./chunk-SW6GAS7K.js";
-import {
-  darkTheme
-} from "./chunk-RRG76BJM.js";
 import {
   lightTheme
 } from "./chunk-UDJBGTFV.js";
+import {
+  darkTheme
+} from "./chunk-RRG76BJM.js";
 import "./chunk-FECCKVZV.js";
 
 // src/components/ConnectButton/ConnectButton.tsx
@@ -45,7 +45,7 @@ function touchablePrimaryStyles({
 }
 
 // src/hooks/useConnectionStatus.ts
-import { useAccount as useAccount11 } from "wagmi";
+import { useAccount as useAccount12 } from "wagmi";
 
 // src/components/FunkitProvider/AuthenticationContext.tsx
 import React, {
@@ -139,7 +139,7 @@ import React143, {
   useMemo as useMemo34,
   useState as useState40
 } from "react";
-import { useConnect as useConnect2, useDisconnect as useDisconnect3 } from "wagmi";
+import { useConfig as useConfig5, useConnect as useConnect2, useDisconnect as useDisconnect3 } from "wagmi";
 
 // src/consts/funkit.ts
 import {
@@ -660,10 +660,22 @@ var hardhatIcon = {
   iconBackground: "#f9f7ec",
   iconUrl: async () => (await import("./hardhat-KHA6XAVO.js")).default
 };
+var klaytnIcon = {
+  iconBackground: "transparent",
+  iconUrl: async () => (await import("./klaytn-TJOHMGUS.js")).default
+};
 var optimismIcon = {
   iconBackground: "#ff5a57",
   iconUrl: async () => (await import("./optimism-D4AW5EQB.js")).default
 };
+var mantaIcon = {
+  iconBackground: "#ffffff",
+  iconUrl: async () => (await import("./manta-JIF2AIAW.js")).default
+};
+var mantleIcon = {
+  iconBackground: "#000000",
+  iconUrl: async () => (await import("./mantle-RXIQTLNV.js")).default
+};
 var polygonIcon = {
   iconBackground: "#9f71ec",
   iconUrl: async () => (await import("./polygon-ODE634XZ.js")).default
@@ -707,8 +719,15 @@ var chainMetadataByName = {
   hardhat: { chainId: 31337, ...hardhatIcon },
   holesky: { chainId: 17e3, ...ethereumIcon },
   kovan: { chainId: 42, ...ethereumIcon },
+  klaytn: { chainId: 8217, name: "Klaytn", ...klaytnIcon },
+  klaytnBaobab: { chainId: 1001, name: "Klaytn Baobab", ...klaytnIcon },
   localhost: { chainId: 1337, ...ethereumIcon },
   mainnet: { chainId: 1, name: "Ethereum", ...ethereumIcon },
+  manta: { chainId: 169, name: "Manta", ...mantaIcon },
+  mantaSepolia: { chainId: 3441006, ...mantaIcon },
+  mantaTestnet: { chainId: 3441005, ...mantaIcon },
+  mantle: { chainId: 5e3, ...mantleIcon },
+  mantleTestnet: { chainId: 5001, ...mantleIcon },
   optimism: { chainId: 10, name: "Optimism", ...optimismIcon },
   optimismGoerli: { chainId: 420, ...optimismIcon },
   optimismKovan: { chainId: 69, ...optimismIcon },
@@ -798,7 +817,7 @@ import React142, {
   useMemo as useMemo33,
   useState as useState39
 } from "react";
-import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
+import { useAccount as useAccount11, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
 
 // src/utils/checkoutHistory.ts
 var combineDepositAddressAndInitialPage = ({
@@ -1404,6 +1423,8 @@ function DialogContent({
 import { getAllWalletTokens } from "@funkit/api-base";
 import {
   Auth,
+  Chain,
+  configureEnvironment as configureEnvironment2,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2,
   FunWallet
 } from "@funkit/core";
@@ -1670,6 +1691,9 @@ function GeneralWalletProvider({ children }) {
         const provider = await ((_c = connector == null ? void 0 : connector.getProvider) == null ? void 0 : _c.call(connector));
         if (!provider)
           return;
+        await configureEnvironment2({
+          chain: await Chain.getChain({ chainIdentifier: activeChain == null ? void 0 : activeChain.id })
+        });
         newFunWalletAuth = new Auth({ provider });
         newFunWallet = new FunWallet({
           users: [{ userId: await newFunWalletAuth.getAddress() }],
@@ -1909,7 +1933,7 @@ import {
 } from "@funkit/api-base";
 import {
   addOwnerTxParams,
-  Chain,
+  Chain as Chain2,
   ContractInterface,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5,
   getDecimals,
@@ -1934,7 +1958,7 @@ import {
   formatEther,
   pad
 } from "viem";
-import { useConfig as useConfig2 } from "wagmi";
+import { useAccount as useAccount3, useConfig as useConfig2 } from "wagmi";
 
 // src/consts/checkout.ts
 var CHECKOUT_STEP_MESSAGE_GENERATOR = {
@@ -2575,6 +2599,7 @@ var ONE_MINUTE_MS = 6e4;
 function FunkitCheckoutProvider({ children }) {
   const funkitConfig = useFunkitConfig();
   const wagmiConfig = useConfig2();
+  const { connector } = useAccount3();
   const {
     walletAddress,
     accountBalancePaymentDefaultInfo,
@@ -2585,6 +2610,7 @@ function FunkitCheckoutProvider({ children }) {
     isWeb3Login,
     isUserLoggedIn
   } = useGeneralWallet();
+  const { switchChainAsync } = useFunkitSwitchChains({});
   const [activeCheckouts, setActiveCheckouts] = useState10({});
   const [checkoutHistoryList, setCheckoutHistoryList] = useState10([]);
   const {
@@ -2701,7 +2727,10 @@ function FunkitCheckoutProvider({ children }) {
           config: {
             ...initSettings.config,
             targetAsset: initSettings.config.targetAsset.toLowerCase(),
-            targetAssetAmount: parseFloat(initSettings.config.targetAssetAmount.toString()) || 0
+            targetChain: initSettings.config.targetChain.toString(),
+            targetAssetAmount: parseFloat(
+              (initSettings.config.targetAssetAmount || 0).toString()
+            ) || 0
           }
         },
         isFastForwarded
@@ -3138,7 +3167,7 @@ function FunkitCheckoutProvider({ children }) {
         });
         logger.log("originalTxParamsList", { txParamsList });
         if (isWeb3Login) {
-          const funChainItem = await Chain.getChain({
+          const funChainItem = await Chain2.getChain({
             chainIdentifier: assetChainId
           });
           const [funWalletAddress, isFunWalletInited, funRbacContractAddr] = await Promise.all([
@@ -3226,7 +3255,7 @@ function FunkitCheckoutProvider({ children }) {
   );
   const _confirmCheckout = useCallback7(
     async (checkoutId, shouldbatchOpBypassInit, stepMessageSetter) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       if (!(funkitConfig == null ? void 0 : funkitConfig.apiKey)) {
         throw new Error(
           `Funkit Internal Error: Unable to detect funkit api key`
@@ -3243,6 +3272,12 @@ function FunkitCheckoutProvider({ children }) {
       const { isCheckoutPostActionRequired } = getCheckoutType(checkoutItem);
       logger.log("beforeSignatureChecks", { isCheckoutPostActionRequired });
       if (isCheckoutPostActionRequired) {
+        const currentChainId = await ((_b = connector == null ? void 0 : connector.getChainId()) == null ? void 0 : _b.toString());
+        if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[checkoutItem.initSettings.config.targetChain].isStandardEvmAddress || currentChainId && !((_c = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[currentChainId]) == null ? void 0 : _c.isStandardEvmAddress)) {
+          await switchChainAsync({
+            chainId: parseInt(checkoutItem.initSettings.config.targetChain)
+          });
+        }
         const signedBatchOperation = await _generateSignedBatchOperation(
           checkoutItem.initSettings.config.actionsParams,
           checkoutItem.initSettings.config.targetChain,
@@ -3266,7 +3301,7 @@ function FunkitCheckoutProvider({ children }) {
         }),
         clientMetadata: _generateClientMetadataForBackend(checkoutId)
       });
-      (_c = (_b = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _b.onConfirmation) == null ? void 0 : _c.call(_b);
+      (_e = (_d = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _d.onConfirmation) == null ? void 0 : _e.call(_d);
       logger.log("checkoutConfirmed", { depositAddress });
       setActiveCheckouts({
         ...activeCheckouts,
@@ -3458,6 +3493,7 @@ var useFunkitCheckout = (props) => {
   const [pendingCheckoutConfig, setPendingCheckoutConfig] = useState10();
   const beginCheckout = useCallback7(
     async (inputConfig) => {
+      var _a, _b;
       const combinedConfig = {
         ...propsConfig || {},
         ...inputConfig || {}
@@ -3476,7 +3512,7 @@ var useFunkitCheckout = (props) => {
         if (isUserLoggedIn || !!finalConfig.customRecipient) {
           setPendingCheckoutConfig(void 0);
           if (isUserLoggedIn) {
-            if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[finalConfig.targetChain].isMainnet) {
+            if (!((_b = (_a = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5) == null ? void 0 : _a[finalConfig.targetChain]) == null ? void 0 : _b.isMainnet)) {
               onErrorWrapper == null ? void 0 : onErrorWrapper({
                 type: "error",
                 message: "Unable to begin a new checkout: Insufficient funds on testnet account",
@@ -3875,7 +3911,11 @@ var ASSET_LOGO_SRCS = {
   PENDLE: "https://assets.coingecko.com/coins/images/15069/large/Pendle_Logo_Normal-03.png?1696514728",
   WEETH: "https://assets.coingecko.com/coins/images/33033/large/weETH.png?1701438396",
   GMX: "https://raw.githubusercontent.com/Uniswap/assets/master/blockchains/arbitrum/assets/0xfc5A1A6EB076a2C7aD06eD22C90d7E710E35ad0a/logo.png",
-  TYBG: "https://assets.coingecko.com/coins/images/34563/large/tybg.png?1705400778"
+  TYBG: "https://assets.coingecko.com/coins/images/34563/large/tybg.png?1705400778",
+  LUCK: "https://pbs.twimg.com/profile_images/1798811045005516800/6UGU4Mjm_400x400.jpg",
+  WSTETH: "https://assets.coingecko.com/coins/images/18834/large/wstETH.png?1696518295",
+  WETH: "https://www.cryptocompare.com/media/38553079/weth.png",
+  MNT: "https://img.cryptorank.io/coins/mantle1681720399218.png"
 };
 
 // src/components/AsyncImage/AsyncImage.tsx
@@ -4435,7 +4475,7 @@ import {
   getTokenInfo as getTokenInfo2
 } from "@funkit/core";
 import React84, { useCallback as useCallback20, useEffect as useEffect21, useMemo as useMemo22, useState as useState25 } from "react";
-import { arbitrum, mainnet as mainnet3, zkSync } from "viem/chains";
+import { arbitrum, mainnet as mainnet3, mantle, zkSync } from "viem/chains";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
 import { useCallback as useCallback9 } from "react";
@@ -4517,7 +4557,7 @@ function useCheckoutQuoteNotification(checkoutId) {
 
 // src/hooks/useMesh.tsx
 import React46, { useCallback as useCallback11, useMemo as useMemo9, useRef as useRef5, useState as useState12 } from "react";
-import { useAccount as useAccount3 } from "wagmi";
+import { useAccount as useAccount4 } from "wagmi";
 
 // src/components/FunDot/FunDot.tsx
 import React34 from "react";
@@ -5227,7 +5267,7 @@ var useMeshNetworkInfo = (exchange) => {
   };
 };
 var useMeshActiveNetworkInfo = (exchange) => {
-  const { chain: activeChain } = useAccount3();
+  const { chain: activeChain } = useAccount4();
   const [meshNetworkId, setMeshNetworkId] = useState12(null);
   const [meshSupportedTokens, setMeshSupportedTokens] = useState12([]);
   const networkandExchange = useRef5(`${exchange}${meshNetworkId}`);
@@ -6806,7 +6846,7 @@ import {
   isAddress as isAddress3
 } from "@funkit/core";
 import React78, { useCallback as useCallback17, useMemo as useMemo19, useState as useState22 } from "react";
-import { useAccount as useAccount4, useSendTransaction, useWriteContract } from "wagmi";
+import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
 
 // src/utils/deposit.ts
 var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
@@ -7679,7 +7719,7 @@ function ChainLineItem({
     testId: `chain-option-${chainId}-icon`
   })), /* @__PURE__ */ React74.createElement("div", null, chainItem.name));
 }
-var Chain2 = ({
+var Chain3 = ({
   chainId,
   currentChainId,
   switchChain,
@@ -7741,7 +7781,7 @@ var Chain2 = ({
     marginX: "8"
   }));
 };
-var Chain_default = Chain2;
+var Chain_default = Chain3;
 
 // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
 import React76 from "react";
@@ -8195,7 +8235,7 @@ function FunCheckoutConfirmationStep({
       generateCheckoutTransferOpItems
     ]
   );
-  const { chain } = useAccount4();
+  const { connector } = useAccount5();
   const { switchChainAsync } = useFunkitSwitchChains({});
   const handleWeb3AccountBalancePostCheckout = useCallback17(
     async (depositAddress) => {
@@ -8207,10 +8247,11 @@ function FunCheckoutConfirmationStep({
       const sourceAssetAmountBaseUnit = BigInt(
         checkoutItem.latestQuote.baseQuote.estTotalFromAmountBaseUnit
       );
-      if (parseInt(sourceAssetChainId) !== (chain == null ? void 0 : chain.id)) {
+      const latestChainId = await (connector == null ? void 0 : connector.getChainId());
+      if (parseInt(sourceAssetChainId) !== latestChainId) {
         logger.log("handleWeb3AccountBalancePostCheckout_needToSwitchChhain", {
           sourceAssetChainId,
-          currentChain: chain
+          currentChain: latestChainId
         });
         const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[sourceAssetChainId].chainInfo.name;
         setPostCheckoutStepMessage(
@@ -8251,7 +8292,6 @@ function FunCheckoutConfirmationStep({
       checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.chainId,
       (_n = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _n.address,
       checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.symbol,
-      chain,
       switchChainAsync,
       sendTransactionAsync,
       writeContractAsync
@@ -8845,11 +8885,12 @@ function MeshOrAccountSelectAsset({
     manualFetchNetworkInfo
   ]);
   const generateAccountHoldingsMapForBalance = useCallback19(async () => {
+    var _a2, _b2;
     const itemMap = {};
     const checkoutTargetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain;
-    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[checkoutTargetChainId || ""].isMainnet;
+    const isCheckoutOnMainnet = (_b2 = (_a2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7) == null ? void 0 : _a2[checkoutTargetChainId || ""]) == null ? void 0 : _b2.isMainnet;
     Object.values(walletAssets || {}).forEach((fwAsset) => {
-      var _a2, _b2, _c2, _d2;
+      var _a3, _b3, _c2, _d2;
       if (!fwAsset.symbol || !fwAsset.contractAddress)
         return;
       const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[fwAsset.chainId].isMainnet;
@@ -8858,7 +8899,7 @@ function MeshOrAccountSelectAsset({
       if (!isCheckoutOnMainnet && checkoutTargetChainId !== fwAsset.chainId)
         return;
       let normalizedTokenAddress = fwAsset.contractAddress;
-      if (((_d2 = (_c2 = (_b2 = (_a2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7) == null ? void 0 : _a2[fwAsset.chainId]) == null ? void 0 : _b2.nativeCurrency) == null ? void 0 : _c2.symbol) == null ? void 0 : _d2.toUpperCase()) === fwAsset.symbol.toUpperCase()) {
+      if (((_d2 = (_c2 = (_b3 = (_a3 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7) == null ? void 0 : _a3[fwAsset.chainId]) == null ? void 0 : _b3.nativeCurrency) == null ? void 0 : _c2.symbol) == null ? void 0 : _d2.toUpperCase()) === fwAsset.symbol.toUpperCase()) {
         normalizedTokenAddress = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3;
       }
       const chainSymbol = combineChainSymbolOrAddress2({
@@ -9376,7 +9417,10 @@ function FunCheckoutModal({
     const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
     const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
     const originalTargetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain.toString();
-    const moonpayChainId = originalTargetChainId === zkSync.id.toString() ? arbitrum.id.toString() : originalTargetChainId;
+    const moonpayChainId = [
+      zkSync.id.toString(),
+      mantle.id.toString()
+    ].includes(originalTargetChainId) ? arbitrum.id.toString() : originalTargetChainId;
     const wethAddrOnTargetChain = (await getTokenInfo2("weth", moonpayChainId)).toLowerCase();
     const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
       (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config.targetAsset
@@ -10726,8 +10770,8 @@ function ActivityHistory({
 }
 
 // src/components/ProfileDetails/FunProfileViews/Home/index.tsx
-import React105, { useMemo as useMemo30, useState as useState31 } from "react";
-import { useAccount as useAccount5 } from "wagmi";
+import React106, { useMemo as useMemo30, useState as useState31 } from "react";
+import { useAccount as useAccount6 } from "wagmi";
 
 // src/components/Avatar/Avatar.tsx
 import React99, { useContext as useContext15 } from "react";
@@ -10863,22 +10907,41 @@ function Avatar({ address, imageUrl, loading, size }) {
   })));
 }
 
-// src/components/Icons/PlusIcon.tsx
+// src/components/Icons/LogoutIcon.tsx
 import React100 from "react";
-var PlusIcon = () => {
+var LogoutIcon = () => {
   return /* @__PURE__ */ React100.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React100.createElement("path", {
+    d: "M9.33463 13.3337H4.0013C3.26492 13.3337 2.66797 12.7367 2.66797 12.0003V4.00033C2.66797 3.26395 3.26492 2.66699 4.0013 2.66699H9.33463M6.66797 8.00033H14.0013M14.0013 8.00033L12.0013 10.0003M14.0013 8.00033L12.0013 6.00033",
+    stroke: "currentColor",
+    strokeWidth: "1.33333",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    color: "currentColor"
+  }));
+};
+
+// src/components/Icons/PlusIcon.tsx
+import React101 from "react";
+var PlusIcon = () => {
+  return /* @__PURE__ */ React101.createElement("svg", {
     width: "14",
     height: "14",
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React100.createElement("path", {
+  }, /* @__PURE__ */ React101.createElement("path", {
     d: "M7 13V1",
     stroke: "currentColor",
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /* @__PURE__ */ React100.createElement("path", {
+  }), /* @__PURE__ */ React101.createElement("path", {
     d: "M1 7H13",
     stroke: "currentColor",
     strokeWidth: "2",
@@ -10888,45 +10951,45 @@ var PlusIcon = () => {
 };
 
 // src/components/Icons/ReceiptIcon.tsx
-import React101 from "react";
+import React102 from "react";
 var ReceiptIcon = () => {
-  return /* @__PURE__ */ React101.createElement("svg", {
+  return /* @__PURE__ */ React102.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React101.createElement("g", {
+  }, /* @__PURE__ */ React102.createElement("g", {
     clipPath: "url(#clip0_3891_6630)"
-  }, /* @__PURE__ */ React101.createElement("path", {
+  }, /* @__PURE__ */ React102.createElement("path", {
     d: "M14.666 4.00065V5.61398C14.666 6.66732 13.9993 7.33398 12.946 7.33398H10.666V2.67398C10.666 1.93398 11.2727 1.33398 12.0127 1.33398C12.7393 1.34065 13.406 1.63398 13.886 2.11398C14.366 2.60065 14.666 3.26732 14.666 4.00065Z",
     stroke: "currentColor",
     strokeWidth: "1",
     strokeMiterlimit: "10",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /* @__PURE__ */ React101.createElement("path", {
+  }), /* @__PURE__ */ React102.createElement("path", {
     d: "M1.33398 4.66732V14.0006C1.33398 14.554 1.96064 14.8673 2.40064 14.534L3.54065 13.6806C3.80732 13.4806 4.18065 13.5073 4.42065 13.7473L5.5273 14.8606C5.7873 15.1206 6.214 15.1206 6.474 14.8606L7.59398 13.7406C7.82732 13.5073 8.20065 13.4806 8.46065 13.6806L9.60065 14.534C10.0407 14.8606 10.6673 14.5473 10.6673 14.0006V2.66732C10.6673 1.93398 11.2673 1.33398 12.0007 1.33398H4.66732H4.00065C2.00065 1.33398 1.33398 2.52732 1.33398 4.00065V4.66732Z",
     stroke: "currentColor",
     strokeWidth: "1",
     strokeMiterlimit: "10",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /* @__PURE__ */ React101.createElement("path", {
+  }), /* @__PURE__ */ React102.createElement("path", {
     d: "M4 6H8",
     stroke: "currentColor",
     strokeWidth: "1",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /* @__PURE__ */ React101.createElement("path", {
+  }), /* @__PURE__ */ React102.createElement("path", {
     d: "M4.5 8.66602H7.5",
     stroke: "currentColor",
     strokeWidth: "1",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  })), /* @__PURE__ */ React101.createElement("defs", null, /* @__PURE__ */ React101.createElement("clipPath", {
+  })), /* @__PURE__ */ React102.createElement("defs", null, /* @__PURE__ */ React102.createElement("clipPath", {
     id: "clip0_3891_6630"
-  }, /* @__PURE__ */ React101.createElement("rect", {
+  }, /* @__PURE__ */ React102.createElement("rect", {
     width: "16",
     height: "16",
     fill: "white"
@@ -10934,18 +10997,18 @@ var ReceiptIcon = () => {
 };
 
 // src/components/Icons/SettingsIcon.tsx
-import React102 from "react";
+import React103 from "react";
 var SettingsIcon = () => {
-  return /* @__PURE__ */ React102.createElement("svg", {
+  return /* @__PURE__ */ React103.createElement("svg", {
     width: "17",
     height: "17",
     viewBox: "0 0 17 17",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React102.createElement("path", {
+  }, /* @__PURE__ */ React103.createElement("path", {
     d: "M8.75 10.167C9.85457 10.167 10.75 9.27156 10.75 8.16699C10.75 7.06242 9.85457 6.16699 8.75 6.16699C7.64543 6.16699 6.75 7.06242 6.75 8.16699C6.75 9.27156 7.64543 10.167 8.75 10.167Z",
     stroke: "currentColor"
-  }), /* @__PURE__ */ React102.createElement("path", {
+  }), /* @__PURE__ */ React103.createElement("path", {
     d: "M9.92726 1.60149C9.68219 1.5 9.37159 1.5 8.75032 1.5C8.12906 1.5 7.81846 1.5 7.57339 1.60149C7.2467 1.73682 6.98714 1.99639 6.85181 2.32309C6.79004 2.47223 6.76586 2.64567 6.7564 2.89866C6.7425 3.27045 6.55183 3.61459 6.22962 3.80062C5.90742 3.98664 5.51405 3.97969 5.18512 3.80584C4.96129 3.68753 4.799 3.62175 4.63895 3.60068C4.28835 3.55452 3.93378 3.64953 3.65323 3.8648C3.44282 4.02625 3.2875 4.29527 2.97688 4.83329C2.66625 5.37131 2.51094 5.64032 2.47632 5.90327C2.43016 6.25387 2.52517 6.60844 2.74044 6.889C2.8387 7.01707 2.97679 7.12467 3.19112 7.25933C3.50619 7.45733 3.70892 7.7946 3.7089 8.16667C3.70888 8.53873 3.50616 8.87593 3.19111 9.07387C2.97676 9.2086 2.83864 9.31627 2.74038 9.44433C2.5251 9.72487 2.4301 10.0794 2.47626 10.43C2.51087 10.6929 2.66618 10.962 2.97681 11.5C3.28744 12.038 3.44276 12.3071 3.65316 12.4685C3.93371 12.6837 4.28828 12.7787 4.63888 12.7326C4.79892 12.7115 4.9612 12.6457 5.18502 12.5275C5.51397 12.3536 5.90736 12.3467 6.22959 12.5327C6.55182 12.7187 6.7425 13.0629 6.7564 13.4347C6.76586 13.6877 6.79004 13.8611 6.85181 14.0103C6.98714 14.3369 7.2467 14.5965 7.57339 14.7319C7.81846 14.8333 8.12906 14.8333 8.75032 14.8333C9.37159 14.8333 9.68219 14.8333 9.92726 14.7319C10.2539 14.5965 10.5135 14.3369 10.6488 14.0103C10.7106 13.8611 10.7348 13.6877 10.7443 13.4347C10.7581 13.0629 10.9488 12.7187 11.271 12.5327C11.5932 12.3466 11.9866 12.3536 12.3156 12.5275C12.5394 12.6457 12.7017 12.7115 12.8617 12.7325C13.2123 12.7787 13.5669 12.6837 13.8474 12.4685C14.0578 12.307 14.2131 12.038 14.5237 11.4999C14.8344 10.9619 14.9897 10.6929 15.0243 10.43C15.0705 10.0794 14.9755 9.7248 14.7602 9.44427C14.6619 9.3162 14.5238 9.20853 14.3095 9.07387C13.9945 8.87593 13.7917 8.53867 13.7917 8.1666C13.7917 7.79453 13.9945 7.4574 14.3095 7.25947C14.5239 7.12473 14.662 7.01713 14.7603 6.889C14.9755 6.60849 15.0705 6.25391 15.0244 5.90331C14.9898 5.64037 14.8345 5.37135 14.5238 4.83333C14.2132 4.29531 14.0579 4.0263 13.8475 3.86485C13.5669 3.64957 13.2123 3.55457 12.8617 3.60073C12.7017 3.62179 12.5395 3.68757 12.3156 3.80587C11.9867 3.97973 11.5933 3.98668 11.2711 3.80064C10.9488 3.61461 10.7581 3.27044 10.7443 2.89863C10.7348 2.64565 10.7106 2.47222 10.6488 2.32309C10.5135 1.99639 10.2539 1.73682 9.92726 1.60149Z",
     stroke: "currentColor"
   }));
@@ -10960,7 +11023,7 @@ var animateTitleInClass2 = "_1x1d6jx6";
 var animateTitleOutClass2 = "_1x1d6jx7";
 
 // src/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutSection.tsx
-import React103, { Fragment as Fragment3, useMemo as useMemo29 } from "react";
+import React104, { Fragment as Fragment3, useMemo as useMemo29 } from "react";
 var MAX_LATEST_CHECKOUTS = 1;
 function HomeCheckoutSection({
   onSelectActivity
@@ -10978,16 +11041,16 @@ function HomeCheckoutSection({
       remainingCount: remaining
     };
   }, [checkoutHistoryStateMap]);
-  return latestCheckoutHistories.length > 0 ? /* @__PURE__ */ React103.createElement(Fragment3, null, /* @__PURE__ */ React103.createElement(FunDivider, {
+  return latestCheckoutHistories.length > 0 ? /* @__PURE__ */ React104.createElement(Fragment3, null, /* @__PURE__ */ React104.createElement(FunDivider, {
     marginTop: "0",
     marginBottom: "16"
-  }), /* @__PURE__ */ React103.createElement(Box, {
+  }), /* @__PURE__ */ React104.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
     paddingTop: "8",
     paddingBottom: "24"
-  }, latestCheckoutHistories.map((item) => /* @__PURE__ */ React103.createElement(FunCheckoutNotification, {
+  }, latestCheckoutHistories.map((item) => /* @__PURE__ */ React104.createElement(FunCheckoutNotification, {
     key: item.depositAddr,
     checkoutHistoryItem: item,
     onSelect: onSelectActivity
@@ -10995,45 +11058,45 @@ function HomeCheckoutSection({
 }
 
 // src/components/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
-import React104 from "react";
+import React105 from "react";
 var HomeTokenBalanceDisplayRow = ({ asset }) => {
   const normalizedAmount = getNormalizedTokenBalance(
     asset.tokenBalance,
     asset.decimals
   );
-  return /* @__PURE__ */ React104.createElement(Box, {
+  return /* @__PURE__ */ React105.createElement(Box, {
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center"
-  }, /* @__PURE__ */ React104.createElement(Box, {
+  }, /* @__PURE__ */ React105.createElement(Box, {
     display: "flex",
     flexDirection: "row",
     gap: "8",
     alignItems: "flex-start",
     height: "full"
-  }, /* @__PURE__ */ React104.createElement(FunAssetAvatar, {
+  }, /* @__PURE__ */ React105.createElement(FunAssetAvatar, {
     assetSrc: asset.logo,
     assetName: asset.name,
     assetTicker: asset.symbol,
     chainId: asset.chainId,
     chainIconSize: "14"
-  }), /* @__PURE__ */ React104.createElement(Box, {
+  }), /* @__PURE__ */ React105.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     justifyContent: "space-between"
-  }, /* @__PURE__ */ React104.createElement(Text, {
+  }, /* @__PURE__ */ React105.createElement(Text, {
     color: "modalText",
     size: "18",
     weight: "semibold"
-  }, asset.name), /* @__PURE__ */ React104.createElement(Text, {
+  }, asset.name), /* @__PURE__ */ React105.createElement(Text, {
     color: "modalTextSecondary",
     size: "14",
     weight: "medium"
-  }, formatCryptoAndStringify(normalizedAmount, asset.symbol)))), /* @__PURE__ */ React104.createElement(Box, {
+  }, formatCryptoAndStringify(normalizedAmount, asset.symbol)))), /* @__PURE__ */ React105.createElement(Box, {
     display: "flex",
     alignSelf: "flex-start",
     height: "full"
-  }, /* @__PURE__ */ React104.createElement(Text, {
+  }, /* @__PURE__ */ React105.createElement(Text, {
     color: "modalText",
     size: "18",
     weight: "semibold"
@@ -11047,48 +11110,53 @@ var ProfileTitleSection = ({
   userInfo,
   setAnimateOut,
   onChangeView,
+  onLogout,
   onClose
 }) => {
-  return /* @__PURE__ */ React105.createElement(Box, {
+  return /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
     width: "full"
-  }, /* @__PURE__ */ React105.createElement(Box, {
+  }, /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     alignItems: "center",
     flexDirection: "row",
     gap: "8"
-  }, /* @__PURE__ */ React105.createElement(Box, {
+  }, /* @__PURE__ */ React106.createElement(Box, {
     className: animateOut ? animateAvatarOutClass : animateAvatarInClass
-  }, /* @__PURE__ */ React105.createElement(Avatar, {
+  }, /* @__PURE__ */ React106.createElement(Avatar, {
     address: account.address,
     imageUrl: account.ensAvatar || userInfo.accountPicSrc,
     loading: account.hasPendingTransactions,
     size: 24
-  })), /* @__PURE__ */ React105.createElement(Text, {
+  })), /* @__PURE__ */ React106.createElement(Text, {
     color: "modalText",
     size: "16",
     weight: "semibold",
     className: animateOut ? animateTitleOutClass2 : animateTitleInClass2
-  }, userInfo.accountNameDisplay)), /* @__PURE__ */ React105.createElement(Box, {
+  }, userInfo.accountNameDisplay)), /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     alignItems: "center",
     flexDirection: "row",
     gap: "8"
-  }, /* @__PURE__ */ React105.createElement(FunIconButton, {
-    icon: /* @__PURE__ */ React105.createElement(SettingsIcon, null),
+  }, /* @__PURE__ */ React106.createElement(FunIconButton, {
+    icon: /* @__PURE__ */ React106.createElement(SettingsIcon, null),
     onClick: () => {
       setAnimateOut(true);
       setTimeout(() => onChangeView(1 /* SETTINGS */), 200);
     },
     size: "24"
-  }), /* @__PURE__ */ React105.createElement(FunIconButton, {
-    icon: /* @__PURE__ */ React105.createElement(ReceiptIcon, null),
+  }), /* @__PURE__ */ React106.createElement(FunIconButton, {
+    icon: /* @__PURE__ */ React106.createElement(ReceiptIcon, null),
     onClick: () => onChangeView(2 /* ACTIVITY */),
     size: "24"
-  }), /* @__PURE__ */ React105.createElement(FunIconButton, {
-    icon: /* @__PURE__ */ React105.createElement(CloseIcon, null),
+  }), /* @__PURE__ */ React106.createElement(FunIconButton, {
+    icon: /* @__PURE__ */ React106.createElement(LogoutIcon, null),
+    onClick: onLogout,
+    size: "24"
+  }), /* @__PURE__ */ React106.createElement(FunIconButton, {
+    icon: /* @__PURE__ */ React106.createElement(CloseIcon, null),
     onClick: onClose,
     size: "24"
   })));
@@ -11098,9 +11166,9 @@ function Home({
   onChangeView,
   onSelectActivity
 }) {
-  const account = useAccount5();
+  const account = useAccount6();
   const { accountModalConfig } = useFunkitConfig();
-  const { userInfo } = useGeneralWallet();
+  const { userInfo, handleLogout } = useGeneralWallet();
   useWalletAssetsListener();
   useCheckoutHistoryListener();
   const { walletAssets } = useGeneralWallet();
@@ -11108,14 +11176,14 @@ function Home({
   const [balance, setBalance] = useState31("0.00");
   const AssetsList = useMemo30(() => {
     if (walletAssets == null) {
-      return [/* @__PURE__ */ React105.createElement(SkeletalLoader, {
+      return [/* @__PURE__ */ React106.createElement(SkeletalLoader, {
         key: "skeletal-loader-1"
       })];
     }
     const tokenKeys = Object.keys(walletAssets || {});
     if (tokenKeys.length === 0) {
       return [
-        /* @__PURE__ */ React105.createElement(Box, {
+        /* @__PURE__ */ React106.createElement(Box, {
           display: "flex",
           flexDirection: "column",
           justifyContent: "center",
@@ -11123,7 +11191,7 @@ function Home({
           gap: "12",
           key: "no-assets",
           color: "modalText"
-        }, /* @__PURE__ */ React105.createElement(NotFoundIcon, null), /* @__PURE__ */ React105.createElement(Text, {
+        }, /* @__PURE__ */ React106.createElement(NotFoundIcon, null), /* @__PURE__ */ React106.createElement(Text, {
           color: "modalText",
           size: "18",
           weight: "semibold"
@@ -11136,7 +11204,7 @@ function Home({
     ).map((assetKey) => {
       const asset = walletAssets == null ? void 0 : walletAssets[assetKey];
       newBalance = newBalance + asset.totalUsdValue;
-      return /* @__PURE__ */ React105.createElement(HomeTokenBalanceDisplayRow, {
+      return /* @__PURE__ */ React106.createElement(HomeTokenBalanceDisplayRow, {
         asset,
         key: assetKey
       });
@@ -11145,53 +11213,54 @@ function Home({
     setBalance(nextBalance);
     return outputRows;
   }, [walletAssets]);
-  return /* @__PURE__ */ React105.createElement(Box, null, /* @__PURE__ */ React105.createElement(ProfileTitleSection, {
+  return /* @__PURE__ */ React106.createElement(Box, null, /* @__PURE__ */ React106.createElement(ProfileTitleSection, {
     animateOut,
     account,
     userInfo,
     setAnimateOut,
     onChangeView,
+    onLogout: handleLogout,
     onClose
-  }), /* @__PURE__ */ React105.createElement(Box, {
+  }), /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     paddingTop: "24",
     paddingBottom: "0",
     className: animateOut ? animateContentOutClass2 : animateContentInClass2
-  }, /* @__PURE__ */ React105.createElement(Box, {
+  }, /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "16"
-  }, /* @__PURE__ */ React105.createElement(Box, {
+  }, /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     justifyContent: "center",
     alignItems: "center"
-  }, /* @__PURE__ */ React105.createElement(Text, {
+  }, /* @__PURE__ */ React106.createElement(Text, {
     as: "h1",
     color: "modalText",
     weight: "heavy",
     style: { fontSize: "56px", lineHeight: "68px" }
-  }, formatCurrencyAndStringify(parseFloat(balance.toString())))), (accountModalConfig == null ? void 0 : accountModalConfig.allowDepositing) ? /* @__PURE__ */ React105.createElement(Box, {
+  }, formatCurrencyAndStringify(parseFloat(balance.toString())))), (accountModalConfig == null ? void 0 : accountModalConfig.allowDepositing) ? /* @__PURE__ */ React106.createElement(Box, {
     id: "button-row",
     display: "flex",
     flexDirection: "row",
     gap: "12"
-  }, /* @__PURE__ */ React105.createElement(FunButton, {
+  }, /* @__PURE__ */ React106.createElement(FunButton, {
     title: "Deposit",
-    titlePrefix: /* @__PURE__ */ React105.createElement(Box, {
+    titlePrefix: /* @__PURE__ */ React106.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "buttonTextSecondary"
-    }, /* @__PURE__ */ React105.createElement(PlusIcon, null)),
+    }, /* @__PURE__ */ React106.createElement(PlusIcon, null)),
     type: "secondary",
     titleWeight: "semibold",
     onClick: () => {
     }
-  })) : null), /* @__PURE__ */ React105.createElement(FunDivider, {
+  })) : null), /* @__PURE__ */ React106.createElement(FunDivider, {
     marginTop: "16",
     marginBottom: "0",
     transparent: walletAssets != null && Object.keys(walletAssets || {}).length === 0
-  }), /* @__PURE__ */ React105.createElement(Box, {
+  }), /* @__PURE__ */ React106.createElement(Box, {
     id: "token-list",
     display: "flex",
     flexDirection: "column",
@@ -11200,7 +11269,7 @@ function Home({
     paddingTop: "16",
     paddingBottom: "16",
     style: { maxHeight: 300, overflow: "auto" }
-  }, AssetsList.map((component) => component)), /* @__PURE__ */ React105.createElement(HomeCheckoutSection, {
+  }, AssetsList.map((component) => component)), /* @__PURE__ */ React106.createElement(HomeCheckoutSection, {
     onSelectActivity: (depositAddress, initialPage) => {
       onSelectActivity({
         depositAddress,
@@ -11213,28 +11282,7 @@ function Home({
 
 // src/components/ProfileDetails/FunProfileViews/Settings/Settings.tsx
 import React107, { useCallback as useCallback23, useState as useState32 } from "react";
-import { useAccount as useAccount6 } from "wagmi";
-
-// src/components/Icons/LogoutIcon.tsx
-import React106 from "react";
-var LogoutIcon = () => {
-  return /* @__PURE__ */ React106.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React106.createElement("path", {
-    d: "M9.33463 13.3337H4.0013C3.26492 13.3337 2.66797 12.7367 2.66797 12.0003V4.00033C2.66797 3.26395 3.26492 2.66699 4.0013 2.66699H9.33463M6.66797 8.00033H14.0013M14.0013 8.00033L12.0013 10.0003M14.0013 8.00033L12.0013 6.00033",
-    stroke: "currentColor",
-    strokeWidth: "1.33333",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    color: "currentColor"
-  }));
-};
-
-// src/components/ProfileDetails/FunProfileViews/Settings/Settings.tsx
+import { useAccount as useAccount7 } from "wagmi";
 function LineItem({
   label,
   value,
@@ -11265,64 +11313,23 @@ function LineItem({
 }
 function Settings({
   onClose,
-  onBack,
-  onDisconnect
+  onBack
 }) {
-  const { chain: activeChain } = useAccount6();
-  const { walletAddress, isWeb3Login, userInfo } = useGeneralWallet();
+  const { chain: activeChain } = useAccount7();
+  const { walletAddress, isWeb3Login, userInfo, handleLogout } = useGeneralWallet();
   const [animateOut, setAnimateOut] = useState32(false);
-  const [logoutConfirmationOpen, setLogoutConfirmationOpen] = useState32(false);
   const handleBack = useCallback23(() => {
     setAnimateOut(true);
-    if (logoutConfirmationOpen) {
-      setTimeout(() => {
-        setLogoutConfirmationOpen(false);
-        setAnimateOut(false);
-      }, 150);
-    } else {
-      setTimeout(onBack, 150);
-    }
-  }, [logoutConfirmationOpen, onBack]);
+    setTimeout(onBack, 150);
+  }, [onBack]);
   return /* @__PURE__ */ React107.createElement(Box, null, /* @__PURE__ */ React107.createElement(FunModalTitleSection, {
     hasBackButton: true,
     onBack: handleBack,
     backAnimation: true,
-    title: logoutConfirmationOpen ? "Logout" : "Settings",
+    title: "Settings",
     hasCloseButton: true,
     onClose
-  }), logoutConfirmationOpen ? /* @__PURE__ */ React107.createElement(Box, {
-    paddingTop: "16",
-    paddingBottom: "28",
-    className: animateOut ? animateContentOutClass : animateContentInClass
-  }, /* @__PURE__ */ React107.createElement(Box, {
-    paddingTop: "10",
-    paddingBottom: "24"
-  }, /* @__PURE__ */ React107.createElement(Text, {
-    color: "modalTextSecondary",
-    size: "14",
-    weight: "medium"
-  }, "Are you sure you want to logout?")), /* @__PURE__ */ React107.createElement(Box, {
-    display: "flex",
-    flexDirection: "column",
-    gap: "5"
-  }, /* @__PURE__ */ React107.createElement(FunButton, {
-    type: "warning",
-    onClick: () => {
-      onDisconnect();
-      onClose();
-    },
-    title: "Logout"
-  }), /* @__PURE__ */ React107.createElement(FunButton, {
-    type: "secondary",
-    onClick: () => {
-      setAnimateOut(true);
-      setTimeout(() => {
-        setAnimateOut(false);
-        setLogoutConfirmationOpen(false);
-      }, 150);
-    },
-    title: "Cancel"
-  }))) : /* @__PURE__ */ React107.createElement(Box, {
+  }), /* @__PURE__ */ React107.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
@@ -11356,13 +11363,7 @@ function Settings({
   }), /* @__PURE__ */ React107.createElement(FunButton, {
     titlePrefix: /* @__PURE__ */ React107.createElement(LogoutIcon, null),
     title: "Logout",
-    onClick: () => {
-      setAnimateOut(true);
-      setTimeout(() => {
-        setAnimateOut(false);
-        setLogoutConfirmationOpen(true);
-      }, 150);
-    },
+    onClick: handleLogout,
     type: "secondary"
   })));
 }
@@ -11410,8 +11411,7 @@ function ProfileDetails({ onClose, onDisconnect }) {
     onSelectActivity: onSelectActivityWrapper
   }) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React108.createElement(Settings, {
     onClose,
-    onBack: onBackToHome,
-    onDisconnect
+    onBack: onBackToHome
   }) : view === 2 /* ACTIVITY */ ? /* @__PURE__ */ React108.createElement(ActivityHistory, {
     onClose,
     onBack: onBackToHome,
@@ -11447,7 +11447,7 @@ function AccountModal({ onClose, open }) {
 
 // src/components/ChainModal/ChainModal.tsx
 import React111, { useContext as useContext16 } from "react";
-import { useAccount as useAccount7, useConfig as useConfig3 } from "wagmi";
+import { useAccount as useAccount8, useConfig as useConfig3 } from "wagmi";
 
 // src/components/Icons/DisconnectSq.tsx
 import React110 from "react";
@@ -11468,7 +11468,7 @@ var MobileScrollClassName = "_1107ixc1";
 
 // src/components/ChainModal/ChainModal.tsx
 function ChainModal({ onClose, open }) {
-  const { chainId } = useAccount7();
+  const { chainId } = useAccount8();
   const { chains } = useConfig3();
   const { switchChain, pendingChainId } = useFunkitSwitchChains({
     onSettled: () => onClose()
@@ -11578,7 +11578,7 @@ function ChainModal({ onClose, open }) {
 
 // src/components/ConnectModal/ConnectModal.tsx
 import React139 from "react";
-import { useAccount as useAccount9, useDisconnect as useDisconnect2 } from "wagmi";
+import { useAccount as useAccount10, useDisconnect as useDisconnect2 } from "wagmi";
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
 import React137, { useCallback as useCallback28, useState as useState38 } from "react";
@@ -11624,27 +11624,27 @@ import React113, { useCallback as useCallback25, useEffect as useEffect25, useMe
 
 // src/utils/browsers.ts
 function isSafari() {
-  return typeof navigator !== "undefined" && /Version\/([0-9._]+).*Safari/.test(navigator.userAgent);
+  return typeof navigator !== "undefined" && typeof navigator.userAgent !== "undefined" && /Version\/([0-9._]+).*Safari/.test(navigator.userAgent);
 }
 function isArc() {
   return typeof document !== "undefined" && getComputedStyle(document.body).getPropertyValue("--arc-palette-focus") !== "";
 }
 function getBrowser() {
-  var _a;
-  if (typeof navigator === "undefined")
+  var _a, _b;
+  if (typeof navigator === "undefined" || Object.keys(navigator).length === 0)
     return "Browser" /* Browser */;
-  const ua2 = navigator.userAgent.toLowerCase();
-  if ((_a = navigator.brave) == null ? void 0 : _a.isBrave)
+  const ua2 = (_a = navigator.userAgent) == null ? void 0 : _a.toLowerCase();
+  if ((_b = navigator.brave) == null ? void 0 : _b.isBrave)
     return "Brave" /* Brave */;
-  if (ua2.indexOf("edg/") > -1)
+  if ((ua2 == null ? void 0 : ua2.indexOf("edg/")) > -1)
     return "Edge" /* Edge */;
-  if (ua2.indexOf("op") > -1)
+  if ((ua2 == null ? void 0 : ua2.indexOf("op")) > -1)
     return "Opera" /* Opera */;
   if (isArc())
     return "Arc" /* Arc */;
-  if (ua2.indexOf("chrome") > -1)
+  if ((ua2 == null ? void 0 : ua2.indexOf("chrome")) > -1)
     return "Chrome" /* Chrome */;
-  if (ua2.indexOf("firefox") > -1)
+  if ((ua2 == null ? void 0 : ua2.indexOf("firefox")) > -1)
     return "Firefox" /* Firefox */;
   if (isSafari())
     return "Safari" /* Safari */;
@@ -14383,7 +14383,7 @@ function FunConnectOptions({ onClose }) {
 // src/components/SignIn/SignIn.tsx
 import React138, { useCallback as useCallback29, useContext as useContext23, useRef as useRef11 } from "react";
 import { UserRejectedRequestError } from "viem";
-import { useAccount as useAccount8, useSignMessage } from "wagmi";
+import { useAccount as useAccount9, useSignMessage } from "wagmi";
 var signInIcon = async () => (await import("./sign-FZVB2CS6.js")).default;
 function SignIn({
   onClose,
@@ -14412,7 +14412,7 @@ function SignIn({
     getNonce();
   }, [getNonce]);
   const mobile = isMobile();
-  const { address, chain: activeChain } = useAccount8();
+  const { address, chain: activeChain } = useAccount9();
   const { signMessageAsync } = useSignMessage();
   const signIn = async () => {
     try {
@@ -14560,7 +14560,7 @@ function ConnectModal({ onClose, open }) {
   const titleId = "rk_connect_title";
   const connectionStatus = useConnectionStatus();
   const { disconnect } = useDisconnect2();
-  const { isConnecting } = useAccount9();
+  const { isConnecting } = useAccount10();
   const onAuthCancel = React139.useCallback(() => {
     onClose();
     disconnect();
@@ -14715,7 +14715,7 @@ function ModalProvider({ children }) {
     openModal: openFunDevTestModal
   } = useModalStateValue();
   const connectionStatus = useConnectionStatus();
-  const { chainId } = useAccount10();
+  const { chainId } = useAccount11();
   const { chains } = useConfig4();
   const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
   function closeModals({
@@ -15111,6 +15111,7 @@ var FunkitWeb2Provider = ({
 }) => {
   const funkitConfig = useFunkitConfig();
   const { connectAsync } = useConnect2();
+  const { chains } = useConfig5();
   const { connectors, disconnectAsync } = useDisconnect3();
   const [privy, setPrivy] = useState40(null);
   const [privyIframeUrl, setPrivyIframeUrl] = useState40();
@@ -15139,7 +15140,8 @@ var FunkitWeb2Provider = ({
   useEffect31(() => {
     const newPrivy = new PrivyJS({
       appId: funkitConfig.privyAppId,
-      storage: new LocalStorage()
+      storage: new LocalStorage(),
+      supportedChains: chains
     });
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
@@ -15274,8 +15276,10 @@ var FunkitWeb2Provider = ({
         const funkitConnectWallet2 = wallets.find(
           (wallet) => wallet.id === FUNKIT_CONNECT_WALLET_ID
         );
-        if (!funkitConnectWallet2)
-          throw new Error("FunkitConnect wallet connector not found");
+        if (!funkitConnectWallet2) {
+          setLoginMethodAndCache(null);
+          return false;
+        }
         logger.log("privyChainSwitch", { provider, chainId });
         await provider.request({
           method: "wallet_switchEthereumChain",
@@ -15544,7 +15548,7 @@ var useFunkitWeb2Login = () => useContext25(FunkitWeb2Context);
 // src/hooks/useConnectionStatus.ts
 function useConnectionStatus() {
   const authenticationStatus = useAuthenticationStatus();
-  const { isConnected } = useAccount11();
+  const { isConnected } = useAccount12();
   const { isLoggingIn: isWeb2Connecting } = useFunkitWeb2Login();
   if (isWeb2Connecting) {
     return "loading";
@@ -15593,7 +15597,7 @@ var DropdownIcon = () => /* @__PURE__ */ React145.createElement("svg", {
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
 import React147, { useContext as useContext28 } from "react";
-import { useAccount as useAccount15, useBalance, useConfig as useConfig5 } from "wagmi";
+import { useAccount as useAccount16, useBalance, useConfig as useConfig6 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
 import { useCallback as useCallback32, useEffect as useEffect32, useState as useState42 } from "react";
@@ -15626,19 +15630,19 @@ function useMainnetEnsAvatar(name) {
 
 // src/transactions/useRecentTransactions.ts
 import { useEffect as useEffect34, useState as useState44 } from "react";
-import { useAccount as useAccount14 } from "wagmi";
+import { useAccount as useAccount15 } from "wagmi";
 
 // src/hooks/useChainId.ts
-import { useAccount as useAccount12 } from "wagmi";
+import { useAccount as useAccount13 } from "wagmi";
 function useChainId() {
   var _a;
-  const { chain: activeChain } = useAccount12();
+  const { chain: activeChain } = useAccount13();
   return (_a = activeChain == null ? void 0 : activeChain.id) != null ? _a : null;
 }
 
 // src/transactions/TransactionStoreContext.tsx
 import React146, { createContext as createContext21, useContext as useContext27, useEffect as useEffect33, useState as useState43 } from "react";
-import { useAccount as useAccount13, usePublicClient } from "wagmi";
+import { useAccount as useAccount14, usePublicClient } from "wagmi";
 
 // src/transactions/transactionStore.ts
 var storageKey5 = "rk-transactions";
@@ -15785,7 +15789,7 @@ function TransactionStoreProvider({
   children
 }) {
   const provider = usePublicClient();
-  const { address } = useAccount13();
+  const { address } = useAccount14();
   const chainId = useChainId();
   const [store] = useState43(
     () => storeSingleton != null ? storeSingleton : storeSingleton = createTransactionStore({ provider })
@@ -15813,7 +15817,7 @@ function useTransactionStore() {
 // src/transactions/useRecentTransactions.ts
 function useRecentTransactions() {
   const store = useTransactionStore();
-  const { address } = useAccount14();
+  const { address } = useAccount15();
   const chainId = useChainId();
   const [transactions, setTransactions] = useState44(
     () => store && address && chainId ? store.getTransactions(address, chainId) : []
@@ -15866,11 +15870,11 @@ function ConnectButtonRenderer({
 }) {
   var _a, _b, _c, _d;
   const isMounted = useIsMounted();
-  const { address } = useAccount15();
+  const { address } = useAccount16();
   const ensName = useMainnetEnsName(address);
   const ensAvatar = useMainnetEnsAvatar(ensName);
-  const { chainId } = useAccount15();
-  const { chains: wagmiChains } = useConfig5();
+  const { chainId } = useAccount16();
+  const { chains: wagmiChains } = useConfig6();
   const isCurrentChainSupported = wagmiChains.some(
     (chain) => chain.id === chainId
   );
@@ -16198,9 +16202,7 @@ var connectorsForWallets = (walletList, {
   appName,
   appDescription,
   appUrl,
-  appIcon,
-  funkitApiKey,
-  initialChainId
+  appIcon
 }) => {
   let index = -1;
   const connectors = [];
@@ -16226,9 +16228,7 @@ var connectorsForWallets = (walletList, {
         walletConnectParameters: {
           metadata: walletConnectMetaData,
           ...walletConnectParameters
-        },
-        funkitApiKey,
-        initialChainId
+        }
       });
       if ((wallet == null ? void 0 : wallet.iconAccent) && !isHexString(wallet == null ? void 0 : wallet.iconAccent)) {
         throw new Error(
@@ -16765,10 +16765,7 @@ var walletConnectWallet = ({
 // src/wallets/walletConnectors/funkitConnectWallet/funkitConnectWallet.ts
 import { funkitWagmiConnectorWallet } from "@funkit/wagmi-tools";
 import { createConnector as createConnector4 } from "wagmi";
-var funkitConnectWallet = ({
-  funkitApiKey,
-  initialChainId
-}) => {
+var funkitConnectWallet = () => {
   return {
     id: FUNKIT_CONNECT_WALLET_ID,
     name: "FunkitConnect Wallet",
@@ -16779,10 +16776,7 @@ var funkitConnectWallet = ({
     downloadUrls: void 0,
     createConnector: (walletDetails) => {
       return createConnector4((config) => ({
-        ...funkitWagmiConnectorWallet({
-          funkitApiKey,
-          chainId: initialChainId
-        })(config),
+        ...funkitWagmiConnectorWallet()(config),
         ...walletDetails
       }));
     }
@@ -16824,8 +16818,6 @@ var getDefaultConfig = ({
   appIcon,
   wallets,
   projectId,
-  funkitApiKey,
-  initialChainId,
   ...wagmiParameters
 }) => {
   const { transports, connectors, chains, ...restWagmiParameters } = wagmiParameters;
@@ -16859,9 +16851,7 @@ var getDefaultConfig = ({
         appDescription,
         appUrl,
         appIcon,
-        walletConnectParameters: { metadata },
-        funkitApiKey,
-        initialChainId: initialChainId.toString()
+        walletConnectParameters: { metadata }
       }
     );
   }
@@ -16992,7 +16982,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey6, version);
 }
 function getCurrentSdkVersion() {
-  return "1.2.0";
+  return "1.2.2";
 }
 function useFingerprint() {
   const fingerprint = useCallback33(() => {
@@ -17044,9 +17034,7 @@ function FunkitProvider(props) {
   if (props.wagmiConfig && initialChainId) {
     finalWagmiConfig = createFunkitWagmiConfig({
       ...props.wagmiConfig,
-      appName: props.funkitConfig.appName,
-      funkitApiKey: props.funkitConfig.apiKey,
-      initialChainId: initialChainId.toString()
+      appName: props.funkitConfig.appName
     });
   }
   let finalQueryClient;
@@ -17154,7 +17142,7 @@ import React150, {
   useMemo as useMemo35,
   useState as useState46
 } from "react";
-import { useAccount as useAccount16, useAccountEffect as useAccountEffect4 } from "wagmi";
+import { useAccount as useAccount17, useAccountEffect as useAccountEffect4 } from "wagmi";
 function WalletButtonRenderer({
   wallet = "rainbow",
   children
@@ -17175,7 +17163,7 @@ function WalletButtonRenderer({
     if (!connectModalOpen && connector)
       setConnector(null);
   }, [connectModalOpen, connector, setConnector]);
-  const { isConnected, isConnecting } = useAccount16();
+  const { isConnected, isConnecting } = useAccount17();
   useAccountEffect4({
     onConnect: () => {
       if (isError)
@@ -17993,10 +17981,10 @@ function FunkitPaymentsIconLine({
 
 // src/transactions/useAddRecentTransaction.ts
 import { useCallback as useCallback36 } from "react";
-import { useAccount as useAccount17 } from "wagmi";
+import { useAccount as useAccount18 } from "wagmi";
 function useAddRecentTransaction() {
   const store = useTransactionStore();
-  const { address } = useAccount17();
+  const { address } = useAccount18();
   const chainId = useChainId();
   return useCallback36(
     (transaction) => {