@funkit/connect 5.5.2 → 5.5.4

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,48 @@ 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_all: [
+          {
+            key: "userId",
+            type: "pctRollout",
+            pct: 5
+          },
+          {
+            key: "apiKey",
+            type: "isAnyOf",
+            values: [POLYMARKET_API_KEY2]
+          }
+        ],
+        if_any: [],
+        value: true
+      },
+      {
+        if_any: [
+          {
+            key: "userId",
+            type: "pctRollout",
+            pct: 100
           }
         ],
         value: false
@@ -5511,7 +5545,7 @@ var getStyleProps = (type, isDisabled) => {
       focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
     },
     paddingX: "24",
-    paddingY: isDisabled ? "11" : "10"
+    paddingY: "10"
   };
 };
 function FunButton({
@@ -7420,6 +7454,8 @@ function FunkitCheckoutProvider({ children }) {
         clientMetadata,
         apiKey: funkitConfig.apiKey
       });
+      checkoutItem.initSettings.onConfirmation?.(txHash);
+      logger.log("directExecutionCheckoutConfirmed", { txHash });
       updateActiveCheckout({ depositAddress: txHash });
       refreshCheckoutHistory();
       return txHash;
@@ -8515,11 +8551,20 @@ function useFunkitUserIp() {
   };
 }
 
-// src/hooks/useIsUsBankrUser.ts
-function useIsUsBankrUser() {
+// src/hooks/useIsUsUser.ts
+function useIsUsUser() {
   const { userIpInfo } = useFunkitUserIp();
+  return userIpInfo?.alpha2 === "US";
+}
+function useIsUsBankrUser() {
+  const { apiKey } = useFunkitConfig();
+  const isUsUser = useIsUsUser();
+  return isUsUser && isBankrCustomer(apiKey);
+}
+function useIsUsKatanaUser() {
   const { apiKey } = useFunkitConfig();
-  return userIpInfo?.alpha2 === "US" && isBankrCustomer(apiKey);
+  const isUsUser = useIsUsUser();
+  return isUsUser && isKatanaCustomer(apiKey);
 }
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
@@ -13507,7 +13552,7 @@ var CheckoutCompleteInfo = {
       depositAddress: state.depositAddress
     };
   },
