@funkit/connect 5.5.9 → 5.5.11

package/dist/index.js

@@ -3608,8 +3608,12 @@ var flagConfig = {
               // greg
               "0x4a1457fa2845bAfE8D3909cA3C5ac6107be312Dd",
               // william PM
-              "0xfCB8B2d294eD7373B3B590dd7C0CBC430d41a9a0"
+              "0xfCB8B2d294eD7373B3B590dd7C0CBC430d41a9a0",
               // Arun from Meld
+              "0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2",
+              // felix
+              "0xbC805309dde14dFC14f91f7D4Cb9972Ecc915D39"
+              // Rana from Meld
             ]
           }
         ],
@@ -3620,7 +3624,7 @@ var flagConfig = {
           {
             key: "userId",
             type: "pctRollout",
-            pct: 5
+            pct: 15
           },
           {
             key: "apiKey",
@@ -3672,9 +3676,9 @@ var flagConfig = {
   [FlagKey.MinTokenTransferValue]: {
     type: "string",
     default_value: JSON.stringify({
-      CA: { mainnet: 80, nonMainnet: 15 },
-      AU: { mainnet: 90, nonMainnet: 20 },
-      DEFAULT: { mainnet: 50, nonMainnet: 10 }
+      CA: { mainnet: 80, nonMainnet: 3 },
+      AU: { mainnet: 90, nonMainnet: 3.5 },
+      DEFAULT: { mainnet: 50, nonMainnet: 2.5 }
     })
   }
 };
@@ -4110,6 +4114,7 @@ function useCheckoutDirectExecution() {
       const multiplier = 10 ** toTokenDecimals;
       return await getRelayQuote({
         actionParams,
+        clientId: clientData?.id ?? "",
         fromChainId,
         fromTokenAddress,
         logger,
@@ -4117,9 +4122,10 @@ function useCheckoutDirectExecution() {
         toChainId,
         toTokenAddress,
         toTokenAmountBaseUnit: BigInt(Math.floor(toTokenAmount * multiplier)),
-        tradeType: "EXACT_OUTPUT",
-        userAddress: address,
-        clientId: clientData?.id || ""
+        // When no contract action is required: expected_output
+        // When a contract action is required: exact_output
+        tradeType: actionParams?.length ? "EXACT_OUTPUT" : "EXPECTED_OUTPUT",
+        userAddress: address
       });
     },
     [address, clientData]
@@ -4238,6 +4244,8 @@ import { formatCurrencyAndStringify } from "@funkit/utils";
 
 // src/utils/consts.ts
 var MIN_CHECKOUT_AMOUNT_USD = 1;
+var MIN_MOONPAY_AMOUNT_USD = 35;
+var MAX_MOONPAY_AMOUNT_USD = 1e4;
 var LOW_BALANCE = "Low Balance";
 var CONTACT_US_LINK = "https://intercom.help/funxyz/en/articles/10732578-contact-us";
 var DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE = "Your Purchase";
@@ -8380,7 +8388,7 @@ import {
   formatSecondsToReadableForm,
   safeParseJson as safeParseJson2
 } from "@funkit/utils";
-import React82, { Fragment, useEffect as useEffect17 } from "react";
+import React81, { Fragment, useEffect as useEffect17 } from "react";
 
 // src/domains/bridge.ts
 import {
@@ -10204,33 +10212,10 @@ var FunPaymentMethodItem = ({
   );
 };
 
-// src/components/Icons/CheckIcon.tsx
-import React80 from "react";
-var CheckIcon = ({ size = 16 }) => /* @__PURE__ */ React80.createElement(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  },
-  /* @__PURE__ */ React80.createElement(
-    "path",
-    {
-      d: "M12.4919 4.88281L6.25757 11.1172L3.50781 8",
-      stroke: "currentColor",
-      strokeWidth: "1.5",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-
 // src/components/Icons/CreditCardIcons.tsx
-import React81 from "react";
+import React80 from "react";
 var MasterCardIcon = () => {
-  return /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React80.createElement(
     "svg",
     {
       width: "20",
@@ -10239,21 +10224,21 @@ var MasterCardIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M12.7041 11.0401H7.29614V1.32129H12.7042L12.7041 11.0401Z",
         fill: "#FF5F00"
       }
     ),
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M7.63905 6.18093C7.63905 4.20948 8.56213 2.4533 9.99955 1.32154C8.9115 0.463596 7.56574 -0.00204062 6.18013 6.72263e-06C2.76685 6.72263e-06 0 2.76726 0 6.18093C0 9.59461 2.76685 12.3619 6.18013 12.3619C7.56578 12.3639 8.91157 11.8983 9.99965 11.0403C8.56233 9.90877 7.63905 8.15249 7.63905 6.18093Z",
         fill: "#EB001B"
       }
     ),
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M19.9999 6.18093C19.9999 9.59461 17.2331 12.3619 13.8198 12.3619C12.434 12.3639 11.088 11.8983 9.99976 11.0403C11.4376 9.90857 12.3607 8.15249 12.3607 6.18093C12.3607 4.20938 11.4376 2.4533 9.99976 1.32154C11.088 0.463622 12.4339 -0.00200473 13.8197 6.48814e-06C17.233 6.48814e-06 19.9998 2.76726 19.9998 6.18093",
@@ -10263,7 +10248,7 @@ var MasterCardIcon = () => {
   );
 };
 var VisaCardIcon = () => {
-  return /* @__PURE__ */ React81.createElement(
+  return /* @__PURE__ */ React80.createElement(
     "svg",
     {
       width: "30",
@@ -10272,35 +10257,35 @@ var VisaCardIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M 26.835 10.17 C 26.76 10.14 26.764 10.12 26.821 10.107 C 26.83 10.147 26.835 10.17 26.835 10.17 Z M 26.821 10.107 C 26.774 9.89 26.618 9.174 26.561 8.93 C 26.233 8.93 23.932 8.927 23.674 8.927 C 23.586 9.15 23.2 10.17 23.2 10.17 L 20.833 10.17 L 24.18 2.59 C 24.418 2.051 24.82 1.903 25.361 1.903 L 27.102 1.903 L 28.927 10.169 C 28.927 10.169 27.124 10.039 26.821 10.107 Z M 25.52 4.134 C 25.405 4.445 25.207 4.945 25.22 4.923 C 25.22 4.923 24.507 6.759 24.322 7.235 L 26.194 7.235 C 26.103 6.821 25.671 4.847 25.671 4.847 Z",
         fill: "currentColor"
       }
     ),
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M 1.22551 1.82339 L 1.19653 1.98919 C 3.91596 2.64774 5.71538 4.23847 6.46205 6.15037 L 5.70205 2.49528 C 5.57104 1.99151 5.19132 1.8413599999999999 4.72002 1.82339 L 1.22551 1.82339",
         fill: "currentColor"
       }
     ),
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M 5.45393 10.1597 L 7.83945 10.1579 L 11.389 1.9028100000000001 L 9.00062 1.9028100000000001 L 6.79307 7.54283 L 6.55771 6.69124 C 6.12234 5.66573 4.8864 4.1921 3.4353800000000003 3.2634 L 5.45393 10.1597",
         fill: "currentColor"
       }
     ),
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M 13.1444 10.1666 L 14.5548 1.89528 L 12.2998 1.89528 L 10.8905 10.1666 L 13.1444 10.1666",
         fill: "currentColor"
       }
     ),
