@funkit/connect 3.4.3 → 3.4.4

package/dist/index.js

@@ -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,168 +5243,434 @@ 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
-        }) => {
-          currentTarget.onerror = null;
-          if (fallbackSrc !== void 0) {
+  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;
           } else {
             setHasError(true);
@@ -9632,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,
     {
@@ -11065,629 +11345,364 @@ function ActivityHistory({
             }
           });
         },
-        checkoutHistoryItem
-      }
-    ))) : /* @__PURE__ */ React115.createElement(Box, { paddingTop: "16" }, /* @__PURE__ */ React115.createElement(FunNotification, { description: "No activity yet." }))
-  ));
-}
-
-// src/modals/ProfileDetails/FunProfileViews/Home/index.tsx
-import clsx9 from "clsx";
-import React124, { useMemo as useMemo18, useRef as useRef11, useState as useState28 } from "react";
-import { Virtuoso } from "react-virtuoso";
-import { useAccount as useAccount6 } from "wagmi";
-
-// src/components/Icons/GreenRoundCheckmark.tsx
-import React116 from "react";
-var GreenRoundCheckmark = ({ size = 15 }) => {
-  return /* @__PURE__ */ React116.createElement(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 10 11",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React116.createElement(
-      "path",
-      {
-        d: "M5 10.4551C4.31315 10.4551 3.66862 10.3249 3.06641 10.0645C2.46419 9.80729 1.93522 9.45085 1.47949 8.99512C1.02376 8.53613 0.66569 8.00716 0.405273 7.4082C0.148112 6.80599 0.0195312 6.16146 0.0195312 5.47461C0.0195312 4.78776 0.148112 4.14323 0.405273 3.54102C0.66569 2.9388 1.02376 2.40983 1.47949 1.9541C1.93522 1.49837 2.46419 1.14193 3.06641 0.884766C3.66862 0.624349 4.31315 0.494141 5 0.494141C5.68685 0.494141 6.33138 0.624349 6.93359 0.884766C7.53581 1.14193 8.06478 1.49837 8.52051 1.9541C8.97624 2.40983 9.33268 2.9388 9.58984 3.54102C9.85026 4.14323 9.98047 4.78776 9.98047 5.47461C9.98047 6.16146 9.85026 6.80599 9.58984 7.4082C9.33268 8.00716 8.97624 8.53613 8.52051 8.99512C8.06478 9.45085 7.53581 9.80729 6.93359 10.0645C6.33138 10.3249 5.68685 10.4551 5 10.4551ZM4.45312 7.85742C4.53776 7.85742 4.61426 7.83789 4.68262 7.79883C4.75098 7.75977 4.8112 7.70117 4.86328 7.62305L7.1582 4.00488C7.1875 3.95605 7.21517 3.90397 7.24121 3.84863C7.26725 3.79329 7.28027 3.73796 7.28027 3.68262C7.28027 3.56868 7.23796 3.47917 7.15332 3.41406C7.06868 3.3457 6.97428 3.31152 6.87012 3.31152C6.72689 3.31152 6.6097 3.38639 6.51855 3.53613L4.43359 6.88574L3.44238 5.60645C3.38053 5.52507 3.32031 5.46973 3.26172 5.44043C3.20638 5.41113 3.1429 5.39648 3.07129 5.39648C2.96061 5.39648 2.86784 5.43717 2.79297 5.51855C2.7181 5.59668 2.68066 5.69108 2.68066 5.80176C2.68066 5.8571 2.69043 5.91243 2.70996 5.96777C2.73275 6.01986 2.76204 6.07031 2.79785 6.11914L4.02344 7.62305C4.08854 7.70768 4.15527 7.7679 4.22363 7.80371C4.29199 7.83952 4.36849 7.85742 4.45312 7.85742Z",
-        fill: "#66CC00"
-      }
-    )
-  );
-};
-
-// src/components/Icons/LogoutIcon.tsx
-import React117 from "react";
-var LogoutIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React117.createElement(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 16 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React117.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/SettingsIcon.tsx
-import React118 from "react";
-var SettingsIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React118.createElement(
-    "svg",
-    {
-      width: size,
-      height: size,
-      viewBox: "0 0 17 17",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React118.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__ */ React118.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"
-      }
-    )
-  );
-};
-
-// src/css/scrollStyles.css.ts
-var hideScrollBar = "_163ehmk0";
-
-// src/modals/ProfileDetails/FunProfileViews/Home/Home.css.ts
-var animateContentInClass2 = "_26hmws7";
-var animateContentOutClass2 = "_26hmws9";
-var animateTitleInClass2 = "_26hmws5";
-var animateTitleOutClass2 = "_26hmws6";
-var animateVirtuosoInClass = "_26hmws8";
-
-// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
-import clsx8 from "clsx";
-import React122 from "react";
-
-// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
-import React119 from "react";
-
-// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
-var animateSkeletonClass = "dj0x602 _1rsrm2fnq";
-var circleSkeletonClass = "dj0x603";
-
-// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
-function FunSkeletonBlock({
-  width = "full",
-  ...props
-}) {
-  return /* @__PURE__ */ React119.createElement(
-    Box,
-    {
-      borderRadius: "4",
-      className: animateSkeletonClass,
-      width,
-      ...props
-    }
-  );
+        checkoutHistoryItem
+      }
+    ))) : /* @__PURE__ */ React115.createElement(Box, { paddingTop: "16" }, /* @__PURE__ */ React115.createElement(FunNotification, { description: "No activity yet." }))
+  ));
 }
 
