@funkit/connect 9.23.1 → 9.24.0-next.0

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-36KVHK22.js";
 import {
   lightTheme
 } from "./chunk-67BKQQNG.js";
+import {
+  darkTheme
+} from "./chunk-36KVHK22.js";
 import {
   systemFontStack
 } from "./chunk-4YEAUICE.js";
@@ -448,7 +448,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React303, { useEffect as useEffect83, useState as useState88 } from "react";
+import React304, { useEffect as useEffect83, useState as useState88 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -905,7 +905,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
 import { formatCurrencyAndStringify as formatCurrencyAndStringify16, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
-import React302 from "react";
+import React303 from "react";
 import { formatUnits as formatUnits6 } from "viem";
 
 // src/hooks/useIsMounted.ts
@@ -1124,7 +1124,7 @@ import {
   SOLANA_MAINNET_CHAIN_ID as SOLANA_MAINNET_CHAIN_ID2
 } from "@funkit/chains";
 import { isNotNullish as isNotNullish8, isTokenAddressEquivalent as isTokenAddressEquivalent4 } from "@funkit/utils";
-import React301, {
+import React302, {
   createContext as createContext21,
   useCallback as useCallback56,
   useContext as useContext21,
@@ -1140,6 +1140,7 @@ var NATIVE_TOKEN = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS;
 var WETH_MAINNET_ADDRESS = "0xC02aaA39b223FE8D0A0e5C4F27eAD9083C756Cc2";
 var FUN_ORG_NAME = "Fun.xyz";
 var FUN_TERMS_URL = "https://fun.xyz/terms";
+var FUN_HELP_FAQ_URL = "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs";
 var PLACEHOLDER_FUNKIT_USER_INFO = {
   id: "0x",
   address: "0x",
@@ -5862,7 +5863,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
 };
 
 // src/providers/ModalContext.tsx
-import React300, {
+import React301, {
   createContext as createContext20,
   useCallback as useCallback55,
   useContext as useContext20,
@@ -10069,6 +10070,8 @@ var en_default = {
     minDepositAmountTooltip: "Minimum deposit amount required for the selected chain.",
     yourDepositAddress: "Your deposit address",
     termsApply: "Terms apply",
+    terms: "Terms",
+    help: "Help",
     depositAddressOriginalRecipient: "Send any accepted token to this address",
     depositAddressUniversal: "Send any accepted token to this address and it will auto swap to {{targetToken}} in your account",
     groupPopularChains: "Popular",
@@ -10672,6 +10675,8 @@ var es_default = {
     minDepositAmountTooltip: "Monto m\xEDnimo de dep\xF3sito requerido para la cadena seleccionada.",
     yourDepositAddress: "Tu direcci\xF3n de dep\xF3sito",
     termsApply: "Se aplican t\xE9rminos",
+    terms: "T\xE9rminos",
+    help: "Ayuda",
     depositAddressOriginalRecipient: "Env\xEDa cualquier token aceptado a esta direcci\xF3n",
     depositAddressUniversal: "Env\xEDa cualquier token aceptado a esta direcci\xF3n y se intercambiar\xE1 autom\xE1ticamente a {{targetToken}} en tu cuenta",
     groupPopularChains: "Populares",
@@ -11272,6 +11277,8 @@ var fr_default = {
     minDepositAmountTooltip: "Montant de d\xE9p\xF4t minimum requis pour la cha\xEEne s\xE9lectionn\xE9e.",
     yourDepositAddress: "Votre adresse de d\xE9p\xF4t",
     termsApply: "Conditions applicables",
+    terms: "Conditions",
+    help: "Aide",
     depositAddressOriginalRecipient: "Envoyez n'importe quelle devise prise en charge \xE0 cette adresse",
     depositAddressUniversal: "Envoyez n'importe quelle devise prise en charge \xE0 cette adresse et elle sera automatiquement \xE9chang\xE9e contre {{targetToken}} dans votre compte",
     groupPopularChains: "Populaires",
@@ -11872,6 +11879,8 @@ var ja_default = {
     minDepositAmountTooltip: "\u9078\u629E\u3057\u305F\u30C1\u30A7\u30FC\u30F3\u306B\u5FC5\u8981\u306A\u6700\u5C0F\u5165\u91D1\u984D\u3002",
     yourDepositAddress: "\u3042\u306A\u305F\u306E\u5165\u91D1\u30A2\u30C9\u30EC\u30B9",
     termsApply: "\u5229\u7528\u898F\u7D04\u304C\u9069\u7528\u3055\u308C\u307E\u3059",
+    terms: "\u5229\u7528\u898F\u7D04",
+    help: "\u30D8\u30EB\u30D7",
     depositAddressOriginalRecipient: "\u3053\u306E\u30A2\u30C9\u30EC\u30B9\u306B\u5BFE\u5FDC\u3059\u308B\u30C8\u30FC\u30AF\u30F3\u3092\u9001\u4FE1\u3057\u3066\u304F\u3060\u3055\u3044",
     depositAddressUniversal: "\u3053\u306E\u30A2\u30C9\u30EC\u30B9\u306B\u5BFE\u5FDC\u3059\u308B\u30C8\u30FC\u30AF\u30F3\u3092\u9001\u4FE1\u3059\u308B\u3068\u3001\u30A2\u30AB\u30A6\u30F3\u30C8\u5185\u3067\u81EA\u52D5\u7684\u306B{{targetToken}}\u306B\u4EA4\u63DB\u3055\u308C\u307E\u3059",
     groupPopularChains: "\u4EBA\u6C17",
@@ -12472,6 +12481,8 @@ var ko_default = {
     minDepositAmountTooltip: "\uC120\uD0DD\uD55C \uCCB4\uC778\uC5D0 \uD544\uC694\uD55C \uCD5C\uC18C \uC785\uAE08\uC561\uC785\uB2C8\uB2E4.",
     yourDepositAddress: "\uC785\uAE08 \uC8FC\uC18C",
     termsApply: "\uC57D\uAD00\uC774 \uC801\uC6A9\uB429\uB2C8\uB2E4",
+    terms: "\uC57D\uAD00",
+    help: "\uB3C4\uC6C0\uB9D0",
     depositAddressOriginalRecipient: "\uC774 \uC8FC\uC18C\uB85C \uC9C0\uC6D0\uB418\uB294 \uD1A0\uD070\uC744 \uBCF4\uB0B4\uC138\uC694",
     depositAddressUniversal: "\uC774 \uC8FC\uC18C\uB85C \uC9C0\uC6D0\uB418\uB294 \uD1A0\uD070\uC744 \uBCF4\uB0B4\uBA74 \uACC4\uC815\uC5D0\uC11C \uC790\uB3D9\uC73C\uB85C {{targetToken}}(\uC73C)\uB85C \uAD50\uD658\uB429\uB2C8\uB2E4",
     groupPopularChains: "\uC778\uAE30",
@@ -13072,6 +13083,8 @@ var ru_default = {
     minDepositAmountTooltip: "\u041C\u0438\u043D\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0441\u0443\u043C\u043C\u0430 \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430 \u0434\u043B\u044F \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0439 \u0441\u0435\u0442\u0438.",
     yourDepositAddress: "\u0412\u0430\u0448 \u0430\u0434\u0440\u0435\u0441 \u0434\u0435\u043F\u043E\u0437\u0438\u0442\u0430",
     termsApply: "\u0423\u0441\u043B\u043E\u0432\u0438\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F",
+    terms: "\u0423\u0441\u043B\u043E\u0432\u0438\u044F",
+    help: "\u041F\u043E\u043C\u043E\u0449\u044C",
     depositAddressOriginalRecipient: "\u041E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u043B\u044E\u0431\u043E\u0439 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0439 \u0442\u043E\u043A\u0435\u043D \u043F\u043E \u044D\u0442\u043E\u043C\u0443 \u0430\u0434\u0440\u0435\u0441\u0443",
     depositAddressUniversal: "\u041E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u043B\u044E\u0431\u043E\u0439 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0439 \u0442\u043E\u043A\u0435\u043D \u043F\u043E \u044D\u0442\u043E\u043C\u0443 \u0430\u0434\u0440\u0435\u0441\u0443 \u0438 \u043C\u044B \u0430\u0432\u0442\u043E\u043C\u0430\u0442\u0438\u0447\u0435\u0441\u043A\u0438 \u043E\u0431\u043C\u0435\u043D\u044F\u0435\u043C \u0435\u0433\u043E \u043D\u0430 {{targetToken}} \u0432 \u0432\u0430\u0448\u0435\u043C \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0435",
     groupPopularChains: "\u041F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435",
@@ -13672,6 +13685,8 @@ var tr_default = {
     minDepositAmountTooltip: "Se\xE7ilen a\u011F i\xE7in gereken minimum yat\u0131r\u0131m tutar\u0131.",
     yourDepositAddress: "Yat\u0131r\u0131m adresiniz",
     termsApply: "\u015Eartlar ge\xE7erlidir",
+    terms: "\u015Eartlar",
+    help: "Yard\u0131m",
     depositAddressOriginalRecipient: "Bu adrese kabul edilen herhangi bir token g\xF6nderin",
     depositAddressUniversal: "Bu adrese kabul edilen herhangi bir token g\xF6nderin ve hesab\u0131n\u0131zda otomatik olarak {{targetToken}}'a d\xF6n\xFC\u015Ft\xFCr\xFCl\xFCr",
     groupPopularChains: "Pop\xFCler",
@@ -14272,6 +14287,8 @@ var zh_default = {
     minDepositAmountTooltip: "\u6240\u9009\u94FE\u6240\u9700\u7684\u6700\u4F4E\u5B58\u6B3E\u91D1\u989D\u3002",
     yourDepositAddress: "\u60A8\u7684\u5B58\u6B3E\u5730\u5740",
     termsApply: "\u6761\u6B3E\u9002\u7528",
+    terms: "\u6761\u6B3E",
+    help: "\u5E2E\u52A9",
     depositAddressOriginalRecipient: "\u5411\u6B64\u5730\u5740\u53D1\u9001\u4EFB\u4F55\u652F\u6301\u7684\u4EE3\u5E01",
     depositAddressUniversal: "\u5411\u6B64\u5730\u5740\u53D1\u9001\u4EFB\u4F55\u652F\u6301\u7684\u4EE3\u5E01\uFF0C\u4F1A\u81EA\u52A8\u5151\u6362\u4E3A {{targetToken}}",
     groupPopularChains: "\u70ED\u95E8",
@@ -25970,6 +25987,13 @@ function useWithdrawal({
       }
       try {
         setIsWithdrawing(true);
+        const onBeforeSign = isWalletWithdrawalConfig(config) || isCustomWithdrawalConfig(config) ? config.onBeforeSign : void 0;
+        if (onBeforeSign) {
+          logger.info("withdrawal:onBeforeSign", baseLogContext);
+          customCallbackFailed = true;
+          await onBeforeSign();
+          customCallbackFailed = false;
+        }
         let txHash;
         if (isWalletWithdrawalConfig(config)) {
           txHash = await walletWithdrawal(config);
@@ -28078,7 +28102,7 @@ function WithdrawalModal({
 }
 
 // src/modals/AccountModal/AccountModal.tsx
-import React278 from "react";
+import React279 from "react";
 
 // src/modals/ProfileDetails/ActivityTraversalContext.tsx
 import React147, {
@@ -28153,10 +28177,10 @@ var useActivityTraversal = () => {
 };
 
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React277, { useCallback as useCallback51, useState as useState79 } from "react";
+import React278, { useCallback as useCallback51, useState as useState79 } from "react";
 
 // src/components/ModalHeightAnimationLayer/FunCheckoutModalHeightAnimationWrapper.tsx
-import React264 from "react";
+import React265 from "react";
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
@@ -41666,18 +41690,58 @@ function trackEventForFormOfPayment(fop, checkoutItem, eventName, extras) {
 
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 import { motion as motion17, useAnimationControls as useAnimationControls4 } from "motion/react";
-import React257, { useRef as useRef34, useState as useState73 } from "react";
+import React258, { useRef as useRef34, useState as useState73 } from "react";
 import { createPortal as createPortal23 } from "react-dom";
 
+// src/components/BottomLinks/BottomLinks.tsx
+import React251 from "react";
+
+// src/components/BottomLinks/BottomLinks.css.ts
+var bottomLinkStyle = "_17ejcqj1 _1rsrm2f2r4";
+
+// src/components/BottomLinks/BottomLinks.tsx
+var BottomLinks = ({ links }) => {
+  return /* @__PURE__ */ React251.createElement(
+    Box,
+    {
+      width: "full",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "8"
+    },
+    links.map((link, index) => /* @__PURE__ */ React251.createElement(React251.Fragment, { key: link.href }, index > 0 && /* @__PURE__ */ React251.createElement(
+      Box,
+      {
+        testId: "bottom-link-separator",
+        background: "secondaryText",
+        borderRadius: "full",
+        style: { width: "3px", height: "3px" }
+      }
+    ), /* @__PURE__ */ React251.createElement(
+      Box,
+      {
+        as: "a",
+        className: bottomLinkStyle,
+        fontSize: "13",
+        href: link.href,
+        rel: "noreferrer",
+        target: "_blank"
+      },
+      link.text
+    )))
+  );
+};
+
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
 import { formatNumberAndStringify as formatNumberAndStringify2 } from "@funkit/utils";
-import React256 from "react";
+import React257 from "react";
 import { Trans as Trans18 } from "react-i18next";
 
 // src/components/Icons/New/FileIcon.tsx
-import React251 from "react";
+import React252 from "react";
 var FileIcon = () => {
-  return /* @__PURE__ */ React251.createElement(
+  return /* @__PURE__ */ React252.createElement(
     "svg",
     {
       width: "12",
@@ -41686,7 +41750,7 @@ var FileIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React251.createElement(
+    /* @__PURE__ */ React252.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -41699,9 +41763,9 @@ var FileIcon = () => {
 };
 
 // src/components/Icons/New/SpeedometerIcon.tsx
-import React252 from "react";
+import React253 from "react";
 var SpeedometerIcon = () => {
-  return /* @__PURE__ */ React252.createElement(
+  return /* @__PURE__ */ React253.createElement(
     "svg",
     {
       width: "12",
@@ -41710,7 +41774,7 @@ var SpeedometerIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React252.createElement(
+    /* @__PURE__ */ React253.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -41724,13 +41788,13 @@ var SpeedometerIcon = () => {
 
 // src/components/FunFeatureList/FunFeatureList.tsx
 import { motion as motion16, useAnimationControls as useAnimationControls3 } from "motion/react";
-import React254, { useState as useState72 } from "react";
+import React255, { useState as useState72 } from "react";
 
 // src/components/FunFeatureList/FunFeatureList.css.ts
 var detailsButton = "_1045qr71 _1rsrm2fpy _1rsrm2frz _1rsrm2ftw _1rsrm2fnt _1rsrm2fx5 _1rsrm2fa _1rsrm2f4 _1rsrm2f86 _1rsrm2fu";
 
 // src/components/FunFeatureList/FunFeatureListItem.tsx
-import React253 from "react";
+import React254 from "react";
 var FunFeatureListItem = ({
   text,
   tooltip,
@@ -41741,7 +41805,7 @@ var FunFeatureListItem = ({
 }) => {
   const valueLabel = value && (prefix ? ` ${prefix}${value}` : ` ${value}`);
   const isMultiline = Array.isArray(value) && value.length > 0;
-  const TooltipWrapperElement = /* @__PURE__ */ React253.createElement(
+  const TooltipWrapperElement = /* @__PURE__ */ React254.createElement(
     Box,
     {
       marginLeft: "4",
@@ -41757,7 +41821,7 @@ var FunFeatureListItem = ({
     },
     tooltip
   );
-  return /* @__PURE__ */ React253.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React253.createElement(
+  return /* @__PURE__ */ React254.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React254.createElement(
     Box,
     {
       color: "secondaryText",
@@ -41766,7 +41830,7 @@ var FunFeatureListItem = ({
       justifyContent: "center"
     },
     icon
-  ), /* @__PURE__ */ React253.createElement(
+  ), /* @__PURE__ */ React254.createElement(
     Box,
     {
       display: "flex",
@@ -41775,8 +41839,8 @@ var FunFeatureListItem = ({
         gap: "6"
       }
     },
-    isMultiline ? /* @__PURE__ */ React253.createElement(Box, { display: "flex" }, /* @__PURE__ */ React253.createElement(Text, { size: "funFeatureListItemFontSize", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React253.createElement(Text, { size: "funFeatureListItemFontSize" }, text, /* @__PURE__ */ React253.createElement(React253.Fragment, null, "\xA0")),
-    isMultiline ? /* @__PURE__ */ React253.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React253.createElement(
+    isMultiline ? /* @__PURE__ */ React254.createElement(Box, { display: "flex" }, /* @__PURE__ */ React254.createElement(Text, { size: "funFeatureListItemFontSize", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React254.createElement(Text, { size: "funFeatureListItemFontSize" }, text, /* @__PURE__ */ React254.createElement(React254.Fragment, null, "\xA0")),
+    isMultiline ? /* @__PURE__ */ React254.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React254.createElement(
       Text,
       {
         size: "funFeatureListItemFontSize",
@@ -41784,7 +41848,7 @@ var FunFeatureListItem = ({
         key: index
       },
       v
-    ))) : /* @__PURE__ */ React253.createElement(
+    ))) : /* @__PURE__ */ React254.createElement(
       Text,
       {
         size: "funFeatureListItemFontSize",
@@ -41821,7 +41885,7 @@ var FunFeatureList = ({
       onExpanded?.();
     }
   };
-  return /* @__PURE__ */ React254.createElement(
+  return /* @__PURE__ */ React255.createElement(
     Box,
     {
       ...withBackgroundContainer && {
@@ -41838,7 +41902,7 @@ var FunFeatureList = ({
       display: "flex",
       flexDirection: "column"
     },
-    isExpandable ? /* @__PURE__ */ React254.createElement(React254.Fragment, null, /* @__PURE__ */ React254.createElement(
+    isExpandable ? /* @__PURE__ */ React255.createElement(React255.Fragment, null, /* @__PURE__ */ React255.createElement(
       Box,
       {
         as: "button",
@@ -41854,9 +41918,9 @@ var FunFeatureList = ({
         disabled,
         onClick: handleExpandToggle
       },
-      items[0] && /* @__PURE__ */ React254.createElement(FunFeatureListItem, { ...items[0] }),
-      /* @__PURE__ */ React254.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
-    ), /* @__PURE__ */ React254.createElement(
+      items[0] && /* @__PURE__ */ React255.createElement(FunFeatureListItem, { ...items[0] }),
+      /* @__PURE__ */ React255.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
+    ), /* @__PURE__ */ React255.createElement(
       motion16.div,
       {
         initial: "collapsed",
@@ -41867,7 +41931,7 @@ var FunFeatureList = ({
           expanded: { height: "auto", opacity: 1, overflow: "visible" }
         }
       },
-      /* @__PURE__ */ React254.createElement(
+      /* @__PURE__ */ React255.createElement(
         Box,
         {
           paddingX: "12",
@@ -41876,7 +41940,7 @@ var FunFeatureList = ({
           gap: "6",
           paddingBottom: "8"
         },
-        items.slice(1).map((item, index) => /* @__PURE__ */ React254.createElement(
+        items.slice(1).map((item, index) => /* @__PURE__ */ React255.createElement(
           FunFeatureListItem,
           {
             key: index,
@@ -41888,7 +41952,7 @@ var FunFeatureList = ({
           }
         ))
       )
-    )) : /* @__PURE__ */ React254.createElement(
+    )) : /* @__PURE__ */ React255.createElement(
       Box,
       {
         display: "flex",
@@ -41899,7 +41963,7 @@ var FunFeatureList = ({
           paddingY: "8"
         }
       },
-      items.map((item, index) => /* @__PURE__ */ React254.createElement(
+      items.map((item, index) => /* @__PURE__ */ React255.createElement(
         Box,
         {
           key: index,
@@ -41910,16 +41974,16 @@ var FunFeatureList = ({
             background: "funFeatureListBackgroundBase"
           }
         },
-        /* @__PURE__ */ React254.createElement(FunFeatureListItem, { ...item })
+        /* @__PURE__ */ React255.createElement(FunFeatureListItem, { ...item })
       ))
     )
   );
 };
 
 // src/components/Icons/New/PercentageIcon.tsx
-import React255 from "react";
+import React256 from "react";
 var PercentageIcon = () => {
-  return /* @__PURE__ */ React255.createElement(
+  return /* @__PURE__ */ React256.createElement(
     "svg",
     {
       width: "12",
@@ -41928,7 +41992,7 @@ var PercentageIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React255.createElement(
+    /* @__PURE__ */ React256.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -41946,7 +42010,7 @@ var FunLinkButtonComponent3 = ({
   href,
   size = "funFeatureListItemFontSize"
 }) => {
-  return /* @__PURE__ */ React256.createElement(FunLinkButton, { href, inline: true, text: children, size });
+  return /* @__PURE__ */ React257.createElement(FunLinkButton, { href, inline: true, text: children, size });
 };
 var TransferTokenDetails = ({
   estProcessingTime,
@@ -41964,7 +42028,7 @@ var TransferTokenDetails = ({
     !!estProcessingTime
   );
   const gasFees = void 0;
-  return /* @__PURE__ */ React256.createElement(
+  return /* @__PURE__ */ React257.createElement(
     FunFeatureList,
     {
       isExpandable: true,
@@ -41976,17 +42040,17 @@ var TransferTokenDetails = ({
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "< " : "",
             value: `${formatNumberAndStringify2(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React256.createElement(DollarIcon, null),
-            tooltip: /* @__PURE__ */ React256.createElement(
+            icon: /* @__PURE__ */ React257.createElement(DollarIcon, null),
+            tooltip: /* @__PURE__ */ React257.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React256.createElement(
+                content: /* @__PURE__ */ React257.createElement(
                   Trans18,
                   {
                     t,
                     i18nKey: "fees.priceImpactTooltip",
                     components: {
-                      LearnMoreLink: /* @__PURE__ */ React256.createElement(
+                      LearnMoreLink: /* @__PURE__ */ React257.createElement(
                         FunLinkButtonComponent3,
                         {
                           href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide",
@@ -42005,17 +42069,17 @@ var TransferTokenDetails = ({
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? `${t("common.auto")} \u2022 ` : "",
             value: `${formatNumberAndStringify2(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React256.createElement(PercentageIcon, null),
-            tooltip: /* @__PURE__ */ React256.createElement(
+            icon: /* @__PURE__ */ React257.createElement(PercentageIcon, null),
+            tooltip: /* @__PURE__ */ React257.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React256.createElement(
+                content: /* @__PURE__ */ React257.createElement(
                   Trans18,
                   {
                     t,
                     i18nKey: "fees.slippageTooltipFull",
                     components: {
-                      LearnMoreLink: /* @__PURE__ */ React256.createElement(
+                      LearnMoreLink: /* @__PURE__ */ React257.createElement(
                         FunLinkButtonComponent3,
                         {
                           href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide",
@@ -42034,26 +42098,26 @@ var TransferTokenDetails = ({
             text: `${t("common.estimatedGas")}:`,
             prefix: "~",
             value: `$${gasFees}`,
-            icon: /* @__PURE__ */ React256.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React257.createElement(DollarIcon, null)
           }
         ] : [],
         {
           text: t("common.processingTime"),
           value: estimatedTimeText,
-          icon: /* @__PURE__ */ React256.createElement(SpeedometerIcon, null)
+          icon: /* @__PURE__ */ React257.createElement(SpeedometerIcon, null)
         },
         {
-          text: /* @__PURE__ */ React256.createElement(
+          text: /* @__PURE__ */ React257.createElement(
             Trans18,
             {
               t,
               i18nKey: "common.haveQuestionsGetHelp",
               components: {
-                GetHelpLink: /* @__PURE__ */ React256.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs" })
+                GetHelpLink: /* @__PURE__ */ React257.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs" })
               }
             }
           ),
-          icon: /* @__PURE__ */ React256.createElement(FileIcon, null)
+          icon: /* @__PURE__ */ React257.createElement(FileIcon, null)
         }
       ]
     }
@@ -42455,6 +42519,7 @@ function TransferToken({
     toChainId: udaParams?.targetChain,
     toTokenAddress: udaParams?.targetAsset
   });
+  const isFreeUsdcBannerEnabled = useDynamicConfig("freeusdcbanner").enabled;
   const toggleQrHover = async () => {
     if (qrCodeHover) {
       controls.start("shrinkBack");
@@ -42472,6 +42537,7 @@ function TransferToken({
   );
   const bottomSectionRef = useBottomSectionRef();
   const { targetAssetTicker, targetChain, iconSrc } = checkoutConfig ?? {};
+  const hideFeeBreakdown = isFreeUsdcBannerEnabled && !!targetAssetTicker && ["pUSD", "USDC", "USDCe", "USDC.e"].includes(targetAssetTicker);
   const displayYouPayYouReceive = uiCustomizations.transferCryptoScreen.showYouSendYouReceive && typeof targetAssetTicker === "string" && typeof targetChain === "string" && typeof selectedChainId === "number" && typeof selectedToken === "string";
   const chainTagComponent = (value) => {
     if (!minTransferUsdPerChain[value]) {
@@ -42486,7 +42552,7 @@ function TransferToken({
         dynamicRoutingId
       }) ?? 0;
     }
-    return /* @__PURE__ */ React257.createElement(
+    return /* @__PURE__ */ React258.createElement(
       Text,
       {
         size: "12",
@@ -42509,7 +42575,7 @@ function TransferToken({
   }
   return (
     // This ID is used in the DialogContent css to set the height of the modal
-    /* @__PURE__ */ React257.createElement(React257.Fragment, null, /* @__PURE__ */ React257.createElement(Box, { id: "token-transfer-page" }, uiCustomizations.transferCryptoScreen.customTopComponent?.(), /* @__PURE__ */ React257.createElement(
+    /* @__PURE__ */ React258.createElement(React258.Fragment, null, /* @__PURE__ */ React258.createElement(Box, { id: "token-transfer-page" }, uiCustomizations.transferCryptoScreen.customTopComponent?.(), /* @__PURE__ */ React258.createElement(
       Box,
       {
         display: "flex",
@@ -42518,17 +42584,17 @@ function TransferToken({
         justifyContent: "center",
         gap: "18"
       },
-      isSourceNavWidgetEnabled && /* @__PURE__ */ React257.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React257.createElement(
+      isSourceNavWidgetEnabled && /* @__PURE__ */ React258.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React258.createElement(
         SourcePaymentMethodItem,
         {
           type: PaymentMethod.TOKEN_TRANSFER,
           keyText: textCustomizations.transferTokens,
           disclaimerText: t("transferToken.noLimit"),
-          keyIcon: /* @__PURE__ */ React257.createElement(CryptoTransferQRIcon, null),
+          keyIcon: /* @__PURE__ */ React258.createElement(CryptoTransferQRIcon, null),
           onClick: () => onNext({})
         }
       )),
-      /* @__PURE__ */ React257.createElement(
+      /* @__PURE__ */ React258.createElement(
         TokenAndChainDropdown,
         {
           isLoading: isLoadingDepositAddress,
@@ -42562,7 +42628,7 @@ function TransferToken({
           selectedToken,
           selectedChainId,
           chainTagComponent,
-          chainLabelAddon: !!minTransferUsd && /* @__PURE__ */ React257.createElement(
+          chainLabelAddon: !!minTransferUsd && /* @__PURE__ */ React258.createElement(
             Box,
             {
               display: "flex",
@@ -42572,15 +42638,15 @@ function TransferToken({
               fontSize: "12",
               height: "14"
             },
-            /* @__PURE__ */ React257.createElement(Text, { size: "inputLabel", color: "secondaryText" }, t("transferToken.min")),
-            /* @__PURE__ */ React257.createElement(Text, { size: "inputLabel", color: "secondaryText" }, /* @__PURE__ */ React257.createElement(
+            /* @__PURE__ */ React258.createElement(Text, { size: "inputLabel", color: "secondaryText" }, t("transferToken.min")),
+            /* @__PURE__ */ React258.createElement(Text, { size: "inputLabel", color: "secondaryText" }, /* @__PURE__ */ React258.createElement(
               AnimatedDollarValue,
               {
                 value: minTransferUsd,
                 dynamicMinFractionDigits: true
               }
             )),
-            /* @__PURE__ */ React257.createElement(
+            /* @__PURE__ */ React258.createElement(
               FunTooltip,
               {
                 content: t("transferToken.minDepositAmountTooltip"),
@@ -42594,7 +42660,7 @@ function TransferToken({
           chainIdSortOrder
         }
       ),
-      /* @__PURE__ */ React257.createElement(
+      /* @__PURE__ */ React258.createElement(
         Box,
         {
           display: "flex",
@@ -42604,7 +42670,7 @@ function TransferToken({
           justifyContent: "center",
           padding: "20"
         },
-        isLoadingDepositAddress ? /* @__PURE__ */ React257.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 13, gapBetweenDots: "4" }) : /* @__PURE__ */ React257.createElement(
+        isLoadingDepositAddress ? /* @__PURE__ */ React258.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 13, gapBetweenDots: "4" }) : /* @__PURE__ */ React258.createElement(
           motion17.div,
           {
             onHoverStart: toggleQrHover,
@@ -42624,7 +42690,7 @@ function TransferToken({
             },
             animate: controls
           },
-          /* @__PURE__ */ React257.createElement(
+          /* @__PURE__ */ React258.createElement(
             QRCode,
             {
               withShadow: true,
@@ -42638,7 +42704,7 @@ function TransferToken({
             }
           )
         ),
-        displayYouPayYouReceive && /* @__PURE__ */ React257.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React257.createElement(
+        displayYouPayYouReceive && /* @__PURE__ */ React258.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React258.createElement(
           YouPayYouReceive,
           {
             payLabel: textCustomizations.confirmationScreen?.payAmountLabel,
@@ -42653,7 +42719,7 @@ function TransferToken({
           }
         ))
       ),
-      /* @__PURE__ */ React257.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React257.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React257.createElement(
+      /* @__PURE__ */ React258.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React258.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React258.createElement(
         Box,
         {
           display: "flex",
@@ -42661,7 +42727,7 @@ function TransferToken({
           justifyContent: "space-between",
           ref: disclaimerTextWrapperRef
         },
-        /* @__PURE__ */ React257.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React257.createElement(
+        /* @__PURE__ */ React258.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React258.createElement(
           Text,
           {
             size: "inputLabel",
@@ -42669,7 +42735,7 @@ function TransferToken({
             color: "inputLabel"
           },
           t("transferToken.yourDepositAddress")
-        ), /* @__PURE__ */ React257.createElement(
+        ), /* @__PURE__ */ React258.createElement(
           FunTooltip,
           {
             content: depositAddressTooltip,
@@ -42677,7 +42743,7 @@ function TransferToken({
             enableDynamicPositioning: true
           }
         )),
-        /* @__PURE__ */ React257.createElement(
+        !hideFeeBreakdown && /* @__PURE__ */ React258.createElement(
           FunLinkButton,
           {
             text: t("transferToken.termsApply"),
@@ -42686,13 +42752,21 @@ function TransferToken({
             variant: "labelLink"
           }
         )
-      ), isLoadingDepositAddress ? /* @__PURE__ */ React257.createElement(FunSkeletonBlock, { height: "66px", width: "full" }) : /* @__PURE__ */ React257.createElement(
+      ), isLoadingDepositAddress ? /* @__PURE__ */ React258.createElement(FunSkeletonBlock, { height: "66px", width: "full" }) : /* @__PURE__ */ React258.createElement(
         CopyInputDisplayedAddress,
         {
           address: depositAddress,
           onAddressCopied: trackAddressCopied
         }
-      )), selectedChainId !== void 0 && /* @__PURE__ */ React257.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React257.createElement(FunInfoBanner, null), /* @__PURE__ */ React257.createElement(
+      )), selectedChainId !== void 0 && /* @__PURE__ */ React258.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React258.createElement(FunInfoBanner, null), hideFeeBreakdown ? /* @__PURE__ */ React258.createElement(
+        BottomLinks,
+        {
+          links: [
+            { text: t("transferToken.terms"), href: FUN_TERMS_URL },
+            { text: t("transferToken.help"), href: FUN_HELP_FAQ_URL }
+          ]
+        }
+      ) : /* @__PURE__ */ React258.createElement(
         TransferTokenDetails,
         {
           estProcessingTime: blockchain === "bitcoin" ? 30 * 60 * 1e3 : void 0,
@@ -42702,24 +42776,24 @@ function TransferToken({
           onExpanded: () => trackImpactExpanded(estPriceImpact?.value)
         }
       ))
-    )), bottomSectionRef && createPortal23(/* @__PURE__ */ React257.createElement(Dialog.BottomBar, null), bottomSectionRef))
+    )), bottomSectionRef && createPortal23(/* @__PURE__ */ React258.createElement(Dialog.BottomBar, null), bottomSectionRef))
   );
 }
 
 // src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
-import React262, { useState as useState74 } from "react";
+import React263, { useState as useState74 } from "react";
 
 // src/components/VirtualFiatAccount/AccountDetailsTab/AccountDetailsTab.tsx
-import React261 from "react";
+import React262 from "react";
 
 // src/components/FunInputButton/FunInputButton.tsx
-import React260 from "react";
+import React261 from "react";
 
 // src/components/Icons/CopyDoubleRoundedSquareIcon.tsx
-import React258 from "react";
+import React259 from "react";
 var CopyDoubleRoundedSquareIcon = ({
   size = 16
-}) => /* @__PURE__ */ React258.createElement(
+}) => /* @__PURE__ */ React259.createElement(
   "svg",
   {
     width: size,
@@ -42728,7 +42802,7 @@ var CopyDoubleRoundedSquareIcon = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React258.createElement(
+  /* @__PURE__ */ React259.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",
@@ -42741,9 +42815,9 @@ var CopyDoubleRoundedSquareIcon = ({
 );
 
 // src/components/Icons/New/CheckCircleIcon.tsx
-import React259 from "react";
+import React260 from "react";
 var CheckCircleIcon = () => {
-  return /* @__PURE__ */ React259.createElement(
+  return /* @__PURE__ */ React260.createElement(
     "svg",
     {
       width: "16",
@@ -42752,7 +42826,7 @@ var CheckCircleIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React259.createElement(
+    /* @__PURE__ */ React260.createElement(
       "circle",
       {
         cx: "8",
@@ -42764,7 +42838,7 @@ var CheckCircleIcon = () => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React259.createElement(
+    /* @__PURE__ */ React260.createElement(
       "path",
       {
         d: "M5.5 9L7 10.5L10.5 7",
@@ -42789,7 +42863,7 @@ var FunInputButton = ({
   const { t } = useFunkitTranslation();
   const { isCopied, handleCopy } = useCopyToClipboard(text, HIDE_TOOLTIP_MS);
   if (!isCopyable) {
-    return /* @__PURE__ */ React260.createElement(
+    return /* @__PURE__ */ React261.createElement(
       FunOptionBox,
       {
         width: "full",
@@ -42808,10 +42882,10 @@ var FunInputButton = ({
           hover: "heavyStroke"
         }
       },
-      /* @__PURE__ */ React260.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React260.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React260.createElement(Text, { weight: "medium", size: "12" }, text))
+      /* @__PURE__ */ React261.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React261.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React261.createElement(Text, { weight: "medium", size: "12" }, text))
     );
   }
-  return /* @__PURE__ */ React260.createElement(
+  return /* @__PURE__ */ React261.createElement(
     FunOptionBox,
     {
       width: "full",
@@ -42831,8 +42905,8 @@ var FunInputButton = ({
         hover: "heavyStroke"
       }
     },
-    /* @__PURE__ */ React260.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React260.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React260.createElement(Text, { weight: "medium", size: "12" }, text)),
-    /* @__PURE__ */ React260.createElement(FunTooltip, { content: isCopied ? t("common.copied") : t("common.copy") }, /* @__PURE__ */ React260.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React260.createElement(CheckCircleIcon, null) : /* @__PURE__ */ React260.createElement(CopyDoubleRoundedSquareIcon, null)))
+    /* @__PURE__ */ React261.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React261.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React261.createElement(Text, { weight: "medium", size: "12" }, text)),
+    /* @__PURE__ */ React261.createElement(FunTooltip, { content: isCopied ? t("common.copied") : t("common.copy") }, /* @__PURE__ */ React261.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React261.createElement(CheckCircleIcon, null) : /* @__PURE__ */ React261.createElement(CopyDoubleRoundedSquareIcon, null)))
   );
 };
 
@@ -42843,62 +42917,62 @@ var AccountDetailsTab = ({
   handleToggleDetails
 }) => {
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React261.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, account.bank_account_number ? /* @__PURE__ */ React261.createElement(
+  return /* @__PURE__ */ React262.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, account.bank_account_number ? /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.accountNumber"),
       text: account.bank_account_number
     }
-  ) : null, account.bank_routing_number ? /* @__PURE__ */ React261.createElement(
+  ) : null, account.bank_routing_number ? /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.routingNumber"),
       text: account.bank_routing_number
     }
-  ) : null, account.iban ? /* @__PURE__ */ React261.createElement(
+  ) : null, account.iban ? /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.iban"),
       text: account.iban
     }
-  ) : null, account.bic ? /* @__PURE__ */ React261.createElement(
+  ) : null, account.bic ? /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.swiftBic"),
       text: account.bic
     }
-  ) : null, account.account_holder_name ? /* @__PURE__ */ React261.createElement(
+  ) : null, account.account_holder_name ? /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.accountHolderName"),
       text: account.account_holder_name
     }
-  ) : null, account.bank_beneficiary_name ? /* @__PURE__ */ React261.createElement(
+  ) : null, account.bank_beneficiary_name ? /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.beneficiaryName"),
       text: account.bank_beneficiary_name
     }
-  ) : null, detailsExpanded && /* @__PURE__ */ React261.createElement(React261.Fragment, null, /* @__PURE__ */ React261.createElement(
+  ) : null, detailsExpanded && /* @__PURE__ */ React262.createElement(React262.Fragment, null, /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.bankName"),
       text: account.bank_name
     }
-  ), /* @__PURE__ */ React261.createElement(
+  ), /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.bankAddress"),
       text: account.bank_address
     }
-  ), /* @__PURE__ */ React261.createElement(
+  ), /* @__PURE__ */ React262.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.currency"),
       text: String(account.currency).toUpperCase(),
       isCopyable: false
     }
-  )), /* @__PURE__ */ React261.createElement(
+  )), /* @__PURE__ */ React262.createElement(
     Box,
     {
       width: "full",
@@ -42918,8 +42992,8 @@ var AccountDetailsTab = ({
         hover: "heavyStroke"
       }
     },
-    /* @__PURE__ */ React261.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
-    /* @__PURE__ */ React261.createElement(
+    /* @__PURE__ */ React262.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
+    /* @__PURE__ */ React262.createElement(
       Box,
       {
         width: "16",
@@ -42928,7 +43002,7 @@ var AccountDetailsTab = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      /* @__PURE__ */ React261.createElement(
+      /* @__PURE__ */ React262.createElement(
         Box,
         {
           color: "secondaryText",
@@ -42939,7 +43013,7 @@ var AccountDetailsTab = ({
           justifyContent: "center",
           style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
         },
-        /* @__PURE__ */ React261.createElement(CaretDownIcon, null)
+        /* @__PURE__ */ React262.createElement(CaretDownIcon, null)
       )
     )
   ));
@@ -42965,7 +43039,7 @@ var AccountDetailsScreen = ({
   const handleTabChange = (index) => {
     animate(() => setActiveTab(index), { reverse: index < activeTab });
   };
-  return /* @__PURE__ */ React262.createElement(
+  return /* @__PURE__ */ React263.createElement(
     Box,
     {
       id: "fiat-detail-page",
@@ -42973,7 +43047,7 @@ var AccountDetailsScreen = ({
       flexDirection: "column",
       gap: "16"
     },
-    isSourceNavWidgetEnabled && /* @__PURE__ */ React262.createElement(
+    isSourceNavWidgetEnabled && /* @__PURE__ */ React263.createElement(
       SourcePaymentMethodItem,
       {
         onClick: () => onNext({}),
@@ -42982,21 +43056,21 @@ var AccountDetailsScreen = ({
         keyIcon: label.icon
       }
     ),
-    /* @__PURE__ */ React262.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React262.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React262.createElement(
+    /* @__PURE__ */ React263.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React263.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React263.createElement(
       Tabs,
       {
         tabs,
         activeTab,
         onTabChange: handleTabChange
       }
-    )), /* @__PURE__ */ React262.createElement(Box, { className: getContentAnimation(animation) }, tabs[activeTab]?.value === "details" ? /* @__PURE__ */ React262.createElement(
+    )), /* @__PURE__ */ React263.createElement(Box, { className: getContentAnimation(animation) }, tabs[activeTab]?.value === "details" ? /* @__PURE__ */ React263.createElement(
       AccountDetailsTab,
       {
         account: sourceDeposit,
         detailsExpanded,
         handleToggleDetails: () => setDetailsExpanded((prev) => !prev)
       }
-    ) : /* @__PURE__ */ React262.createElement(
+    ) : /* @__PURE__ */ React263.createElement(
       FunFeatureList,
       {
         gapBetweenItems: "8",
@@ -43010,7 +43084,7 @@ var AccountDetailsScreen = ({
               "Gas fee: < $5.00",
               "Banks fees may also apply"
             ],
-            icon: /* @__PURE__ */ React262.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React263.createElement(DollarIcon, null)
           },
           {
             text: "Limits",
@@ -43018,12 +43092,12 @@ var AccountDetailsScreen = ({
               "Minimum amount: 25 EUR",
               "Maximum amount: 20,000,000 EUR"
             ],
-            icon: /* @__PURE__ */ React262.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React263.createElement(DollarIcon, null)
           },
           {
             text: "Processing time",
             value: [FIAT_PROCESSING_TIME],
-            icon: /* @__PURE__ */ React262.createElement(SpeedometerIcon, null)
+            icon: /* @__PURE__ */ React263.createElement(SpeedometerIcon, null)
           }
         ]
       }
@@ -43046,7 +43120,7 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React263, { useCallback as useCallback48, useEffect as useEffect68, useMemo as useMemo61, useState as useState75 } from "react";
+import React264, { useCallback as useCallback48, useEffect as useEffect68, useMemo as useMemo61, useState as useState75 } from "react";
 function useIframeListener(listeners, expectedOrigin) {
   const handleMessage = useCallback48(
     (event) => {
@@ -43133,7 +43207,7 @@ function KycIframe({
   );
   const loading = isLinkLoading || iframeLoading;
   useIframeListener(listeners, kycOrigin);
-  return /* @__PURE__ */ React263.createElement(
+  return /* @__PURE__ */ React264.createElement(
     Dialog,
     {
       onClose: onBack,
@@ -43142,13 +43216,13 @@ function KycIframe({
       withoutSidePadding: !loading,
       withTransition: false
     },
-    loading && /* @__PURE__ */ React263.createElement(React263.Fragment, null, /* @__PURE__ */ React263.createElement(
+    loading && /* @__PURE__ */ React264.createElement(React264.Fragment, null, /* @__PURE__ */ React264.createElement(
       Dialog.Title,
       {
         onClose: onBack,
         title: textCustomizations.virtualFiat
       }
-    ), /* @__PURE__ */ React263.createElement(
+    ), /* @__PURE__ */ React264.createElement(
       VerifyAccountScreen,
       {
         customerStatus: BridgeCustomerStatus7.NOT_STARTED,
@@ -43156,7 +43230,7 @@ function KycIframe({
         withActionButton: false
       }
     )),
-    /* @__PURE__ */ React263.createElement(
+    /* @__PURE__ */ React264.createElement(
       Dialog.Content,
       {
         display: "flex",
@@ -43169,7 +43243,7 @@ function KycIframe({
         withoutSidePadding: !loading,
         fullHeight: !loading
       },
-      kycLink && /* @__PURE__ */ React263.createElement(
+      kycLink && /* @__PURE__ */ React264.createElement(
         "iframe",
         {
           src: kycLink,
@@ -43184,14 +43258,14 @@ function KycIframe({
         }
       )
     ),
-    loading && /* @__PURE__ */ React263.createElement(
+    loading && /* @__PURE__ */ React264.createElement(
       Dialog.BottomSection,
       {
         style: {
           paddingBottom: themeVars.spacing.modalPaddingBottomLower
         }
       },
-      /* @__PURE__ */ React263.createElement(
+      /* @__PURE__ */ React264.createElement(
         Dialog.BottomBar,
         {
           actionButtonProps: {
@@ -43533,7 +43607,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__ */ React264.createElement(ModalHeightAnimationLayer, { permittedHeight }, children);
+  return /* @__PURE__ */ React265.createElement(ModalHeightAnimationLayer, { permittedHeight }, children);
 }
 
 // src/hooks/useCheckoutModalTitle.ts
@@ -43548,7 +43622,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 clsx23 from "clsx";
-import React273, { useEffect as useEffect71, useMemo as useMemo62, useRef as useRef37, useState as useState78 } from "react";
+import React274, { useEffect as useEffect71, useMemo as useMemo62, useRef as useRef37, useState as useState78 } from "react";
 import { Virtuoso } from "react-virtuoso";
 
 // src/consts/layout.ts
@@ -43559,10 +43633,10 @@ var DEFAULT_ICON_SIZE = "24";
 var OVERLAY_Z_INDEX = 100;
 
 // src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
-import React265 from "react";
+import React266 from "react";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify13 } from "@funkit/utils";
 var BalanceSection = ({ totalBalance }) => {
-  return /* @__PURE__ */ React265.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React265.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React265.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify13(
+  return /* @__PURE__ */ React266.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React266.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React266.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify13(
     Number.parseFloat(totalBalance.toString())
   ))));
 };
@@ -43581,12 +43655,12 @@ import {
   isNotNullish as isNotNullish7
 } from "@funkit/utils";
 import clsx22 from "clsx";
-import React267 from "react";
+import React268 from "react";
 
 // src/components/Icons/RedRoundErrorCross.tsx
-import React266 from "react";
+import React267 from "react";
 var RedRoundErrorCross = ({ size = 15 }) => {
-  return /* @__PURE__ */ React266.createElement(
+  return /* @__PURE__ */ React267.createElement(
     "svg",
     {
       width: size,
@@ -43595,8 +43669,8 @@ var RedRoundErrorCross = ({ size = 15 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React266.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
-    /* @__PURE__ */ React266.createElement(
+    /* @__PURE__ */ React267.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
+    /* @__PURE__ */ React267.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",
@@ -43632,7 +43706,7 @@ var HomeCheckoutDisplayRow = ({
   const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
   const getStatusElement = () => {
     if (isCompleted) {
-      return /* @__PURE__ */ React267.createElement(
+      return /* @__PURE__ */ React268.createElement(
         Box,
         {
           display: "flex",
@@ -43640,12 +43714,12 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React267.createElement(GreenRoundCheckmark, { size: Number.parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React267.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, t("checkoutHistory.completed"))
+        /* @__PURE__ */ React268.createElement(GreenRoundCheckmark, { size: Number.parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React268.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, t("checkoutHistory.completed"))
       );
     }
     if (isError || isFailed || isExpired) {
-      return /* @__PURE__ */ React267.createElement(
+      return /* @__PURE__ */ React268.createElement(
         Box,
         {
           display: "flex",
@@ -43653,12 +43727,12 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React267.createElement(RedRoundErrorCross, { size: Number.parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React267.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, t("checkoutHistory.failed"))
+        /* @__PURE__ */ React268.createElement(RedRoundErrorCross, { size: Number.parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React268.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, t("checkoutHistory.failed"))
       );
     }
     if (isProcessing) {
-      return /* @__PURE__ */ React267.createElement(
+      return /* @__PURE__ */ React268.createElement(
         Box,
         {
           display: "flex",
@@ -43666,7 +43740,7 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React267.createElement(
+        /* @__PURE__ */ React268.createElement(
           Box,
           {
             width: STATUS_ICON_SIZE,
@@ -43675,13 +43749,13 @@ var HomeCheckoutDisplayRow = ({
             background: "standby"
           }
         ),
-        /* @__PURE__ */ React267.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, t("checkoutHistory.processing"))
+        /* @__PURE__ */ React268.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__ */ React267.createElement(
+  return /* @__PURE__ */ React268.createElement(
     Box,
     {
       className: clsx22(
@@ -43706,7 +43780,7 @@ var HomeCheckoutDisplayRow = ({
         }
       }
     },
-    /* @__PURE__ */ React267.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, showIcon && /* @__PURE__ */ React267.createElement(
+    /* @__PURE__ */ React268.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, showIcon && /* @__PURE__ */ React268.createElement(
       Box,
       {
         display: "flex",
@@ -43717,7 +43791,7 @@ var HomeCheckoutDisplayRow = ({
           minWidth: "29px"
         }
       },
-      /* @__PURE__ */ React267.createElement(
+      /* @__PURE__ */ React268.createElement(
         FunAssetAvatar,
         {
           assetSrc: checkoutConfig.iconSrc || "",
@@ -43728,7 +43802,7 @@ var HomeCheckoutDisplayRow = ({
           chainId: checkoutConfig.targetChain
         }
       )
-    ), /* @__PURE__ */ React267.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React267.createElement(
+    ), /* @__PURE__ */ React268.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React268.createElement(
       Box,
       {
         display: "flex",
@@ -43736,19 +43810,19 @@ var HomeCheckoutDisplayRow = ({
         alignItems: "center",
         gap: "16"
       },
-      /* @__PURE__ */ React267.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
-      /* @__PURE__ */ React267.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify14(
+      /* @__PURE__ */ React268.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
+      /* @__PURE__ */ React268.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify14(
         checkoutClientMetadata?.finalDollarValue || 0
       )} USD`)
-    ), /* @__PURE__ */ React267.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React267.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
+    ), /* @__PURE__ */ React268.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React268.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
       year: "none",
       seconds: "none",
       month: "short"
-    })), /* @__PURE__ */ React267.createElement(Box, null, getStatusElement()))))
+    })), /* @__PURE__ */ React268.createElement(Box, null, getStatusElement()))))
   );
 };
 var HomeCheckoutDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React267.createElement(
+  return /* @__PURE__ */ React268.createElement(
     Box,
     {
       display: "flex",
@@ -43758,8 +43832,8 @@ var HomeCheckoutDisplayRowSkeleton = () => {
       paddingX: PROFILE_SIDE_PADDING,
       paddingY: ROW_PADDING_Y
     },
-    /* @__PURE__ */ React267.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
-    /* @__PURE__ */ React267.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React267.createElement(
+    /* @__PURE__ */ React268.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
+    /* @__PURE__ */ React268.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React268.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_MEDIUM2,
@@ -43767,7 +43841,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP2,
         width: TEXT_SKELETON_WIDTH_LONG2
       }
-    ), /* @__PURE__ */ React267.createElement(
+    ), /* @__PURE__ */ React268.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_SMALL2,
@@ -43776,7 +43850,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         width: TEXT_SKELETON_WIDTH_MEDIUM
       }
     )),
-    /* @__PURE__ */ React267.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React267.createElement(
+    /* @__PURE__ */ React268.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React268.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_MEDIUM2,
@@ -43784,7 +43858,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP2,
         width: TEXT_SKELETON_WIDTH_MEDIUM
       }
-    ), /* @__PURE__ */ React267.createElement(
+    ), /* @__PURE__ */ React268.createElement(
       FunSkeletonBlock,
       {
         height: STATUS_TEXT_SIZE,
@@ -43802,7 +43876,7 @@ import {
   formatCurrencyAndStringify as formatCurrencyAndStringify15,
   isMobile as isMobile9
 } from "@funkit/utils";
-import React268 from "react";
+import React269 from "react";
 var TEXT_SIZE = "13";
 var TEXT_SKELETON_MARGIN_TOP3 = "2";
 var TEXT_SKELETON_MARGIN_BOTTOM3 = "3";
@@ -43817,7 +43891,7 @@ var HomeTokenBalanceDisplayRow = ({
     asset.tokenBalance,
     asset.decimals
   );
-  return /* @__PURE__ */ React268.createElement(
+  return /* @__PURE__ */ React269.createElement(
     Box,
     {
       display: "flex",
@@ -43831,7 +43905,7 @@ var HomeTokenBalanceDisplayRow = ({
       paddingY: ROW_PADDING_Y2,
       className: baseStyles4
     },
-    /* @__PURE__ */ React268.createElement(
+    /* @__PURE__ */ React269.createElement(
       Box,
       {
         display: "flex",
@@ -43840,7 +43914,7 @@ var HomeTokenBalanceDisplayRow = ({
         alignItems: "flex-start",
         height: "full"
       },
-      /* @__PURE__ */ React268.createElement(
+      /* @__PURE__ */ React269.createElement(
         FunAssetAvatar,
         {
           assetSrc: asset.logo,
@@ -43850,22 +43924,22 @@ var HomeTokenBalanceDisplayRow = ({
           assetIconSize: DEFAULT_ICON_SIZE
         }
       ),
-      /* @__PURE__ */ React268.createElement(
+      /* @__PURE__ */ React269.createElement(
         Box,
         {
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between"
         },
-        /* @__PURE__ */ React268.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
-        /* @__PURE__ */ React268.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify10(normalizedAmount, asset.symbol))
+        /* @__PURE__ */ React269.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
+        /* @__PURE__ */ React269.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify10(normalizedAmount, asset.symbol))
       )
     ),
-    /* @__PURE__ */ React268.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify15(asset.totalUsdValue || 0))
+    /* @__PURE__ */ React269.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify15(asset.totalUsdValue || 0))
   );
 };
 var HomeTokenBalanceDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React268.createElement(
+  return /* @__PURE__ */ React269.createElement(
     Box,
     {
       display: "flex",
@@ -43875,8 +43949,8 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
       paddingX: PROFILE_SIDE_PADDING,
       paddingY: ROW_PADDING_Y2
     },
-    /* @__PURE__ */ React268.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
-    /* @__PURE__ */ React268.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React268.createElement(
+    /* @__PURE__ */ React269.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
+    /* @__PURE__ */ React269.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React269.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -43884,7 +43958,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP3,
         width: TEXT_SKELETON_WIDTH_SHORT3
       }
-    ), /* @__PURE__ */ React268.createElement(
+    ), /* @__PURE__ */ React269.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -43893,7 +43967,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
         width: TEXT_SKELETON_WIDTH_LONG3
       }
     )),
-    /* @__PURE__ */ React268.createElement(
+    /* @__PURE__ */ React269.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -43906,11 +43980,11 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 };
 
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
-import React272 from "react";
+import React273 from "react";
 import { useCallback as useCallback50, useState as useState77 } from "react";
 
 // src/components/FunSelect/FunClickOutside.tsx
-import React269 from "react";
+import React270 from "react";
 import { useEffect as useEffect70, useRef as useRef36 } from "react";
 function FunClickOutside({
   children,
@@ -43931,13 +44005,13 @@ function FunClickOutside({
       document.removeEventListener("mousedown", handleClickListener);
     };
   }, [onClick]);
-  return /* @__PURE__ */ React269.createElement("div", { ref: wrapperRef }, children);
+  return /* @__PURE__ */ React270.createElement("div", { ref: wrapperRef }, children);
 }
 
 // src/components/Icons/LogoutIcon.tsx
-import React270 from "react";
+import React271 from "react";
 var LogoutIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React270.createElement(
+  return /* @__PURE__ */ React271.createElement(
     "svg",
     {
       width: size,
@@ -43946,7 +44020,7 @@ var LogoutIcon = ({ size = 16 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React270.createElement(
+    /* @__PURE__ */ React271.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",
@@ -43961,9 +44035,9 @@ var LogoutIcon = ({ size = 16 }) => {
 };
 
 // src/components/Icons/SettingsIcon.tsx
-import React271 from "react";
+import React272 from "react";
 var SettingsIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React271.createElement(
+  return /* @__PURE__ */ React272.createElement(
     "svg",
     {
       width: size,
@@ -43972,14 +44046,14 @@ var SettingsIcon = ({ size = 16 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React271.createElement(
+    /* @__PURE__ */ React272.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__ */ React271.createElement(
+    /* @__PURE__ */ React272.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",
@@ -44004,7 +44078,7 @@ var ProfileTitleSection = ({
     () => setIsDisconnectExpanded(false),
     []
   );
-  return /* @__PURE__ */ React272.createElement(
+  return /* @__PURE__ */ React273.createElement(
     Box,
     {
       display: "flex",
@@ -44013,7 +44087,7 @@ var ProfileTitleSection = ({
       width: "full",
       minHeight: "28"
     },
-    /* @__PURE__ */ React272.createElement(
+    /* @__PURE__ */ React273.createElement(
       Box,
       {
         display: "flex",
@@ -44022,7 +44096,7 @@ var ProfileTitleSection = ({
         gap: "8",
         className: animateOut ? animateTitleOutClass : animateTitleInClass
       },
-      account.address && /* @__PURE__ */ React272.createElement(
+      account.address && /* @__PURE__ */ React273.createElement(
         Avatar,
         {
           address: account.address,
@@ -44031,21 +44105,21 @@ var ProfileTitleSection = ({
           size: 20
         }
       ),
-      /* @__PURE__ */ React272.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, userInfo.nameTruncated)
+      /* @__PURE__ */ React273.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, userInfo.nameTruncated)
     ),
-    /* @__PURE__ */ React272.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row" }, !isDisconnectExpanded && /* @__PURE__ */ React272.createElement(
+    /* @__PURE__ */ React273.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row" }, !isDisconnectExpanded && /* @__PURE__ */ React273.createElement(
       FunIconButton,
       {
-        icon: /* @__PURE__ */ React272.createElement(SettingsIcon, { size: 17 }),
+        icon: /* @__PURE__ */ React273.createElement(SettingsIcon, { size: 17 }),
         onClick: () => onChangeView(1 /* SETTINGS */),
         paddingX: "4",
         paddingY: "4"
       }
-    ), /* @__PURE__ */ React272.createElement(FunClickOutside, { onClick: collapseDisconnect }, /* @__PURE__ */ React272.createElement(
+    ), /* @__PURE__ */ React273.createElement(FunClickOutside, { onClick: collapseDisconnect }, /* @__PURE__ */ React273.createElement(
       FunIconButton,
       {
         size: "28",
-        icon: /* @__PURE__ */ React272.createElement(LogoutIcon, { size: 15 }),
+        icon: /* @__PURE__ */ React273.createElement(LogoutIcon, { size: 15 }),
         paddingX: isDisconnectExpanded ? "6" : void 0,
         "aria-label": t("profile.disconnect"),
         onClick: isDisconnectExpanded ? onLogout : () => setIsDisconnectExpanded(true),
@@ -44053,12 +44127,12 @@ var ProfileTitleSection = ({
         onMouseLeave: collapseDisconnect,
         onBlur: collapseDisconnect
       },
-      isDisconnectExpanded && /* @__PURE__ */ React272.createElement(Text, { size: "10", color: "secondaryText", weight: "medium" }, t("profile.disconnect"))
-    )), !isDisconnectExpanded && /* @__PURE__ */ React272.createElement(
+      isDisconnectExpanded && /* @__PURE__ */ React273.createElement(Text, { size: "10", color: "secondaryText", weight: "medium" }, t("profile.disconnect"))
+    )), !isDisconnectExpanded && /* @__PURE__ */ React273.createElement(
       FunIconButton,
       {
         size: "28",
-        icon: /* @__PURE__ */ React272.createElement(CloseIcon, { size: 12 }),
+        icon: /* @__PURE__ */ React273.createElement(CloseIcon, { size: 12 }),
         onClick: onClose
       }
     ))
@@ -44074,10 +44148,10 @@ var SelectedHomeTab = /* @__PURE__ */ ((SelectedHomeTab2) => {
 var EmptyTabAlert = () => {
   const { t } = useFunkitTranslation();
   const { appName } = useFunkitConfig();
-  return /* @__PURE__ */ React273.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React273.createElement(
+  return /* @__PURE__ */ React274.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React274.createElement(
     FunAlert,
     {
-      icon: /* @__PURE__ */ React273.createElement(GreenRoundCheckmark, null),
+      icon: /* @__PURE__ */ React274.createElement(GreenRoundCheckmark, null),
       description: t("profile.executeFirstCheckout", { appName })
     }
   ));
@@ -44106,7 +44180,7 @@ function Home({
   }, []);
   const AssetsList = useMemo62(() => {
     if (walletAssets && !Object.keys(walletAssets).length) {
-      return /* @__PURE__ */ React273.createElement(EmptyTabAlert, null);
+      return /* @__PURE__ */ React274.createElement(EmptyTabAlert, null);
     }
     const assets = walletAssets ? Object.values(walletAssets).sort(
       (a, b) => (b.totalUsdValue ?? 0) - (a.totalUsdValue ?? 0)
@@ -44114,7 +44188,7 @@ function Home({
     const itemHeight = HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT;
     const itemMargin = 8;
     const height = assets.length * (itemHeight + itemMargin) - itemMargin;
-    return /* @__PURE__ */ React273.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React273.createElement(
+    return /* @__PURE__ */ React274.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React274.createElement(
       Virtuoso,
       {
         className: clsx23(hideScrollBar, scrollContent),
@@ -44126,14 +44200,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__ */ React273.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, asset ? /* @__PURE__ */ React273.createElement(HomeTokenBalanceDisplayRow, { asset }) : /* @__PURE__ */ React273.createElement(HomeTokenBalanceDisplayRowSkeleton, null))
+          /* @__PURE__ */ React274.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, asset ? /* @__PURE__ */ React274.createElement(HomeTokenBalanceDisplayRow, { asset }) : /* @__PURE__ */ React274.createElement(HomeTokenBalanceDisplayRowSkeleton, null))
         )
       }
     ));
   }, [walletAssets]);
   const CheckoutsList = useMemo62(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
-      return /* @__PURE__ */ React273.createElement(EmptyTabAlert, null);
+      return /* @__PURE__ */ React274.createElement(EmptyTabAlert, null);
     }
     const processingCheckouts = checkoutHistoryList.filter(
       (checkoutHistoryItem) => IN_PROGRESS_CHECKOUT_STATES2.includes(checkoutHistoryItem.state)
@@ -44195,7 +44269,7 @@ function Home({
     const groupHeight = 15;
     const groupMargin = 24;
     const height = groups.length * (groupHeight + groupMargin) + (items.length - groups.length) * (itemHeight + itemMargin) - groupMargin;
-    return /* @__PURE__ */ React273.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React273.createElement(
+    return /* @__PURE__ */ React274.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React274.createElement(
       Virtuoso,
       {
         className: clsx23(hideScrollBar, scrollContent),
@@ -44209,13 +44283,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__ */ React273.createElement("div", { style: { paddingTop: index === 0 ? 0 : groupMargin } }, /* @__PURE__ */ React273.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React273.createElement(Text, { size: "10", color: "secondaryText" }, data.group))) : /* @__PURE__ */ React273.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, data.checkout ? /* @__PURE__ */ React273.createElement(
+          "group" in data ? /* @__PURE__ */ React274.createElement("div", { style: { paddingTop: index === 0 ? 0 : groupMargin } }, /* @__PURE__ */ React274.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React274.createElement(Text, { size: "10", color: "secondaryText" }, data.group))) : /* @__PURE__ */ React274.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, data.checkout ? /* @__PURE__ */ React274.createElement(
             HomeCheckoutDisplayRow,
             {
               checkoutHistoryItem: data.checkout,
               onSelect: handleCheckoutSelect
             }
-          ) : /* @__PURE__ */ React273.createElement(HomeCheckoutDisplayRowSkeleton, null))
+          ) : /* @__PURE__ */ React274.createElement(HomeCheckoutDisplayRowSkeleton, null))
         )
       }
     ));
@@ -44230,7 +44304,7 @@ function Home({
     { tab: "assets" /* ASSETS */, label: t("profile.tokensTab") },
     { tab: "checkouts" /* CHECKOUTS */, label: t("profile.checkoutsTab") }
   ];
-  return /* @__PURE__ */ React273.createElement(Box, { paddingTop: "14" }, /* @__PURE__ */ React273.createElement(
+  return /* @__PURE__ */ React274.createElement(Box, { paddingTop: "14" }, /* @__PURE__ */ React274.createElement(
     ProfileTitleSection,
     {
       animateOut: animation.isOut,
@@ -44240,7 +44314,7 @@ function Home({
       onLogout: handleLogout,
       onClose
     }
-  ), /* @__PURE__ */ React273.createElement(
+  ), /* @__PURE__ */ React274.createElement(
     Box,
     {
       display: "flex",
@@ -44250,8 +44324,8 @@ function Home({
       gap: "24",
       className: getContentAnimation(animation, true)
     },
-    /* @__PURE__ */ React273.createElement(BalanceSection, { totalBalance: totalWalletAssetsUsd }),
-    /* @__PURE__ */ React273.createElement(
+    /* @__PURE__ */ React274.createElement(BalanceSection, { totalBalance: totalWalletAssetsUsd }),
+    /* @__PURE__ */ React274.createElement(
       Box,
       {
         display: "flex",
@@ -44262,7 +44336,7 @@ function Home({
           marginLeft: `-${Number.parseInt(PROFILE_SIDE_PADDING)}px`
         }
       },
-      /* @__PURE__ */ React273.createElement(
+      /* @__PURE__ */ React274.createElement(
         Box,
         {
           display: "flex",
@@ -44270,7 +44344,7 @@ function Home({
           gap: "24",
           paddingX: PROFILE_SIDE_PADDING
         },
-        tabs2.map(({ tab, label }) => /* @__PURE__ */ React273.createElement(
+        tabs2.map(({ tab, label }) => /* @__PURE__ */ React274.createElement(
           Box,
           {
             key: label,
@@ -44279,7 +44353,7 @@ function Home({
             tabIndex: 0,
             className: tabLabelStyles
           },
-          /* @__PURE__ */ React273.createElement(
+          /* @__PURE__ */ React274.createElement(
             Text,
             {
               weight: "bold",
@@ -44290,21 +44364,21 @@ function Home({
           )
         ))
       ),
-      /* @__PURE__ */ React273.createElement(Box, { className: getContentAnimation(tabAnimation, false) }, selectedView === "assets" /* ASSETS */ && AssetsList, selectedView === "checkouts" /* CHECKOUTS */ && CheckoutsList)
+      /* @__PURE__ */ React274.createElement(Box, { className: getContentAnimation(tabAnimation, false) }, selectedView === "assets" /* ASSETS */ && AssetsList, selectedView === "checkouts" /* CHECKOUTS */ && CheckoutsList)
     )
   ));
 }
 
 // src/modals/ProfileDetails/FunProfileViews/Settings/Settings.tsx
 import { formatAddress as formatAddress7 } from "@funkit/utils";
-import React276 from "react";
+import React277 from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
-import React275 from "react";
+import React276 from "react";
 
 // src/components/Icons/CopyDoublePaperSheetIcon.tsx
-import React274 from "react";
-var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React274.createElement(
+import React275 from "react";
+var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React275.createElement(
   "svg",
   {
     width: "14",
@@ -44313,7 +44387,7 @@ var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React274.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React274.createElement(
+  /* @__PURE__ */ React275.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",
@@ -44325,11 +44399,11 @@ var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React274.createElement(
 // src/components/CopyAddress/OldCopyAddressButton.tsx
 function OldCopyAddressButton({ address }) {
   const { isCopied, handleCopy } = useCopyToClipboard(address);
-  return /* @__PURE__ */ React275.createElement(
+  return /* @__PURE__ */ React276.createElement(
     FunIconButton,
     {
       size: "36",
-      icon: /* @__PURE__ */ React275.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React275.createElement(CheckIcon, null) : /* @__PURE__ */ React275.createElement(CopyDoublePaperSheetIcon, null)),
+      icon: /* @__PURE__ */ React276.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React276.createElement(CheckIcon, null) : /* @__PURE__ */ React276.createElement(CopyDoublePaperSheetIcon, null)),
       onClick: handleCopy
     }
   );
@@ -44341,7 +44415,7 @@ function LineItem({
   value,
   valueSuffix = null
 }) {
-  return /* @__PURE__ */ React276.createElement(
+  return /* @__PURE__ */ React277.createElement(
     Box,
     {
       display: "flex",
@@ -44350,26 +44424,26 @@ function LineItem({
       alignItems: "center",
       justifyContent: "space-between"
     },
-    /* @__PURE__ */ React276.createElement(Text, { color: "tertiaryText", size: "13", weight: "medium" }, label),
-    /* @__PURE__ */ React276.createElement(Box, { display: "flex", flexDirection: "row", gap: "1" }, /* @__PURE__ */ React276.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React276.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, value)), valueSuffix ? /* @__PURE__ */ React276.createElement(Box, { display: "flex", alignItems: "center" }, valueSuffix) : null)
+    /* @__PURE__ */ React277.createElement(Text, { color: "tertiaryText", size: "13", weight: "medium" }, label),
+    /* @__PURE__ */ React277.createElement(Box, { display: "flex", flexDirection: "row", gap: "1" }, /* @__PURE__ */ React277.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React277.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, value)), valueSuffix ? /* @__PURE__ */ React277.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__ */ React276.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React276.createElement(
+  return /* @__PURE__ */ React277.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React277.createElement(
     LineItem,
     {
       label: isWeb3Login ? "Wallet" : userInfo.typeLabel,
       value: isWeb3Login ? userInfo.typeLabel : userInfo.name
     }
-  ), /* @__PURE__ */ React276.createElement(
+  ), /* @__PURE__ */ React277.createElement(
     LineItem,
     {
       label: t("profile.address"),
       value: formatAddress7(walletAddress),
-      valueSuffix: /* @__PURE__ */ React276.createElement(OldCopyAddressButton, { address: walletAddress })
+      valueSuffix: /* @__PURE__ */ React277.createElement(OldCopyAddressButton, { address: walletAddress })
     }
   ));
 }
@@ -44449,11 +44523,11 @@ function ProfileDetails({ onClose, defaultTab }) {
     isActiveCheckout: false,
     isCheckoutDetailView,
     paddingTop: PADDING_TOP,
-    topbar: dialogTitleMap[view] && /* @__PURE__ */ React277.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
+    topbar: dialogTitleMap[view] && /* @__PURE__ */ React278.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
     withTopDivider: withDivider,
     scrollableContent: PROFILE_DETAILS_DIALOG_CONTENT_ID
   });
-  return /* @__PURE__ */ React277.createElement(FunCheckoutModalHeightAnimationWrapper, null, topbar, /* @__PURE__ */ React277.createElement(
+  return /* @__PURE__ */ React278.createElement(FunCheckoutModalHeightAnimationWrapper, null, topbar, /* @__PURE__ */ React278.createElement(
     Dialog.Content,
     {
       display: "flex",
@@ -44470,7 +44544,7 @@ function ProfileDetails({ onClose, defaultTab }) {
       withTopDivider,
       id: PROFILE_DETAILS_DIALOG_CONTENT_ID
     },
-    view === 0 /* HOME */ ? /* @__PURE__ */ React277.createElement(
+    view === 0 /* HOME */ ? /* @__PURE__ */ React278.createElement(
       Home,
       {
         animation,
@@ -44479,7 +44553,7 @@ function ProfileDetails({ onClose, defaultTab }) {
         onSelectActivity: onSelectActivityWrapper,
         defaultHomeTab: selectedHomeTab
       }
-    ) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React277.createElement(Settings, null) : view === 3 /* SINGLE_ACTIVITY */ ? /* @__PURE__ */ React277.createElement(
+    ) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React278.createElement(Settings, null) : view === 3 /* SINGLE_ACTIVITY */ ? /* @__PURE__ */ React278.createElement(
       FunCheckoutHistoryContent,
       {
         depositAddress: selectedPurchaseId || "0x",
@@ -44491,7 +44565,7 @@ function ProfileDetails({ onClose, defaultTab }) {
         bottomBarId: HISTORY_BOTTOM_BAR_ID
       }
     ) : null
-  ), /* @__PURE__ */ React277.createElement(Dialog.BottomSection, { id: HISTORY_BOTTOM_BAR_ID }));
+  ), /* @__PURE__ */ React278.createElement(Dialog.BottomSection, { id: HISTORY_BOTTOM_BAR_ID }));
 }
 
 // src/modals/AccountModal/AccountModal.tsx
@@ -44501,7 +44575,7 @@ function AccountModal({ onClose, open, defaultTab }) {
   if (!walletAddress) {
     return null;
   }
-  return /* @__PURE__ */ React278.createElement(
+  return /* @__PURE__ */ React279.createElement(
     Dialog,
     {
       onClose,
@@ -44509,17 +44583,17 @@ function AccountModal({ onClose, open, defaultTab }) {
       titleId: TITLE_ID,
       isSmartCloseable: true
     },
-    /* @__PURE__ */ React278.createElement(ActivityTraversalProvider, null, /* @__PURE__ */ React278.createElement(ProfileDetails, { onClose, defaultTab }))
+    /* @__PURE__ */ React279.createElement(ActivityTraversalProvider, null, /* @__PURE__ */ React279.createElement(ProfileDetails, { onClose, defaultTab }))
   );
 }
 
 // src/modals/ChainModal/ChainModal.tsx
 import { isMobile as isMobile12 } from "@funkit/utils";
-import React283 from "react";
+import React284 from "react";
 
 // src/components/Icons/DisconnectSqIcon.tsx
-import React279 from "react";
-var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React279.createElement(
+import React280 from "react";
+var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React280.createElement(
   "svg",
   {
     fill: "none",
@@ -44528,7 +44602,7 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React279.createElement(
     width: size,
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React279.createElement(
+  /* @__PURE__ */ React280.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",
@@ -44539,13 +44613,13 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React279.createElement(
 
 // src/components/MenuButton/MenuButton.tsx
 import { isMobile as isMobile10 } from "@funkit/utils";
-import React280 from "react";
+import React281 from "react";
 
 // src/components/MenuButton/MenuButton.css.ts
 var unsetBackgroundOnHover = "_10pw5x60";
 
 // src/components/MenuButton/MenuButton.tsx
-var MenuButton = React280.forwardRef(
+var MenuButton = React281.forwardRef(
   ({
     children,
     currentlySelected = false,
@@ -44554,7 +44628,7 @@ var MenuButton = React280.forwardRef(
     ...urlProps
   }, ref) => {
     const mobile = isMobile10();
-    return /* @__PURE__ */ React280.createElement(
+    return /* @__PURE__ */ React281.createElement(
       Box,
       {
         as: "button",
@@ -44566,7 +44640,7 @@ var MenuButton = React280.forwardRef(
         testId,
         type: "button"
       },
-      /* @__PURE__ */ React280.createElement(
+      /* @__PURE__ */ React281.createElement(
         Box,
         {
           borderRadius: "menuButton",
@@ -44600,12 +44674,12 @@ MenuButton.displayName = "MenuButton";
 
 // src/modals/ChainModal/Chain.tsx
 import { isMobile as isMobile11 } from "@funkit/utils";
-import React282, { Fragment as Fragment3 } from "react";
+import React283, { Fragment as Fragment3 } from "react";
 
 // src/components/FunDot/FunDot.tsx
-import React281 from "react";
+import React282 from "react";
 function FunDot() {
-  return /* @__PURE__ */ React281.createElement(
+  return /* @__PURE__ */ React282.createElement(
     Box,
     {
       background: "connectionIndicator",
@@ -44633,7 +44707,7 @@ function ChainLineItem({
   if (!chainItem) {
     return null;
   }
-  return /* @__PURE__ */ React282.createElement(
+  return /* @__PURE__ */ React283.createElement(
     Box,
     {
       alignItems: "center",
@@ -44642,7 +44716,7 @@ function ChainLineItem({
       gap,
       height: chainIconSize
     },
-    /* @__PURE__ */ React282.createElement(Box, { height: "full" }, /* @__PURE__ */ React282.createElement(
+    /* @__PURE__ */ React283.createElement(Box, { height: "full" }, /* @__PURE__ */ React283.createElement(
       AsyncImage,
       {
         alt: chainItem.name,
@@ -44654,7 +44728,7 @@ function ChainLineItem({
         testId: `chain-option-${chainId2}-icon`
       }
     )),
-    !hideChainName ? /* @__PURE__ */ React282.createElement("div", null, chainItem.name) : null
+    !hideChainName ? /* @__PURE__ */ React283.createElement("div", null, chainItem.name) : null
   );
 }
 var Chain = ({
@@ -44669,14 +44743,14 @@ var Chain = ({
   const mobile = isMobile11();
   const funkitConnectChains = useFunkitConnectChains();
   const isCurrentChain = currentChainId === chainId2 && !isLoading;
-  return /* @__PURE__ */ React282.createElement(Fragment3, null, /* @__PURE__ */ React282.createElement(
+  return /* @__PURE__ */ React283.createElement(Fragment3, null, /* @__PURE__ */ React283.createElement(
     MenuButton,
     {
       currentlySelected: isCurrentChain,
       onClick: isCurrentChain ? void 0 : () => switchChain({ chainId: chainId2 }),
       testId: `chain-option-${chainId2}`
     },
-    /* @__PURE__ */ React282.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React282.createElement(
+    /* @__PURE__ */ React283.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React283.createElement(
       Box,
       {
         alignItems: "center",
@@ -44684,8 +44758,8 @@ var Chain = ({
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      /* @__PURE__ */ React282.createElement(ChainLineItem, { chainId: chainId2, chainIconSize }),
-      isCurrentChain && /* @__PURE__ */ React282.createElement(
+      /* @__PURE__ */ React283.createElement(ChainLineItem, { chainId: chainId2, chainIconSize }),
+      isCurrentChain && /* @__PURE__ */ React283.createElement(
         Box,
         {
           alignItems: "center",
@@ -44693,10 +44767,10 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React282.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, t("common.connected")),
-        /* @__PURE__ */ React282.createElement(FunDot, null)
+        /* @__PURE__ */ React283.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, t("common.connected")),
+        /* @__PURE__ */ React283.createElement(FunDot, null)
       ),
-      isLoading && /* @__PURE__ */ React282.createElement(
+      isLoading && /* @__PURE__ */ React283.createElement(
         Box,
         {
           alignItems: "center",
@@ -44704,8 +44778,8 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React282.createElement(Text, { color: "primaryText", size: "14", weight: "medium" }, t("common.confirmInWallet")),
-        /* @__PURE__ */ React282.createElement(
+        /* @__PURE__ */ React283.createElement(Text, { color: "primaryText", size: "14", weight: "medium" }, t("common.confirmInWallet")),
+        /* @__PURE__ */ React283.createElement(
           Box,
           {
             background: "standby",
@@ -44717,7 +44791,7 @@ var Chain = ({
         )
       )
     ))
-  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React282.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
+  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React283.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
 };
 var Chain_default = Chain;
 
@@ -44742,7 +44816,7 @@ function ChainModal({ onClose, open }) {
   if (!chainId2) {
     return null;
   }
-  return /* @__PURE__ */ React283.createElement(
+  return /* @__PURE__ */ React284.createElement(
     Dialog,
     {
       onClose,
@@ -44750,15 +44824,15 @@ function ChainModal({ onClose, open }) {
       titleId,
       isSmartCloseable: true
     },
-    /* @__PURE__ */ React283.createElement(Dialog.Content, { paddingTop: "18" }, /* @__PURE__ */ React283.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React283.createElement(
+    /* @__PURE__ */ React284.createElement(Dialog.Content, { paddingTop: "18" }, /* @__PURE__ */ React284.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React284.createElement(
       Box,
       {
         display: "flex",
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      mobile && /* @__PURE__ */ React283.createElement(Box, { width: "30" }),
-      /* @__PURE__ */ React283.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React283.createElement(
+      mobile && /* @__PURE__ */ React284.createElement(Box, { width: "30" }),
+      /* @__PURE__ */ React284.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React284.createElement(
         Text,
         {
           as: "h1",
@@ -44769,8 +44843,8 @@ function ChainModal({ onClose, open }) {
         },
         t("chainModal.switchNetworks")
       )),
-      /* @__PURE__ */ React283.createElement(CloseButton, { onClose })
-    ), !isCurrentChainSupported && /* @__PURE__ */ React283.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React283.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, t("chainModal.wrongNetworkDetected"))), /* @__PURE__ */ React283.createElement(
+      /* @__PURE__ */ React284.createElement(CloseButton, { onClose })
+    ), !isCurrentChainSupported && /* @__PURE__ */ React284.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React284.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, t("chainModal.wrongNetworkDetected"))), /* @__PURE__ */ React284.createElement(
       Box,
       {
         className: mobile ? MobileScrollClassName : DesktopScrollClassName,
@@ -44781,7 +44855,7 @@ function ChainModal({ onClose, open }) {
         paddingBottom: "16"
       },
       funkitConnectChains.map(({ id }, idx) => {
-        return /* @__PURE__ */ React283.createElement(
+        return /* @__PURE__ */ React284.createElement(
           Chain_default,
           {
             key: id,
@@ -44794,13 +44868,13 @@ function ChainModal({ onClose, open }) {
           }
         );
       }),
-      !isCurrentChainSupported && /* @__PURE__ */ React283.createElement(React283.Fragment, null, /* @__PURE__ */ React283.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React283.createElement(
+      !isCurrentChainSupported && /* @__PURE__ */ React284.createElement(React284.Fragment, null, /* @__PURE__ */ React284.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React284.createElement(
         MenuButton,
         {
           onClick: () => handleLogout(),
           testId: "chain-option-disconnect"
         },
-        /* @__PURE__ */ React283.createElement(
+        /* @__PURE__ */ React284.createElement(
           Box,
           {
             color: "error",
@@ -44808,7 +44882,7 @@ function ChainModal({ onClose, open }) {
             fontSize: "16",
             fontWeight: "bold"
           },
-          /* @__PURE__ */ React283.createElement(
+          /* @__PURE__ */ React284.createElement(
             Box,
             {
               alignItems: "center",
@@ -44816,7 +44890,7 @@ function ChainModal({ onClose, open }) {
               flexDirection: "row",
               justifyContent: "space-between"
             },
-            /* @__PURE__ */ React283.createElement(
+            /* @__PURE__ */ React284.createElement(
               Box,
               {
                 alignItems: "center",
@@ -44825,7 +44899,7 @@ function ChainModal({ onClose, open }) {
                 gap: "4",
                 height: chainIconSize
               },
-              /* @__PURE__ */ React283.createElement(
+              /* @__PURE__ */ React284.createElement(
                 Box,
                 {
                   alignItems: "center",
@@ -44834,9 +44908,9 @@ function ChainModal({ onClose, open }) {
                   justifyContent: "center",
                   marginRight: "8"
                 },
-                /* @__PURE__ */ React283.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
+                /* @__PURE__ */ React284.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
               ),
-              /* @__PURE__ */ React283.createElement("div", null, t("chainModal.disconnect"))
+              /* @__PURE__ */ React284.createElement("div", null, t("chainModal.disconnect"))
             )
           )
         )
@@ -44848,13 +44922,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 React298, { useEffect as useEffect80, useRef as useRef40 } from "react";
+import React299, { useEffect as useEffect80, useRef as useRef40 } from "react";
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React289, { useCallback as useCallback52, useMemo as useMemo63, useState as useState82 } from "react";
+import React290, { useCallback as useCallback52, useMemo as useMemo63, useState as useState82 } from "react";
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React284, { useEffect as useEffect72 } from "react";
+import React285, { useEffect as useEffect72 } from "react";
 var AUTO_CLOSE = 2e3;
 var messageMap = (hasQrCode) => ({
   error: {
@@ -44882,7 +44956,7 @@ var FunConnectResultStep = ({
   }, [onClose, hasAutoclose]);
   const hasQrCode = wallet?.qrCode && qrCodeUri;
   const message = messageMap(!!hasQrCode)[type];
-  return /* @__PURE__ */ React284.createElement(Box, { display: "flex", flexDirection: "column", gap: "24", paddingBottom: "12" }, /* @__PURE__ */ React284.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, hasQrCode && type === "error" ? /* @__PURE__ */ React284.createElement(
+  return /* @__PURE__ */ React285.createElement(Box, { display: "flex", flexDirection: "column", gap: "24", paddingBottom: "12" }, /* @__PURE__ */ React285.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, hasQrCode && type === "error" ? /* @__PURE__ */ React285.createElement(
     Box,
     {
       alignItems: "center",
@@ -44891,7 +44965,7 @@ var FunConnectResultStep = ({
       justifyContent: "center",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React284.createElement(
+    /* @__PURE__ */ React285.createElement(
       QRCode,
       {
         logoBackground: wallet.iconBackground,
@@ -44901,7 +44975,7 @@ var FunConnectResultStep = ({
         uri: qrCodeUri
       }
     )
-  ) : /* @__PURE__ */ React284.createElement(
+  ) : /* @__PURE__ */ React285.createElement(
     Box,
     {
       padding: "30",
@@ -44910,7 +44984,7 @@ var FunConnectResultStep = ({
       borderStyle: "solid",
       borderColor: type === "success" ? "buttonSuccess" : "buttonWarning"
     },
-    wallet && /* @__PURE__ */ React284.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React284.createElement(
+    wallet && /* @__PURE__ */ React285.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React285.createElement(
       AsyncImage,
       {
         background: wallet.iconBackground,
@@ -44920,12 +44994,12 @@ var FunConnectResultStep = ({
         height: 40
       }
     ))
-  ), /* @__PURE__ */ React284.createElement(FunMessage, { title: message.title, description: message.description })));
+  ), /* @__PURE__ */ React285.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 React286, { useState as useState81 } from "react";
+import React287, { useState as useState81 } from "react";
 
 // src/wallets/latestWalletId.ts
 var storageKey5 = "fkc-latest-id";
@@ -44934,7 +45008,7 @@ function addLatestWalletId(walletId) {
 }
 
 // src/components/ModalSelection/ModalSelection.tsx
-import React285, { useState as useState80 } from "react";
+import React286, { useState as useState80 } from "react";
 var ModalSelection = ({
   as = "button",
   currentlySelected = false,
@@ -44951,7 +45025,7 @@ var ModalSelection = ({
 }) => {
   const [isMouseOver, setIsMouseOver] = useState80(false);
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React285.createElement(
+  return /* @__PURE__ */ React286.createElement(
     Box,
     {
       display: "flex",
@@ -44959,7 +45033,7 @@ var ModalSelection = ({
       onMouseEnter: () => setIsMouseOver(true),
       onMouseLeave: () => setIsMouseOver(false)
     },
-    /* @__PURE__ */ React285.createElement(
+    /* @__PURE__ */ React286.createElement(
       Box,
       {
         as,
@@ -44983,7 +45057,7 @@ var ModalSelection = ({
         width: "full",
         ...urlProps
       },
-      /* @__PURE__ */ React285.createElement(
+      /* @__PURE__ */ React286.createElement(
         Box,
         {
           color: currentlySelected ? "accentColorForeground" : "primaryText",
@@ -44993,7 +45067,7 @@ var ModalSelection = ({
           fontWeight: "medium",
           transition: "default"
         },
-        /* @__PURE__ */ React285.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React285.createElement(
+        /* @__PURE__ */ React286.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React286.createElement(
           AsyncImage,
           {
             background: iconBackground,
@@ -45004,7 +45078,7 @@ var ModalSelection = ({
             src: iconUrl,
             width: "18"
           }
-        ), /* @__PURE__ */ React285.createElement(
+        ), /* @__PURE__ */ React286.createElement(
           Box,
           {
             display: "flex",
@@ -45012,8 +45086,8 @@ var ModalSelection = ({
             style: { flex: 1 },
             alignItems: "center"
           },
-          /* @__PURE__ */ React285.createElement(Box, { maxWidth: "200" }, name),
-          recent && /* @__PURE__ */ React285.createElement(
+          /* @__PURE__ */ React286.createElement(Box, { maxWidth: "200" }, name),
+          recent && /* @__PURE__ */ React286.createElement(
             FunBadge,
             {
               borderRadius: "smallBadge",
@@ -45102,8 +45176,8 @@ function FunSignInStep({
     }
   };
   const makeWeb3LoginSection = () => {
-    return /* @__PURE__ */ React286.createElement(Box, { display: "flex", flexDirection: "column", gap: "walletConnectorListGap" }, wallets.map((wallet) => {
-      return /* @__PURE__ */ React286.createElement(
+    return /* @__PURE__ */ React287.createElement(Box, { display: "flex", flexDirection: "column", gap: "walletConnectorListGap" }, wallets.map((wallet) => {
+      return /* @__PURE__ */ React287.createElement(
         ModalSelection,
         {
           currentlySelected: wallet.id === selectedOptionId,
@@ -45120,14 +45194,14 @@ function FunSignInStep({
     }));
   };
   const Web3LoginSection = makeWeb3LoginSection();
-  return /* @__PURE__ */ React286.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, Web3LoginSection);
+  return /* @__PURE__ */ React287.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, Web3LoginSection);
 }
 
 // src/components/FunConnectOptions/FunWeb3ConnectingStep.tsx
-import React288 from "react";
+import React289 from "react";
 
 // src/components/GradientLoader/GradientLoader.tsx
-import React287 from "react";
+import React288 from "react";
 
 // src/components/GradientLoader/GradientLoader.css.ts
 var loader = "m17uwo1";
@@ -45137,7 +45211,7 @@ var GradientLoader = ({
   height = "100",
   width = "100"
 }) => {
-  return /* @__PURE__ */ React287.createElement(
+  return /* @__PURE__ */ React288.createElement(
     Box,
     {
       className: loader,
@@ -45158,7 +45232,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
   }
   const { iconBackground, iconUrl, name, qrCode, ready } = selectedWallet;
   const hasQrCode = qrCode && qrCodeUri;
-  const waitingMessage = /* @__PURE__ */ React288.createElement(
+  const waitingMessage = /* @__PURE__ */ React289.createElement(
     FunMessage,
     {
       title: `Waiting for ${hasQrCode ? "connection" : name}`,
@@ -45166,7 +45240,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       id: "link-text"
     }
   );
-  return /* @__PURE__ */ React288.createElement(Box, { display: "flex", flexDirection: "column", gap: "24", paddingBottom: "12" }, hasQrCode ? /* @__PURE__ */ React288.createElement(
+  return /* @__PURE__ */ React289.createElement(Box, { display: "flex", flexDirection: "column", gap: "24", paddingBottom: "12" }, hasQrCode ? /* @__PURE__ */ React289.createElement(
     Box,
     {
       alignItems: "center",
@@ -45176,7 +45250,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       gap: "12",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React288.createElement(
+    /* @__PURE__ */ React289.createElement(
       QRCode,
       {
         logoBackground: iconBackground,
@@ -45187,7 +45261,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       }
     ),
     waitingMessage
-  ) : /* @__PURE__ */ React288.createElement(
+  ) : /* @__PURE__ */ React289.createElement(
     Box,
     {
       alignItems: "center",
@@ -45196,7 +45270,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       flexDirection: "column",
       gap: "12"
     },
-    ready && /* @__PURE__ */ React288.createElement(React288.Fragment, null, /* @__PURE__ */ React288.createElement(Box, { id: "link-graphics", padding: "30", position: "relative" }, /* @__PURE__ */ React288.createElement(Box, { position: "absolute", style: { top: 0, left: 0 } }, /* @__PURE__ */ React288.createElement(GradientLoader, null)), /* @__PURE__ */ React288.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React288.createElement(
+    ready && /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Box, { id: "link-graphics", padding: "30", position: "relative" }, /* @__PURE__ */ React289.createElement(Box, { position: "absolute", style: { top: 0, left: 0 } }, /* @__PURE__ */ React289.createElement(GradientLoader, null)), /* @__PURE__ */ React289.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React289.createElement(
       AsyncImage,
       {
         background: iconBackground,
@@ -45296,7 +45370,7 @@ function FunConnectOptions({
   const stepComponent = useMemo63(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
-        return /* @__PURE__ */ React289.createElement(
+        return /* @__PURE__ */ React290.createElement(
           FunSignInStep,
           {
             signInStep: step,
@@ -45308,7 +45382,7 @@ function FunConnectOptions({
           }
         );
       case 1 /* PENDING_WALLET */:
-        return /* @__PURE__ */ React289.createElement(
+        return /* @__PURE__ */ React290.createElement(
           FunWeb3ConnectingStep,
           {
             selectedWallet,
@@ -45316,7 +45390,7 @@ function FunConnectOptions({
           }
         );
       case 2 /* ERROR_WEB3 */:
-        return /* @__PURE__ */ React289.createElement(
+        return /* @__PURE__ */ React290.createElement(
           FunConnectResultStep,
           {
             onClose,
@@ -45327,7 +45401,7 @@ function FunConnectOptions({
         );
     }
   }, [connectToWallet, navigateTo, onClose, qrCodeUri, selectedWallet, step]);
-  return /* @__PURE__ */ React289.createElement(React289.Fragment, null, /* @__PURE__ */ React289.createElement(Dialog.Title, { onClose, ...navigationConfig[step] }), /* @__PURE__ */ React289.createElement(
+  return /* @__PURE__ */ React290.createElement(React290.Fragment, null, /* @__PURE__ */ React290.createElement(Dialog.Title, { onClose, ...navigationConfig[step] }), /* @__PURE__ */ React290.createElement(
     Dialog.Content,
     {
       display: "flex",
@@ -45339,7 +45413,7 @@ function FunConnectOptions({
       withBottomDivider: actionConfig[step] ? "always" : "never"
     },
     stepComponent
-  ), /* @__PURE__ */ React289.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.connectwallet }, actionConfig[step] && /* @__PURE__ */ React289.createElement(Dialog.BottomBar, { ...actionConfig[step] })));
+  ), /* @__PURE__ */ React290.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.connectwallet }, actionConfig[step] && /* @__PURE__ */ React290.createElement(Dialog.BottomBar, { ...actionConfig[step] })));
 }
 
 // src/hooks/useIsCheckoutComplete.ts
@@ -45359,7 +45433,7 @@ function useIsCheckoutComplete(depositAddress) {
 }
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
-import React290 from "react";
+import React291 from "react";
 import { Trans as Trans19 } from "react-i18next";
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.css.ts
@@ -45373,35 +45447,35 @@ var FunCheckoutBlocked = ({ reason }) => {
   }
   const blockedReasonToDescription = {
     fullGeoblock: t("funCheckoutBlocked.geoblock", { orgName: FUN_ORG_NAME }),
-    security: /* @__PURE__ */ React290.createElement(
+    security: /* @__PURE__ */ React291.createElement(
       Trans19,
       {
         t,
         i18nKey: "funCheckoutBlocked.security",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React290.createElement(ContactSupportLink, { size: "10" })
+          ContactSupportLink: /* @__PURE__ */ React291.createElement(ContactSupportLink, { size: "10" })
         },
         values: {
           orgName: FUN_ORG_NAME
         }
       }
     ),
-    unloggedin: /* @__PURE__ */ React290.createElement(
+    unloggedin: /* @__PURE__ */ React291.createElement(
       Trans19,
       {
         t,
         i18nKey: "funCheckoutBlocked.unloggedin",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React290.createElement(ContactSupportLink, { size: "10" })
+          ContactSupportLink: /* @__PURE__ */ React291.createElement(ContactSupportLink, { size: "10" })
         }
       }
     )
   };
   const description = blockedReasonToDescription[reason];
-  return /* @__PURE__ */ React290.createElement(Box, { className: funCheckoutBlockedStyle }, /* @__PURE__ */ React290.createElement(
+  return /* @__PURE__ */ React291.createElement(Box, { className: funCheckoutBlockedStyle }, /* @__PURE__ */ React291.createElement(
     FunAlert,
     {
-      icon: /* @__PURE__ */ React290.createElement(FunInfoIcon, null),
+      icon: /* @__PURE__ */ React291.createElement(FunInfoIcon, null),
       description,
       verticalAlignment: "top"
     }
@@ -45429,7 +45503,7 @@ function CheckoutModalPrefetchedHooks() {
 }
 
 // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
-import React291, { useEffect as useEffect74, useState as useState83 } from "react";
+import React292, { useEffect as useEffect74, useState as useState83 } from "react";
 var SwappedIframe = () => {
   const { iframeUrl, isSwappedReady, isActive, setIframeRef } = useSwappedContext();
   const [visible, setVisible] = useState83(false);
@@ -45444,7 +45518,7 @@ var SwappedIframe = () => {
   if (!iframeUrl) {
     return null;
   }
-  return /* @__PURE__ */ React291.createElement(
+  return /* @__PURE__ */ React292.createElement(
     Box,
     {
       background: "modalBackground",
@@ -45463,7 +45537,7 @@ var SwappedIframe = () => {
       },
       "aria-hidden": !shouldShow
     },
-    /* @__PURE__ */ React291.createElement(
+    /* @__PURE__ */ React292.createElement(
       "iframe",
       {
         ref: setIframeRef,
@@ -45486,20 +45560,20 @@ var SwappedIframe = () => {
     )
   );
 };
-var SwappedIframe_default = React291.memo(SwappedIframe);
+var SwappedIframe_default = React292.memo(SwappedIframe);
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx26 from "clsx";
-import React297, { useCallback as useCallback54, useEffect as useEffect78, useMemo as useMemo64, useState as useState85 } from "react";
+import React298, { useCallback as useCallback54, useEffect as useEffect78, useMemo as useMemo64, useState as useState85 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
-import React292 from "react";
+import React293 from "react";
 var FunNotificationShowMoreButton = ({
   numberOfNotifications,
   isExpanded,
   onClick
 }) => {
-  const buttonTitleCompoent = /* @__PURE__ */ React292.createElement(Box, { display: "flex", gap: "4", alignItems: "center" }, /* @__PURE__ */ React292.createElement(Text, { size: "13" }, isExpanded ? "Show less" : `${numberOfNotifications} more`), /* @__PURE__ */ React292.createElement(
+  const buttonTitleCompoent = /* @__PURE__ */ React293.createElement(Box, { display: "flex", gap: "4", alignItems: "center" }, /* @__PURE__ */ React293.createElement(Text, { size: "13" }, isExpanded ? "Show less" : `${numberOfNotifications} more`), /* @__PURE__ */ React293.createElement(
     Box,
     {
       width: "16",
@@ -45508,7 +45582,7 @@ var FunNotificationShowMoreButton = ({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React292.createElement(
+    /* @__PURE__ */ React293.createElement(
       Box,
       {
         color: "secondaryText",
@@ -45519,10 +45593,10 @@ var FunNotificationShowMoreButton = ({
         justifyContent: "center",
         style: isExpanded ? { transform: "rotate(180deg)" } : void 0
       },
-      /* @__PURE__ */ React292.createElement(CaretDownIcon, null)
+      /* @__PURE__ */ React293.createElement(CaretDownIcon, null)
     )
   ));
-  return /* @__PURE__ */ React292.createElement(
+  return /* @__PURE__ */ React293.createElement(
     FunButton,
     {
       type: "tertiary",
@@ -45604,12 +45678,12 @@ var getUniqueId = (item) => {
 };
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotification.tsx
-import React295 from "react";
+import React296 from "react";
 import { Trans as Trans20 } from "react-i18next";
 
 // src/components/FunNotificationBanner/FunNotificationBanner.tsx
 import { AnimatePresence as AnimatePresence6, motion as motion19 } from "motion/react";
-import React294, { useEffect as useEffect77, useRef as useRef39, useState as useState84 } from "react";
+import React295, { useEffect as useEffect77, useRef as useRef39, useState as useState84 } from "react";
 import clsx25 from "clsx";
 
 // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
@@ -45619,7 +45693,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f1r4 _1rsrm2f1i _1rsrm2f1f _1rsrm2f11
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx24 from "clsx";
 import { motion as motion18, useAnimate as useAnimate3 } from "motion/react";
-import React293, { useCallback as useCallback53, useEffect as useEffect76, useRef as useRef38 } from "react";
+import React294, { useCallback as useCallback53, useEffect as useEffect76, useRef as useRef38 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -45632,7 +45706,7 @@ var statusSpinner = "_1i8t3xj4 qe221a3";
 function generateAnimationPrefixClassName(className) {
   return `framer-fnb-${className}`;
 }
-var successIcon = /* @__PURE__ */ React293.createElement(
+var successIcon = /* @__PURE__ */ React294.createElement(
   motion18.svg,
   {
     width: "16",
@@ -45641,8 +45715,8 @@ var successIcon = /* @__PURE__ */ React293.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React293.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
-  /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
+  /* @__PURE__ */ React294.createElement(
     motion18.path,
     {
       d: "M5 8L7 10L11.5 5.5",
@@ -45652,7 +45726,7 @@ var successIcon = /* @__PURE__ */ React293.createElement(
     }
   )
 );
-var errorIcon = /* @__PURE__ */ React293.createElement(
+var errorIcon = /* @__PURE__ */ React294.createElement(
   "svg",
   {
     width: "16",
@@ -45661,8 +45735,8 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React293.createElement("g", { filter: "url(#filter0_i_19769_7642)" }, /* @__PURE__ */ React293.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#F34126" })),
-  /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement("g", { filter: "url(#filter0_i_19769_7642)" }, /* @__PURE__ */ React294.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#F34126" })),
+  /* @__PURE__ */ React294.createElement(
     "path",
     {
       d: "M5 5L11 11",
@@ -45671,7 +45745,7 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement(
     "path",
     {
       d: "M5 11L11 5",
@@ -45680,7 +45754,7 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React293.createElement("defs", null, /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement("defs", null, /* @__PURE__ */ React294.createElement(
     "filter",
     {
       id: "filter0_i_19769_7642",
@@ -45691,8 +45765,8 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React293.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React294.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -45701,7 +45775,7 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -45710,16 +45784,16 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React293.createElement("feOffset", { dy: "-1" }),
-    /* @__PURE__ */ React293.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement("feOffset", { dy: "-1" }),
+    /* @__PURE__ */ React294.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React294.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__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -45729,7 +45803,7 @@ var errorIcon = /* @__PURE__ */ React293.createElement(
     )
   ))
 );
-var pendingIcon = /* @__PURE__ */ React293.createElement(
+var pendingIcon = /* @__PURE__ */ React294.createElement(
   motion18.svg,
   {
     width: "16",
@@ -45738,8 +45812,8 @@ var pendingIcon = /* @__PURE__ */ React293.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React293.createElement("g", { filter: "url(#filter0_i_19866_15799)" }, /* @__PURE__ */ React293.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#8C8C8C" })),
-  /* @__PURE__ */ React293.createElement("g", { clipPath: "url(#clip0_19866_15799)" }, /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement("g", { filter: "url(#filter0_i_19866_15799)" }, /* @__PURE__ */ React294.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#8C8C8C" })),
+  /* @__PURE__ */ React294.createElement("g", { clipPath: "url(#clip0_19866_15799)" }, /* @__PURE__ */ React294.createElement(
     motion18.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",
@@ -45749,7 +45823,7 @@ var pendingIcon = /* @__PURE__ */ React293.createElement(
       strokeLinejoin: "round"
     }
   )),
-  /* @__PURE__ */ React293.createElement("defs", null, /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement("defs", null, /* @__PURE__ */ React294.createElement(
     "filter",
     {
       id: "filter0_i_19866_15799",
@@ -45760,8 +45834,8 @@ var pendingIcon = /* @__PURE__ */ React293.createElement(
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React293.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React294.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -45770,7 +45844,7 @@ var pendingIcon = /* @__PURE__ */ React293.createElement(
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -45779,16 +45853,16 @@ var pendingIcon = /* @__PURE__ */ React293.createElement(
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React293.createElement("feOffset", { dy: "-1" }),
-    /* @__PURE__ */ React293.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement("feOffset", { dy: "-1" }),
+    /* @__PURE__ */ React294.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React294.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__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -45796,9 +45870,9 @@ var pendingIcon = /* @__PURE__ */ React293.createElement(
         result: "effect1_innerShadow_19866_15799"
       }
     )
-  ), /* @__PURE__ */ React293.createElement("clipPath", { id: "clip0_19866_15799" }, /* @__PURE__ */ React293.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(2 2)" })))
+  ), /* @__PURE__ */ React294.createElement("clipPath", { id: "clip0_19866_15799" }, /* @__PURE__ */ React294.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(2 2)" })))
 );
-var downloadIcon = /* @__PURE__ */ React293.createElement(
+var downloadIcon = /* @__PURE__ */ React294.createElement(
   motion18.svg,
   {
     width: "16",
@@ -45807,8 +45881,8 @@ var downloadIcon = /* @__PURE__ */ React293.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React293.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
-  /* @__PURE__ */ React293.createElement(
+  /* @__PURE__ */ React294.createElement("circle", { cx: "8", cy: "8", r: "8", fill: "#66CC00" }),
+  /* @__PURE__ */ React294.createElement(
     motion18.path,
     {
       d: "M8 4C8 6.14788 8 11.5 8 11.5M8 11.5L11 8.5M8 11.5L5 8.5",
@@ -45819,7 +45893,7 @@ var downloadIcon = /* @__PURE__ */ React293.createElement(
   )
 );
 var SpinnerBase = ({ variant }) => {
-  return /* @__PURE__ */ React293.createElement(motion18.div, null, /* @__PURE__ */ React293.createElement(
+  return /* @__PURE__ */ React294.createElement(motion18.div, null, /* @__PURE__ */ React294.createElement(
     Box,
     {
       className: clsx24(
@@ -45828,7 +45902,7 @@ var SpinnerBase = ({ variant }) => {
       ),
       color: variant === "processing" ? "success" : "inputBorderHover"
     },
-    /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement(
       "svg",
       {
         width: "24",
@@ -45837,7 +45911,7 @@ var SpinnerBase = ({ variant }) => {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg"
       },
-      /* @__PURE__ */ React293.createElement(
+      /* @__PURE__ */ React294.createElement(
         "circle",
         {
           opacity: "0.5",
@@ -45853,8 +45927,8 @@ var SpinnerBase = ({ variant }) => {
     )
   ));
 };
-var ProcessingSpinner = () => /* @__PURE__ */ React293.createElement(SpinnerBase, { variant: "processing" });
-var DelayedSpinner = () => /* @__PURE__ */ React293.createElement(SpinnerBase, { variant: "delayed" });
+var ProcessingSpinner = () => /* @__PURE__ */ React294.createElement(SpinnerBase, { variant: "processing" });
+var DelayedSpinner = () => /* @__PURE__ */ React294.createElement(SpinnerBase, { variant: "delayed" });
 var statusIconMap = {
   processing: downloadIcon,
   delayed: downloadIcon,
@@ -46085,7 +46159,7 @@ var FunNotificationBannerIcon = ({
     triggerAnimationDelayedToFailed,
     triggerAnimationProcessingToCompleted
   ]);
-  return /* @__PURE__ */ React293.createElement(Box, { width: "32", height: "32", position: "relative", ref: animationScope }, statusRef.current === "processing" && /* @__PURE__ */ React293.createElement(ProcessingSpinner, null), statusRef.current === "delayed" && /* @__PURE__ */ React293.createElement(DelayedSpinner, null), /* @__PURE__ */ React293.createElement(Box, { className: shadowStyle }, /* @__PURE__ */ React293.createElement(
+  return /* @__PURE__ */ React294.createElement(Box, { width: "32", height: "32", position: "relative", ref: animationScope }, statusRef.current === "processing" && /* @__PURE__ */ React294.createElement(ProcessingSpinner, null), statusRef.current === "delayed" && /* @__PURE__ */ React294.createElement(DelayedSpinner, null), /* @__PURE__ */ React294.createElement(Box, { className: shadowStyle }, /* @__PURE__ */ React294.createElement(
     AsyncImage,
     {
       alt: "",
@@ -46095,7 +46169,7 @@ var FunNotificationBannerIcon = ({
       src: iconUrl ?? void 0,
       fallbackSrc: fallbackIconUrl
     }
-  )), statusRef.current && /* @__PURE__ */ React293.createElement(
+  )), statusRef.current && /* @__PURE__ */ React294.createElement(
     Box,
     {
       className: clsx24(
@@ -46105,7 +46179,7 @@ var FunNotificationBannerIcon = ({
       width: "20",
       height: "20"
     },
-    /* @__PURE__ */ React293.createElement(Box, { className: clsx24(statusIcon) }, Object.entries(statusIconMap).map(([key, value]) => /* @__PURE__ */ React293.createElement(
+    /* @__PURE__ */ React294.createElement(Box, { className: clsx24(statusIcon) }, Object.entries(statusIconMap).map(([key, value]) => /* @__PURE__ */ React294.createElement(
       "div",
       {
         key,
@@ -46137,7 +46211,7 @@ var STATUS_RANK = {
   failed: 3,
   expired: 4
 };
-var closeIcon = /* @__PURE__ */ React294.createElement(
+var closeIcon = /* @__PURE__ */ React295.createElement(
   "svg",
   {
     width: "16",
@@ -46146,7 +46220,7 @@ var closeIcon = /* @__PURE__ */ React294.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React294.createElement(
+  /* @__PURE__ */ React295.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",
@@ -46177,7 +46251,7 @@ var FunNotificationBanner = ({
     setIsOpen(false);
     onClosed?.();
   };
-  return /* @__PURE__ */ React294.createElement(AnimatePresence6, null, isOpen ? /* @__PURE__ */ React294.createElement(
+  return /* @__PURE__ */ React295.createElement(AnimatePresence6, null, isOpen ? /* @__PURE__ */ React295.createElement(
     motion19.div,
     {
       initial: {
@@ -46206,7 +46280,7 @@ var FunNotificationBanner = ({
         }
       }
     },
-    /* @__PURE__ */ React294.createElement(Box, { className: clsx25(notificationBannerStyle) }, /* @__PURE__ */ React294.createElement(
+    /* @__PURE__ */ React295.createElement(Box, { className: clsx25(notificationBannerStyle) }, /* @__PURE__ */ React295.createElement(
       FunIconButton,
       {
         borderRadius: "full",
@@ -46220,28 +46294,28 @@ var FunNotificationBanner = ({
           right: "4px"
         }
       }
-    ), /* @__PURE__ */ React294.createElement(Box, { padding: "16", display: "flex", gap: "16" }, /* @__PURE__ */ React294.createElement(
+    ), /* @__PURE__ */ React295.createElement(Box, { padding: "16", display: "flex", gap: "16" }, /* @__PURE__ */ React295.createElement(
       FunNotificationBannerIcon,
       {
         iconUrl,
         status,
         fallbackIconUrl
       }
-    ), /* @__PURE__ */ React294.createElement(
+    ), /* @__PURE__ */ React295.createElement(
       Box,
       {
         display: "flex",
         flexDirection: "column",
         style: { flex: 1, minWidth: 0 }
       },
-      /* @__PURE__ */ React294.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, /* @__PURE__ */ React294.createElement(
+      /* @__PURE__ */ React295.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, /* @__PURE__ */ React295.createElement(
         Box,
         {
           display: "flex",
           flexDirection: "column",
           style: { flexGrow: 1 }
         },
-        /* @__PURE__ */ React294.createElement(
+        /* @__PURE__ */ React295.createElement(
           AnimatedText,
           {
             textKey: title,
@@ -46257,7 +46331,7 @@ var FunNotificationBanner = ({
           },
           title
         )
-      ), /* @__PURE__ */ React294.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React294.createElement(
+      ), /* @__PURE__ */ React295.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React295.createElement(
         AnimatedText,
         {
           textKey: title,
@@ -46271,7 +46345,7 @@ var FunNotificationBanner = ({
         },
         description
       ))),
-      disclaimer && /* @__PURE__ */ React294.createElement(
+      disclaimer && /* @__PURE__ */ React295.createElement(
         Box,
         {
           marginTop: "12",
@@ -46282,9 +46356,9 @@ var FunNotificationBanner = ({
           borderRadius: "8",
           borderColor: "mediumStroke"
         },
-        /* @__PURE__ */ React294.createElement(Text, { color: "secondaryText", size: "12" }, disclaimer)
+        /* @__PURE__ */ React295.createElement(Text, { color: "secondaryText", size: "12" }, disclaimer)
       ),
-      /* @__PURE__ */ React294.createElement(AnimatePresence6, null, showMore && /* @__PURE__ */ React294.createElement(
+      /* @__PURE__ */ React295.createElement(AnimatePresence6, null, showMore && /* @__PURE__ */ React295.createElement(
         motion19.div,
         {
           initial: {
@@ -46321,7 +46395,7 @@ var FunNotificationBanner = ({
             }
           }
         },
-        /* @__PURE__ */ React294.createElement(
+        /* @__PURE__ */ React295.createElement(
           Box,
           {
             marginTop: "12"
@@ -46329,7 +46403,7 @@ var FunNotificationBanner = ({
           children
         )
       ))
-    )), children && /* @__PURE__ */ React294.createElement(
+    )), children && /* @__PURE__ */ React295.createElement(
       "button",
       {
         type: "button",
@@ -46341,13 +46415,13 @@ var FunNotificationBanner = ({
         },
         className: showMoreButtonStyle
       },
-      /* @__PURE__ */ React294.createElement(
+      /* @__PURE__ */ React295.createElement(
         Text,
         {
           size: "12",
           color: { base: "secondaryText", hover: "primaryText" }
         },
-        /* @__PURE__ */ React294.createElement(Box, { paddingY: "8", textAlign: "center" }, showMore ? "See less" : "See more")
+        /* @__PURE__ */ React295.createElement(Box, { paddingY: "8", textAlign: "center" }, showMore ? "See less" : "See more")
       )
     ))
   ) : null);
@@ -46406,7 +46480,7 @@ var CheckoutNotification = ({
     return null;
   }
   const normalizedTicker = initSettings.config.targetAssetTicker?.toUpperCase();
-  return /* @__PURE__ */ React295.createElement(
+  return /* @__PURE__ */ React296.createElement(
     FunNotificationBanner,
     {
       description: parseDescription(checkout, t),
@@ -46420,7 +46494,7 @@ var CheckoutNotification = ({
       },
       onShowMore: trackShowMore
     },
-    /* @__PURE__ */ React295.createElement(
+    /* @__PURE__ */ React296.createElement(
       Box,
       {
         paddingY: "8",
@@ -46431,7 +46505,7 @@ var CheckoutNotification = ({
         borderWidth: "1",
         borderStyle: "solid"
       },
-      /* @__PURE__ */ React295.createElement(OrderDetailSection, { checkoutHistoryItem: checkout })
+      /* @__PURE__ */ React296.createElement(OrderDetailSection, { checkoutHistoryItem: checkout })
     )
   );
 };
@@ -46466,25 +46540,25 @@ var parseDescription = (checkout, t) => {
     return t("transaction.depositHasBeenCredited");
   }
   if (checkout.refundState === "REFUNDED" || checkout.refundState === "ERROR") {
-    return /* @__PURE__ */ React295.createElement(
+    return /* @__PURE__ */ React296.createElement(
       Trans20,
       {
         t,
         i18nKey: "transaction.depositDidntCompleteError",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React295.createElement(ContactSupportLink, null)
+          ContactSupportLink: /* @__PURE__ */ React296.createElement(ContactSupportLink, null)
         }
       }
     );
   }
   if (isError || checkout.refundState) {
-    return /* @__PURE__ */ React295.createElement(
+    return /* @__PURE__ */ React296.createElement(
       Trans20,
       {
         t,
         i18nKey: "transaction.depositDidntCompleteFundsSafe",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React295.createElement(ContactSupportLink, null)
+          ContactSupportLink: /* @__PURE__ */ React296.createElement(ContactSupportLink, null)
         }
       }
     );
@@ -46493,7 +46567,7 @@ var parseDescription = (checkout, t) => {
 };
 var parseDisclaimer = (checkout, onHelp, t) => {
   const { isError } = getCheckoutStateBooleans(checkout.state);
-  const contactLink = /* @__PURE__ */ React295.createElement(
+  const contactLink = /* @__PURE__ */ React296.createElement(
     FunLinkButton,
     {
       text: t("transaction.contactUs"),
@@ -46504,7 +46578,7 @@ var parseDisclaimer = (checkout, onHelp, t) => {
     }
   );
   if (isError) {
-    return /* @__PURE__ */ React295.createElement(
+    return /* @__PURE__ */ React296.createElement(
       Trans20,
       {
         i18nKey: "transaction.depositBeingProcessedFull",
@@ -46518,7 +46592,7 @@ var parseDisclaimer = (checkout, onHelp, t) => {
     return t("checkout.orderRefunded");
   }
   if (checkout.refundState === "PROCEEDED" || isDelayed(checkout)) {
-    return /* @__PURE__ */ React295.createElement(
+    return /* @__PURE__ */ React296.createElement(
       Trans20,
       {
         i18nKey: "transaction.transactionDelayedFundsSafeFull",
@@ -46531,7 +46605,7 @@ var parseDisclaimer = (checkout, onHelp, t) => {
 };
 
 // src/modals/CheckoutModal/TransferToken/DirectExecutionNotification.tsx
-import React296 from "react";
+import React297 from "react";
 import { Trans as Trans21 } from "react-i18next";
 var mapDirectExecutionStateToNotificationStatus = (isProcessing, isDelayed2, isRefunded, isCompleted, isFailed) => {
   if (isProcessing) {
@@ -46615,13 +46689,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__ */ React296.createElement(
+    expired: /* @__PURE__ */ React297.createElement(
       Trans21,
       {
         t,
         i18nKey: "transaction.depositRefundedOrReprocessed",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React296.createElement(ContactSupportLink, null)
+          ContactSupportLink: /* @__PURE__ */ React297.createElement(ContactSupportLink, null)
         }
       }
     ),
@@ -46640,7 +46714,7 @@ var DirectExecutionNotification = ({
     status: notificationStatus
   });
   const normalizedTicker = initSettings.config.targetAssetTicker?.toUpperCase();
-  return /* @__PURE__ */ React296.createElement(
+  return /* @__PURE__ */ React297.createElement(
     FunNotificationBanner,
     {
       title: getNotificationContent(
@@ -46668,7 +46742,7 @@ var DirectExecutionNotification = ({
       },
       onShowMore: trackShowMore
     },
-    /* @__PURE__ */ React296.createElement(
+    /* @__PURE__ */ React297.createElement(
       Box,
       {
         paddingY: "8",
@@ -46679,12 +46753,12 @@ var DirectExecutionNotification = ({
         borderWidth: "1",
         borderStyle: "solid"
       },
-      /* @__PURE__ */ React296.createElement(DirectExecutionOrderDetailSection, { directExecution })
+      /* @__PURE__ */ React297.createElement(DirectExecutionOrderDetailSection, { directExecution })
     )
   );
 };
 var parseDisclaimer2 = (t, isRefunded, isDelayed2, isFailed, onHelp) => {
-  const contactLink = /* @__PURE__ */ React296.createElement(
+  const contactLink = /* @__PURE__ */ React297.createElement(
     FunLinkButton,
     {
       text: t("transaction.contactUs"),
@@ -46695,7 +46769,7 @@ var parseDisclaimer2 = (t, isRefunded, isDelayed2, isFailed, onHelp) => {
     }
   );
   if (isFailed || isRefunded) {
-    return /* @__PURE__ */ React296.createElement(
+    return /* @__PURE__ */ React297.createElement(
       Trans21,
       {
         i18nKey: "transaction.depositDidntCompleteFull",
@@ -46706,7 +46780,7 @@ var parseDisclaimer2 = (t, isRefunded, isDelayed2, isFailed, onHelp) => {
     );
   }
   if (isDelayed2) {
-    return /* @__PURE__ */ React296.createElement(
+    return /* @__PURE__ */ React297.createElement(
       Trans21,
       {
         i18nKey: "transaction.depositDelayedFundsSafeFull",
@@ -46794,7 +46868,7 @@ var CheckoutNotifications = ({
   if (!isVisible) {
     return null;
   }
-  return /* @__PURE__ */ React297.createElement(
+  return /* @__PURE__ */ React298.createElement(
     Box,
     {
       position: "absolute",
@@ -46802,9 +46876,9 @@ var CheckoutNotifications = ({
       maxHeight: "full",
       style: { bottom: 0, left: 0, right: 0, zIndex: OVERLAY_Z_INDEX }
     },
-    /* @__PURE__ */ React297.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", padding: "8" }, displayedNotifications.map((item) => {
+    /* @__PURE__ */ React298.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", padding: "8" }, displayedNotifications.map((item) => {
       if (item.isDirectExecution) {
-        return /* @__PURE__ */ React297.createElement(
+        return /* @__PURE__ */ React298.createElement(
           DirectExecutionNotification,
           {
             key: getDirectExecutionNotificationKey(item),
@@ -46814,7 +46888,7 @@ var CheckoutNotifications = ({
           }
         );
       }
-      return /* @__PURE__ */ React297.createElement(
+      return /* @__PURE__ */ React298.createElement(
         CheckoutNotification,
         {
           key: item.depositAddr,
@@ -46823,7 +46897,7 @@ var CheckoutNotifications = ({
           onHelp
         }
       );
-    }), combinedNotifications.length > COLLAPSED_COUNT && /* @__PURE__ */ React297.createElement(
+    }), combinedNotifications.length > COLLAPSED_COUNT && /* @__PURE__ */ React298.createElement(
       FunNotificationShowMoreButton,
       {
         isExpanded,
@@ -46929,7 +47003,7 @@ function useCheckoutModalQueryPreload() {
 function FunCheckoutModalStepComponent(props) {
   useCheckoutModalQueryPreload();
   const { Component: Component2 } = CheckoutModalSteps[props.modalState.step];
-  return /* @__PURE__ */ React298.createElement(Component2, { ...props });
+  return /* @__PURE__ */ React299.createElement(Component2, { ...props });
 }
 function getSwappedExtraPaddingExcludedSteps(startingStep) {
   const steps = ["source_change" /* SOURCE_CHANGE */];
@@ -47036,7 +47110,7 @@ function FunCheckoutModalInner({
     isActiveCheckout: true,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
     paddingTop: 0,
-    topbar: /* @__PURE__ */ React298.createElement(
+    topbar: /* @__PURE__ */ React299.createElement(
       Dialog.Title,
       {
         hasBackButton: hasBack && !showBlockedUI,
@@ -47056,7 +47130,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__ */ React298.createElement(
+  return /* @__PURE__ */ React299.createElement(
     Dialog,
     {
       open,
@@ -47069,13 +47143,13 @@ function FunCheckoutModalInner({
       isFanaticsBottomSheet: isFanatics,
       backgroundOverlay: successScreenBackgroundOverlay
     },
-    /* @__PURE__ */ React298.createElement(SwappedProvider, null, /* @__PURE__ */ React298.createElement(CheckoutModalPrefetchedHooks, null), /* @__PURE__ */ React298.createElement(TooltipAnchorRefContext.Provider, { value: tooltipAnchorRef }, /* @__PURE__ */ React298.createElement(
+    /* @__PURE__ */ React299.createElement(SwappedProvider, null, /* @__PURE__ */ React299.createElement(CheckoutModalPrefetchedHooks, null), /* @__PURE__ */ React299.createElement(TooltipAnchorRefContext.Provider, { value: tooltipAnchorRef }, /* @__PURE__ */ React299.createElement(
       FunCheckoutModalHeightAnimationWrapper,
       {
         checkoutConfig,
         checkoutStep: modalState.step
       },
-      modalState.showWalletOptions ? /* @__PURE__ */ React298.createElement(
+      modalState.showWalletOptions ? /* @__PURE__ */ React299.createElement(
         FunConnectOptions,
         {
           initialScreenOnBack: () => setModalState((state) => ({
@@ -47091,7 +47165,7 @@ function FunCheckoutModalInner({
           },
           walletsOnly: true
         }
-      ) : /* @__PURE__ */ React298.createElement(React298.Fragment, null, !hideTopbar && topbar, /* @__PURE__ */ React298.createElement(
+      ) : /* @__PURE__ */ React299.createElement(React299.Fragment, null, !hideTopbar && topbar, /* @__PURE__ */ React299.createElement(
         Dialog.Content,
         {
           fullHeight: showFullHeight || hideTopbar,
@@ -47105,17 +47179,17 @@ function FunCheckoutModalInner({
           extraContentTopPadding: !shouldSkipExtraContentTopPadding,
           withChildScrollArea: isSourceChangeLikeStep
         },
-        showBlockedUI ? /* @__PURE__ */ React298.createElement(FunCheckoutBlocked, { reason: blockedReason }) : /* @__PURE__ */ React298.createElement(FunCheckoutModalStepComponent, { ...modalProps }),
-        /* @__PURE__ */ React298.createElement("div", { ref: tooltipAnchorRef })
+        showBlockedUI ? /* @__PURE__ */ React299.createElement(FunCheckoutBlocked, { reason: blockedReason }) : /* @__PURE__ */ React299.createElement(FunCheckoutModalStepComponent, { ...modalProps }),
+        /* @__PURE__ */ React299.createElement("div", { ref: tooltipAnchorRef })
       )),
-      /* @__PURE__ */ React298.createElement(
+      /* @__PURE__ */ React299.createElement(
         Dialog.BottomSection,
         {
           id: MODAL_BOTTOM_BAR_IDS.checkout,
           display: modalState.showWalletOptions ? "none" : "block"
         }
       ),
-      !showBlockedUI && /* @__PURE__ */ React298.createElement(
+      !showBlockedUI && /* @__PURE__ */ React299.createElement(
         CheckoutNotifications,
         {
           onHelp: handleCheckoutHelp,
@@ -47123,7 +47197,7 @@ function FunCheckoutModalInner({
           variant: notificationVariant
         }
       )
-    ), /* @__PURE__ */ React298.createElement(SwappedIframe_default, null)))
+    ), /* @__PURE__ */ React299.createElement(SwappedIframe_default, null)))
   );
 }
 function FunCheckoutModal({
@@ -47135,7 +47209,7 @@ function FunCheckoutModal({
   if (!checkoutItem) {
     return null;
   }
-  return /* @__PURE__ */ React298.createElement(
+  return /* @__PURE__ */ React299.createElement(
     FunCheckoutModalInner,
     {
       checkoutItem,
@@ -47155,20 +47229,20 @@ var hideModalTitleMetaIfTrue = (checkoutConfig, hideModalMeta) => {
 };
 
 // src/modals/ConnectModal/ConnectModal.tsx
-import React299 from "react";
+import React300 from "react";
 var TITLE_ID2 = "rk-connect-modal-title";
 function ConnectModal({ onClose, open }) {
   const connectionStatus = useConnectionStatus();
   const { disconnect } = useFunkitDisconnect();
   const { isConnecting } = useAccount();
-  const onConnectModalCancel = React299.useCallback(() => {
+  const onConnectModalCancel = React300.useCallback(() => {
     if (isConnecting) {
       disconnect();
     }
     onClose();
   }, [onClose, disconnect, isConnecting]);
   if (connectionStatus === "disconnected" || connectionStatus === "loading") {
-    return /* @__PURE__ */ React299.createElement(
+    return /* @__PURE__ */ React300.createElement(
       Dialog,
       {
         onClose: onConnectModalCancel,
@@ -47176,7 +47250,7 @@ function ConnectModal({ onClose, open }) {
         titleId: TITLE_ID2,
         isSmartCloseable: true
       },
-      /* @__PURE__ */ React299.createElement(FunCheckoutModalHeightAnimationWrapper, null, /* @__PURE__ */ React299.createElement(FunConnectOptions, { onClose: onConnectModalCancel }))
+      /* @__PURE__ */ React300.createElement(FunCheckoutModalHeightAnimationWrapper, null, /* @__PURE__ */ React300.createElement(FunConnectOptions, { onClose: onConnectModalCancel }))
     );
   }
   return null;
@@ -47293,7 +47367,7 @@ function ModalProvider({ children }) {
       closeModals();
     }
   }, [isUnauthenticated]);
-  return /* @__PURE__ */ React300.createElement(
+  return /* @__PURE__ */ React301.createElement(
     ModalContext.Provider,
     {
       value: useMemo65(
@@ -47339,8 +47413,8 @@ function ModalProvider({ children }) {
       )
     },
     children,
-    /* @__PURE__ */ React300.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
-    /* @__PURE__ */ React300.createElement(
+    /* @__PURE__ */ React301.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
+    /* @__PURE__ */ React301.createElement(
       AccountModal,
       {
         onClose: closeAccountModal,
@@ -47348,8 +47422,8 @@ function ModalProvider({ children }) {
         defaultTab: accountModalTab
       }
     ),
-    /* @__PURE__ */ React300.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
-    /* @__PURE__ */ React300.createElement(
+    /* @__PURE__ */ React301.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
+    /* @__PURE__ */ React301.createElement(
       FunCheckoutModal,
       {
         onClose: closeFunCheckoutModal,
@@ -47358,7 +47432,7 @@ function ModalProvider({ children }) {
         key: softHiddenCheckoutId ?? funCheckoutModalId
       }
     ),
-    withdrawalModalConfig && /* @__PURE__ */ React300.createElement(
+    withdrawalModalConfig && /* @__PURE__ */ React301.createElement(
       WithdrawalModal,
       {
         onClose: closeWithdrawalModal,
@@ -48065,7 +48139,7 @@ function FunkitCheckoutProvider({ children }) {
     updateDynamicRoutingId,
     applyDynamicTargetAssetCandidate
   };
-  return /* @__PURE__ */ React301.createElement(FunkitCheckoutContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React302.createElement(FunkitCheckoutContext.Provider, { value: contextValue }, children);
 }
 function useCheckoutContext() {
   return useContext21(FunkitCheckoutContext);
@@ -48841,7 +48915,7 @@ function ConnectButtonRenderer({
   const { openChainModal } = useChainModal();
   const { openAccountModal } = useAccountModal();
   const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
-  return /* @__PURE__ */ React302.createElement(React302.Fragment, null, children({
+  return /* @__PURE__ */ React303.createElement(React303.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balanceData?.decimals,
@@ -48898,7 +48972,7 @@ function ChainSelectorButton({
   chain
 }) {
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React303.createElement(
+  return /* @__PURE__ */ React304.createElement(
     Box,
     {
       alignItems: "center",
@@ -48926,7 +49000,7 @@ function ChainSelectorButton({
       type: "button",
       ...connectButtonStyles
     },
-    unsupportedChain ? /* @__PURE__ */ React303.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, t("chainModal.wrongNetwork")) : /* @__PURE__ */ React303.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React303.createElement(
+    unsupportedChain ? /* @__PURE__ */ React304.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, t("chainModal.wrongNetwork")) : /* @__PURE__ */ React304.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React304.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -48936,7 +49010,7 @@ function ChainSelectorButton({
         height: "12",
         width: "12"
       },
-      /* @__PURE__ */ React303.createElement(
+      /* @__PURE__ */ React304.createElement(
         AsyncImage,
         {
           alt: chain.name ?? "Chain icon",
@@ -48947,7 +49021,7 @@ function ChainSelectorButton({
           src: chain.iconUrl
         }
       )
-    ) : null, /* @__PURE__ */ React303.createElement(
+    ) : null, /* @__PURE__ */ React304.createElement(
       Box,
       {
         display: mapResponsiveValue(chainStatus, (value) => {
@@ -48967,7 +49041,7 @@ function AccountButton({
   showBalance,
   accountStatus
 }) {
-  return /* @__PURE__ */ React303.createElement(
+  return /* @__PURE__ */ React304.createElement(
     Box,
     {
       alignItems: "center",
@@ -48987,7 +49061,7 @@ function AccountButton({
       gap: "16",
       ...connectButtonStyles
     },
-    account.displayBalance && /* @__PURE__ */ React303.createElement(
+    account.displayBalance && /* @__PURE__ */ React304.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -48997,7 +49071,7 @@ function AccountButton({
       },
       account.displayBalance
     ),
-    /* @__PURE__ */ React303.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React303.createElement(
+    /* @__PURE__ */ React304.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React304.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -49005,7 +49079,7 @@ function AccountButton({
           (value) => value === "full" || value === "avatar" ? "block" : "none"
         )
       },
-      /* @__PURE__ */ React303.createElement(
+      /* @__PURE__ */ React304.createElement(
         Avatar,
         {
           address: account.address,
@@ -49014,7 +49088,7 @@ function AccountButton({
           size: 12
         }
       )
-    ), /* @__PURE__ */ React303.createElement(
+    ), /* @__PURE__ */ React304.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -49047,7 +49121,7 @@ function ConnectButton({
       setReady(true);
     }
   }, [showBalance, setShowBalance, ready]);
-  return ready ? /* @__PURE__ */ React303.createElement(ConnectButtonRenderer, null, ({
+  return ready ? /* @__PURE__ */ React304.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -49057,7 +49131,7 @@ function ConnectButton({
   }) => {
     const ready2 = mounted && connectionStatus !== "loading";
     const unsupportedChain = chain?.unsupported ?? false;
-    return /* @__PURE__ */ React303.createElement(
+    return /* @__PURE__ */ React304.createElement(
       Box,
       {
         display: "flex",
@@ -49073,7 +49147,7 @@ function ConnectButton({
       },
       ready2 && account && connectionStatus === "connected" ? (
         // Logged in: Chain Button & Account Button
-        /* @__PURE__ */ React303.createElement(React303.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React303.createElement(
+        /* @__PURE__ */ React304.createElement(React304.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React304.createElement(
           ChainSelectorButton,
           {
             unsupportedChain,
@@ -49081,7 +49155,7 @@ function ConnectButton({
             openChainModal,
             chain
           }
-        ), !unsupportedChain && /* @__PURE__ */ React303.createElement(
+        ), !unsupportedChain && /* @__PURE__ */ React304.createElement(
           AccountButton,
           {
             openAccountModal,
@@ -49092,7 +49166,7 @@ function ConnectButton({
         ))
       ) : (
         // Not logged in: Connect Button
-        /* @__PURE__ */ React303.createElement(
+        /* @__PURE__ */ React304.createElement(
           Box,
           {
             as: "button",
@@ -49110,19 +49184,19 @@ function ConnectButton({
             type: "button",
             ...connectButtonStyles
           },
-          /* @__PURE__ */ React303.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
+          /* @__PURE__ */ React304.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
         )
       )
     );
-  }) : /* @__PURE__ */ React303.createElement(React303.Fragment, null);
+  }) : /* @__PURE__ */ React304.createElement(React304.Fragment, null);
 }
 ConnectButton.__defaultProps = defaultProps;
 ConnectButton.Custom = ConnectButtonRenderer;
 
 // src/components/Icons/FunkitPaymentsIconLine.tsx
-import React304 from "react";
+import React305 from "react";
 function MetaMaskPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React304.createElement(
+  return /* @__PURE__ */ React305.createElement(
     "svg",
     {
       width: size,
@@ -49131,7 +49205,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
@@ -49142,7 +49216,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
@@ -49153,7 +49227,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
@@ -49164,7 +49238,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
@@ -49175,7 +49249,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
@@ -49186,7 +49260,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
@@ -49197,7 +49271,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
@@ -49208,7 +49282,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
@@ -49219,7 +49293,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
@@ -49230,7 +49304,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
@@ -49241,7 +49315,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
@@ -49252,7 +49326,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
@@ -49263,7 +49337,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
@@ -49274,7 +49348,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
@@ -49285,7 +49359,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
@@ -49296,7 +49370,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
@@ -49307,7 +49381,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
@@ -49318,7 +49392,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
@@ -49329,7 +49403,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
@@ -49340,7 +49414,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
@@ -49351,7 +49425,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
@@ -49362,7 +49436,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
@@ -49373,7 +49447,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.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",
@@ -49384,7 +49458,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.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",
@@ -49395,7 +49469,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.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",
@@ -49406,7 +49480,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.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",
@@ -49417,7 +49491,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
@@ -49428,7 +49502,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement(
       "path",
       {
         d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
@@ -49439,7 +49513,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.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",
@@ -49453,14 +49527,14 @@ function MetaMaskPaymentIcon({ size = 16 }) {
   );
 }
 function MastercardPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React304.createElement(
+  return /* @__PURE__ */ React305.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       height: size,
       viewBox: "0 0 152.407 108"
     },
-    /* @__PURE__ */ React304.createElement("g", null, /* @__PURE__ */ React304.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React304.createElement("g", null, /* @__PURE__ */ React304.createElement(
+    /* @__PURE__ */ React305.createElement("g", null, /* @__PURE__ */ React305.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React305.createElement("g", null, /* @__PURE__ */ React305.createElement(
       "rect",
       {
         x: "60.4117",
@@ -49469,21 +49543,21 @@ function MastercardPaymentIcon({ size = 16 }) {
         height: "56.6064",
         fill: "#ff5f00"
       }
-    ), /* @__PURE__ */ React304.createElement(
+    ), /* @__PURE__ */ React305.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__ */ React304.createElement(
+    ), /* @__PURE__ */ React305.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__ */ React304.createElement(
+    ), /* @__PURE__ */ React305.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",
@@ -49497,7 +49571,7 @@ function FunkitPaymentsIconLine({
   size = 16,
   gap = "2"
 }) {
-  return /* @__PURE__ */ React304.createElement(
+  return /* @__PURE__ */ React305.createElement(
     Box,
     {
       display: "flex",
@@ -49506,9 +49580,9 @@ function FunkitPaymentsIconLine({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React304.createElement(MetaMaskPaymentIcon, { size }),
-    /* @__PURE__ */ React304.createElement(MastercardPaymentIcon, { size }),
-    /* @__PURE__ */ React304.createElement(CoinbaseIcon, { size })
+    /* @__PURE__ */ React305.createElement(MetaMaskPaymentIcon, { size }),
+    /* @__PURE__ */ React305.createElement(MastercardPaymentIcon, { size }),
+    /* @__PURE__ */ React305.createElement(CoinbaseIcon, { size })
   );
 }