@funkit/connect 5.5.7 → 5.5.10

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  lightTheme
-} from "./chunk-RN4I4Y57.js";
 import {
   darkTheme
 } from "./chunk-ICCAQZHZ.js";
+import {
+  lightTheme
+} from "./chunk-RN4I4Y57.js";
 import {
   systemFontStack
 } from "./chunk-R2UFCJL7.js";
@@ -12,18 +12,19 @@ import {
 // src/components/Dialog/DialogContent.css.ts
 var BASE_DIALOG_PADDING = "6";
 var SCROLL_BAR_WIDTH = 6;
-var contentCollapsed = "_1pzt423e";
-var contentExpanded = "_1pzt423d";
+var contentCollapsed = "_1pzt423f";
+var contentExpanded = "_1pzt423e";
 var dialog = "_1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
 var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
 var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
-var dialogMobile = "_1pzt4236 _1rsrm2fx _1rsrm2f1f";
-var dialogWithoutInternalPadding = "_1pzt4234 _1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
-var dividerTransition = "_1pzt423c";
-var fullHeightContent = "_1pzt423a";
-var noPaddingContent = "_1pzt423b";
-var scrollContent = "_1pzt4238 _1rsrm2fg0";
-var scrollbarHidden = "_1pzt4239";
+var dialogMobile = "_1pzt4237 _1rsrm2fx _1rsrm2f1f";
+var dividerTransition = "_1pzt423d";
+var fullHeightContent = "_1pzt423b";
+var noPaddingContent = "_1pzt423c";
+var scrollContent = "_1pzt4239 _1rsrm2fg0";
+var scrollbarHidden = "_1pzt423a";
+var withoutBottomPadding = "_1pzt4235";
+var withoutSidePadding = "_1pzt4234";
 
 // src/modals/DevTest/DevEmbed.tsx
 import React2 from "react";
@@ -509,7 +510,7 @@ import React256, {
   useCallback as useCallback47,
   useContext as useContext18,
   useEffect as useEffect48,
-  useMemo as useMemo45,
+  useMemo as useMemo43,
   useState as useState67
 } from "react";
 import { useConfig as useConfig5, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
@@ -1031,7 +1032,7 @@ import React255, {
   useCallback as useCallback46,
   useContext as useContext17,
   useEffect as useEffect47,
-  useMemo as useMemo44,
+  useMemo as useMemo42,
   useState as useState66
 } from "react";
 import { useAccount as useAccount9, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
@@ -3237,7 +3238,7 @@ var flagConfig = {
           {
             key: "userId",
             type: "pctRollout",
-            pct: 10
+            pct: 50
           },
           {
             key: "apiKey",
@@ -3592,48 +3593,48 @@ var flagConfig = {
     type: "boolean",
     default_value: false,
     overrides: [
-      {
-        if_any: [
-          {
-            key: "userId",
-            type: "isAnyOf",
-            values: [
-              "0x6ec0c2f25d323e7779925Cc20c3740101f990d9F",
-              "0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6",
-              "0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
-              "0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486",
-              "0x0D6e43CA32545B3dc2FE6f93AafBD7e640F548d4",
-              "0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8",
-              // greg
-              "0x4a1457fa2845bAfE8D3909cA3C5ac6107be312Dd"
-              // william PM
-            ]
-          }
-        ],
-        value: true
-      },
-      {
-        if_all: [
-          {
-            key: "userId",
-            type: "pctRollout",
-            pct: 5
-          },
-          {
-            key: "apiKey",
-            type: "isAnyOf",
-            values: [POLYMARKET_API_KEY2]
-          }
-        ],
-        if_any: [
-          {
-            key: "userId",
-            type: "pctRollout",
-            pct: 0
-          }
-        ],
-        value: true
-      },
+      // {
+      //   if_any: [
+      //     {
+      //       key: 'userId',
+      //       type: 'isAnyOf',
+      //       values: [
+      //         '0x6ec0c2f25d323e7779925Cc20c3740101f990d9F',
+      //         '0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6',
+      //         '0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6',
+      //         '0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486',
+      //         '0x0D6e43CA32545B3dc2FE6f93AafBD7e640F548d4',
+      //         '0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8', // greg
+      //         '0x4a1457fa2845bAfE8D3909cA3C5ac6107be312Dd', // william PM
+      //         '0xfCB8B2d294eD7373B3B590dd7C0CBC430d41a9a0', // Arun from Meld
+      //         '0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2', // felix
+      //       ],
+      //     },
+      //   ],
+      //   value: true,
+      // },
+      // {
+      //   if_all: [
+      //     {
+      //       key: 'userId',
+      //       type: 'pctRollout',
+      //       pct: 5,
+      //     },
+      //     {
+      //       key: 'apiKey',
+      //       type: 'isAnyOf',
+      //       values: [POLYMARKET_API_KEY],
+      //     },
+      //   ],
+      //   if_any: [
+      //     {
+      //       key: 'userId',
+      //       type: 'pctRollout',
+      //       pct: 0,
+      //     },
+      //   ],
+      //   value: true,
+      // },
       {
         if_any: [
           {
@@ -3665,6 +3666,14 @@ var flagConfig = {
       PLN: [370, 1860, 3715],
       SGD: [130, 645, 1285]
     })
+  },
+  [FlagKey.MinTokenTransferValue]: {
+    type: "string",
+    default_value: JSON.stringify({
+      CA: { mainnet: 80, nonMainnet: 15 },
+      AU: { mainnet: 90, nonMainnet: 20 },
+      DEFAULT: { mainnet: 50, nonMainnet: 10 }
+    })
   }
 };
 
@@ -3930,7 +3939,7 @@ import {
   isTokenEquivalent as isTokenEquivalent2,
   round
 } from "@funkit/utils";
-import { polygon as polygon2 } from "viem/chains";
+import { arbitrum as arbitrum2, polygon as polygon2 } from "viem/chains";
 
 // src/hooks/useCheckoutDirectExecution.ts
 import { DirectExecutionType } from "@funkit/api-base";
@@ -4050,13 +4059,17 @@ function isVertexDirectExecution({
   config,
   paymentMethod,
   sourceAsset,
-  sourceChain
+  sourceChain,
+  targetAsset,
+  targetChain
 }) {
   return isVertexCustomer(apiKey) && isCheckoutPostActionRequired(config) && paymentMethod === "balance" /* ACCOUNT_BALANCE */ && isTokenEquivalent({
     firstTokenAddress: sourceAsset,
     firstTokenChainId: sourceChain,
-    secondTokenAddress: config.targetAsset,
-    secondTokenChainId: config.targetChain
+    // consider the current target asset and chain first before the config values, reasoning is the real values get updated after submitting the Select Asset step, not when the Receive token dropdown changes value
+    // if needed, we can still provide config values as current target asset and chain
+    secondTokenAddress: targetAsset ?? config.targetAsset,
+    secondTokenChainId: targetChain ?? config.targetChain
   });
 }
 function useCheckoutDirectExecution() {
@@ -4231,6 +4244,9 @@ var DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE = "Your Purchase";
 var ASSET_DECIMALS = 5;
 var USD_DECIMALS = 2;
 var USD_INITIAL_AMOUNT = 100;
+function getDefaultAmountFromQuickOptions(quickOptions) {
+  return quickOptions?.[Math.floor((quickOptions.length - 1) / 2)];
+}
 function getUsdMaxAmount(maxUsd) {
   if (maxUsd < Number.MAX_VALUE) return maxUsd;
   return null;
@@ -4353,6 +4369,10 @@ function isDefaultToken(asset, checkoutConfig) {
   );
 }
 var isPolygonEcosystemToken = (chainId, tokenAddress) => chainId === polygon2.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
+var isVertexTokenOnArbitrum = (chainId, tokenAddress) => chainId === arbitrum2.id.toString() && isTokenAddressEquivalent2({
+  firstTokenAddress: tokenAddress,
+  secondTokenAddress: "0x95146881b86b3ee99e63705ec87afe29fcc044d9"
+});
 var isAssetUsableToPayForCheckout = ({
   apiKey,
   config,
@@ -4380,24 +4400,28 @@ var isAssetUsableToPayForCheckout = ({
   if (isSameAsPurchasingToken) {
     return { isUsable: false, reason: "Not Applicable" };
   }
+  const isVertexDirectExecutionCase = isVertexDirectExecution({
+    apiKey,
+    config,
+    paymentMethod,
+    targetAsset: targetTokenAddress,
+    targetChain: targetChainId,
+    sourceAsset: assetTokenAddress,
+    sourceChain: assetChainId
+  });
   const usableAmountEstimation = getUsdAvailableAmount(
     targetChainId,
     assetChainId,
     assetUsdAmount,
     paymentMethod,
-    isVertexDirectExecution({
-      apiKey,
-      config,
-      paymentMethod,
-      sourceAsset: assetTokenAddress,
-      sourceChain: assetChainId
-    })
+    isVertexDirectExecutionCase
   );
   if (usableAmountEstimation !== null && usableAmountEstimation < getUsdMinAmount(paymentMethod)) {
     return { isUsable: false, reason: LOW_BALANCE };
   }
+  const isVertexTokenDisabledOnArbitrum = isVertexTokenOnArbitrum(assetChainId, assetTokenAddress) && !isVertexDirectExecutionCase;
   const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId]?.isFunWalletSupported;
-  const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId]?.isCheckoutSupported;
+  const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId]?.isCheckoutSupported && !isVertexTokenDisabledOnArbitrum;
   return {
     isUsable: !!isSupported,
     reason: !isSupported ? "Unsupported" : ""
@@ -6070,7 +6094,7 @@ var HelpIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React57.createElement("g", { "clip-path": "url(#clip0_29018_24767)" }, /* @__PURE__ */ React57.createElement(
+    /* @__PURE__ */ React57.createElement("g", { clipPath: "url(#clip0_29018_24767)" }, /* @__PURE__ */ React57.createElement(
       "path",
       {
         d: "M6.09825 6.50016C6.25498 6.05461 6.56435 5.6789 6.97155 5.43958C7.37875 5.20027 7.85751 5.11279 8.32303 5.19264C8.78855 5.27249 9.21079 5.51451 9.51497 5.87585C9.81914 6.23718 9.98562 6.69451 9.98491 7.16683C9.98491 8.50016 7.98492 9.16683 7.98492 9.16683M8.03825 11.8335H8.04492M14.7049 8.50016C14.7049 12.1821 11.7201 15.1668 8.03825 15.1668C4.35635 15.1668 1.37158 12.1821 1.37158 8.50016C1.37158 4.81826 4.35635 1.8335 8.03825 1.8335C11.7201 1.8335 14.7049 4.81826 14.7049 8.50016Z",
@@ -6191,7 +6215,8 @@ function Dialog({
   titleId,
   isHidden = false,
   isSmartCloseable = false,
-  withoutInternalPadding = false,
+  withoutSidePadding: withoutSidePadding2 = false,
+  withoutBottomPadding: withoutBottomPadding2 = false,
   withTransition = true
 }) {
   const { allowBackgroundScroll } = useFunkitConfig();
@@ -6277,7 +6302,8 @@ function Dialog({
           /* @__PURE__ */ React59.createElement(FocusTrap, { className: content }, /* @__PURE__ */ React59.createElement(
             DialogWrapper,
             {
-              withoutInternalPadding
+              withoutSidePadding: withoutSidePadding2,
+              withoutBottomPadding: withoutBottomPadding2
             },
             children
           ))
@@ -6289,7 +6315,8 @@ function Dialog({
 }
 var DialogWrapper = ({
   children,
-  withoutInternalPadding = false
+  withoutSidePadding: withoutSidePadding2 = false,
+  withoutBottomPadding: withoutBottomPadding2 = false
 }) => {
   const mobile = isMobile2();
   const modalSize = useContext9(ModalSizeContext);
@@ -6304,7 +6331,8 @@ var DialogWrapper = ({
       className: clsx6(
         mapModalSizeToClassName[modalSize],
         mobile && dialogMobile,
-        withoutInternalPadding && dialogWithoutInternalPadding
+        withoutSidePadding2 && withoutSidePadding,
+        withoutBottomPadding2 && withoutBottomPadding
       )
     },
     children
@@ -7030,7 +7058,7 @@ function getCheckoutCompletionTime(checkout) {
 }
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
-import React221, { useCallback as useCallback40, useMemo as useMemo38, useState as useState57 } from "react";
+import React221, { useCallback as useCallback40, useMemo as useMemo36, useState as useState57 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
 
 // src/components/HelpAlert/HelpAlert.tsx
@@ -7785,7 +7813,7 @@ import {
   getAllWalletTokens
 } from "@funkit/api-base";
 import { keepPreviousData, useQuery as useQuery5 } from "@tanstack/react-query";
-import { arbitrum as arbitrum2, polygon as polygon3 } from "viem/chains";
+import { arbitrum as arbitrum3, polygon as polygon3 } from "viem/chains";
 import { useAccount as useAccount3 } from "wagmi";
 
 // src/utils/assets.ts
@@ -7820,7 +7848,7 @@ function normalizeAssetSymbol(asset) {
   if (isTokenEquivalent3({
     firstTokenChainId: asset.chainId,
     firstTokenAddress: asset.contractAddress,
-    secondTokenChainId: arbitrum2.id.toString(),
+    secondTokenChainId: arbitrum3.id.toString(),
     secondTokenAddress: ARBITRUM_USDCE_TOKEN
   })) {
     return { ...asset, symbol: "USDC.e" };
@@ -10705,7 +10733,7 @@ var BankIconActive = ({ size = 20 }) => {
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
-import React214, { Fragment as Fragment3, useCallback as useCallback39, useMemo as useMemo36, useState as useState55 } from "react";
+import React214, { Fragment as Fragment3, useCallback as useCallback39, useMemo as useMemo34, useState as useState55 } from "react";
 
 // src/providers/walletConnectDeepLink.ts
 var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
@@ -11302,7 +11330,7 @@ var SocialsIcon = () => {
 };
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React213, { useCallback as useCallback38, useMemo as useMemo35, useState as useState54 } from "react";
+import React213, { useCallback as useCallback38, useMemo as useMemo33, useState as useState54 } from "react";
 
 // src/hooks/useAnimatedNavigation.ts
 import { useCallback as useCallback16, useState as useState17 } from "react";
@@ -14223,6 +14251,7 @@ import {
   noop as noop4
 } from "@funkit/utils";
 import React124, { useMemo as useMemo17, useState as useState23 } from "react";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
 import clsx13 from "clsx";
 import { motion as motion4, useAnimationControls } from "motion/react";
 
@@ -14262,6 +14291,8 @@ var NO_DATA = {
 function renderRelayFee(relayQuote) {
   const { details, fees } = relayQuote;
   const gasUsd = Number.parseFloat(fees?.gas?.amountUsd || "0");
+  const destinationChainId = details?.currencyOut?.currency?.chainId || "";
+  const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[destinationChainId]?.name;
   const totalImpactStr = (details?.totalImpact?.percent || "0").replace("-", "");
   const totalImpact = Number.parseFloat(totalImpactStr);
   const swapImpactStr = (details?.swapImpact?.percent || "0").replace("-", "");
@@ -14288,13 +14319,7 @@ function renderRelayFee(relayQuote) {
         label: "Network cost",
         valueIcon: /* @__PURE__ */ React124.createElement(GasIcon, null),
         value: formatCurrencyAndStringify4(gasUsd),
-        tooltipText: /* @__PURE__ */ React124.createElement(React124.Fragment, null, "Estimated gas cost for completing your transaction, including the network fee and routing gas fees. The final cost may vary based on network conditions.", /* @__PURE__ */ React124.createElement("br", null), /* @__PURE__ */ React124.createElement(
-          FunLinkButton,
-          {
-            href: "https://docs.polymarket.com/docs/price-impact",
-            text: "Learn more"
-          }
-        ))
+        tooltipText: /* @__PURE__ */ React124.createElement(React124.Fragment, null, "Estimated gas cost for completing your transaction, including the network fee and routing gas fees. The final cost may vary based on network conditions.")
       },
       {
         label: "Price impact",
@@ -14324,7 +14349,7 @@ function renderRelayFee(relayQuote) {
             display: "flex",
             justifyContent: "space-between"
           },
-          /* @__PURE__ */ React124.createElement(Text, { size: "10" }, "Fill gas (Ethereum)"),
+          /* @__PURE__ */ React124.createElement(Text, { size: "10" }, "Fill gas ", chainName ? `(${chainName})` : ""),
           /* @__PURE__ */ React124.createElement(Text, { size: "10", weight: "medium" }, formatCurrencyAndStringify4(relayGas))
         ), /* @__PURE__ */ React124.createElement(
           Box,
@@ -14335,26 +14360,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.", " ", /* @__PURE__ */ React124.createElement(
-          FunLinkButton,
-          {
-            inline: true,
-            href: "https://docs.polymarket.com/docs/price-impact",
-            text: "Learn more"
-          }
-        )))
+        )), /* @__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.", " ", /* @__PURE__ */ React124.createElement(
-          FunLinkButton,
-          {
-            inline: true,
-            href: "https://docs.polymarket.com/docs/price-impact",
-            text: "Learn more"
-          }
-        ))
+        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.")
       }
     ]
   };
@@ -16475,7 +16486,7 @@ var useMeldDefaultCurrency = (paymentMethod) => {
   const { userIpInfo } = useFunkitUserIp();
   const enableMeld = useFlag(FlagKey18.EnableMeldPayment);
   const query = useQuery12({
-    queryKey: ["meld", "defaultCurrency"],
+    queryKey: ["meld", "defaultCurrency", paymentMethod],
     queryFn: async () => {
       if (!apiKey) return "";
       const response = await getMeldDefaultFiat({
@@ -16494,6 +16505,92 @@ var useMeldDefaultCurrency = (paymentMethod) => {
   return query;
 };
 
+// src/hooks/queries/useMeldLimits.ts
+import { getMeldFiatLimits } from "@funkit/api-base";
+import { formatCurrencyAndStringify as formatCurrencyAndStringify5 } from "@funkit/utils";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
+
+// src/hooks/queries/useMeldCryptoCurrencyCode.ts
+function useMeldCryptoCurrencyCode() {
+  const { checkoutItem } = useCheckoutContext();
+  const _targetChain = checkoutItem?.initSettings.config.targetChain;
+  const _targetAsset = checkoutItem?.initSettings.config.targetAsset;
+  return "USDC_POLYGON";
+}
+
+// src/hooks/queries/useMeldLimits.ts
+var useMeldLimits = (isEnabled = true) => {
+  const { apiKey } = useFunkitConfig();
+  const { userIpInfo } = useFunkitUserIp();
+  const cryptoCurrency = useMeldCryptoCurrencyCode();
+  const countryCode = userIpInfo?.alpha2;
+  const query = useQuery13({
+    queryKey: ["meld", "limits", countryCode, cryptoCurrency],
+    queryFn: async () => {
+      if (!apiKey || !countryCode) return void 0;
+      const response = await getMeldFiatLimits({
+        params: {
+          countries: [countryCode],
+          cryptoCurrencies: cryptoCurrency ? [cryptoCurrency] : [],
+          // left out intentionally to preload other currency limits
+          fiatCurrencies: []
+        },
+        apiKey
+      });
+      return response?.limits;
+    },
+    enabled: isEnabled && !!apiKey && !!countryCode && !!cryptoCurrency,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    staleTime: 1e3 * 60 * 60
+    // 1 hour
+  });
+  return query;
+};
+var useMeldLimit = (fiatCurrency) => {
+  const query = useMeldLimits();
+  return {
+    ...query,
+    data: query.data?.find((limit) => limit.currencyCode === fiatCurrency)
+  };
+};
+var useMeldLimitError = (amount, fiatCurrency) => {
+  const { data: meldLimit } = useMeldLimit(fiatCurrency);
+  if (!meldLimit) return void 0;
+  if (amount < meldLimit.minimumAmount) {
+    const limit = formatCurrencyAndStringify5(
+      meldLimit.minimumAmount ?? 0,
+      {},
+      {
+        currency: fiatCurrency,
+        currencyDisplay: "narrowSymbol",
+        minimumFractionDigits: 0
+      }
+    );
+    return {
+      issue: "Amount below minimum",
+      suggestion: `Input an amount greater than ${limit}.`
+    };
+  }
+  if (amount > meldLimit.maximumAmount) {
+    const limit = formatCurrencyAndStringify5(
+      meldLimit.maximumAmount ?? 0,
+      {},
+      {
+        currency: fiatCurrency,
+        currencyDisplay: "narrowSymbol",
+        minimumFractionDigits: 0
+      }
+    );
+    return {
+      issue: "Amount above maximum",
+      suggestion: `Input an amount lower than ${limit}.`
+    };
+  }
+  return void 0;
+};
+
 // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
 import {
   FlagKey as FlagKey21,
@@ -16502,7 +16599,7 @@ import {
   isTokenEquivalent as isTokenEquivalent6,
   round as round3
 } from "@funkit/utils";
-import React150, { useMemo as useMemo24 } from "react";
+import React150, { useMemo as useMemo22 } from "react";
 
 // src/components/CurrencySelector/CurrencySelector.tsx
 import React139 from "react";
@@ -16579,7 +16676,7 @@ import React142 from "react";
 // src/components/MeldQuoteItem/MeldQuoteItem.tsx
 import {
   formatCryptoAndStringify as formatCryptoAndStringify2,
-  formatCurrencyAndStringify as formatCurrencyAndStringify5
+  formatCurrencyAndStringify as formatCurrencyAndStringify6
 } from "@funkit/utils";
 import React141 from "react";
 
@@ -16649,7 +16746,7 @@ var MeldQuoteItem = ({
       }
     }
   );
-  const fiatAmount = formatCurrencyAndStringify5(
+  const fiatAmount = formatCurrencyAndStringify6(
     quote.sourceAmount,
     {},
     { currency: quote.sourceCurrencyCode }
@@ -16668,8 +16765,8 @@ var MeldQuoteItem = ({
     /* @__PURE__ */ React141.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React141.createElement(Box, { justifyContent: "center", display: "flex", alignItems: "center" }, /* @__PURE__ */ React141.createElement(
       AsyncImage,
       {
-        width: "20",
-        height: "20",
+        width: "28",
+        height: "28",
         src: getMeldProviderIconUrl(quote.serviceProvider),
         fallbackSrc: FALLBACK_ASSET,
         alt: quote.serviceProvider,
@@ -17550,90 +17647,6 @@ var YouPayYouReceiveBottomBarLayoutWrapper = ({
   );
 };
 
-// src/hooks/queries/useMeldLimits.ts
-import { getMeldFiatLimits } from "@funkit/api-base";
-import { formatCurrencyAndStringify as formatCurrencyAndStringify6 } from "@funkit/utils";
-import { useQuery as useQuery13 } from "@tanstack/react-query";
-import { useMemo as useMemo22 } from "react";
-
-// src/hooks/queries/useMeldCryptoCurrencyCode.ts
-function useMeldCryptoCurrencyCode() {
-  const { checkoutItem } = useCheckoutContext();
-  const _targetChain = checkoutItem?.initSettings.config.targetChain;
-  const _targetAsset = checkoutItem?.initSettings.config.targetAsset;
-  return "USDC_POLYGON";
-}
-
-// src/hooks/queries/useMeldLimits.ts
-var useMeldLimits = (fiatCurrency) => {
-  const { apiKey } = useFunkitConfig();
-  const { userIpInfo } = useFunkitUserIp();
-  const cryptoCurrency = useMeldCryptoCurrencyCode();
-  const query = useQuery13({
-    queryKey: ["meld", "limits", userIpInfo?.alpha2, cryptoCurrency],
-    queryFn: async () => {
-      if (!apiKey || !userIpInfo) return void 0;
-      const { alpha2: countryCode } = userIpInfo;
-      const response = await getMeldFiatLimits({
-        params: {
-          countries: [countryCode],
-          cryptoCurrencies: cryptoCurrency ? [cryptoCurrency] : [],
-          // left out intentionally to preload other currency limits
-          fiatCurrencies: []
-        },
-        apiKey
-      });
-      return response?.limits;
-    },
-    enabled: !!apiKey && !!userIpInfo && !!fiatCurrency && !!cryptoCurrency,
-    refetchOnMount: false,
-    refetchOnReconnect: false,
-    refetchOnWindowFocus: false,
-    staleTime: 1e3 * 60 * 60
-    // 1 hour
-  });
-  return query;
-};
-var useMeldLimitError = (amount, fiatCurrency) => {
-  const { data } = useMeldLimits(fiatCurrency);
-  const meldLimit = useMemo22(
-    () => data?.find((lim) => lim.currencyCode === fiatCurrency),
-    [data, fiatCurrency]
-  );
-  if (!meldLimit) return void 0;
-  if (amount < meldLimit.minimumAmount) {
-    const limit = formatCurrencyAndStringify6(
-      meldLimit.minimumAmount ?? 0,
-      {},
-      {
-        currency: fiatCurrency,
-        currencyDisplay: "narrowSymbol",
-        minimumFractionDigits: 0
-      }
-    );
-    return {
-      issue: "Amount below minimum",
-      suggestion: `Input an amount greater than ${limit}.`
-    };
-  }
-  if (amount > meldLimit.maximumAmount) {
-    const limit = formatCurrencyAndStringify6(
-      meldLimit.maximumAmount ?? 0,
-      {},
-      {
-        currency: fiatCurrency,
-        currencyDisplay: "narrowSymbol",
-        minimumFractionDigits: 0
-      }
-    );
-    return {
-      issue: "Amount above maximum",
-      suggestion: `Input an amount lower than ${limit}.`
-    };
-  }
-  return void 0;
-};
-
 // src/components/Icons/SwitchIcon.tsx
 import React147 from "react";
 var SwitchIcon = () => {
@@ -17886,35 +17899,22 @@ function InputAmountLayout({
 
 // src/modals/CheckoutModal/InputAmount/QuickOptions.tsx
 import { FlagKey as FlagKey20, clamp, formatCurrencyAndStringify as formatCurrencyAndStringify7 } from "@funkit/utils";
-import React149, { useMemo as useMemo23 } from "react";
+import React149 from "react";
 var USD_AMOUNT_OPTIONS_PCT = [25, 50, 75, 100];
-var USD_AMOUNT_OPTIONS = [100, 500, 1e3];
 function deduplicateArray(arr) {
   return Array.from(new Set(arr));
 }
-function useFiatAmountOptions(percentMode, currency) {
+function useFiatAmountOptions(currency) {
   const currencyQuickOptionStr = useFlag(FlagKey20.MeldQuickOptions);
   const currencyQuickOption = safeJSONParse(
     currencyQuickOptionStr
   );
-  const { data: limits, isPending } = useMeldLimits(currency);
-  const meldLimit = useMemo23(
-    () => limits?.find((lim) => lim.currencyCode === currency),
-    [limits, currency]
-  );
-  if (percentMode) {
-    return USD_AMOUNT_OPTIONS_PCT;
-  }
+  const { data: meldLimit, isPending } = useMeldLimit(currency);
   if (isPending || !meldLimit) {
     return [];
   }
   const minimumAmount = meldLimit.minimumAmount;
   const maximumAmount = meldLimit.maximumAmount;
-  if (currency === "USD") {
-    return deduplicateArray(
-      USD_AMOUNT_OPTIONS.map((val) => clamp(val, minimumAmount, maximumAmount))
-    );
-  }
   return deduplicateArray(
     currencyQuickOption?.[currency]?.map(
       (val) => clamp(val, minimumAmount, maximumAmount)
@@ -17922,42 +17922,44 @@ function useFiatAmountOptions(percentMode, currency) {
   );
 }
 var QuickOptions = ({
-  onSelect,
-  percentMode = true,
+  currency = "USD",
   disabled = false,
-  currency = "USD"
+  onSelect,
+  options,
+  percentMode = true
 }) => {
-  const currencyAmountOptions = useFiatAmountOptions(percentMode, currency);
-  return currencyAmountOptions.map((option, index) => /* @__PURE__ */ React149.createElement(
-    FunIconButton,
-    {
-      borderRadius: "actionButton",
-      fontSize: "14",
-      fontWeight: "medium",
-      color: "primaryText",
-      icon: null,
-      isDisabled: disabled,
-      key: `${option}-${index}`,
-      onClick: () => onSelect?.(option),
-      paddingX: "12",
-      size: "36",
-      variant: "filled",
-      colorOverrides: {
-        baseBackground: "inputAmountQuickOptionBaseBackground",
-        hoverBackground: "inputAmountQuickOptionHoverBackground",
-        activeBackground: "inputAmountQuickOptionActiveBackground"
-      }
-    },
-    !percentMode ? formatCurrencyAndStringify7(
-      option,
-      {},
+  return (percentMode ? USD_AMOUNT_OPTIONS_PCT : options)?.map(
+    (option, index) => /* @__PURE__ */ React149.createElement(
+      FunIconButton,
       {
-        minimumFractionDigits: 0,
-        currency,
-        currencyDisplay: "narrowSymbol"
-      }
-    ) : option === 100 ? "Max" : `${option}%`
-  ));
+        borderRadius: "actionButton",
+        fontSize: "14",
+        fontWeight: "medium",
+        color: "primaryText",
+        icon: null,
+        isDisabled: disabled,
+        key: `${option}-${index}`,
+        onClick: () => onSelect?.(option),
+        paddingX: "12",
+        size: "36",
+        variant: "filled",
+        colorOverrides: {
+          baseBackground: "inputAmountQuickOptionBaseBackground",
+          hoverBackground: "inputAmountQuickOptionHoverBackground",
+          activeBackground: "inputAmountQuickOptionActiveBackground"
+        }
+      },
+      !percentMode ? formatCurrencyAndStringify7(
+        option,
+        {},
+        {
+          minimumFractionDigits: 0,
+          currency,
+          currencyDisplay: "narrowSymbol"
+        }
+      ) : option === 100 ? "Max" : `${option}%`
+    )
+  );
 };
 
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
@@ -17970,12 +17972,12 @@ import {
 // src/modals/CheckoutModal/InputAmount/state.ts
 import { round as round2 } from "@funkit/utils";
 function getInputValueFromAmount(params) {
-  const amount = params.isInputInUsd ? params.usdAmount : params.assetAmount;
+  const amount = params.isInputInFiat ? params.fiatAmount : params.assetAmount;
   if (!amount) return "";
   const formattedAmount = amount.toFixed(
-    params.isInputInUsd ? USD_DECIMALS : ASSET_DECIMALS
+    params.isInputInFiat ? USD_DECIMALS : ASSET_DECIMALS
   );
-  return params.isInputInUsd ? params.currencySymbol + formattedAmount : formattedAmount;
+  return params.isInputInFiat ? params.currencySymbol + formattedAmount : formattedAmount;
 }
 function initializeState({
   apiKey,
@@ -17986,10 +17988,12 @@ function initializeState({
   sourceHolding,
   unitPrice,
   defaultAmount,
-  fiatCurrency = "USD"
+  fiatCurrency = "USD",
+  quickOptions
 }) {
   const { targetAssetAmount, targetChain } = checkoutConfig;
-  const isInputInUsd = true;
+  const isCardCheckout = paymentMethod === "card" /* CARD */;
+  const isInputInFiat = true;
   const usdAvailableAmount = getUsdAvailableAmount(
     targetChain,
     sourceHolding?.pickedChainId,
@@ -18005,26 +18009,27 @@ function initializeState({
   );
   const usdMaxAmount = getUsdMaxAmount(maxUsd);
   const usdMinAmount = getUsdMinAmount(paymentMethod, minUsd);
-  const usdInitialAmount = defaultAmount ?? (targetAssetAmount === void 0 ? USD_INITIAL_AMOUNT : targetAssetAmount * unitPrice);
-  const usdFinalAmount = Math.min(
-    Math.max(usdInitialAmount, usdMinAmount, 0),
+  const initialFiatAmount = defaultAmount ?? (isCardCheckout ? getDefaultAmountFromQuickOptions(quickOptions) : targetAssetAmount === void 0 ? USD_INITIAL_AMOUNT : targetAssetAmount * unitPrice);
+  const finalFiatAmount = initialFiatAmount === void 0 ? void 0 : Math.min(
+    Math.max(initialFiatAmount, usdMinAmount, 0),
     usdAvailableAmount ?? Number.MAX_VALUE,
     usdMaxAmount ?? Number.MAX_VALUE
   );
-  const rounding = usdFinalAmount === usdInitialAmount ? "round" : usdFinalAmount === usdMinAmount ? "ceil" : "floor";
-  const assetAmount = targetAssetAmount !== void 0 && usdFinalAmount === usdInitialAmount ? targetAssetAmount : usdFinalAmount / unitPrice || 0;
-  const usdAmount = round2(usdFinalAmount, USD_DECIMALS, rounding);
+  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 inputValue = getInputValueFromAmount({
     assetAmount,
-    isInputInUsd,
-    usdAmount,
-    currencySymbol: getCurrencySymbol(fiatCurrency)
+    currencySymbol: getCurrencySymbol(fiatCurrency),
+    isInputInFiat,
+    fiatAmount
   });
   return {
     assetAmount,
+    fiatAmount,
+    fiatCurrency,
     inputValue,
-    isInputInUsd,
-    usdAmount,
+    isInputInFiat,
     usdAvailableAmount,
     usdMaxAmount,
     usdMinAmount
@@ -18032,10 +18037,10 @@ function initializeState({
 }
 function reduceState(state, action) {
   switch (action.type) {
-    case "toggleInputInUsd": {
+    case "toggleInputInFiat": {
       const newState = {
         ...state,
-        isInputInUsd: !state.isInputInUsd
+        isInputInFiat: !state.isInputInFiat
       };
       const inputValue = getInputValueFromAmount({
         ...newState,
@@ -18044,83 +18049,84 @@ function reduceState(state, action) {
       return { ...newState, inputValue };
     }
     case "setInputValue": {
-      const { inputValue: rawInputValue, unitPrice, fiatCurrency } = action;
-      const currencySymbol = getCurrencySymbol(fiatCurrency);
-      const regex = state.isInputInUsd ? /\d+(\.\d{0,2})?/ : /\d+(\.\d{0,5})?/;
+      const { inputValue: rawInputValue, unitPrice } = 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.isInputInUsd ? `${currencySymbol}${numericInputValue}` : numericInputValue;
+      const newInputValue = numericInputValue && state.isInputInFiat ? `${currencySymbol}${numericInputValue}` : numericInputValue;
       if (newInputValue === state.inputValue) return state;
       const newInputAmount = Number.parseFloat(numericInputValue) || 0;
-      if (state.isInputInUsd) {
+      if (state.isInputInFiat) {
         return {
           ...state,
           assetAmount: newInputAmount / unitPrice || 0,
           inputValue: newInputValue,
-          usdAmount: newInputAmount
+          fiatAmount: newInputAmount
         };
       }
       return {
         ...state,
         assetAmount: newInputAmount,
         inputValue: newInputValue,
-        usdAmount: round2(newInputAmount * unitPrice, USD_DECIMALS)
+        fiatAmount: round2(newInputAmount * unitPrice, USD_DECIMALS)
       };
     }
-    case "changeFiatCurrency": {
+    case "setFiatCurrency": {
       const inputValue = getInputValueFromAmount({
         ...state,
         currencySymbol: getCurrencySymbol(action.fiatCurrency)
       });
       return {
         ...state,
+        fiatCurrency: action.fiatCurrency,
         inputValue
       };
     }
-    case "setUsdAmount": {
-      const { unitPrice, usdAmount, fiatCurrency } = action;
-      const assetAmount = usdAmount / unitPrice || 0;
+    case "setFiatAmount": {
+      const { unitPrice, fiatAmount } = action;
+      const assetAmount = fiatAmount / unitPrice || 0;
       const inputValue = getInputValueFromAmount({
-        isInputInUsd: state.isInputInUsd,
         assetAmount,
-        usdAmount,
-        currencySymbol: getCurrencySymbol(fiatCurrency)
+        currencySymbol: getCurrencySymbol(state.fiatCurrency),
+        fiatAmount,
+        isInputInFiat: state.isInputInFiat
       });
       return {
         ...state,
         assetAmount,
-        usdAmount,
+        fiatAmount,
         inputValue
       };
     }
   }
 }
 function getAmountInputError(state) {
-  const { usdAmount, usdAvailableAmount, usdMaxAmount, usdMinAmount } = state;
+  const { fiatAmount, usdAvailableAmount, usdMaxAmount, usdMinAmount } = state;
   if (usdAvailableAmount === 0) {
     return {
       type: "noAvailableBalance"
     };
   }
-  if (usdAvailableAmount && usdAmount > usdAvailableAmount) {
+  if (usdAvailableAmount && fiatAmount > usdAvailableAmount) {
     return {
       type: "aboveAvailable",
       usdAvailableAmount
     };
   }
-  if (usdMaxAmount && usdAmount > usdMaxAmount) {
+  if (usdMaxAmount && fiatAmount > usdMaxAmount) {
     return {
       type: "aboveMax",
       usdMaxAmount
     };
   }
-  if (usdMinAmount && usdAmount < usdMinAmount) {
+  if (usdMinAmount && fiatAmount < usdMinAmount) {
     return {
       type: "belowMin",
       usdMinAmount
     };
   }
-  if (usdAmount === 0) {
+  if (fiatAmount === 0) {
     return {
       type: "noInput"
     };
@@ -18138,10 +18144,12 @@ function getDerivedState(state) {
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 function useAmountInput(options) {
   const [state, dispatch] = useReducer3(reduceState, options, initializeState);
+  const isCardCheckout = options.paymentMethod === "card" /* CARD */;
   const {
     unitPrice: realUnitPrice,
     checkoutConfig,
-    fiatCurrency = "USD"
+    fiatCurrency = "USD",
+    quickOptions
   } = options;
   const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
   const dispatchAndGetNewState = useCallback28(
@@ -18156,41 +18164,60 @@ function useAmountInput(options) {
       dispatch({
         type: "setInputValue",
         inputValue: event.target.value,
-        unitPrice,
-        fiatCurrency
+        unitPrice
       });
     },
-    [unitPrice, fiatCurrency]
+    [unitPrice]
   );
-  useEffect27(
-    () => dispatch({ type: "changeFiatCurrency", fiatCurrency }),
-    [fiatCurrency]
-  );
-  const setUsdAmount = useCallback28(
-    (usdAmount) => dispatchAndGetNewState({
-      type: "setUsdAmount",
-      unitPrice,
-      fiatCurrency,
-      usdAmount
+  const defaultAmount = isCardCheckout ? getDefaultAmountFromQuickOptions(quickOptions) : void 0;
+  useEffect27(() => {
+    if (state.fiatCurrency !== fiatCurrency) {
+      dispatch({
+        type: "setFiatCurrency",
+        fiatCurrency
+      });
+      if (state.isInputInFiat) {
+        dispatch({
+          type: "setFiatAmount",
+          fiatAmount: defaultAmount ?? 0,
+          unitPrice
+        });
+      }
+    }
+  }, [fiatCurrency]);
+  useEffect27(() => {
+    if (defaultAmount && state.inputValue === "") {
+      dispatch({
+        type: "setFiatAmount",
+        fiatAmount: defaultAmount,
+        unitPrice
+      });
+    }
+  }, [defaultAmount]);
+  const setFiatAmount = useCallback28(
+    (fiatAmount) => dispatchAndGetNewState({
+      type: "setFiatAmount",
+      fiatAmount,
+      unitPrice
     }),
-    [dispatchAndGetNewState, unitPrice, fiatCurrency]
+    [dispatchAndGetNewState, unitPrice]
   );
   const derivedState = getDerivedState(state);
-  const toggleInputInUsd = useCallback28(
-    () => dispatch({ type: "toggleInputInUsd" }),
+  const toggleInputInFiat = useCallback28(
+    () => dispatch({ type: "toggleInputInFiat" }),
     []
   );
   return {
     ...derivedState,
     onChange,
-    toggleInputInUsd,
-    setUsdAmount,
-    placeholder: state.isInputInUsd ? formatCurrencyAndStringify8(
+    placeholder: state.isInputInFiat ? formatCurrencyAndStringify8(
       0,
       {},
       { currency: fiatCurrency, currencyDisplay: "narrowSymbol" }
     ) : formatCryptoAndStringify3(0),
-    suggestion: getInputAmountSuggestion(derivedState.inputError)
+    setFiatAmount,
+    suggestion: getInputAmountSuggestion(derivedState.inputError),
+    toggleInputInFiat
   };
 }
 
@@ -18223,7 +18250,7 @@ function InputAmountLoaded({
   onNext,
   sourceHolding,
   unitPrice,
-  defaultFiatCurrency,
+  defaultFiatCurrency = "USD",
   textCustomizations
 }) {
   const maxCheckoutUsdString = useFlag(FlagKey21.MaxCheckoutUsd);
@@ -18236,16 +18263,17 @@ function InputAmountLoaded({
   const { updateTargetAssetAmount } = useCheckoutContext();
   const minUsd = targetAssetMinAmount && unitPrice ? Math.ceil(targetAssetMinAmount * unitPrice * 100) / 100 : void 0;
   const fiatCurrency = modalState.fiatCurrency ?? defaultFiatCurrency;
+  const quickOptions = useFiatAmountOptions(fiatCurrency);
   const {
     assetAmount,
     inputError,
     inputValue,
-    isInputInUsd,
+    isInputInFiat,
     isValid,
     onChange,
-    toggleInputInUsd,
-    setUsdAmount,
-    usdAmount,
+    toggleInputInFiat,
+    setFiatAmount,
+    fiatAmount,
     usdAvailableAmount,
     placeholder,
     suggestion
@@ -18258,6 +18286,7 @@ function InputAmountLoaded({
     unitPrice,
     maxUsd: Number.parseFloat(maxCheckoutUsdString),
     minUsd,
+    quickOptions,
     fiatCurrency
   });
   const {
@@ -18268,8 +18297,8 @@ function InputAmountLoaded({
     bestRateQuote,
     selectedQuote,
     isSelectedQuoteUnavailable
-  } = useMeld(manuallySelectedQuote, usdAmount, fiatCurrency);
-  const error = useMemo24(() => {
+  } = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
+  const error = useMemo22(() => {
     if (isCardCheckout) {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -18307,12 +18336,15 @@ function InputAmountLoaded({
   ]);
   const { ref, fontSize, resetText } = useDynamicFont(inputValue || placeholder);
   const handleIsAmountInAbsoluteToggle = () => {
-    toggleInputInUsd();
+    toggleInputInFiat();
     resetText();
   };
   const handleContinue = async (assetAmount2) => {
     updateTargetAssetAmount(assetAmount2);
-    if (!meldEnabled) onNext({});
+    if (!meldEnabled) {
+      onNext({});
+      return;
+    }
     if (selectedQuote) {
       const result = await mutateAsync(selectedQuote.serviceProvider);
       window.open(result.widgetUrl, "_blank", "noopener,noreferrer");
@@ -18320,7 +18352,7 @@ function InputAmountLoaded({
   };
   const handleSubmit = () => {
     if (!suggestion) return handleContinue(assetAmount);
-    const newState = setUsdAmount(suggestion.usdAmount);
+    const newState = setFiatAmount(suggestion.usdAmount);
     if (suggestion.autoConfirm && newState.isValid) {
       handleContinue(newState.assetAmount);
     }
@@ -18331,10 +18363,10 @@ function InputAmountLoaded({
     handleSubmit();
   };
   const displayAssetAmount = round3(
-    isStablecoin(targetAssetTicker) ? usdAmount : assetAmount,
+    isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount,
     ASSET_DECIMALS
   );
-  const isConvertedAmountShown = targetAssetTicker && (!isInputInUsd || isCardCheckout && fiatCurrency === "USD" || !isCardCheckout);
+  const isConvertedAmountShown = targetAssetTicker && (!isInputInFiat || isCardCheckout && fiatCurrency === "USD" || !isCardCheckout);
   const isMeldContinueDisabled = meldEnabled && (!!meldLimitError || isMeldLinkPending || !!meldQuotesQuery.error || meldQuotesQuery.isFetching || isSelectedQuoteUnavailable);
   return /* @__PURE__ */ React150.createElement(
     InputAmountLayout,
@@ -18350,7 +18382,7 @@ function InputAmountLoaded({
         {
           selectedCurrency: fiatCurrency,
           onClick: (fiatCurrency2) => onNext({
-            fiatAmount: usdAmount,
+            fiatAmount,
             fiatCurrency: fiatCurrency2,
             nextStep: "meld_currency_select" /* MELD_CURRENCY_SELECT */
           })
@@ -18364,8 +18396,7 @@ function InputAmountLoaded({
           keyIcon: /* @__PURE__ */ React150.createElement(CreditCardIcon, { size: 16 }),
           onClick: () => onNext({
             nextStep: "source_change" /* SOURCE_CHANGE */,
-            fiatAmount: usdAmount,
-            navigateToHistoryStep: true
+            fiatAmount
           })
         }
       )),
@@ -18387,7 +18418,7 @@ function InputAmountLoaded({
             onChange,
             onKeyDown: handleKeyDown,
             inputProps: {
-              type: isInputInUsd ? "text" : "number",
+              type: isInputInFiat ? "text" : "number",
               autoFocus: true,
               spellCheck: false,
               // get ios to use numpad key with period
@@ -18423,28 +18454,29 @@ function InputAmountLoaded({
             borderRadius: "inputAmountSwitcher",
             isDisabled: isCardCheckout
           },
-          /* @__PURE__ */ React150.createElement(Text, { color: "secondaryText", size: "14" }, isInputInUsd ? formatCryptoAndStringify4(
+          /* @__PURE__ */ React150.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify4(
             displayAssetAmount,
             targetAssetTicker
-          ) : formatCurrencyAndStringify9(usdAmount))
+          ) : formatCurrencyAndStringify9(fiatAmount))
         )
       ),
       amountOptions: (!!usdAvailableAmount || isCardCheckout) && /* @__PURE__ */ React150.createElement(
         QuickOptions,
         {
-          percentMode: !isCardCheckout,
           currency: fiatCurrency,
           onSelect: (option) => {
             const selectedOption = usdAvailableAmount && !isCardCheckout ? usdAvailableAmount * (option / 100) : option;
-            setUsdAmount(selectedOption);
-          }
+            setFiatAmount(selectedOption);
+          },
+          options: quickOptions,
+          percentMode: !isCardCheckout
         }
       ),
       footer: meldEnabled ? /* @__PURE__ */ React150.createElement(Box, { paddingX: "6" }, /* @__PURE__ */ React150.createElement(
         SourceMeldQuoteItem,
         {
           onClick: () => onNext({
-            fiatAmount: usdAmount,
+            fiatAmount,
             fiatCurrency,
             provider: selectedQuote?.serviceProvider,
             nextStep: "meld_quotes" /* MELD_QUOTES */
@@ -18513,7 +18545,7 @@ function YouPayYouReceiveWrapper({
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
 import { FlagKey as FlagKey22, formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
-import React151, { useMemo as useMemo25 } from "react";
+import React151, { useMemo as useMemo23 } from "react";
 function InputAmountLoading({
   modalState,
   onBack,
@@ -18526,7 +18558,7 @@ function InputAmountLoading({
   const meldEnabled = useFlag(FlagKey22.EnableMeldPayment);
   const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
   const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
-  const error = useMemo25(() => {
+  const error = useMemo23(() => {
     if (sourceHoldingError) {
       return {
         message: /* @__PURE__ */ React151.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " ", paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */ && /* @__PURE__ */ React151.createElement(
@@ -18605,7 +18637,7 @@ function InputAmountLoading({
           )
         )
       ),
-      amountOptions: /* @__PURE__ */ React151.createElement(QuickOptions, { disabled: true, percentMode: !isCardCheckout }),
+      amountOptions: !isCardCheckout && /* @__PURE__ */ React151.createElement(QuickOptions, { disabled: true, options: USD_AMOUNT_OPTIONS_PCT, percentMode: true }),
       footer: isMeldCheckout ? /* @__PURE__ */ React151.createElement(Box, { paddingX: "6" }, /* @__PURE__ */ React151.createElement(SourceMeldQuoteItem, { isLoading: true })) : /* @__PURE__ */ React151.createElement(YouPayYouReceiveBottomBarLayoutWrapper, null, /* @__PURE__ */ React151.createElement(
         FunSkeletonBlock,
         {
@@ -18694,7 +18726,7 @@ function useAssetPrice({
 }
 
 // src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
-import { useMemo as useMemo26 } from "react";
+import { useMemo as useMemo24 } from "react";
 function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
   const {
     data: meshAssetHoldings,
@@ -18712,7 +18744,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
     ["token_transfer" /* TOKEN_TRANSFER */]: null,
     ["virtual_bank" /* VIRTUAL_BANK */]: null
   }[paymentMethodInfo.paymentMethod];
-  const holdingItem = useMemo26(() => {
+  const holdingItem = useMemo24(() => {
     if (!assetSymbol || !holdings) {
       return;
     }
@@ -18788,7 +18820,9 @@ function InputAmount(props) {
     checkoutItem?.selectedSourceAssetInfo.symbol ?? null
   );
   const { data: defaultCurrency, isLoading: isMeldDefaultCurrencyLoading } = useMeldDefaultCurrency(paymentMethodInfo.paymentMethod);
-  useMeldCurrencies(paymentMethodInfo.paymentMethod === "card" /* CARD */);
+  const isMeld = paymentMethodInfo.paymentMethod === "card" /* CARD */;
+  useMeldCurrencies(isMeld);
+  useMeldLimits(isMeld);
   const { error: unitPriceError, unitPrice } = useAssetPrice({
     chainId: checkoutItem?.initSettings.config.targetChain,
     assetTokenAddress: checkoutItem?.initSettings.config.targetAsset
@@ -19211,9 +19245,8 @@ function LoadingAccount({
 }
 
 // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
-import { clamp as clamp2 } from "@funkit/utils";
 import clsx15 from "clsx";
-import React159, { useMemo as useMemo27, useState as useState35 } from "react";
+import React159, { useMemo as useMemo25, useState as useState35 } from "react";
 
 // src/components/FunNoResults/FunNoResults.tsx
 import React158 from "react";
@@ -19369,14 +19402,13 @@ var selectWrapperStyle = "_163ehmk1";
 // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
 var MeldCurrencySelectInfo = {
   Component: MeldCurrencySelect,
-  //TODO: improve needless inflating of history if changing currency multiple times
   onNext: (state, payload) => {
     const common = extractCommonState(state);
     return {
       ...common,
       step: "input_amount" /* INPUT_AMOUNT */,
+      // fiatAmount: payload.fiatAmount,
       fiatCurrency: payload.currency,
-      fiatAmount: payload.fiatAmount,
       paymentMethodInfo: state.paymentMethodInfo
     };
   },
@@ -19386,7 +19418,7 @@ var MeldCurrencySelectInfo = {
     return {
       ...common,
       step: "input_amount" /* INPUT_AMOUNT */,
-      fiatAmount: state.fiatAmount,
+      // fiatAmount: state.fiatAmount,
       fiatCurrency: state.defaultCurrency,
       paymentMethodInfo: state.paymentMethodInfo
     };
@@ -19396,14 +19428,13 @@ function MeldCurrencySelect({
   modalState,
   onNext
 }) {
-  const { defaultCurrency, fiatAmount } = modalState;
+  const { defaultCurrency } = modalState;
   const { data, isPending } = useMeldCurrencies();
-  const { data: meldLimits } = useMeldLimits();
   const [query, setQuery] = useState35("");
   const [selectedCurrency, setSelectedCurrency] = useState35(
     defaultCurrency
   );
-  const filteredOptions = useMemo27(() => {
+  const filteredOptions = useMemo25(() => {
     const newOptions = data?.filter(
       ({ name, currencyCode }) => currencyCode.toLowerCase().includes(query.toLowerCase()) || name.toLowerCase().includes(query.toLowerCase())
     ) ?? [];
@@ -19416,13 +19447,9 @@ function MeldCurrencySelect({
   };
   const handleSelect = (value) => {
     setSelectedCurrency(value.currencyCode);
-    const newLimit = meldLimits?.find(
-      (limit) => limit.currencyCode === value.currencyCode
-    );
-    const newFiatAmount = newLimit ? clamp2(fiatAmount, newLimit.minimumAmount, newLimit.maximumAmount) : fiatAmount;
     onNext({
       currency: value.currencyCode,
-      fiatAmount: newFiatAmount,
+      // fiatAmount: newFiatAmount,
       navigateToHistoryStep: true
     });
   };
@@ -19524,7 +19551,7 @@ import {
   meshExecuteTransferProxy
 } from "@funkit/api-base";
 import { ClientError as ClientError4, FlagKey as FlagKey24, formatAddress as formatAddress4 } from "@funkit/utils";
-import React172, { useMemo as useMemo28, useState as useState38 } from "react";
+import React172, { useMemo as useMemo26, useState as useState38 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 
 // src/components/CopyAddress/CopyAddressButton.tsx
@@ -20104,7 +20131,7 @@ function MeshVerification({
     return () => setScreen(0 /* INITIAL */);
   });
   const brokerName = getExchangeName(brokerType);
-  const verificationTitle = useMemo28(() => {
+  const verificationTitle = useMemo26(() => {
     switch (executionStatus) {
       case MeshExecuteTransferStatus.secondMfaRequired:
         return `Additional ${brokerName} 2FA required`;
@@ -20131,7 +20158,7 @@ function MeshVerification({
     executionContent?.verificationSteps?.length,
     isSecond2fa
   ]);
-  const verificationDescription = useMemo28(() => {
+  const verificationDescription = useMemo26(() => {
     switch (executionStatus) {
       case MeshExecuteTransferStatus.secondMfaRequired:
         return `Please enable at least two 2FA methods on your ${brokerName} account. Once enabled, you will have to reconnect your account.`;
@@ -20276,7 +20303,7 @@ var VerificationPopup = ({
 };
 
 // src/modals/CheckoutModal/MoonpaySetup.tsx
-import React174, { useCallback as useCallback31, useMemo as useMemo30, useState as useState40 } from "react";
+import React174, { useCallback as useCallback31, useMemo as useMemo28, useState as useState40 } from "react";
 
 // src/components/FunPayments/FunPaymentMoonpayType.css.ts
 var mpClass = "_1kmpeyf0";
@@ -20285,7 +20312,7 @@ var stretchStyle = "_1kmpeyf1";
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/api-base";
 import { colorToHex } from "@funkit/utils";
-import React173, { Fragment as Fragment2, useEffect as useEffect33, useMemo as useMemo29, useState as useState39 } from "react";
+import React173, { Fragment as Fragment2, useEffect as useEffect33, useMemo as useMemo27, useState as useState39 } from "react";
 var LazyMoonPayBuyWidget = (props) => {
   const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState39(null);
   useEffect33(() => {
@@ -20316,7 +20343,7 @@ function FunPaymentMoonpayType({
   const isSandboxMode = useIsFunkitSandboxMode();
   const funkitConfig = useFunkitConfig();
   const { userInfo } = useGeneralWallet();
-  const currencyCode = useMemo29(() => {
+  const currencyCode = useMemo27(() => {
     return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
   }, [depositToken, depositTokenChainId]);
   const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
@@ -20339,7 +20366,7 @@ function FunPaymentMoonpayType({
     });
     return signature || "";
   };
-  const moonpayButtonColor = useMemo29(() => {
+  const moonpayButtonColor = useMemo27(() => {
     const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
     if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
       return void 0;
@@ -20394,7 +20421,7 @@ function MoonpaySetup({
       depositAddress: paymentAddress
     });
   }, [onNext, paymentAddress]);
-  const MoonpayWidget = useMemo30(() => {
+  const MoonpayWidget = useMemo28(() => {
     return /* @__PURE__ */ React174.createElement(
       FunPaymentMoonpayType,
       {
@@ -20425,7 +20452,7 @@ function MoonpaySetup({
 // src/modals/CheckoutModal/SelectAsset.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent7 } from "@funkit/utils";
-import React183, { useEffect as useEffect35, useMemo as useMemo32, useState as useState42 } from "react";
+import React183, { useEffect as useEffect35, useMemo as useMemo30, useState as useState42 } from "react";
 import { createPortal as createPortal10 } from "react-dom";
 
 // src/components/Dropdown/ChainDropdown.tsx
@@ -20434,7 +20461,7 @@ import React180 from "react";
 // src/components/Dropdown/BaseDropdown.tsx
 import { isMobile as isMobile6, noop as noop6 } from "@funkit/utils";
 import { AnimatePresence as AnimatePresence4, motion as motion6 } from "motion/react";
-import React178, { useCallback as useCallback32, useMemo as useMemo31, useState as useState41 } from "react";
+import React178, { useCallback as useCallback32, useMemo as useMemo29, useState as useState41 } from "react";
 
 // src/components/FunSelect/FunClickOutside.tsx
 import React175 from "react";
@@ -20640,7 +20667,7 @@ function BaseDropdown({
   const handleSearch = (event) => {
     setSearchInput(event.target.value);
   };
-  const filteredOptions = useMemo31(
+  const filteredOptions = useMemo29(
     () => options.filter(
       (singleOption) => singleOption.label.toLowerCase().includes(searchInput?.toLowerCase())
     ),
@@ -21123,7 +21150,7 @@ function useEnrichedAccountHoldings({
   const { apiKey } = useFunkitConfig();
   const { isAllowed, isLoading } = useAllowedAssets();
   const { loginType, walletAddress } = useGeneralWallet();
-  const enrichedAccountHoldings = useMemo32(() => {
+  const enrichedAccountHoldings = useMemo30(() => {
     if (!checkoutConfig) return [];
     return Object.values(accountHoldings).map((asset) => {
       const usableForCheckout = isAssetUsableToPayForCheckout({
@@ -21165,7 +21192,7 @@ function useAssetOptions({
   userSelectedTargetAsset,
   chainId
 }) {
-  const assetOptions = useMemo32(() => {
+  const assetOptions = useMemo30(() => {
     return enrichedAccountHoldings.filter(
       ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
     ).map(({ asset, usableForCheckout }) => {
@@ -21236,7 +21263,7 @@ function MeshOrAccountSelectAsset({
     targetAssetMinAmount: 0
   };
   const [selectedTargetAsset, setSelectedTargetAsset] = useState42(defaultTargetAsset);
-  const defaultTokenSymbols = useMemo32(() => {
+  const defaultTokenSymbols = useMemo30(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -21300,7 +21327,7 @@ function MeshOrAccountSelectAsset({
     handleTargetAssetUpdate(tokenItem);
     onFinish();
   });
-  const selectedChainTokenSymbol = useMemo32(() => {
+  const selectedChainTokenSymbol = useMemo30(() => {
     if (explicitlySelectedChainTokenSymbol) {
       const assetExists = assetOptions.find(
         ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -21718,7 +21745,7 @@ import { createPortal as createPortal12 } from "react-dom";
 
 // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15,
   dydxChain as dydxChain3,
   katanaChain
 } from "@funkit/chains";
@@ -21744,7 +21771,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
   const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
     checkoutItem.initSettings.config.targetAsset
-  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
+  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
   let sourceTokenAddress;
   let sourceTokenTicker;
   let sourceTokenChainId;
@@ -21996,6 +22023,7 @@ function SourceChange({
       if (!enableMeldPayment) await onSelectCard();
       onNext({
         connectNew: true,
+        reverseAnimation: true,
         paymentMethod: newSource2,
         paymentMethodInfo: paymentMethodInfo2,
         brokerageFailed: false
@@ -22284,7 +22312,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React190.createElemen
 
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
-import React191, { useMemo as useMemo33 } from "react";
+import React191, { useMemo as useMemo31 } from "react";
 var generateMatrix = (value, errorCorrectionLevel) => {
   const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
   const sqrt = Math.sqrt(data.length);
@@ -22312,7 +22340,7 @@ function QRCode({
 }) {
   const { activeTheme } = useActiveTheme();
   const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
-  const dots = useMemo33(() => {
+  const dots = useMemo31(() => {
     const dots2 = [];
     const matrix = generateMatrix(uri, ecl);
     const cellSize = size / matrix.length;
@@ -22895,11 +22923,16 @@ var useTokenTransfer = (selectedChainId, selectedToken) => {
   };
 };
 var useMinTransferValue = (selectedChainId) => {
+  const minTransferValueJsonString = useFlag(FlagKey28.MinTokenTransferValue);
+  const minTransferValue = safeJSONParse(
+    minTransferValueJsonString
+  );
   const { userIpInfo } = useFunkitUserIp();
   const isMainnet = selectedChainId === mainnet8.id;
-  if (userIpInfo?.alpha2 === "CA") return isMainnet ? 80 : 15;
-  if (userIpInfo?.alpha2 === "AU") return isMainnet ? 90 : 20;
-  return isMainnet ? 50 : 10;
+  if (!minTransferValue) return 0;
+  const transferLimitKey = userIpInfo?.alpha2 || "DEFAULT";
+  const minTransferLimit = minTransferValue[transferLimitKey] ?? minTransferValue.DEFAULT;
+  return isMainnet ? minTransferLimit.mainnet : minTransferLimit.nonMainnet;
 };
 var usePriceImpactEstimation = (selectedToken) => {
   const { apiKey } = useFunkitConfig();
@@ -23483,7 +23516,7 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React205, { useCallback as useCallback34, useEffect as useEffect38, useMemo as useMemo34, useState as useState50 } from "react";
+import React205, { useCallback as useCallback34, useEffect as useEffect38, useMemo as useMemo32, useState as useState50 } from "react";
 function useIframeListener(listeners) {
   const handleMessage = useCallback34(
     (event) => {
@@ -23536,7 +23569,7 @@ function KycIframe({
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
   const [iframeLoading, setIframeLoading] = useState50(true);
-  const listeners = useMemo34(
+  const listeners = useMemo32(
     () => ({
       load: () => {
         logger.info("KYC iframe loaded");
@@ -23565,7 +23598,8 @@ function KycIframe({
       onClose: onBack,
       open: true,
       titleId: "rk_kyc_title",
-      withoutInternalPadding: !loading,
+      withoutSidePadding: !loading,
+      withoutBottomPadding: !loading,
       withTransition: false
     },
     loading && /* @__PURE__ */ React205.createElement(React205.Fragment, null, /* @__PURE__ */ React205.createElement(
@@ -24256,7 +24290,7 @@ function FunConnectOptions({
       }
     }
   };
-  const stepComponent = useMemo35(() => {
+  const stepComponent = useMemo33(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
       case 1 /* SIGNIN_SECONDARY */:
@@ -24365,7 +24399,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
 function useEnabledSocialLogins() {
   const funkitConfig = useFunkitConfig();
   const { web2SocialLogins } = funkitConfig.loginConfig;
-  const enabledSocialItems = useMemo36(() => {
+  const enabledSocialItems = useMemo34(() => {
     return FULL_SOCIAL_LOGIN_OPTIONS.filter(
       (oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
     );
@@ -24394,7 +24428,7 @@ function FunSignInStep({
     handleOauthRedirect,
     handleGenerateFcUri
   } = useFunkitWeb2Login();
-  const isEmailInputValid = useMemo36(() => {
+  const isEmailInputValid = useMemo34(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [emailError, setEmailError] = useState55();
@@ -24933,7 +24967,7 @@ var getTimestamp = (timestampMs) => formatTimestamp(new Date(timestampMs), {
 // src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
 import { formatSecondsToCountdownForm } from "@funkit/utils";
 import { motion as motion11 } from "motion/react";
-import React220, { useMemo as useMemo37 } from "react";
+import React220, { useMemo as useMemo35 } from "react";
 
 // src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts
 var GradientLoadingBox = "_101aujm0";
@@ -24994,7 +25028,7 @@ function PendingCheckoutStatus({
     checkoutItem.latestQuote?.finalTimeEstimationMs,
     checkoutItem.selectedPaymentMethodInfo?.paymentMethod
   );
-  const estimatedRemainingSeconds = useMemo37(() => {
+  const estimatedRemainingSeconds = useMemo35(() => {
     const startTimeMs = extractStartTimeMs(
       checkoutItem.id,
       activeCheckoutItem,
@@ -25120,7 +25154,7 @@ function FunCheckoutHistoryDetail({
       includeGenerateActionsParams
     ]
   );
-  const buttonProps = useMemo38(() => {
+  const buttonProps = useMemo36(() => {
     if (!isCheckoutLoaded) {
       return { title: "", isDisabled: true, isLoading: true };
     }
@@ -25202,7 +25236,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React224, { useEffect as useEffect43, useMemo as useMemo39, useRef as useRef19, useState as useState58 } from "react";
+import React224, { useEffect as useEffect43, useMemo as useMemo37, useRef as useRef19, useState as useState58 } from "react";
 import { createPortal as createPortal15 } from "react-dom";
 
 // src/components/FunInput/FunTextAreaInput.tsx
@@ -25349,7 +25383,7 @@ function FunCheckoutHistoryHelp({
   );
   const [descriptionInput, setDescriptionInput] = useState58("");
   const [errorMessage, setErrorMessage] = useState58();
-  const isEmailInputValid = useMemo39(() => {
+  const isEmailInputValid = useMemo37(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [processStage, setProcessStage] = useState58(
@@ -25538,11 +25572,11 @@ import {
   formatTimestamp as formatTimestamp2,
   isTokenEquivalent as isTokenEquivalent8
 } from "@funkit/utils";
-import React226, { useCallback as useCallback41, useMemo as useMemo41, useRef as useRef20, useState as useState59 } from "react";
+import React226, { useCallback as useCallback41, useMemo as useMemo39, useRef as useRef20, useState as useState59 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
 
 // src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
-import React225, { useMemo as useMemo40 } from "react";
+import React225, { useMemo as useMemo38 } from "react";
 function FunDirectExecutionStatus({
   directExecution
 }) {
@@ -25564,11 +25598,11 @@ function FunDirectExecutionStatus({
 function PendingDirectExecutionStatus({
   directExecution
 }) {
-  const totalSeconds = useMemo40(() => {
+  const totalSeconds = useMemo38(() => {
     const timeEstimation = directExecution.clientMetadata.latestQuote?.finalTimeEstimationMs || 0;
     return Math.ceil(timeEstimation / 1e3);
   }, [directExecution]);
-  const estimatedRemainingSeconds = useMemo40(() => {
+  const estimatedRemainingSeconds = useMemo38(() => {
     const startTimeMs = directExecution.createdTimeMs;
     return getTimeFromNowSeconds(startTimeMs, totalSeconds * 1e3);
   }, [totalSeconds, directExecution]);
@@ -25620,7 +25654,7 @@ function FunDirectExecutionHistoryDetail({
       includeGenerateActionsParams
     ]
   );
-  const buttonProps = useMemo41(() => {
+  const buttonProps = useMemo39(() => {
     if (!isLoaded) {
       return void 0;
     }
@@ -25832,7 +25866,7 @@ function FunCheckoutHistoryContent({
 }
 
 // src/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.tsx
-import { clamp as clamp3 } from "@funkit/utils";
+import { clamp as clamp2 } from "@funkit/utils";
 import React228, { useRef as useRef21, useState as useState60 } from "react";
 var TOPBAR_HEIGHT = 56;
 var DURATION_MS = 200;
@@ -25890,7 +25924,7 @@ function useCustomStatusAnimationAboveTopbar({
         style: {
           // Apply a position-based opacity to the icon if it gets too far into the topbar, so it fades out faster
           // This helps (slightly) when scrolling much faster than the normal background fade animation
-          opacity: clamp3(
+          opacity: clamp2(
             1 - (scrollPos - startFadePos - statusIconSize) / TOPBAR_HEIGHT,
             0,
             1
@@ -25916,7 +25950,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 clsx20 from "clsx";
-import React237, { useEffect as useEffect44, useMemo as useMemo42, useRef as useRef22, useState as useState62 } from "react";
+import React237, { useEffect as useEffect44, useMemo as useMemo40, useRef as useRef22, useState as useState62 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount6 } from "wagmi";
 
@@ -26464,7 +26498,7 @@ function Home({
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
-  const AssetsList = useMemo42(() => {
+  const AssetsList = useMemo40(() => {
     if (walletAssets && !Object.keys(walletAssets).length) {
       return /* @__PURE__ */ React237.createElement(EmptyTabAlert, null);
     }
@@ -26491,7 +26525,7 @@ function Home({
       }
     ));
   }, [walletAssets]);
-  const CheckoutsList = useMemo42(() => {
+  const CheckoutsList = useMemo40(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
       return /* @__PURE__ */ React237.createElement(EmptyTabAlert, null);
     }
@@ -27244,7 +27278,7 @@ var FunCheckoutBlocked = ({ reason }) => {
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx23 from "clsx";
-import React252, { useEffect as useEffect46, useMemo as useMemo43, useState as useState65 } from "react";
+import React252, { useEffect as useEffect46, useMemo as useMemo41, useState as useState65 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React247 from "react";
@@ -28285,15 +28319,15 @@ var CheckoutNotifications = ({
     if (initialDirectExecutions || !directExecutions) return;
     setInitialDirectExecutions(directExecutions);
   }, [initialDirectExecutions, directExecutions]);
-  const displayedDirectExecutions = useMemo43(() => {
+  const displayedDirectExecutions = useMemo41(() => {
     if (!directExecutions) return [];
     return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
   }, [initialDirectExecutions, directExecutions, closedNotifications]);
-  const displayedCheckouts = useMemo43(() => {
+  const displayedCheckouts = useMemo41(() => {
     if (!checkouts) return [];
     return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
   }, [initialCheckouts, checkouts, closedNotifications]);
-  const combinedNotifications = useMemo43(() => {
+  const combinedNotifications = useMemo41(() => {
     return [
       ...displayedDirectExecutions.map(
         (item) => ({ ...item, isDirectExecution: true })
@@ -28303,7 +28337,7 @@ var CheckoutNotifications = ({
       )
     ].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
   }, [displayedDirectExecutions, displayedCheckouts]);
-  const displayedNotifications = useMemo43(() => {
+  const displayedNotifications = useMemo41(() => {
     return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
   }, [isExpanded, combinedNotifications]);
   const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
@@ -28457,7 +28491,8 @@ function FunCheckoutModalInner({
       onClose: onCloseWrapper,
       onAnimationComplete: handleAnimationComplete,
       titleId: "fun-checkout-modal",
-      isHidden: modalState.isSoftHidden
+      isHidden: modalState.isSoftHidden,
+      withoutBottomPadding: modalState.step === "meld_currency_select" /* MELD_CURRENCY_SELECT */
     },
     /* @__PURE__ */ React253.createElement(FunCheckoutModalHeightAnimationWrapper, { checkoutStep: modalState.step }, topbar, /* @__PURE__ */ React253.createElement(
       Dialog.Content,
@@ -28628,7 +28663,7 @@ function ModalProvider({ children }) {
   return /* @__PURE__ */ React255.createElement(
     ModalContext.Provider,
     {
-      value: useMemo44(
+      value: useMemo42(
         () => ({
           accountModalOpen,
           accountModalTab,
@@ -29354,7 +29389,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const web2UserInfo = useMemo45(() => {
+  const web2UserInfo = useMemo43(() => {
     if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
       return PLACEHOLDER_FUNKIT_USER_INFO;
     }
@@ -30369,7 +30404,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.5.7";
+  return "5.5.10";
 }
 function useFingerprint() {
   const fingerprint = useCallback49(() => {