@funkit/connect 5.5.2 → 5.5.3

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @funkit/connect
 
+## 5.5.3
+
+### Patch Changes
+
+- b0a2c6c: remove same asset tag in polymarket
+- a0d19fc: preload meld currencies
+- e252efc: feat(connect): keep Card payment method beneath Transfer Crypto
+- 20f5175: tweak meld design
+- 0ead49a: hide back button in card input step
+- Updated dependencies [20f5175]
+  - @funkit/api-base@1.9.2
+  - @funkit/utils@1.1.2
+  - @funkit/core@2.3.24
+  - @funkit/wagmi-tools@3.0.46
+
 ## 5.5.2
 
 ### Patch Changes

package/dist/components/MeldQuoteItem/MeldQuoteItem.d.ts

@@ -2,11 +2,11 @@ import type { MeldQuote, MeldServiceProvider } from '@funkit/api-base';
 import React from 'react';
 export declare const providerLabelMap: Record<MeldServiceProvider, string>;
 export interface MeldQuoteItemProps {
-    badge?: string;
+    isBestQuote?: boolean;
     quote: MeldQuote | undefined;
     onClick?: () => void;
     isError?: boolean;
     isDisabled?: boolean;
     isActive?: boolean;
 }
-export declare const MeldQuoteItem: ({ quote, badge, onClick, isDisabled, isActive, }: MeldQuoteItemProps) => React.JSX.Element;
+export declare const MeldQuoteItem: ({ quote, isBestQuote, onClick, isDisabled, isActive, }: MeldQuoteItemProps) => React.JSX.Element;

package/dist/components/SourceMeldQuoteItem/SourceMeldQuoteItem.d.ts

@@ -1,4 +1,4 @@
-import type { MeldQuote } from '@funkit/api-base';
+import type { MeldQuote, MeldServiceProvider } from '@funkit/api-base';
 import React from 'react';
 interface SourceMeldQuoteItemProps {
     quote?: MeldQuote;
@@ -10,4 +10,9 @@ interface SourceMeldQuoteItemProps {
     error?: string;
 }
 export declare const SourceMeldQuoteItem: ({ quote, onClick, isLoading, isBestQuote, isPreselected, disabled, error, }: SourceMeldQuoteItemProps) => React.JSX.Element;
+interface MeldProviderLabelProps {
+    serviceProvider: MeldServiceProvider;
+    isBest?: boolean;
+}
+export declare const MeldProviderLabel: ({ serviceProvider, isBest, }: MeldProviderLabelProps) => React.JSX.Element;
 export {};

package/dist/hooks/queries/useMeldCurrencies.d.ts

@@ -1 +1 @@
-export declare const useMeldCurrencies: () => import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldFiatCurrency[], Error>;
+export declare const useMeldCurrencies: (isEnabled?: boolean) => import("@tanstack/react-query").UseQueryResult<import("@funkit/api-base").MeldFiatCurrency[], Error>;

package/dist/hooks/usePaymentSources.d.ts

@@ -1,7 +1,6 @@
 import { type ConnectablePaymentMethodInfo, PaymentMethod } from '~/domains/paymentMethods';
 import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
 export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string, checkoutConfig?: FunkitCheckoutConfig) => {
-    promoted: PaymentMethod | undefined;
     preferred: (import("~/domains/paymentMethods").PaymentMethodBrokerageInfo | import("~/domains/paymentMethods").PaymentMethodAccountInfo | import("~/domains/paymentMethods").PaymentMethodVirtualBankInfo)[] | PaymentMethod[];
     moreSources: PaymentMethod[];
 };

package/dist/index.js

@@ -3410,7 +3410,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [KATANA_API_KEY2]
+            values: [KATANA_API_KEY2, POLYMARKET_API_KEY2]
           }
         ],
         value: JSON.stringify({
@@ -3435,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",
@@ -3463,7 +3463,7 @@ var flagConfig = {
           }
         ]
       },