-    /* @__PURE__ */ React81.createElement(
+    /* @__PURE__ */ React80.createElement(
       "path",
       {
         d: "M 17.0667 10.2901 C 19.4372 10.2901 20.9752 9.1811 20.9925 7.46515 C 21.0007 6.52428 20.3995 5.80834 19.0992 5.21819 C 18.3108 4.83442 17.8285 4.57935 17.8331 4.1921 C 17.8331 3.84833 18.2424 3.48079 19.1247 3.48079 C 19.8627 3.4692 20.3966 3.63036 20.811700000000002 3.79731 L 21.0152 3.89297 L 21.3195 2.1005 C 20.8731 1.93296 20.1734 1.75325 19.3004 1.75325 C 17.0725 1.75325 15.5027 2.8749900000000004 15.4905 4.48253 C 15.4766 5.67036 16.6093 6.33356 17.465 6.7289200000000005 C 18.3427 7.13472 18.6372 7.39327 18.6331 7.75559 C 18.6267 8.30979 17.9328 8.56313 17.2853 8.56313 C 16.3827 8.56313 15.9033 8.43791 15.163 8.12892 L 14.8725 7.99733 L 14.5554 9.84835 C 15.083 10.0797 16.0563 10.2797 17.0667 10.2901",
@@ -10310,7 +10295,7 @@ var VisaCardIcon = () => {
   );
 };
 var CombinedCreditCardOptionsIcon = () => {
-  return /* @__PURE__ */ React81.createElement(Box, { display: "flex", gap: "2", alignItems: "center", color: "primaryText" }, /* @__PURE__ */ React81.createElement(MasterCardIcon, null), /* @__PURE__ */ React81.createElement(VisaCardIcon, null));
+  return /* @__PURE__ */ React80.createElement(Box, { display: "flex", gap: "2", alignItems: "center", color: "primaryText" }, /* @__PURE__ */ React80.createElement(MasterCardIcon, null), /* @__PURE__ */ React80.createElement(VisaCardIcon, null));
 };
 
 // src/components/FunPayments/FunPaymentMethods.tsx
@@ -10319,21 +10304,21 @@ var BrokerageConditionalIcons = () => {
   const { getActiveConnection } = useFunkitMesh();
   return supportedExchanges.filter((brokerType) => !getActiveConnection(brokerType)).map((brokerType) => {
     const icon = getExchangeIcon(brokerType, 12);
-    return icon ? /* @__PURE__ */ React82.createElement(Fragment, { key: brokerType }, icon) : null;
+    return icon ? /* @__PURE__ */ React81.createElement(Fragment, { key: brokerType }, icon) : null;
   }).filter((icon) => icon !== null).slice(0, 5);
 };
 var getDynamicValueIconComponent = () => {
   const defaultChains = getDefaultChains();
-  return /* @__PURE__ */ React82.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId }, index) => {
+  return /* @__PURE__ */ React81.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId }, index) => {
     const metadata = chainMetadataById[chainId];
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React81.createElement(
       Box,
       {
         key: chainId,
         position: "relative",
         style: { right: `${(defaultChains.length - index - 1) * -2}px` }
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React81.createElement(
         AsyncImage,
         {
           alt: metadata.name,
@@ -10354,7 +10339,7 @@ function ConnectWalletItem({
   onClick
 }) {
   const walletLabel = useWalletLabel();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       keyIcon: paymentIcon,
@@ -10368,16 +10353,16 @@ function ConnectWalletItem({
   );
 }
 function SupportedChainList({ chainIdList }) {
-  return /* @__PURE__ */ React82.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, chainIdList.map((chainId, index) => {
+  return /* @__PURE__ */ React81.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, chainIdList.map((chainId, index) => {
     const metadata = chainMetadataById[chainId];
-    return /* @__PURE__ */ React82.createElement(
+    return /* @__PURE__ */ React81.createElement(
       Box,
       {
         key: chainId,
         position: "relative",
         style: { right: `${(chainIdList.length - index - 1) * -2}px` }
       },
-      /* @__PURE__ */ React82.createElement(
+      /* @__PURE__ */ React81.createElement(
         AsyncImage,
         {
           alt: metadata.name,
@@ -10394,7 +10379,7 @@ function PaymentMethodIcon({
   paymentIcon,
   keyIconSize
 }) {
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     Box,
     {
       display: "flex",
@@ -10407,10 +10392,11 @@ function PaymentMethodIcon({
 }
 var ConnectedMeshPaymentMethodItem = ({
   paymentMethodInfo,
-  isSelected,
+  isActive,
   onSelect,
   onBrokerageError,
-  targetChainId
+  targetChainId,
+  customValueIcon
 }) => {
   const {
     data: meshAssets,
@@ -10432,16 +10418,16 @@ var ConnectedMeshPaymentMethodItem = ({
       onBrokerageError?.();
     }
   }, [balanceError, isPending, isFetching, paymentMethodInfo.meta.brokerType]);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isDisabled,
-      badge: hasLowBalance && /* @__PURE__ */ React82.createElement(FunBadge, { borderColor: "generalBorder" }, LOW_BALANCE),
+      badge: hasLowBalance && /* @__PURE__ */ React81.createElement(FunBadge, { borderColor: "generalBorder" }, LOW_BALANCE),
       isError: !!balanceError,
-      isActive: isSelected,
+      isActive,
       keyIcon: label.icon,
       keyText: label.text,
-      valueIcon: isSelected ? /* @__PURE__ */ React82.createElement(CheckIcon, null) : null,
+      valueIcon: customValueIcon,
       onClick: onSelect,
       disclaimerText
     }
@@ -10462,16 +10448,16 @@ var AccountBalancePaymentMethodItem = ({
     const uniqueChainIds = Array.from(
       new Set(Object.values(usableWalletAssets).map((asset) => asset.chainId))
     );
-    return /* @__PURE__ */ React82.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
+    return /* @__PURE__ */ React81.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
   };
   const dynamicLimit = formatCurrencyAndStringify2(totalBalance);
   const disclaimerText = `${dynamicLimit ?? "No limit"} \u2022 Instant`;
   const keyIconSize = 20;
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isActive,
-      keyIcon: isLoadingAssets ? /* @__PURE__ */ React82.createElement(SpinnerIcon, { size: keyIconSize }) : /* @__PURE__ */ React82.createElement(
+      keyIcon: isLoadingAssets ? /* @__PURE__ */ React81.createElement(SpinnerIcon, { size: keyIconSize }) : /* @__PURE__ */ React81.createElement(
         PaymentMethodIcon,
         {
           keyIconSize,
@@ -10495,16 +10481,16 @@ var CardPaymentMethodItem = ({
 }) => {
   const { textCustomizations } = useFunkitConfig();
   const timeEstimate = useCheckoutTimeEstimate(2 * 60, "card" /* CARD */);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isActive,
       keyIcon: paymentIcon,
       keyText: textCustomizations.debitOrCredit,
-      valueIcon: customValueIcon ?? /* @__PURE__ */ React82.createElement(CombinedCreditCardOptionsIcon, null),
+      valueIcon: customValueIcon ?? /* @__PURE__ */ React81.createElement(CombinedCreditCardOptionsIcon, null),
       onClick,
       isDisabled: !isClickable,
-      badge: /* @__PURE__ */ React82.createElement(
+      badge: /* @__PURE__ */ React81.createElement(
         FunBadge,
         {
           background: "approvedBadgeBackground",
@@ -10531,9 +10517,9 @@ var TransferPaymentMethodItem = ({
   const getTokenTransferIcon = () => {
     const uniqueChainIds = new Set(Object.keys(enabledChainTokens));
     const hasNewChain = bannerData?.isChainNew && uniqueChainIds.delete(`${bannerData.chainId}`);
-    return /* @__PURE__ */ React82.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React82.createElement(SupportedChainList, { chainIdList: Array.from(uniqueChainIds) }), hasNewChain && /* @__PURE__ */ React82.createElement(NewTokenBadge, { iconSymbol: bannerData.symbol }));
+    return /* @__PURE__ */ React81.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React81.createElement(SupportedChainList, { chainIdList: Array.from(uniqueChainIds) }), hasNewChain && /* @__PURE__ */ React81.createElement(NewTokenBadge, { iconSymbol: bannerData.symbol }));
   };
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isActive,
@@ -10555,13 +10541,13 @@ var BrokeragePaymentMethodItem = ({
 }) => {
   const { textCustomizations } = useFunkitConfig();
   const timeEstimate = useCheckoutTimeEstimate(3 * 60, "brokerage" /* BROKERAGE */);
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isActive,
       keyIcon: paymentIcon,
       keyText: textCustomizations.brokerageOrExchange,
-      valueIcon: customValueIcon ?? /* @__PURE__ */ React82.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, /* @__PURE__ */ React82.createElement(BrokerageConditionalIcons, null)),
+      valueIcon: customValueIcon ?? /* @__PURE__ */ React81.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, /* @__PURE__ */ React81.createElement(BrokerageConditionalIcons, null)),
       onClick,
       isDisabled: !isClickable,
       disclaimerText: `No limit \u2022 ${formatSecondsToReadableForm(timeEstimate, true)}`
@@ -10576,12 +10562,12 @@ var ActiveFiatAccountPaymentMethodItem = ({
 }) => {
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
   const customerStatus = paymentMethodInfo.bridgeCustomer?.status;
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isActive,
       keyIcon: label.icon,
-      valueIcon: customValueIcon ?? (customerStatus === BridgeCustomerStatus3.OFFBOARDED && /* @__PURE__ */ React82.createElement(BridgeCustomerStatusBadge, { status: customerStatus })),
+      valueIcon: customValueIcon ?? (customerStatus === BridgeCustomerStatus3.OFFBOARDED && /* @__PURE__ */ React81.createElement(BridgeCustomerStatusBadge, { status: customerStatus })),
       keyText: label.text,
       onClick,
       disclaimerText: `No limit \u2022 ${FIAT_PROCESSING_TIME}`
@@ -10597,13 +10583,13 @@ var CreateFiatAccountPaymentMethodItem = ({
 }) => {
   const { data: fiatAccounts } = useVirtualFiatAccounts();
   const { textCustomizations } = useFunkitConfig();
-  return /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React81.createElement(
     FunPaymentMethodItem,
     {
       isActive,
       keyIcon: paymentIcon,
       keyText: textCustomizations.virtualFiat,
-      valueIcon: customValueIcon ?? /* @__PURE__ */ React82.createElement(
+      valueIcon: customValueIcon ?? /* @__PURE__ */ React81.createElement(
         BridgeCustomerStatusBadge,
         {
           status: fiatAccounts?.bridgeCustomer?.status,
@@ -10624,7 +10610,7 @@ function AddPaymentMethodItem({
   customValueIcon
 }) {
   const icon = usePaymentMethodIcon(paymentMethod);
-  const paymentIcon = /* @__PURE__ */ React82.createElement(PaymentMethodIcon, { keyIconSize: 20, paymentIcon: icon });
+  const paymentIcon = /* @__PURE__ */ React81.createElement(PaymentMethodIcon, { keyIconSize: 20, paymentIcon: icon });
   const commonProps = {
     isActive,
     isClickable,
@@ -10633,26 +10619,26 @@ function AddPaymentMethodItem({
     paymentIcon
   };
   if (paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
-    return /* @__PURE__ */ React82.createElement(ConnectWalletItem, { ...commonProps });
+    return /* @__PURE__ */ React81.createElement(ConnectWalletItem, { ...commonProps });
   }
   if (paymentMethod === "card" /* CARD */) {
-    return /* @__PURE__ */ React82.createElement(CardPaymentMethodItem, { ...commonProps });
+    return /* @__PURE__ */ React81.createElement(CardPaymentMethodItem, { ...commonProps });
   }
   if (paymentMethod === "token_transfer" /* TOKEN_TRANSFER */) {
-    return /* @__PURE__ */ React82.createElement(TransferPaymentMethodItem, { ...commonProps });
+    return /* @__PURE__ */ React81.createElement(TransferPaymentMethodItem, { ...commonProps });
   }
   if (paymentMethod === "brokerage" /* BROKERAGE */) {
-    return /* @__PURE__ */ React82.createElement(BrokeragePaymentMethodItem, { ...commonProps });
+    return /* @__PURE__ */ React81.createElement(BrokeragePaymentMethodItem, { ...commonProps });
   }
   if (paymentMethod === "virtual_bank" /* VIRTUAL_BANK */) {
-    return /* @__PURE__ */ React82.createElement(CreateFiatAccountPaymentMethodItem, { ...commonProps });
+    return /* @__PURE__ */ React81.createElement(CreateFiatAccountPaymentMethodItem, { ...commonProps });
   }
 }
 
 // src/components/Icons/New/BankIcon.tsx
-import React83 from "react";
+import React82 from "react";
 var BankIcon = ({ size = 20 }) => {
-  return /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React82.createElement(
     "svg",
     {
       width: size,
@@ -10661,14 +10647,14 @@ var BankIcon = ({ size = 20 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React82.createElement(
       "path",
       {
         d: "M10 9.41667C9.3975 9.41667 8.90909 9.90169 8.90909 10.5C8.90909 11.0983 9.3975 11.5833 10 11.5833C10.6025 11.5833 11.0909 11.0983 11.0909 10.5C11.0909 9.90169 10.6025 9.41667 10 9.41667Z",
         fill: "currentColor"
       }
     ),
-    /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React82.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -10680,7 +10666,7 @@ var BankIcon = ({ size = 20 }) => {
   );
 };
 var BankIconActive = ({ size = 20 }) => {
-  return /* @__PURE__ */ React83.createElement(
+  return /* @__PURE__ */ React82.createElement(
     "svg",
     {
       width: size,
@@ -10689,14 +10675,14 @@ var BankIconActive = ({ size = 20 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React82.createElement(
       "path",
       {
         d: "M10 8.41667C9.3975 8.41667 8.90909 8.90169 8.90909 9.5C8.90909 10.0983 9.3975 10.5833 10 10.5833C10.6025 10.5833 11.0909 10.0983 11.0909 9.5C11.0909 8.90169 10.6025 8.41667 10 8.41667Z",
         fill: "url(#paint0_linear_28198_245196)"
       }
     ),
-    /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React82.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -10705,7 +10691,7 @@ var BankIconActive = ({ size = 20 }) => {
         fill: "url(#paint1_linear_28198_245196)"
       }
     ),
-    /* @__PURE__ */ React83.createElement("defs", null, /* @__PURE__ */ React83.createElement(
+    /* @__PURE__ */ React82.createElement("defs", null, /* @__PURE__ */ React82.createElement(
       "linearGradient",
       {
         id: "paint0_linear_28198_245196",
@@ -10715,9 +10701,9 @@ var BankIconActive = ({ size = 20 }) => {
         y2: "16.9215",
         gradientUnits: "userSpaceOnUse"
       },
-      /* @__PURE__ */ React83.createElement("stop", { stopColor: "#055DF5" }),
-      /* @__PURE__ */ React83.createElement("stop", { offset: "1", stopColor: "#508FFB" })
-    ), /* @__PURE__ */ React83.createElement(
+      /* @__PURE__ */ React82.createElement("stop", { stopColor: "#055DF5" }),
+      /* @__PURE__ */ React82.createElement("stop", { offset: "1", stopColor: "#508FFB" })
+    ), /* @__PURE__ */ React82.createElement(
       "linearGradient",
       {
         id: "paint1_linear_28198_245196",
@@ -10727,8 +10713,8 @@ var BankIconActive = ({ size = 20 }) => {
         y2: "16.9215",
         gradientUnits: "userSpaceOnUse"
       },
-      /* @__PURE__ */ React83.createElement("stop", { stopColor: "#055DF5" }),
-      /* @__PURE__ */ React83.createElement("stop", { offset: "1", stopColor: "#508FFB" })
+      /* @__PURE__ */ React82.createElement("stop", { stopColor: "#055DF5" }),
+      /* @__PURE__ */ React82.createElement("stop", { offset: "1", stopColor: "#508FFB" })
     ))
   );
 };
@@ -10762,13 +10748,13 @@ function addLatestWalletId(walletId) {
 }
 
 // src/components/FunButton/FunSignInButton.tsx
-import React84 from "react";
+import React83 from "react";
 function FunSignInButton({
   title,
   titlePrefix,
   onClick
 }) {
-  return /* @__PURE__ */ React84.createElement(
+  return /* @__PURE__ */ React83.createElement(
     Box,
     {
       as: "button",
@@ -10786,7 +10772,7 @@ function FunSignInButton({
       cursor: "pointer",
       style: { outline: "none" }
     },
-    /* @__PURE__ */ React84.createElement(Box, { display: "flex", gap: "12", alignItems: "center", color: "primaryText" }, titlePrefix, /* @__PURE__ */ React84.createElement(Text, { as: "h2", weight: "medium", size: "13" }, title), /* @__PURE__ */ React84.createElement(
+    /* @__PURE__ */ React83.createElement(Box, { display: "flex", gap: "12", alignItems: "center", color: "primaryText" }, titlePrefix, /* @__PURE__ */ React83.createElement(Text, { as: "h2", weight: "medium", size: "13" }, title), /* @__PURE__ */ React83.createElement(
       Box,
       {
         color: "secondaryText",
@@ -10797,22 +10783,22 @@ function FunSignInButton({
         alignItems: "center",
         justifyContent: "center"
       },
-      /* @__PURE__ */ React84.createElement(ArrowIcon, { direction: "right", size: 11 })
+      /* @__PURE__ */ React83.createElement(ArrowIcon, { direction: "right", size: 11 })
     ))
   );
 }
 
 // src/components/FunInput/FunInput.tsx
-import React86, {
+import React85, {
   forwardRef as forwardRef2,
   useState as useState15
 } from "react";
 import clsx10 from "clsx";
 
 // src/components/Icons/SearchIcon.tsx
-import React85 from "react";
+import React84 from "react";
 var SearchIcon = () => {
-  return /* @__PURE__ */ React85.createElement(
+  return /* @__PURE__ */ React84.createElement(
     "svg",
     {
       width: "15",
@@ -10821,14 +10807,14 @@ var SearchIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React85.createElement(
+    /* @__PURE__ */ React84.createElement(
       "path",
       {
         d: "M6.45041 12.9008C5.17464 12.9008 3.92752 12.5225 2.86676 11.8138C1.80599 11.105 0.979229 10.0975 0.491012 8.91887C0.00279446 7.74023 -0.124946 6.44321 0.123947 5.19199C0.37284 3.94074 0.987179 2.79139 1.88928 1.88928C2.79139 0.987179 3.94074 0.37284 5.19199 0.123947C6.44321 -0.124946 7.74023 0.00279446 8.91887 0.491012C10.0975 0.979229 11.105 1.80599 11.8138 2.86676C12.5225 3.92752 12.9008 5.17464 12.9008 6.45041C12.9008 7.29744 12.7339 8.13625 12.4098 8.91887C12.0856 9.70148 11.6105 10.4126 11.0115 11.0115C10.4126 11.6105 9.70148 12.0856 8.91887 12.4098C8.13625 12.7339 7.29744 12.9008 6.45041 12.9008ZM6.45041 1.29351C5.43386 1.29351 4.44014 1.59496 3.59491 2.15972C2.74968 2.72448 2.0909 3.52721 1.70189 4.46637C1.31287 5.40554 1.21108 6.43893 1.4094 7.43596C1.60772 8.43299 2.09724 9.34881 2.81604 10.0676C3.53486 10.7864 4.45067 11.276 5.44769 11.4743C6.44467 11.6726 7.47811 11.5708 8.41731 11.1818C9.35643 10.7927 10.1592 10.134 10.724 9.28876C11.2887 8.44352 11.5902 7.44984 11.5902 6.43328C11.5902 5.07012 11.0487 3.7628 10.0847 2.79891C9.12086 1.83502 7.81356 1.29351 6.45041 1.29351Z",
         fill: "currentColor"
       }
     ),
-    /* @__PURE__ */ React85.createElement(
+    /* @__PURE__ */ React84.createElement(
       "path",
       {
         d: "M14.3567 15C14.2723 15.0003 14.1886 14.9839 14.1107 14.9515C14.0327 14.9192 13.962 14.8716 13.9027 14.8115L10.3648 11.2737C10.2513 11.1519 10.1896 10.9907 10.1925 10.8243C10.1954 10.6578 10.2629 10.4991 10.3806 10.3813C10.4983 10.2636 10.6571 10.1962 10.8236 10.1933C10.99 10.1904 11.151 10.2521 11.2729 10.3656L14.8107 13.9035C14.931 14.024 14.9986 14.1872 14.9986 14.3575C14.9986 14.5277 14.931 14.691 14.8107 14.8115C14.7515 14.8716 14.6807 14.9192 14.6027 14.9515C14.5248 14.9839 14.4411 15.0003 14.3567 15Z",
@@ -10886,7 +10872,7 @@ var FunInput = forwardRef2(
         hover: "inputBorderHover"
       };
     };
-    return /* @__PURE__ */ React86.createElement(
+    return /* @__PURE__ */ React85.createElement(
       Box,
       {
         color: "primaryText",
@@ -10895,8 +10881,8 @@ var FunInput = forwardRef2(
         gap: "8",
         width: "full"
       },
-      label && /* @__PURE__ */ React86.createElement(Text, { size: "12", weight: textWeight }, label),
-      isLoading ? /* @__PURE__ */ React86.createElement(FunSkeletonBlock, { height: "44" }) : /* @__PURE__ */ React86.createElement(
+      label && /* @__PURE__ */ React85.createElement(Text, { size: "12", weight: textWeight }, label),
+      isLoading ? /* @__PURE__ */ React85.createElement(FunSkeletonBlock, { height: "44" }) : /* @__PURE__ */ React85.createElement(
         Box,
         {
           borderRadius,
@@ -10916,8 +10902,8 @@ var FunInput = forwardRef2(
             hover: "offBackground"
           }
         },
-        prefix && /* @__PURE__ */ React86.createElement(Box, { paddingLeft: "12", height: "max" }, prefix),
-        prefixIcon === "SearchIcon" && /* @__PURE__ */ React86.createElement(
+        prefix && /* @__PURE__ */ React85.createElement(Box, { paddingLeft: "12", height: "max" }, prefix),
+        prefixIcon === "SearchIcon" && /* @__PURE__ */ React85.createElement(
           Box,
           {
             display: "flex",
@@ -10926,15 +10912,15 @@ var FunInput = forwardRef2(
             alignItems: "center",
             color: isFocused ? "primaryText" : "secondaryText"
           },
-          /* @__PURE__ */ React86.createElement(SearchIcon, null)
+          /* @__PURE__ */ React85.createElement(SearchIcon, null)
         ),
-        prefixIcon === "$" && /* @__PURE__ */ React86.createElement(Box, { display: "flex", alignItems: "center", paddingLeft: "32" }, /* @__PURE__ */ React86.createElement(
+        prefixIcon === "$" && /* @__PURE__ */ React85.createElement(Box, { display: "flex", alignItems: "center", paddingLeft: "32" }, /* @__PURE__ */ React85.createElement(
           DollarTextIcon,
           {
             fontSize: inputStyle.fontSize || DEFAULT_ICON_FONT_SIZE
           }
         )),
-        /* @__PURE__ */ React86.createElement(
+        /* @__PURE__ */ React85.createElement(
           "input",
           {
             ref,
@@ -10963,13 +10949,13 @@ var FunInput = forwardRef2(
             "data-auto-focus": inputProps.autoFocus
           }
         ),
-        suffix && /* @__PURE__ */ React86.createElement(Box, { padding: "4" }, suffix)
+        suffix && /* @__PURE__ */ React85.createElement(Box, { padding: "4" }, suffix)
       ),
-      error && typeof error === "string" && /* @__PURE__ */ React86.createElement(Text, { color: "error", size: "10" }, error)
+      error && typeof error === "string" && /* @__PURE__ */ React85.createElement(Text, { color: "error", size: "10" }, error)
     );
   }
 );
-var DollarTextIcon = ({ fontSize }) => /* @__PURE__ */ React86.createElement(
+var DollarTextIcon = ({ fontSize }) => /* @__PURE__ */ React85.createElement(
   Text,
   {
     style: {
@@ -10982,10 +10968,10 @@ var DollarTextIcon = ({ fontSize }) => /* @__PURE__ */ React86.createElement(
 );
 
 // src/components/FunSocials/FunSocials.tsx
-import React88 from "react";
+import React87 from "react";
 
 // src/components/ModalSelection/ModalSelection.tsx
-import React87, { useState as useState16 } from "react";
+import React86, { useState as useState16 } from "react";
 var ModalSelection = ({
   as = "button",
   currentlySelected = false,
@@ -11001,7 +10987,7 @@ var ModalSelection = ({
   ...urlProps
 }) => {
   const [isMouseOver, setIsMouseOver] = useState16(false);
-  return /* @__PURE__ */ React87.createElement(
+  return /* @__PURE__ */ React86.createElement(
     Box,
     {
       display: "flex",
@@ -11009,7 +10995,7 @@ var ModalSelection = ({
       onMouseEnter: () => setIsMouseOver(true),
       onMouseLeave: () => setIsMouseOver(false)
     },
-    /* @__PURE__ */ React87.createElement(
+    /* @__PURE__ */ React86.createElement(
       Box,
       {
         as,
@@ -11033,7 +11019,7 @@ var ModalSelection = ({
         width: "full",
         ...urlProps
       },
-      /* @__PURE__ */ React87.createElement(
+      /* @__PURE__ */ React86.createElement(
         Box,
         {
           color: currentlySelected ? "accentColorForeground" : "primaryText",
@@ -11043,7 +11029,7 @@ var ModalSelection = ({
           fontWeight: "medium",
           transition: "default"
         },
-        /* @__PURE__ */ React87.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React87.createElement(
+        /* @__PURE__ */ React86.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React86.createElement(
           AsyncImage,
           {
             background: iconBackground,
@@ -11054,7 +11040,7 @@ var ModalSelection = ({
             src: iconUrl,
             width: "18"
           }
-        ), /* @__PURE__ */ React87.createElement(
+        ), /* @__PURE__ */ React86.createElement(
           Box,
           {
             display: "flex",
@@ -11062,8 +11048,8 @@ var ModalSelection = ({
             style: { flex: 1 },
             alignItems: "center"
           },
-          /* @__PURE__ */ React87.createElement(Box, { maxWidth: "200" }, name),
-          recent && /* @__PURE__ */ React87.createElement(
+          /* @__PURE__ */ React86.createElement(Box, { maxWidth: "200" }, name),
+          recent && /* @__PURE__ */ React86.createElement(
             FunBadge,
             {
               borderRadius: "smallBadge",
@@ -11081,11 +11067,11 @@ ModalSelection.displayName = "ModalSelection";
 // src/components/FunSocials/FunSocials.tsx
 var FunSocials = ({ options, onSelect, flexDirection }) => {
   const isRow = flexDirection === "row";
-  return /* @__PURE__ */ React88.createElement(Box, { display: "flex", flexDirection, gap: "12" }, options.map((socialItem) => {
+  return /* @__PURE__ */ React87.createElement(Box, { display: "flex", flexDirection, gap: "12" }, options.map((socialItem) => {
     if (isRow) {
       return (
         // Applying flex-grow directly on the button leads to visual defects on focus as border width changes
-        /* @__PURE__ */ React88.createElement(Box, { key: socialItem.provider, style: { flex: 1 } }, /* @__PURE__ */ React88.createElement(
+        /* @__PURE__ */ React87.createElement(Box, { key: socialItem.provider, style: { flex: 1 } }, /* @__PURE__ */ React87.createElement(
           FunIconButton,
           {
             onClick: () => onSelect(socialItem.provider),
@@ -11099,7 +11085,7 @@ var FunSocials = ({ options, onSelect, flexDirection }) => {
         ))
       );
     }
-    return /* @__PURE__ */ React88.createElement(
+    return /* @__PURE__ */ React87.createElement(
       ModalSelection,
       {
         icon: socialItem.getIcon(),
@@ -11113,9 +11099,9 @@ var FunSocials = ({ options, onSelect, flexDirection }) => {
 };
 
 // src/components/Icons/CryptoIcon.tsx
-import React89 from "react";
+import React88 from "react";
 var CryptoIcon = () => {
-  return /* @__PURE__ */ React89.createElement(
+  return /* @__PURE__ */ React88.createElement(
     "svg",
     {
       width: "20",
@@ -11124,7 +11110,7 @@ var CryptoIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React89.createElement(
+    /* @__PURE__ */ React88.createElement(
       "path",
       {
         d: "M9.76471 17.0376C8.81223 17.0376 7.91445 16.8553 7.07135 16.4907C6.2328 16.1261 5.49224 15.6226 4.84967 14.98C4.20709 14.3374 3.70351 13.5968 3.33892 12.7583C2.97434 11.9152 2.79205 11.0174 2.79205 10.0649C2.79205 9.11247 2.97434 8.21696 3.33892 7.37842C3.70351 6.53532 4.20481 5.79248 4.84283 5.1499C5.48541 4.50732 6.22597 4.00374 7.06451 3.63916C7.90761 3.27458 8.8054 3.09229 9.75787 3.09229C10.7103 3.09229 11.6081 3.27458 12.4512 3.63916C13.2943 4.00374 14.0372 4.50732 14.6797 5.1499C15.3223 5.79248 15.8259 6.53532 16.1905 7.37842C16.5551 8.21696 16.7374 9.11247 16.7374 10.0649C16.7374 11.0174 16.5551 11.9152 16.1905 12.7583C15.8259 13.5968 15.3223 14.3374 14.6797 14.98C14.0372 15.6226 13.2943 16.1261 12.4512 16.4907C11.6127 16.8553 10.7172 17.0376 9.76471 17.0376ZM9.76471 15.8755C10.5713 15.8755 11.3256 15.7251 12.0274 15.4243C12.7292 15.1235 13.3467 14.7088 13.8799 14.1802C14.4131 13.647 14.8279 13.0295 15.1241 12.3276C15.4249 11.6258 15.5753 10.8716 15.5753 10.0649C15.5753 9.2583 15.4249 8.50407 15.1241 7.80225C14.8233 7.10042 14.4063 6.48291 13.8731 5.94971C13.3445 5.4165 12.7269 5.00179 12.0206 4.70557C11.3187 4.40479 10.5645 4.25439 9.75787 4.25439C8.95123 4.25439 8.197 4.40479 7.49517 4.70557C6.79335 5.00179 6.17812 5.4165 5.64947 5.94971C5.12083 6.48291 4.70611 7.10042 4.40533 7.80225C4.10911 8.50407 3.96099 9.2583 3.96099 10.0649C3.96099 10.8716 4.10911 11.6258 4.40533 12.3276C4.70611 13.0295 5.12083 13.647 5.64947 14.1802C6.18267 14.7088 6.80019 15.1235 7.50201 15.4243C8.20383 15.7251 8.95807 15.8755 9.76471 15.8755ZM5.34185 11.3569L7.64557 8.3833C7.78228 8.21468 7.92812 8.13037 8.08307 8.13037C8.19244 8.13037 8.31777 8.16911 8.45904 8.24658L11.4258 9.83936L13.709 8.61572C13.8458 8.54281 13.9665 8.52913 14.0713 8.57471C14.1807 8.62028 14.2514 8.70003 14.2833 8.81396C14.3152 8.92334 14.2833 9.04183 14.1876 9.16943L11.877 12.1499C11.7403 12.3231 11.5922 12.4097 11.4327 12.4097C11.3279 12.4097 11.2048 12.3709 11.0635 12.2935L8.0899 10.6938L5.82721 11.9243C5.6996 11.9927 5.57883 12.0063 5.4649 11.9653C5.35097 11.9198 5.27577 11.8423 5.23932 11.7329C5.20286 11.619 5.23704 11.4937 5.34185 11.3569Z",
@@ -11135,9 +11121,9 @@ var CryptoIcon = () => {
 };
 
 // src/components/Icons/SocialMediaIcons.tsx
-import React90 from "react";
+import React89 from "react";
 var GoogleIcon = ({ size = 18 }) => {
-  return /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React89.createElement(
     "svg",
     {
       width: size,
@@ -11146,68 +11132,68 @@ var GoogleIcon = ({ size = 18 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React90.createElement("g", { clipPath: "url(#clip0_1033_2902)" }, /* @__PURE__ */ React90.createElement("g", { clipPath: "url(#clip1_1033_2902)" }, /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement("g", { clipPath: "url(#clip0_1033_2902)" }, /* @__PURE__ */ React89.createElement("g", { clipPath: "url(#clip1_1033_2902)" }, /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M17.3612 7.68341C17.4368 7.68341 17.498 7.74467 17.498 7.82024V9.25684C17.498 9.79453 17.4481 10.3203 17.3523 10.8303C16.6113 14.7917 13.1213 17.7855 8.9381 17.7566C4.24421 17.7243 0.487676 13.9316 0.498068 9.23768C0.508395 4.55215 4.31009 0.756836 8.99804 0.756836C11.2948 0.756836 13.3787 1.668 14.9087 3.14806C14.9639 3.20148 14.9653 3.28954 14.911 3.34386L12.8786 5.37625C12.8263 5.42858 12.7417 5.42994 12.6881 5.37891C11.7278 4.46486 10.4286 3.9037 8.99804 3.9037C6.04392 3.9037 3.66508 6.26563 3.64503 9.21968C3.62487 12.1931 6.02931 14.6099 8.99804 14.6099C11.4068 14.6099 13.444 13.0187 14.1158 10.8303H9.13486C9.05929 10.8303 8.99804 10.769 8.99804 10.6934V7.8202C8.99804 7.74463 9.05929 7.68337 9.13486 7.68337H17.3612V7.68341Z",
         fill: "#2196F3"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M17.3613 7.68359H16.3352C16.4107 7.68359 16.472 7.74485 16.472 7.82042V9.25702C16.472 9.79471 16.4221 10.3205 16.3263 10.8305C15.6193 14.6097 12.4104 17.5082 8.48453 17.7417C8.63474 17.7505 8.78595 17.7557 8.93822 17.7568C13.1215 17.7856 16.6114 14.7919 17.3524 10.8305C17.4482 10.3205 17.4981 9.79471 17.4981 9.25702V7.82039C17.4981 7.74485 17.4369 7.68359 17.3613 7.68359Z",
         fill: "#1E88E5"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M4.13616 7.01503L1.55469 5.14981C3.00294 2.53038 5.79373 0.756836 8.99843 0.756836C11.2952 0.756836 13.3791 1.668 14.9091 3.14806C14.9643 3.20148 14.9657 3.28954 14.9114 3.34386L12.879 5.37625C12.8267 5.42848 12.7422 5.43011 12.6887 5.37918C11.7285 4.46496 10.4291 3.90373 8.99843 3.90373C6.84248 3.90373 4.98411 5.1782 4.13616 7.01503Z",
         fill: "#F44336"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M3.39062 6.47666L4.13587 7.01511C4.90983 5.33855 6.52576 4.13108 8.44125 3.93303C8.45566 3.93147 8.46951 3.92957 8.48418 3.92818C8.31561 3.91218 8.14478 3.90381 7.97199 3.90381C6.0244 3.90381 4.32705 4.93055 3.39062 6.47666Z",
         fill: "#E53935"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M13.882 3.14806C13.9373 3.20148 13.9387 3.28954 13.8843 3.34389L12.2347 4.99352C12.3927 5.11372 12.544 5.24228 12.6876 5.37894C12.7412 5.42998 12.8257 5.42862 12.8781 5.37629L14.9105 3.34389C14.9648 3.28954 14.9634 3.20152 14.9082 3.14806C13.3782 1.668 11.2943 0.756836 8.99753 0.756836C8.82517 0.756836 8.65418 0.76258 8.48438 0.772707C10.5775 0.897385 12.4668 1.77903 13.882 3.14806Z",
         fill: "#E53935"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M15.232 15.0335C13.6798 16.7085 11.4606 17.7569 8.99676 17.7569C5.66894 17.7569 2.78784 15.8445 1.39258 13.0585L4.02808 11.2524C4.81894 13.2203 6.74572 14.61 8.99676 14.61C10.4094 14.61 11.6942 14.0628 12.6506 13.1686L15.232 15.0335Z",
         fill: "#4CAF50"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M4.02911 11.2524L3.25195 11.785C4.15458 13.4665 5.92959 14.61 7.97161 14.61C8.1443 14.61 8.315 14.6015 8.4835 14.5856C6.45649 14.3923 4.75898 13.0686 4.02911 11.2524Z",
         fill: "#43A047"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M8.99797 17.7569C11.4618 17.7569 13.681 16.7085 15.2332 15.0334L14.601 14.5767C13.1435 16.3905 10.9571 17.5939 8.48618 17.7414C8.65551 17.7515 8.82611 17.7569 8.99797 17.7569Z",
         fill: "#43A047"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M3.64494 9.25693C3.64494 9.96223 3.7814 10.6358 4.0294 11.2525L1.39387 13.0585C0.820615 11.9147 0.498047 10.6234 0.498047 9.25693C0.498047 7.7673 0.881145 6.36726 1.5543 5.1499L4.13578 7.01512C3.82075 7.69681 3.64494 8.45654 3.64494 9.25693Z",
         fill: "#FFC107"
       }
-    ), /* @__PURE__ */ React90.createElement(
+    ), /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M3.25262 11.7849L4.02977 11.2524C3.78177 10.6357 3.64531 9.96213 3.64531 9.25683C3.64531 8.45644 3.82112 7.69671 4.13615 7.01502L3.39091 6.47656C2.90697 7.2756 2.62611 8.21322 2.61927 9.21971C2.61296 10.1479 2.84296 11.0218 3.25262 11.7849Z",
         fill: "#FFB300"
       }
     ))),
-    /* @__PURE__ */ React90.createElement("defs", null, /* @__PURE__ */ React90.createElement("clipPath", { id: "clip0_1033_2902" }, /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement("defs", null, /* @__PURE__ */ React89.createElement("clipPath", { id: "clip0_1033_2902" }, /* @__PURE__ */ React89.createElement(
       "rect",
       {
         width: "17",
@@ -11215,7 +11201,7 @@ var GoogleIcon = ({ size = 18 }) => {
         fill: "white",
         transform: "translate(0.5 0.5)"
       }
-    )), /* @__PURE__ */ React90.createElement("clipPath", { id: "clip1_1033_2902" }, /* @__PURE__ */ React90.createElement(
+    )), /* @__PURE__ */ React89.createElement("clipPath", { id: "clip1_1033_2902" }, /* @__PURE__ */ React89.createElement(
       "rect",
       {
         width: "17",
@@ -11227,7 +11213,7 @@ var GoogleIcon = ({ size = 18 }) => {
   );
 };
 var TwitterIcon = ({ size = 18 }) => {
-  return /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React89.createElement(
     "svg",
     {
       width: size,
@@ -11236,7 +11222,7 @@ var TwitterIcon = ({ size = 18 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",
@@ -11246,7 +11232,7 @@ var TwitterIcon = ({ size = 18 }) => {
   );
 };
 var AppleIcon = ({ size = 18 }) => {
-  return /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React89.createElement(
     "svg",
     {
       width: size,
@@ -11255,7 +11241,7 @@ var AppleIcon = ({ size = 18 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React90.createElement("g", { clipPath: "url(#clip0_1049_3254)" }, /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement("g", { clipPath: "url(#clip0_1049_3254)" }, /* @__PURE__ */ React89.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -11264,7 +11250,7 @@ var AppleIcon = ({ size = 18 }) => {
         fill: "currentColor"
       }
     )),
-    /* @__PURE__ */ React90.createElement("defs", null, /* @__PURE__ */ React90.createElement("clipPath", { id: "clip0_1049_3254" }, /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement("defs", null, /* @__PURE__ */ React89.createElement("clipPath", { id: "clip0_1049_3254" }, /* @__PURE__ */ React89.createElement(
       "rect",
       {
         width: "17",
@@ -11276,7 +11262,7 @@ var AppleIcon = ({ size = 18 }) => {
   );
 };
 var FarcasterIcon = ({ size = 20 }) => {
-  return /* @__PURE__ */ React90.createElement(
+  return /* @__PURE__ */ React89.createElement(
     "svg",
     {
       width: size,
@@ -11285,21 +11271,21 @@ var FarcasterIcon = ({ size = 20 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M257.778 155.556H742.222V844.445H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.445H257.778V155.556Z",
         fill: "#855DCD"
       }
     ),
-    /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.445H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z",
         fill: "#855DCD"
       }
     ),
-    /* @__PURE__ */ React90.createElement(
+    /* @__PURE__ */ React89.createElement(
       "path",
       {
         d: "M675.556 746.667C663.283 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.445H875.556V817.778C875.556 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.556Z",
@@ -11310,9 +11296,9 @@ var FarcasterIcon = ({ size = 20 }) => {
 };
 
 // src/components/Icons/SocialsIcon.tsx
-import React91 from "react";
+import React90 from "react";
 var SocialsIcon = () => {
-  return /* @__PURE__ */ React91.createElement(
+  return /* @__PURE__ */ React90.createElement(
     "svg",
     {
       width: "20",
@@ -11321,7 +11307,7 @@ var SocialsIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React91.createElement(
+    /* @__PURE__ */ React90.createElement(
       "path",
       {
         d: "M9.75836 16.9746C8.86122 16.9746 8.01698 16.8032 7.22564 16.4604C6.4343 16.1219 5.73606 15.6501 5.13092 15.0449C4.53001 14.4398 4.05816 13.7415 3.71539 12.9502C3.37262 12.1589 3.20123 11.3146 3.20123 10.4175C3.20123 9.52035 3.37262 8.67611 3.71539 7.88477C4.05816 7.09342 4.53001 6.3973 5.13092 5.79639C5.73606 5.19124 6.43219 4.71729 7.2193 4.37451C8.01064 4.03174 8.85487 3.86035 9.75201 3.86035C10.6534 3.86035 11.4997 4.03174 12.2911 4.37451C13.0824 4.71729 13.7807 5.19124 14.3858 5.79639C14.9909 6.3973 15.4649 7.09342 15.8077 7.88477C16.1504 8.67611 16.3218 9.52035 16.3218 10.4175C16.3218 11.3146 16.1504 12.1589 15.8077 12.9502C15.4649 13.7415 14.9909 14.4398 14.3858 15.0449C13.7807 15.6501 13.0824 16.1219 12.2911 16.4604C11.4997 16.8032 10.6555 16.9746 9.75836 16.9746ZM9.75836 15.6797C10.4905 15.6797 11.1739 15.5443 11.8087 15.2734C12.4434 15.0026 13.002 14.626 13.4844 14.1436C13.9669 13.6611 14.3435 13.1025 14.6143 12.4678C14.8851 11.833 15.0206 11.1496 15.0206 10.4175C15.0206 9.68962 14.8851 9.0083 14.6143 8.37354C14.3435 7.73454 13.9669 7.17383 13.4844 6.69141C13.002 6.20898 12.4413 5.83236 11.8023 5.56152C11.1675 5.29069 10.4841 5.15527 9.75201 5.15527C9.02415 5.15527 8.34071 5.29069 7.70172 5.56152C7.06695 5.83236 6.51047 6.20898 6.03228 6.69141C5.55409 7.17383 5.17958 7.73454 4.90875 8.37354C4.63792 9.0083 4.5025 9.68962 4.5025 10.4175C4.5025 11.1496 4.63792 11.833 4.90875 12.4678C5.17958 13.1025 5.55409 13.6611 6.03228 14.1436C6.51471 14.626 7.0733 15.0026 7.70807 15.2734C8.34706 15.5443 9.03049 15.6797 9.75836 15.6797ZM13.9922 14.6069C13.5902 14.9751 13.1374 15.284 12.6338 15.5337C12.1303 15.7876 11.6267 15.9801 11.1231 16.1113C10.6195 16.2425 10.1646 16.3081 9.75836 16.3081C9.35634 16.3081 8.90142 16.2425 8.39361 16.1113C7.89003 15.9801 7.38645 15.7876 6.88287 15.5337C6.37929 15.284 5.92861 14.9751 5.53082 14.6069L5.55621 14.4927C5.69163 14.1838 5.94976 13.8854 6.33062 13.5977C6.71571 13.3057 7.20025 13.0687 7.78424 12.8867C8.36822 12.7005 9.02626 12.6074 9.75836 12.6074C10.4989 12.6074 11.1591 12.7005 11.7388 12.8867C12.3228 13.0687 12.8052 13.3057 13.1861 13.5977C13.5712 13.8854 13.8314 14.1859 13.9669 14.499L13.9922 14.6069ZM9.75836 11.5601C9.35211 11.5558 8.98394 11.45 8.65387 11.2427C8.32379 11.0311 8.06142 10.7454 7.86676 10.3857C7.67633 10.0218 7.579 9.61344 7.57476 9.16064C7.57053 8.73747 7.66575 8.34814 7.86041 7.99268C8.05507 7.63298 8.31744 7.34521 8.64752 7.12939C8.98183 6.91357 9.35211 6.80566 9.75836 6.80566C10.1688 6.80566 10.537 6.91357 10.8629 7.12939C11.1929 7.34521 11.4553 7.63298 11.65 7.99268C11.8489 8.34814 11.9483 8.73747 11.9483 9.16064C11.9483 9.61344 11.851 10.0239 11.6563 10.3921C11.4616 10.756 11.1993 11.0438 10.8692 11.2554C10.5391 11.4627 10.1688 11.5643 9.75836 11.5601Z",
@@ -11408,7 +11394,7 @@ import { useMemo as useMemo14 } from "react";
 
 // src/providers/FunkitQuoteContext.tsx
 import { FlagKey as FlagKey13, isNotNullish as isNotNullish6 } from "@funkit/utils";
-import React92, {
+import React91, {
   createContext as createContext15,
   useCallback as useCallback17,
   useContext as useContext15,
@@ -12158,7 +12144,7 @@ function FunkitQuoteProvider({ children }) {
     setCheckoutQuote: setLatestQuote,
     setQuoteProgress
   };
-  return /* @__PURE__ */ React92.createElement(FunkitQuoteContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React91.createElement(FunkitQuoteContext.Provider, { value: contextValue }, children);
 }
 function useQuoteContext() {
   return useContext15(FunkitQuoteContext);
@@ -12206,6 +12192,31 @@ import { createPortal as createPortal2 } from "react-dom";
 
 // src/components/FunCheckbox/FunCheckbox.tsx
 import React93 from "react";
+
+// src/components/Icons/CheckIcon.tsx
+import React92 from "react";
+var CheckIcon = ({ size = 16 }) => /* @__PURE__ */ React92.createElement(
+  "svg",
+  {
+    width: size,
+    height: size,
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  },
+  /* @__PURE__ */ React92.createElement(
+    "path",
+    {
+      d: "M12.4919 4.88281L6.25757 11.1172L3.50781 8",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+// src/components/FunCheckbox/FunCheckbox.tsx
 var FunCheckbox = ({
   label,
   onChange,
@@ -14305,6 +14316,7 @@ function renderRelayFee(relayQuote) {
   const maxSlippage = Number.parseFloat(
     details?.slippageTolerance?.destination?.percent || "0"
   );
+  const minReceived = Number.parseFloat(details?.currencyOut?.amountUsd || "0") - Number.parseFloat(details?.slippageTolerance?.destination?.usd || "0");
   return {
     collapsed: {
       value: formatCurrencyAndStringify4(gasUsd),
@@ -14362,12 +14374,12 @@ function renderRelayFee(relayQuote) {
           },
           /* @__PURE__ */ React124.createElement(Text, { size: "10" }, "Fun.xyz fee"),
           /* @__PURE__ */ React124.createElement(Text, { size: "10", weight: "medium" }, formatPercent(appFeePercent))
-        )), /* @__PURE__ */ React124.createElement(FunDivider, null), /* @__PURE__ */ React124.createElement(Box, null, "Price impact is the difference between the expected and executed price.", /* @__PURE__ */ React124.createElement("br", null), /* @__PURE__ */ React124.createElement("br", null), "Final cost may vary based on network conditions."))
+        )))
       },
       {
         label: "Max slippage",
         value: formatPercent(maxSlippage),
-        tooltipText: /* @__PURE__ */ React124.createElement(React124.Fragment, null, "Slippage occurs due to price changes during trade execution. Slippage limits are adjusted based on your asset to ensure a reliable, timely execution.", /* @__PURE__ */ React124.createElement("br", null), /* @__PURE__ */ React124.createElement("br", null), "The slippage is set as low as possible. If it is required to be higher than 1.50% during execution, Fun.xyz will cover the difference.")
+        tooltipText: `Slippage occurs due to price changes during trade execution. Minimum received: ${formatCurrencyAndStringify4(minReceived)}`
       }
     ]
   };
@@ -16559,7 +16571,7 @@ var useMeldLimit = (fiatCurrency) => {
 };
 var useMeldLimitError = (amount, fiatCurrency) => {
   const { data: meldLimit } = useMeldLimit(fiatCurrency);
-  if (!meldLimit) return void 0;
+  if (!meldLimit || amount === void 0) return void 0;
   if (amount < meldLimit.minimumAmount) {
     const limit = formatCurrencyAndStringify5(
       meldLimit.minimumAmount ?? 0,
@@ -16595,7 +16607,7 @@ var useMeldLimitError = (amount, fiatCurrency) => {
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
 import {
-  FlagKey as FlagKey21,
+  FlagKey as FlagKey22,
   formatCryptoAndStringify as formatCryptoAndStringify4,
   formatCurrencyAndStringify as formatCurrencyAndStringify9,
   isTokenEquivalent as isTokenEquivalent6,
@@ -16753,6 +16765,8 @@ var MeldQuoteItem = ({
     {},
     { currency: quote.sourceCurrencyCode }
   );
+  const customerScore = quote.customerScore;
+  const lowKyc = quote.lowKyc;
   return /* @__PURE__ */ React141.createElement(
     FunOptionBox,
     {
@@ -16778,7 +16792,9 @@ var MeldQuoteItem = ({
       MeldProviderLabel,
       {
         serviceProvider: quote.serviceProvider,
-        isBest: isBestQuote
+        isBest: isBestQuote,
+        shouldBuyMore: customerScore ? customerScore >= 30 : false,
+        hasDocumentUpload: !lowKyc
       }
     )),
     /* @__PURE__ */ React141.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React141.createElement(
@@ -16790,7 +16806,7 @@ var MeldQuoteItem = ({
         gap: "2"
       },
       /* @__PURE__ */ React141.createElement(Text, { size: "12", weight: "medium" }, cryptoAmount),
-      /* @__PURE__ */ React141.createElement(Text, { color: "secondaryText", size: "10" }, "~", fiatAmount)
+      /* @__PURE__ */ React141.createElement(Text, { color: "secondaryText", size: "10" }, fiatAmount)
     ))
   );
 };
@@ -16818,7 +16834,7 @@ var SourceMeldQuoteItem = ({
       onClick,
       disabled: disabled || isLoading || !quote
     },
-    /* @__PURE__ */ React142.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React142.createElement(Text, { size: "12", weight: "medium" }, "Provider"), isPreselected && /* @__PURE__ */ React142.createElement(Text, { color: "secondaryText", size: "12", weight: "medium" }, "Best rate auto-picked")),
+    /* @__PURE__ */ React142.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React142.createElement(Text, { size: "12", weight: "medium" }, "Provider"), isPreselected && /* @__PURE__ */ React142.createElement(Text, { color: "secondaryText", size: "12", weight: "medium" }, "Auto-picked for you")),
     /* @__PURE__ */ React142.createElement(Box, { display: "flex", alignItems: "center", gap: "12" }, /* @__PURE__ */ React142.createElement(Box, { display: "flex", alignItems: "center", gap: "6" }, error ? /* @__PURE__ */ React142.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, error) : isLoading ? /* @__PURE__ */ React142.createElement(React142.Fragment, null, /* @__PURE__ */ React142.createElement(FunSkeletonCircle, { size: "32" }), /* @__PURE__ */ React142.createElement(FunSkeletonBlock, { width: "36", height: "14" })) : quote ? /* @__PURE__ */ React142.createElement(React142.Fragment, null, /* @__PURE__ */ React142.createElement(
       AsyncImage,
       {
@@ -16840,9 +16856,11 @@ var SourceMeldQuoteItem = ({
 };
 var MeldProviderLabel = ({
   serviceProvider,
-  isBest
+  isBest,
+  shouldBuyMore = false,
+  hasDocumentUpload = true
 }) => {
-  return /* @__PURE__ */ React142.createElement(Box, { display: "flex", flexDirection: "column", gap: "2" }, /* @__PURE__ */ React142.createElement(Text, { size: "12", weight: "medium", style: { whiteSpace: "nowrap" } }, providerLabelMap[serviceProvider] ?? serviceProvider), isBest && /* @__PURE__ */ React142.createElement(
+  return /* @__PURE__ */ React142.createElement(Box, { display: "flex", flexDirection: "column", gap: "2" }, /* @__PURE__ */ React142.createElement(Text, { size: "12", weight: "medium", style: { whiteSpace: "nowrap" } }, providerLabelMap[serviceProvider] ?? serviceProvider), shouldBuyMore && /* @__PURE__ */ React142.createElement(Text, { color: "secondaryText", size: "10", style: { whiteSpace: "nowrap" } }, "Buy more"), !hasDocumentUpload && /* @__PURE__ */ React142.createElement(Text, { color: "secondaryText", size: "10", style: { whiteSpace: "nowrap" } }, "No document upload"), isBest && /* @__PURE__ */ React142.createElement(
     Text,
     {
       color: "approvedBadgeText",
@@ -17763,7 +17781,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
       destinationCurrencyCode
     ],
     queryFn: async () => {
-      if (!userIpInfo || !apiKey || !destinationCurrencyCode) {
+      if (!userIpInfo || !apiKey || !destinationCurrencyCode || debouncedSourceAmount === void 0) {
         return [];
       }
       const response = await getMeldQuotes({
@@ -17780,7 +17798,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
         (a, b) => b.destinationAmount - a.destinationAmount
       );
     },
-    enabled: !!userIpInfo && !!apiKey && !!destinationCurrencyCode && !isAway && !!fiatCurrency,
+    enabled: !!userIpInfo && !!apiKey && !!destinationCurrencyCode && !isAway && !!fiatCurrency && debouncedSourceAmount !== void 0,
     refetchInterval: COUNTDOWN_INTERVAL_SEC * 1e3,
     refetchOnWindowFocus: false,
     retry: false
@@ -17791,7 +17809,16 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
     isHidden: query.isPending,
     autoRestart: true
   });
-  return { query, countdown };
+  const isOutdated = sourceAmount !== debouncedSourceAmount;
+  return {
+    countdown,
+    query: {
+      ...query,
+      error: isOutdated ? null : query.error,
+      isError: query.isError && !isOutdated,
+      isOutdated
+    }
+  };
 };
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLayout.tsx
@@ -17907,18 +17934,26 @@ function deduplicateArray(arr) {
   return Array.from(new Set(arr));
 }
 function useFiatAmountOptions(currency) {
+  const isMeldEnabled = useFlag(FlagKey20.EnableMeldPayment);
   const currencyQuickOptionStr = useFlag(FlagKey20.MeldQuickOptions);
   const currencyQuickOption = safeJSONParse(
     currencyQuickOptionStr
   );
   const { data: meldLimit, isPending } = useMeldLimit(currency);
+  if (!isMeldEnabled) {
+    return deduplicateArray(
+      currencyQuickOption?.USD?.map(
+        (val) => clamp(val, MIN_MOONPAY_AMOUNT_USD, MAX_MOONPAY_AMOUNT_USD)
+      ) || []
+    );
+  }
   if (isPending || !meldLimit) {
     return [];
   }
   const minimumAmount = meldLimit.minimumAmount;
   const maximumAmount = meldLimit.maximumAmount;
   return deduplicateArray(
-    currencyQuickOption?.[currency]?.map(
+    currencyQuickOption?.[currency ?? "USD"]?.map(
       (val) => clamp(val, minimumAmount, maximumAmount)
     ) || []
   );
@@ -17967,6 +18002,7 @@ var QuickOptions = ({
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 import { useCallback as useCallback28, useEffect as useEffect27, useReducer as useReducer3 } from "react";
 import {
+  FlagKey as FlagKey21,
   formatCryptoAndStringify as formatCryptoAndStringify3,
   formatCurrencyAndStringify as formatCurrencyAndStringify8
 } from "@funkit/utils";
@@ -17975,7 +18011,7 @@ import {
 import { round as round2 } from "@funkit/utils";
 function getInputValueFromAmount(params) {
   const amount = params.isInputInFiat ? params.fiatAmount : params.assetAmount;
-  if (!amount) return "";
+  if (amount === void 0) return "";
   const formattedAmount = amount.toFixed(
     params.isInputInFiat ? USD_DECIMALS : ASSET_DECIMALS
   );
@@ -18018,8 +18054,8 @@ function initializeState({
     usdMaxAmount ?? Number.MAX_VALUE
   );
   const rounding = finalFiatAmount === initialFiatAmount ? "round" : finalFiatAmount === usdMinAmount ? "ceil" : "floor";
-  const assetAmount = finalFiatAmount ? targetAssetAmount && finalFiatAmount === targetAssetAmount * unitPrice ? targetAssetAmount : finalFiatAmount / unitPrice || 0 : 0;
-  const fiatAmount = finalFiatAmount ? round2(finalFiatAmount, USD_DECIMALS, rounding) : 0;
+  const fiatAmount = finalFiatAmount ? round2(finalFiatAmount, USD_DECIMALS, rounding) : void 0;
+  const assetAmount = finalFiatAmount ? targetAssetAmount && finalFiatAmount === targetAssetAmount * unitPrice ? targetAssetAmount : finalFiatAmount / unitPrice : void 0;
   const inputValue = getInputValueFromAmount({
     assetAmount,
     currencySymbol: getCurrencySymbol(fiatCurrency),
@@ -18055,23 +18091,23 @@ function reduceState(state, action) {
       const currencySymbol = getCurrencySymbol(state.fiatCurrency);
       const regex = state.isInputInFiat ? /\d+(\.\d{0,2})?/ : /\d+(\.\d{0,5})?/;
       const match = regex.exec(rawInputValue);
-      const numericInputValue = match?.[0] || "";
-      const newInputValue = numericInputValue && state.isInputInFiat ? `${currencySymbol}${numericInputValue}` : numericInputValue;
+      const numericInputValue = match?.[0];
+      const newInputValue = numericInputValue !== void 0 && state.isInputInFiat ? `${currencySymbol}${numericInputValue}` : numericInputValue;
       if (newInputValue === state.inputValue) return state;
-      const newInputAmount = Number.parseFloat(numericInputValue) || 0;
+      const newInputAmount = numericInputValue !== void 0 ? Number.parseFloat(numericInputValue) : void 0;
       if (state.isInputInFiat) {
         return {
           ...state,
-          assetAmount: newInputAmount / unitPrice || 0,
-          inputValue: newInputValue,
+          assetAmount: newInputAmount !== void 0 ? newInputAmount / unitPrice : void 0,
+          inputValue: newInputValue ?? "",
           fiatAmount: newInputAmount
         };
       }
       return {
         ...state,
         assetAmount: newInputAmount,
-        inputValue: newInputValue,
-        fiatAmount: round2(newInputAmount * unitPrice, USD_DECIMALS)
+        inputValue: newInputValue ?? "",
+        fiatAmount: newInputAmount !== void 0 ? round2(newInputAmount * unitPrice, USD_DECIMALS) : void 0
       };
     }
     case "setFiatCurrency": {
@@ -18110,6 +18146,11 @@ function getAmountInputError(state) {
       type: "noAvailableBalance"
     };
   }
+  if (fiatAmount === void 0) {
+    return {
+      type: "noInput"
+    };
+  }
   if (usdAvailableAmount && fiatAmount > usdAvailableAmount) {
     return {
       type: "aboveAvailable",
@@ -18128,11 +18169,6 @@ function getAmountInputError(state) {
       usdMinAmount
     };
   }
-  if (fiatAmount === 0) {
-    return {
-      type: "noInput"
-    };
-  }
 }
 function getDerivedState(state) {
   const inputError = getAmountInputError(state);
@@ -18145,8 +18181,10 @@ function getDerivedState(state) {
 
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 function useAmountInput(options) {
+  const isMeldEnabled = useFlag(FlagKey21.EnableMeldPayment);
   const [state, dispatch] = useReducer3(reduceState, options, initializeState);
   const isCardCheckout = options.paymentMethod === "card" /* CARD */;
+  const isMeldFlow = isCardCheckout && isMeldEnabled;
   const {
     unitPrice: realUnitPrice,
     checkoutConfig,
@@ -18171,7 +18209,7 @@ function useAmountInput(options) {
     },
     [unitPrice]
   );
-  const defaultAmount = isCardCheckout ? getDefaultAmountFromQuickOptions(quickOptions) : void 0;
+  const defaultAmount = isMeldFlow ? getDefaultAmountFromQuickOptions(quickOptions) : void 0;
   useEffect27(() => {
     if (state.fiatCurrency !== fiatCurrency) {
       dispatch({
@@ -18218,20 +18256,44 @@ function useAmountInput(options) {
       { currency: fiatCurrency, currencyDisplay: "narrowSymbol" }
     ) : formatCryptoAndStringify3(0),
     setFiatAmount,
-    suggestion: getInputAmountSuggestion(derivedState.inputError),
+    // Meld flow does not support update amount suggestions
+    suggestion: isMeldFlow ? void 0 : getInputAmountSuggestion(derivedState.inputError),
     toggleInputInFiat
   };
 }
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
+function autoPickBestQuote(quotes) {
+  const quotesSortedByScore = quotes.sort(
+    (a, b) => (b.customerScore ?? 0) - (a.customerScore ?? 0)
+  );
+  if (quotesSortedByScore[0].customerScore && quotesSortedByScore[0].customerScore >= 30) {
+    return quotesSortedByScore[0];
+  }
+  const quotesSortedByDestinationAmount = quotes.sort(
+    (a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
+  );
+  return quotesSortedByDestinationAmount[0];
+}
+function isBestPriceQuote(quotes, quote) {
+  if (!quotes || quotes.length === 0 || !quote) {
+    return false;
+  }
+  for (const q of quotes) {
+    if (q.destinationAmount > quote.destinationAmount) {
+      return false;
+    }
+  }
+  return true;
+}
 function useMeld(manuallySelectedQuote, usdAmount, fiatCurrency) {
   const { query: meldQuotesQuery } = useMeldQuotes(usdAmount, fiatCurrency);
   const { mutateAsync, isPending: isMeldLinkPending } = useMeldLink(
-    usdAmount,
+    usdAmount ?? 0,
     fiatCurrency
   );
   const meldLimitError = useMeldLimitError(usdAmount, fiatCurrency);
-  const bestRateQuote = meldQuotesQuery.data?.[0];
+  const bestRateQuote = meldQuotesQuery.data ? autoPickBestQuote(meldQuotesQuery.data) : void 0;
   const selectedQuote = manuallySelectedQuote ?? bestRateQuote;
   const isSelectedQuoteUnavailable = manuallySelectedQuote && !meldQuotesQuery.isPending && !meldQuotesQuery.data?.find(
     (quote) => quote.serviceProvider === selectedQuote?.serviceProvider
@@ -18252,15 +18314,15 @@ function InputAmountLoaded({
   onNext,
   sourceHolding,
   unitPrice,
-  defaultFiatCurrency = "USD",
+  defaultFiatCurrency,
   textCustomizations
 }) {
-  const maxCheckoutUsdString = useFlag(FlagKey21.MaxCheckoutUsd);
+  const maxCheckoutUsdString = useFlag(FlagKey22.MaxCheckoutUsd);
   const { apiKey } = useFunkitConfig();
   const { paymentMethod } = modalState.paymentMethodInfo;
   const { quote: manuallySelectedQuote } = modalState;
   const isCardCheckout = paymentMethod === "card" /* CARD */;
-  const meldEnabled = useFlag(FlagKey21.EnableMeldPayment) && isCardCheckout;
+  const meldEnabled = useFlag(FlagKey22.EnableMeldPayment) && isCardCheckout;
   const { targetAssetTicker, targetAssetMinAmount } = checkoutConfig;
   const { updateTargetAssetAmount } = useCheckoutContext();
   const minUsd = targetAssetMinAmount && unitPrice ? Math.ceil(targetAssetMinAmount * unitPrice * 100) / 100 : void 0;
@@ -18342,8 +18404,12 @@ function InputAmountLoaded({
     resetText();
   };
   const handleContinue = async (assetAmount2) => {
+    if (assetAmount2 === void 0) return;
     updateTargetAssetAmount(assetAmount2);
-    if (!meldEnabled) onNext({});
+    if (!meldEnabled) {
+      onNext({});
+      return;
+    }
     if (selectedQuote) {
       const result = await mutateAsync(selectedQuote.serviceProvider);
       window.open(result.widgetUrl, "_blank", "noopener,noreferrer");
@@ -18362,10 +18428,10 @@ function InputAmountLoaded({
     handleSubmit();
   };
   const displayAssetAmount = round3(
-    isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount,
+    (isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount) ?? 0,
     ASSET_DECIMALS
   );
-  const isConvertedAmountShown = targetAssetTicker && (!isInputInFiat || isCardCheckout && fiatCurrency === "USD" || !isCardCheckout);
+  const isConvertedAmountShown = targetAssetTicker && (!isInputInFiat || meldEnabled && fiatCurrency === "USD" || !meldEnabled);
   const isMeldContinueDisabled = meldEnabled && (!!meldLimitError || isMeldLinkPending || !!meldQuotesQuery.error || meldQuotesQuery.isFetching || isSelectedQuoteUnavailable);
   return /* @__PURE__ */ React150.createElement(
     InputAmountLayout,
@@ -18445,18 +18511,18 @@ function InputAmountLoaded({
         /* @__PURE__ */ React150.createElement(
           FunIconButton,
           {
-            icon: !isCardCheckout && /* @__PURE__ */ React150.createElement(SwitchIcon, null),
+            icon: !meldEnabled && /* @__PURE__ */ React150.createElement(SwitchIcon, null),
             paddingY: "1",
             paddingX: "6",
             color: { base: "actionColor", hover: "actionColorHover" },
             onClick: handleIsAmountInAbsoluteToggle,
             borderRadius: "inputAmountSwitcher",
-            isDisabled: isCardCheckout
+            isDisabled: meldEnabled
           },
           /* @__PURE__ */ React150.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify4(
             displayAssetAmount,
             targetAssetTicker
-          ) : formatCurrencyAndStringify9(fiatAmount))
+          ) : formatCurrencyAndStringify9(fiatAmount ?? 0))
         )
       ),
       amountOptions: (!!usdAvailableAmount || isCardCheckout) && /* @__PURE__ */ React150.createElement(
@@ -18481,8 +18547,11 @@ function InputAmountLoaded({
             nextStep: "meld_quotes" /* MELD_QUOTES */
           }),
           quote: selectedQuote,
-          isLoading: meldQuotesQuery.isPending,
-          isBestQuote: selectedQuote?.serviceProvider === bestRateQuote?.serviceProvider,
+          isLoading: meldQuotesQuery.isFetching,
+          isBestQuote: isBestPriceQuote(
+            meldQuotesQuery.data,
+            selectedQuote
+          ),
           disabled: !meldQuotesQuery.data || meldQuotesQuery.data.length === 0,
           isPreselected: !manuallySelectedQuote && !!bestRateQuote,
           error: meldLimitError?.issue
@@ -18543,7 +18612,7 @@ function YouPayYouReceiveWrapper({
 }
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
-import { FlagKey as FlagKey22, formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
+import { FlagKey as FlagKey23, formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
 import React151, { useMemo as useMemo23 } from "react";
 function InputAmountLoading({
   modalState,
@@ -18554,7 +18623,7 @@ function InputAmountLoading({
   const { paymentMethodInfo } = modalState;
   const { checkoutItem } = useCheckoutContext();
   const { unlinkBrokerage } = useFunkitMesh();
-  const meldEnabled = useFlag(FlagKey22.EnableMeldPayment);
+  const meldEnabled = useFlag(FlagKey23.EnableMeldPayment);
   const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
   const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
   const error = useMemo23(() => {
@@ -18855,7 +18924,7 @@ function InputAmount(props) {
 import React155, { useEffect as useEffect29 } from "react";
 
 // src/hooks/usePaymentSources.ts
-import { FlagKey as FlagKey23, isNotNullish as isNotNullish8 } from "@funkit/utils";
+import { FlagKey as FlagKey24, isNotNullish as isNotNullish8 } from "@funkit/utils";
 function useRemainingMeshExchangeConnections(selected) {
   const { getActiveConnection } = useFunkitMesh();
   const supportedExchanges = useSupportedExchanges();
@@ -18884,10 +18953,10 @@ function usePaymentMethodEnablement({
   checkoutConfig
 }) {
   const { apiKey, uiCustomizations } = useFunkitConfig();
-  const isTokenTransferFlagEnabled = useFlag(FlagKey23.EnableTokenTransfer);
+  const isTokenTransferFlagEnabled = useFlag(FlagKey24.EnableTokenTransfer);
   const isFiatFlagEnabled = useFiatEnabled();
-  const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
-  const isBrokerageFlagEnabled = useFlag(FlagKey23.EnableBrokerage);
+  const isCardFlagEnabled = useFlag(FlagKey24.EnableCard);
+  const isBrokerageFlagEnabled = useFlag(FlagKey24.EnableBrokerage);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
   const isUsKatanaUser = useIsUsKatanaUser();
   const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
@@ -18938,10 +19007,10 @@ var usePaymentSources = (paymentMethodInfo, targetChainId, checkoutConfig) => {
   const isBankInNewSources = !matchingFiatAccount && isUserLoggedIn && isFiatEnabled;
   const newSources = [
     isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
+    !fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */,
     isBrokerageEnabled && "brokerage" /* BROKERAGE */,
     isBankInNewSources && "virtual_bank" /* VIRTUAL_BANK */,
-    isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */,
-    !fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */
+    isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */
   ].filter((b) => !!b);
   return {
     preferred: connected.length > 0 ? connected : fallback2,
@@ -19549,7 +19618,7 @@ import {
   meshExecuteTransfer,
   meshExecuteTransferProxy
 } from "@funkit/api-base";
-import { ClientError as ClientError4, FlagKey as FlagKey24, formatAddress as formatAddress4 } from "@funkit/utils";
+import { ClientError as ClientError4, FlagKey as FlagKey25, formatAddress as formatAddress4 } from "@funkit/utils";
 import React172, { useMemo as useMemo26, useState as useState38 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 
@@ -20047,7 +20116,7 @@ function MeshVerification({
   const executionStatus = executionContent?.status;
   const { checkoutItem } = useCheckoutContext();
   const bottomSectionRef = useBottomSectionRef();
-  const enableFrogProxyServer = useFlag(FlagKey24.EnableFrogProxyServer);
+  const enableFrogProxyServer = useFlag(FlagKey25.EnableFrogProxyServer);
   const handleCompletion = useEffectEvent(async (finalOtpInput) => {
     try {
       setIsExecuting(true);
@@ -21075,13 +21144,13 @@ var ReceiveTokenDropdown = ({
 
 // src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
 import React182 from "react";
-import { FlagKey as FlagKey25, safeParseJson as safeParseJson4 } from "@funkit/utils";
+import { FlagKey as FlagKey26, safeParseJson as safeParseJson4 } from "@funkit/utils";
 var NewTokenDepositAlert = ({
   onClick
 }) => {
-  const alertJson = useFlag(FlagKey25.NewTokenAssetSelectionBanner);
+  const alertJson = useFlag(FlagKey26.NewTokenAssetSelectionBanner);
   const alertData = safeParseJson4(alertJson);
-  const isTokenTransferEnabled = useFlag(FlagKey25.EnableTokenTransfer);
+  const isTokenTransferEnabled = useFlag(FlagKey26.EnableTokenTransfer);
   if (!alertData || !isTokenTransferEnabled) return null;
   return /* @__PURE__ */ React182.createElement(
     FunAlert,
@@ -21562,7 +21631,7 @@ function SelectMeshAsset({
   )) : null;
   const accountHoldings = data ?? {};
   const totalBalance = getTotalAssetBalance(accountHoldings);
-  return /* @__PURE__ */ React183.createElement(React183.Fragment, null, /* @__PURE__ */ React183.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React183.createElement(React183.Fragment, null, isOstiumCustomer(apiKey) ? /* @__PURE__ */ React183.createElement(NewTokenDepositAlert, { onClick: onTokenTransfer }) : /* @__PURE__ */ React183.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, /* @__PURE__ */ React183.createElement(
     SourcePaymentMethodItem,
     {
       type: paymentMethodInfo.paymentMethod,
@@ -21738,7 +21807,7 @@ function SelectBrokerage({
 
 // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus6 } from "@funkit/api-base";
-import { FlagKey as FlagKey26 } from "@funkit/utils";
+import { FlagKey as FlagKey27 } from "@funkit/utils";
 import React186, { useEffect as useEffect36, useState as useState45 } from "react";
 import { createPortal as createPortal12 } from "react-dom";
 
@@ -21907,6 +21976,7 @@ var ConnectedSource = ({
   onSelect,
   onBrokerageError
 }) => {
+  const { apiKey } = useFunkitConfig();
   if (paymentInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
     const isSelected2 = selectedPaymentInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */;
     return /* @__PURE__ */ React186.createElement(
@@ -21914,7 +21984,7 @@ var ConnectedSource = ({
       {
         isActive: isSelected2,
         onClick: onSelect,
-        customValueIcon: isSelected2 ? /* @__PURE__ */ React186.createElement(CheckIcon, null) : null,
+        customValueIcon: isSelected2 && !isOstiumCustomer(apiKey) ? /* @__PURE__ */ React186.createElement(CheckIcon, null) : null,
         targetChainId
       }
     );
@@ -21935,8 +22005,9 @@ var ConnectedSource = ({
     ConnectedMeshPaymentMethodItem,
     {
       paymentMethodInfo: paymentInfo,
-      isSelected,
+      isActive: isSelected,
       onSelect,
+      customValueIcon: isSelected && !isOstiumCustomer(apiKey) ? /* @__PURE__ */ React186.createElement(CheckIcon, null) : null,
       onBrokerageError,
       targetChainId
     }
@@ -21955,7 +22026,7 @@ function SourceChange({
   const { data: fiatAccounts } = useVirtualFiatAccounts();
   const matchingFiatAccount = useMatchingVirtualFiatAccount(fiatAccounts);
   const { apiKey, textCustomizations } = useFunkitConfig();
-  const enableMeldPayment = useFlag(FlagKey26.EnableMeldPayment);
+  const enableMeldPayment = useFlag(FlagKey27.EnableMeldPayment);
   const hasAutoContinue = !isOstiumCustomer(apiKey);
   useEffect36(() => {
     if (!paymentMethodInfo) return;
@@ -22127,7 +22198,7 @@ function SourceChange({
 }
 
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
-import { FlagKey as FlagKey29 } from "@funkit/utils";
+import { FlagKey as FlagKey30 } from "@funkit/utils";
 import { motion as motion8, useAnimationControls as useAnimationControls3 } from "motion/react";
 import React200, { useEffect as useEffect37, useRef as useRef15, useState as useState48 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
@@ -22189,13 +22260,13 @@ function CopyInputDisplayedAddress({
 }
 
 // src/components/Dropdown/TokenDropdown.tsx
-import { FlagKey as FlagKey27, safeParseJson as safeParseJson5 } from "@funkit/utils";
+import { FlagKey as FlagKey28, safeParseJson as safeParseJson5 } from "@funkit/utils";
 import React189, { useState as useState46 } from "react";
 var TOKEN_ICON_SIZE2 = 16;
 var useNewTokens = () => {
-  const bannerJson = useFlag(FlagKey27.NewTokenAssetSelectionBanner);
+  const bannerJson = useFlag(FlagKey28.NewTokenAssetSelectionBanner);
   const bannerData = safeParseJson5(bannerJson);
-  const newBadgeTokensJson = useFlag(FlagKey27.TokenTransferNewTokens);
+  const newBadgeTokensJson = useFlag(FlagKey28.TokenTransferNewTokens);
   const newBadgeData = safeParseJson5(newBadgeTokensJson);
   const newTokens = newBadgeData && Object.values(newBadgeData).flat();
   const newUniqueTokens = new Set(newTokens);
@@ -22886,12 +22957,12 @@ var TransferTokenDetails = ({
 
 // src/hooks/useTokenTransfer.ts
 import { solanaChain as solanaChain2 } from "@funkit/chains";
-import { FlagKey as FlagKey28 } from "@funkit/utils";
+import { FlagKey as FlagKey29 } from "@funkit/utils";
 import { mainnet as mainnet8, polygon as polygon5 } from "viem/chains";
 var useTokenTransfer = (selectedChainId, selectedToken) => {
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey28.EnableTokenTransferUniversalDepositAddress,
+    FlagKey29.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(selectedToken);
@@ -22922,7 +22993,7 @@ var useTokenTransfer = (selectedChainId, selectedToken) => {
   };
 };
 var useMinTransferValue = (selectedChainId) => {
-  const minTransferValueJsonString = useFlag(FlagKey28.MinTokenTransferValue);
+  const minTransferValueJsonString = useFlag(FlagKey29.MinTokenTransferValue);
   const minTransferValue = safeJSONParse(
     minTransferValueJsonString
   );
@@ -22956,7 +23027,7 @@ var getMaxSlippage = (sourceToken, targetToken, isSameChain) => {
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 var TransferTokenInfo = {
   Component: TransferToken,
-  disableBack: () => true,
+  disableBack: ({ apiKey }) => !isOstiumCustomer(apiKey),
   onNext: (state) => {
     const common = extractCommonState(state);
     return {
@@ -22975,14 +23046,14 @@ function TransferToken({
   const defaultValues = modalState.transferToken;
   const controls = useAnimationControls3();
   const [qrCodeHover, setQrCodeHover] = useState48(false);
-  const { textCustomizations } = useFunkitConfig();
+  const { textCustomizations, apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const checkoutConfig = checkoutItem?.initSettings.config;
   const { transferInit } = useCheckoutTransferInit(checkoutConfig);
   const filteredAssets = useEnabledTokenTransferChainTokens(
     transferInit ?? null
   );
-  const defaultChainIdFlag = useFlag(FlagKey29.TokenTransferDefaultChainId);
+  const defaultChainIdFlag = useFlag(FlagKey30.TokenTransferDefaultChainId);
   const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
   const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon6.id;
   const [selectedChainId, setSelectedChainId] = useState48(validDefaultChainId);
@@ -23028,7 +23099,7 @@ function TransferToken({
         justifyContent: "center",
         gap: "18"
       },
-      /* @__PURE__ */ React200.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React200.createElement(
+      !isOstiumCustomer(apiKey) && /* @__PURE__ */ React200.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React200.createElement(
         SourcePaymentMethodItem,
         {
           type: "token_transfer" /* TOKEN_TRANSFER */,
@@ -23426,7 +23497,7 @@ var AccountDetailsScreen = ({
   const { paymentMethodInfo } = modalState;
   const { matchingFiatAccount } = paymentMethodInfo;
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
-  const { appName } = useFunkitConfig();
+  const { appName, apiKey } = useFunkitConfig();
   const { animation, animate } = useAnimatedNavigation(void 0);
   const [activeTab, setActiveTab] = useState49(0);
   const [detailsExpanded, setDetailsExpanded] = useState49(false);
@@ -23442,7 +23513,7 @@ var AccountDetailsScreen = ({
       flexDirection: "column",
       gap: "16"
     },
-    /* @__PURE__ */ React204.createElement(
+    !isOstiumCustomer(apiKey) && /* @__PURE__ */ React204.createElement(
       SourcePaymentMethodItem,
       {
         onClick: () => onNext({}),
@@ -27128,16 +27199,16 @@ function ChainModal({ onClose, open }) {
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
 import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
-import { FlagKey as FlagKey32 } from "@funkit/utils";
+import { FlagKey as FlagKey33 } from "@funkit/utils";
 import React253, { useRef as useRef24 } from "react";
 
 // src/components/DydxSwitchModalTab/DydxSwitchModalTab.tsx
 import React245, { useCallback as useCallback44 } from "react";
 
 // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
-import { FlagKey as FlagKey30, formatCurrencyAndStringify as formatCurrencyAndStringify15 } from "@funkit/utils";
+import { FlagKey as FlagKey31, formatCurrencyAndStringify as formatCurrencyAndStringify15 } from "@funkit/utils";
 var useFunkitMaxCheckoutUsdInfo = () => {
-  const maxCheckoutUsd = Number(useFlag(FlagKey30.MaxCheckoutUsd));
+  const maxCheckoutUsd = Number(useFlag(FlagKey31.MaxCheckoutUsd));
   const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify15(maxCheckoutUsd, {
     decimalPrecisionForSuffix: 0,
     minimumSignificantDigits: 0,
@@ -27325,13 +27396,13 @@ var FunNotificationShowMoreButton = ({
 import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
-import { FlagKey as FlagKey31 } from "@funkit/utils";
+import { FlagKey as FlagKey32 } from "@funkit/utils";
 import { useQuery as useQuery16 } from "@tanstack/react-query";
 var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
 var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
 var DEFAULT_NOTIF_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
 function useCheckoutRefreshInterval() {
-  const str = useFlag(FlagKey31.CheckoutNotificationsRefreshInterval);
+  const str = useFlag(FlagKey32.CheckoutNotificationsRefreshInterval);
   return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
 }
 var useRecentCheckouts = ({
@@ -28462,7 +28533,7 @@ function FunCheckoutModalInner({
   const hasBack = hasHistoryEntry && !disableBack;
   const checkoutConfig = checkoutItem.initSettings.config;
   const showDydxSwitch = !hasBack && modalState.step !== "checkout_complete" /* CHECKOUT_COMPLETE */;
-  const helpButtonUrl = useFlag(FlagKey32.HelpTutorialUrl);
+  const helpButtonUrl = useFlag(FlagKey33.HelpTutorialUrl);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
     depositAddress: checkoutItem.depositAddress ?? void 0,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
@@ -30296,9 +30367,9 @@ function cssStringFromTheme(theme, options = {}) {
 }
 
 // src/hooks/useIsFunkitCheckoutActivated.ts
-import { FlagKey as FlagKey33 } from "@funkit/utils";
+import { FlagKey as FlagKey34 } from "@funkit/utils";
 var useIsFunkitCheckoutActivated = () => {
-  const isCheckoutActivated = useFlag(FlagKey33.IsCheckoutActivated);
+  const isCheckoutActivated = useFlag(FlagKey34.IsCheckoutActivated);
   return {
     isActivated: isCheckoutActivated
   };
@@ -30403,7 +30474,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.5.9";
+  return "5.5.11";
 }
 function useFingerprint() {
   const fingerprint = useCallback49(() => {