@funkit/connect 3.4.2 → 3.4.4

package/dist/index.js

@@ -508,7 +508,7 @@ import PrivyJS, {
 } from "@privy-io/js-sdk-core";
 import React188, {
   createContext as createContext16,
-  useCallback as useCallback34,
+  useCallback as useCallback35,
   useContext as useContext18,
   useEffect as useEffect37,
   useMemo as useMemo35,
@@ -1021,7 +1021,7 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
 // src/providers/ModalContext.tsx
 import React187, {
   createContext as createContext15,
-  useCallback as useCallback33,
+  useCallback as useCallback34,
   useContext as useContext17,
   useEffect as useEffect36,
   useMemo as useMemo34,
@@ -2149,6 +2149,10 @@ var useFunkitAccount = () => {
     isWeb3Login
   };
 };
+var useFunkitUserInfo = () => {
+  const { userInfo } = useContext6(GeneralWalletContext);
+  return userInfo;
+};
 var useFunkitDisconnect = () => {
   const disconnectReturn = useDisconnect();
   const { handleLogout } = useContext6(GeneralWalletContext);
@@ -4464,6 +4468,7 @@ function FunkitCheckoutProvider({ children }) {
           const shouldUpdateCheckoutItemAmount = isCheckoutCrFlow(checkoutItem) || !isCheckoutPostActionRequired(config);
           return {
             initSettings: {
+              ...checkoutItem.initSettings,
               config: {
                 ...config,
                 checkoutItemAmount: shouldUpdateCheckoutItemAmount ? newTargetAssetAmount : config.checkoutItemAmount,
@@ -5220,6 +5225,15 @@ import { keepPreviousData, useQuery as useQuery2 } from "@tanstack/react-query";
 import { polygon } from "viem/chains";
 import { useAccount as useAccount4 } from "wagmi";
 
+// src/utils/assets.ts
+import {
+  dydxChain as dydxChain2,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6,
+  STABLECOIN_SYMBOLS
+} from "@funkit/core";
+import { formatUnits } from "viem";
+import { arbitrum, mainnet as mainnet4, mantle, zkSync as zkSync2 } from "viem/chains";
+
 // src/utils/combineChainSymbolOrAddress.ts
 function combineChainSymbolOrAddress({
   chainId,
@@ -5229,166 +5243,432 @@ function combineChainSymbolOrAddress({
   return `${chainId}|${symbolOrAddress}`;
 }
 
-// src/hooks/useWalletAssets.ts
-var FETCH_ASSETS_INTERVAL_MS = 6e4;
-function assetIsKnownAsset(asset) {
-  return asset.totalUsdValue !== null && asset.price !== null;
-}
-var POLYGON_USDCE_TOKEN = "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
-function normalizeAssetSymbol(asset) {
-  if (asset.chainId === polygon.id.toString() && asset.contractAddress === POLYGON_USDCE_TOKEN) {
-    return { ...asset, symbol: "USDC.e" };
-  }
-  return asset;
-}
-function combineAssets(assets) {
-  const combinedAssets = {};
-  for (const chainAssets of Object.values(assets)) {
-    for (const [currentAddress, asset] of Object.entries(chainAssets)) {
-      if (!assetIsKnownAsset(asset)) {
-        continue;
-      }
-      const normalizedAsset = normalizeAssetSymbol(asset);
-      const chainAddress = combineChainSymbolOrAddress({
-        chainId: normalizedAsset.chainId,
-        symbolOrAddress: currentAddress
-      });
-      if (!chainAddress) {
-        continue;
-      }
-      combinedAssets[chainAddress] = normalizedAsset;
-    }
-  }
-  return combinedAssets;
-}
-async function fetchAssets(address, apiKey) {
-  if (address === void 0) {
-    return void 0;
-  }
-  const assets = await getAllWalletTokens({
-    walletAddress: address,
-    onlyVerifiedTokens: true,
-    apiKey,
-    signal: singletonAssetAbort.getAbortSignal()
-  }).catch((err) => {
-    logger.error("_fetchAssetsIfPossible:error", err);
-    throw err;
-  });
-  const assetsCombined = combineAssets(assets);
-  const totalWalletAssetsUsd = Object.values(assetsCombined).reduce(
-    (acc, asset) => acc + (asset.totalUsdValue ?? 0),
-    0
+// src/utils/assets.ts
+var ASSETS_LOW_VALUE_THRESHOLD = 0.1;
+var getNormalizedTokenBalance = (tokenBalance, decimals) => {
+  return Number(formatUnits(BigInt(tokenBalance), decimals));
+};
+var isAssetUsableToPayForCheckout = (flags, checkoutItem, paymentMethod, assetChainId, assetTokenAddress, isWeb2Login, isWeb3Login) => {
+  const targetChainId = checkoutItem.initSettings.config.targetChain;
+  const isSameAsPurchasingToken = !isCheckoutPostActionRequired(checkoutItem.initSettings.config) && // however, if the destination is custom recipient address, it is possible to transfer money
+  // TODO: this is not 100% correct, should also check if sourceAddr != customRecipientAddr
+  !isCheckoutCrFlow(checkoutItem) && paymentMethod === "balance" /* ACCOUNT_BALANCE */ && targetChainId === assetChainId && checkoutItem.initSettings.config.targetAsset.toLowerCase() === assetTokenAddress.toLowerCase();
+  const isConnectedAccountSupported = (
+    // User is logged in with web2, ensure that the chain is supported for FunWallet
+    isWeb2Login && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[assetChainId].isFunWalletSupported || // User is logged in with web3 or not logged in at all, ignore
+    isWeb3Login || !isWeb2Login && !isWeb3Login
+  );
+  const isZkSyncAssetsDisabled = flags["disable_zksync_source_assets" /* DisableZkSyncSourceAssets */] ?? true;
+  const isMantleAssetsDisabled = flags["disable_mantle_source_assets" /* DisableMantleSourceAssets */] ?? true;
+  const isAssetDisabled = (
+    // Disable all mantle assets
+    isMantleAssetsDisabled && assetChainId === mantle.id.toString() || // Disable all zksync assets
+    isZkSyncAssetsDisabled && assetChainId === zkSync2.id.toString()
   );
+  const isPickedChainSupportedForCheckout = isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[assetChainId].isCheckoutSupported && !isAssetDisabled;
+  const isUsable = !isSameAsPurchasingToken && isPickedChainSupportedForCheckout;
   return {
-    walletAssets: assetsCombined,
-    totalWalletAssetsUsd
+    isUsable,
+    reason: isUsable ? "" : isSameAsPurchasingToken ? "Not Applicable" : !isPickedChainSupportedForCheckout ? "Unsupported" : ""
   };
-}
-var useWalletAssets = ({
-  enableRefetchInterval = true,
-  refetchOnMount = true
+};
+var getAssetSymbolWithMaxUsdValue = ({
+  accountHoldingsMap,
+  filterSymbols
 }) => {
-  const { address, isConnected } = useAccount4();
-  const { apiKey } = useFunkitConfig();
-  const { data, isLoading, isFetching } = useQuery2({
-    queryKey: ["getWalletAssets", address, apiKey],
-    queryFn: ({ queryKey: [_, addr, key] }) => fetchAssets(addr, key),
-    placeholderData: keepPreviousData,
-    enabled: address !== void 0 && isConnected,
-    refetchOnMount,
-    refetchInterval: enableRefetchInterval ? FETCH_ASSETS_INTERVAL_MS : void 0
-  });
-  return {
-    walletAssets: data?.walletAssets,
-    totalWalletAssetsUsd: data?.totalWalletAssetsUsd ?? 0,
-    isLoading,
-    isFetching
-  };
+  return Object.keys(accountHoldingsMap).filter(
+    (symbol) => filterSymbols === void 0 || filterSymbols?.includes(symbol)
+  ).reduce((max, current) => {
+    const currentItem = accountHoldingsMap[current];
+    if (!currentItem || !isNotNullish(currentItem.usdAmount)) {
+      return max;
+    }
+    if (max === null) {
+      return current;
+    }
+    const maxItem = accountHoldingsMap[max];
+    if (isNotNullish(maxItem?.usdAmount)) {
+      return maxItem.usdAmount > currentItem.usdAmount ? max : current;
+    }
+    return max;
+  }, null);
 };
-
-// src/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/core";
-import { useEffect as useEffect20, useRef as useRef7 } from "react";
-import React99, { useState as useState21 } from "react";
-
-// src/components/AsyncImage/AsyncImage.tsx
-import React35, { useMemo as useMemo7, useReducer as useReducer2, useState as useState12 } from "react";
-
-// src/components/AsyncImage/useAsyncImage.ts
-import { useEffect as useEffect13, useReducer } from "react";
-var cachedUrls = /* @__PURE__ */ new Map();
-var cachedRequestPromises = /* @__PURE__ */ new Map();
-async function loadAsyncImage(asyncImage) {
-  const cachedRequestPromise = cachedRequestPromises.get(asyncImage);
-  if (cachedRequestPromise) {
-    return cachedRequestPromise;
+var L1_FEES_ESTIMATE = 20;
+var L2_FEES_ESTIMATE = 1;
+var L2_COST_MARGIN_MULTIPLIER = 1.2;
+var MESH_L1_FEES_ESTIMATE = 8;
+var MESH_L2_FEES_ESTIMATE = 2;
+var MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
+var getMeshFeesUsdEstimate = (asset) => {
+  let meshFeeEstimate = 0;
+  meshFeeEstimate += (asset.usdAmount || 0) * MESH_CUSTOM_CLIENT_FEE_PERCENT;
+  const sourceChainId = asset.pickedChainId;
+  if (sourceChainId === mainnet4.id.toString()) {
+    meshFeeEstimate += MESH_L1_FEES_ESTIMATE;
+  } else {
+    meshFeeEstimate += MESH_L2_FEES_ESTIMATE;
   }
-  const load = async () => asyncImage().then(async (url) => {
-    cachedUrls.set(asyncImage, url);
-    return url;
-  });
-  const requestPromise = load().catch(() => {
-    return load().catch(() => {
-      cachedRequestPromises.delete(asyncImage);
-    });
+  return meshFeeEstimate;
+};
+var getBaseFeeUsdEstimate = (checkoutItem, asset) => {
+  const targetChainId = checkoutItem.initSettings.config.targetChain;
+  const sourceChainId = asset.pickedChainId;
+  if (targetChainId !== mainnet4.id.toString() && sourceChainId !== mainnet4.id.toString()) {
+    return L2_FEES_ESTIMATE;
+  } else {
+    return L1_FEES_ESTIMATE;
+  }
+};
+var getFeesUsdEstimate = (checkoutItem, asset) => {
+  let feeEstimate = 0;
+  feeEstimate += getBaseFeeUsdEstimate(checkoutItem, asset);
+  if (checkoutItem.selectedPaymentMethodInfo?.paymentMethod === "brokerage" /* BROKERAGE */) {
+    feeEstimate += getMeshFeesUsdEstimate(asset);
+  }
+  return feeEstimate;
+};
+var isAssetUsdAmountSufficient = (checkoutItem, asset) => {
+  if (!isNotNullish(asset?.usdAmount)) {
+    return false;
+  }
+  if (!isNotNullish(checkoutItem?.draftDollarValue)) {
+    return false;
+  }
+  return asset.usdAmount > checkoutItem?.draftDollarValue + getFeesUsdEstimate(checkoutItem, asset);
+};
+var getRecommendedAsset = (flags, checkoutItem, accountHoldingsMap, isWeb3Login, isWeb2Login) => {
+  const highestValueAssetSymbol = getAssetSymbolWithMaxUsdValue({
+    accountHoldingsMap
   });
-  cachedRequestPromises.set(asyncImage, requestPromise);
-  return requestPromise;
-}
-async function loadImages(...urls) {
-  return await Promise.all(
-    urls.map((url) => typeof url === "function" ? loadAsyncImage(url) : url)
+  if (!isNotNullish(highestValueAssetSymbol) || !isAssetUsdAmountSufficient(
+    checkoutItem,
+    accountHoldingsMap[highestValueAssetSymbol]
+  )) {
+    return null;
+  }
+  const assetsOnL1 = Object.keys(accountHoldingsMap)?.filter(
+    (chainSymbolKey) => accountHoldingsMap[chainSymbolKey].pickedChainId === mainnet4.id.toString()
   );
-}
-function useForceUpdate() {
-  const [, forceUpdate] = useReducer((x) => x + 1, 0);
-  return forceUpdate;
-}
-function useAsyncImage(url) {
-  const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
-  const forceUpdate = useForceUpdate();
-  useEffect13(() => {
-    if (typeof url === "function" && !cachedUrl) {
-      loadAsyncImage(url).then(forceUpdate);
-    }
-  }, [url, cachedUrl, forceUpdate]);
-  return typeof url === "function" ? cachedUrl : url;
-}
-
-// src/components/AsyncImage/AsyncImage.tsx
-function useTriggeredOnce() {
-  return useReducer2(() => true, false);
-}
-function AsyncImage({
-  alt,
-  background,
-  borderColor,
-  borderRadius,
-  boxShadow,
-  height,
-  useAsImage,
-  src: srcProp,
-  fallbackSrc,
-  fallbackElement,
-  width,
-  testId
-}) {
-  const src3 = useAsyncImage(srcProp || fallbackSrc);
-  const isRemoteImage = src3 !== void 0 && /^http/.test(src3);
-  const [isRemoteImageLoaded, setRemoteImageLoaded] = useTriggeredOnce();
-  const [hasError, setHasError] = useState12(
-    srcProp === void 0 && fallbackSrc === void 0
+  const assetsOnL2 = Object.keys(accountHoldingsMap)?.filter(
+    (chainSymbolKey) => accountHoldingsMap[chainSymbolKey].pickedChainId !== mainnet4.id.toString()
   );
-  const { asyncStyle, imgProps } = useMemo7(() => {
-    const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src3) : {};
-    if (useAsImage || isRemoteImage) {
-      const imgProps2 = {
-        as: "img",
-        src: src3,
-        "aria-hidden": true,
-        onError: ({
-          currentTarget
-        }) => {
+  const highestValueL1Asset = assetsOnL1.length ? getAssetSymbolWithMaxUsdValue({
+    accountHoldingsMap,
+    filterSymbols: assetsOnL1
+  }) : null;
+  const highestValueL2Asset = assetsOnL2.length ? getAssetSymbolWithMaxUsdValue({
+    accountHoldingsMap,
+    filterSymbols: assetsOnL2
+  }) : null;
+  if (!isNotNullish(highestValueL1Asset) && !isNotNullish(highestValueL2Asset)) {
+    return null;
+  }
+  const highestValueL1UsdAmount = highestValueL1Asset ? accountHoldingsMap[highestValueL1Asset]?.usdAmount || 0 : null;
+  const highestValueL2UsdAmount = highestValueL2Asset ? accountHoldingsMap[highestValueL2Asset]?.usdAmount || 0 : null;
+  if (!isNotNullish(highestValueL1UsdAmount) && !isNotNullish(highestValueL2UsdAmount)) {
+    return null;
+  }
+  const checkoutConfig = checkoutItem.initSettings.config;
+  const targetChainId = getMockedTargetChainId(checkoutConfig, [
+    dydxChain2.id.toString()
+  ]);
+  const targetChainIdAssetSymbol = Object.keys(accountHoldingsMap).find(
+    (chainIdSymbol) => {
+      const item = accountHoldingsMap[chainIdSymbol];
+      if (item.pickedChainId === targetChainId && item.tokenAddress === checkoutConfig.targetAsset) {
+        return chainIdSymbol;
+      }
+      return null;
+    }
+  );
+  if (isCheckoutPostActionRequired(checkoutItem.initSettings.config) || isCheckoutCrFlow(checkoutItem)) {
+    if (targetChainIdAssetSymbol && isAssetUsdAmountSufficient(
+      checkoutItem,
+      accountHoldingsMap[targetChainIdAssetSymbol]
+    )) {
+      return {
+        symbol: targetChainIdAssetSymbol,
+        label: "Cheapest"
+      };
+    }
+  }
+  const usableAssetHoldingMap = checkoutItem ? Object.fromEntries(
+    Object.entries(accountHoldingsMap).filter(
+      ([_, item]) => isAssetUsableToPayForCheckout(
+        flags,
+        checkoutItem,
+        checkoutItem?.selectedPaymentMethodInfo?.paymentMethod,
+        item.pickedChainId,
+        item.tokenAddress,
+        isWeb2Login,
+        isWeb3Login
+      ).isUsable
+    )
+  ) : {};
+  const highestValueUsableAssetSymbol = getAssetSymbolWithMaxUsdValue({
+    accountHoldingsMap: usableAssetHoldingMap
+  });
+  if (!isNotNullish(highestValueUsableAssetSymbol) || !isAssetUsdAmountSufficient(
+    checkoutItem,
+    usableAssetHoldingMap[highestValueUsableAssetSymbol]
+  )) {
+    return null;
+  }
+  const stableAssetOnTargetChainSymbols = STABLECOIN_SYMBOLS.map(
+    (symbol) => combineChainSymbolOrAddress({
+      chainId: targetChainId,
+      symbolOrAddress: symbol
+    })
+  );
+  const highestValueStableAssetOnTargetChain = getAssetSymbolWithMaxUsdValue({
+    accountHoldingsMap: usableAssetHoldingMap,
+    filterSymbols: stableAssetOnTargetChainSymbols.filter(
+      (asset) => asset !== null
+    )
+  });
+  if (isNotNullish(highestValueStableAssetOnTargetChain) && isAssetUsdAmountSufficient(
+    checkoutItem,
+    usableAssetHoldingMap[highestValueStableAssetOnTargetChain]
+  )) {
+    return {
+      symbol: highestValueStableAssetOnTargetChain,
+      label: "Cheapest"
+    };
+  }
+  const targetChainIdEthSymbol = combineChainSymbolOrAddress({
+    chainId: targetChainId,
+    symbolOrAddress: "ETH"
+  });
+  if (isNotNullish(targetChainIdEthSymbol) && isAssetUsdAmountSufficient(
+    checkoutItem,
+    usableAssetHoldingMap[targetChainIdEthSymbol]
+  )) {
+    return {
+      symbol: targetChainIdEthSymbol,
+      label: "Cheapest"
+    };
+  }
+  const targetChainCoreToken = targetChainId ? FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[targetChainId].coreToken : null;
+  const targetChainIdAndCoreTokenSymbol = targetChainCoreToken?.symbol && combineChainSymbolOrAddress({
+    chainId: targetChainId,
+    symbolOrAddress: targetChainCoreToken?.symbol
+  });
+  if (isNotNullish(targetChainIdAndCoreTokenSymbol) && isAssetUsdAmountSufficient(
+    checkoutItem,
+    usableAssetHoldingMap[targetChainIdAndCoreTokenSymbol]
+  )) {
+    return {
+      symbol: targetChainIdAndCoreTokenSymbol,
+      label: "Cheapest"
+    };
+  }
+  const highestValueUsableL2Asset = assetsOnL2.length ? getAssetSymbolWithMaxUsdValue({
+    accountHoldingsMap: usableAssetHoldingMap,
+    filterSymbols: assetsOnL2
+  }) : null;
+  const highestValueUsableL2UsdAmount = highestValueUsableL2Asset ? usableAssetHoldingMap[highestValueUsableL2Asset]?.usdAmount || 0 : null;
+  if (targetChainId !== mainnet4.id.toString() && isNotNullish(highestValueUsableL2Asset) && isAssetUsdAmountSufficient(
+    checkoutItem,
+    usableAssetHoldingMap[highestValueUsableL2Asset]
+  )) {
+    return {
+      symbol: highestValueUsableL2Asset,
+      label: "Cheapest"
+    };
+  }
+  const highestValueUsableAssetUsdAmount = highestValueUsableAssetSymbol ? usableAssetHoldingMap[highestValueUsableAssetSymbol]?.usdAmount || 0 : null;
+  if (isNotNullish(highestValueUsableL2UsdAmount) && isNotNullish(highestValueUsableL2Asset) && highestValueUsableL2UsdAmount * L2_COST_MARGIN_MULTIPLIER > (highestValueUsableAssetUsdAmount || 0)) {
+    return {
+      symbol: highestValueUsableL2Asset,
+      label: null
+    };
+  }
+  return {
+    symbol: highestValueUsableAssetSymbol,
+    label: null
+  };
+};
+var getTotalAssetBalance = (assets) => {
+  const maxUsdBalance = Object.values(assets).reduce(
+    (acc, { usdAmount }) => (usdAmount ?? 0) + acc,
+    0
+  );
+  return formatCurrencyAndStringify(maxUsdBalance);
+};
+var FALLBACK_CHAIN_ID = arbitrum.id.toString();
+var getMockedTargetChainId = ({ targetChain }, mockedChains = []) => {
+  return mockedChains.includes(targetChain) ? FALLBACK_CHAIN_ID : targetChain;
+};
+
+// src/hooks/useWalletAssets.ts
+var FETCH_ASSETS_INTERVAL_MS = 6e4;
+function assetIsKnownAsset(asset) {
+  return asset.totalUsdValue !== null && asset.price !== null;
+}
+var POLYGON_USDCE_TOKEN = "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
+function normalizeAssetSymbol(asset) {
+  if (asset.chainId === polygon.id.toString() && asset.contractAddress === POLYGON_USDCE_TOKEN) {
+    return { ...asset, symbol: "USDC.e" };
+  }
+  return asset;
+}
+function combineAssets(assets) {
+  const combinedAssets = {};
+  for (const chainAssets of Object.values(assets)) {
+    for (const [currentAddress, asset] of Object.entries(chainAssets)) {
+      if (!assetIsKnownAsset(asset)) {
+        continue;
+      }
+      const normalizedAsset = normalizeAssetSymbol(asset);
+      const chainAddress = combineChainSymbolOrAddress({
+        chainId: normalizedAsset.chainId,
+        symbolOrAddress: currentAddress
+      });
+      if (!chainAddress) {
+        continue;
+      }
+      combinedAssets[chainAddress] = normalizedAsset;
+    }
+  }
+  return combinedAssets;
+}
+async function fetchAssets(address, apiKey) {
+  if (address === void 0) {
+    return void 0;
+  }
+  const assets = await getAllWalletTokens({
+    walletAddress: address,
+    onlyVerifiedTokens: true,
+    apiKey,
+    signal: singletonAssetAbort.getAbortSignal()
+  }).catch((err) => {
+    logger.error("_fetchAssetsIfPossible:error", err);
+    throw err;
+  });
+  const assetsCombined = combineAssets(assets);
+  const filteredAssetsCombined = Object.entries(assetsCombined).reduce(
+    (acc, [address2, asset]) => {
+      if (asset.totalUsdValue && asset.totalUsdValue >= ASSETS_LOW_VALUE_THRESHOLD) {
+        acc[address2] = asset;
+      }
+      return acc;
+    },
+    {}
+  );
+  const totalWalletAssetsUsd = Object.values(filteredAssetsCombined).reduce(
+    (acc, asset) => acc + (asset.totalUsdValue ?? 0),
+    0
+  );
+  return {
+    walletAssets: filteredAssetsCombined,
+    totalWalletAssetsUsd
+  };
+}
+var useWalletAssets = ({
+  enableRefetchInterval = true,
+  refetchOnMount = true
+}) => {
+  const { address, isConnected } = useAccount4();
+  const { apiKey } = useFunkitConfig();
+  const { data, isLoading, isFetching } = useQuery2({
+    queryKey: ["getWalletAssets", address, apiKey],
+    queryFn: ({ queryKey: [_, addr, key] }) => fetchAssets(addr, key),
+    placeholderData: keepPreviousData,
+    enabled: address !== void 0 && isConnected,
+    refetchOnMount,
+    refetchInterval: enableRefetchInterval ? FETCH_ASSETS_INTERVAL_MS : void 0
+  });
+  return {
+    walletAssets: data?.walletAssets,
+    totalWalletAssetsUsd: data?.totalWalletAssetsUsd ?? 0,
+    isLoading,
+    isFetching
+  };
+};
+
+// src/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.tsx
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/core";
+import { useEffect as useEffect20, useRef as useRef7 } from "react";
+import React99, { useState as useState21 } from "react";
+
+// src/components/AsyncImage/AsyncImage.tsx
+import React35, { useMemo as useMemo7, useReducer as useReducer2, useState as useState12 } from "react";
+
+// src/components/AsyncImage/useAsyncImage.ts
+import { useEffect as useEffect13, useReducer } from "react";
+var cachedUrls = /* @__PURE__ */ new Map();
+var cachedRequestPromises = /* @__PURE__ */ new Map();
+async function loadAsyncImage(asyncImage) {
+  const cachedRequestPromise = cachedRequestPromises.get(asyncImage);
+  if (cachedRequestPromise) {
+    return cachedRequestPromise;
+  }
+  const load = async () => asyncImage().then(async (url) => {
+    cachedUrls.set(asyncImage, url);
+    return url;
+  });
+  const requestPromise = load().catch(() => {
+    return load().catch(() => {
+      cachedRequestPromises.delete(asyncImage);
+    });
+  });
+  cachedRequestPromises.set(asyncImage, requestPromise);
+  return requestPromise;
+}
+async function loadImages(...urls) {
+  return await Promise.all(
+    urls.map((url) => typeof url === "function" ? loadAsyncImage(url) : url)
+  );
+}
+function useForceUpdate() {
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  return forceUpdate;
+}
+function useAsyncImage(url) {
+  const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
+  const forceUpdate = useForceUpdate();
+  useEffect13(() => {
+    if (typeof url === "function" && !cachedUrl) {
+      loadAsyncImage(url).then(forceUpdate);
+    }
+  }, [url, cachedUrl, forceUpdate]);
+  return typeof url === "function" ? cachedUrl : url;
+}
+
+// src/components/AsyncImage/AsyncImage.tsx
+function useTriggeredOnce() {
+  return useReducer2(() => true, false);
+}
+function AsyncImage({
+  alt,
+  background,
+  borderColor,
+  borderRadius,
+  boxShadow,
+  height,
+  useAsImage,
+  src: srcProp,
+  fallbackSrc,
+  fallbackElement,
+  width,
+  testId
+}) {
+  const src3 = useAsyncImage(srcProp || fallbackSrc);
+  const isRemoteImage = src3 !== void 0 && /^http/.test(src3);
+  const [isRemoteImageLoaded, setRemoteImageLoaded] = useTriggeredOnce();
+  const [hasError, setHasError] = useState12(
+    srcProp === void 0 && fallbackSrc === void 0
+  );
+  const { asyncStyle, imgProps } = useMemo7(() => {
+    const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src3) : {};
+    if (useAsImage || isRemoteImage) {
+      const imgProps2 = {
+        as: "img",
+        src: src3,
+        "aria-hidden": true,
+        onError: ({
+          currentTarget
+        }) => {
           currentTarget.onerror = null;
           if (fallbackSrc !== void 0) {
             currentTarget.src = fallbackSrc;
@@ -9569,7 +9849,10 @@ var statusNamingMap = {
 function StatusTag({ state, refundState, isDelayed }) {
   const { status, isCompleted } = useCheckoutStateBooleans(state);
   const color = isCompleted ? "success" : "secondaryText";
-  return /* @__PURE__ */ React99.createElement(Text, { color, size: "12", weight: "medium" }, refundState === "REFUNDED" ? "Refunded" : isDelayed ? "Pending" : statusNamingMap[status]);
+  return /* @__PURE__ */ React99.createElement(Text, { color, size: "12", weight: "medium" }, refundState === "REFUNDED" ? "Refunded" : (
+    // With some hardcoded timings in `FunCheckoutStatus`, it is possible for isDelayed to stay true while isCompleted is already true
+    isDelayed && !isCompleted ? "Pending" : statusNamingMap[status]
+  ));
 }
 var ReceivedAmount = ({ config }) => {
   const targetAmount = getCheckoutItemDisplay(config);
@@ -9629,7 +9912,7 @@ var AddressRedirectButton = ({
   chainId,
   address
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[chainId].explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId].explorerInfo;
   return /* @__PURE__ */ React99.createElement(
     FunRedirectButton,
     {
@@ -11220,471 +11503,206 @@ var RedRoundErrorCross = ({ size = 15 }) => {
       height: size,
       viewBox: "0 0 8 9",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React121.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
-    /* @__PURE__ */ React121.createElement(
-      "path",
-      {
-        d: "M2.57111 2.59761L4 4.02654L5.42889 2.59761C5.54807 2.47844 5.7369 2.46734 5.87797 2.57755L5.90238 2.59979C6.03254 2.72994 6.03254 2.94096 5.90238 3.07111L4.47346 4.5L5.90238 5.92889C6.02156 6.04806 6.03266 6.2369 5.92244 6.37797L5.90022 6.40239C5.77007 6.53254 5.55904 6.53254 5.42888 6.40238L4 4.97346L2.57111 6.40239C2.45193 6.52156 2.2631 6.53266 2.12203 6.42245L2.09761 6.40021C1.96746 6.27006 1.96746 6.05904 2.09761 5.92889L3.52654 4.5L2.09761 3.07111C1.97844 2.95194 1.96734 2.7631 2.07755 2.62203L2.09978 2.59761C2.22993 2.46746 2.44095 2.46746 2.57111 2.59761ZM2.36024 6.33149L2.35293 6.33242C2.35536 6.33217 2.3578 6.33185 2.36024 6.33149ZM2.31088 6.33152L2.31385 6.33194L2.31088 6.33152ZM2.3814 6.3269L2.37242 6.3292C2.37542 6.32852 2.37842 6.32775 2.3814 6.3269ZM2.40026 6.32026L2.39333 6.323C2.39564 6.32215 2.39795 6.32123 2.40026 6.32026ZM2.25106 6.31043L2.23334 6.29839C2.24074 6.30415 2.2485 6.30919 2.25656 6.31353L2.25106 6.31043ZM2.41976 6.31047L2.4144 6.31349C2.4144 6.31349 2.41796 6.31153 2.41976 6.31047ZM5.81353 6.24343L5.81042 6.24894L5.79839 6.26667C5.80415 6.25927 5.80919 6.25149 5.81353 6.24343ZM5.82275 6.2231L5.82025 6.22939C5.82114 6.22729 5.82197 6.2252 5.82275 6.2231ZM5.82913 6.20184L5.82703 6.21006C5.82778 6.20739 5.8285 6.20462 5.82913 6.20184ZM5.83241 6.18215L5.83152 6.18912C5.83186 6.18683 5.83216 6.18449 5.83241 6.18215ZM5.66455 2.83328L4 4.49787L2.33545 2.83328L2.33327 2.83545L3.99787 4.5L2.33327 6.16455L2.33545 6.16672L4 4.50213L5.66455 6.16672L5.66673 6.16455L4.00213 4.5L5.66673 2.83545L5.66455 2.83328ZM5.83331 6.16189L5.83332 6.16672L5.83331 6.16189ZM5.83149 6.13977L5.83242 6.14707C5.83216 6.14465 5.83186 6.1422 5.83149 6.13977ZM5.8269 6.1186L5.8292 6.12758C5.82852 6.12458 5.82776 6.12158 5.8269 6.1186ZM5.82026 6.09974L5.823 6.10667C5.82214 6.10436 5.82123 6.10204 5.82026 6.09974ZM5.81048 6.08024L5.81349 6.0856C5.81349 6.0856 5.81153 6.08203 5.81048 6.08024ZM2.18651 2.9144L2.18903 2.9189L2.18651 2.9144ZM2.177 2.89333L2.17924 2.89907C2.17845 2.89716 2.17772 2.89526 2.177 2.89333ZM2.1708 2.87242L2.17226 2.87835C2.17174 2.87638 2.17125 2.87441 2.1708 2.87242ZM2.16751 2.85227L2.16806 2.85705L2.16751 2.85227ZM2.16674 2.83061L2.16667 2.83545L2.16674 2.83061ZM2.16848 2.81088L2.16806 2.81385L2.16848 2.81088ZM2.18957 2.75106L2.20161 2.73333C2.19585 2.74073 2.1908 2.74851 2.18647 2.75657L2.18957 2.75106ZM2.41433 2.68647L2.41984 2.68957L2.43756 2.70161C2.43016 2.69585 2.42238 2.69081 2.41433 2.68647ZM5.5856 2.68651L5.5811 2.68903L5.5856 2.68651ZM2.2565 2.68651L2.25199 2.68903L2.2565 2.68651ZM5.74344 2.68647L5.74894 2.68957L5.76666 2.70161C5.75926 2.69585 5.75149 2.69081 5.74344 2.68647ZM2.27691 2.67725L2.27183 2.67924L2.27691 2.67725ZM2.3933 2.67699L2.40029 2.67975C2.39796 2.67877 2.39564 2.67785 2.3933 2.67699ZM5.60667 2.677L5.60093 2.67924C5.60284 2.67846 5.60473 2.67771 5.60667 2.677ZM5.7231 2.67725L5.72939 2.67975C5.72729 2.67887 5.7252 2.67804 5.7231 2.67725ZM2.29821 2.67086L2.29254 2.67226L2.29821 2.67086ZM2.37241 2.6708L2.38143 2.6731C2.37842 2.67225 2.37542 2.67148 2.37241 2.6708ZM5.62758 2.6708L5.62165 2.67226C5.62363 2.67173 5.62559 2.67125 5.62758 2.6708ZM5.70184 2.67087L5.71006 2.67297C5.7074 2.67221 5.70463 2.67151 5.70184 2.67087ZM2.31856 2.66752L2.31385 2.66806L2.31856 2.66752ZM2.35224 2.66751L2.36022 2.66851C2.35757 2.66811 2.35491 2.66778 2.35224 2.66751ZM5.64774 2.66751L5.64295 2.66806L5.64774 2.66751ZM5.68148 2.66752L5.68912 2.66848C5.68661 2.6681 5.68405 2.66778 5.68148 2.66752ZM5.65972 2.66674L5.66941 2.66674C5.66618 2.66664 5.66295 2.66664 5.65972 2.66674ZM2.33059 2.66674L2.34028 2.66674C2.33705 2.66664 2.33382 2.66664 2.33059 2.66674Z",
-        fill: "white"
-      }
-    )
-  );
-};
-
-// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
-var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f10k _1rsrm2fwo", defaultBackground: "_1rsrm2fpq _1rsrm2fls", hoverBackground: "_1rsrm2fll" };
-
-// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
-var HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
-var ASSET_ICON_SIZE = "24";
-var TEXT_SIZE_MEDIUM = "13";
-var TEXT_SIZE_SMALL = "10";
-var STATUS_FLEX_GAP_X = "4";
-var STATUS_ICON_SIZE = "8";
-var STATUS_TEXT_SIZE = TEXT_SIZE_SMALL;
-var TEXT_SKELETON_MARGIN_TOP = "2";
-var TEXT_SKELETON_MARGIN_BOTTOM = "3";
-var TEXT_SKELETON_WIDTH_SHORT = "48";
-var TEXT_SKELETON_WIDTH_MEDIUM = "72";
-var TEXT_SKELETON_WIDTH_LONG = "96";
-var ROW_FLEX_GAP_X = "8";
-var ROW_PADDING_Y = "8";
-var HomeCheckoutDisplayRow = ({
-  checkoutHistoryItem,
-  onSelect
-}) => {
-  const { isProcessing, isCompleted, isError, isExpired, isFailed } = useCheckoutStateBooleans(checkoutHistoryItem.state);
-  const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
-  const getStatusElement = () => {
-    if (isCompleted) {
-      return /* @__PURE__ */ React122.createElement(
-        Box,
-        {
-          display: "flex",
-          flexDirection: "row",
-          gap: STATUS_FLEX_GAP_X,
-          alignItems: "center"
-        },
-        /* @__PURE__ */ React122.createElement(GreenRoundCheckmark, { size: parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React122.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, "Completed")
-      );
-    } else if (isError || isFailed || isExpired) {
-      return /* @__PURE__ */ React122.createElement(
-        Box,
-        {
-          display: "flex",
-          flexDirection: "row",
-          gap: STATUS_FLEX_GAP_X,
-          alignItems: "center"
-        },
-        /* @__PURE__ */ React122.createElement(RedRoundErrorCross, { size: parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React122.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, "Failed")
-      );
-    } else if (isProcessing) {
-      return /* @__PURE__ */ React122.createElement(
-        Box,
-        {
-          display: "flex",
-          flexDirection: "row",
-          gap: STATUS_FLEX_GAP_X,
-          alignItems: "center"
-        },
-        /* @__PURE__ */ React122.createElement(
-          Box,
-          {
-            width: STATUS_ICON_SIZE,
-            height: STATUS_ICON_SIZE,
-            borderRadius: "full",
-            background: "standby"
-          }
-        ),
-        /* @__PURE__ */ React122.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, "Processing")
-      );
-    }
-  };
-  return /* @__PURE__ */ React122.createElement(
-    Box,
-    {
-      className: clsx8(
-        homeCheckoutDisplayRowStyle.defaultBorder,
-        homeCheckoutDisplayRowStyle.defaultBackground,
-        !isMobile() && homeCheckoutDisplayRowStyle.hoverBackground
-      ),
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      gap: "24",
-      paddingX: PROFILE_SIDE_PADDING,
-      paddingY: ROW_PADDING_Y,
-      role: "button",
-      tabIndex: 0,
-      borderWidth: "2",
-      borderStyle: "solid",
-      onClick: () => {
-        if (checkoutHistoryItem.depositAddr) {
-          onSelect(checkoutHistoryItem.depositAddr, "detail" /* DETAIL */);
-        }
-      }
-    },
-    /* @__PURE__ */ React122.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, isNotNullish(checkoutClientMetadata.initSettings.config.iconSrc) && /* @__PURE__ */ React122.createElement(
-      Box,
-      {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        style: {
-          flexShrink: 0,
-          minWidth: "29px"
-        }
-      },
-      /* @__PURE__ */ React122.createElement(
-        FunAssetAvatar,
-        {
-          assetSrc: checkoutClientMetadata.initSettings.config.iconSrc,
-          assetName: "checkout-asset",
-          assetIconSize: ASSET_ICON_SIZE,
-          prioritizeDefaults: false,
-          chainId: checkoutClientMetadata.initSettings.config.targetChain
-        }
-      )
-    ), /* @__PURE__ */ React122.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React122.createElement(
-      Box,
-      {
-        display: "flex",
-        justifyContent: "space-between",
-        alignItems: "center",
-        gap: "16"
-      },
-      /* @__PURE__ */ React122.createElement(Text, { size: TEXT_SIZE_MEDIUM, weight: "medium", color: "primaryText" }, checkoutClientMetadata.initSettings.config.checkoutItemTitle),
-      /* @__PURE__ */ React122.createElement(Text, { size: TEXT_SIZE_MEDIUM, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify(
-        (checkoutClientMetadata?.finalDollarValue ?? // For backwards compatibility
-        checkoutClientMetadata?.draftDollarValue) || 0
-      )} USD`)
-    ), /* @__PURE__ */ React122.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React122.createElement(Text, { size: TEXT_SIZE_SMALL, color: "secondaryText" }, formatTimestamp(new Date(checkoutHistoryItem.createdTimeMs), {
-      year: "none",
-      seconds: "none",
-      month: "short"
-    })), /* @__PURE__ */ React122.createElement(Box, null, getStatusElement()))))
-  );
-};
-var HomeCheckoutDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React122.createElement(
-    Box,
-    {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      gap: ROW_FLEX_GAP_X,
-      paddingX: PROFILE_SIDE_PADDING,
-      paddingY: ROW_PADDING_Y
+      xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React122.createElement(FunSkeletonCircle, { size: ASSET_ICON_SIZE }),
-    /* @__PURE__ */ React122.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React122.createElement(
-      FunSkeletonBlock,
-      {
-        height: TEXT_SIZE_MEDIUM,
-        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
-        marginTop: TEXT_SKELETON_MARGIN_TOP,
-        width: TEXT_SKELETON_WIDTH_LONG
-      }
-    ), /* @__PURE__ */ React122.createElement(
-      FunSkeletonBlock,
-      {
-        height: TEXT_SIZE_SMALL,
-        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
-        marginTop: TEXT_SKELETON_MARGIN_TOP,
-        width: TEXT_SKELETON_WIDTH_MEDIUM
-      }
-    )),
-    /* @__PURE__ */ React122.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React122.createElement(
-      FunSkeletonBlock,
-      {
-        height: TEXT_SIZE_MEDIUM,
-        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
-        marginTop: TEXT_SKELETON_MARGIN_TOP,
-        width: TEXT_SKELETON_WIDTH_MEDIUM
-      }
-    ), /* @__PURE__ */ React122.createElement(
-      FunSkeletonBlock,
+    /* @__PURE__ */ React121.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
+    /* @__PURE__ */ React121.createElement(
+      "path",
       {
-        height: STATUS_TEXT_SIZE,
-        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
-        marginTop: TEXT_SKELETON_MARGIN_TOP,
-        width: TEXT_SKELETON_WIDTH_SHORT
+        d: "M2.57111 2.59761L4 4.02654L5.42889 2.59761C5.54807 2.47844 5.7369 2.46734 5.87797 2.57755L5.90238 2.59979C6.03254 2.72994 6.03254 2.94096 5.90238 3.07111L4.47346 4.5L5.90238 5.92889C6.02156 6.04806 6.03266 6.2369 5.92244 6.37797L5.90022 6.40239C5.77007 6.53254 5.55904 6.53254 5.42888 6.40238L4 4.97346L2.57111 6.40239C2.45193 6.52156 2.2631 6.53266 2.12203 6.42245L2.09761 6.40021C1.96746 6.27006 1.96746 6.05904 2.09761 5.92889L3.52654 4.5L2.09761 3.07111C1.97844 2.95194 1.96734 2.7631 2.07755 2.62203L2.09978 2.59761C2.22993 2.46746 2.44095 2.46746 2.57111 2.59761ZM2.36024 6.33149L2.35293 6.33242C2.35536 6.33217 2.3578 6.33185 2.36024 6.33149ZM2.31088 6.33152L2.31385 6.33194L2.31088 6.33152ZM2.3814 6.3269L2.37242 6.3292C2.37542 6.32852 2.37842 6.32775 2.3814 6.3269ZM2.40026 6.32026L2.39333 6.323C2.39564 6.32215 2.39795 6.32123 2.40026 6.32026ZM2.25106 6.31043L2.23334 6.29839C2.24074 6.30415 2.2485 6.30919 2.25656 6.31353L2.25106 6.31043ZM2.41976 6.31047L2.4144 6.31349C2.4144 6.31349 2.41796 6.31153 2.41976 6.31047ZM5.81353 6.24343L5.81042 6.24894L5.79839 6.26667C5.80415 6.25927 5.80919 6.25149 5.81353 6.24343ZM5.82275 6.2231L5.82025 6.22939C5.82114 6.22729 5.82197 6.2252 5.82275 6.2231ZM5.82913 6.20184L5.82703 6.21006C5.82778 6.20739 5.8285 6.20462 5.82913 6.20184ZM5.83241 6.18215L5.83152 6.18912C5.83186 6.18683 5.83216 6.18449 5.83241 6.18215ZM5.66455 2.83328L4 4.49787L2.33545 2.83328L2.33327 2.83545L3.99787 4.5L2.33327 6.16455L2.33545 6.16672L4 4.50213L5.66455 6.16672L5.66673 6.16455L4.00213 4.5L5.66673 2.83545L5.66455 2.83328ZM5.83331 6.16189L5.83332 6.16672L5.83331 6.16189ZM5.83149 6.13977L5.83242 6.14707C5.83216 6.14465 5.83186 6.1422 5.83149 6.13977ZM5.8269 6.1186L5.8292 6.12758C5.82852 6.12458 5.82776 6.12158 5.8269 6.1186ZM5.82026 6.09974L5.823 6.10667C5.82214 6.10436 5.82123 6.10204 5.82026 6.09974ZM5.81048 6.08024L5.81349 6.0856C5.81349 6.0856 5.81153 6.08203 5.81048 6.08024ZM2.18651 2.9144L2.18903 2.9189L2.18651 2.9144ZM2.177 2.89333L2.17924 2.89907C2.17845 2.89716 2.17772 2.89526 2.177 2.89333ZM2.1708 2.87242L2.17226 2.87835C2.17174 2.87638 2.17125 2.87441 2.1708 2.87242ZM2.16751 2.85227L2.16806 2.85705L2.16751 2.85227ZM2.16674 2.83061L2.16667 2.83545L2.16674 2.83061ZM2.16848 2.81088L2.16806 2.81385L2.16848 2.81088ZM2.18957 2.75106L2.20161 2.73333C2.19585 2.74073 2.1908 2.74851 2.18647 2.75657L2.18957 2.75106ZM2.41433 2.68647L2.41984 2.68957L2.43756 2.70161C2.43016 2.69585 2.42238 2.69081 2.41433 2.68647ZM5.5856 2.68651L5.5811 2.68903L5.5856 2.68651ZM2.2565 2.68651L2.25199 2.68903L2.2565 2.68651ZM5.74344 2.68647L5.74894 2.68957L5.76666 2.70161C5.75926 2.69585 5.75149 2.69081 5.74344 2.68647ZM2.27691 2.67725L2.27183 2.67924L2.27691 2.67725ZM2.3933 2.67699L2.40029 2.67975C2.39796 2.67877 2.39564 2.67785 2.3933 2.67699ZM5.60667 2.677L5.60093 2.67924C5.60284 2.67846 5.60473 2.67771 5.60667 2.677ZM5.7231 2.67725L5.72939 2.67975C5.72729 2.67887 5.7252 2.67804 5.7231 2.67725ZM2.29821 2.67086L2.29254 2.67226L2.29821 2.67086ZM2.37241 2.6708L2.38143 2.6731C2.37842 2.67225 2.37542 2.67148 2.37241 2.6708ZM5.62758 2.6708L5.62165 2.67226C5.62363 2.67173 5.62559 2.67125 5.62758 2.6708ZM5.70184 2.67087L5.71006 2.67297C5.7074 2.67221 5.70463 2.67151 5.70184 2.67087ZM2.31856 2.66752L2.31385 2.66806L2.31856 2.66752ZM2.35224 2.66751L2.36022 2.66851C2.35757 2.66811 2.35491 2.66778 2.35224 2.66751ZM5.64774 2.66751L5.64295 2.66806L5.64774 2.66751ZM5.68148 2.66752L5.68912 2.66848C5.68661 2.6681 5.68405 2.66778 5.68148 2.66752ZM5.65972 2.66674L5.66941 2.66674C5.66618 2.66664 5.66295 2.66664 5.65972 2.66674ZM2.33059 2.66674L2.34028 2.66674C2.33705 2.66664 2.33382 2.66664 2.33059 2.66674Z",
+        fill: "white"
       }
-    ))
+    )
   );
 };
 
-// src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
-import React123, { useState as useState27 } from "react";
+// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
+var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f10k _1rsrm2fwo", defaultBackground: "_1rsrm2fpq _1rsrm2fls", hoverBackground: "_1rsrm2fll" };
 
-// src/utils/assets.ts
-import {
-  dydxChain as dydxChain2,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7,
-  STABLECOIN_SYMBOLS
-} from "@funkit/core";
-import { formatUnits } from "viem";
-import { arbitrum, mainnet as mainnet4, mantle, zkSync as zkSync2 } from "viem/chains";
-var getNormalizedTokenBalance = (tokenBalance, decimals) => {
-  return Number(formatUnits(BigInt(tokenBalance), decimals));
-};
-var isAssetUsableToPayForCheckout = (flags, checkoutItem, paymentMethod, assetChainId, assetTokenAddress, isWeb2Login, isWeb3Login) => {
-  const targetChainId = checkoutItem.initSettings.config.targetChain;
-  const isSameAsPurchasingToken = !isCheckoutPostActionRequired(checkoutItem.initSettings.config) && // however, if the destination is custom recipient address, it is possible to transfer money
-  // TODO: this is not 100% correct, should also check if sourceAddr != customRecipientAddr
-  !isCheckoutCrFlow(checkoutItem) && paymentMethod === "balance" /* ACCOUNT_BALANCE */ && targetChainId === assetChainId && checkoutItem.initSettings.config.targetAsset.toLowerCase() === assetTokenAddress.toLowerCase();
-  const isConnectedAccountSupported = (
-    // User is logged in with web2, ensure that the chain is supported for FunWallet
-    isWeb2Login && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[assetChainId].isFunWalletSupported || // User is logged in with web3 or not logged in at all, ignore
-    isWeb3Login || !isWeb2Login && !isWeb3Login
-  );
-  const isZkSyncAssetsDisabled = flags["disable_zksync_source_assets" /* DisableZkSyncSourceAssets */] ?? true;
-  const isMantleAssetsDisabled = flags["disable_mantle_source_assets" /* DisableMantleSourceAssets */] ?? true;
-  const isAssetDisabled = (
-    // Disable all mantle assets
-    isMantleAssetsDisabled && assetChainId === mantle.id.toString() || // Disable all zksync assets
-    isZkSyncAssetsDisabled && assetChainId === zkSync2.id.toString()
-  );
-  const isPickedChainSupportedForCheckout = isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[assetChainId].isCheckoutSupported && !isAssetDisabled;
-  const isUsable = !isSameAsPurchasingToken && isPickedChainSupportedForCheckout;
-  return {
-    isUsable,
-    reason: isUsable ? "" : isSameAsPurchasingToken ? "Not Applicable" : !isPickedChainSupportedForCheckout ? "Unsupported" : ""
-  };
-};
-var getAssetSymbolWithMaxUsdValue = ({
-  accountHoldingsMap,
-  filterSymbols
+// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
+var HOME_CHECKOUT_DISPLAY_ROW_HEIGHT = 52;
+var ASSET_ICON_SIZE = "24";
+var TEXT_SIZE_MEDIUM = "13";
+var TEXT_SIZE_SMALL = "10";
+var STATUS_FLEX_GAP_X = "4";
+var STATUS_ICON_SIZE = "8";
+var STATUS_TEXT_SIZE = TEXT_SIZE_SMALL;
+var TEXT_SKELETON_MARGIN_TOP = "2";
+var TEXT_SKELETON_MARGIN_BOTTOM = "3";
+var TEXT_SKELETON_WIDTH_SHORT = "48";
+var TEXT_SKELETON_WIDTH_MEDIUM = "72";
+var TEXT_SKELETON_WIDTH_LONG = "96";
+var ROW_FLEX_GAP_X = "8";
+var ROW_PADDING_Y = "8";
+var HomeCheckoutDisplayRow = ({
+  checkoutHistoryItem,
+  onSelect
 }) => {
-  return Object.keys(accountHoldingsMap).filter(
-    (symbol) => filterSymbols === void 0 || filterSymbols?.includes(symbol)
-  ).reduce((max, current) => {
-    const currentItem = accountHoldingsMap[current];
-    if (!currentItem || !isNotNullish(currentItem.usdAmount)) {
-      return max;
-    }
-    if (max === null) {
-      return current;
-    }
-    const maxItem = accountHoldingsMap[max];
-    if (isNotNullish(maxItem?.usdAmount)) {
-      return maxItem.usdAmount > currentItem.usdAmount ? max : current;
-    }
-    return max;
-  }, null);
-};
-var L1_FEES_ESTIMATE = 20;
-var L2_FEES_ESTIMATE = 1;
-var L2_COST_MARGIN_MULTIPLIER = 1.2;
-var MESH_L1_FEES_ESTIMATE = 8;
-var MESH_L2_FEES_ESTIMATE = 2;
-var MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
-var getMeshFeesUsdEstimate = (asset) => {
-  let meshFeeEstimate = 0;
-  meshFeeEstimate += (asset.usdAmount || 0) * MESH_CUSTOM_CLIENT_FEE_PERCENT;
-  const sourceChainId = asset.pickedChainId;
-  if (sourceChainId === mainnet4.id.toString()) {
-    meshFeeEstimate += MESH_L1_FEES_ESTIMATE;
-  } else {
-    meshFeeEstimate += MESH_L2_FEES_ESTIMATE;
-  }
-  return meshFeeEstimate;
-};
-var getBaseFeeUsdEstimate = (checkoutItem, asset) => {
-  const targetChainId = checkoutItem.initSettings.config.targetChain;
-  const sourceChainId = asset.pickedChainId;
-  if (targetChainId !== mainnet4.id.toString() && sourceChainId !== mainnet4.id.toString()) {
-    return L2_FEES_ESTIMATE;
-  } else {
-    return L1_FEES_ESTIMATE;
-  }
-};
-var getFeesUsdEstimate = (checkoutItem, asset) => {
-  let feeEstimate = 0;
-  feeEstimate += getBaseFeeUsdEstimate(checkoutItem, asset);
-  if (checkoutItem.selectedPaymentMethodInfo?.paymentMethod === "brokerage" /* BROKERAGE */) {
-    feeEstimate += getMeshFeesUsdEstimate(asset);
-  }
-  return feeEstimate;
-};
-var isAssetUsdAmountSufficient = (checkoutItem, asset) => {
-  if (!isNotNullish(asset?.usdAmount)) {
-    return false;
-  }
-  if (!isNotNullish(checkoutItem?.draftDollarValue)) {
-    return false;
-  }
-  return asset.usdAmount > checkoutItem?.draftDollarValue + getFeesUsdEstimate(checkoutItem, asset);
-};
-var getRecommendedAsset = (flags, checkoutItem, accountHoldingsMap, isWeb3Login, isWeb2Login) => {
-  const highestValueAssetSymbol = getAssetSymbolWithMaxUsdValue({
-    accountHoldingsMap
-  });
-  if (!isNotNullish(highestValueAssetSymbol) || !isAssetUsdAmountSufficient(
-    checkoutItem,
-    accountHoldingsMap[highestValueAssetSymbol]
-  )) {
-    return null;
-  }
-  const assetsOnL1 = Object.keys(accountHoldingsMap)?.filter(
-    (chainSymbolKey) => accountHoldingsMap[chainSymbolKey].pickedChainId === mainnet4.id.toString()
-  );
-  const assetsOnL2 = Object.keys(accountHoldingsMap)?.filter(
-    (chainSymbolKey) => accountHoldingsMap[chainSymbolKey].pickedChainId !== mainnet4.id.toString()
-  );
-  const highestValueL1Asset = assetsOnL1.length ? getAssetSymbolWithMaxUsdValue({
-    accountHoldingsMap,
-    filterSymbols: assetsOnL1
-  }) : null;
-  const highestValueL2Asset = assetsOnL2.length ? getAssetSymbolWithMaxUsdValue({
-    accountHoldingsMap,
-    filterSymbols: assetsOnL2
-  }) : null;
-  if (!isNotNullish(highestValueL1Asset) && !isNotNullish(highestValueL2Asset)) {
-    return null;
-  }
-  const highestValueL1UsdAmount = highestValueL1Asset ? accountHoldingsMap[highestValueL1Asset]?.usdAmount || 0 : null;
-  const highestValueL2UsdAmount = highestValueL2Asset ? accountHoldingsMap[highestValueL2Asset]?.usdAmount || 0 : null;
-  if (!isNotNullish(highestValueL1UsdAmount) && !isNotNullish(highestValueL2UsdAmount)) {
-    return null;
-  }
-  const checkoutConfig = checkoutItem.initSettings.config;
-  const targetChainId = getMockedTargetChainId(checkoutConfig, [
-    dydxChain2.id.toString()
-  ]);
-  const targetChainIdAssetSymbol = Object.keys(accountHoldingsMap).find(
-    (chainIdSymbol) => {
-      const item = accountHoldingsMap[chainIdSymbol];
-      if (item.pickedChainId === targetChainId && item.tokenAddress === checkoutConfig.targetAsset) {
-        return chainIdSymbol;
-      }
-      return null;
-    }
-  );
-  if (isCheckoutPostActionRequired(checkoutItem.initSettings.config) || isCheckoutCrFlow(checkoutItem)) {
-    if (targetChainIdAssetSymbol && isAssetUsdAmountSufficient(
-      checkoutItem,
-      accountHoldingsMap[targetChainIdAssetSymbol]
-    )) {
-      return {
-        symbol: targetChainIdAssetSymbol,
-        label: "Cheapest"
-      };
+  const { isProcessing, isCompleted, isError, isExpired, isFailed } = useCheckoutStateBooleans(checkoutHistoryItem.state);
+  const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
+  const getStatusElement = () => {
+    if (isCompleted) {
+      return /* @__PURE__ */ React122.createElement(
+        Box,
+        {
+          display: "flex",
+          flexDirection: "row",
+          gap: STATUS_FLEX_GAP_X,
+          alignItems: "center"
+        },
+        /* @__PURE__ */ React122.createElement(GreenRoundCheckmark, { size: parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React122.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, "Completed")
+      );
+    } else if (isError || isFailed || isExpired) {
+      return /* @__PURE__ */ React122.createElement(
+        Box,
+        {
+          display: "flex",
+          flexDirection: "row",
+          gap: STATUS_FLEX_GAP_X,
+          alignItems: "center"
+        },
+        /* @__PURE__ */ React122.createElement(RedRoundErrorCross, { size: parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React122.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, "Failed")
+      );
+    } else if (isProcessing) {
+      return /* @__PURE__ */ React122.createElement(
+        Box,
+        {
+          display: "flex",
+          flexDirection: "row",
+          gap: STATUS_FLEX_GAP_X,
+          alignItems: "center"
+        },
+        /* @__PURE__ */ React122.createElement(
+          Box,
+          {
+            width: STATUS_ICON_SIZE,
+            height: STATUS_ICON_SIZE,
+            borderRadius: "full",
+            background: "standby"
+          }
+        ),
+        /* @__PURE__ */ React122.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, "Processing")
+      );
     }
-  }
-  const usableAssetHoldingMap = checkoutItem ? Object.fromEntries(
-    Object.entries(accountHoldingsMap).filter(
-      ([_, item]) => isAssetUsableToPayForCheckout(
-        flags,
-        checkoutItem,
-        checkoutItem?.selectedPaymentMethodInfo?.paymentMethod,
-        item.pickedChainId,
-        item.tokenAddress,
-        isWeb2Login,
-        isWeb3Login
-      ).isUsable
-    )
-  ) : {};
-  const highestValueUsableAssetSymbol = getAssetSymbolWithMaxUsdValue({
-    accountHoldingsMap: usableAssetHoldingMap
-  });
-  if (!isNotNullish(highestValueUsableAssetSymbol) || !isAssetUsdAmountSufficient(
-    checkoutItem,
-    usableAssetHoldingMap[highestValueUsableAssetSymbol]
-  )) {
-    return null;
-  }
-  const stableAssetOnTargetChainSymbols = STABLECOIN_SYMBOLS.map(
-    (symbol) => combineChainSymbolOrAddress({
-      chainId: targetChainId,
-      symbolOrAddress: symbol
-    })
-  );
-  const highestValueStableAssetOnTargetChain = getAssetSymbolWithMaxUsdValue({
-    accountHoldingsMap: usableAssetHoldingMap,
-    filterSymbols: stableAssetOnTargetChainSymbols.filter(
-      (asset) => asset !== null
-    )
-  });
-  if (isNotNullish(highestValueStableAssetOnTargetChain) && isAssetUsdAmountSufficient(
-    checkoutItem,
-    usableAssetHoldingMap[highestValueStableAssetOnTargetChain]
-  )) {
-    return {
-      symbol: highestValueStableAssetOnTargetChain,
-      label: "Cheapest"
-    };
-  }
-  const targetChainIdEthSymbol = combineChainSymbolOrAddress({
-    chainId: targetChainId,
-    symbolOrAddress: "ETH"
-  });
-  if (isNotNullish(targetChainIdEthSymbol) && isAssetUsdAmountSufficient(
-    checkoutItem,
-    usableAssetHoldingMap[targetChainIdEthSymbol]
-  )) {
-    return {
-      symbol: targetChainIdEthSymbol,
-      label: "Cheapest"
-    };
-  }
-  const targetChainCoreToken = targetChainId ? FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[targetChainId].coreToken : null;
-  const targetChainIdAndCoreTokenSymbol = targetChainCoreToken?.symbol && combineChainSymbolOrAddress({
-    chainId: targetChainId,
-    symbolOrAddress: targetChainCoreToken?.symbol
-  });
-  if (isNotNullish(targetChainIdAndCoreTokenSymbol) && isAssetUsdAmountSufficient(
-    checkoutItem,
-    usableAssetHoldingMap[targetChainIdAndCoreTokenSymbol]
-  )) {
-    return {
-      symbol: targetChainIdAndCoreTokenSymbol,
-      label: "Cheapest"
-    };
-  }
-  const highestValueUsableL2Asset = assetsOnL2.length ? getAssetSymbolWithMaxUsdValue({
-    accountHoldingsMap: usableAssetHoldingMap,
-    filterSymbols: assetsOnL2
-  }) : null;
-  const highestValueUsableL2UsdAmount = highestValueUsableL2Asset ? usableAssetHoldingMap[highestValueUsableL2Asset]?.usdAmount || 0 : null;
-  if (targetChainId !== mainnet4.id.toString() && isNotNullish(highestValueUsableL2Asset) && isAssetUsdAmountSufficient(
-    checkoutItem,
-    usableAssetHoldingMap[highestValueUsableL2Asset]
-  )) {
-    return {
-      symbol: highestValueUsableL2Asset,
-      label: "Cheapest"
-    };
-  }
-  const highestValueUsableAssetUsdAmount = highestValueUsableAssetSymbol ? usableAssetHoldingMap[highestValueUsableAssetSymbol]?.usdAmount || 0 : null;
-  if (isNotNullish(highestValueUsableL2UsdAmount) && isNotNullish(highestValueUsableL2Asset) && highestValueUsableL2UsdAmount * L2_COST_MARGIN_MULTIPLIER > (highestValueUsableAssetUsdAmount || 0)) {
-    return {
-      symbol: highestValueUsableL2Asset,
-      label: null
-    };
-  }
-  return {
-    symbol: highestValueUsableAssetSymbol,
-    label: null
   };
-};
-var getTotalAssetBalance = (assets) => {
-  const maxUsdBalance = Object.values(assets).reduce(
-    (acc, { usdAmount }) => (usdAmount ?? 0) + acc,
-    0
+  return /* @__PURE__ */ React122.createElement(
+    Box,
+    {
+      className: clsx8(
+        homeCheckoutDisplayRowStyle.defaultBorder,
+        homeCheckoutDisplayRowStyle.defaultBackground,
+        !isMobile() && homeCheckoutDisplayRowStyle.hoverBackground
+      ),
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      gap: "24",
+      paddingX: PROFILE_SIDE_PADDING,
+      paddingY: ROW_PADDING_Y,
+      role: "button",
+      tabIndex: 0,
+      borderWidth: "2",
+      borderStyle: "solid",
+      onClick: () => {
+        if (checkoutHistoryItem.depositAddr) {
+          onSelect(checkoutHistoryItem.depositAddr, "detail" /* DETAIL */);
+        }
+      }
+    },
+    /* @__PURE__ */ React122.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, isNotNullish(checkoutClientMetadata.initSettings.config.iconSrc) && /* @__PURE__ */ React122.createElement(
+      Box,
+      {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        style: {
+          flexShrink: 0,
+          minWidth: "29px"
+        }
+      },
+      /* @__PURE__ */ React122.createElement(
+        FunAssetAvatar,
+        {
+          assetSrc: checkoutClientMetadata.initSettings.config.iconSrc,
+          assetName: "checkout-asset",
+          assetIconSize: ASSET_ICON_SIZE,
+          prioritizeDefaults: false,
+          chainId: checkoutClientMetadata.initSettings.config.targetChain
+        }
+      )
+    ), /* @__PURE__ */ React122.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React122.createElement(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        gap: "16"
+      },
+      /* @__PURE__ */ React122.createElement(Text, { size: TEXT_SIZE_MEDIUM, weight: "medium", color: "primaryText" }, checkoutClientMetadata.initSettings.config.checkoutItemTitle),
+      /* @__PURE__ */ React122.createElement(Text, { size: TEXT_SIZE_MEDIUM, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify(
+        (checkoutClientMetadata?.finalDollarValue ?? // For backwards compatibility
+        checkoutClientMetadata?.draftDollarValue) || 0
+      )} USD`)
+    ), /* @__PURE__ */ React122.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React122.createElement(Text, { size: TEXT_SIZE_SMALL, color: "secondaryText" }, formatTimestamp(new Date(checkoutHistoryItem.createdTimeMs), {
+      year: "none",
+      seconds: "none",
+      month: "short"
+    })), /* @__PURE__ */ React122.createElement(Box, null, getStatusElement()))))
   );
-  return formatCurrencyAndStringify(maxUsdBalance);
 };
-var FALLBACK_CHAIN_ID = arbitrum.id.toString();
-var getMockedTargetChainId = ({ targetChain }, mockedChains = []) => {
-  return mockedChains.includes(targetChain) ? FALLBACK_CHAIN_ID : targetChain;
+var HomeCheckoutDisplayRowSkeleton = () => {
+  return /* @__PURE__ */ React122.createElement(
+    Box,
+    {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      gap: ROW_FLEX_GAP_X,
+      paddingX: PROFILE_SIDE_PADDING,
+      paddingY: ROW_PADDING_Y
+    },
+    /* @__PURE__ */ React122.createElement(FunSkeletonCircle, { size: ASSET_ICON_SIZE }),
+    /* @__PURE__ */ React122.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React122.createElement(
+      FunSkeletonBlock,
+      {
+        height: TEXT_SIZE_MEDIUM,
+        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
+        marginTop: TEXT_SKELETON_MARGIN_TOP,
+        width: TEXT_SKELETON_WIDTH_LONG
+      }
+    ), /* @__PURE__ */ React122.createElement(
+      FunSkeletonBlock,
+      {
+        height: TEXT_SIZE_SMALL,
+        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
+        marginTop: TEXT_SKELETON_MARGIN_TOP,
+        width: TEXT_SKELETON_WIDTH_MEDIUM
+      }
+    )),
+    /* @__PURE__ */ React122.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React122.createElement(
+      FunSkeletonBlock,
+      {
+        height: TEXT_SIZE_MEDIUM,
+        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
+        marginTop: TEXT_SKELETON_MARGIN_TOP,
+        width: TEXT_SKELETON_WIDTH_MEDIUM
+      }
+    ), /* @__PURE__ */ React122.createElement(
+      FunSkeletonBlock,
+      {
+        height: STATUS_TEXT_SIZE,
+        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
+        marginTop: TEXT_SKELETON_MARGIN_TOP,
+        width: TEXT_SKELETON_WIDTH_SHORT
+      }
+    ))
+  );
 };
 
 // src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
+import React123, { useState as useState27 } from "react";
 var HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT = 52;
 var ASSET_ICON_SIZE2 = "24";
 var TEXT_SIZE = "13";
@@ -12564,10 +12582,10 @@ import { getRiskAssessmentForAddress } from "@funkit/api-base";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 var BLOCKED_RISK_LEVELS = ["Severe", "High"];
 var hasRisk = async (apiKey, walletAddress, customRecipient) => {
-  const getUserWalletRisk = getRiskAssessmentForAddress({
+  const getUserWalletRisk = walletAddress ? getRiskAssessmentForAddress({
     address: walletAddress,
     apiKey
-  }).then((assessment) => assessment?.risk);
+  }).then((assessment) => assessment?.risk) : null;
   const getRecipientWalletRisk = customRecipient ? getRiskAssessmentForAddress({
     address: customRecipient,
     apiKey
@@ -12576,8 +12594,16 @@ var hasRisk = async (apiKey, walletAddress, customRecipient) => {
     getUserWalletRisk,
     getRecipientWalletRisk
   ]);
-  logger.log("addressRiskAssessments", addressRisks);
-  return addressRisks.some((risk) => BLOCKED_RISK_LEVELS.includes(risk || ""));
+  const isCheckoutRisky = addressRisks.some(
+    (risk) => BLOCKED_RISK_LEVELS.includes(risk || "")
+  );
+  logger.log("riskAssessment_isCheckoutRisky", {
+    isCheckoutRisky,
+    addressRisks,
+    walletAddress,
+    customRecipient
+  });
+  return isCheckoutRisky;
 };
 var useIsCheckoutRisky = (checkoutItem) => {
   const { walletAddress } = useGeneralWallet();
@@ -12868,7 +12894,7 @@ function CheckoutComplete({ modalState, onClose }) {
 
 // src/modals/CheckoutModal/ConfirmationStep.tsx
 import { ClientError as ClientError3, meshPreviewTransfer as meshPreviewTransfer2 } from "@funkit/api-base";
-import React182, { useCallback as useCallback32, useEffect as useEffect35, useMemo as useMemo33, useState as useState49 } from "react";
+import React182, { useCallback as useCallback33, useEffect as useEffect35, useMemo as useMemo33, useState as useState49 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { isAddress as isAddress3 } from "viem";
 
@@ -14324,7 +14350,7 @@ function FunPaymentMethods({
   const totalUsableWalletAssetsUsd = Object.values(
     usableWalletAssets ?? {}
   ).reduce((total, asset) => total + (asset.totalUsdValue || 0), 0);
-  const isEmptyWallet = totalUsableWalletAssetsUsd < 0.01;
+  const isEmptyWallet = totalUsableWalletAssetsUsd < ASSETS_LOW_VALUE_THRESHOLD;
   const maxUsdUsableAsset = useMemo21(() => {
     if (!usableWalletAssets) {
       return null;
@@ -14377,6 +14403,9 @@ function FunPaymentMethods({
     if (selectablePaymentMethods.includes("balance" /* ACCOUNT_BALANCE */) && hasSufficientBalance2) {
       return "balance" /* ACCOUNT_BALANCE */;
     }
+    if (selectablePaymentMethods.includes("token_transfer" /* TOKEN_TRANSFER */)) {
+      return "token_transfer" /* TOKEN_TRANSFER */;
+    }
     if (selectablePaymentMethods.includes("card" /* CARD */)) {
       return "card" /* CARD */;
     }
@@ -14408,7 +14437,7 @@ function FunPaymentMethods({
   const { textCustomizations } = useFunkitConfig();
   const onClickContinue = useCallback20(async () => {
     setIsContinuing(true);
-    const executeContinue = async () => {
+    const executeContinue = () => {
       if (canContinue && selectedOption === "card" /* CARD */ && apiKey === POLYMARKET_API_KEY) {
         onPolymarketCardSwitchWrapper();
         return;
@@ -14446,7 +14475,7 @@ function FunPaymentMethods({
       }
     };
     try {
-      await executeContinue();
+      executeContinue();
     } finally {
       setIsContinuing(false);
     }
@@ -14785,7 +14814,7 @@ function CheckoutPrimaryInfo({
 }
 
 // src/modals/CheckoutModal/stepTransition.ts
-import { useCallback as useCallback30, useRef as useRef15, useState as useState48 } from "react";
+import { useCallback as useCallback31, useRef as useRef15, useState as useState48 } from "react";
 
 // src/hooks/useCheckoutQuoteNotification.ts
 import { useMemo as useMemo22 } from "react";
@@ -15827,6 +15856,7 @@ function InputAmountLoaded({
             inputProps: {
               type: isInputInUsd ? "text" : "number",
               autoFocus: true,
+              disabled: isQuoting,
               // get ios to use numpad key with period
               inputMode: "decimal"
             },
@@ -15855,6 +15885,7 @@ function InputAmountLoaded({
             FunIconButton,
             {
               icon: /* @__PURE__ */ React154.createElement(SwitchIcon, null),
+              isDisabled: isQuoting,
               paddingY: "1",
               paddingX: "6",
               color: { base: "actionColor", hover: "actionColorHover" },
@@ -15869,6 +15900,7 @@ function InputAmountLoaded({
         !!usdAvailableAmount && USD_AMOUNT_OPTIONS_PCT.map((percent) => /* @__PURE__ */ React154.createElement(
           FunIconButton,
           {
+            isDisabled: isQuoting,
             fontSize: "14",
             fontWeight: "medium",
             icon: null,
@@ -16360,11 +16392,6 @@ function loadingAccountNext(state, payload) {
         step: "select_asset" /* SELECT_ASSET */,
         paymentMethodInfo: payload.paymentMethodInfo
       };
-    case "token_transfer" /* TOKEN_TRANSFER */:
-      return {
-        ...state,
-        step: "transfer_token" /* TRANSFER_TOKEN */
-      };
     default:
       return {
         ...state,
@@ -16386,7 +16413,6 @@ function LoadingAccount({
   onNext
 }) {
   const { apiKey } = useFunkitConfig();
-  const { isLoading: isLoadingFlags, flags } = useFlags();
   const { walletAddress } = useGeneralWallet();
   const { targetChainId } = modalState;
   const { isLoading: isFetchingAssets, totalWalletAssetsUsd } = useWalletAssets(
@@ -16399,9 +16425,7 @@ function LoadingAccount({
     connection
   );
   const { updateSelectedPaymentMethodInfo } = useCheckoutContext();
-  const isTokenTransferEnabled = flags?.["enable_token_transfer" /* EnableTokenTransfer */];
   useEffect30(() => {
-    if (isLoadingFlags) return;
     if (totalWalletAssetsUsd >= USABLE_AMOUNT) {
       const paymentMethodInfo = createPaymentMethodInfo({
         paymentMethod: "balance" /* ACCOUNT_BALANCE */,
@@ -16413,7 +16437,9 @@ function LoadingAccount({
         usablePaymentMethod: "balance" /* ACCOUNT_BALANCE */,
         paymentMethodInfo
       });
-    } else if (connection && hasNonZeroDollarToken(data)) {
+      return;
+    }
+    if (connection && hasNonZeroDollarToken(data)) {
       const paymentMethodInfo = createPaymentMethodInfo({
         paymentMethod: "brokerage" /* BROKERAGE */,
         brokerage: connection.brokerage,
@@ -16425,27 +16451,19 @@ function LoadingAccount({
         usablePaymentMethod: "brokerage" /* BROKERAGE */,
         paymentMethodInfo
       });
-    } else if (isTokenTransferEnabled && apiKey === POLYMARKET_API_KEY) {
-      const paymentMethodInfo = createPaymentMethodInfo({
-        paymentMethod: "token_transfer" /* TOKEN_TRANSFER */
-      });
-      updateSelectedPaymentMethodInfo(paymentMethodInfo);
-      onNext({
-        step: "loading_account" /* LOADING_ACCOUNT */,
-        usablePaymentMethod: "token_transfer" /* TOKEN_TRANSFER */
-      });
-    } else if (!isLoadingMesh && !isFetchingAssets) {
-      onNext({
-        step: "loading_account" /* LOADING_ACCOUNT */,
-        usablePaymentMethod: null
-      });
+      return;
+    }
+    if (isLoadingMesh || isFetchingAssets) {
+      return;
     }
+    onNext({
+      step: "loading_account" /* LOADING_ACCOUNT */,
+      usablePaymentMethod: null
+    });
   }, [
     walletAddress,
     isLoadingMesh,
-    isLoadingFlags,
     apiKey,
-    isTokenTransferEnabled,
     isFetchingAssets,
     data,
     onNext,
@@ -16643,6 +16661,7 @@ function MeshVerification({
             setExecutionError(transferResponse.errorMessage || "");
             break;
           case MeshExecuteTransferStatus.emailConfirmationRequired:
+          case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
             setScreen(3 /* EMAIL_CONFIRMATION */);
             break;
           case MeshExecuteTransferStatus.deviceConfirmationRequired:
@@ -16686,6 +16705,7 @@ function MeshVerification({
       case MeshExecuteTransferStatus.deviceConfirmationRequired:
         return "Device confirmation required";
       case MeshExecuteTransferStatus.emailConfirmationRequired:
+      case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
         return "Email confirmation required";
       case MeshExecuteTransferStatus.addressWhitelistRequired:
         return "Manual whitelist required";
@@ -16702,6 +16722,7 @@ function MeshVerification({
       case MeshExecuteTransferStatus.deviceConfirmationRequired:
         return `Open the ${exchange} app and verify your transaction. After you've approved this transaction, click \u201CContinue.\u201D`;
       case MeshExecuteTransferStatus.emailConfirmationRequired:
+      case MeshExecuteTransferStatus.emailConfirmationApprovalRequired:
         return `Click the link sent to your email to confirm this transaction. Click \u201CContinue\u201D after you've approved this transaction.`;
       case MeshExecuteTransferStatus.addressWhitelistRequired:
         return `Go to ${exchange} to manually whitelist your address. After you've whitelisted this address you can retry your transaction.`;
@@ -17854,7 +17875,7 @@ function useRemainingMeshExchangeConnections(selected) {
 }
 
 // src/modals/CheckoutModal/TransferToken.tsx
-import React181, { useState as useState47 } from "react";
+import React181, { useCallback as useCallback30, useState as useState47 } from "react";
 import { mainnet as mainnet6, polygon as polygon3 } from "viem/chains";
 
 // src/components/Dropdown/TokenDropdown.tsx
@@ -18295,9 +18316,9 @@ function CircleWithText({ text }) {
     /* @__PURE__ */ React181.createElement(Text, { size: "13", color: "accentColor", weight: "bold" }, text)
   );
 }
-function TransferToken({ onNext }) {
+var TRANSFER_TOKEN_LOG_PREFIX = "transferToken";
+function TransferToken({ onBack }) {
   const filteredAssets = useEnabledTokenTransferChainTokens();
-  const { textCustomizations } = useFunkitConfig();
   const [selectedChainId, setSelectedChainId] = useState47(polygon3.id);
   const selectedChainInfo = chainMetadataById[selectedChainId];
   const [selectedToken, setSelectedToken] = useState47(
@@ -18305,6 +18326,18 @@ function TransferToken({ onNext }) {
   );
   const { depositAddress, minTransferUsd, showOriginalRecipient } = useTokenTransfer(selectedChainId, selectedToken);
   const isLoadingDepositAddress = depositAddress === void 0;
+  const onHelp = useCallback30(() => {
+    logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_getHelpClicked`, {
+      selectedChainId,
+      selectedToken,
+      depositAddress
+    });
+    window.open(
+      "https://intercom.help/funxyz/en/articles/10003876-direct-deposit-guide-faqs",
+      "_blank",
+      "noopener,noreferrer"
+    );
+  }, [depositAddress, selectedChainId, selectedToken]);
   return /* @__PURE__ */ React181.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React181.createElement(
     Box,
     {
@@ -18314,16 +18347,6 @@ function TransferToken({ onNext }) {
       justifyContent: "center",
       gap: "14"
     },
-    /* @__PURE__ */ React181.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React181.createElement(
-      FunPaymentMethodItem,
-      {
-        isSource: true,
-        keyText: textCustomizations.transferTokens,
-        disclaimerText: "No limit",
-        keyIcon: /* @__PURE__ */ React181.createElement(LightningBoltIcon, null),
-        onClick: () => onNext({ step: "transfer_token" /* TRANSFER_TOKEN */ })
-      }
-    )),
     /* @__PURE__ */ React181.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, isLoadingDepositAddress ? /* @__PURE__ */ React181.createElement(
       Box,
       {
@@ -18390,7 +18413,15 @@ function TransferToken({ onNext }) {
           ChainDropdown_default,
           {
             assets: filteredAssets,
-            onChainSelected: (chainId) => setSelectedChainId(chainId)
+            onChainSelected: (chainId) => {
+              logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeChain`, {
+                previousChainId: selectedChainId,
+                newChainId: chainId,
+                selectedToken,
+                depositAddress
+              });
+              setSelectedChainId(chainId);
+            }
           }
         )
       ),
@@ -18409,7 +18440,15 @@ function TransferToken({ onNext }) {
           {
             selectedChainId,
             assets: filteredAssets,
-            onTokenSelected: (token) => setSelectedToken(token)
+            onTokenSelected: (token) => {
+              logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeToken`, {
+                previousToken: selectedToken,
+                newToken: token,
+                selectedChainId,
+                depositAddress
+              });
+              setSelectedToken(token);
+            }
           }
         )
       ),
@@ -18426,7 +18465,13 @@ function TransferToken({ onNext }) {
         /* @__PURE__ */ React181.createElement(Text, { size: "12", color: "primaryText", weight: "medium" }, minTransferUsd === 0 ? "No minimum" : formatCurrencyAndStringify(minTransferUsd))
       )
     ),
-    showOriginalRecipient ? null : /* @__PURE__ */ React181.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React181.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "Transfer ", selectedToken, " (", selectedChainInfo.name, ") to the deposit address above. The equivalent USD value (minus fees) will be automatically deposited into your account within ~60 seconds."), /* @__PURE__ */ React181.createElement(
+    showOriginalRecipient ? null : /* @__PURE__ */ React181.createElement(Box, { display: "flex", flexDirection: "column", gap: "14", width: "full" }, /* @__PURE__ */ React181.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "Transfer ", selectedToken, " (", selectedChainInfo.name, ") to the deposit address above. The equivalent USD value (minus fees) will be automatically deposited into your account within ~60 seconds."), /* @__PURE__ */ React181.createElement(
+      FunAlert,
+      {
+        icon: /* @__PURE__ */ React181.createElement(FunInfoIcon, null),
+        description: /* @__PURE__ */ React181.createElement(Box, { display: "flex" }, /* @__PURE__ */ React181.createElement(Text, { size: "10", color: "secondaryText" }, "Experiencing problems?"), /* @__PURE__ */ React181.createElement(FunLinkButton, { text: "Get help.", onClick: onHelp }))
+      }
+    ), /* @__PURE__ */ React181.createElement(
       Text,
       {
         size: "10",
@@ -18515,7 +18560,7 @@ function initialState(checkoutItem) {
 function useCheckoutModalTransition(checkoutItem, onClose) {
   const [modalState, setModalState] = useState48(() => initialState(checkoutItem));
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
-  const onCloseWrapper = useCallback30(() => {
+  const onCloseWrapper = useCallback31(() => {
     checkoutItem.initSettings.onClose?.();
     logger.log("closingCheckoutModal", {
       checkoutStep: modalState.step,
@@ -18526,7 +18571,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
   }, [checkoutItem, modalState.step, onClose]);
   const { animateOut, navigateTo } = useAnimatedNavigation(setModalState);
   const stateHistory = useRef15([]);
-  const onNext = useCallback30(
+  const onNext = useCallback31(
     (payload) => {
       clearCheckoutQuoteMessages();
       stateHistory.current.push(modalState);
@@ -18535,7 +18580,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [modalState, navigateTo, clearCheckoutQuoteMessages]
   );
-  const onBack = useCallback30(() => {
+  const onBack = useCallback31(() => {
     clearCheckoutQuoteMessages();
     const prevState = stateHistory.current.pop();
     if (prevState) {
@@ -18624,7 +18669,7 @@ function useTitleConfig(checkoutItem, state) {
       };
     case "transfer_token" /* TRANSFER_TOKEN */:
       return {
-        hasBack: false,
+        hasBack: true,
         title: textCustomizations.transferTokens,
         showFullHeight: false
       };
@@ -18636,7 +18681,7 @@ function useTitleConfig(checkoutItem, state) {
 // src/modals/CheckoutModal/useAccountBalancePostCheckout.ts
 import { getPaymasterDataForCheckoutSponsoredTransfer } from "@funkit/api-base";
 import { ERC20_ABI, USDT_ABI } from "@funkit/core";
-import { useCallback as useCallback31 } from "react";
+import { useCallback as useCallback32 } from "react";
 import { useAccount as useAccount8, useSendTransaction, useWriteContract } from "wagmi";
 
 // src/utils/isMainnetUsdt.ts
@@ -18653,7 +18698,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
   const { writeContractAsync } = useWriteContract();
   const { sendTransactionAsync } = useSendTransaction();
   const { cancelCheckout, checkoutItem } = useCheckoutContext();
-  const handleWeb3AccountBalancePostCheckout = useCallback31(
+  const handleWeb3AccountBalancePostCheckout = useCallback32(
     async (depositAddress) => {
       if (!checkoutItem?.latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
         return;
@@ -18748,7 +18793,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
 function useWeb2AccountBalancePostCheckout(apiKey) {
   const { checkoutItem } = useCheckoutContext();
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
-  const handleWeb2AccountBalancePostCheckout = useCallback31(
+  const handleWeb2AccountBalancePostCheckout = useCallback32(
     async (depositAddress) => {
       const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
         depositAddress,
@@ -18796,7 +18841,7 @@ function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
   const { isWeb2Login, isWeb3Login } = useGeneralWallet();
   const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
   const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
-  const handleAccountBalancePostCheckout = useCallback31(
+  const handleAccountBalancePostCheckout = useCallback32(
     async (depositAddress) => {
       if (isWeb2Login) {
         await handleWeb2AccountBalancePostCheckout(depositAddress);
@@ -18900,7 +18945,7 @@ function ConfirmationStep({
   const [postCheckoutError, setPostCheckoutError] = useState49();
   const hasPostCheckoutError = postCheckoutError !== void 0;
   const isContinuing = isConfirming || isPostCheckoutLoading;
-  const handleMeshPostCheckout = useCallback32(
+  const handleMeshPostCheckout = useCallback33(
     async (depositAddress) => {
       if (!funkitConfig.apiKey) {
         throw new Error("Invalid funkit apiKey");
@@ -19014,11 +19059,11 @@ function ConfirmationStep({
       setTimeout(() => setPostCheckoutError(void 0), timeMs);
     }
   };
-  const restartCountdown = useCallback32(() => {
+  const restartCountdown = useCallback33(() => {
     setCountdownKey((key) => key + 1);
     setIsBeforeRegeneratingQuote(false);
   }, []);
-  const refreshQuote = useCallback32(async () => {
+  const refreshQuote = useCallback33(async () => {
     singletonCheckoutAbort.abort("Abort checkout data pre-loading");
     singletonCheckoutAbort.setAbortController(new AbortController());
     try {
@@ -19039,7 +19084,7 @@ function ConfirmationStep({
     restartCountdown,
     setCheckoutQuote
   ]);
-  const onClickConfirm = useCallback32(async () => {
+  const onClickConfirm = useCallback33(async () => {
     if (!checkoutItem) {
       return;
     }
@@ -19426,16 +19471,16 @@ function FunCheckoutHistoryModal({
 function useModalStateValue() {
   const [isModalOpen, setModalOpen] = useState51(false);
   return {
-    closeModal: useCallback33(() => setModalOpen(false), []),
+    closeModal: useCallback34(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback33(() => setModalOpen(true), [])
+    openModal: useCallback34(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithProp() {
   const [isModalOpen, setModalOpen] = useState51(false);
   const [prop, setProp] = useState51(null);
   return {
-    closeModal: useCallback33(() => {
+    closeModal: useCallback34(() => {
       setTimeout(() => {
         setProp(null);
       }, DialogAnimationTimeOut);
@@ -19443,7 +19488,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback33((prop2) => {
+    openModal: useCallback34((prop2) => {
       if (prop2 != null) setProp(prop2);
       setModalOpen(true);
     }, [])
@@ -19929,7 +19974,7 @@ var FunkitWeb2Provider = ({
   const [isLoggingIn, setIsLoggingIn] = useState52(false);
   const [loginErrorMessage, setLoginErrorMessage] = useState52("");
   const [loggedInUser, setLoggedInUser] = useState52(null);
-  const setLoginMethodAndCache = useCallback34(
+  const setLoginMethodAndCache = useCallback35(
     (method) => {
       try {
         setLoginMethod(method);
@@ -19953,7 +19998,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [chains]);
-  const handleIframeMessage = useCallback34(
+  const handleIframeMessage = useCallback35(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -19962,7 +20007,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback34(async () => {
+  const handleFunkitWeb2Logout = useCallback35(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -19975,7 +20020,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback34(
+  const handleFreshPrivyLogin = useCallback35(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -20021,7 +20066,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback34(
+  const getPrivyUserEmbeddedWallet = useCallback35(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser)
@@ -20040,7 +20085,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback34(async () => {
+  const getExistingPrivySession = useCallback35(async () => {
     try {
       if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
       const existingSession = await privy.user.get();
@@ -20049,7 +20094,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback34(
+  const handleFunkitWeb2Login = useCallback35(
     async ({
       chainId,
       firstLoginCode,
@@ -20122,9 +20167,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback34(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback35(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback34(async () => {
+  const handleAutoLoginFlows = useCallback35(async () => {
     if (isNotNullish(loginMethod) && isNotNullish(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -20166,7 +20211,7 @@ var FunkitWeb2Provider = ({
     initChainId
     // Do not include `handleAutoLoginFlows`,
   ]);
-  const handleOauthRedirect = useCallback34(
+  const handleOauthRedirect = useCallback35(
     async (authProvider) => {
       if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
       try {
@@ -20190,7 +20235,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState52(false);
-  const handleSendOtpEmail = useCallback34(
+  const handleSendOtpEmail = useCallback35(
     async (emailAddress) => {
       try {
         if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -20217,7 +20262,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isGeneratingFcUri, setIsGeneratingFcUri] = useState52(false);
-  const handleGenerateFcUri = useCallback34(async () => {
+  const handleGenerateFcUri = useCallback35(async () => {
     try {
       if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
       setIsGeneratingFcUri(true);
@@ -20242,7 +20287,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback34(
+  const getFcConnectionStatus = useCallback35(
     async (channelToken) => {
       try {
         if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -20376,7 +20421,7 @@ import React190 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig6 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback35, useEffect as useEffect38, useState as useState54 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect38, useState as useState54 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState54(false);
   useEffect38(() => {
@@ -20385,7 +20430,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback35(() => isMounted, [isMounted]);
+  return useCallback36(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -21253,16 +21298,16 @@ var defaultAppInfo = {
 var AppContext = createContext18(defaultAppInfo);
 
 // src/providers/useFingerprint.ts
-import { useCallback as useCallback36, useEffect as useEffect40 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect40 } from "react";
 var storageKey5 = "funkit-connect-version";
 function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "__buildVersion";
+  return "3.4.4";
 }
 function useFingerprint() {
-  const fingerprint = useCallback36(() => {
+  const fingerprint = useCallback37(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
   useEffect40(() => {
@@ -21271,7 +21316,7 @@ function useFingerprint() {
 }
 
 // src/providers/usePreloadImages.ts
-import { useCallback as useCallback37, useEffect as useEffect41 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect41 } from "react";
 
 // src/components/Icons/Assets.tsx
 import React194 from "react";
@@ -21287,7 +21332,7 @@ var preloadLoginIcon = () => loadImages(src2);
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
-  const preloadImages = useCallback37(() => {
+  const preloadImages = useCallback38(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish)
@@ -21451,8 +21496,10 @@ export {
   useCheckoutListenerByCheckoutId,
   useCheckoutsListenerByUserId,
   useConnectModal,
+  useConnectionStatus,
   useFunkitAccount,
   useFunkitCheckout,
   useFunkitDisconnect,
-  useFunkitSwitchChains
+  useFunkitSwitchChains,
+  useFunkitUserInfo
 };