-// src/components/FunSkeletonLoader/FunSkeletonCircle.tsx
-import clsx7 from "clsx";
-import React120 from "react";
-function FunSkeletonCircle({
-  size = "20",
-  ...props
-}) {
-  return /* @__PURE__ */ React120.createElement(
-    Box,
-    {
-      borderRadius: "full",
-      className: clsx7(
-        animateSkeletonClass,
-        circleSkeletonClass
-      ),
-      height: size,
-      width: size,
-      ...props
-    }
-  );
-}
+// src/modals/ProfileDetails/FunProfileViews/Home/index.tsx
+import clsx9 from "clsx";
+import React124, { useMemo as useMemo18, useRef as useRef11, useState as useState28 } from "react";
+import { Virtuoso } from "react-virtuoso";
+import { useAccount as useAccount6 } from "wagmi";
 
-// src/components/Icons/RedRoundErrorCross.tsx
-import React121 from "react";
-var RedRoundErrorCross = ({ size = 15 }) => {
-  return /* @__PURE__ */ React121.createElement(
+// src/components/Icons/GreenRoundCheckmark.tsx
+import React116 from "react";
+var GreenRoundCheckmark = ({ size = 15 }) => {
+  return /* @__PURE__ */ React116.createElement(
     "svg",
     {
       width: size,
       height: size,
-      viewBox: "0 0 8 9",
+      viewBox: "0 0 10 11",
       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(
+    /* @__PURE__ */ React116.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"
+        d: "M5 10.4551C4.31315 10.4551 3.66862 10.3249 3.06641 10.0645C2.46419 9.80729 1.93522 9.45085 1.47949 8.99512C1.02376 8.53613 0.66569 8.00716 0.405273 7.4082C0.148112 6.80599 0.0195312 6.16146 0.0195312 5.47461C0.0195312 4.78776 0.148112 4.14323 0.405273 3.54102C0.66569 2.9388 1.02376 2.40983 1.47949 1.9541C1.93522 1.49837 2.46419 1.14193 3.06641 0.884766C3.66862 0.624349 4.31315 0.494141 5 0.494141C5.68685 0.494141 6.33138 0.624349 6.93359 0.884766C7.53581 1.14193 8.06478 1.49837 8.52051 1.9541C8.97624 2.40983 9.33268 2.9388 9.58984 3.54102C9.85026 4.14323 9.98047 4.78776 9.98047 5.47461C9.98047 6.16146 9.85026 6.80599 9.58984 7.4082C9.33268 8.00716 8.97624 8.53613 8.52051 8.99512C8.06478 9.45085 7.53581 9.80729 6.93359 10.0645C6.33138 10.3249 5.68685 10.4551 5 10.4551ZM4.45312 7.85742C4.53776 7.85742 4.61426 7.83789 4.68262 7.79883C4.75098 7.75977 4.8112 7.70117 4.86328 7.62305L7.1582 4.00488C7.1875 3.95605 7.21517 3.90397 7.24121 3.84863C7.26725 3.79329 7.28027 3.73796 7.28027 3.68262C7.28027 3.56868 7.23796 3.47917 7.15332 3.41406C7.06868 3.3457 6.97428 3.31152 6.87012 3.31152C6.72689 3.31152 6.6097 3.38639 6.51855 3.53613L4.43359 6.88574L3.44238 5.60645C3.38053 5.52507 3.32031 5.46973 3.26172 5.44043C3.20638 5.41113 3.1429 5.39648 3.07129 5.39648C2.96061 5.39648 2.86784 5.43717 2.79297 5.51855C2.7181 5.59668 2.68066 5.69108 2.68066 5.80176C2.68066 5.8571 2.69043 5.91243 2.70996 5.96777C2.73275 6.01986 2.76204 6.07031 2.79785 6.11914L4.02344 7.62305C4.08854 7.70768 4.15527 7.7679 4.22363 7.80371C4.29199 7.83952 4.36849 7.85742 4.45312 7.85742Z",
+        fill: "#66CC00"
       }
     )
   );
 };
 
-// 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,
+// src/components/Icons/LogoutIcon.tsx
+import React117 from "react";
+var LogoutIcon = ({ size = 16 }) => {
+  return /* @__PURE__ */ React117.createElement(
+    "svg",
     {
-      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 */);
-        }
-      }
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__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,
+    /* @__PURE__ */ React117.createElement(
+      "path",
       {
-        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()))))
+        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"
+      }
+    )
   );
 };