-  disableBack: true,
+  disableBack: () => true,
   fallbackTitle: DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE
 };
 function CheckoutComplete({
@@ -14526,6 +14571,16 @@ function CheckoutPrimaryInfo({
 
 // src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
 import React128, { useMemo as useMemo19 } from "react";
+
+// src/utils/customer.ts
+function isKatanaEarnFlow({
+  apiKey,
+  checkoutConfig
+}) {
+  return isKatanaCustomer(apiKey) && !!checkoutConfig && isCheckoutPostActionRequired(checkoutConfig);
+}
+
+// src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
 var DisclaimerText = ({
   showDydxDisclaimer,
   continueText,
@@ -14535,6 +14590,11 @@ var DisclaimerText = ({
 }) => {
   const { apiKey } = useFunkitConfig();
   const isVertex = isVertexCustomer(apiKey);
+  const isKatana = isKatanaCustomer(apiKey);
+  const isKatanaEarn = isKatanaEarnFlow({
+    apiKey,
+    checkoutConfig: checkoutItem?.initSettings.config
+  });
   const vertexText = useVertextDisclaimer(checkoutItem, isCardPayment);
   const cardDisclaimer = useCardDisclaimer(
     checkoutItem,
@@ -14548,7 +14608,21 @@ var DisclaimerText = ({
       inline: true,
       text: "privacy policy"
     }
-  ), ".") : /* @__PURE__ */ React128.createElement(React128.Fragment, null, isVertex && vertexText ? `${vertexText} ` : showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
+  ), ".") : isKatana && isKatanaEarn ? /* @__PURE__ */ React128.createElement(React128.Fragment, null, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to ", FUN_ORG_NAME, "'s", " ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ", Katana's ", /* @__PURE__ */ React128.createElement(
+    FunLinkButton,
+    {
+      href: "https://katana.network/legal/terms-and-conditions",
+      inline: true,
+      text: "terms"
+    }
+  ), ", and the ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: "https://yearn.fi/", inline: true, text: "terms" }), " applicable to third-party Yearn vaults", ".") : isKatana && !isKatanaEarn ? /* @__PURE__ */ React128.createElement(React128.Fragment, null, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to ", FUN_ORG_NAME, "'s", " ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ", Katana's and Vaultbridge's ", /* @__PURE__ */ React128.createElement(
+    FunLinkButton,
+    {
+      href: "https://katana.network/legal/terms-and-conditions",
+      inline: true,
+      text: "terms"
+    }
+  ), ", and the ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: "https://morpho.org/", inline: true, text: "terms" }), " applicable to third-party Morpho vaults", ".") : /* @__PURE__ */ React128.createElement(React128.Fragment, null, isVertex && vertexText ? `${vertexText} ` : showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
 };
 function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
   const cardDisclaimer = useMemo19(() => {
@@ -16252,15 +16326,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 +16504,7 @@ var providerLabelMap = {
   KOYWE: "Koywe",
   MESH: "Mesh",
   MESO: "Meso",
+  MERCURYO: "Mercuryo",
   ONMETA: "Onmeta",
   ONRAMPMONEY: "Onramp Money",
   PAYBIS: "Paybis",
@@ -16413,7 +16520,7 @@ var providerLabelMap = {
 };
 var MeldQuoteItem = ({
   quote,
-  badge,
+  isBestQuote,
   onClick,
   isDisabled = false,
   isActive = false
@@ -16422,16 +16529,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 +16567,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 +16622,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 +17410,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 +17426,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 +17582,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 +17594,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 +17624,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 +18142,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 +18192,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 +18297,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 +18313,7 @@ function InputAmountLoaded({
           isPreselected: !manuallySelectedQuote && !!bestRateQuote,
           error: meldLimitError?.issue
         }
-      ) : /* @__PURE__ */ React150.createElement(
+      )) : /* @__PURE__ */ React150.createElement(
         YouPayYouReceiveWrapper,
         {
           targetChainId: modalState.targetChainId,
@@ -18336,7 +18463,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 +18485,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 +18511,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 +18613,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 +18623,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 +18639,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 +19052,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 +19066,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 +19166,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 +19195,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 +20769,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 +21036,7 @@ function MeshOrAccountSelectAsset({
       asset,
       isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
       isDisabled: isDisabled2,
-      badgeText,
+      badgeText: isPolymarketCustomer(apiKey) && badgeText === "Same Asset" ? "" : badgeText,
       onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
     }
   )));
@@ -21257,16 +21380,6 @@ import { createPortal as createPortal12 } from "react-dom";
 
 // src/hooks/usePaymentSources.ts
 import { FlagKey as FlagKey25, isNotNullish as isNotNullish9 } from "@funkit/utils";
-
-// src/utils/customer.ts
-function isKatanaEarnFlow({
-  apiKey,
-  checkoutConfig
-}) {
-  return isKatanaCustomer(apiKey) && !!checkoutConfig && isCheckoutPostActionRequired(checkoutConfig);
-}
-
-// src/hooks/usePaymentSources.ts
 function useRemainingMeshExchangeConnections(selected) {
   const { getActiveConnection } = useFunkitMesh();
   const supportedExchanges = useSupportedExchanges();
@@ -21300,8 +21413,9 @@ function usePaymentMethodEnablement({
   const isCardFlagEnabled = useFlag(FlagKey25.EnableCard);
   const isBrokerageFlagEnabled = useFlag(FlagKey25.EnableBrokerage);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
+  const isUsKatanaUser = useIsUsKatanaUser();
   const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
-  const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction;
+  const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction && !isUsKatanaUser;
   const isBrokerageEnabled = isBrokerageFlagEnabled && !isKatanaEarnFlowAction;
   const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction && (uiCustomizations?.paymentMethods?.isCardEnabled ?? true);
   return {
@@ -21333,7 +21447,8 @@ var usePaymentSources = (paymentMethodInfo, targetChainId, checkoutConfig) => {
     matchingFiatAccount,
     bridgeCustomer: allFiatAccounts.bridgeCustomer
   }) : null;
-  const connectedAccountInfo = paymentMethodInfo?.paymentMethod !== "balance" /* ACCOUNT_BALANCE */ && isUserLoggedIn && hasUsableBalance ? accountPaymentMethodInfo : null;
+  const showBalanceOption = isKatanaCustomer(apiKey) || hasUsableBalance;
+  const connectedAccountInfo = paymentMethodInfo?.paymentMethod !== "balance" /* ACCOUNT_BALANCE */ && isUserLoggedIn && showBalanceOption ? accountPaymentMethodInfo : null;
   const connected = [
     paymentMethodInfo,
     connectedAccountInfo,
@@ -21349,11 +21464,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 +21750,7 @@ function SourceChange({
         titleCustomization: textCustomizations.debitOrCredit
       });
       updateSelectedPaymentMethodInfo(paymentMethodInfo2);
-      await onSelectCard();
+      if (!enableMeldPayment) await onSelectCard();
       onNext({
         connectNew: true,
         paymentMethod: newSource2,
@@ -21683,7 +21797,7 @@ function SourceChange({
       });
     }
   };
-  const { promoted, preferred, moreSources } = usePaymentSources(
+  const { preferred, moreSources } = usePaymentSources(
     paymentMethodInfo,
     targetChainId,
     checkoutItem?.initSettings.config
@@ -21713,14 +21827,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 +22681,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 +23226,7 @@ var AccountDetailsScreen = ({
 };
 var FiatAccountDetail = {
   Component: AccountDetailsScreen,
-  disableBack: true,
+  disableBack: () => true,
   onNext(state, _payload) {
     const common = extractCommonState(state);
     return {
@@ -23175,7 +23282,7 @@ var KycIframeInfo = {
     };
   },
   title: (textCustomizations) => textCustomizations.virtualFiat,
-  disableBack: true
+  disableBack: () => true
 };
 function KycIframe({
   modalState,
@@ -23421,10 +23528,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
@@ -27805,7 +27918,8 @@ var parseDisclaimer = (checkout, onHelp) => {
 
 // src/modals/CheckoutModal/TransferToken/DirectExecutionNotification.tsx
 import React250 from "react";
-var mapDirectExecutionStateToNotificationStatus = (isDelayed2, isRefunded, isCompleted, isFailed) => {
+var mapDirectExecutionStateToNotificationStatus = (isProcessing, isDelayed2, isRefunded, isCompleted, isFailed) => {
+  if (isProcessing) return "processing";
   if (isDelayed2) return "delayed";
   if (isCompleted) return "completed";
   if (isRefunded) return "expired";
@@ -27818,10 +27932,11 @@ var DirectExecutionNotification = ({
   onHelp
 }) => {
   const { initSettings } = directExecution.clientMetadata;
-  const { isDelayed: isDelayed2, isRefunded, isCompleted, isFailed } = useCheckoutDirectExecutionHistory({
+  const { isProcessing, isDelayed: isDelayed2, isRefunded, isCompleted, isFailed } = useCheckoutDirectExecutionHistory({
     initDirectExecution: directExecution
   });
   const notificationStatus = mapDirectExecutionStateToNotificationStatus(
+    isProcessing,
     isDelayed2,
     isRefunded,
     isCompleted,
@@ -27832,6 +27947,7 @@ var DirectExecutionNotification = ({
     FunNotificationBanner,
     {
       description: parseDescription2(
+        isProcessing,
         isDelayed2,
         isRefunded,
         isCompleted,
@@ -27869,8 +27985,8 @@ var parseTitle = (isDelayed2, isRefunded, isCompleted, isFailed) => {
   if (isFailed || isRefunded) return "Didn't complete";
   return "Deposit received and processing...";
 };
-var parseDescription2 = (isDelayed2, isRefunded, isCompleted, isFailed) => {
-  if (isDelayed2) {
+var parseDescription2 = (isProcessing, isDelayed2, isRefunded, isCompleted, isFailed) => {
+  if (isProcessing || isDelayed2) {
     return "Your deposit will be credited to your account shortly.";
   }
   if (isCompleted) {
@@ -30010,7 +30126,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.5.2";
+  return "5.5.4";
 }
 function useFingerprint() {
   const fingerprint = useCallback49(() => {