@funkit/connect 5.5.1 → 5.5.3

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";
@@ -3403,7 +3403,22 @@ var flagConfig = {
     default_value: JSON.stringify({
       listRefresh: 30 * 1e3,
       itemRefresh: 5 * 1e3
-    })
+    }),
+    overrides: [
+      {
+        if_any: [
+          {
+            key: "apiKey",
+            type: "isAnyOf",
+            values: [KATANA_API_KEY2, POLYMARKET_API_KEY2]
+          }
+        ],
+        value: JSON.stringify({
+          listRefresh: 5 * 1e3,
+          itemRefresh: 2 * 1e3
+        })
+      }
+    ]
   },
   [FlagKey.TokenTransferNewTokens]: {
     type: "string",
@@ -3420,7 +3435,7 @@ var flagConfig = {
       {
         value: true,
         if_any: [
-          // Full rollout to Katana and Ethereal users
+          // Full rollout to Katana / Ethereal
           {
             key: "apiKey",
             type: "isAnyOf",
@@ -3448,7 +3463,7 @@ var flagConfig = {
           }
         ]
       },
-      // 1% rollout to Polymarket and Ostium users
+      // 5% rollout to Ostium and Polymarket users
       {
         value: true,
         if_all: [
@@ -3460,7 +3475,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [POLYMARKET_API_KEY2, OSTIUM_API_KEY2]
+            values: [OSTIUM_API_KEY2, POLYMARKET_API_KEY2]
           }
         ],
         if_any: [
@@ -3575,14 +3590,32 @@ var flagConfig = {
   },
   [FlagKey.EnableMeldPayment]: {
     type: "boolean",
-    default_value: true,
+    default_value: false,
     overrides: [
       {
         if_any: [
           {
             key: "userId",
             type: "isAnyOf",
-            values: ["0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6"]
+            values: [
+              "0x6ec0c2f25d323e7779925Cc20c3740101f990d9F",
+              "0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6",
+              "0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
+              "0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486",
+              "0x0D6e43CA32545B3dc2FE6f93AafBD7e640F548d4",
+              "0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8"
+              // greg
+            ]
+          }
+        ],
+        value: true
+      },
+      {
+        if_any: [
+          {
+            key: "userId",
+            type: "pctRollout",
+            pct: 100
           }
         ],
         value: false
@@ -4301,13 +4334,14 @@ var isAssetUsableToPayForCheckout = ({
   config,
   payerAddress,
   paymentMethod,
+  targetChainId,
+  targetTokenAddress,
   assetChainId,
   assetTokenAddress,
   assetUsdAmount,
   loginType,
   isAllowedForCheckout
 }) => {
-  const targetChainId = config.targetChain;
   const finalCheckoutRecipient = getCheckoutRecipient({
     config,
     walletAddress: payerAddress
@@ -4315,7 +4349,7 @@ var isAssetUsableToPayForCheckout = ({
   const isSameAsPurchasingToken = !isCheckoutPostActionRequired(config) && // however, if the recipient address is different from the payer address (via account balance payment), it is possible to transfer money
   paymentMethod === "balance" /* ACCOUNT_BALANCE */ && finalCheckoutRecipient.toLowerCase() === payerAddress.toLowerCase() && isTokenEquivalent2({
     firstTokenChainId: targetChainId,
-    firstTokenAddress: config.targetAsset,
+    firstTokenAddress: targetTokenAddress,
     secondTokenChainId: assetChainId,
     secondTokenAddress: assetTokenAddress
   });
@@ -5495,7 +5529,7 @@ var getStyleProps = (type, isDisabled) => {
       focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
     },
     paddingX: "24",
-    paddingY: isDisabled ? "11" : "10"
+    paddingY: "10"
   };
 };
 function FunButton({
@@ -9802,6 +9836,8 @@ function useUsableWalletAssetsForCheckout() {
         config: checkoutItem.initSettings.config,
         payerAddress: walletAddress,
         paymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        targetChainId: checkoutItem.initSettings.config.targetChain,
+        targetTokenAddress: checkoutItem.initSettings.config.targetAsset,
         assetChainId: asset.chainId,
         assetTokenAddress: asset.contractAddress,
         assetUsdAmount: asset.totalUsdValue,
@@ -13489,7 +13525,7 @@ var CheckoutCompleteInfo = {
       depositAddress: state.depositAddress
     };
   },
-  disableBack: true,
+  disableBack: () => true,
   fallbackTitle: DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE
 };
 function CheckoutComplete({
@@ -16234,15 +16270,47 @@ function ConnectExchange({
 import { isMobile as isMobile5 } from "@funkit/utils";
 import React152, { useEffect as useEffect28 } from "react";
 
+// src/hooks/queries/useMeldCurrencies.ts
+import { getMeldSupportedFiat } from "@funkit/api-base";
+import { useQuery as useQuery11 } from "@tanstack/react-query";
+var getPriority = (currencyCode) => {
+  if (currencyCode === "USD") return 0;
+  if (currencyCode === "EUR") return 1;
+  return 2;
+};
+var useMeldCurrencies = (isEnabled = true) => {
+  const { apiKey } = useFunkitConfig();
+  const query = useQuery11({
+    queryKey: ["meld", "currencies"],
+    queryFn: async () => {
+      if (!apiKey) {
+        return [];
+      }
+      const { currencies } = await getMeldSupportedFiat({ apiKey });
+      return currencies.sort((a, b) => {
+        const aPriority = getPriority(a.currencyCode);
+        const bPriority = getPriority(b.currencyCode);
+        if (aPriority !== bPriority) return aPriority - bPriority;
+        return a.name.localeCompare(b.name);
+      });
+    },
+    enabled: !!apiKey && isEnabled,
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false
+  });
+  return query;
+};
+
 // src/hooks/queries/useMeldDefaultCurrency.ts
 import { getMeldDefaultFiat } from "@funkit/api-base";
 import { FlagKey as FlagKey18 } from "@funkit/utils";
-import { useQuery as useQuery11 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 var useMeldDefaultCurrency = (paymentMethod) => {
   const { apiKey } = useFunkitConfig();
   const { userIpInfo } = useFunkitUserIp();
   const enableMeld = useFlag(FlagKey18.EnableMeldPayment);
-  const query = useQuery11({
+  const query = useQuery12({
     queryKey: ["meld", "defaultCurrency"],
     queryFn: async () => {
       if (!apiKey) return "";
@@ -16380,6 +16448,7 @@ var providerLabelMap = {
   KOYWE: "Koywe",
   MESH: "Mesh",
   MESO: "Meso",
+  MERCURYO: "Mercuryo",
   ONMETA: "Onmeta",
   ONRAMPMONEY: "Onramp Money",
   PAYBIS: "Paybis",
@@ -16395,7 +16464,7 @@ var providerLabelMap = {
 };
 var MeldQuoteItem = ({
   quote,
-  badge,
+  isBestQuote,
   onClick,
   isDisabled = false,
   isActive = false
@@ -16404,16 +16473,15 @@ var MeldQuoteItem = ({
     return /* @__PURE__ */ React141.createElement(FunSkeletonBlock, { height: "56", width: "full" });
   }
   const destinationCurrencyCode = quote.destinationCurrencyCode.split("_")[0];
+  const cryptoDecimals = isStablecoin(destinationCurrencyCode) ? 2 : 5;
   const cryptoAmount = formatCryptoAndStringify2(
     quote.destinationAmount,
     destinationCurrencyCode,
     true,
-    // TODO: fix crypto formatting so that options are respected
     {
-      minimumSignificantDigits: 2,
       numberFormatOptions: {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2
+        minimumFractionDigits: cryptoDecimals,
+        maximumFractionDigits: cryptoDecimals
       }
     }
   );
@@ -16443,14 +16511,12 @@ var MeldQuoteItem = ({
         alt: quote.serviceProvider,
         borderRadius: "full"
       }
-    )), /* @__PURE__ */ React141.createElement(Text, { weight: "medium", size: "12", style: { whiteSpace: "nowrap" } }, providerLabelMap[quote.serviceProvider] ?? quote.serviceProvider), badge && /* @__PURE__ */ React141.createElement(
-      FunBadge,
+    )), /* @__PURE__ */ React141.createElement(
+      MeldProviderLabel,
       {
-        background: "approvedBadgeBackground",
-        borderColor: "approvedBadgeBorder",
-        color: "approvedBadgeText"
-      },
-      badge
+        serviceProvider: quote.serviceProvider,
+        isBest: isBestQuote
+      }
     )),
     /* @__PURE__ */ React141.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React141.createElement(
       Box,
@@ -16500,9 +16566,29 @@ var SourceMeldQuoteItem = ({
         alt: quote.serviceProvider,
         borderRadius: "full"
       }
-    ), /* @__PURE__ */ React142.createElement(Box, { display: "flex", flexDirection: "column" }, /* @__PURE__ */ React142.createElement(Text, { size: "12", weight: "medium" }, providerLabelMap[quote.serviceProvider]), isBestQuote && /* @__PURE__ */ React142.createElement(Text, { color: "approvedBadgeText", size: "10" }, "Best price"))) : /* @__PURE__ */ React142.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "No quotes found")), /* @__PURE__ */ React142.createElement(ArrowIcon, { direction: "right", size: 16 }))
+    ), /* @__PURE__ */ React142.createElement(
+      MeldProviderLabel,
+      {
+        serviceProvider: quote.serviceProvider,
+        isBest: isBestQuote
+      }
+    )) : /* @__PURE__ */ React142.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "No quotes found")), /* @__PURE__ */ React142.createElement(ArrowIcon, { direction: "right", size: 16 }))
   );
 };
+var MeldProviderLabel = ({
+  serviceProvider,
+  isBest
+}) => {
+  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(
+    Text,
+    {
+      color: "approvedBadgeText",
+      size: "10",
+      style: { whiteSpace: "nowrap" }
+    },
+    "Best price"
+  ));
+};
 
 // src/components/SourcePaymentMethodItem/SourcePaymentMethodItem.tsx
 import clsx14 from "clsx";
@@ -17268,7 +17354,7 @@ var YouPayYouReceiveBottomBarLayoutWrapper = ({
 // src/hooks/queries/useMeldLimits.ts
 import { getMeldFiatLimits } from "@funkit/api-base";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify6 } from "@funkit/utils";
-import { useQuery as useQuery12 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 import { useMemo as useMemo23 } from "react";
 
 // src/hooks/queries/useMeldCryptoCurrencyCode.ts
@@ -17284,7 +17370,7 @@ var useMeldLimits = (fiatCurrency) => {
   const { apiKey } = useFunkitConfig();
   const { userIpInfo } = useFunkitUserIp();
   const cryptoCurrency = useMeldCryptoCurrencyCode();
-  const query = useQuery12({
+  const query = useQuery13({
     queryKey: ["meld", "limits", userIpInfo?.alpha2, cryptoCurrency],
     queryFn: async () => {
       if (!apiKey || !userIpInfo) return void 0;
@@ -17440,7 +17526,7 @@ var useMeldLink = (sourceAmount, sourceCurrencyCode = "USD") => {
 
 // src/modals/CheckoutModal/MeldQuotes/useMeldQuotes.tsx
 import { getMeldQuotes } from "@funkit/api-base";
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 import { useDebounce } from "use-debounce";
 var DEBOUNCE_DELAY = 500;
 var COUNTDOWN_INTERVAL_SEC = 60;
@@ -17452,7 +17538,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
   const { isAway } = useUserPresence();
   const destinationCurrencyCode = useMeldCryptoCurrencyCode();
   const sourceCurrencyCode = fiatCurrency || "USD";
-  const query = useQuery13({
+  const query = useQuery14({
     queryKey: [
       "meld",
       "quotes",
@@ -17482,7 +17568,8 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
     },
     enabled: !!userIpInfo && !!apiKey && !!destinationCurrencyCode && !isAway && !!fiatCurrency,
     refetchInterval: COUNTDOWN_INTERVAL_SEC * 1e3,
-    refetchOnWindowFocus: false
+    refetchOnWindowFocus: false,
+    retry: false
   });
   const { countdown } = useCountdown({
     countdownSeconds: COUNTDOWN_INTERVAL_SEC,
@@ -17999,8 +18086,8 @@ function InputAmountLoaded({
       }
       if (meldQuotesQuery.error) {
         return {
-          message: "An error occurred. Please try again or contact us for more information",
-          type: "error"
+          message: "It seems something didn't work. Our team has been notified of the issue",
+          type: "hint"
         };
       }
     }
@@ -18049,13 +18136,14 @@ function InputAmountLoaded({
     ASSET_DECIMALS
   );
   const isConvertedAmountShown = targetAssetTicker && (!isInputInUsd || isCardCheckout && fiatCurrency === "USD" || !isCardCheckout);
+  const isMeldContinueDisabled = meldEnabled && (!!meldLimitError || isMeldLinkPending || !!meldQuotesQuery.error || meldQuotesQuery.isFetching || isSelectedQuoteUnavailable);
   return /* @__PURE__ */ React150.createElement(
     InputAmountLayout,
     {
       actionButtonProps: {
         title: suggestion?.buttonLabel ?? "Continue",
         onClick: handleSubmit,
-        isDisabled: !isValid && !suggestion || error?.type === "error" || !!meldLimitError || isMeldLinkPending || meldQuotesQuery.isFetching || isCardCheckout && isSelectedQuoteUnavailable,
+        isDisabled: !isValid && !suggestion || isMeldContinueDisabled,
         isLoading: isMeldLinkPending
       },
       fiatCurrencySelector: meldEnabled && /* @__PURE__ */ React150.createElement(
@@ -18153,12 +18241,13 @@ function InputAmountLoaded({
           }
         }
       ),
-      footer: meldEnabled ? /* @__PURE__ */ React150.createElement(
+      footer: meldEnabled ? /* @__PURE__ */ React150.createElement(Box, { paddingX: "6" }, /* @__PURE__ */ React150.createElement(
         SourceMeldQuoteItem,
         {
           onClick: () => onNext({
             fiatAmount: usdAmount,
             fiatCurrency,
+            provider: selectedQuote?.serviceProvider,
             nextStep: "meld_quotes" /* MELD_QUOTES */
           }),
           quote: selectedQuote,
@@ -18168,7 +18257,7 @@ function InputAmountLoaded({
           isPreselected: !manuallySelectedQuote && !!bestRateQuote,
           error: meldLimitError?.issue
         }
-      ) : /* @__PURE__ */ React150.createElement(
+      )) : /* @__PURE__ */ React150.createElement(
         YouPayYouReceiveWrapper,
         {
           targetChainId: modalState.targetChainId,
@@ -18318,7 +18407,7 @@ function InputAmountLoading({
         )
       ),
       amountOptions: /* @__PURE__ */ React151.createElement(QuickOptions, { disabled: true, percentMode: !isCardCheckout }),
-      footer: isMeldCheckout ? /* @__PURE__ */ React151.createElement(SourceMeldQuoteItem, { isLoading: true }) : /* @__PURE__ */ React151.createElement(YouPayYouReceiveBottomBarLayoutWrapper, null, /* @__PURE__ */ React151.createElement(
+      footer: isMeldCheckout ? /* @__PURE__ */ React151.createElement(Box, { paddingX: "6" }, /* @__PURE__ */ React151.createElement(SourceMeldQuoteItem, { isLoading: true })) : /* @__PURE__ */ React151.createElement(YouPayYouReceiveBottomBarLayoutWrapper, null, /* @__PURE__ */ React151.createElement(
         FunSkeletonBlock,
         {
           borderRadius: "youPayYouReceive",
@@ -18340,7 +18429,7 @@ import {
   convertFunToRelayTokenAddress,
   getRelayAssetPriceInfo
 } from "@funkit/fun-relay";
-import { skipToken, useQuery as useQuery14 } from "@tanstack/react-query";
+import { skipToken, useQuery as useQuery15 } from "@tanstack/react-query";
 async function getFormattedRelayAssetPriceInfo({
   chainId,
   assetTokenAddress
@@ -18366,7 +18455,7 @@ function useAssetPrice({
   assetTokenAddress
 }) {
   const { apiKey } = useFunkitConfig();
-  const { data, error, isLoading } = useQuery14({
+  const { data, error, isLoading } = useQuery15({
     queryKey: ["getAssetPriceInfo", chainId, assetTokenAddress],
     queryFn: chainId && assetTokenAddress ? async () => {
       const isRelayPrimary = RELAY_SHORT_CIRCUIT_CHAIN_IDS.includes(chainId);
@@ -18468,7 +18557,8 @@ var InputAmountInfo = {
         step: "meld_quotes" /* MELD_QUOTES */,
         fiatAmount: payload.fiatAmount,
         paymentMethodInfo: state.paymentMethodInfo,
-        fiatCurrency: payload.fiatCurrency ?? state.fiatCurrency
+        fiatCurrency: payload.fiatCurrency ?? state.fiatCurrency,
+        provider: payload.provider
       };
     }
     return {
@@ -18477,9 +18567,14 @@ var InputAmountInfo = {
       paymentMethodInfo: state.paymentMethodInfo
     };
   },
-  showFullHeight: !isMobile5()
+  showFullHeight: !isMobile5(),
+  // back should be disabled in card flow in input_amount
+  disableBack: ({ state }) => {
+    return state.paymentMethodInfo?.paymentMethod === "card" /* CARD */;
+  }
 };
 function InputAmount(props) {
+  const { paymentMethodInfo } = props.modalState;
   const { textCustomizations } = useFunkitConfig();
   const { setCheckoutQuote } = useQuoteContext();
   const { checkoutItem } = useCheckoutContext();
@@ -18488,12 +18583,13 @@ function InputAmount(props) {
     error: sourceHoldingError,
     isLoading: isLoadingSourceHolding
   } = useAvailableBalanceForCheckout(
-    props.modalState.paymentMethodInfo,
+    paymentMethodInfo,
     checkoutItem?.initSettings.config.targetChain ?? "",
     checkoutItem?.selectedSourceAssetInfo.chainId ?? "",
     checkoutItem?.selectedSourceAssetInfo.symbol ?? null
   );
-  const { data: defaultCurrency, isLoading: isMeldDefaultCurrencyLoading } = useMeldDefaultCurrency(props.modalState.paymentMethodInfo.paymentMethod);
+  const { data: defaultCurrency, isLoading: isMeldDefaultCurrencyLoading } = useMeldDefaultCurrency(paymentMethodInfo.paymentMethod);
+  useMeldCurrencies(paymentMethodInfo.paymentMethod === "card" /* CARD */);
   const { error: unitPriceError, unitPrice } = useAssetPrice({
     chainId: checkoutItem?.initSettings.config.targetChain,
     assetTokenAddress: checkoutItem?.initSettings.config.targetAsset
@@ -18900,38 +18996,6 @@ var FunNoResults = ({ text }) => {
 var hideScrollBar = "_163ehmk0";
 var selectWrapperStyle = "_163ehmk1";
 
-// src/hooks/queries/useMeldCurrencies.ts
-import { getMeldSupportedFiat } from "@funkit/api-base";
-import { useQuery as useQuery15 } from "@tanstack/react-query";
-var getPriority = (currencyCode) => {
-  if (currencyCode === "USD") return 0;
-  if (currencyCode === "EUR") return 1;
-  return 2;
-};
-var useMeldCurrencies = () => {
-  const { apiKey } = useFunkitConfig();
-  const query = useQuery15({
-    queryKey: ["meld", "currencies"],
-    queryFn: async () => {
-      if (!apiKey) {
-        return [];
-      }
-      const { currencies } = await getMeldSupportedFiat({ apiKey });
-      return currencies.sort((a, b) => {
-        const aPriority = getPriority(a.currencyCode);
-        const bPriority = getPriority(b.currencyCode);
-        if (aPriority !== bPriority) return aPriority - bPriority;
-        return a.name.localeCompare(b.name);
-      });
-    },
-    enabled: !!apiKey,
-    refetchOnMount: false,
-    refetchOnReconnect: false,
-    refetchOnWindowFocus: false
-  });
-  return query;
-};
-
 // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
 var MeldCurrencySelectInfo = {
   Component: MeldCurrencySelect,
@@ -18946,7 +19010,17 @@ var MeldCurrencySelectInfo = {
       paymentMethodInfo: state.paymentMethodInfo
     };
   },
-  title: (_textCustomizations) => "Currency"
+  title: (_textCustomizations) => "Currency",
+  onBack: (state) => {
+    const common = extractCommonState(state);
+    return {
+      ...common,
+      step: "input_amount" /* INPUT_AMOUNT */,
+      fiatAmount: state.fiatAmount,
+      fiatCurrency: state.defaultCurrency,
+      paymentMethodInfo: state.paymentMethodInfo
+    };
+  }
 };
 function MeldCurrencySelect({
   modalState,
@@ -19036,7 +19110,17 @@ var MeldQuotesInfo = {
       paymentMethodInfo: state.paymentMethodInfo
     };
   },
-  title: (_textCustomizations) => "Quotes"
+  title: (_textCustomizations) => "Quotes",
+  onBack: (state) => {
+    const common = extractCommonState(state);
+    return {
+      ...common,
+      step: "input_amount" /* INPUT_AMOUNT */,
+      fiatAmount: state.fiatAmount,
+      fiatCurrency: state.fiatCurrency,
+      paymentMethodInfo: state.paymentMethodInfo
+    };
+  }
 };
 function MeldQuotes({
   modalState,
@@ -19055,7 +19139,8 @@ function MeldQuotes({
     MeldQuoteItem,
     {
       key: quote.serviceProvider,
-      badge: index === 0 ? "Best Price" : void 0,
+      isBestQuote: index === 0,
+      isActive: modalState.provider === quote.serviceProvider,
       quote,
       onClick: () => onNext({ quote, navigateToHistoryStep: true })
     }
@@ -20628,7 +20713,7 @@ var ASSET_ITEM_HEIGHT = 52;
 var VISIBLE_ITEMS_COUNT = 5;
 var SelectAssetInfo = {
   Component: SelectAsset,
-  disableBack: true,
+  disableBack: ({ apiKey }) => !isOstiumCustomer(apiKey),
   onNext(state, payload) {
     const common = extractCommonState(state);
     if (payload.disconnectedBrokerage) {
@@ -20662,7 +20747,8 @@ var isKnownAsset2 = (asset) => asset.usdAmount !== null;
 function useEnrichedAccountHoldings({
   paymentMethodInfo,
   checkoutConfig,
-  accountHoldings
+  accountHoldings,
+  targetAssetInfo
 }) {
   const { apiKey } = useFunkitConfig();
   const { isAllowed, isLoading } = useAllowedAssets();
@@ -20673,6 +20759,8 @@ function useEnrichedAccountHoldings({
       const usableForCheckout = isAssetUsableToPayForCheckout({
         apiKey,
         config: checkoutConfig,
+        targetTokenAddress: targetAssetInfo.tokenAddress,
+        targetChainId: targetAssetInfo.tokenChainId,
         paymentMethod: paymentMethodInfo.paymentMethod,
         payerAddress: walletAddress,
         assetChainId: asset.pickedChainId,
@@ -20696,7 +20784,8 @@ function useEnrichedAccountHoldings({
     isAllowed,
     loginType,
     paymentMethodInfo.paymentMethod,
-    walletAddress
+    walletAddress,
+    targetAssetInfo
   ]);
   return { enrichedAccountHoldings, isLoading };
 }
@@ -20768,7 +20857,13 @@ function MeshOrAccountSelectAsset({
   const isTargetAssetSelectable = withTargetAssetSection && candidates;
   const defaultTargetAsset = isTargetAssetSelectable ? candidates.find(
     (token) => token.tokenSymbol === checkoutConfig?.targetAssetTicker
-  ) ?? candidates.find((token) => token.isDefault) ?? candidates[0] : void 0;
+  ) ?? candidates.find((token) => token.isDefault) ?? candidates[0] : {
+    tokenAddress: checkoutItem?.initSettings.config.targetAsset || "0x",
+    tokenChainId: checkoutItem?.initSettings.config.targetChain || "",
+    tokenSymbol: checkoutItem?.initSettings.config.targetAssetTicker || "",
+    iconSrc: checkoutItem?.initSettings.config.iconSrc || "",
+    targetAssetMinAmount: 0
+  };
   const [selectedTargetAsset, setSelectedTargetAsset] = useState42(defaultTargetAsset);
   const defaultTokenSymbols = useMemo33(() => {
     if (!checkoutConfig) {
@@ -20785,7 +20880,8 @@ function MeshOrAccountSelectAsset({
   const { enrichedAccountHoldings, isLoading: isLoadingEnrichedHoldings } = useEnrichedAccountHoldings({
     accountHoldings,
     paymentMethodInfo,
-    checkoutConfig
+    checkoutConfig,
+    targetAssetInfo: selectedTargetAsset
   });
   const assetOptions = useAssetOptions({
     enrichedAccountHoldings,
@@ -20884,7 +20980,7 @@ function MeshOrAccountSelectAsset({
       asset,
       isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
       isDisabled: isDisabled2,
-      badgeText,
+      badgeText: isPolymarketCustomer(apiKey) && badgeText === "Same Asset" ? "" : badgeText,
       onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
     }
   )));
@@ -21320,11 +21416,10 @@ var usePaymentSources = (paymentMethodInfo, targetChainId, checkoutConfig) => {
     isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
     isBrokerageEnabled && "brokerage" /* BROKERAGE */,
     isBankInNewSources && "virtual_bank" /* VIRTUAL_BANK */,
-    isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */
+    isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */,
+    !fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */
   ].filter((b) => !!b);
-  const promotedSource = !fallback2.includes("card" /* CARD */) && isCardEnabled ? "card" /* CARD */ : void 0;
   return {
-    promoted: promotedSource,
     preferred: connected.length > 0 ? connected : fallback2,
     moreSources: newSources
   };
@@ -21607,7 +21702,7 @@ function SourceChange({
         titleCustomization: textCustomizations.debitOrCredit
       });
       updateSelectedPaymentMethodInfo(paymentMethodInfo2);
-      await onSelectCard();
+      if (!enableMeldPayment) await onSelectCard();
       onNext({
         connectNew: true,
         paymentMethod: newSource2,
@@ -21654,7 +21749,7 @@ function SourceChange({
       });
     }
   };
-  const { promoted, preferred, moreSources } = usePaymentSources(
+  const { preferred, moreSources } = usePaymentSources(
     paymentMethodInfo,
     targetChainId,
     checkoutItem?.initSettings.config
@@ -21684,14 +21779,7 @@ function SourceChange({
     );
   }
   const bottomSectionRef = useBottomSectionRef();
-  return /* @__PURE__ */ React185.createElement(React185.Fragment, null, /* @__PURE__ */ React185.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, promoted && renderSource(promoted), promoted && paymentMethodInfo && /* @__PURE__ */ React185.createElement(
-    FunDivider,
-    {
-      marginTop: "8",
-      marginBottom: "8",
-      borderColor: "selectedOptionBorder"
-    }
-  ), preferred.map(renderSource), preferred.length > 0 && moreSources.length > 0 && /* @__PURE__ */ React185.createElement(
+  return /* @__PURE__ */ React185.createElement(React185.Fragment, null, /* @__PURE__ */ React185.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && moreSources.length > 0 && /* @__PURE__ */ React185.createElement(
     FunDivider,
     {
       label: "more",
@@ -22545,7 +22633,7 @@ var getMaxSlippage = (sourceToken, targetToken, isSameChain) => {
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 var TransferTokenInfo = {
   Component: TransferToken,
-  disableBack: true,
+  disableBack: () => true,
   onNext: (state) => {
     const common = extractCommonState(state);
     return {
@@ -23090,7 +23178,7 @@ var AccountDetailsScreen = ({
 };
 var FiatAccountDetail = {
   Component: AccountDetailsScreen,
-  disableBack: true,
+  disableBack: () => true,
   onNext(state, _payload) {
     const common = extractCommonState(state);
     return {
@@ -23146,7 +23234,7 @@ var KycIframeInfo = {
     };
   },
   title: (textCustomizations) => textCustomizations.virtualFiat,
-  disableBack: true
+  disableBack: () => true
 };
 function KycIframe({
   modalState,
@@ -23392,10 +23480,16 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
 }
 function useTitleConfig(checkoutItem, state) {
   const { apiKey, textCustomizations } = useFunkitConfig();
-  const { showFullHeight, disableBack, hideClose, title, fallbackTitle } = CheckoutModalSteps[state.step];
+  const {
+    showFullHeight,
+    disableBack = () => false,
+    hideClose,
+    title,
+    fallbackTitle
+  } = CheckoutModalSteps[state.step];
   const baseTitle = checkoutItem.initSettings.config.modalTitle ?? fallbackTitle ?? "Checkout";
   return {
-    disableBack: isOstiumCustomer(apiKey) && state.step === "select_asset" /* SELECT_ASSET */ ? false : disableBack ?? false,
+    disableBack: disableBack({ state, apiKey }),
     hideClose: hideClose ?? false,
     showFullHeight: showFullHeight ?? ((isVertexCustomer(apiKey) || isKatanaCustomer(apiKey)) && state.step === "select_asset" /* SELECT_ASSET */),
     title: title?.(textCustomizations) ?? baseTitle
@@ -29981,7 +30075,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.5.1";
+  return "5.5.3";
 }
 function useFingerprint() {
   const fingerprint = useCallback49(() => {