-var HomeCheckoutDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React122.createElement(
-    Box,
+
+// src/components/Icons/SettingsIcon.tsx
+import React118 from "react";
+var SettingsIcon = ({ size = 16 }) => {
+  return /* @__PURE__ */ React118.createElement(
+    "svg",
     {
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      gap: ROW_FLEX_GAP_X,
-      paddingX: PROFILE_SIDE_PADDING,
-      paddingY: ROW_PADDING_Y
+      width: size,
+      height: size,
+      viewBox: "0 0 17 17",
+      fill: "none",
+      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,
+    /* @__PURE__ */ React118.createElement(
+      "path",
       {
-        height: TEXT_SIZE_MEDIUM,
-        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
-        marginTop: TEXT_SKELETON_MARGIN_TOP,
-        width: TEXT_SKELETON_WIDTH_MEDIUM
+        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__ */ React122.createElement(
-      FunSkeletonBlock,
+    ),
+    /* @__PURE__ */ React118.createElement(
+      "path",
       {
-        height: STATUS_TEXT_SIZE,
-        marginBottom: TEXT_SKELETON_MARGIN_BOTTOM,
-        marginTop: TEXT_SKELETON_MARGIN_TOP,
-        width: TEXT_SKELETON_WIDTH_SHORT
+        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"
       }
-    ))
+    )
   );
 };
 
-// src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
-import React123, { useState as useState27 } from "react";
+// src/css/scrollStyles.css.ts
+var hideScrollBar = "_163ehmk0";
 
-// 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
-}) => {
-  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;
+// src/modals/ProfileDetails/FunProfileViews/Home/Home.css.ts
+var animateContentInClass2 = "_26hmws7";
+var animateContentOutClass2 = "_26hmws9";
+var animateTitleInClass2 = "_26hmws5";
+var animateTitleOutClass2 = "_26hmws6";
+var animateVirtuosoInClass = "_26hmws8";
+
+// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
+import clsx8 from "clsx";
+import React122 from "react";
+
+// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
+import React119 from "react";
+
+// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
+var animateSkeletonClass = "dj0x602 _1rsrm2fnq";
+var circleSkeletonClass = "dj0x603";
+
+// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
+function FunSkeletonBlock({
+  width = "full",
+  ...props
+}) {
+  return /* @__PURE__ */ React119.createElement(
+    Box,
+    {
+      borderRadius: "4",
+      className: animateSkeletonClass,
+      width,
+      ...props
     }
   );
-  if (isCheckoutPostActionRequired(checkoutItem.initSettings.config) || isCheckoutCrFlow(checkoutItem)) {
-    if (targetChainIdAssetSymbol && isAssetUsdAmountSufficient(
-      checkoutItem,
-      accountHoldingsMap[targetChainIdAssetSymbol]
-    )) {
-      return {
-        symbol: targetChainIdAssetSymbol,
-        label: "Cheapest"
-      };
+}
+
+// src/components/FunSkeletonLoader/FunSkeletonCircle.tsx
+import clsx7 from "clsx";
+import React120 from "react";
+function FunSkeletonCircle({
+  size = "20",
+  ...props
+}) {
+  return /* @__PURE__ */ React120.createElement(
+    Box,
+    {
+      borderRadius: "full",
+      className: clsx7(
+        animateSkeletonClass,
+        circleSkeletonClass
+      ),
+      height: size,
+      width: size,
+      ...props
     }
-  }
-  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
+}
+
+// src/components/Icons/RedRoundErrorCross.tsx
+import React121 from "react";
+var RedRoundErrorCross = ({ size = 15 }) => {
+  return /* @__PURE__ */ React121.createElement(
+    "svg",
+    {
+      width: size,
+      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"
+      }
     )
-  });
-  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
+
+// 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()))))
   );
-  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";
@@ -12584,7 +12599,9 @@ var hasRisk = async (apiKey, walletAddress, customRecipient) => {
   );
   logger.log("riskAssessment_isCheckoutRisky", {
     isCheckoutRisky,
-    addressRisks
+    addressRisks,
+    walletAddress,
+    customRecipient
   });
   return isCheckoutRisky;
 };
@@ -14333,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;
@@ -21287,7 +21304,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "3.4.3";
+  return "3.4.4";
 }
 function useFingerprint() {
   const fingerprint = useCallback37(() => {
@@ -21483,5 +21500,6 @@ export {
   useFunkitAccount,
   useFunkitCheckout,
   useFunkitDisconnect,
-  useFunkitSwitchChains
+  useFunkitSwitchChains,
+  useFunkitUserInfo
 };