@funkit/connect 9.7.0 → 9.7.1

package/dist/index.js

@@ -446,7 +446,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React280, { useEffect as useEffect73, useState as useState82 } from "react";
+import React281, { useEffect as useEffect74, useState as useState82 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -1071,7 +1071,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
 import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
-import React279 from "react";
+import React280 from "react";
 import { formatUnits as formatUnits6 } from "viem";
 
 // src/hooks/useIsMounted.ts
@@ -1276,11 +1276,11 @@ import {
   SOLANA_MAINNET_CHAIN_ID as SOLANA_MAINNET_CHAIN_ID2
 } from "@funkit/chains";
 import { isNotNullish as isNotNullish8, isTokenAddressEquivalent as isTokenAddressEquivalent4 } from "@funkit/utils";
-import React278, {
+import React279, {
   createContext as createContext21,
   useCallback as useCallback54,
   useContext as useContext21,
-  useEffect as useEffect72,
+  useEffect as useEffect73,
   useState as useState81
 } from "react";
 import { flushSync as flushSync2 } from "react-dom";
@@ -2335,11 +2335,6 @@ var default_configs_default = {
   isfunuser: {
     value: false
   },
-  ismexico: {
-    value: {
-      mexico: false
-    }
-  },
   isrelaybypassenabled: {
     value: true
   },
@@ -2453,6 +2448,9 @@ var default_configs_default = {
   showpoweredtagline: {
     value: false
   },
+  stablecoinsymbols: {
+    value: ["USDC", "USDC.e", "USDT", "DAI", "USDe"]
+  },
   supportedexchangesv2: {
     value: []
   },
@@ -2987,7 +2985,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "9.7.0";
+  return "9.7.1";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -7231,11 +7229,11 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
 };
 
 // src/providers/ModalContext.tsx
-import React277, {
+import React278, {
   createContext as createContext20,
   useCallback as useCallback53,
   useContext as useContext20,
-  useEffect as useEffect71,
+  useEffect as useEffect72,
   useMemo as useMemo60,
   useState as useState80
 } from "react";
@@ -10098,6 +10096,21 @@ var flagConfig = {
         // Relay does not support Bitcoin to Hyperliquid USDH route (https://fun-xyz.slack.com/archives/C0AKC3U55FC)
         // If we want to enable other chains for Ventuals, please remember to exclude Bitcoin
         value: JSON.stringify(QR_CODE_WITH_SOLANA)
+      },
+      {
+        if_any: [
+          {
+            key: "apiKey",
+            type: "isAnyOf",
+            values: [BULLPEN_API_KEY]
+          }
+        ],
+        value: JSON.stringify({
+          ...QR_CODE_EVM,
+          // Solana: SOL only — SPL tokens (USDC, USDT, TRUMP, USDe) disabled for Bullpen
+          1151111081099710: ["SOL"],
+          [bitcoinChain3.id]: ["BTC"]
+        })
       }
     ]
   },
@@ -11282,7 +11295,8 @@ var en_default = {
     noPaymentMethodsInRegion: "There are currently no available payment methods in your region.",
     unavailable: "Unavailable",
     unavailableInRegionTooltip: "Feature is not available in your region",
-    seeMore: "See more"
+    seeMore: "See more",
+    complianceReviewMessage: "Your transaction is under review. <GetHelpLink>Get help</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "Preparing your quote...",
@@ -11826,7 +11840,8 @@ var es_default = {
     noPaymentMethodsInRegion: "Actualmente no hay m\xE9todos de pago disponibles en tu regi\xF3n.",
     unavailable: "No disponible",
     unavailableInRegionTooltip: "La funci\xF3n no est\xE1 disponible en tu regi\xF3n",
-    seeMore: "Ver m\xE1s"
+    seeMore: "Ver m\xE1s",
+    complianceReviewMessage: "Tu transacci\xF3n est\xE1 bajo revisi\xF3n. <GetHelpLink>Obtener ayuda</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "Preparando tu cotizaci\xF3n...",
@@ -12370,7 +12385,8 @@ var fr_default = {
     noPaymentMethodsInRegion: "Il n'y a actuellement aucun moyen de paiement disponible dans votre r\xE9gion.",
     unavailable: "Indisponible",
     unavailableInRegionTooltip: "Cette fonctionnalit\xE9 n'est pas disponible dans votre r\xE9gion",
-    seeMore: "Voir plus"
+    seeMore: "Voir plus",
+    complianceReviewMessage: "Votre transaction est en cours d'examen. <GetHelpLink>Obtenir de l'aide</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "Pr\xE9paration de votre cotation...",
@@ -12914,7 +12930,8 @@ var ja_default = {
     noPaymentMethodsInRegion: "\u73FE\u5728\u3001\u304A\u4F4F\u307E\u3044\u306E\u5730\u57DF\u3067\u3054\u5229\u7528\u3044\u305F\u3060\u3051\u308B\u6C7A\u6E08\u65B9\u6CD5\u306F\u3042\u308A\u307E\u305B\u3093\u3002",
     unavailable: "\u5229\u7528\u4E0D\u53EF",
     unavailableInRegionTooltip: "\u3053\u306E\u6A5F\u80FD\u306F\u3042\u306A\u305F\u306E\u5730\u57DF\u3067\u306F\u5229\u7528\u3067\u304D\u307E\u305B\u3093",
-    seeMore: "\u3082\u3063\u3068\u898B\u308B"
+    seeMore: "\u3082\u3063\u3068\u898B\u308B",
+    complianceReviewMessage: "\u304A\u5BA2\u69D8\u306E\u53D6\u5F15\u306F\u5BE9\u67FB\u4E2D\u3067\u3059\u3002<GetHelpLink>\u30D8\u30EB\u30D7\u3092\u898B\u308B</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "\u898B\u7A4D\u3082\u308A\u3092\u6E96\u5099\u4E2D...",
@@ -13458,7 +13475,8 @@ var ko_default = {
     noPaymentMethodsInRegion: "\uD604\uC7AC \uADC0\uD558\uC758 \uC9C0\uC5ED\uC5D0\uC11C \uC0AC\uC6A9 \uAC00\uB2A5\uD55C \uACB0\uC81C \uC218\uB2E8\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
     unavailable: "\uC0AC\uC6A9 \uBD88\uAC00",
     unavailableInRegionTooltip: "\uC774 \uAE30\uB2A5\uC740 \uADC0\uD558\uC758 \uC9C0\uC5ED\uC5D0\uC11C \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4",
-    seeMore: "\uB354 \uBCF4\uAE30"
+    seeMore: "\uB354 \uBCF4\uAE30",
+    complianceReviewMessage: "\uADC0\uD558\uC758 \uAC70\uB798\uAC00 \uAC80\uD1A0 \uC911\uC785\uB2C8\uB2E4. <GetHelpLink>\uB3C4\uC6C0\uBC1B\uAE30</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "\uACAC\uC801 \uC900\uBE44 \uC911...",
@@ -14002,7 +14020,8 @@ var ru_default = {
     noPaymentMethodsInRegion: "\u0412 \u043D\u0430\u0441\u0442\u043E\u044F\u0449\u0435\u0435 \u0432\u0440\u0435\u043C\u044F \u0432 \u0432\u0430\u0448\u0435\u043C \u0440\u0435\u0433\u0438\u043E\u043D\u0435 \u043D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u0441\u043F\u043E\u0441\u043E\u0431\u043E\u0432 \u043E\u043F\u043B\u0430\u0442\u044B.",
     unavailable: "\u041D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E",
     unavailableInRegionTooltip: "\u042D\u0442\u0430 \u0444\u0443\u043D\u043A\u0446\u0438\u044F \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430 \u0432 \u0432\u0430\u0448\u0435\u043C \u0440\u0435\u0433\u0438\u043E\u043D\u0435",
-    seeMore: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u043E\u043B\u044C\u0448\u0435"
+    seeMore: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C \u0431\u043E\u043B\u044C\u0448\u0435",
+    complianceReviewMessage: "\u0412\u0430\u0448\u0430 \u0442\u0440\u0430\u043D\u0437\u0430\u043A\u0446\u0438\u044F \u043D\u0430\u0445\u043E\u0434\u0438\u0442\u0441\u044F \u043D\u0430 \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0435. <GetHelpLink>\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C \u043F\u043E\u043C\u043E\u0449\u044C</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "\u041F\u043E\u0434\u0433\u043E\u0442\u043E\u0432\u043A\u0430 \u0432\u0430\u0448\u0435\u0439 \u043A\u043E\u0442\u0438\u0440\u043E\u0432\u043A\u0438...",
@@ -14546,7 +14565,8 @@ var tr_default = {
     noPaymentMethodsInRegion: "B\xF6lgenizde \u015Fu anda kullan\u0131labilir \xF6deme y\xF6ntemi bulunmamaktad\u0131r.",
     unavailable: "Kullan\u0131lamaz",
     unavailableInRegionTooltip: "Bu \xF6zellik b\xF6lgenizde kullan\u0131lamaz",
-    seeMore: "Daha fazla"
+    seeMore: "Daha fazla",
+    complianceReviewMessage: "\u0130\u015Fleminiz inceleme alt\u0131ndad\u0131r. <GetHelpLink>Yard\u0131m al\u0131n</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "Teklifiniz haz\u0131rlan\u0131yor...",
@@ -15090,7 +15110,8 @@ var zh_default = {
     noPaymentMethodsInRegion: "\u60A8\u6240\u5728\u7684\u5730\u533A\u76EE\u524D\u6CA1\u6709\u53EF\u7528\u7684\u4ED8\u6B3E\u65B9\u5F0F\u3002",
     unavailable: "\u4E0D\u53EF\u7528",
     unavailableInRegionTooltip: "\u6B64\u529F\u80FD\u5728\u60A8\u6240\u5728\u5730\u533A\u4E0D\u53EF\u7528",
-    seeMore: "\u67E5\u770B\u66F4\u591A"
+    seeMore: "\u67E5\u770B\u66F4\u591A",
+    complianceReviewMessage: "\u60A8\u7684\u4EA4\u6613\u6B63\u5728\u5BA1\u6838\u4E2D\u3002<GetHelpLink>\u83B7\u53D6\u5E2E\u52A9</GetHelpLink>"
   },
   quote: {
     preparingYourQuote: "\u6B63\u5728\u51C6\u5907\u60A8\u7684\u62A5\u4EF7...",
@@ -16285,7 +16306,7 @@ function QuoteModeProvider({ children }) {
     if (!checkoutId) {
       return;
     }
-    const key = `${checkoutId}|${builder.mode}`;
+    const key = `${checkoutId}|${builder.mode}|${hasPostAction}`;
     if (lastLoggedKey.current === key) {
       return;
     }
@@ -20079,7 +20100,8 @@ var ConnectedBluvoPaymentMethodItem = ({
   isSelected,
   onSelect,
   onBrokerageError,
-  showSelectedCheckmark = true
+  showSelectedCheckmark = true,
+  disabled
 }) => {
   const { isUserGeoblocked } = useFunkitUserIp();
   const { t } = useFunkitTranslation();
@@ -20106,7 +20128,7 @@ var ConnectedBluvoPaymentMethodItem = ({
     time: estimatedTimeText
   });
   const hasLowBalance = !isPending && sourceBalance < getUsdMinAmount();
-  const isDisabled = isPending || !!isBalanceError || hasLowBalance || isUserGeoblocked;
+  const isDisabled = disabled || isPending || !!isBalanceError || hasLowBalance || isUserGeoblocked;
   const icon = isPending ? /* @__PURE__ */ React76.createElement(SpinnerIcon, { size: 20 }) : label.icon;
   useEffect28(() => {
     if (isPending) {
@@ -20136,7 +20158,8 @@ var AccountBalancePaymentMethodItem = ({
   showSelectedCheckmark = true,
   onSelect,
   targetChainId,
-  testId
+  testId,
+  disabled
 }) => {
   const { isUserGeoblocked } = useFunkitUserIp();
   const { activeTheme } = useActiveTheme();
@@ -20161,7 +20184,7 @@ var AccountBalancePaymentMethodItem = ({
     activeTheme.dimensions.paymentMethodItemIconSize,
     10
   );
-  const isDisabled = isLoadingAssets || !hasUsableBalance || isUserGeoblocked;
+  const isDisabled = disabled || isLoadingAssets || !hasUsableBalance || isUserGeoblocked;
   return /* @__PURE__ */ React76.createElement(
     FunPaymentMethodItem,
     {
@@ -20309,7 +20332,8 @@ var ActiveFiatAccountPaymentMethodItem = ({
   onClick,
   paymentMethodInfo,
   customValueIcon,
-  testId
+  testId,
+  disabled
 }) => {
   const { isUserGeoblocked } = useFunkitUserIp();
   const { t } = useFunkitTranslation();
@@ -20323,7 +20347,7 @@ var ActiveFiatAccountPaymentMethodItem = ({
     FunPaymentMethodItem,
     {
       isActive,
-      isDisabled: isUserGeoblocked,
+      isDisabled: disabled || isUserGeoblocked,
       keyIcon: label.icon,
       valueIcon: customValueIcon ?? (customerStatus === BridgeCustomerStatus3.OFFBOARDED && /* @__PURE__ */ React76.createElement(BridgeCustomerStatusBadge, { status: customerStatus })),
       keyText,
@@ -20479,12 +20503,13 @@ function FopPaymentMethodItem({
   isActive,
   onClick,
   testId,
-  disclaimerLimit
+  disclaimerLimit,
+  disabled
 }) {
   const { isUserGeoblocked } = useFunkitUserIp();
   const { geoblocked: isQrCodeGeoblocked } = useIsQRCodeTransferEnabled();
   const isGeoblocked = isQrCodeGeoblocked || isUserGeoblocked;
-  const isDisabled = isGeoblocked || !fop.embeddedFlowUrl;
+  const isDisabled = disabled || isGeoblocked || !fop.embeddedFlowUrl;
   const { activeTheme, darkTheme: darkTheme2 } = useActiveTheme();
   const { t } = useFunkitTranslation();
   const isDarkMode = activeTheme === darkTheme2;
@@ -26712,7 +26737,8 @@ function FormOfPaymentsContent({
   onFopSelect,
   exchangeRatesData,
   defaultMaxItems,
-  enableSourceGroupLabels
+  enableSourceGroupLabels,
+  isDisabled
 }) {
   const { t } = useFunkitTranslation();
   const [isExpanded, setIsExpanded] = useState38(false);
@@ -26761,7 +26787,8 @@ function FormOfPaymentsContent({
       fop,
       disclaimerLimit: getFopsLimit(fop, exchangeRatesData),
       isActive: selectedFop?.embeddedFlowUrl === fop.embeddedFlowUrl,
-      onClick: () => onFopSelect(fop)
+      onClick: () => onFopSelect(fop),
+      disabled: isDisabled
     }
   );
   if (!enableSourceGroupLabels) {
@@ -26792,7 +26819,8 @@ function FormOfPaymentsList({
   selectedFop,
   onFopSelect,
   exchangeRatesData,
-  enableSourceGroupLabels
+  enableSourceGroupLabels,
+  isDisabled
 }) {
   const { uiCustomizations } = useFunkitConfig();
   const boxClassName = uiCustomizations.enableCompactList ? sourceListCompactBoxStyles : sourceListBoxStyles;
@@ -26822,7 +26850,8 @@ function FormOfPaymentsList({
         onFopSelect,
         exchangeRatesData,
         defaultMaxItems,
-        enableSourceGroupLabels
+        enableSourceGroupLabels,
+        isDisabled
       }
     );
   }
@@ -27656,7 +27685,7 @@ function WithdrawalModal({
 }
 
 // src/modals/AccountModal/AccountModal.tsx
-import React255 from "react";
+import React256 from "react";
 
 // src/modals/ProfileDetails/ActivityTraversalContext.tsx
 import React138, {
@@ -27731,15 +27760,15 @@ var useActivityTraversal = () => {
 };
 
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React254, { useCallback as useCallback49, useState as useState73 } from "react";
+import React255, { useCallback as useCallback49, useState as useState73 } from "react";
 
 // src/components/ModalHeightAnimationLayer/FunCheckoutModalHeightAnimationWrapper.tsx
-import React240 from "react";
+import React241 from "react";
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
   useCallback as useCallback47,
-  useEffect as useEffect61,
+  useEffect as useEffect62,
   useRef as useRef32,
   useState as useState70
 } from "react";
@@ -37559,7 +37588,7 @@ import {
 } from "@funkit/api-base";
 import { LIGHTER_CHAIN_ID as LIGHTER_CHAIN_ID3 } from "@funkit/chains";
 import { noop as noop8 } from "@funkit/utils";
-import React221, { useEffect as useEffect55, useRef as useRef28, useState as useState63 } from "react";
+import React222, { useEffect as useEffect56, useRef as useRef28, useState as useState63 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
 
 // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -37659,6 +37688,13 @@ var ReceiveTokenDropdown = ({
   );
 };
 
+// src/hooks/useIsUserUnderComplianceReview.ts
+function useIsUserUnderComplianceReview() {
+  const { transferInit } = useCheckoutTransferInit();
+  const isComplianceReviewEnabled = useFeatureGate("compliance-review-blocker");
+  return isComplianceReviewEnabled && !!transferInit?.blocked;
+}
+
 // src/hooks/useSwappedPreload.ts
 import { useEffect as useEffect54 } from "react";
 
@@ -37822,46 +37858,88 @@ function useSwappedPreload(fopsData) {
   }, [fopsData, setIframeUrl, fopPriority]);
 }
 
+// src/modals/CheckoutModal/SourceChange/ComplianceReviewBanner.tsx
+import React218, { useEffect as useEffect55 } from "react";
+import { Trans as Trans14 } from "react-i18next";
+function ComplianceReviewBanner({
+  checkoutId
+}) {
+  const { t } = useFunkitTranslation();
+  const { logEvent } = useTrack();
+  useEffect55(() => {
+    logEvent({
+      eventName: "fc::compliance_review::banner_shown" /* COMPLIANCE_REVIEW_BANNER_SHOWN */,
+      metadata: { checkoutId }
+    });
+  }, [checkoutId, logEvent]);
+  const trackGetHelpClick = () => {
+    logEvent({
+      eventName: "fc::compliance_review::get_help_clicked" /* COMPLIANCE_REVIEW_GET_HELP_CLICKED */,
+      metadata: { checkoutId }
+    });
+  };
+  return /* @__PURE__ */ React218.createElement(Box, { marginBottom: "8" }, /* @__PURE__ */ React218.createElement(
+    InfoBanner,
+    {
+      type: "warning",
+      message: /* @__PURE__ */ React218.createElement(
+        Trans14,
+        {
+          t,
+          i18nKey: "sourceChange.complianceReviewMessage",
+          components: {
+            GetHelpLink: /* @__PURE__ */ React218.createElement(ContactSupportLink, { size: "10", onClick: trackGetHelpClick })
+          }
+        }
+      )
+    }
+  ));
+}
+
 // src/modals/CheckoutModal/SourceChange/ConnectedSource.tsx
-import React218 from "react";
+import React219 from "react";
 var ConnectedSource = ({
   paymentInfo,
   targetChainId,
   selectedPaymentInfo,
   showSelectedCheckmark,
-  onSelect
+  onSelect,
+  isDisabled
 }) => {
   const isSelected = selectedPaymentInfo?.paymentMethod === paymentInfo.paymentMethod;
   switch (paymentInfo.paymentMethod) {
     case "balance" /* ACCOUNT_BALANCE */:
-      return /* @__PURE__ */ React218.createElement(
+      return /* @__PURE__ */ React219.createElement(
         AccountBalancePaymentMethodItem,
         {
           showSelectedCheckmark,
           isSelected,
           onSelect,
           targetChainId,
-          testId: "checkout-source-account-balance"
+          testId: "checkout-source-account-balance",
+          disabled: isDisabled
         }
       );
     case "brokerage" /* BROKERAGE */:
-      return /* @__PURE__ */ React218.createElement(
+      return /* @__PURE__ */ React219.createElement(
         ConnectedBluvoPaymentMethodItem,
         {
           paymentMethodInfo: paymentInfo,
           isSelected,
           onSelect,
-          targetChainId
+          targetChainId,
+          disabled: isDisabled
         }
       );
     case "virtual_bank" /* VIRTUAL_BANK */:
-      return /* @__PURE__ */ React218.createElement(
+      return /* @__PURE__ */ React219.createElement(
         ActiveFiatAccountPaymentMethodItem,
         {
           isActive: isSelected,
           onClick: onSelect,
           paymentMethodInfo: paymentInfo,
-          testId: "checkout-source-fiat-account"
+          testId: "checkout-source-fiat-account",
+          disabled: isDisabled
         }
       );
     default:
@@ -37870,11 +37948,11 @@ var ConnectedSource = ({
 };
 
 // src/modals/CheckoutModal/SourceChange/SourceList.tsx
-import React220 from "react";
+import React221 from "react";
 
 // src/modals/CheckoutModal/SourceChange/PayPal.tsx
 import { MeldServiceProvider as MeldServiceProvider3 } from "@funkit/api-base";
-import React219, { useCallback as useCallback42 } from "react";
+import React220, { useCallback as useCallback42 } from "react";
 function PayPal() {
   const { apiKey } = useFunkitConfig();
   const { data: defaultCurrency } = useMeldDefaultCurrency("card" /* CARD */);
@@ -37901,7 +37979,7 @@ function PayPal() {
     return null;
   }
   const isLoading = isPaypalReady && (!defaultCurrency || !amounts[1] || isPending);
-  return /* @__PURE__ */ React219.createElement(
+  return /* @__PURE__ */ React220.createElement(
     PayPalPaymentMethodItem,
     {
       isClickable: !isLoading,
@@ -37928,21 +38006,21 @@ function SourceList({
   const hasMoreSources = moreSources.length > 0 || unavailable.length > 0;
   const boxClassName = uiCustomizations.enableCompactList ? sourceListCompactBoxStyles : sourceListBoxStyles;
   if (isSwappedEnabled) {
-    return /* @__PURE__ */ React220.createElement(
+    return /* @__PURE__ */ React221.createElement(
       Box,
       {
         display: "flex",
         flexDirection: "column",
         ...{ [WITH_EMPTY_STATE_DATA_ATTRIBUTE]: true }
       },
-      /* @__PURE__ */ React220.createElement(
+      /* @__PURE__ */ React221.createElement(
         Box,
         {
           display: "flex",
           flexDirection: "column",
           className: enableSourceGroupLabels ? sourceListGroupContainerStyles : sourceListGroupContainerNoLabelsStyles
         },
-        preferred.length > 0 && /* @__PURE__ */ React220.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, enableSourceGroupLabels && /* @__PURE__ */ React220.createElement(
+        preferred.length > 0 && /* @__PURE__ */ React221.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, enableSourceGroupLabels && /* @__PURE__ */ React221.createElement(
           Text,
           {
             color: "secondaryText",
@@ -37950,8 +38028,8 @@ function SourceList({
             weight: "sourceListSectionLabelFontWeight"
           },
           isFallback ? t("sourceChange.mostPopular") : t("sourceChange.connected")
-        ), /* @__PURE__ */ React220.createElement(Box, { className: boxClassName }, preferred.map(renderSource))),
-        hasMoreSources && /* @__PURE__ */ React220.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, preferred.length > 0 && enableSourceGroupLabels && /* @__PURE__ */ React220.createElement(
+        ), /* @__PURE__ */ React221.createElement(Box, { className: boxClassName }, preferred.map(renderSource))),
+        hasMoreSources && /* @__PURE__ */ React221.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, preferred.length > 0 && enableSourceGroupLabels && /* @__PURE__ */ React221.createElement(
           Text,
           {
             color: "secondaryText",
@@ -37959,11 +38037,11 @@ function SourceList({
             weight: "sourceListSectionLabelFontWeight"
           },
           t("sourceChange.otherOptions")
-        ), /* @__PURE__ */ React220.createElement(Box, { className: boxClassName }, moreSources.map(renderSource), unavailable.map(renderUnavailable)))
+        ), /* @__PURE__ */ React221.createElement(Box, { className: boxClassName }, moreSources.map(renderSource), unavailable.map(renderUnavailable)))
       )
     );
   }
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React221.createElement(
     Box,
     {
       display: "flex",
@@ -37972,7 +38050,7 @@ function SourceList({
       ...{ [WITH_EMPTY_STATE_DATA_ATTRIBUTE]: true }
     },
     preferred.map(renderSource),
-    preferred.length > 0 && hasMoreSources && /* @__PURE__ */ React220.createElement(
+    preferred.length > 0 && hasMoreSources && /* @__PURE__ */ React221.createElement(
       FunDivider,
       {
         label: t("sourceChange.more"),
@@ -37983,7 +38061,7 @@ function SourceList({
     ),
     moreSources.map(renderSource),
     unavailable.map(renderUnavailable),
-    /* @__PURE__ */ React220.createElement(PayPal, null)
+    /* @__PURE__ */ React221.createElement(PayPal, null)
   );
 }
 
@@ -38129,11 +38207,12 @@ function SourceChange({
     paymentMethodInfo,
     targetChainId
   );
+  const isUnderComplianceReview = useIsUserUnderComplianceReview();
   const enableSourceGroupLabels = useDynamicConfig("enablesourcegrouplabels");
   const showTagline = useDynamicConfig("showpoweredtagline");
   const hasBottomBar = showTagline || !isAutoContinue || bottomBarCloseButtonConfig.enabled;
   useSwappedPreload(fopsData?.data);
-  useEffect55(() => {
+  useEffect56(() => {
     if (!paymentMethodInfo) {
       return;
     }
@@ -38200,7 +38279,7 @@ function SourceChange({
       )
     );
   });
-  useEffect55(() => {
+  useEffect56(() => {
     sendPaymentMethodTabEvent(paymentMethodTab);
   }, [paymentMethodTab, sendPaymentMethodTabEvent]);
   const handleNewSourceContinue = async (newSource2, isConfirmed = false) => {
@@ -38263,6 +38342,22 @@ function SourceChange({
       });
     }
   };
+  const handleBottomBarContinueClick = () => {
+    if (isUnderComplianceReview) {
+      return;
+    }
+    if (selectedFop) {
+      onNext({
+        swappedIframe: true,
+        selectedPaymentOption: selectedFop,
+        paymentMethodTypeFilter: paymentMethodTab
+      });
+    } else if (connectedSource === null && !!newSource) {
+      handleNewSourceContinue(newSource, true);
+    } else if (connectedSource) {
+      handleConnectedSourceContinue(connectedSource, true);
+    }
+  };
   const handleTargetAssetChange = (token) => {
     setSelectedTargetAsset(token);
     updateTargetAsset({
@@ -38276,7 +38371,7 @@ function SourceChange({
   };
   function renderSource(source) {
     if (isConnectablePaymentMethodInfo(source)) {
-      return /* @__PURE__ */ React221.createElement(
+      return /* @__PURE__ */ React222.createElement(
         ConnectedSource,
         {
           key: source.title,
@@ -38284,22 +38379,24 @@ function SourceChange({
           targetChainId,
           selectedPaymentInfo: connectedSource,
           showSelectedCheckmark: !isOstiumCustomer(apiKey),
-          onSelect: () => handleConnectedSourceContinue(source)
+          onSelect: isUnderComplianceReview ? noop8 : () => handleConnectedSourceContinue(source),
+          isDisabled: isUnderComplianceReview
         }
       );
     }
-    return /* @__PURE__ */ React221.createElement(
+    return /* @__PURE__ */ React222.createElement(
       AddPaymentMethodItem,
       {
         key: source,
         paymentMethod: source,
-        isActive: newSource === source,
-        onClick: () => handleNewSourceContinue(source)
+        isActive: !isUnderComplianceReview && newSource === source,
+        isClickable: !isUnderComplianceReview,
+        onClick: isUnderComplianceReview ? noop8 : () => handleNewSourceContinue(source)
       }
     );
   }
   function renderUnavailable({ method, reason }) {
-    return /* @__PURE__ */ React221.createElement(
+    return /* @__PURE__ */ React222.createElement(
       AddPaymentMethodItem,
       {
         key: method,
@@ -38307,13 +38404,13 @@ function SourceChange({
         isActive: false,
         isClickable: false,
         onClick: noop8,
-        customValueIcon: /* @__PURE__ */ React221.createElement(PaymentMethodDisabledBadge, { reason })
+        customValueIcon: /* @__PURE__ */ React222.createElement(PaymentMethodDisabledBadge, { reason })
       }
     );
   }
   function renderPaymentMethodContent(tab) {
     if (isSwappedEnabled && tab === "fiat") {
-      return /* @__PURE__ */ React221.createElement(
+      return /* @__PURE__ */ React222.createElement(
         FormOfPaymentsList,
         {
           fopsData: fopsData.data,
@@ -38321,11 +38418,12 @@ function SourceChange({
           selectedFop,
           onFopSelect: handleFopSelect,
           exchangeRatesData: exchangeRates.data,
-          enableSourceGroupLabels
+          enableSourceGroupLabels,
+          isDisabled: isUnderComplianceReview
         }
       );
     }
-    return /* @__PURE__ */ React221.createElement(
+    return /* @__PURE__ */ React222.createElement(
       SourceList,
       {
         isFallback,
@@ -38337,16 +38435,16 @@ function SourceChange({
       }
     );
   }
-  return /* @__PURE__ */ React221.createElement(Box, { id: "source-change-page", style: { display: "contents" } }, /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React222.createElement(Box, { id: "source-change-page", style: { display: "contents" } }, /* @__PURE__ */ React222.createElement(
     Box,
     {
       className: paymentMethodStaticArea,
       display: "flex",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React221.createElement(CheckoutTopAnnouncementBanner, null),
+    /* @__PURE__ */ React222.createElement(CheckoutTopAnnouncementBanner, null),
     customTopComponent?.(),
-    isTargetAssetSelectable && /* @__PURE__ */ React221.createElement(Box, { marginBottom: "8" }, /* @__PURE__ */ React221.createElement(
+    isTargetAssetSelectable && /* @__PURE__ */ React222.createElement(Box, { marginBottom: "8" }, /* @__PURE__ */ React222.createElement(
       ReceiveTokenDropdown,
       {
         activeItemLabel: t("sourceChange.selectDestinationTokenLabel"),
@@ -38359,7 +38457,7 @@ function SourceChange({
         tokens: dynamicTargetAssets
       }
     ))
-  ), isTargetAssetSelectable && isSwappedEnabled && /* @__PURE__ */ React221.createElement(
+  ), isTargetAssetSelectable && isSwappedEnabled && /* @__PURE__ */ React222.createElement(
     FunDivider,
     {
       marginTop: "16",
@@ -38367,29 +38465,30 @@ function SourceChange({
       borderColor: "lightStroke",
       className: fullWidthContentDivider
     }
-  ), isSwappedEnabled && /* @__PURE__ */ React221.createElement(
+  ), /* @__PURE__ */ React222.createElement(
     Box,
     {
       className: paymentMethodStaticArea,
       display: "flex",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React221.createElement(
+    isSwappedEnabled && /* @__PURE__ */ React222.createElement(
       CryptoCashToggle,
       {
         marginTop: customTopComponent ? "24" : "0",
         activeTab: paymentMethodTab,
         onTabChange: handlePaymentMethodTabChange
       }
-    )
-  ), isSwappedEnabled && paymentMethodTab === "fiat" && /* @__PURE__ */ React221.createElement(
+    ),
+    isUnderComplianceReview && /* @__PURE__ */ React222.createElement(ComplianceReviewBanner, { checkoutId: modalState.checkoutId })
+  ), isSwappedEnabled && paymentMethodTab === "fiat" && /* @__PURE__ */ React222.createElement(
     FunDivider,
     {
       borderColor: "lightStroke",
       className: fullWidthContentDivider,
       visible: paymentListScroll.hasTopDivider
     }
-  ), /* @__PURE__ */ React221.createElement(
+  ), /* @__PURE__ */ React222.createElement(
     PaddedScrollableArea,
     {
       ref: paymentListScroll.ref,
@@ -38397,7 +38496,7 @@ function SourceChange({
       isScrolling: paymentListScroll.isScrolling,
       paddingBottom: hasBottomBar ? void 0 : "modalPaddingBottomLower"
     },
-    leavingTab !== null && /* @__PURE__ */ React221.createElement(
+    leavingTab !== null && /* @__PURE__ */ React222.createElement(
       Box,
       {
         key: leavingTab,
@@ -38411,15 +38510,15 @@ function SourceChange({
       },
       renderPaymentMethodContent(leavingTab)
     ),
-    /* @__PURE__ */ React221.createElement(Box, { className: leavingTab !== null ? enteringClass : void 0 }, renderPaymentMethodContent(paymentMethodTab))
-  ), /* @__PURE__ */ React221.createElement(Box, { className: emptyStateStyles }, /* @__PURE__ */ React221.createElement(
+    /* @__PURE__ */ React222.createElement(Box, { className: leavingTab !== null ? enteringClass : void 0 }, renderPaymentMethodContent(paymentMethodTab))
+  ), /* @__PURE__ */ React222.createElement(Box, { className: emptyStateStyles }, /* @__PURE__ */ React222.createElement(
     FunNoResults,
     {
       text: t("checkout.noAvailableTokensMessage"),
       title: t("checkout.noAvailableTokens"),
       variant: "actionable"
     }
-  )), isSwappedEnabled && paymentMethodTab === "fiat" && hasBottomBar && /* @__PURE__ */ React221.createElement(
+  )), isSwappedEnabled && paymentMethodTab === "fiat" && hasBottomBar && /* @__PURE__ */ React222.createElement(
     FunDivider,
     {
       borderColor: "lightStroke",
@@ -38427,25 +38526,13 @@ function SourceChange({
       visible: paymentListScroll.isScrollable && !paymentListScroll.isAtBottom
     }
   ), bottomSectionRef && createPortal18(
-    /* @__PURE__ */ React221.createElement(
+    /* @__PURE__ */ React222.createElement(
       Dialog.BottomBar,
       {
         actionButtonProps: isAutoContinue ? void 0 : {
           title: t("common.continue"),
-          onClick: () => {
-            if (selectedFop) {
-              onNext({
-                swappedIframe: true,
-                selectedPaymentOption: selectedFop,
-                paymentMethodTypeFilter: paymentMethodTab
-              });
-            } else if (connectedSource === null && !!newSource) {
-              handleNewSourceContinue(newSource, true);
-            } else if (connectedSource) {
-              handleConnectedSourceContinue(connectedSource, true);
-            }
-          },
-          isDisabled: !newSource && !connectedSource && !selectedFop
+          onClick: handleBottomBarContinueClick,
+          isDisabled: isUnderComplianceReview || !newSource && !connectedSource && !selectedFop
         },
         onCloseLabel: t(bottomBarCloseButtonConfig.labelKey),
         onClose: bottomBarCloseButtonConfig.enabled ? onClose : void 0
@@ -38468,18 +38555,18 @@ function trackEventForTabChange(checkoutItem, tab) {
 
 // src/modals/CheckoutModal/SwappedIframe/SwappedIframeController.tsx
 import { useQueryClient as useQueryClient3 } from "@tanstack/react-query";
-import React223, { useEffect as useEffect57 } from "react";
+import React224, { useEffect as useEffect58 } from "react";
 import { createPortal as createPortal19 } from "react-dom";
 
 // src/components/SwappedIframeSkeleton.tsx
-import React222 from "react";
+import React223 from "react";
 function SwappedIframeSkeleton({
   id,
   onBack
 }) {
   const { t } = useFunkitTranslation();
   const { swappedTheme } = useSwappedContext();
-  return /* @__PURE__ */ React222.createElement(
+  return /* @__PURE__ */ React223.createElement(
     Box,
     {
       display: "flex",
@@ -38489,7 +38576,7 @@ function SwappedIframeSkeleton({
       width: "full",
       id
     },
-    /* @__PURE__ */ React222.createElement(
+    /* @__PURE__ */ React223.createElement(
       Box,
       {
         marginTop: "14",
@@ -38499,11 +38586,11 @@ function SwappedIframeSkeleton({
         width: "full",
         justifyContent: "space-between"
       },
-      /* @__PURE__ */ React222.createElement(
+      /* @__PURE__ */ React223.createElement(
         FunIconButton,
         {
           onClick: onBack,
-          icon: /* @__PURE__ */ React222.createElement(ArrowIcon, { direction: "left", size: 18 }),
+          icon: /* @__PURE__ */ React223.createElement(ArrowIcon, { direction: "left", size: 18 }),
           ariaLabel: t("common.back"),
           size: "18",
           testId: "back-button",
@@ -38516,7 +38603,7 @@ function SwappedIframeSkeleton({
           iconVisualWeightCenter: "left"
         }
       ),
-      /* @__PURE__ */ React222.createElement(Box, null, /* @__PURE__ */ React222.createElement(
+      /* @__PURE__ */ React223.createElement(Box, null, /* @__PURE__ */ React223.createElement(
         FunSkeletonBlock,
         {
           height: "32px",
@@ -38524,9 +38611,9 @@ function SwappedIframeSkeleton({
           style: { width: 128, borderRadius: "12px" }
         }
       )),
-      /* @__PURE__ */ React222.createElement(Box, { style: { width: 22 }, height: "18" })
+      /* @__PURE__ */ React223.createElement(Box, { style: { width: 22 }, height: "18" })
     ),
-    /* @__PURE__ */ React222.createElement(
+    /* @__PURE__ */ React223.createElement(
       Box,
       {
         paddingBottom: "24",
@@ -38535,7 +38622,7 @@ function SwappedIframeSkeleton({
         alignItems: "center",
         width: "full"
       },
-      /* @__PURE__ */ React222.createElement(
+      /* @__PURE__ */ React223.createElement(
         FunSkeletonBlock,
         {
           height: "37px",
@@ -38543,7 +38630,7 @@ function SwappedIframeSkeleton({
           style: { width: 114, marginTop: "58px" }
         }
       ),
-      /* @__PURE__ */ React222.createElement(
+      /* @__PURE__ */ React223.createElement(
         FunSkeletonBlock,
         {
           height: "18px",
@@ -38552,7 +38639,7 @@ function SwappedIframeSkeleton({
           style: { width: 96 }
         }
       ),
-      /* @__PURE__ */ React222.createElement(Box, { display: "flex", gap: "12", marginTop: "12", width: "full" }, Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ React222.createElement(
+      /* @__PURE__ */ React223.createElement(Box, { display: "flex", gap: "12", marginTop: "12", width: "full" }, Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ React223.createElement(
         FunSkeletonBlock,
         {
           key: `skeleton-pill-${i}`,
@@ -38563,7 +38650,7 @@ function SwappedIframeSkeleton({
           }
         }
       ))),
-      /* @__PURE__ */ React222.createElement(
+      /* @__PURE__ */ React223.createElement(
         FunSkeletonBlock,
         {
           height: "150px",
@@ -38577,7 +38664,7 @@ function SwappedIframeSkeleton({
 }
 
 // src/hooks/useSwappedIframeLifecycle.ts
-import { useEffect as useEffect56, useRef as useRef29 } from "react";
+import { useEffect as useEffect57, useRef as useRef29 } from "react";
 var SWAPPED_IFRAME_TIMEOUT = 15e3;
 function useSwappedIframeLifecycle({
   fopType,
@@ -38586,11 +38673,11 @@ function useSwappedIframeLifecycle({
   const { activateIframe, deactivateIframe, isSwappedReady } = useSwappedContext();
   const timeoutRef = useRef29(void 0);
   const stableOnTimeout = useEffectEvent(onTimeout);
-  useEffect56(() => {
+  useEffect57(() => {
     activateIframe(fopType);
     return () => deactivateIframe();
   }, [fopType, activateIframe, deactivateIframe]);
-  useEffect56(() => {
+  useEffect57(() => {
     if (isSwappedReady) {
       clearTimeout(timeoutRef.current);
       return;
@@ -38647,13 +38734,13 @@ function SwappedIframeController({
       selectedPaymentOption,
       checkoutItem ?? { id: modalState.checkoutId },
       event,
-      extras
+      { ...extras, isSwappedReady }
     )
   );
-  useEffect57(() => {
+  useEffect58(() => {
     startMeasuredEvent("fc::ready::swapped_iframe" /* READY_SWAPPED_IFRAME */);
   }, [startMeasuredEvent]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (isSwappedReady) {
       const event = getTrackEvent("fc::ready::swapped_iframe" /* READY_SWAPPED_IFRAME */);
       logger.info("swapped-iframe:ready", event.metadata);
@@ -38699,7 +38786,9 @@ function SwappedIframeController({
         );
         logger.error("swapped-iframe:error", trackEvent.metadata);
         logEvent(trackEvent);
-        setModalState((s) => ({ ...s, error: true }));
+        if (!isSwappedReady) {
+          setModalState((s) => ({ ...s, error: true }));
+        }
         break;
       }
       case "SWAPPED_NAVIGATION":
@@ -38811,7 +38900,7 @@ function SwappedIframeController({
       }
     }
   }
-  useEffect57(() => {
+  useEffect58(() => {
     window.addEventListener("message", handleSwappedMessage);
     return () => window.removeEventListener("message", handleSwappedMessage);
   }, [handleSwappedMessage]);
@@ -38820,8 +38909,8 @@ function SwappedIframeController({
     onTimeout: () => setModalState((s) => ({ ...s, error: true }))
   });
   if (modalState.error) {
-    return /* @__PURE__ */ React223.createElement(React223.Fragment, null, /* @__PURE__ */ React223.createElement(SwappedErrorMessage, { minHeight: 268 }), bottomSectionRef && createPortal19(
-      /* @__PURE__ */ React223.createElement(
+    return /* @__PURE__ */ React224.createElement(React224.Fragment, null, /* @__PURE__ */ React224.createElement(SwappedErrorMessage, { minHeight: 268 }), bottomSectionRef && createPortal19(
+      /* @__PURE__ */ React224.createElement(
         Dialog.BottomBar,
         {
           actionButtonProps: {
@@ -38838,9 +38927,9 @@ function SwappedIframeController({
     ));
   }
   if (!isSwappedReady) {
-    return /* @__PURE__ */ React223.createElement(SwappedIframeSkeleton, { id: "swapped-iframe-loading", onBack });
+    return /* @__PURE__ */ React224.createElement(SwappedIframeSkeleton, { id: "swapped-iframe-loading", onBack });
   }
-  return /* @__PURE__ */ React223.createElement(Box, { id: "swapped-iframe" });
+  return /* @__PURE__ */ React224.createElement(Box, { id: "swapped-iframe" });
 }
 function trackEventForFormOfPayment(fop, checkoutItem, eventName, extras) {
   return {
@@ -38861,15 +38950,15 @@ function trackEventForFormOfPayment(fop, checkoutItem, eventName, extras) {
 
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 import { motion as motion13, useAnimationControls as useAnimationControls3 } from "motion/react";
-import React233, { useRef as useRef31, useState as useState67 } from "react";
+import React234, { useRef as useRef31, useState as useState67 } from "react";
 import { createPortal as createPortal20 } from "react-dom";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
 import { truncateMiddleOfAddress } from "@funkit/utils";
-import React224, { useCallback as useCallback44, useState as useState65 } from "react";
+import React225, { useCallback as useCallback44, useState as useState65 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback43, useEffect as useEffect58, useState as useState64 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect59, useState as useState64 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
   const [isCopied, setCopied] = useState64(false);
   const handleCopy = useCallback43(() => {
@@ -38879,7 +38968,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
     navigator.clipboard.writeText(text);
     setCopied(true);
   }, [text]);
-  useEffect58(() => {
+  useEffect59(() => {
     if (!isCopied) {
       return;
     }
@@ -38924,8 +39013,8 @@ function CopyInputDisplayedAddressEN({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy, onAddressCopied]);
-  return /* @__PURE__ */ React224.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React224.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React224.createElement(Text, { size: "depositAddressFontSize" }, displayAddress)), /* @__PURE__ */ React224.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React224.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React224.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React224.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React224.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React224.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React224.createElement("div", { className: copyInputText }, /* @__PURE__ */ React224.createElement("span", null, "Cop"), /* @__PURE__ */ React224.createElement("span", { className: copyInputTextWrapper }, ["y", " ", "a", "d", "d", "r", "e", "s", "s"].map(
-    (char, i) => /* @__PURE__ */ React224.createElement(
+  return /* @__PURE__ */ React225.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React225.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React225.createElement(Text, { size: "depositAddressFontSize" }, displayAddress)), /* @__PURE__ */ React225.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React225.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React225.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React225.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React225.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React225.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React225.createElement("div", { className: copyInputText }, /* @__PURE__ */ React225.createElement("span", null, "Cop"), /* @__PURE__ */ React225.createElement("span", { className: copyInputTextWrapper }, ["y", " ", "a", "d", "d", "r", "e", "s", "s"].map(
+    (char, i) => /* @__PURE__ */ React225.createElement(
       "span",
       {
         className: copyInputTextDefault,
@@ -38936,9 +39025,9 @@ function CopyInputDisplayedAddressEN({
           "--animation-opacity": isActive === false ? "0" : "1"
         }
       },
-      char === " " ? /* @__PURE__ */ React224.createElement(React224.Fragment, null, "\xA0") : char
+      char === " " ? /* @__PURE__ */ React225.createElement(React225.Fragment, null, "\xA0") : char
     )
-  ), ["ied"].map((char, i) => /* @__PURE__ */ React224.createElement(
+  ), ["ied"].map((char, i) => /* @__PURE__ */ React225.createElement(
     "span",
     {
       className: copyInputTextActive,
@@ -38971,17 +39060,17 @@ function CopyInputDisplayedAddressI18n({
     handleCopy();
   }, [isActive, handleCopy]);
   const buttonText = isActive ? t("common.copied") : t("common.copyAddress");
-  return /* @__PURE__ */ React224.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React224.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React224.createElement(Text, { size: "depositAddressFontSize" }, displayAddress)), /* @__PURE__ */ React224.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React224.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React224.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React224.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React224.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React224.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React224.createElement("div", { className: copyInputText }, buttonText)))));
+  return /* @__PURE__ */ React225.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React225.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React225.createElement(Text, { size: "depositAddressFontSize" }, displayAddress)), /* @__PURE__ */ React225.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React225.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React225.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React225.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React225.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React225.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React225.createElement("div", { className: copyInputText }, buttonText)))));
 }
 function CopyInputDisplayedAddress(props) {
   const { i18n: i18n2 } = useFunkitTranslation();
   const isEnglish = i18n2.language === "en" || i18n2.language === "buy_en";
-  return isEnglish ? /* @__PURE__ */ React224.createElement(CopyInputDisplayedAddressEN, { ...props }) : /* @__PURE__ */ React224.createElement(CopyInputDisplayedAddressI18n, { ...props });
+  return isEnglish ? /* @__PURE__ */ React225.createElement(CopyInputDisplayedAddressEN, { ...props }) : /* @__PURE__ */ React225.createElement(CopyInputDisplayedAddressI18n, { ...props });
 }
 
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
-import React225, { useMemo as useMemo55 } from "react";
+import React226, { useMemo as useMemo55 } from "react";
 var generateMatrix = (value, errorCorrectionLevel) => {
   const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
   const sqrt = Math.sqrt(data.length);
@@ -39025,7 +39114,7 @@ function QRCode({
         const borderRadius = enableCornerMarkersRadius ? (i - 2) * -5 + (i === 0 ? 2 : 0) : 0;
         const size2 = cellSize * (7 - i * 2);
         dots2.push(
-          /* @__PURE__ */ React225.createElement(
+          /* @__PURE__ */ React226.createElement(
             "rect",
             {
               fill: i % 2 !== 0 ? activeTheme.colors.modalBackground : "currentColor",
@@ -39050,7 +39139,7 @@ function QRCode({
           if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
             if (!(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
               dots2.push(
-                /* @__PURE__ */ React225.createElement(
+                /* @__PURE__ */ React226.createElement(
                   "circle",
                   {
                     cx: i * cellSize + cellSize / 2,
@@ -39077,7 +39166,7 @@ function QRCode({
   ]);
   const logoPosition = size / 2 - logoSize / 2;
   const logoWrapperSize = logoSize + logoMargin * 2;
-  return /* @__PURE__ */ React225.createElement(
+  return /* @__PURE__ */ React226.createElement(
     Box,
     {
       ...enableOuterBorder && {
@@ -39092,7 +39181,7 @@ function QRCode({
       background: "modalBackground",
       color: "primaryText"
     },
-    /* @__PURE__ */ React225.createElement(
+    /* @__PURE__ */ React226.createElement(
       Box,
       {
         style: {
@@ -39102,7 +39191,7 @@ function QRCode({
         },
         userSelect: "none"
       },
-      /* @__PURE__ */ React225.createElement(
+      /* @__PURE__ */ React226.createElement(
         Box,
         {
           display: "flex",
@@ -39115,7 +39204,7 @@ function QRCode({
           },
           width: "full"
         },
-        /* @__PURE__ */ React225.createElement(
+        /* @__PURE__ */ React226.createElement(
           AsyncImage,
           {
             background: logoBackground,
@@ -39127,20 +39216,20 @@ function QRCode({
           }
         )
       ),
-      /* @__PURE__ */ React225.createElement("svg", { height: size, style: { all: "revert" }, width: size }, /* @__PURE__ */ React225.createElement("title", null, "QR Code"), /* @__PURE__ */ React225.createElement("defs", null, /* @__PURE__ */ React225.createElement("clipPath", { id: "clip-wrapper" }, /* @__PURE__ */ React225.createElement("rect", { height: logoWrapperSize, width: logoWrapperSize })), /* @__PURE__ */ React225.createElement("clipPath", { id: "clip-logo" }, /* @__PURE__ */ React225.createElement("rect", { height: logoSize, width: logoSize }))), /* @__PURE__ */ React225.createElement("rect", { fill: "transparent", height: size, width: size }), dots)
+      /* @__PURE__ */ React226.createElement("svg", { height: size, style: { all: "revert" }, width: size }, /* @__PURE__ */ React226.createElement("title", null, "QR Code"), /* @__PURE__ */ React226.createElement("defs", null, /* @__PURE__ */ React226.createElement("clipPath", { id: "clip-wrapper" }, /* @__PURE__ */ React226.createElement("rect", { height: logoWrapperSize, width: logoWrapperSize })), /* @__PURE__ */ React226.createElement("clipPath", { id: "clip-logo" }, /* @__PURE__ */ React226.createElement("rect", { height: logoSize, width: logoSize }))), /* @__PURE__ */ React226.createElement("rect", { fill: "transparent", height: size, width: size }), dots)
     )
   );
 }
 
 // src/components/QRCode/QRCodeSkeletonLoader.tsx
-import React226 from "react";
+import React227 from "react";
 var DOT_SIZE = "8";
 var QRCodeSkeletonLoader = ({
   diagonalDimension = 12,
   gapBetweenDots = "4"
 }) => {
   const size = diagonalDimension * Number(DOT_SIZE) + (diagonalDimension - 1) * Number(gapBetweenDots);
-  return /* @__PURE__ */ React226.createElement(Box, { padding: "5" }, /* @__PURE__ */ React226.createElement(
+  return /* @__PURE__ */ React227.createElement(Box, { padding: "5" }, /* @__PURE__ */ React227.createElement(
     Box,
     {
       display: "flex",
@@ -39150,7 +39239,7 @@ var QRCodeSkeletonLoader = ({
       gap: gapBetweenDots,
       style: { width: `${size}px`, height: `${size}px` }
     },
-    Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React226.createElement(
+    Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React227.createElement(
       Box,
       {
         display: "flex",
@@ -39159,7 +39248,7 @@ var QRCodeSkeletonLoader = ({
         gap: gapBetweenDots,
         key: index
       },
-      Array.from({ length: diagonalDimension }, (_2, index2) => /* @__PURE__ */ React226.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 }))
+      Array.from({ length: diagonalDimension }, (_2, index2) => /* @__PURE__ */ React227.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 }))
     ))
   ));
 };
@@ -39167,13 +39256,13 @@ var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
 
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
 import { formatNumberAndStringify } from "@funkit/utils";
-import React232 from "react";
-import { Trans as Trans14 } from "react-i18next";
+import React233 from "react";
+import { Trans as Trans15 } from "react-i18next";
 
 // src/components/Icons/New/FileIcon.tsx
-import React227 from "react";
+import React228 from "react";
 var FileIcon = () => {
-  return /* @__PURE__ */ React227.createElement(
+  return /* @__PURE__ */ React228.createElement(
     "svg",
     {
       width: "12",
@@ -39182,7 +39271,7 @@ var FileIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React227.createElement(
+    /* @__PURE__ */ React228.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -39195,9 +39284,9 @@ var FileIcon = () => {
 };
 
 // src/components/Icons/New/SpeedometerIcon.tsx
-import React228 from "react";
+import React229 from "react";
 var SpeedometerIcon = () => {
-  return /* @__PURE__ */ React228.createElement(
+  return /* @__PURE__ */ React229.createElement(
     "svg",
     {
       width: "12",
@@ -39206,7 +39295,7 @@ var SpeedometerIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React228.createElement(
+    /* @__PURE__ */ React229.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -39220,13 +39309,13 @@ var SpeedometerIcon = () => {
 
 // src/components/FunFeatureList/FunFeatureList.tsx
 import { motion as motion12, useAnimationControls as useAnimationControls2 } from "motion/react";
-import React230, { useState as useState66 } from "react";
+import React231, { useState as useState66 } from "react";
 
 // src/components/FunFeatureList/FunFeatureList.css.ts
 var detailsButton = "_1045qr71 _1rsrm2fpr _1rsrm2frr _1rsrm2ftn _1rsrm2fnn _1rsrm2fwv _1rsrm2fa _1rsrm2f4 _1rsrm2f84 _1rsrm2fu";
 
 // src/components/FunFeatureList/FunFeatureListItem.tsx
-import React229 from "react";
+import React230 from "react";
 var FunFeatureListItem = ({
   text,
   tooltip,
@@ -39237,7 +39326,7 @@ var FunFeatureListItem = ({
 }) => {
   const valueLabel = value && (prefix ? ` ${prefix}${value}` : ` ${value}`);
   const isMultiline = Array.isArray(value) && value.length > 0;
-  const TooltipWrapperElement = /* @__PURE__ */ React229.createElement(
+  const TooltipWrapperElement = /* @__PURE__ */ React230.createElement(
     Box,
     {
       marginLeft: "4",
@@ -39253,7 +39342,7 @@ var FunFeatureListItem = ({
     },
     tooltip
   );
-  return /* @__PURE__ */ React229.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React229.createElement(
+  return /* @__PURE__ */ React230.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React230.createElement(
     Box,
     {
       color: "secondaryText",
@@ -39262,7 +39351,7 @@ var FunFeatureListItem = ({
       justifyContent: "center"
     },
     icon
-  ), /* @__PURE__ */ React229.createElement(
+  ), /* @__PURE__ */ React230.createElement(
     Box,
     {
       display: "flex",
@@ -39271,8 +39360,8 @@ var FunFeatureListItem = ({
         gap: "6"
       }
     },
-    isMultiline ? /* @__PURE__ */ React229.createElement(Box, { display: "flex" }, /* @__PURE__ */ React229.createElement(Text, { size: "funFeatureListItemFontSize", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React229.createElement(Text, { size: "funFeatureListItemFontSize" }, text, /* @__PURE__ */ React229.createElement(React229.Fragment, null, "\xA0")),
-    isMultiline ? /* @__PURE__ */ React229.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React229.createElement(
+    isMultiline ? /* @__PURE__ */ React230.createElement(Box, { display: "flex" }, /* @__PURE__ */ React230.createElement(Text, { size: "funFeatureListItemFontSize", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React230.createElement(Text, { size: "funFeatureListItemFontSize" }, text, /* @__PURE__ */ React230.createElement(React230.Fragment, null, "\xA0")),
+    isMultiline ? /* @__PURE__ */ React230.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React230.createElement(
       Text,
       {
         size: "funFeatureListItemFontSize",
@@ -39280,7 +39369,7 @@ var FunFeatureListItem = ({
         key: index
       },
       v
-    ))) : /* @__PURE__ */ React229.createElement(
+    ))) : /* @__PURE__ */ React230.createElement(
       Text,
       {
         size: "funFeatureListItemFontSize",
@@ -39317,7 +39406,7 @@ var FunFeatureList = ({
       onExpanded?.();
     }
   };
-  return /* @__PURE__ */ React230.createElement(
+  return /* @__PURE__ */ React231.createElement(
     Box,
     {
       ...withBackgroundContainer && {
@@ -39334,7 +39423,7 @@ var FunFeatureList = ({
       display: "flex",
       flexDirection: "column"
     },
-    isExpandable ? /* @__PURE__ */ React230.createElement(React230.Fragment, null, /* @__PURE__ */ React230.createElement(
+    isExpandable ? /* @__PURE__ */ React231.createElement(React231.Fragment, null, /* @__PURE__ */ React231.createElement(
       Box,
       {
         as: "button",
@@ -39350,9 +39439,9 @@ var FunFeatureList = ({
         disabled,
         onClick: handleExpandToggle
       },
-      items[0] && /* @__PURE__ */ React230.createElement(FunFeatureListItem, { ...items[0] }),
-      /* @__PURE__ */ React230.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
-    ), /* @__PURE__ */ React230.createElement(
+      items[0] && /* @__PURE__ */ React231.createElement(FunFeatureListItem, { ...items[0] }),
+      /* @__PURE__ */ React231.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
+    ), /* @__PURE__ */ React231.createElement(
       motion12.div,
       {
         initial: "collapsed",
@@ -39363,7 +39452,7 @@ var FunFeatureList = ({
           expanded: { height: "auto", opacity: 1, overflow: "visible" }
         }
       },
-      /* @__PURE__ */ React230.createElement(
+      /* @__PURE__ */ React231.createElement(
         Box,
         {
           paddingX: "12",
@@ -39372,7 +39461,7 @@ var FunFeatureList = ({
           gap: "6",
           paddingBottom: "8"
         },
-        items.slice(1).map((item, index) => /* @__PURE__ */ React230.createElement(
+        items.slice(1).map((item, index) => /* @__PURE__ */ React231.createElement(
           FunFeatureListItem,
           {
             key: index,
@@ -39384,7 +39473,7 @@ var FunFeatureList = ({
           }
         ))
       )
-    )) : /* @__PURE__ */ React230.createElement(
+    )) : /* @__PURE__ */ React231.createElement(
       Box,
       {
         display: "flex",
@@ -39395,7 +39484,7 @@ var FunFeatureList = ({
           paddingY: "8"
         }
       },
-      items.map((item, index) => /* @__PURE__ */ React230.createElement(
+      items.map((item, index) => /* @__PURE__ */ React231.createElement(
         Box,
         {
           key: index,
@@ -39406,16 +39495,16 @@ var FunFeatureList = ({
             background: "funFeatureListBackgroundBase"
           }
         },
-        /* @__PURE__ */ React230.createElement(FunFeatureListItem, { ...item })
+        /* @__PURE__ */ React231.createElement(FunFeatureListItem, { ...item })
       ))
     )
   );
 };
 
 // src/components/Icons/New/PercentageIcon.tsx
-import React231 from "react";
+import React232 from "react";
 var PercentageIcon = () => {
-  return /* @__PURE__ */ React231.createElement(
+  return /* @__PURE__ */ React232.createElement(
     "svg",
     {
       width: "12",
@@ -39424,7 +39513,7 @@ var PercentageIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React231.createElement(
+    /* @__PURE__ */ React232.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -39442,7 +39531,7 @@ var FunLinkButtonComponent3 = ({
   href,
   size = "funFeatureListItemFontSize"
 }) => {
-  return /* @__PURE__ */ React232.createElement(FunLinkButton, { href, inline: true, text: children, size });
+  return /* @__PURE__ */ React233.createElement(FunLinkButton, { href, inline: true, text: children, size });
 };
 var TransferTokenDetails = ({
   estProcessingTime,
@@ -39460,7 +39549,7 @@ var TransferTokenDetails = ({
     !!estProcessingTime
   );
   const gasFees = void 0;
-  return /* @__PURE__ */ React232.createElement(
+  return /* @__PURE__ */ React233.createElement(
     FunFeatureList,
     {
       isExpandable: true,
@@ -39472,17 +39561,17 @@ var TransferTokenDetails = ({
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "< " : "",
             value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React232.createElement(DollarIcon, null),
-            tooltip: /* @__PURE__ */ React232.createElement(
+            icon: /* @__PURE__ */ React233.createElement(DollarIcon, null),
+            tooltip: /* @__PURE__ */ React233.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React232.createElement(
-                  Trans14,
+                content: /* @__PURE__ */ React233.createElement(
+                  Trans15,
                   {
                     t,
                     i18nKey: "fees.priceImpactTooltip",
                     components: {
-                      LearnMoreLink: /* @__PURE__ */ React232.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
+                      LearnMoreLink: /* @__PURE__ */ React233.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
                     }
                   }
                 )
@@ -39495,17 +39584,17 @@ var TransferTokenDetails = ({
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? `${t("common.auto")} \u2022 ` : "",
             value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React232.createElement(PercentageIcon, null),
-            tooltip: /* @__PURE__ */ React232.createElement(
+            icon: /* @__PURE__ */ React233.createElement(PercentageIcon, null),
+            tooltip: /* @__PURE__ */ React233.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React232.createElement(
-                  Trans14,
+                content: /* @__PURE__ */ React233.createElement(
+                  Trans15,
                   {
                     t,
                     i18nKey: "fees.slippageTooltipFull",
                     components: {
-                      LearnMoreLink: /* @__PURE__ */ React232.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
+                      LearnMoreLink: /* @__PURE__ */ React233.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
                     }
                   }
                 )
@@ -39518,26 +39607,26 @@ var TransferTokenDetails = ({
             text: `${t("common.estimatedGas")}:`,
             prefix: "~",
             value: `$${gasFees}`,
-            icon: /* @__PURE__ */ React232.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React233.createElement(DollarIcon, null)
           }
         ] : [],
         {
           text: t("common.processingTime"),
           value: estimatedTimeText,
-          icon: /* @__PURE__ */ React232.createElement(SpeedometerIcon, null)
+          icon: /* @__PURE__ */ React233.createElement(SpeedometerIcon, null)
         },
         {
-          text: /* @__PURE__ */ React232.createElement(
-            Trans14,
+          text: /* @__PURE__ */ React233.createElement(
+            Trans15,
             {
               t,
               i18nKey: "common.haveQuestionsGetHelp",
               components: {
-                GetHelpLink: /* @__PURE__ */ React232.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs" })
+                GetHelpLink: /* @__PURE__ */ React233.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs" })
               }
             }
           ),
-          icon: /* @__PURE__ */ React232.createElement(FileIcon, null)
+          icon: /* @__PURE__ */ React233.createElement(FileIcon, null)
         }
       ]
     }
@@ -39545,7 +39634,7 @@ var TransferTokenDetails = ({
 };
 
 // src/modals/CheckoutModal/TransferToken/useTransferTokenTracking.ts
-import { useCallback as useCallback45, useEffect as useEffect59, useRef as useRef30 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect60, useRef as useRef30 } from "react";
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.track.ts
 function getNotificationId(item) {
@@ -39642,7 +39731,7 @@ function useTransferTokenTracking({
   toTokenAddress
 }) {
   const { logEvent } = useTrack();
-  useEffect59(() => {
+  useEffect60(() => {
     if (depositAddress && fromChainId && toChainId && toTokenAddress) {
       setTokenTransferAddressShownAtMs({
         fromChainId,
@@ -39724,7 +39813,7 @@ function useNotificationTracking({
   itemRef.current = item;
   statusRef.current = status;
   const id = item ? getNotificationId(item) : null;
-  useEffect59(() => {
+  useEffect60(() => {
     if (!id || !itemRef.current) {
       return;
     }
@@ -39762,7 +39851,7 @@ function useNotificationTracking({
       notificationDisplayedAtRef.current = null;
     };
   }, [id, logEvent]);
-  useEffect59(() => {
+  useEffect60(() => {
     if (!itemRef.current || !notificationDisplayedAtRef.current) {
       return;
     }
@@ -39965,7 +40054,7 @@ function TransferToken({
         tokenAddress: targetAsset
       }) ?? 0;
     }
-    return /* @__PURE__ */ React233.createElement(
+    return /* @__PURE__ */ React234.createElement(
       Text,
       {
         size: "12",
@@ -39988,7 +40077,7 @@ function TransferToken({
   }
   return (
     // This ID is used in the DialogContent css to set the height of the modal
-    /* @__PURE__ */ React233.createElement(React233.Fragment, null, /* @__PURE__ */ React233.createElement(Box, { id: "token-transfer-page" }, uiCustomizations.transferCryptoScreen.customTopComponent?.(), /* @__PURE__ */ React233.createElement(
+    /* @__PURE__ */ React234.createElement(React234.Fragment, null, /* @__PURE__ */ React234.createElement(Box, { id: "token-transfer-page" }, uiCustomizations.transferCryptoScreen.customTopComponent?.(), /* @__PURE__ */ React234.createElement(
       Box,
       {
         display: "flex",
@@ -39997,17 +40086,17 @@ function TransferToken({
         justifyContent: "center",
         gap: "18"
       },
-      isSourceNavWidgetEnabled && /* @__PURE__ */ React233.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React233.createElement(
+      isSourceNavWidgetEnabled && /* @__PURE__ */ React234.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React234.createElement(
         SourcePaymentMethodItem,
         {
           type: "token_transfer" /* TOKEN_TRANSFER */,
           keyText: textCustomizations.transferTokens,
           disclaimerText: t("transferToken.noLimit"),
-          keyIcon: /* @__PURE__ */ React233.createElement(CryptoTransferQRIcon, null),
+          keyIcon: /* @__PURE__ */ React234.createElement(CryptoTransferQRIcon, null),
           onClick: () => onNext({})
         }
       )),
-      defaultCandidate && !checkoutConfig?.generateActionsParams && /* @__PURE__ */ React233.createElement(
+      defaultCandidate && !checkoutConfig?.generateActionsParams && /* @__PURE__ */ React234.createElement(
         Box,
         {
           display: "flex",
@@ -40021,8 +40110,8 @@ function TransferToken({
           paddingX: "dropdownPaddingX",
           paddingY: "8"
         },
-        /* @__PURE__ */ React233.createElement(Text, { size: "12", color: "secondaryText" }, t("transferToken.receiveToken")),
-        /* @__PURE__ */ React233.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React233.createElement(
+        /* @__PURE__ */ React234.createElement(Text, { size: "12", color: "secondaryText" }, t("transferToken.receiveToken")),
+        /* @__PURE__ */ React234.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React234.createElement(
           FunAssetAvatar,
           {
             assetIconSize: "16",
@@ -40031,9 +40120,9 @@ function TransferToken({
             chainId: defaultCandidate.tokenChainId,
             largeChainIcon: true
           }
-        ), /* @__PURE__ */ React233.createElement(Text, { size: "12", weight: "medium" }, defaultCandidate.tokenSymbol))
+        ), /* @__PURE__ */ React234.createElement(Text, { size: "12", weight: "medium" }, defaultCandidate.tokenSymbol))
       ),
-      /* @__PURE__ */ React233.createElement(
+      /* @__PURE__ */ React234.createElement(
         TokenAndChainDropdown,
         {
           isLoading: isLoadingDepositAddress,
@@ -40067,7 +40156,7 @@ function TransferToken({
           selectedToken,
           selectedChainId,
           chainTagComponent,
-          chainLabelAddon: !!minTransferUsd && /* @__PURE__ */ React233.createElement(
+          chainLabelAddon: !!minTransferUsd && /* @__PURE__ */ React234.createElement(
             Box,
             {
               display: "flex",
@@ -40077,15 +40166,15 @@ function TransferToken({
               fontSize: "12",
               height: "14"
             },
-            /* @__PURE__ */ React233.createElement(Text, { size: "inputLabel", color: "secondaryText" }, t("transferToken.min")),
-            /* @__PURE__ */ React233.createElement(Text, { size: "inputLabel", color: "secondaryText" }, /* @__PURE__ */ React233.createElement(
+            /* @__PURE__ */ React234.createElement(Text, { size: "inputLabel", color: "secondaryText" }, t("transferToken.min")),
+            /* @__PURE__ */ React234.createElement(Text, { size: "inputLabel", color: "secondaryText" }, /* @__PURE__ */ React234.createElement(
               AnimatedDollarValue,
               {
                 value: minTransferUsd,
                 dynamicMinFractionDigits: true
               }
             )),
-            /* @__PURE__ */ React233.createElement(
+            /* @__PURE__ */ React234.createElement(
               FunTooltip,
               {
                 content: t("transferToken.minDepositAmountTooltip"),
@@ -40098,7 +40187,7 @@ function TransferToken({
           chainIdSortOrder
         }
       ),
-      /* @__PURE__ */ React233.createElement(
+      /* @__PURE__ */ React234.createElement(
         Box,
         {
           display: "flex",
@@ -40108,7 +40197,7 @@ function TransferToken({
           justifyContent: "center",
           padding: "20"
         },
-        isLoadingDepositAddress ? /* @__PURE__ */ React233.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 13, gapBetweenDots: "4" }) : /* @__PURE__ */ React233.createElement(
+        isLoadingDepositAddress ? /* @__PURE__ */ React234.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 13, gapBetweenDots: "4" }) : /* @__PURE__ */ React234.createElement(
           motion13.div,
           {
             onHoverStart: toggleQrHover,
@@ -40128,7 +40217,7 @@ function TransferToken({
             },
             animate: controls
           },
-          /* @__PURE__ */ React233.createElement(
+          /* @__PURE__ */ React234.createElement(
             QRCode,
             {
               withShadow: true,
@@ -40142,7 +40231,7 @@ function TransferToken({
             }
           )
         ),
-        displayYouPayYouReceive && /* @__PURE__ */ React233.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React233.createElement(
+        displayYouPayYouReceive && /* @__PURE__ */ React234.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React234.createElement(
           YouPayYouReceive,
           {
             payLabel: textCustomizations.confirmationScreen?.payAmountLabel,
@@ -40157,7 +40246,7 @@ function TransferToken({
           }
         ))
       ),
-      /* @__PURE__ */ React233.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React233.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React233.createElement(
+      /* @__PURE__ */ React234.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React234.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React234.createElement(
         Box,
         {
           display: "flex",
@@ -40165,7 +40254,7 @@ function TransferToken({
           justifyContent: "space-between",
           ref: disclaimerTextWrapperRef
         },
-        /* @__PURE__ */ React233.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React233.createElement(
+        /* @__PURE__ */ React234.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React234.createElement(
           Text,
           {
             size: "inputLabel",
@@ -40173,7 +40262,7 @@ function TransferToken({
             color: "inputLabel"
           },
           t("transferToken.yourDepositAddress")
-        ), /* @__PURE__ */ React233.createElement(
+        ), /* @__PURE__ */ React234.createElement(
           FunTooltip,
           {
             content: depositAddressTooltip,
@@ -40181,7 +40270,7 @@ function TransferToken({
             enableDynamicPositioning: true
           }
         )),
-        /* @__PURE__ */ React233.createElement(
+        /* @__PURE__ */ React234.createElement(
           FunLinkButton,
           {
             text: t("transferToken.termsApply"),
@@ -40190,13 +40279,13 @@ function TransferToken({
             variant: "labelLink"
           }
         )
-      ), isLoadingDepositAddress ? /* @__PURE__ */ React233.createElement(FunSkeletonBlock, { height: "66px", width: "full" }) : /* @__PURE__ */ React233.createElement(
+      ), isLoadingDepositAddress ? /* @__PURE__ */ React234.createElement(FunSkeletonBlock, { height: "66px", width: "full" }) : /* @__PURE__ */ React234.createElement(
         CopyInputDisplayedAddress,
         {
           address: depositAddress,
           onAddressCopied: trackAddressCopied
         }
-      )), /* @__PURE__ */ React233.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React233.createElement(FunInfoBanner, null), /* @__PURE__ */ React233.createElement(
+      )), /* @__PURE__ */ React234.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React234.createElement(FunInfoBanner, null), /* @__PURE__ */ React234.createElement(
         TransferTokenDetails,
         {
           estProcessingTime: blockchain === "bitcoin" ? 30 * 60 * 1e3 : void 0,
@@ -40206,24 +40295,24 @@ function TransferToken({
           onExpanded: () => trackImpactExpanded(estPriceImpact?.value)
         }
       ))
-    )), bottomSectionRef && createPortal20(/* @__PURE__ */ React233.createElement(Dialog.BottomBar, null), bottomSectionRef))
+    )), bottomSectionRef && createPortal20(/* @__PURE__ */ React234.createElement(Dialog.BottomBar, null), bottomSectionRef))
   );
 }
 
 // src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
-import React238, { useState as useState68 } from "react";
+import React239, { useState as useState68 } from "react";
 
 // src/components/VirtualFiatAccount/AccountDetailsTab/AccountDetailsTab.tsx
-import React237 from "react";
+import React238 from "react";
 
 // src/components/FunInputButton/FunInputButton.tsx
-import React236 from "react";
+import React237 from "react";
 
 // src/components/Icons/CopyDoubleRoundedSquareIcon.tsx
-import React234 from "react";
+import React235 from "react";
 var CopyDoubleRoundedSquareIcon = ({
   size = 16
-}) => /* @__PURE__ */ React234.createElement(
+}) => /* @__PURE__ */ React235.createElement(
   "svg",
   {
     width: size,
@@ -40232,7 +40321,7 @@ var CopyDoubleRoundedSquareIcon = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React234.createElement(
+  /* @__PURE__ */ React235.createElement(
     "path",
     {
       d: "M10.2 5.8V4.26C10.2 3.64394 10.2 3.33591 10.0801 3.10061C9.97465 2.89363 9.80637 2.72535 9.59939 2.61989C9.36409 2.5 9.05606 2.5 8.44 2.5H4.26C3.64394 2.5 3.33591 2.5 3.10061 2.61989C2.89363 2.72535 2.72535 2.89363 2.61989 3.10061C2.5 3.33591 2.5 3.64394 2.5 4.26V8.44C2.5 9.05606 2.5 9.36409 2.61989 9.59939C2.72535 9.80637 2.89363 9.97465 3.10061 10.0801C3.33591 10.2 3.64394 10.2 4.26 10.2H5.8M7.56 13.5H11.74C12.3561 13.5 12.6641 13.5 12.8994 13.3801C13.1064 13.2746 13.2746 13.1064 13.3801 12.8994C13.5 12.6641 13.5 12.3561 13.5 11.74V7.56C13.5 6.94394 13.5 6.63591 13.3801 6.40061C13.2746 6.19363 13.1064 6.02535 12.8994 5.91989C12.6641 5.8 12.3561 5.8 11.74 5.8H7.56C6.94394 5.8 6.63591 5.8 6.40061 5.91989C6.19363 6.02535 6.02535 6.19363 5.91989 6.40061C5.8 6.63591 5.8 6.94394 5.8 7.56V11.74C5.8 12.3561 5.8 12.6641 5.91989 12.8994C6.02535 13.1064 6.19363 13.2746 6.40061 13.3801C6.63591 13.5 6.94394 13.5 7.56 13.5Z",
@@ -40245,9 +40334,9 @@ var CopyDoubleRoundedSquareIcon = ({
 );
 
 // src/components/Icons/New/CheckCircleIcon.tsx
-import React235 from "react";
+import React236 from "react";
 var CheckCircleIcon = () => {
-  return /* @__PURE__ */ React235.createElement(
+  return /* @__PURE__ */ React236.createElement(
     "svg",
     {
       width: "16",
@@ -40256,7 +40345,7 @@ var CheckCircleIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React235.createElement(
+    /* @__PURE__ */ React236.createElement(
       "circle",
       {
         cx: "8",
@@ -40268,7 +40357,7 @@ var CheckCircleIcon = () => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React235.createElement(
+    /* @__PURE__ */ React236.createElement(
       "path",
       {
         d: "M5.5 9L7 10.5L10.5 7",
@@ -40293,7 +40382,7 @@ var FunInputButton = ({
   const { t } = useFunkitTranslation();
   const { isCopied, handleCopy } = useCopyToClipboard(text, HIDE_TOOLTIP_MS);
   if (!isCopyable) {
-    return /* @__PURE__ */ React236.createElement(
+    return /* @__PURE__ */ React237.createElement(
       FunOptionBox,
       {
         width: "full",
@@ -40312,10 +40401,10 @@ var FunInputButton = ({
           hover: "heavyStroke"
         }
       },
-      /* @__PURE__ */ React236.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React236.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React236.createElement(Text, { weight: "medium", size: "12" }, text))
+      /* @__PURE__ */ React237.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React237.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React237.createElement(Text, { weight: "medium", size: "12" }, text))
     );
   }
-  return /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React237.createElement(
     FunOptionBox,
     {
       width: "full",
@@ -40335,8 +40424,8 @@ var FunInputButton = ({
         hover: "heavyStroke"
       }
     },
-    /* @__PURE__ */ React236.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React236.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React236.createElement(Text, { weight: "medium", size: "12" }, text)),
-    /* @__PURE__ */ React236.createElement(FunTooltip, { content: isCopied ? t("common.copied") : t("common.copy") }, /* @__PURE__ */ React236.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React236.createElement(CheckCircleIcon, null) : /* @__PURE__ */ React236.createElement(CopyDoubleRoundedSquareIcon, null)))
+    /* @__PURE__ */ React237.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React237.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React237.createElement(Text, { weight: "medium", size: "12" }, text)),
+    /* @__PURE__ */ React237.createElement(FunTooltip, { content: isCopied ? t("common.copied") : t("common.copy") }, /* @__PURE__ */ React237.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React237.createElement(CheckCircleIcon, null) : /* @__PURE__ */ React237.createElement(CopyDoubleRoundedSquareIcon, null)))
   );
 };
 
@@ -40347,62 +40436,62 @@ var AccountDetailsTab = ({
   handleToggleDetails
 }) => {
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React237.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, account.bank_account_number ? /* @__PURE__ */ React237.createElement(
+  return /* @__PURE__ */ React238.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, account.bank_account_number ? /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.accountNumber"),
       text: account.bank_account_number
     }
-  ) : null, account.bank_routing_number ? /* @__PURE__ */ React237.createElement(
+  ) : null, account.bank_routing_number ? /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.routingNumber"),
       text: account.bank_routing_number
     }
-  ) : null, account.iban ? /* @__PURE__ */ React237.createElement(
+  ) : null, account.iban ? /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.iban"),
       text: account.iban
     }
-  ) : null, account.bic ? /* @__PURE__ */ React237.createElement(
+  ) : null, account.bic ? /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.swiftBic"),
       text: account.bic
     }
-  ) : null, account.account_holder_name ? /* @__PURE__ */ React237.createElement(
+  ) : null, account.account_holder_name ? /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.accountHolderName"),
       text: account.account_holder_name
     }
-  ) : null, account.bank_beneficiary_name ? /* @__PURE__ */ React237.createElement(
+  ) : null, account.bank_beneficiary_name ? /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.beneficiaryName"),
       text: account.bank_beneficiary_name
     }
-  ) : null, detailsExpanded && /* @__PURE__ */ React237.createElement(React237.Fragment, null, /* @__PURE__ */ React237.createElement(
+  ) : null, detailsExpanded && /* @__PURE__ */ React238.createElement(React238.Fragment, null, /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.bankName"),
       text: account.bank_name
     }
-  ), /* @__PURE__ */ React237.createElement(
+  ), /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.bankAddress"),
       text: account.bank_address
     }
-  ), /* @__PURE__ */ React237.createElement(
+  ), /* @__PURE__ */ React238.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.currency"),
       text: String(account.currency).toUpperCase(),
       isCopyable: false
     }
-  )), /* @__PURE__ */ React237.createElement(
+  )), /* @__PURE__ */ React238.createElement(
     Box,
     {
       width: "full",
@@ -40422,8 +40511,8 @@ var AccountDetailsTab = ({
         hover: "heavyStroke"
       }
     },
-    /* @__PURE__ */ React237.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
-    /* @__PURE__ */ React237.createElement(
+    /* @__PURE__ */ React238.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
+    /* @__PURE__ */ React238.createElement(
       Box,
       {
         width: "16",
@@ -40432,7 +40521,7 @@ var AccountDetailsTab = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      /* @__PURE__ */ React237.createElement(
+      /* @__PURE__ */ React238.createElement(
         Box,
         {
           color: "secondaryText",
@@ -40443,7 +40532,7 @@ var AccountDetailsTab = ({
           justifyContent: "center",
           style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
         },
-        /* @__PURE__ */ React237.createElement(CaretDownIcon, null)
+        /* @__PURE__ */ React238.createElement(CaretDownIcon, null)
       )
     )
   ));
@@ -40469,7 +40558,7 @@ var AccountDetailsScreen = ({
   const handleTabChange = (index) => {
     animate(() => setActiveTab(index), { reverse: index < activeTab });
   };
-  return /* @__PURE__ */ React238.createElement(
+  return /* @__PURE__ */ React239.createElement(
     Box,
     {
       id: "fiat-detail-page",
@@ -40477,7 +40566,7 @@ var AccountDetailsScreen = ({
       flexDirection: "column",
       gap: "16"
     },
-    isSourceNavWidgetEnabled && /* @__PURE__ */ React238.createElement(
+    isSourceNavWidgetEnabled && /* @__PURE__ */ React239.createElement(
       SourcePaymentMethodItem,
       {
         onClick: () => onNext({}),
@@ -40486,21 +40575,21 @@ var AccountDetailsScreen = ({
         keyIcon: label.icon
       }
     ),
-    /* @__PURE__ */ React238.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React238.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React238.createElement(
+    /* @__PURE__ */ React239.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React239.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React239.createElement(
       Tabs,
       {
         tabs,
         activeTab,
         onTabChange: handleTabChange
       }
-    )), /* @__PURE__ */ React238.createElement(Box, { className: getContentAnimation(animation) }, tabs[activeTab]?.value === "details" ? /* @__PURE__ */ React238.createElement(
+    )), /* @__PURE__ */ React239.createElement(Box, { className: getContentAnimation(animation) }, tabs[activeTab]?.value === "details" ? /* @__PURE__ */ React239.createElement(
       AccountDetailsTab,
       {
         account: sourceDeposit,
         detailsExpanded,
         handleToggleDetails: () => setDetailsExpanded((prev) => !prev)
       }
-    ) : /* @__PURE__ */ React238.createElement(
+    ) : /* @__PURE__ */ React239.createElement(
       FunFeatureList,
       {
         gapBetweenItems: "8",
@@ -40514,7 +40603,7 @@ var AccountDetailsScreen = ({
               "Gas fee: < $5.00",
               "Banks fees may also apply"
             ],
-            icon: /* @__PURE__ */ React238.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React239.createElement(DollarIcon, null)
           },
           {
             text: "Limits",
@@ -40522,12 +40611,12 @@ var AccountDetailsScreen = ({
               "Minimum amount: 25 EUR",
               "Maximum amount: 20,000,000 EUR"
             ],
-            icon: /* @__PURE__ */ React238.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React239.createElement(DollarIcon, null)
           },
           {
             text: "Processing time",
             value: [FIAT_PROCESSING_TIME],
-            icon: /* @__PURE__ */ React238.createElement(SpeedometerIcon, null)
+            icon: /* @__PURE__ */ React239.createElement(SpeedometerIcon, null)
           }
         ]
       }
@@ -40550,7 +40639,7 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React239, { useCallback as useCallback46, useEffect as useEffect60, useMemo as useMemo56, useState as useState69 } from "react";
+import React240, { useCallback as useCallback46, useEffect as useEffect61, useMemo as useMemo56, useState as useState69 } from "react";
 function useIframeListener(listeners, expectedOrigin) {
   const handleMessage = useCallback46(
     (event) => {
@@ -40577,7 +40666,7 @@ function useIframeListener(listeners, expectedOrigin) {
     },
     [listeners, expectedOrigin]
   );
-  useEffect60(() => {
+  useEffect61(() => {
     window.addEventListener("message", handleMessage);
     return () => {
       window.removeEventListener("message", handleMessage);
@@ -40637,7 +40726,7 @@ function KycIframe({
   );
   const loading = isLinkLoading || iframeLoading;
   useIframeListener(listeners, kycOrigin);
-  return /* @__PURE__ */ React239.createElement(
+  return /* @__PURE__ */ React240.createElement(
     Dialog,
     {
       onClose: onBack,
@@ -40646,13 +40735,13 @@ function KycIframe({
       withoutSidePadding: !loading,
       withTransition: false
     },
-    loading && /* @__PURE__ */ React239.createElement(React239.Fragment, null, /* @__PURE__ */ React239.createElement(
+    loading && /* @__PURE__ */ React240.createElement(React240.Fragment, null, /* @__PURE__ */ React240.createElement(
       Dialog.Title,
       {
         onClose: onBack,
         title: textCustomizations.virtualFiat
       }
-    ), /* @__PURE__ */ React239.createElement(
+    ), /* @__PURE__ */ React240.createElement(
       VerifyAccountScreen,
       {
         customerStatus: BridgeCustomerStatus7.NOT_STARTED,
@@ -40660,7 +40749,7 @@ function KycIframe({
         withActionButton: false
       }
     )),
-    /* @__PURE__ */ React239.createElement(
+    /* @__PURE__ */ React240.createElement(
       Dialog.Content,
       {
         display: "flex",
@@ -40673,7 +40762,7 @@ function KycIframe({
         withoutSidePadding: !loading,
         fullHeight: !loading
       },
-      kycLink && /* @__PURE__ */ React239.createElement(
+      kycLink && /* @__PURE__ */ React240.createElement(
         "iframe",
         {
           src: kycLink,
@@ -40688,14 +40777,14 @@ function KycIframe({
         }
       )
     ),
-    loading && /* @__PURE__ */ React239.createElement(
+    loading && /* @__PURE__ */ React240.createElement(
       Dialog.BottomSection,
       {
         style: {
           paddingBottom: themeVars.spacing.modalPaddingBottomLower
         }
       },
-      /* @__PURE__ */ React239.createElement(
+      /* @__PURE__ */ React240.createElement(
         Dialog.BottomBar,
         {
           actionButtonProps: {
@@ -40774,7 +40863,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
       ensureStepQueries(modalState.step);
     }
   });
-  useEffect61(() => {
+  useEffect62(() => {
     ensureLoadingAccountScreen();
   }, [ensureLoadingAccountScreen]);
   const trackNextState = useCallback47(
@@ -40991,7 +41080,7 @@ function FunCheckoutModalHeightAnimationWrapper({
   const permittedHeight = getPermittedHeight2(
     checkoutStep === "loading_account" /* LOADING_ACCOUNT */ ? startsOnConfirmationStep ? "confirmation" /* CONFIRMATION */ : startsOnSelectAssetStep ? "select_asset" /* SELECT_ASSET */ : "source_change" /* SOURCE_CHANGE */ : checkoutStep
   );
-  return /* @__PURE__ */ React240.createElement(ModalHeightAnimationLayer, { permittedHeight }, children);
+  return /* @__PURE__ */ React241.createElement(ModalHeightAnimationLayer, { permittedHeight }, children);
 }
 
 // src/hooks/useCheckoutModalTitle.ts
@@ -41006,7 +41095,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
 import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
 import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
 import clsx22 from "clsx";
-import React250, { useEffect as useEffect63, useMemo as useMemo57, useRef as useRef34, useState as useState72 } from "react";
+import React251, { useEffect as useEffect64, useMemo as useMemo57, useRef as useRef34, useState as useState72 } from "react";
 import { Virtuoso } from "react-virtuoso";
 
 // src/consts/layout.ts
@@ -41017,9 +41106,9 @@ var DEFAULT_ICON_SIZE = "24";
 var OVERLAY_Z_INDEX = 100;
 
 // src/components/Icons/GreenRoundCheckmark.tsx
-import React241 from "react";
+import React242 from "react";
 var GreenRoundCheckmark = ({ size = 15 }) => {
-  return /* @__PURE__ */ React241.createElement(
+  return /* @__PURE__ */ React242.createElement(
     "svg",
     {
       width: size,
@@ -41028,7 +41117,7 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React241.createElement(
+    /* @__PURE__ */ React242.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",
@@ -41039,10 +41128,10 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
 };
 
 // src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
-import React242 from "react";
+import React243 from "react";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
 var BalanceSection = ({ totalBalance }) => {
-  return /* @__PURE__ */ React242.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React242.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React242.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
+  return /* @__PURE__ */ React243.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React243.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React243.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
     Number.parseFloat(totalBalance.toString())
   ))));
 };
@@ -41061,12 +41150,12 @@ import {
   isNotNullish as isNotNullish7
 } from "@funkit/utils";
 import clsx21 from "clsx";
-import React244 from "react";
+import React245 from "react";
 
 // src/components/Icons/RedRoundErrorCross.tsx
-import React243 from "react";
+import React244 from "react";
 var RedRoundErrorCross = ({ size = 15 }) => {
-  return /* @__PURE__ */ React243.createElement(
+  return /* @__PURE__ */ React244.createElement(
     "svg",
     {
       width: size,
@@ -41075,8 +41164,8 @@ var RedRoundErrorCross = ({ size = 15 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React243.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
-    /* @__PURE__ */ React243.createElement(
+    /* @__PURE__ */ React244.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
+    /* @__PURE__ */ React244.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",
@@ -41112,7 +41201,7 @@ var HomeCheckoutDisplayRow = ({
   const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
   const getStatusElement = () => {
     if (isCompleted) {
-      return /* @__PURE__ */ React244.createElement(
+      return /* @__PURE__ */ React245.createElement(
         Box,
         {
           display: "flex",
@@ -41120,12 +41209,12 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React244.createElement(GreenRoundCheckmark, { size: Number.parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React244.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, t("checkoutHistory.completed"))
+        /* @__PURE__ */ React245.createElement(GreenRoundCheckmark, { size: Number.parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React245.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, t("checkoutHistory.completed"))
       );
     }
     if (isError || isFailed || isExpired) {
-      return /* @__PURE__ */ React244.createElement(
+      return /* @__PURE__ */ React245.createElement(
         Box,
         {
           display: "flex",
@@ -41133,12 +41222,12 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React244.createElement(RedRoundErrorCross, { size: Number.parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React244.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, t("checkoutHistory.failed"))
+        /* @__PURE__ */ React245.createElement(RedRoundErrorCross, { size: Number.parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React245.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, t("checkoutHistory.failed"))
       );
     }
     if (isProcessing) {
-      return /* @__PURE__ */ React244.createElement(
+      return /* @__PURE__ */ React245.createElement(
         Box,
         {
           display: "flex",
@@ -41146,7 +41235,7 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React244.createElement(
+        /* @__PURE__ */ React245.createElement(
           Box,
           {
             width: STATUS_ICON_SIZE,
@@ -41155,13 +41244,13 @@ var HomeCheckoutDisplayRow = ({
             background: "standby"
           }
         ),
-        /* @__PURE__ */ React244.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, t("checkoutHistory.processing"))
+        /* @__PURE__ */ React245.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, t("checkoutHistory.processing"))
       );
     }
   };
   const checkoutConfig = checkoutClientMetadata.initSettings.config;
   const showIcon = isNotNullish7(checkoutConfig.iconSrc) || checkoutClientMetadata.isWithdrawal;
-  return /* @__PURE__ */ React244.createElement(
+  return /* @__PURE__ */ React245.createElement(
     Box,
     {
       className: clsx21(
@@ -41186,7 +41275,7 @@ var HomeCheckoutDisplayRow = ({
         }
       }
     },
-    /* @__PURE__ */ React244.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, showIcon && /* @__PURE__ */ React244.createElement(
+    /* @__PURE__ */ React245.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, showIcon && /* @__PURE__ */ React245.createElement(
       Box,
       {
         display: "flex",
@@ -41197,7 +41286,7 @@ var HomeCheckoutDisplayRow = ({
           minWidth: "29px"
         }
       },
-      /* @__PURE__ */ React244.createElement(
+      /* @__PURE__ */ React245.createElement(
         FunAssetAvatar,
         {
           assetSrc: checkoutConfig.iconSrc || "",
@@ -41208,7 +41297,7 @@ var HomeCheckoutDisplayRow = ({
           chainId: checkoutConfig.targetChain
         }
       )
-    ), /* @__PURE__ */ React244.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React244.createElement(
+    ), /* @__PURE__ */ React245.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React245.createElement(
       Box,
       {
         display: "flex",
@@ -41216,19 +41305,19 @@ var HomeCheckoutDisplayRow = ({
         alignItems: "center",
         gap: "16"
       },
-      /* @__PURE__ */ React244.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
-      /* @__PURE__ */ React244.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
+      /* @__PURE__ */ React245.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
+      /* @__PURE__ */ React245.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
         checkoutClientMetadata?.finalDollarValue || 0
       )} USD`)
-    ), /* @__PURE__ */ React244.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React244.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
+    ), /* @__PURE__ */ React245.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React245.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
       year: "none",
       seconds: "none",
       month: "short"
-    })), /* @__PURE__ */ React244.createElement(Box, null, getStatusElement()))))
+    })), /* @__PURE__ */ React245.createElement(Box, null, getStatusElement()))))
   );
 };
 var HomeCheckoutDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React244.createElement(
+  return /* @__PURE__ */ React245.createElement(
     Box,
     {
       display: "flex",
@@ -41238,8 +41327,8 @@ var HomeCheckoutDisplayRowSkeleton = () => {
       paddingX: PROFILE_SIDE_PADDING,
       paddingY: ROW_PADDING_Y
     },
-    /* @__PURE__ */ React244.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
-    /* @__PURE__ */ React244.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React244.createElement(
+    /* @__PURE__ */ React245.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
+    /* @__PURE__ */ React245.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React245.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_MEDIUM2,
@@ -41247,7 +41336,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP2,
         width: TEXT_SKELETON_WIDTH_LONG2
       }
-    ), /* @__PURE__ */ React244.createElement(
+    ), /* @__PURE__ */ React245.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_SMALL2,
@@ -41256,7 +41345,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         width: TEXT_SKELETON_WIDTH_MEDIUM
       }
     )),
-    /* @__PURE__ */ React244.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React244.createElement(
+    /* @__PURE__ */ React245.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React245.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_MEDIUM2,
@@ -41264,7 +41353,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP2,
         width: TEXT_SKELETON_WIDTH_MEDIUM
       }
-    ), /* @__PURE__ */ React244.createElement(
+    ), /* @__PURE__ */ React245.createElement(
       FunSkeletonBlock,
       {
         height: STATUS_TEXT_SIZE,
@@ -41282,7 +41371,7 @@ import {
   formatCurrencyAndStringify as formatCurrencyAndStringify14,
   isMobile as isMobile9
 } from "@funkit/utils";
-import React245 from "react";
+import React246 from "react";
 var TEXT_SIZE = "13";
 var TEXT_SKELETON_MARGIN_TOP3 = "2";
 var TEXT_SKELETON_MARGIN_BOTTOM3 = "3";
@@ -41297,7 +41386,7 @@ var HomeTokenBalanceDisplayRow = ({
     asset.tokenBalance,
     asset.decimals
   );
-  return /* @__PURE__ */ React245.createElement(
+  return /* @__PURE__ */ React246.createElement(
     Box,
     {
       display: "flex",
@@ -41311,7 +41400,7 @@ var HomeTokenBalanceDisplayRow = ({
       paddingY: ROW_PADDING_Y2,
       className: baseStyles4
     },
-    /* @__PURE__ */ React245.createElement(
+    /* @__PURE__ */ React246.createElement(
       Box,
       {
         display: "flex",
@@ -41320,7 +41409,7 @@ var HomeTokenBalanceDisplayRow = ({
         alignItems: "flex-start",
         height: "full"
       },
-      /* @__PURE__ */ React245.createElement(
+      /* @__PURE__ */ React246.createElement(
         FunAssetAvatar,
         {
           assetSrc: asset.logo,
@@ -41330,22 +41419,22 @@ var HomeTokenBalanceDisplayRow = ({
           assetIconSize: DEFAULT_ICON_SIZE
         }
       ),
-      /* @__PURE__ */ React245.createElement(
+      /* @__PURE__ */ React246.createElement(
         Box,
         {
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between"
         },
-        /* @__PURE__ */ React245.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
-        /* @__PURE__ */ React245.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify8(normalizedAmount, asset.symbol))
+        /* @__PURE__ */ React246.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
+        /* @__PURE__ */ React246.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify8(normalizedAmount, asset.symbol))
       )
     ),
-    /* @__PURE__ */ React245.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
+    /* @__PURE__ */ React246.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
   );
 };
 var HomeTokenBalanceDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React245.createElement(
+  return /* @__PURE__ */ React246.createElement(
     Box,
     {
       display: "flex",
@@ -41355,8 +41444,8 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
       paddingX: PROFILE_SIDE_PADDING,
       paddingY: ROW_PADDING_Y2
     },
-    /* @__PURE__ */ React245.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
-    /* @__PURE__ */ React245.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React245.createElement(
+    /* @__PURE__ */ React246.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
+    /* @__PURE__ */ React246.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React246.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -41364,7 +41453,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP3,
         width: TEXT_SKELETON_WIDTH_SHORT3
       }
-    ), /* @__PURE__ */ React245.createElement(
+    ), /* @__PURE__ */ React246.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -41373,7 +41462,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
         width: TEXT_SKELETON_WIDTH_LONG3
       }
     )),
-    /* @__PURE__ */ React245.createElement(
+    /* @__PURE__ */ React246.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -41386,18 +41475,18 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 };
 
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
-import React249 from "react";
+import React250 from "react";
 import { useCallback as useCallback48, useState as useState71 } from "react";
 
 // src/components/FunSelect/FunClickOutside.tsx
-import React246 from "react";
-import { useEffect as useEffect62, useRef as useRef33 } from "react";
+import React247 from "react";
+import { useEffect as useEffect63, useRef as useRef33 } from "react";
 function FunClickOutside({
   children,
   onClick
 }) {
   const wrapperRef = useRef33(null);
-  useEffect62(() => {
+  useEffect63(() => {
     const handleClickListener = (event) => {
       const clickedInside = wrapperRef.current?.contains(
         event.target
@@ -41411,13 +41500,13 @@ function FunClickOutside({
       document.removeEventListener("mousedown", handleClickListener);
     };
   }, [onClick]);
-  return /* @__PURE__ */ React246.createElement("div", { ref: wrapperRef }, children);
+  return /* @__PURE__ */ React247.createElement("div", { ref: wrapperRef }, children);
 }
 
 // src/components/Icons/LogoutIcon.tsx
-import React247 from "react";
+import React248 from "react";
 var LogoutIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React247.createElement(
+  return /* @__PURE__ */ React248.createElement(
     "svg",
     {
       width: size,
@@ -41426,7 +41515,7 @@ var LogoutIcon = ({ size = 16 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React247.createElement(
+    /* @__PURE__ */ React248.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",
@@ -41441,9 +41530,9 @@ var LogoutIcon = ({ size = 16 }) => {
 };
 
 // src/components/Icons/SettingsIcon.tsx
-import React248 from "react";
+import React249 from "react";
 var SettingsIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React248.createElement(
+  return /* @__PURE__ */ React249.createElement(
     "svg",
     {
       width: size,
@@ -41452,14 +41541,14 @@ var SettingsIcon = ({ size = 16 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React248.createElement(
+    /* @__PURE__ */ React249.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__ */ React248.createElement(
+    /* @__PURE__ */ React249.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",
@@ -41484,7 +41573,7 @@ var ProfileTitleSection = ({
     () => setIsDisconnectExpanded(false),
     []
   );
-  return /* @__PURE__ */ React249.createElement(
+  return /* @__PURE__ */ React250.createElement(
     Box,
     {
       display: "flex",
@@ -41493,7 +41582,7 @@ var ProfileTitleSection = ({
       width: "full",
       minHeight: "28"
     },
-    /* @__PURE__ */ React249.createElement(
+    /* @__PURE__ */ React250.createElement(
       Box,
       {
         display: "flex",
@@ -41502,7 +41591,7 @@ var ProfileTitleSection = ({
         gap: "8",
         className: animateOut ? animateTitleOutClass : animateTitleInClass
       },
-      account.address && /* @__PURE__ */ React249.createElement(
+      account.address && /* @__PURE__ */ React250.createElement(
         Avatar,
         {
           address: account.address,
@@ -41511,21 +41600,21 @@ var ProfileTitleSection = ({
           size: 20
         }
       ),
-      /* @__PURE__ */ React249.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, userInfo.nameTruncated)
+      /* @__PURE__ */ React250.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, userInfo.nameTruncated)
     ),
-    /* @__PURE__ */ React249.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row" }, !isDisconnectExpanded && /* @__PURE__ */ React249.createElement(
+    /* @__PURE__ */ React250.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row" }, !isDisconnectExpanded && /* @__PURE__ */ React250.createElement(
       FunIconButton,
       {
-        icon: /* @__PURE__ */ React249.createElement(SettingsIcon, { size: 17 }),
+        icon: /* @__PURE__ */ React250.createElement(SettingsIcon, { size: 17 }),
         onClick: () => onChangeView(1 /* SETTINGS */),
         paddingX: "4",
         paddingY: "4"
       }
-    ), /* @__PURE__ */ React249.createElement(FunClickOutside, { onClick: collapseDisconnect }, /* @__PURE__ */ React249.createElement(
+    ), /* @__PURE__ */ React250.createElement(FunClickOutside, { onClick: collapseDisconnect }, /* @__PURE__ */ React250.createElement(
       FunIconButton,
       {
         size: "28",
-        icon: /* @__PURE__ */ React249.createElement(LogoutIcon, { size: 15 }),
+        icon: /* @__PURE__ */ React250.createElement(LogoutIcon, { size: 15 }),
         paddingX: isDisconnectExpanded ? "6" : void 0,
         "aria-label": t("profile.disconnect"),
         onClick: isDisconnectExpanded ? onLogout : () => setIsDisconnectExpanded(true),
@@ -41533,12 +41622,12 @@ var ProfileTitleSection = ({
         onMouseLeave: collapseDisconnect,
         onBlur: collapseDisconnect
       },
-      isDisconnectExpanded && /* @__PURE__ */ React249.createElement(Text, { size: "10", color: "secondaryText", weight: "medium" }, t("profile.disconnect"))
-    )), !isDisconnectExpanded && /* @__PURE__ */ React249.createElement(
+      isDisconnectExpanded && /* @__PURE__ */ React250.createElement(Text, { size: "10", color: "secondaryText", weight: "medium" }, t("profile.disconnect"))
+    )), !isDisconnectExpanded && /* @__PURE__ */ React250.createElement(
       FunIconButton,
       {
         size: "28",
-        icon: /* @__PURE__ */ React249.createElement(CloseIcon, { size: 12 }),
+        icon: /* @__PURE__ */ React250.createElement(CloseIcon, { size: 12 }),
         onClick: onClose
       }
     ))
@@ -41554,10 +41643,10 @@ var SelectedHomeTab = /* @__PURE__ */ ((SelectedHomeTab2) => {
 var EmptyTabAlert = () => {
   const { t } = useFunkitTranslation();
   const { appName } = useFunkitConfig();
-  return /* @__PURE__ */ React250.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React250.createElement(
+  return /* @__PURE__ */ React251.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React251.createElement(
     FunAlert,
     {
-      icon: /* @__PURE__ */ React250.createElement(GreenRoundCheckmark, null),
+      icon: /* @__PURE__ */ React251.createElement(GreenRoundCheckmark, null),
       description: t("profile.executeFirstCheckout", { appName })
     }
   ));
@@ -41580,13 +41669,13 @@ function Home({
   const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
   const { returnViewPresets } = useActivityTraversal();
   const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
-  useEffect63(() => {
+  useEffect64(() => {
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
   const AssetsList = useMemo57(() => {
     if (walletAssets && !Object.keys(walletAssets).length) {
-      return /* @__PURE__ */ React250.createElement(EmptyTabAlert, null);
+      return /* @__PURE__ */ React251.createElement(EmptyTabAlert, null);
     }
     const assets = walletAssets ? Object.values(walletAssets).sort(
       (a, b) => (b.totalUsdValue ?? 0) - (a.totalUsdValue ?? 0)
@@ -41594,7 +41683,7 @@ function Home({
     const itemHeight = HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT;
     const itemMargin = 8;
     const height = assets.length * (itemHeight + itemMargin) - itemMargin;
-    return /* @__PURE__ */ React250.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React250.createElement(
+    return /* @__PURE__ */ React251.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React251.createElement(
       Virtuoso,
       {
         className: clsx22(hideScrollBar, scrollContent),
@@ -41606,14 +41695,14 @@ function Home({
         itemContent: (index, asset) => (
           // gaps/margins between items must be part of the measured content
           // thus we wrap items in padded divs (margin is not measured)
-          /* @__PURE__ */ React250.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, asset ? /* @__PURE__ */ React250.createElement(HomeTokenBalanceDisplayRow, { asset }) : /* @__PURE__ */ React250.createElement(HomeTokenBalanceDisplayRowSkeleton, null))
+          /* @__PURE__ */ React251.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, asset ? /* @__PURE__ */ React251.createElement(HomeTokenBalanceDisplayRow, { asset }) : /* @__PURE__ */ React251.createElement(HomeTokenBalanceDisplayRowSkeleton, null))
         )
       }
     ));
   }, [walletAssets]);
   const CheckoutsList = useMemo57(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
-      return /* @__PURE__ */ React250.createElement(EmptyTabAlert, null);
+      return /* @__PURE__ */ React251.createElement(EmptyTabAlert, null);
     }
     const processingCheckouts = checkoutHistoryList.filter(
       (checkoutHistoryItem) => IN_PROGRESS_CHECKOUT_STATES2.includes(checkoutHistoryItem.state)
@@ -41675,7 +41764,7 @@ function Home({
     const groupHeight = 15;
     const groupMargin = 24;
     const height = groups.length * (groupHeight + groupMargin) + (items.length - groups.length) * (itemHeight + itemMargin) - groupMargin;
-    return /* @__PURE__ */ React250.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React250.createElement(
+    return /* @__PURE__ */ React251.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React251.createElement(
       Virtuoso,
       {
         className: clsx22(hideScrollBar, scrollContent),
@@ -41689,13 +41778,13 @@ function Home({
         itemContent: (index, data) => (
           // gaps/margins between items must be part of the measured content
           // thus we wrap items in padded divs (margin is not measured)
-          "group" in data ? /* @__PURE__ */ React250.createElement("div", { style: { paddingTop: index === 0 ? 0 : groupMargin } }, /* @__PURE__ */ React250.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React250.createElement(Text, { size: "10", color: "secondaryText" }, data.group))) : /* @__PURE__ */ React250.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, data.checkout ? /* @__PURE__ */ React250.createElement(
+          "group" in data ? /* @__PURE__ */ React251.createElement("div", { style: { paddingTop: index === 0 ? 0 : groupMargin } }, /* @__PURE__ */ React251.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React251.createElement(Text, { size: "10", color: "secondaryText" }, data.group))) : /* @__PURE__ */ React251.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, data.checkout ? /* @__PURE__ */ React251.createElement(
             HomeCheckoutDisplayRow,
             {
               checkoutHistoryItem: data.checkout,
               onSelect: handleCheckoutSelect
             }
-          ) : /* @__PURE__ */ React250.createElement(HomeCheckoutDisplayRowSkeleton, null))
+          ) : /* @__PURE__ */ React251.createElement(HomeCheckoutDisplayRowSkeleton, null))
         )
       }
     ));
@@ -41710,7 +41799,7 @@ function Home({
     { tab: "assets" /* ASSETS */, label: t("profile.tokensTab") },
     { tab: "checkouts" /* CHECKOUTS */, label: t("profile.checkoutsTab") }
   ];
-  return /* @__PURE__ */ React250.createElement(Box, { paddingTop: "14" }, /* @__PURE__ */ React250.createElement(
+  return /* @__PURE__ */ React251.createElement(Box, { paddingTop: "14" }, /* @__PURE__ */ React251.createElement(
     ProfileTitleSection,
     {
       animateOut: animation.isOut,
@@ -41720,7 +41809,7 @@ function Home({
       onLogout: handleLogout,
       onClose
     }
-  ), /* @__PURE__ */ React250.createElement(
+  ), /* @__PURE__ */ React251.createElement(
     Box,
     {
       display: "flex",
@@ -41730,8 +41819,8 @@ function Home({
       gap: "24",
       className: getContentAnimation(animation, true)
     },
-    /* @__PURE__ */ React250.createElement(BalanceSection, { totalBalance: totalWalletAssetsUsd }),
-    /* @__PURE__ */ React250.createElement(
+    /* @__PURE__ */ React251.createElement(BalanceSection, { totalBalance: totalWalletAssetsUsd }),
+    /* @__PURE__ */ React251.createElement(
       Box,
       {
         display: "flex",
@@ -41742,7 +41831,7 @@ function Home({
           marginLeft: `-${Number.parseInt(PROFILE_SIDE_PADDING)}px`
         }
       },
-      /* @__PURE__ */ React250.createElement(
+      /* @__PURE__ */ React251.createElement(
         Box,
         {
           display: "flex",
@@ -41750,7 +41839,7 @@ function Home({
           gap: "24",
           paddingX: PROFILE_SIDE_PADDING
         },
-        tabs2.map(({ tab, label }) => /* @__PURE__ */ React250.createElement(
+        tabs2.map(({ tab, label }) => /* @__PURE__ */ React251.createElement(
           Box,
           {
             key: label,
@@ -41759,7 +41848,7 @@ function Home({
             tabIndex: 0,
             className: tabLabelStyles
           },
-          /* @__PURE__ */ React250.createElement(
+          /* @__PURE__ */ React251.createElement(
             Text,
             {
               weight: "bold",
@@ -41770,21 +41859,21 @@ function Home({
           )
         ))
       ),
-      /* @__PURE__ */ React250.createElement(Box, { className: getContentAnimation(tabAnimation, false) }, selectedView === "assets" /* ASSETS */ && AssetsList, selectedView === "checkouts" /* CHECKOUTS */ && CheckoutsList)
+      /* @__PURE__ */ React251.createElement(Box, { className: getContentAnimation(tabAnimation, false) }, selectedView === "assets" /* ASSETS */ && AssetsList, selectedView === "checkouts" /* CHECKOUTS */ && CheckoutsList)
     )
   ));
 }
 
 // src/modals/ProfileDetails/FunProfileViews/Settings/Settings.tsx
 import { formatAddress as formatAddress6 } from "@funkit/utils";
-import React253 from "react";
+import React254 from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
-import React252 from "react";
+import React253 from "react";
 
 // src/components/Icons/CopyDoublePaperSheetIcon.tsx
-import React251 from "react";
-var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React251.createElement(
+import React252 from "react";
+var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React252.createElement(
   "svg",
   {
     width: "14",
@@ -41793,7 +41882,7 @@ var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React251.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React251.createElement(
+  /* @__PURE__ */ React252.createElement(
     "path",
     {
       d: "M3.76074 3.97363V2.4248C3.76074 1.73926 3.93424 1.22087 4.28125 0.869629C4.62826 0.51416 5.14242 0.336426 5.82373 0.336426H8.21045C8.57861 0.336426 8.90658 0.389323 9.19434 0.495117C9.48633 0.59668 9.75081 0.770182 9.98779 1.01562L13.1489 4.23389C13.3986 4.49202 13.5742 4.76709 13.6758 5.05908C13.7773 5.34684 13.8281 5.7002 13.8281 6.11914V11.1465C13.8281 11.832 13.6525 12.3504 13.3013 12.7017C12.9543 13.0529 12.4422 13.2285 11.7651 13.2285H10.4639V11.9844H11.6509C11.9598 11.9844 12.1904 11.9061 12.3428 11.7495C12.4993 11.5887 12.5776 11.3623 12.5776 11.0703V5.81445H9.78467C9.39111 5.81445 9.09277 5.71501 8.88965 5.51611C8.68652 5.31299 8.58496 5.01465 8.58496 4.62109V1.58691H5.92529C5.62061 1.58691 5.38997 1.6652 5.2334 1.82178C5.08105 1.97835 5.00488 2.20475 5.00488 2.50098V3.97363H3.76074ZM9.62598 4.4624C9.62598 4.57243 9.64925 4.65283 9.6958 4.70361C9.74658 4.75016 9.82487 4.77344 9.93066 4.77344H12.2539L9.62598 2.10742V4.4624ZM0.618652 14.4028V5.68115C0.618652 4.99561 0.792155 4.47721 1.13916 4.12598C1.48617 3.77051 2.00033 3.59277 2.68164 3.59277H4.89062C5.27572 3.59277 5.5931 3.63509 5.84277 3.71973C6.09668 3.80013 6.35059 3.97152 6.60449 4.23389L10.0449 7.7251C10.2227 7.90706 10.3581 8.08057 10.4512 8.24561C10.5443 8.41064 10.6056 8.59473 10.6353 8.79785C10.6691 8.99674 10.686 9.23796 10.686 9.52148V14.4028C10.686 15.0884 10.5125 15.6068 10.1655 15.958C9.81852 16.3092 9.30436 16.4849 8.62305 16.4849H2.68164C2.00033 16.4849 1.48617 16.3092 1.13916 15.958C0.792155 15.611 0.618652 15.0926 0.618652 14.4028ZM1.86914 14.3267C1.86914 14.6229 1.94531 14.8493 2.09766 15.0059C2.25 15.1624 2.47852 15.2407 2.7832 15.2407H8.51514C8.81982 15.2407 9.04834 15.1624 9.20068 15.0059C9.35726 14.8493 9.43555 14.6229 9.43555 14.3267V9.66748H6.08398C5.63542 9.66748 5.29899 9.55745 5.07471 9.3374C4.85042 9.11312 4.73828 8.77246 4.73828 8.31543V4.84326H2.78955C2.48063 4.84326 2.25 4.92155 2.09766 5.07812C1.94531 5.2347 1.86914 5.45898 1.86914 5.75098V14.3267ZM6.21094 8.56934H9.26416L5.83643 5.08447V8.19482C5.83643 8.32601 5.86605 8.42122 5.92529 8.48047C5.98454 8.53971 6.07975 8.56934 6.21094 8.56934Z",
@@ -41807,11 +41896,11 @@ function OldCopyAddressButton({
   address
 }) {
   const { isCopied, handleCopy } = useCopyToClipboard(address);
-  return /* @__PURE__ */ React252.createElement(
+  return /* @__PURE__ */ React253.createElement(
     FunIconButton,
     {
       size: "36",
-      icon: /* @__PURE__ */ React252.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React252.createElement(CheckIcon, null) : /* @__PURE__ */ React252.createElement(CopyDoublePaperSheetIcon, null)),
+      icon: /* @__PURE__ */ React253.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React253.createElement(CheckIcon, null) : /* @__PURE__ */ React253.createElement(CopyDoublePaperSheetIcon, null)),
       onClick: handleCopy
     }
   );
@@ -41823,7 +41912,7 @@ function LineItem({
   value,
   valueSuffix = null
 }) {
-  return /* @__PURE__ */ React253.createElement(
+  return /* @__PURE__ */ React254.createElement(
     Box,
     {
       display: "flex",
@@ -41832,26 +41921,26 @@ function LineItem({
       alignItems: "center",
       justifyContent: "space-between"
     },
-    /* @__PURE__ */ React253.createElement(Text, { color: "tertiaryText", size: "13", weight: "medium" }, label),
-    /* @__PURE__ */ React253.createElement(Box, { display: "flex", flexDirection: "row", gap: "1" }, /* @__PURE__ */ React253.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React253.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, value)), valueSuffix ? /* @__PURE__ */ React253.createElement(Box, { display: "flex", alignItems: "center" }, valueSuffix) : null)
+    /* @__PURE__ */ React254.createElement(Text, { color: "tertiaryText", size: "13", weight: "medium" }, label),
+    /* @__PURE__ */ React254.createElement(Box, { display: "flex", flexDirection: "row", gap: "1" }, /* @__PURE__ */ React254.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React254.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, value)), valueSuffix ? /* @__PURE__ */ React254.createElement(Box, { display: "flex", alignItems: "center" }, valueSuffix) : null)
   );
 }
 function Settings() {
   const { t } = useFunkitTranslation();
   const { walletAddress, loginType, userInfo } = useGeneralWallet();
   const isWeb3Login = loginType === "web3" /* Web3 */;
-  return /* @__PURE__ */ React253.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React253.createElement(
+  return /* @__PURE__ */ React254.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React254.createElement(
     LineItem,
     {
       label: isWeb3Login ? "Wallet" : userInfo.typeLabel,
       value: isWeb3Login ? userInfo.typeLabel : userInfo.name
     }
-  ), /* @__PURE__ */ React253.createElement(
+  ), /* @__PURE__ */ React254.createElement(
     LineItem,
     {
       label: t("profile.address"),
       value: formatAddress6(walletAddress),
-      valueSuffix: /* @__PURE__ */ React253.createElement(OldCopyAddressButton, { address: walletAddress })
+      valueSuffix: /* @__PURE__ */ React254.createElement(OldCopyAddressButton, { address: walletAddress })
     }
   ));
 }
@@ -41931,11 +42020,11 @@ function ProfileDetails({ onClose, defaultTab }) {
     isActiveCheckout: false,
     isCheckoutDetailView,
     paddingTop: PADDING_TOP,
-    topbar: dialogTitleMap[view] && /* @__PURE__ */ React254.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
+    topbar: dialogTitleMap[view] && /* @__PURE__ */ React255.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
     withTopDivider: withDivider,
     scrollableContent: PROFILE_DETAILS_DIALOG_CONTENT_ID
   });
-  return /* @__PURE__ */ React254.createElement(FunCheckoutModalHeightAnimationWrapper, null, topbar, /* @__PURE__ */ React254.createElement(
+  return /* @__PURE__ */ React255.createElement(FunCheckoutModalHeightAnimationWrapper, null, topbar, /* @__PURE__ */ React255.createElement(
     Dialog.Content,
     {
       display: "flex",
@@ -41952,7 +42041,7 @@ function ProfileDetails({ onClose, defaultTab }) {
       withTopDivider,
       id: PROFILE_DETAILS_DIALOG_CONTENT_ID
     },
-    view === 0 /* HOME */ ? /* @__PURE__ */ React254.createElement(
+    view === 0 /* HOME */ ? /* @__PURE__ */ React255.createElement(
       Home,
       {
         animation,
@@ -41961,7 +42050,7 @@ function ProfileDetails({ onClose, defaultTab }) {
         onSelectActivity: onSelectActivityWrapper,
         defaultHomeTab: selectedHomeTab
       }
-    ) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React254.createElement(Settings, null) : view === 3 /* SINGLE_ACTIVITY */ ? /* @__PURE__ */ React254.createElement(
+    ) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React255.createElement(Settings, null) : view === 3 /* SINGLE_ACTIVITY */ ? /* @__PURE__ */ React255.createElement(
       FunCheckoutHistoryContent,
       {
         depositAddress: selectedPurchaseId || "0x",
@@ -41973,7 +42062,7 @@ function ProfileDetails({ onClose, defaultTab }) {
         bottomBarId: HISTORY_BOTTOM_BAR_ID
       }
     ) : null
-  ), /* @__PURE__ */ React254.createElement(Dialog.BottomSection, { id: HISTORY_BOTTOM_BAR_ID }));
+  ), /* @__PURE__ */ React255.createElement(Dialog.BottomSection, { id: HISTORY_BOTTOM_BAR_ID }));
 }
 
 // src/modals/AccountModal/AccountModal.tsx
@@ -41983,7 +42072,7 @@ function AccountModal({ onClose, open, defaultTab }) {
   if (!walletAddress) {
     return null;
   }
-  return /* @__PURE__ */ React255.createElement(
+  return /* @__PURE__ */ React256.createElement(
     Dialog,
     {
       onClose,
@@ -41991,17 +42080,17 @@ function AccountModal({ onClose, open, defaultTab }) {
       titleId: TITLE_ID,
       isSmartCloseable: true
     },
-    /* @__PURE__ */ React255.createElement(ActivityTraversalProvider, null, /* @__PURE__ */ React255.createElement(ProfileDetails, { onClose, defaultTab }))
+    /* @__PURE__ */ React256.createElement(ActivityTraversalProvider, null, /* @__PURE__ */ React256.createElement(ProfileDetails, { onClose, defaultTab }))
   );
 }
 
 // src/modals/ChainModal/ChainModal.tsx
 import { isMobile as isMobile12 } from "@funkit/utils";
-import React260 from "react";
+import React261 from "react";
 
 // src/components/Icons/DisconnectSqIcon.tsx
-import React256 from "react";
-var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React256.createElement(
+import React257 from "react";
+var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React257.createElement(
   "svg",
   {
     fill: "none",
@@ -42010,7 +42099,7 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React256.createElement(
     width: size,
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React256.createElement(
+  /* @__PURE__ */ React257.createElement(
     "path",
     {
       d: "M6.742 22.195h8.367c1.774 0 2.743-.968 2.743-2.758V16.11h-2.016v3.11c0 .625-.305.96-.969.96H6.984c-.664 0-.968-.335-.968-.96V7.984c0-.632.304-.968.968-.968h7.883c.664 0 .969.336.969.968v3.133h2.016v-3.36c0-1.78-.97-2.757-2.743-2.757H6.742C4.97 5 4 5.977 4 7.758v11.68c0 1.789.969 2.757 2.742 2.757Zm5.438-7.703h7.601l1.149-.07-.602.406-1.008.938a.816.816 0 0 0-.258.593c0 .407.313.782.758.782.227 0 .39-.086.547-.243l2.492-2.593c.235-.235.313-.47.313-.711 0-.242-.078-.477-.313-.719l-2.492-2.586c-.156-.156-.32-.25-.547-.25-.445 0-.758.367-.758.781 0 .227.094.446.258.594l1.008.945.602.407-1.149-.079H12.18a.904.904 0 0 0 0 1.805Z",
@@ -42021,13 +42110,13 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React256.createElement(
 
 // src/components/MenuButton/MenuButton.tsx
 import { isMobile as isMobile10 } from "@funkit/utils";
-import React257 from "react";
+import React258 from "react";
 
 // src/components/MenuButton/MenuButton.css.ts
 var unsetBackgroundOnHover = "_10pw5x60";
 
 // src/components/MenuButton/MenuButton.tsx
-var MenuButton = React257.forwardRef(
+var MenuButton = React258.forwardRef(
   ({
     children,
     currentlySelected = false,
@@ -42036,7 +42125,7 @@ var MenuButton = React257.forwardRef(
     ...urlProps
   }, ref) => {
     const mobile = isMobile10();
-    return /* @__PURE__ */ React257.createElement(
+    return /* @__PURE__ */ React258.createElement(
       Box,
       {
         as: "button",
@@ -42048,7 +42137,7 @@ var MenuButton = React257.forwardRef(
         testId,
         type: "button"
       },
-      /* @__PURE__ */ React257.createElement(
+      /* @__PURE__ */ React258.createElement(
         Box,
         {
           borderRadius: "menuButton",
@@ -42082,12 +42171,12 @@ MenuButton.displayName = "MenuButton";
 
 // src/modals/ChainModal/Chain.tsx
 import { isMobile as isMobile11 } from "@funkit/utils";
-import React259, { Fragment as Fragment2 } from "react";
+import React260, { Fragment as Fragment2 } from "react";
 
 // src/components/FunDot/FunDot.tsx
-import React258 from "react";
+import React259 from "react";
 function FunDot() {
-  return /* @__PURE__ */ React258.createElement(
+  return /* @__PURE__ */ React259.createElement(
     Box,
     {
       background: "connectionIndicator",
@@ -42115,7 +42204,7 @@ function ChainLineItem({
   if (!chainItem) {
     return null;
   }
-  return /* @__PURE__ */ React259.createElement(
+  return /* @__PURE__ */ React260.createElement(
     Box,
     {
       alignItems: "center",
@@ -42124,7 +42213,7 @@ function ChainLineItem({
       gap,
       height: chainIconSize
     },
-    /* @__PURE__ */ React259.createElement(Box, { height: "full" }, /* @__PURE__ */ React259.createElement(
+    /* @__PURE__ */ React260.createElement(Box, { height: "full" }, /* @__PURE__ */ React260.createElement(
       AsyncImage,
       {
         alt: chainItem.name,
@@ -42136,7 +42225,7 @@ function ChainLineItem({
         testId: `chain-option-${chainId}-icon`
       }
     )),
-    !hideChainName ? /* @__PURE__ */ React259.createElement("div", null, chainItem.name) : null
+    !hideChainName ? /* @__PURE__ */ React260.createElement("div", null, chainItem.name) : null
   );
 }
 var Chain = ({
@@ -42151,14 +42240,14 @@ var Chain = ({
   const mobile = isMobile11();
   const funkitConnectChains = useFunkitConnectChains();
   const isCurrentChain = currentChainId === chainId && !isLoading;
-  return /* @__PURE__ */ React259.createElement(Fragment2, null, /* @__PURE__ */ React259.createElement(
+  return /* @__PURE__ */ React260.createElement(Fragment2, null, /* @__PURE__ */ React260.createElement(
     MenuButton,
     {
       currentlySelected: isCurrentChain,
       onClick: isCurrentChain ? void 0 : () => switchChain({ chainId }),
       testId: `chain-option-${chainId}`
     },
-    /* @__PURE__ */ React259.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React259.createElement(
+    /* @__PURE__ */ React260.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React260.createElement(
       Box,
       {
         alignItems: "center",
@@ -42166,8 +42255,8 @@ var Chain = ({
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      /* @__PURE__ */ React259.createElement(ChainLineItem, { chainId, chainIconSize }),
-      isCurrentChain && /* @__PURE__ */ React259.createElement(
+      /* @__PURE__ */ React260.createElement(ChainLineItem, { chainId, chainIconSize }),
+      isCurrentChain && /* @__PURE__ */ React260.createElement(
         Box,
         {
           alignItems: "center",
@@ -42175,10 +42264,10 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React259.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, t("common.connected")),
-        /* @__PURE__ */ React259.createElement(FunDot, null)
+        /* @__PURE__ */ React260.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, t("common.connected")),
+        /* @__PURE__ */ React260.createElement(FunDot, null)
       ),
-      isLoading && /* @__PURE__ */ React259.createElement(
+      isLoading && /* @__PURE__ */ React260.createElement(
         Box,
         {
           alignItems: "center",
@@ -42186,8 +42275,8 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React259.createElement(Text, { color: "primaryText", size: "14", weight: "medium" }, t("common.confirmInWallet")),
-        /* @__PURE__ */ React259.createElement(
+        /* @__PURE__ */ React260.createElement(Text, { color: "primaryText", size: "14", weight: "medium" }, t("common.confirmInWallet")),
+        /* @__PURE__ */ React260.createElement(
           Box,
           {
             background: "standby",
@@ -42199,7 +42288,7 @@ var Chain = ({
         )
       )
     ))
-  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React259.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
+  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React260.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
 };
 var Chain_default = Chain;
 
@@ -42224,7 +42313,7 @@ function ChainModal({ onClose, open }) {
   if (!chainId) {
     return null;
   }
-  return /* @__PURE__ */ React260.createElement(
+  return /* @__PURE__ */ React261.createElement(
     Dialog,
     {
       onClose,
@@ -42232,15 +42321,15 @@ function ChainModal({ onClose, open }) {
       titleId,
       isSmartCloseable: true
     },
-    /* @__PURE__ */ React260.createElement(Dialog.Content, { paddingTop: "18" }, /* @__PURE__ */ React260.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React260.createElement(
+    /* @__PURE__ */ React261.createElement(Dialog.Content, { paddingTop: "18" }, /* @__PURE__ */ React261.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React261.createElement(
       Box,
       {
         display: "flex",
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      mobile && /* @__PURE__ */ React260.createElement(Box, { width: "30" }),
-      /* @__PURE__ */ React260.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React260.createElement(
+      mobile && /* @__PURE__ */ React261.createElement(Box, { width: "30" }),
+      /* @__PURE__ */ React261.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React261.createElement(
         Text,
         {
           as: "h1",
@@ -42251,8 +42340,8 @@ function ChainModal({ onClose, open }) {
         },
         t("chainModal.switchNetworks")
       )),
-      /* @__PURE__ */ React260.createElement(CloseButton, { onClose })
-    ), !isCurrentChainSupported && /* @__PURE__ */ React260.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React260.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, t("chainModal.wrongNetworkDetected"))), /* @__PURE__ */ React260.createElement(
+      /* @__PURE__ */ React261.createElement(CloseButton, { onClose })
+    ), !isCurrentChainSupported && /* @__PURE__ */ React261.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React261.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, t("chainModal.wrongNetworkDetected"))), /* @__PURE__ */ React261.createElement(
       Box,
       {
         className: mobile ? MobileScrollClassName : DesktopScrollClassName,
@@ -42263,7 +42352,7 @@ function ChainModal({ onClose, open }) {
         paddingBottom: "16"
       },
       funkitConnectChains.map(({ id }, idx) => {
-        return /* @__PURE__ */ React260.createElement(
+        return /* @__PURE__ */ React261.createElement(
           Chain_default,
           {
             key: id,
@@ -42276,13 +42365,13 @@ function ChainModal({ onClose, open }) {
           }
         );
       }),
-      !isCurrentChainSupported && /* @__PURE__ */ React260.createElement(React260.Fragment, null, /* @__PURE__ */ React260.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React260.createElement(
+      !isCurrentChainSupported && /* @__PURE__ */ React261.createElement(React261.Fragment, null, /* @__PURE__ */ React261.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React261.createElement(
         MenuButton,
         {
           onClick: () => handleLogout(),
           testId: "chain-option-disconnect"
         },
-        /* @__PURE__ */ React260.createElement(
+        /* @__PURE__ */ React261.createElement(
           Box,
           {
             color: "error",
@@ -42290,7 +42379,7 @@ function ChainModal({ onClose, open }) {
             fontSize: "16",
             fontWeight: "bold"
           },
-          /* @__PURE__ */ React260.createElement(
+          /* @__PURE__ */ React261.createElement(
             Box,
             {
               alignItems: "center",
@@ -42298,7 +42387,7 @@ function ChainModal({ onClose, open }) {
               flexDirection: "row",
               justifyContent: "space-between"
             },
-            /* @__PURE__ */ React260.createElement(
+            /* @__PURE__ */ React261.createElement(
               Box,
               {
                 alignItems: "center",
@@ -42307,7 +42396,7 @@ function ChainModal({ onClose, open }) {
                 gap: "4",
                 height: chainIconSize
               },
-              /* @__PURE__ */ React260.createElement(
+              /* @__PURE__ */ React261.createElement(
                 Box,
                 {
                   alignItems: "center",
@@ -42316,9 +42405,9 @@ function ChainModal({ onClose, open }) {
                   justifyContent: "center",
                   marginRight: "8"
                 },
-                /* @__PURE__ */ React260.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
+                /* @__PURE__ */ React261.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
               ),
-              /* @__PURE__ */ React260.createElement("div", null, t("chainModal.disconnect"))
+              /* @__PURE__ */ React261.createElement("div", null, t("chainModal.disconnect"))
             )
           )
         )
@@ -42330,13 +42419,13 @@ function ChainModal({ onClose, open }) {
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
 import { LogLevel as LogLevel2, initializeRelayClient } from "@funkit/fun-relay";
-import React275, { useEffect as useEffect70, useRef as useRef36 } from "react";
+import React276, { useEffect as useEffect71, useRef as useRef36 } from "react";
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React266, { useCallback as useCallback50, useMemo as useMemo58, useState as useState76 } from "react";
+import React267, { useCallback as useCallback50, useMemo as useMemo58, useState as useState76 } from "react";
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React261, { useEffect as useEffect64 } from "react";
+import React262, { useEffect as useEffect65 } from "react";
 var AUTO_CLOSE = 2e3;
 var messageMap = (hasQrCode) => ({
   error: {
@@ -42355,7 +42444,7 @@ var FunConnectResultStep = ({
   qrCodeUri
 }) => {
   const hasAutoclose = type === "success";
-  useEffect64(() => {
+  useEffect65(() => {
     if (!hasAutoclose) {
       return;
     }
@@ -42364,7 +42453,7 @@ var FunConnectResultStep = ({
   }, [onClose, hasAutoclose]);
   const hasQrCode = wallet?.qrCode && qrCodeUri;
   const message = messageMap(!!hasQrCode)[type];
-  return /* @__PURE__ */ React261.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React261.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, hasQrCode && type === "error" ? /* @__PURE__ */ React261.createElement(
+  return /* @__PURE__ */ React262.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React262.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, hasQrCode && type === "error" ? /* @__PURE__ */ React262.createElement(
     Box,
     {
       alignItems: "center",
@@ -42373,7 +42462,7 @@ var FunConnectResultStep = ({
       justifyContent: "center",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React261.createElement(
+    /* @__PURE__ */ React262.createElement(
       QRCode,
       {
         logoBackground: wallet.iconBackground,
@@ -42383,7 +42472,7 @@ var FunConnectResultStep = ({
         uri: qrCodeUri
       }
     )
-  ) : /* @__PURE__ */ React261.createElement(
+  ) : /* @__PURE__ */ React262.createElement(
     Box,
     {
       padding: "30",
@@ -42392,7 +42481,7 @@ var FunConnectResultStep = ({
       borderStyle: "solid",
       borderColor: type === "success" ? "buttonSuccess" : "buttonWarning"
     },
-    wallet && /* @__PURE__ */ React261.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React261.createElement(
+    wallet && /* @__PURE__ */ React262.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React262.createElement(
       AsyncImage,
       {
         background: wallet.iconBackground,
@@ -42402,12 +42491,12 @@ var FunConnectResultStep = ({
         height: 40
       }
     ))
-  ), /* @__PURE__ */ React261.createElement(FunMessage, { title: message.title, description: message.description })));
+  ), /* @__PURE__ */ React262.createElement(FunMessage, { title: message.title, description: message.description })));
 };
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { isMobile as isMobile13, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React263, { useState as useState75 } from "react";
+import React264, { useState as useState75 } from "react";
 
 // src/wallets/latestWalletId.ts
 var storageKey5 = "fkc-latest-id";
@@ -42416,7 +42505,7 @@ function addLatestWalletId(walletId) {
 }
 
 // src/components/ModalSelection/ModalSelection.tsx
-import React262, { useState as useState74 } from "react";
+import React263, { useState as useState74 } from "react";
 var ModalSelection = ({
   as = "button",
   currentlySelected = false,
@@ -42433,7 +42522,7 @@ var ModalSelection = ({
 }) => {
   const [isMouseOver, setIsMouseOver] = useState74(false);
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React262.createElement(
+  return /* @__PURE__ */ React263.createElement(
     Box,
     {
       display: "flex",
@@ -42441,7 +42530,7 @@ var ModalSelection = ({
       onMouseEnter: () => setIsMouseOver(true),
       onMouseLeave: () => setIsMouseOver(false)
     },
-    /* @__PURE__ */ React262.createElement(
+    /* @__PURE__ */ React263.createElement(
       Box,
       {
         as,
@@ -42465,7 +42554,7 @@ var ModalSelection = ({
         width: "full",
         ...urlProps
       },
-      /* @__PURE__ */ React262.createElement(
+      /* @__PURE__ */ React263.createElement(
         Box,
         {
           color: currentlySelected ? "accentColorForeground" : "primaryText",
@@ -42475,7 +42564,7 @@ var ModalSelection = ({
           fontWeight: "medium",
           transition: "default"
         },
-        /* @__PURE__ */ React262.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React262.createElement(
+        /* @__PURE__ */ React263.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React263.createElement(
           AsyncImage,
           {
             background: iconBackground,
@@ -42486,7 +42575,7 @@ var ModalSelection = ({
             src: iconUrl,
             width: "18"
           }
-        ), /* @__PURE__ */ React262.createElement(
+        ), /* @__PURE__ */ React263.createElement(
           Box,
           {
             display: "flex",
@@ -42494,8 +42583,8 @@ var ModalSelection = ({
             style: { flex: 1 },
             alignItems: "center"
           },
-          /* @__PURE__ */ React262.createElement(Box, { maxWidth: "200" }, name),
-          recent && /* @__PURE__ */ React262.createElement(
+          /* @__PURE__ */ React263.createElement(Box, { maxWidth: "200" }, name),
+          recent && /* @__PURE__ */ React263.createElement(
             FunBadge,
             {
               borderRadius: "smallBadge",
@@ -42584,8 +42673,8 @@ function FunSignInStep({
     }
   };
   const makeWeb3LoginSection = () => {
-    return /* @__PURE__ */ React263.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, wallets.map((wallet) => {
-      return /* @__PURE__ */ React263.createElement(
+    return /* @__PURE__ */ React264.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, wallets.map((wallet) => {
+      return /* @__PURE__ */ React264.createElement(
         ModalSelection,
         {
           currentlySelected: wallet.id === selectedOptionId,
@@ -42602,14 +42691,14 @@ function FunSignInStep({
     }));
   };
   const Web3LoginSection = makeWeb3LoginSection();
-  return /* @__PURE__ */ React263.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, Web3LoginSection);
+  return /* @__PURE__ */ React264.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, Web3LoginSection);
 }
 
 // src/components/FunConnectOptions/FunWeb3ConnectingStep.tsx
-import React265 from "react";
+import React266 from "react";
 
 // src/components/GradientLoader/GradientLoader.tsx
-import React264 from "react";
+import React265 from "react";
 
 // src/components/GradientLoader/GradientLoader.css.ts
 var loader = "m17uwo1";
@@ -42619,7 +42708,7 @@ var GradientLoader = ({
   height = "100",
   width = "100"
 }) => {
-  return /* @__PURE__ */ React264.createElement(
+  return /* @__PURE__ */ React265.createElement(
     Box,
     {
       className: loader,
@@ -42640,7 +42729,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
   }
   const { iconBackground, iconUrl, name, qrCode, ready } = selectedWallet;
   const hasQrCode = qrCode && qrCodeUri;
-  const waitingMessage = /* @__PURE__ */ React265.createElement(
+  const waitingMessage = /* @__PURE__ */ React266.createElement(
     FunMessage,
     {
       title: `Waiting for ${hasQrCode ? "connection" : name}`,
@@ -42648,7 +42737,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       id: "link-text"
     }
   );
-  return /* @__PURE__ */ React265.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, hasQrCode ? /* @__PURE__ */ React265.createElement(
+  return /* @__PURE__ */ React266.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, hasQrCode ? /* @__PURE__ */ React266.createElement(
     Box,
     {
       alignItems: "center",
@@ -42658,7 +42747,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       gap: "12",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React265.createElement(
+    /* @__PURE__ */ React266.createElement(
       QRCode,
       {
         logoBackground: iconBackground,
@@ -42669,7 +42758,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       }
     ),
     waitingMessage
-  ) : /* @__PURE__ */ React265.createElement(
+  ) : /* @__PURE__ */ React266.createElement(
     Box,
     {
       alignItems: "center",
@@ -42678,7 +42767,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       flexDirection: "column",
       gap: "12"
     },
-    ready && /* @__PURE__ */ React265.createElement(React265.Fragment, null, /* @__PURE__ */ React265.createElement(Box, { id: "link-graphics", padding: "30", position: "relative" }, /* @__PURE__ */ React265.createElement(Box, { position: "absolute", style: { top: 0, left: 0 } }, /* @__PURE__ */ React265.createElement(GradientLoader, null)), /* @__PURE__ */ React265.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React265.createElement(
+    ready && /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Box, { id: "link-graphics", padding: "30", position: "relative" }, /* @__PURE__ */ React266.createElement(Box, { position: "absolute", style: { top: 0, left: 0 } }, /* @__PURE__ */ React266.createElement(GradientLoader, null)), /* @__PURE__ */ React266.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React266.createElement(
       AsyncImage,
       {
         background: iconBackground,
@@ -42778,7 +42867,7 @@ function FunConnectOptions({
   const stepComponent = useMemo58(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
-        return /* @__PURE__ */ React266.createElement(
+        return /* @__PURE__ */ React267.createElement(
           FunSignInStep,
           {
             signInStep: step,
@@ -42790,7 +42879,7 @@ function FunConnectOptions({
           }
         );
       case 1 /* PENDING_WALLET */:
-        return /* @__PURE__ */ React266.createElement(
+        return /* @__PURE__ */ React267.createElement(
           FunWeb3ConnectingStep,
           {
             selectedWallet,
@@ -42798,7 +42887,7 @@ function FunConnectOptions({
           }
         );
       case 2 /* ERROR_WEB3 */:
-        return /* @__PURE__ */ React266.createElement(
+        return /* @__PURE__ */ React267.createElement(
           FunConnectResultStep,
           {
             onClose,
@@ -42809,7 +42898,7 @@ function FunConnectOptions({
         );
     }
   }, [connectToWallet, navigateTo, onClose, qrCodeUri, selectedWallet, step]);
-  return /* @__PURE__ */ React266.createElement(React266.Fragment, null, /* @__PURE__ */ React266.createElement(Dialog.Title, { onClose, ...navigationConfig[step] }), /* @__PURE__ */ React266.createElement(
+  return /* @__PURE__ */ React267.createElement(React267.Fragment, null, /* @__PURE__ */ React267.createElement(Dialog.Title, { onClose, ...navigationConfig[step] }), /* @__PURE__ */ React267.createElement(
     Dialog.Content,
     {
       display: "flex",
@@ -42821,12 +42910,12 @@ function FunConnectOptions({
       withBottomDivider: actionConfig[step] ? "always" : "never"
     },
     stepComponent
-  ), /* @__PURE__ */ React266.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.connectwallet }, actionConfig[step] && /* @__PURE__ */ React266.createElement(Dialog.BottomBar, { ...actionConfig[step] })));
+  ), /* @__PURE__ */ React267.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.connectwallet }, actionConfig[step] && /* @__PURE__ */ React267.createElement(Dialog.BottomBar, { ...actionConfig[step] })));
 }
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
-import React267 from "react";
-import { Trans as Trans15 } from "react-i18next";
+import React268 from "react";
+import { Trans as Trans16 } from "react-i18next";
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.css.ts
 var funCheckoutBlockedStyle = "hkjz5k0";
@@ -42839,35 +42928,35 @@ var FunCheckoutBlocked = ({ reason }) => {
   }
   const blockedReasonToDescription = {
     fullGeoblock: t("funCheckoutBlocked.geoblock", { orgName: FUN_ORG_NAME }),
-    security: /* @__PURE__ */ React267.createElement(
-      Trans15,
+    security: /* @__PURE__ */ React268.createElement(
+      Trans16,
       {
         t,
         i18nKey: "funCheckoutBlocked.security",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React267.createElement(ContactSupportLink, { size: "10" })
+          ContactSupportLink: /* @__PURE__ */ React268.createElement(ContactSupportLink, { size: "10" })
         },
         values: {
           orgName: FUN_ORG_NAME
         }
       }
     ),
-    unloggedin: /* @__PURE__ */ React267.createElement(
-      Trans15,
+    unloggedin: /* @__PURE__ */ React268.createElement(
+      Trans16,
       {
         t,
         i18nKey: "funCheckoutBlocked.unloggedin",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React267.createElement(ContactSupportLink, { size: "10" })
+          ContactSupportLink: /* @__PURE__ */ React268.createElement(ContactSupportLink, { size: "10" })
         }
       }
     )
   };
   const description = blockedReasonToDescription[reason];
-  return /* @__PURE__ */ React267.createElement(Box, { className: funCheckoutBlockedStyle }, /* @__PURE__ */ React267.createElement(
+  return /* @__PURE__ */ React268.createElement(Box, { className: funCheckoutBlockedStyle }, /* @__PURE__ */ React268.createElement(
     FunAlert,
     {
-      icon: /* @__PURE__ */ React267.createElement(FunInfoIcon, null),
+      icon: /* @__PURE__ */ React268.createElement(FunInfoIcon, null),
       description,
       verticalAlignment: "top"
     }
@@ -42875,12 +42964,12 @@ var FunCheckoutBlocked = ({ reason }) => {
 };
 
 // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
-import React268, { useEffect as useEffect65, useState as useState77 } from "react";
+import React269, { useEffect as useEffect66, useState as useState77 } from "react";
 var SwappedIframe = () => {
   const { iframeUrl, isSwappedReady, isActive, setIframeRef } = useSwappedContext();
   const [visible, setVisible] = useState77(false);
   const shouldShow = isActive && isSwappedReady;
-  useEffect65(() => {
+  useEffect66(() => {
     if (shouldShow) {
       const frame = requestAnimationFrame(() => setVisible(true));
       return () => cancelAnimationFrame(frame);
@@ -42890,7 +42979,7 @@ var SwappedIframe = () => {
   if (!iframeUrl) {
     return null;
   }
-  return /* @__PURE__ */ React268.createElement(
+  return /* @__PURE__ */ React269.createElement(
     Box,
     {
       background: "modalBackground",
@@ -42909,7 +42998,7 @@ var SwappedIframe = () => {
       },
       "aria-hidden": !shouldShow
     },
-    /* @__PURE__ */ React268.createElement(
+    /* @__PURE__ */ React269.createElement(
       "iframe",
       {
         ref: setIframeRef,
@@ -42932,20 +43021,20 @@ var SwappedIframe = () => {
     )
   );
 };
-var SwappedIframe_default = React268.memo(SwappedIframe);
+var SwappedIframe_default = React269.memo(SwappedIframe);
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx25 from "clsx";
-import React274, { useCallback as useCallback52, useEffect as useEffect68, useMemo as useMemo59, useState as useState79 } from "react";
+import React275, { useCallback as useCallback52, useEffect as useEffect69, useMemo as useMemo59, useState as useState79 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
-import React269 from "react";
+import React270 from "react";
 var FunNotificationShowMoreButton = ({
   numberOfNotifications,
   isExpanded,
   onClick
 }) => {
-  const buttonTitleCompoent = /* @__PURE__ */ React269.createElement(Box, { display: "flex", gap: "4", alignItems: "center" }, /* @__PURE__ */ React269.createElement(Text, { size: "13" }, isExpanded ? "Show less" : `${numberOfNotifications} more`), /* @__PURE__ */ React269.createElement(
+  const buttonTitleCompoent = /* @__PURE__ */ React270.createElement(Box, { display: "flex", gap: "4", alignItems: "center" }, /* @__PURE__ */ React270.createElement(Text, { size: "13" }, isExpanded ? "Show less" : `${numberOfNotifications} more`), /* @__PURE__ */ React270.createElement(
     Box,
     {
       width: "16",
@@ -42954,7 +43043,7 @@ var FunNotificationShowMoreButton = ({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React269.createElement(
+    /* @__PURE__ */ React270.createElement(
       Box,
       {
         color: "secondaryText",
@@ -42965,10 +43054,10 @@ var FunNotificationShowMoreButton = ({
         justifyContent: "center",
         style: isExpanded ? { transform: "rotate(180deg)" } : void 0
       },
-      /* @__PURE__ */ React269.createElement(CaretDownIcon, null)
+      /* @__PURE__ */ React270.createElement(CaretDownIcon, null)
     )
   ));
-  return /* @__PURE__ */ React269.createElement(
+  return /* @__PURE__ */ React270.createElement(
     FunButton,
     {
       type: "tertiary",
@@ -42982,10 +43071,10 @@ var FunNotificationShowMoreButton = ({
 
 // src/hooks/useOnNewNotification.ts
 import { safeParseJson as safeParseJson3 } from "@funkit/utils";
-import { useEffect as useEffect66 } from "react";
+import { useEffect as useEffect67 } from "react";
 var storageKey6 = "fkc-processed-notifications";
 var useOnNewNotification = (combinedNotifications, cb) => {
-  useEffect66(() => {
+  useEffect67(() => {
     const alreadyProcessed = safeParseJsonObject(
       sessionStorage.getItem(storageKey6)
     );
@@ -43028,12 +43117,12 @@ var getUniqueId = (item) => {
 };
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotification.tsx
-import React272 from "react";
-import { Trans as Trans16 } from "react-i18next";
+import React273 from "react";
+import { Trans as Trans17 } from "react-i18next";
 
 // src/components/FunNotificationBanner/FunNotificationBanner.tsx
 import { AnimatePresence as AnimatePresence3, motion as motion15 } from "motion/react";
-import React271, { useState as useState78 } from "react";
+import React272, { useState as useState78 } from "react";
 import clsx24 from "clsx";
 
 // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
@@ -43043,7 +43132,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f1q6 _1rsrm2f1i _1rsrm2f1f _1rsrm2f11
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx23 from "clsx";
 import { motion as motion14, useAnimate as useAnimate3 } from "motion/react";
-import React270, { useCallback as useCallback51, useEffect as useEffect67, useRef as useRef35 } from "react";
+import React271, { useCallback as useCallback51, useEffect as useEffect68, useRef as useRef35 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -43056,7 +43145,7 @@ var statusSpinner = "_1i8t3xj4 qe221a3";
 function generateAnimationPrefixClassName(className) {
   return `framer-fnb-${className}`;
 }
-var successIcon = /* @__PURE__ */ React270.createElement(
+var successIcon = /* @__PURE__ */ React271.createElement(
   motion14.svg,
   {
     width: "16",
@@ -43065,8 +43154,8 @@ var successIcon = /* @__PURE__ */ React270.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React270.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
-  /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
+  /* @__PURE__ */ React271.createElement(
     motion14.path,
     {
       d: "M5 8L7 10L11.5 5.5",
@@ -43076,7 +43165,7 @@ var successIcon = /* @__PURE__ */ React270.createElement(
     }
   )
 );
-var errorIcon = /* @__PURE__ */ React270.createElement(
+var errorIcon = /* @__PURE__ */ React271.createElement(
   "svg",
   {
     width: "16",
@@ -43085,8 +43174,8 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React270.createElement("g", { filter: "url(#filter0_i_19769_7642)" }, /* @__PURE__ */ React270.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#F34126" })),
-  /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement("g", { filter: "url(#filter0_i_19769_7642)" }, /* @__PURE__ */ React271.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#F34126" })),
+  /* @__PURE__ */ React271.createElement(
     "path",
     {
       d: "M5 5L11 11",
@@ -43095,7 +43184,7 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement(
     "path",
     {
       d: "M5 11L11 5",
@@ -43104,7 +43193,7 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React270.createElement("defs", null, /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement("defs", null, /* @__PURE__ */ React271.createElement(
     "filter",
     {
       id: "filter0_i_19769_7642",
@@ -43115,8 +43204,8 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React270.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React271.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -43125,7 +43214,7 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -43134,16 +43223,16 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React270.createElement("feOffset", { dy: "-1" }),
-    /* @__PURE__ */ React270.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement("feOffset", { dy: "-1" }),
+    /* @__PURE__ */ React271.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React271.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
       }
     ),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -43153,7 +43242,7 @@ var errorIcon = /* @__PURE__ */ React270.createElement(
     )
   ))
 );
-var pendingIcon = /* @__PURE__ */ React270.createElement(
+var pendingIcon = /* @__PURE__ */ React271.createElement(
   motion14.svg,
   {
     width: "16",
@@ -43162,8 +43251,8 @@ var pendingIcon = /* @__PURE__ */ React270.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React270.createElement("g", { filter: "url(#filter0_i_19866_15799)" }, /* @__PURE__ */ React270.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#8C8C8C" })),
-  /* @__PURE__ */ React270.createElement("g", { clipPath: "url(#clip0_19866_15799)" }, /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement("g", { filter: "url(#filter0_i_19866_15799)" }, /* @__PURE__ */ React271.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#8C8C8C" })),
+  /* @__PURE__ */ React271.createElement("g", { clipPath: "url(#clip0_19866_15799)" }, /* @__PURE__ */ React271.createElement(
     motion14.path,
     {
       d: "M8 5V8L10 9M13 8C13 10.7614 10.7614 13 8 13C5.23858 13 3 10.7614 3 8C3 5.23858 5.23858 3 8 3C10.7614 3 13 5.23858 13 8Z",
@@ -43173,7 +43262,7 @@ var pendingIcon = /* @__PURE__ */ React270.createElement(
       strokeLinejoin: "round"
     }
   )),
-  /* @__PURE__ */ React270.createElement("defs", null, /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement("defs", null, /* @__PURE__ */ React271.createElement(
     "filter",
     {
       id: "filter0_i_19866_15799",
@@ -43184,8 +43273,8 @@ var pendingIcon = /* @__PURE__ */ React270.createElement(
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React270.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React271.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -43194,7 +43283,7 @@ var pendingIcon = /* @__PURE__ */ React270.createElement(
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -43203,16 +43292,16 @@ var pendingIcon = /* @__PURE__ */ React270.createElement(
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React270.createElement("feOffset", { dy: "-1" }),
-    /* @__PURE__ */ React270.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement("feOffset", { dy: "-1" }),
+    /* @__PURE__ */ React271.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React271.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
       }
     ),
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -43220,9 +43309,9 @@ var pendingIcon = /* @__PURE__ */ React270.createElement(
         result: "effect1_innerShadow_19866_15799"
       }
     )
-  ), /* @__PURE__ */ React270.createElement("clipPath", { id: "clip0_19866_15799" }, /* @__PURE__ */ React270.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(2 2)" })))
+  ), /* @__PURE__ */ React271.createElement("clipPath", { id: "clip0_19866_15799" }, /* @__PURE__ */ React271.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(2 2)" })))
 );
-var downloadIcon = /* @__PURE__ */ React270.createElement(
+var downloadIcon = /* @__PURE__ */ React271.createElement(
   motion14.svg,
   {
     width: "16",
@@ -43231,8 +43320,8 @@ var downloadIcon = /* @__PURE__ */ React270.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React270.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
-  /* @__PURE__ */ React270.createElement(
+  /* @__PURE__ */ React271.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
+  /* @__PURE__ */ React271.createElement(
     motion14.path,
     {
       d: "M8 4C8 6.14788 8 11.5 8 11.5M8 11.5L11 8.5M8 11.5L5 8.5",
@@ -43243,7 +43332,7 @@ var downloadIcon = /* @__PURE__ */ React270.createElement(
   )
 );
 var SpinnerBase = ({ variant }) => {
-  return /* @__PURE__ */ React270.createElement(motion14.div, null, /* @__PURE__ */ React270.createElement(
+  return /* @__PURE__ */ React271.createElement(motion14.div, null, /* @__PURE__ */ React271.createElement(
     Box,
     {
       className: clsx23(
@@ -43252,7 +43341,7 @@ var SpinnerBase = ({ variant }) => {
       ),
       color: variant === "processing" ? "success" : "inputBorderHover"
     },
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement(
       "svg",
       {
         width: "24",
@@ -43261,7 +43350,7 @@ var SpinnerBase = ({ variant }) => {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      /* @__PURE__ */ React270.createElement(
+      /* @__PURE__ */ React271.createElement(
         "circle",
         {
           opacity: "0.5",
@@ -43277,8 +43366,8 @@ var SpinnerBase = ({ variant }) => {
     )
   ));
 };
-var ProcessingSpinner = () => /* @__PURE__ */ React270.createElement(SpinnerBase, { variant: "processing" });
-var DelayedSpinner = () => /* @__PURE__ */ React270.createElement(SpinnerBase, { variant: "delayed" });
+var ProcessingSpinner = () => /* @__PURE__ */ React271.createElement(SpinnerBase, { variant: "processing" });
+var DelayedSpinner = () => /* @__PURE__ */ React271.createElement(SpinnerBase, { variant: "delayed" });
 var statusIconMap = {
   processing: downloadIcon,
   delayed: downloadIcon,
@@ -43493,7 +43582,7 @@ var FunNotificationBannerIcon = ({
     ]);
   }, [animate]);
   const statusRef = useRef35(status);
-  useEffect67(() => {
+  useEffect68(() => {
     if (statusRef.current !== status) {
       if (statusRef.current === "processing" && status === "completed") {
         triggerAnimationProcessingToCompleted();
@@ -43509,7 +43598,7 @@ var FunNotificationBannerIcon = ({
     triggerAnimationDelayedToFailed,
     triggerAnimationProcessingToCompleted
   ]);
-  return /* @__PURE__ */ React270.createElement(Box, { width: "32", height: "32", position: "relative", ref: animationScope }, statusRef.current === "processing" && /* @__PURE__ */ React270.createElement(ProcessingSpinner, null), statusRef.current === "delayed" && /* @__PURE__ */ React270.createElement(DelayedSpinner, null), /* @__PURE__ */ React270.createElement(Box, { className: shadowStyle }, /* @__PURE__ */ React270.createElement(
+  return /* @__PURE__ */ React271.createElement(Box, { width: "32", height: "32", position: "relative", ref: animationScope }, statusRef.current === "processing" && /* @__PURE__ */ React271.createElement(ProcessingSpinner, null), statusRef.current === "delayed" && /* @__PURE__ */ React271.createElement(DelayedSpinner, null), /* @__PURE__ */ React271.createElement(Box, { className: shadowStyle }, /* @__PURE__ */ React271.createElement(
     AsyncImage,
     {
       alt: "",
@@ -43519,7 +43608,7 @@ var FunNotificationBannerIcon = ({
       src: iconUrl ?? void 0,
       fallbackSrc: fallbackIconUrl
     }
-  )), statusRef.current && /* @__PURE__ */ React270.createElement(
+  )), statusRef.current && /* @__PURE__ */ React271.createElement(
     Box,
     {
       className: clsx23(
@@ -43529,7 +43618,7 @@ var FunNotificationBannerIcon = ({
       width: "20",
       height: "20"
     },
-    /* @__PURE__ */ React270.createElement(Box, { className: clsx23(statusIcon) }, Object.entries(statusIconMap).map(([key, value]) => /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.createElement(Box, { className: clsx23(statusIcon) }, Object.entries(statusIconMap).map(([key, value]) => /* @__PURE__ */ React271.createElement(
       "div",
       {
         key,
@@ -43554,7 +43643,7 @@ var FunNotificationBannerIcon = ({
 };
 
 // src/components/FunNotificationBanner/FunNotificationBanner.tsx
-var closeIcon = /* @__PURE__ */ React271.createElement(
+var closeIcon = /* @__PURE__ */ React272.createElement(
   "svg",
   {
     width: "16",
@@ -43563,7 +43652,7 @@ var closeIcon = /* @__PURE__ */ React271.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React271.createElement(
+  /* @__PURE__ */ React272.createElement(
     "path",
     {
       d: "M4.89066 4.15281C4.68691 3.94906 4.35657 3.94906 4.15281 4.15281C3.94906 4.35657 3.94906 4.68691 4.15281 4.89066L7.26215 8L4.15281 11.1093C3.94906 11.3131 3.94906 11.6434 4.15281 11.8472C4.35657 12.0509 4.68691 12.0509 4.89066 11.8472L8 8.73785L11.1093 11.8472C11.3131 12.0509 11.6434 12.0509 11.8472 11.8472C12.0509 11.6434 12.0509 11.3131 11.8472 11.1093L8.73785 8L11.8472 4.89066C12.0509 4.68691 12.0509 4.35657 11.8472 4.15281C11.6434 3.94906 11.3131 3.94906 11.1093 4.15281L8 7.26215L4.89066 4.15281Z",
@@ -43588,7 +43677,7 @@ var FunNotificationBanner = ({
     setIsOpen(false);
     onClosed?.();
   };
-  return /* @__PURE__ */ React271.createElement(AnimatePresence3, null, isOpen ? /* @__PURE__ */ React271.createElement(
+  return /* @__PURE__ */ React272.createElement(AnimatePresence3, null, isOpen ? /* @__PURE__ */ React272.createElement(
     motion15.div,
     {
       initial: {
@@ -43617,7 +43706,7 @@ var FunNotificationBanner = ({
         }
       }
     },
-    /* @__PURE__ */ React271.createElement(Box, { className: clsx24(notificationBannerStyle) }, /* @__PURE__ */ React271.createElement(
+    /* @__PURE__ */ React272.createElement(Box, { className: clsx24(notificationBannerStyle) }, /* @__PURE__ */ React272.createElement(
       FunIconButton,
       {
         borderRadius: "full",
@@ -43631,14 +43720,14 @@ var FunNotificationBanner = ({
           right: "4px"
         }
       }
-    ), /* @__PURE__ */ React271.createElement(Box, { padding: "16", display: "flex", gap: "16" }, /* @__PURE__ */ React271.createElement(
+    ), /* @__PURE__ */ React272.createElement(Box, { padding: "16", display: "flex", gap: "16" }, /* @__PURE__ */ React272.createElement(
       FunNotificationBannerIcon,
       {
         iconUrl,
         status,
         fallbackIconUrl
       }
-    ), /* @__PURE__ */ React271.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React271.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, /* @__PURE__ */ React271.createElement(
+    ), /* @__PURE__ */ React272.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React272.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, /* @__PURE__ */ React272.createElement(
       Text,
       {
         weight: "medium",
@@ -43646,7 +43735,7 @@ var FunNotificationBanner = ({
         style: { lineHeight: "13px" }
       },
       title
-    ), /* @__PURE__ */ React271.createElement(Text, { size: "12", color: "secondaryText" }, description)), disclaimer && /* @__PURE__ */ React271.createElement(
+    ), /* @__PURE__ */ React272.createElement(Text, { size: "12", color: "secondaryText" }, description)), disclaimer && /* @__PURE__ */ React272.createElement(
       Box,
       {
         marginTop: "12",
@@ -43657,8 +43746,8 @@ var FunNotificationBanner = ({
         borderRadius: "8",
         borderColor: "mediumStroke"
       },
-      /* @__PURE__ */ React271.createElement(Text, { color: "secondaryText", size: "12" }, disclaimer)
-    ), /* @__PURE__ */ React271.createElement(AnimatePresence3, null, showMore && /* @__PURE__ */ React271.createElement(
+      /* @__PURE__ */ React272.createElement(Text, { color: "secondaryText", size: "12" }, disclaimer)
+    ), /* @__PURE__ */ React272.createElement(AnimatePresence3, null, showMore && /* @__PURE__ */ React272.createElement(
       motion15.div,
       {
         initial: {
@@ -43695,14 +43784,14 @@ var FunNotificationBanner = ({
           }
         }
       },
-      /* @__PURE__ */ React271.createElement(
+      /* @__PURE__ */ React272.createElement(
         Box,
         {
           marginTop: "12"
         },
         children
       )
-    )))), children && /* @__PURE__ */ React271.createElement(
+    )))), children && /* @__PURE__ */ React272.createElement(
       "button",
       {
         type: "button",
@@ -43714,13 +43803,13 @@ var FunNotificationBanner = ({
         },
         className: showMoreButtonStyle
       },
-      /* @__PURE__ */ React271.createElement(
+      /* @__PURE__ */ React272.createElement(
         Text,
         {
           size: "12",
           color: { base: "secondaryText", hover: "primaryText" }
         },
-        /* @__PURE__ */ React271.createElement(Box, { paddingY: "8", textAlign: "center" }, showMore ? "See less" : "See more")
+        /* @__PURE__ */ React272.createElement(Box, { paddingY: "8", textAlign: "center" }, showMore ? "See less" : "See more")
       )
     ))
   ) : null);
@@ -43779,7 +43868,7 @@ var CheckoutNotification = ({
     return null;
   }
   const normalizedTicker = initSettings.config.targetAssetTicker?.toUpperCase();
-  return /* @__PURE__ */ React272.createElement(
+  return /* @__PURE__ */ React273.createElement(
     FunNotificationBanner,
     {
       description: parseDescription(checkout, t),
@@ -43793,7 +43882,7 @@ var CheckoutNotification = ({
       },
       onShowMore: trackShowMore
     },
-    /* @__PURE__ */ React272.createElement(
+    /* @__PURE__ */ React273.createElement(
       Box,
       {
         paddingY: "8",
@@ -43804,7 +43893,7 @@ var CheckoutNotification = ({
         borderWidth: "1",
         borderStyle: "solid"
       },
-      /* @__PURE__ */ React272.createElement(OrderDetailSection, { checkoutHistoryItem: checkout })
+      /* @__PURE__ */ React273.createElement(OrderDetailSection, { checkoutHistoryItem: checkout })
     )
   );
 };
@@ -43839,25 +43928,25 @@ var parseDescription = (checkout, t) => {
     return t("transaction.depositHasBeenCredited");
   }
   if (checkout.refundState === "REFUNDED" || checkout.refundState === "ERROR") {
-    return /* @__PURE__ */ React272.createElement(
-      Trans16,
+    return /* @__PURE__ */ React273.createElement(
+      Trans17,
       {
         t,
         i18nKey: "transaction.depositDidntCompleteError",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React272.createElement(ContactSupportLink, null)
+          ContactSupportLink: /* @__PURE__ */ React273.createElement(ContactSupportLink, null)
         }
       }
     );
   }
   if (isError || checkout.refundState) {
-    return /* @__PURE__ */ React272.createElement(
-      Trans16,
+    return /* @__PURE__ */ React273.createElement(
+      Trans17,
       {
         t,
         i18nKey: "transaction.depositDidntCompleteFundsSafe",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React272.createElement(ContactSupportLink, null)
+          ContactSupportLink: /* @__PURE__ */ React273.createElement(ContactSupportLink, null)
         }
       }
     );
@@ -43866,7 +43955,7 @@ var parseDescription = (checkout, t) => {
 };
 var parseDisclaimer = (checkout, onHelp, t) => {
   const { isError } = getCheckoutStateBooleans(checkout.state);
-  const contactLink = /* @__PURE__ */ React272.createElement(
+  const contactLink = /* @__PURE__ */ React273.createElement(
     FunLinkButton,
     {
       text: t("transaction.contactUs"),
@@ -43877,8 +43966,8 @@ var parseDisclaimer = (checkout, onHelp, t) => {
     }
   );
   if (isError) {
-    return /* @__PURE__ */ React272.createElement(
-      Trans16,
+    return /* @__PURE__ */ React273.createElement(
+      Trans17,
       {
         i18nKey: "transaction.depositBeingProcessedFull",
         components: {
@@ -43891,8 +43980,8 @@ var parseDisclaimer = (checkout, onHelp, t) => {
     return t("checkout.orderRefunded");
   }
   if (checkout.refundState === "PROCEEDED" || isDelayed(checkout)) {
-    return /* @__PURE__ */ React272.createElement(
-      Trans16,
+    return /* @__PURE__ */ React273.createElement(
+      Trans17,
       {
         i18nKey: "transaction.transactionDelayedFundsSafeFull",
         components: {
@@ -43904,8 +43993,8 @@ var parseDisclaimer = (checkout, onHelp, t) => {
 };
 
 // src/modals/CheckoutModal/TransferToken/DirectExecutionNotification.tsx
-import React273 from "react";
-import { Trans as Trans17 } from "react-i18next";
+import React274 from "react";
+import { Trans as Trans18 } from "react-i18next";
 var mapDirectExecutionStateToNotificationStatus = (isProcessing, isDelayed2, isRefunded, isCompleted, isFailed) => {
   if (isProcessing) {
     return "processing";
@@ -43988,13 +44077,13 @@ var DirectExecutionNotification = ({
     delayed: t("transaction.depositWillBeCredited"),
     completed: t("transaction.depositHasBeenCredited"),
     // Relay refunded which either goes back to user (balance flow) or reprocessed (qr code)
-    expired: /* @__PURE__ */ React273.createElement(
-      Trans17,
+    expired: /* @__PURE__ */ React274.createElement(
+      Trans18,
       {
         t,
         i18nKey: "transaction.depositRefundedOrReprocessed",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React273.createElement(ContactSupportLink, null)
+          ContactSupportLink: /* @__PURE__ */ React274.createElement(ContactSupportLink, null)
         }
       }
     ),
@@ -44013,7 +44102,7 @@ var DirectExecutionNotification = ({
     status: notificationStatus
   });
   const normalizedTicker = initSettings.config.targetAssetTicker?.toUpperCase();
-  return /* @__PURE__ */ React273.createElement(
+  return /* @__PURE__ */ React274.createElement(
     FunNotificationBanner,
     {
       title: getNotificationContent(
@@ -44041,7 +44130,7 @@ var DirectExecutionNotification = ({
       },
       onShowMore: trackShowMore
     },
-    /* @__PURE__ */ React273.createElement(
+    /* @__PURE__ */ React274.createElement(
       Box,
       {
         paddingY: "8",
@@ -44052,12 +44141,12 @@ var DirectExecutionNotification = ({
         borderWidth: "1",
         borderStyle: "solid"
       },
-      /* @__PURE__ */ React273.createElement(DirectExecutionOrderDetailSection, { directExecution })
+      /* @__PURE__ */ React274.createElement(DirectExecutionOrderDetailSection, { directExecution })
     )
   );
 };
 var parseDisclaimer2 = (t, isRefunded, isDelayed2, isFailed, onHelp) => {
-  const contactLink = /* @__PURE__ */ React273.createElement(
+  const contactLink = /* @__PURE__ */ React274.createElement(
     FunLinkButton,
     {
       text: t("transaction.contactUs"),
@@ -44068,8 +44157,8 @@ var parseDisclaimer2 = (t, isRefunded, isDelayed2, isFailed, onHelp) => {
     }
   );
   if (isFailed || isRefunded) {
-    return /* @__PURE__ */ React273.createElement(
-      Trans17,
+    return /* @__PURE__ */ React274.createElement(
+      Trans18,
       {
         i18nKey: "transaction.depositDidntCompleteFull",
         components: {
@@ -44079,8 +44168,8 @@ var parseDisclaimer2 = (t, isRefunded, isDelayed2, isFailed, onHelp) => {
     );
   }
   if (isDelayed2) {
-    return /* @__PURE__ */ React273.createElement(
-      Trans17,
+    return /* @__PURE__ */ React274.createElement(
+      Trans18,
       {
         i18nKey: "transaction.depositDelayedFundsSafeFull",
         components: {
@@ -44114,13 +44203,13 @@ var CheckoutNotifications = ({
     isVisible,
     memoizedFilterFunc: filterFunc
   });
-  useEffect68(() => {
+  useEffect69(() => {
     if (initialCheckouts || !checkouts) {
       return;
     }
     setInitialCheckouts(checkouts);
   }, [initialCheckouts, checkouts]);
-  useEffect68(() => {
+  useEffect69(() => {
     if (initialDirectExecutions || !directExecutions) {
       return;
     }
@@ -44167,7 +44256,7 @@ var CheckoutNotifications = ({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ React274.createElement(
+  return /* @__PURE__ */ React275.createElement(
     Box,
     {
       position: "absolute",
@@ -44175,9 +44264,9 @@ var CheckoutNotifications = ({
       maxHeight: "full",
       style: { bottom: 0, left: 0, right: 0, zIndex: OVERLAY_Z_INDEX }
     },
-    /* @__PURE__ */ React274.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", padding: "8" }, displayedNotifications.map((item) => {
+    /* @__PURE__ */ React275.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", padding: "8" }, displayedNotifications.map((item) => {
       if (item.isDirectExecution) {
-        return /* @__PURE__ */ React274.createElement(
+        return /* @__PURE__ */ React275.createElement(
           DirectExecutionNotification,
           {
             key: getDirectExecutionNotificationKey(item),
@@ -44187,7 +44276,7 @@ var CheckoutNotifications = ({
           }
         );
       }
-      return /* @__PURE__ */ React274.createElement(
+      return /* @__PURE__ */ React275.createElement(
         CheckoutNotification,
         {
           key: item.depositAddr,
@@ -44196,7 +44285,7 @@ var CheckoutNotifications = ({
           onHelp
         }
       );
-    }), combinedNotifications.length > COLLAPSED_COUNT && /* @__PURE__ */ React274.createElement(
+    }), combinedNotifications.length > COLLAPSED_COUNT && /* @__PURE__ */ React275.createElement(
       FunNotificationShowMoreButton,
       {
         isExpanded,
@@ -44224,7 +44313,7 @@ var getUpdatedDirectExecutions = (directExecutions, initialDirectExecutions) =>
 };
 
 // src/modals/CheckoutModal/useCheckoutBlocked.ts
-import { useEffect as useEffect69 } from "react";
+import { useEffect as useEffect70 } from "react";
 var geoblockedViewableSteps = /* @__PURE__ */ new Set([
   "loading_account" /* LOADING_ACCOUNT */,
   "source_change" /* SOURCE_CHANGE */
@@ -44262,7 +44351,7 @@ function useCheckoutBlocked(params) {
       params.onCheckoutBlocked?.({ blockedReason: reason });
     }
   );
-  useEffect69(() => {
+  useEffect70(() => {
     if (blockedReason) {
       onCheckoutBlockedEvent(blockedReason);
     }
@@ -44296,7 +44385,7 @@ function useCheckoutModalQueryPreload() {
 function FunCheckoutModalStepComponent(props) {
   useCheckoutModalQueryPreload();
   const { Component: Component2 } = CheckoutModalSteps[props.modalState.step];
-  return /* @__PURE__ */ React275.createElement(Component2, { ...props });
+  return /* @__PURE__ */ React276.createElement(Component2, { ...props });
 }
 function getSwappedExtraPaddingExcludedSteps(startingStep) {
   const steps = ["source_change" /* SOURCE_CHANGE */];
@@ -44362,7 +44451,7 @@ function FunCheckoutModalInner({
     setModalState
   };
   const connectionStatus = useConnectionStatus();
-  useEffect70(() => {
+  useEffect71(() => {
     if (!modalState.showWalletOptions) {
       return;
     }
@@ -44389,7 +44478,7 @@ function FunCheckoutModalInner({
     isActiveCheckout: true,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
     paddingTop: 0,
-    topbar: /* @__PURE__ */ React275.createElement(
+    topbar: /* @__PURE__ */ React276.createElement(
       Dialog.Title,
       {
         hasBackButton: hasBack && !showBlockedUI,
@@ -44409,7 +44498,7 @@ function FunCheckoutModalInner({
     modalState.step
   ) && isSwappedEnabled;
   const isSourceChangeLikeStep = modalState.step === "source_change" /* SOURCE_CHANGE */ || modalState.step === "loading_account" /* LOADING_ACCOUNT */ && startingStep !== "confirmation" /* CONFIRMATION */ && startingStep !== "select_asset" /* SELECT_ASSET */;
-  return /* @__PURE__ */ React275.createElement(
+  return /* @__PURE__ */ React276.createElement(
     Dialog,
     {
       open,
@@ -44421,13 +44510,13 @@ function FunCheckoutModalInner({
       testId: "checkout-modal",
       isFanaticsBottomSheet: isFanatics
     },
-    /* @__PURE__ */ React275.createElement(SwappedProvider, null, /* @__PURE__ */ React275.createElement(TooltipAnchorRefContext.Provider, { value: tooltipAnchorRef }, /* @__PURE__ */ React275.createElement(
+    /* @__PURE__ */ React276.createElement(SwappedProvider, null, /* @__PURE__ */ React276.createElement(TooltipAnchorRefContext.Provider, { value: tooltipAnchorRef }, /* @__PURE__ */ React276.createElement(
       FunCheckoutModalHeightAnimationWrapper,
       {
         checkoutConfig,
         checkoutStep: modalState.step
       },
-      modalState.showWalletOptions ? /* @__PURE__ */ React275.createElement(
+      modalState.showWalletOptions ? /* @__PURE__ */ React276.createElement(
         FunConnectOptions,
         {
           initialScreenOnBack: () => setModalState((state) => ({
@@ -44443,7 +44532,7 @@ function FunCheckoutModalInner({
           },
           walletsOnly: true
         }
-      ) : /* @__PURE__ */ React275.createElement(React275.Fragment, null, !hideTopbar && topbar, /* @__PURE__ */ React275.createElement(
+      ) : /* @__PURE__ */ React276.createElement(React276.Fragment, null, !hideTopbar && topbar, /* @__PURE__ */ React276.createElement(
         Dialog.Content,
         {
           fullHeight: showFullHeight || hideTopbar,
@@ -44457,17 +44546,17 @@ function FunCheckoutModalInner({
           extraContentTopPadding: !shouldSkipExtraContentTopPadding,
           withChildScrollArea: isSourceChangeLikeStep
         },
-        showBlockedUI ? /* @__PURE__ */ React275.createElement(FunCheckoutBlocked, { reason: blockedReason }) : /* @__PURE__ */ React275.createElement(FunCheckoutModalStepComponent, { ...modalProps }),
-        /* @__PURE__ */ React275.createElement("div", { ref: tooltipAnchorRef })
+        showBlockedUI ? /* @__PURE__ */ React276.createElement(FunCheckoutBlocked, { reason: blockedReason }) : /* @__PURE__ */ React276.createElement(FunCheckoutModalStepComponent, { ...modalProps }),
+        /* @__PURE__ */ React276.createElement("div", { ref: tooltipAnchorRef })
       )),
-      /* @__PURE__ */ React275.createElement(
+      /* @__PURE__ */ React276.createElement(
         Dialog.BottomSection,
         {
           id: MODAL_BOTTOM_BAR_IDS.checkout,
           display: modalState.showWalletOptions ? "none" : "block"
         }
       ),
-      !showBlockedUI && /* @__PURE__ */ React275.createElement(
+      !showBlockedUI && /* @__PURE__ */ React276.createElement(
         CheckoutNotifications,
         {
           onHelp: handleCheckoutHelp,
@@ -44475,7 +44564,7 @@ function FunCheckoutModalInner({
           variant: modalState.step === "transfer_token" /* TRANSFER_TOKEN */ ? "token_transfer" : void 0
         }
       )
-    ), /* @__PURE__ */ React275.createElement(SwappedIframe_default, null)))
+    ), /* @__PURE__ */ React276.createElement(SwappedIframe_default, null)))
   );
 }
 function FunCheckoutModal({
@@ -44487,7 +44576,7 @@ function FunCheckoutModal({
   if (!checkoutItem) {
     return null;
   }
-  return /* @__PURE__ */ React275.createElement(
+  return /* @__PURE__ */ React276.createElement(
     FunCheckoutModalInner,
     {
       checkoutItem,
@@ -44507,20 +44596,20 @@ var hideModalTitleMetaIfTrue = (checkoutConfig, hideModalMeta) => {
 };
 
 // src/modals/ConnectModal/ConnectModal.tsx
-import React276 from "react";
+import React277 from "react";
 var TITLE_ID2 = "rk-connect-modal-title";
 function ConnectModal({ onClose, open }) {
   const connectionStatus = useConnectionStatus();
   const { disconnect } = useFunkitDisconnect();
   const { isConnecting } = useAccount();
-  const onConnectModalCancel = React276.useCallback(() => {
+  const onConnectModalCancel = React277.useCallback(() => {
     if (isConnecting) {
       disconnect();
     }
     onClose();
   }, [onClose, disconnect, isConnecting]);
   if (connectionStatus === "disconnected" || connectionStatus === "loading") {
-    return /* @__PURE__ */ React276.createElement(
+    return /* @__PURE__ */ React277.createElement(
       Dialog,
       {
         onClose: onConnectModalCancel,
@@ -44528,7 +44617,7 @@ function ConnectModal({ onClose, open }) {
         titleId: TITLE_ID2,
         isSmartCloseable: true
       },
-      /* @__PURE__ */ React276.createElement(FunCheckoutModalHeightAnimationWrapper, null, /* @__PURE__ */ React276.createElement(FunConnectOptions, { onClose: onConnectModalCancel }))
+      /* @__PURE__ */ React277.createElement(FunCheckoutModalHeightAnimationWrapper, null, /* @__PURE__ */ React277.createElement(FunConnectOptions, { onClose: onConnectModalCancel }))
     );
   }
   return null;
@@ -44640,12 +44729,12 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals(isUnauthenticated),
     onDisconnect: closeModals
   });
-  useEffect71(() => {
+  useEffect72(() => {
     if (isUnauthenticated) {
       closeModals();
     }
   }, [isUnauthenticated]);
-  return /* @__PURE__ */ React277.createElement(
+  return /* @__PURE__ */ React278.createElement(
     ModalContext.Provider,
     {
       value: useMemo60(
@@ -44691,8 +44780,8 @@ function ModalProvider({ children }) {
       )
     },
     children,
-    /* @__PURE__ */ React277.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
-    /* @__PURE__ */ React277.createElement(
+    /* @__PURE__ */ React278.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
+    /* @__PURE__ */ React278.createElement(
       AccountModal,
       {
         onClose: closeAccountModal,
@@ -44700,8 +44789,8 @@ function ModalProvider({ children }) {
         defaultTab: accountModalTab
       }
     ),
-    /* @__PURE__ */ React277.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
-    /* @__PURE__ */ React277.createElement(
+    /* @__PURE__ */ React278.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
+    /* @__PURE__ */ React278.createElement(
       FunCheckoutModal,
       {
         onClose: closeFunCheckoutModal,
@@ -44710,7 +44799,7 @@ function ModalProvider({ children }) {
         key: softHiddenCheckoutId ?? funCheckoutModalId
       }
     ),
-    withdrawalModalConfig && /* @__PURE__ */ React277.createElement(
+    withdrawalModalConfig && /* @__PURE__ */ React278.createElement(
       WithdrawalModal,
       {
         onClose: closeWithdrawalModal,
@@ -44745,7 +44834,7 @@ function useConnectModal(onClose) {
   const { connectModalOpen, openConnectModal } = useContext20(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
-  useEffect71(() => {
+  useEffect72(() => {
     if (!effectiveConnectModalOpen && onClose) {
       onClose();
     }
@@ -44841,7 +44930,7 @@ function FunkitCheckoutProvider({ children }) {
     },
     []
   );
-  useEffect72(() => {
+  useEffect73(() => {
     if (isNotNullish8(logoutSymbol)) {
       setActiveCheckout(null);
     }
@@ -45390,7 +45479,7 @@ function FunkitCheckoutProvider({ children }) {
     applyDynamicRouting,
     updateDynamicRoutingId
   };
-  return /* @__PURE__ */ React278.createElement(FunkitCheckoutContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React279.createElement(FunkitCheckoutContext.Provider, { value: contextValue }, children);
 }
 function useCheckoutContext() {
   return useContext21(FunkitCheckoutContext);
@@ -45551,13 +45640,13 @@ function useFunkitCheckout(props) {
     });
     openWithdrawalModal?.({ withdrawalId, ...config });
   });
-  useEffect72(() => {
+  useEffect73(() => {
     if (isUserLoggedIn && pendingCheckoutConfig) {
       setPendingCheckoutConfig(void 0);
       beginCheckout(pendingCheckoutConfig);
     }
   }, [beginCheckout, isUserLoggedIn, pendingCheckoutConfig]);
-  useEffect72(() => {
+  useEffect73(() => {
     if (pendingCheckoutConfig && !isUserLoggedIn && !connectModalOpen) {
       setPendingCheckoutConfig(void 0);
     }
@@ -46170,7 +46259,7 @@ function ConnectButtonRenderer({
   const { openChainModal } = useChainModal();
   const { openAccountModal } = useAccountModal();
   const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
-  return /* @__PURE__ */ React279.createElement(React279.Fragment, null, children({
+  return /* @__PURE__ */ React280.createElement(React280.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balanceData?.decimals,
@@ -46227,7 +46316,7 @@ function ChainSelectorButton({
   chain
 }) {
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React280.createElement(
+  return /* @__PURE__ */ React281.createElement(
     Box,
     {
       alignItems: "center",
@@ -46255,7 +46344,7 @@ function ChainSelectorButton({
       type: "button",
       ...connectButtonStyles
     },
-    unsupportedChain ? /* @__PURE__ */ React280.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, t("chainModal.wrongNetwork")) : /* @__PURE__ */ React280.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React280.createElement(
+    unsupportedChain ? /* @__PURE__ */ React281.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, t("chainModal.wrongNetwork")) : /* @__PURE__ */ React281.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React281.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -46265,7 +46354,7 @@ function ChainSelectorButton({
         height: "12",
         width: "12"
       },
-      /* @__PURE__ */ React280.createElement(
+      /* @__PURE__ */ React281.createElement(
         AsyncImage,
         {
           alt: chain.name ?? "Chain icon",
@@ -46276,7 +46365,7 @@ function ChainSelectorButton({
           src: chain.iconUrl
         }
       )
-    ) : null, /* @__PURE__ */ React280.createElement(
+    ) : null, /* @__PURE__ */ React281.createElement(
       Box,
       {
         display: mapResponsiveValue(chainStatus, (value) => {
@@ -46296,7 +46385,7 @@ function AccountButton({
   showBalance,
   accountStatus
 }) {
-  return /* @__PURE__ */ React280.createElement(
+  return /* @__PURE__ */ React281.createElement(
     Box,
     {
       alignItems: "center",
@@ -46316,7 +46405,7 @@ function AccountButton({
       gap: "16",
       ...connectButtonStyles
     },
-    account.displayBalance && /* @__PURE__ */ React280.createElement(
+    account.displayBalance && /* @__PURE__ */ React281.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -46326,7 +46415,7 @@ function AccountButton({
       },
       account.displayBalance
     ),
-    /* @__PURE__ */ React280.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React280.createElement(
+    /* @__PURE__ */ React281.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React281.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -46334,7 +46423,7 @@ function AccountButton({
           (value) => value === "full" || value === "avatar" ? "block" : "none"
         )
       },
-      /* @__PURE__ */ React280.createElement(
+      /* @__PURE__ */ React281.createElement(
         Avatar,
         {
           address: account.address,
@@ -46343,7 +46432,7 @@ function AccountButton({
           size: 12
         }
       )
-    ), /* @__PURE__ */ React280.createElement(
+    ), /* @__PURE__ */ React281.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -46370,13 +46459,13 @@ function ConnectButton({
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
   const [ready, setReady] = useState82(false);
-  useEffect73(() => {
+  useEffect74(() => {
     setShowBalance(showBalance);
     if (!ready) {
       setReady(true);
     }
   }, [showBalance, setShowBalance, ready]);
-  return ready ? /* @__PURE__ */ React280.createElement(ConnectButtonRenderer, null, ({
+  return ready ? /* @__PURE__ */ React281.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -46386,7 +46475,7 @@ function ConnectButton({
   }) => {
     const ready2 = mounted && connectionStatus !== "loading";
     const unsupportedChain = chain?.unsupported ?? false;
-    return /* @__PURE__ */ React280.createElement(
+    return /* @__PURE__ */ React281.createElement(
       Box,
       {
         display: "flex",
@@ -46402,7 +46491,7 @@ function ConnectButton({
       },
       ready2 && account && connectionStatus === "connected" ? (
         // Logged in: Chain Button & Account Button
-        /* @__PURE__ */ React280.createElement(React280.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React280.createElement(
+        /* @__PURE__ */ React281.createElement(React281.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React281.createElement(
           ChainSelectorButton,
           {
             unsupportedChain,
@@ -46410,7 +46499,7 @@ function ConnectButton({
             openChainModal,
             chain
           }
-        ), !unsupportedChain && /* @__PURE__ */ React280.createElement(
+        ), !unsupportedChain && /* @__PURE__ */ React281.createElement(
           AccountButton,
           {
             openAccountModal,
@@ -46421,7 +46510,7 @@ function ConnectButton({
         ))
       ) : (
         // Not logged in: Connect Button
-        /* @__PURE__ */ React280.createElement(
+        /* @__PURE__ */ React281.createElement(
           Box,
           {
             as: "button",
@@ -46439,19 +46528,19 @@ function ConnectButton({
             type: "button",
             ...connectButtonStyles
           },
-          /* @__PURE__ */ React280.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
+          /* @__PURE__ */ React281.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
         )
       )
     );
-  }) : /* @__PURE__ */ React280.createElement(React280.Fragment, null);
+  }) : /* @__PURE__ */ React281.createElement(React281.Fragment, null);
 }
 ConnectButton.__defaultProps = defaultProps;
 ConnectButton.Custom = ConnectButtonRenderer;
 
 // src/components/Icons/FunkitPaymentsIconLine.tsx
-import React281 from "react";
+import React282 from "react";
 function MetaMaskPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React282.createElement(
     "svg",
     {
       width: size,
@@ -46460,7 +46549,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
@@ -46471,7 +46560,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
@@ -46482,7 +46571,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
@@ -46493,7 +46582,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
@@ -46504,7 +46593,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
@@ -46515,7 +46604,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
@@ -46526,7 +46615,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
@@ -46537,7 +46626,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
@@ -46548,7 +46637,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
@@ -46559,7 +46648,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
@@ -46570,7 +46659,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
@@ -46581,7 +46670,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
@@ -46592,7 +46681,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
@@ -46603,7 +46692,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
@@ -46614,7 +46703,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
@@ -46625,7 +46714,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
@@ -46636,7 +46725,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
@@ -46647,7 +46736,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
@@ -46658,7 +46747,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
@@ -46669,7 +46758,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
@@ -46680,7 +46769,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
@@ -46691,7 +46780,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
@@ -46702,7 +46791,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z",
@@ -46713,7 +46802,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z",
@@ -46724,7 +46813,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z",
@@ -46735,7 +46824,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z",
@@ -46746,7 +46835,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
@@ -46757,7 +46846,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
@@ -46768,7 +46857,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z",
@@ -46782,14 +46871,14 @@ function MetaMaskPaymentIcon({ size = 16 }) {
   );
 }
 function MastercardPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React282.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       height: size,
       viewBox: "0 0 152.407 108"
     },
-    /* @__PURE__ */ React281.createElement("g", null, /* @__PURE__ */ React281.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React281.createElement("g", null, /* @__PURE__ */ React281.createElement(
+    /* @__PURE__ */ React282.createElement("g", null, /* @__PURE__ */ React282.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React282.createElement("g", null, /* @__PURE__ */ React282.createElement(
       "rect",
       {
         x: "60.4117",
@@ -46798,21 +46887,21 @@ function MastercardPaymentIcon({ size = 16 }) {
         height: "56.6064",
         fill: "#ff5f00"
       }
-    ), /* @__PURE__ */ React281.createElement(
+    ), /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M382.20839,306a35.9375,35.9375,0,0,1,13.7499-28.3032,36,36,0,1,0,0,56.6064A35.938,35.938,0,0,1,382.20839,306Z",
         transform: "translate(-319.79649 -252)",
         fill: "#eb001b"
       }
-    ), /* @__PURE__ */ React281.createElement(
+    ), /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M454.20349,306a35.99867,35.99867,0,0,1-58.2452,28.3032,36.00518,36.00518,0,0,0,0-56.6064A35.99867,35.99867,0,0,1,454.20349,306Z",
         transform: "translate(-319.79649 -252)",
         fill: "#f79e1b"
       }
-    ), /* @__PURE__ */ React281.createElement(
+    ), /* @__PURE__ */ React282.createElement(
       "path",
       {
         d: "M450.76889,328.3077v-1.1589h.4673v-.2361h-1.1901v.2361h.4675v1.1589Zm2.3105,0v-1.3973h-.3648l-.41959.9611-.41971-.9611h-.365v1.3973h.2576v-1.054l.3935.9087h.2671l.39351-.911v1.0563Z",
@@ -46826,7 +46915,7 @@ function FunkitPaymentsIconLine({
   size = 16,
   gap = "2"
 }) {
-  return /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React282.createElement(
     Box,
     {
       display: "flex",
@@ -46835,9 +46924,9 @@ function FunkitPaymentsIconLine({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React281.createElement(MetaMaskPaymentIcon, { size }),
-    /* @__PURE__ */ React281.createElement(MastercardPaymentIcon, { size }),
-    /* @__PURE__ */ React281.createElement(CoinbaseIcon, { size })
+    /* @__PURE__ */ React282.createElement(MetaMaskPaymentIcon, { size }),
+    /* @__PURE__ */ React282.createElement(MastercardPaymentIcon, { size }),
+    /* @__PURE__ */ React282.createElement(CoinbaseIcon, { size })
   );
 }