-      // 1% rollout to Polymarket and Ostium users
+      // 5% rollout to Ostium and Polymarket users
       {
         value: true,
         if_all: [
@@ -3475,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: [
@@ -3590,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
@@ -5511,7 +5529,7 @@ var getStyleProps = (type, isDisabled) => {
       focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
     },
     paddingX: "24",
-    paddingY: isDisabled ? "11" : "10"
+    paddingY: "10"
   };
 };
 function FunButton({
@@ -13507,7 +13525,7 @@ var CheckoutCompleteInfo = {
       depositAddress: state.depositAddress
     };
   },
-  disableBack: true,
+  disableBack: () => true,
   fallbackTitle: DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE
 };
 function CheckoutComplete({
@@ -16252,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 "";
@@ -16398,6 +16448,7 @@ var providerLabelMap = {
   KOYWE: "Koywe",
   MESH: "Mesh",
   MESO: "Meso",
+  MERCURYO: "Mercuryo",
   ONMETA: "Onmeta",
   ONRAMPMONEY: "Onramp Money",
   PAYBIS: "Paybis",
@@ -16413,7 +16464,7 @@ var providerLabelMap = {
 };
 var MeldQuoteItem = ({
   quote,
-  badge,
+  isBestQuote,
   onClick,
   isDisabled = false,
   isActive = false
@@ -16422,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
       }
     }
   );
@@ -16461,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,
@@ -16518,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";
@@ -17286,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
@@ -17302,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;
@@ -17458,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;
@@ -17470,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",
@@ -17500,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,
@@ -18017,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"
         };
       }
     }
@@ -18067,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(
@@ -18171,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,
@@ -18186,7 +18257,7 @@ function InputAmountLoaded({
           isPreselected: !manuallySelectedQuote && !!bestRateQuote,
           error: meldLimitError?.issue
         }
-      ) : /* @__PURE__ */ React150.createElement(
+      )) : /* @__PURE__ */ React150.createElement(
         YouPayYouReceiveWrapper,
         {
           targetChainId: modalState.targetChainId,
@@ -18336,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",
@@ -18358,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
@@ -18384,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);
@@ -18486,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 {
@@ -18495,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();
@@ -18506,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
@@ -18918,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,
@@ -18964,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,
@@ -19054,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,
@@ -19073,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 })
     }
@@ -20646,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) {
@@ -20913,7 +20980,7 @@ function MeshOrAccountSelectAsset({
       asset,
       isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
       isDisabled: isDisabled2,
-      badgeText,
+      badgeText: isPolymarketCustomer(apiKey) && badgeText === "Same Asset" ? "" : badgeText,
       onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
     }
   )));
@@ -21349,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
   };
@@ -21636,7 +21702,7 @@ function SourceChange({
         titleCustomization: textCustomizations.debitOrCredit
       });
       updateSelectedPaymentMethodInfo(paymentMethodInfo2);
-      await onSelectCard();
+      if (!enableMeldPayment) await onSelectCard();
       onNext({
         connectNew: true,
         paymentMethod: newSource2,
@@ -21683,7 +21749,7 @@ function SourceChange({
       });
     }
   };
-  const { promoted, preferred, moreSources } = usePaymentSources(
+  const { preferred, moreSources } = usePaymentSources(
     paymentMethodInfo,
     targetChainId,
     checkoutItem?.initSettings.config
@@ -21713,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",
@@ -22574,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 {
@@ -23119,7 +23178,7 @@ var AccountDetailsScreen = ({
 };
 var FiatAccountDetail = {
   Component: AccountDetailsScreen,
-  disableBack: true,
+  disableBack: () => true,
   onNext(state, _payload) {
     const common = extractCommonState(state);
     return {
@@ -23175,7 +23234,7 @@ var KycIframeInfo = {
     };
   },
   title: (textCustomizations) => textCustomizations.virtualFiat,
-  disableBack: true
+  disableBack: () => true
 };
 function KycIframe({
   modalState,
@@ -23421,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
@@ -30010,7 +30075,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.5.2";
+  return "5.5.3";
 }
 function useFingerprint() {
   const fingerprint = useCallback49(() => {

package/dist/modals/CheckoutModal/InputAmount/InputAmount.d.ts

@@ -1,4 +1,4 @@
-import type { MeldQuote } from '@funkit/api-base';
+import type { MeldQuote, MeldServiceProvider } from '@funkit/api-base';
 import React from 'react';
 import { type PaymentMethodInfo } from '~/domains/paymentMethods';
 import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../stepTransition';
@@ -11,6 +11,7 @@ export type InputAmountState = CheckoutModalCommonState & {
 export type InputAmountNext = Record<string, never> | {
     fiatAmount: number;
     fiatCurrency?: string;
+    provider?: MeldServiceProvider;
     nextStep?: FunCheckoutStep.SOURCE_CHANGE | FunCheckoutStep.MELD_CURRENCY_SELECT | FunCheckoutStep.MELD_QUOTES;
 };
 export declare const InputAmountInfo: ModalStepInfo<FunCheckoutStep.INPUT_AMOUNT>;