@funkit/connect 10.1.0-next.0 → 10.1.1

package/dist/index.js

@@ -1004,66 +1004,6 @@ import {
 import * as dnum12 from "dnum";
 import { erc20Abi as erc20Abi9, formatUnits as formatUnits5, isAddress } from "viem";
 
-// src/consts/customers.ts
-import {
-  AAVE_API_KEY,
-  AVANTIS_API_KEY,
-  BASED_API_KEY,
-  BSX_API_KEY,
-  ETHEREAL_API_KEY,
-  FANATICS_API_KEY,
-  HYENA_API_KEY,
-  HYPERDASH_API_KEY,
-  LIGHTERXYZ_API_KEY,
-  MALLARD_API_KEY,
-  MONAD_API_KEY,
-  MONKEY_TILT_API_KEY,
-  NADO_API_KEY,
-  OSTIUM_API_KEY,
-  PERPL_API_KEY,
-  POLYMARKET_API_KEY
-} from "@funkit/api-base";
-import { mainnet as mainnet2 } from "viem/chains";
-function isPolymarketCustomer(apiKey) {
-  return apiKey === POLYMARKET_API_KEY;
-}
-function isOstiumCustomer(apiKey) {
-  return apiKey === OSTIUM_API_KEY;
-}
-function isEtherealCustomer(apiKey) {
-  return apiKey === ETHEREAL_API_KEY;
-}
-function isMonadCustomer(apiKey) {
-  return apiKey === MONAD_API_KEY;
-}
-function isHyenaCustomer(apiKey) {
-  return apiKey === HYENA_API_KEY;
-}
-function isLighterxyzCustomer(apiKey) {
-  return apiKey === LIGHTERXYZ_API_KEY;
-}
-function isFanaticsCustomer(apiKey) {
-  return apiKey === FANATICS_API_KEY;
-}
-function isAaveCustomer(apiKey) {
-  return apiKey === AAVE_API_KEY;
-}
-function isNadoCustomer(apiKey) {
-  return apiKey === NADO_API_KEY;
-}
-function isMallardCustomer(apiKey) {
-  return apiKey === MALLARD_API_KEY;
-}
-function isCustomerNativeFastPathEnabled(apiKey) {
-  return isAaveCustomer(apiKey);
-}
-function isLighterSpot(apiKey, checkoutConfig) {
-  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && (checkoutConfig.dynamicRoutingId ?? "").includes("SPOT");
-}
-function isLighterSlowDeposit(apiKey, checkoutConfig) {
-  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && checkoutConfig.targetChain === mainnet2.id.toString();
-}
-
 // src/wagmi/actions.ts
 import { erc20Abi, formatUnits } from "viem";
 import {
@@ -1137,6 +1077,66 @@ import React300, {
 import { flushSync as flushSync2 } from "react-dom";
 import { v4 as uuid2 } from "uuid";
 
+// src/consts/customers.ts
+import {
+  AAVE_API_KEY,
+  AVANTIS_API_KEY,
+  BASED_API_KEY,
+  BSX_API_KEY,
+  ETHEREAL_API_KEY,
+  FANATICS_API_KEY,
+  HYENA_API_KEY,
+  HYPERDASH_API_KEY,
+  LIGHTERXYZ_API_KEY,
+  MALLARD_API_KEY,
+  MONAD_API_KEY,
+  MONKEY_TILT_API_KEY,
+  NADO_API_KEY,
+  OSTIUM_API_KEY,
+  PERPL_API_KEY,
+  POLYMARKET_API_KEY
+} from "@funkit/api-base";
+import { mainnet as mainnet2 } from "viem/chains";
+function isPolymarketCustomer(apiKey) {
+  return apiKey === POLYMARKET_API_KEY;
+}
+function isOstiumCustomer(apiKey) {
+  return apiKey === OSTIUM_API_KEY;
+}
+function isEtherealCustomer(apiKey) {
+  return apiKey === ETHEREAL_API_KEY;
+}
+function isMonadCustomer(apiKey) {
+  return apiKey === MONAD_API_KEY;
+}
+function isHyenaCustomer(apiKey) {
+  return apiKey === HYENA_API_KEY;
+}
+function isLighterxyzCustomer(apiKey) {
+  return apiKey === LIGHTERXYZ_API_KEY;
+}
+function isFanaticsCustomer(apiKey) {
+  return apiKey === FANATICS_API_KEY;
+}
+function isAaveCustomer(apiKey) {
+  return apiKey === AAVE_API_KEY;
+}
+function isNadoCustomer(apiKey) {
+  return apiKey === NADO_API_KEY;
+}
+function isMallardCustomer(apiKey) {
+  return apiKey === MALLARD_API_KEY;
+}
+function isCustomerNativeFastPathEnabled(apiKey) {
+  return isAaveCustomer(apiKey);
+}
+function isLighterSpot(apiKey, checkoutConfig) {
+  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && (checkoutConfig.dynamicRoutingId ?? "").includes("SPOT");
+}
+function isLighterSlowDeposit(apiKey, checkoutConfig) {
+  return !!checkoutConfig && isLighterxyzCustomer(apiKey) && checkoutConfig.targetChain === mainnet2.id.toString();
+}
+
 // src/consts/funkit.ts
 import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS } from "@funkit/chains";
 var NATIVE_TOKEN = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS;
@@ -1687,7 +1687,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "10.1.0-next.0";
+  return "10.1.1";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -3394,12 +3394,6 @@ function useIsMeldEnabled() {
   return meldEnabled && !!meldCurrencyCode;
 }
 
-// src/hooks/useIsUsUser.ts
-function useIsUsUser() {
-  const { userIpInfo } = useFunkitUserIp();
-  return userIpInfo?.alpha2 === "US";
-}
-
 // src/hooks/useFrogAccount.ts
 import {
   createBridgeBankAccount,
@@ -4251,14 +4245,16 @@ function usePaymentMethodEnablement() {
   const isBrokerageFlagEnabled = useDynamicConfig("enablebluvobrokerage");
   const isSwappedFlagEnabled = useDynamicConfig("enableswappeddeposit");
   const isLightningFlagEnabled = useDynamicConfig("enablebitcoinlightning");
+  const isCashAppLightningFlagEnabled = useDynamicConfig(
+    "enablecashapplightning"
+  );
   const isFiatEnabled = isFiatFlagEnabled;
   const isTokenTransferEnabled = isTokenTransferFlagEnabled;
   const isMeldEnabled = isMeldFlagEnabled && isTokenTransferEnabled;
   const isSwappedEnabled = isSwappedFlagEnabled && (isTokenTransferEnabled || isTokenTransferComingSoon || isTokenTransferGeoblocked);
   const isBrokerageEnabled = isBrokerageFlagEnabled && isTokenTransferEnabled;
   const isLightningEnabled = isLightningFlagEnabled && isTokenTransferEnabled;
-  const isUsUser = useIsUsUser();
-  const isCashAppLightningEnabled = isLightningEnabled && isUsUser;
+  const isCashAppLightningEnabled = isCashAppLightningFlagEnabled && isTokenTransferEnabled;
   return {
     isSwappedEnabled,
     isFiatEnabled,
@@ -8502,6 +8498,9 @@ function useSwappedContext() {
   return ctx;
 }
 
+// src/modals/CheckoutModal/SwappedIframe/SwappedIframe.css.ts
+var scrollableIframeWrapper = "oxtlcp0";
+
 // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
 var SwappedIframe = () => {
   const { iframeUrl, isSwappedReady, isActive, setIframeRef } = useSwappedContext();
@@ -8521,12 +8520,13 @@ var SwappedIframe = () => {
     Box,
     {
       background: "modalBackground",
+      className: scrollableIframeWrapper,
       style: {
         position: "absolute",
         inset: 0,
         width: "100%",
         height: "100%",
-        overflow: "hidden",
+        overflow: "auto",
         overscrollBehavior: "contain",
         zIndex: shouldShow ? 1 : -1,
         pointerEvents: shouldShow ? "auto" : "none",
@@ -9991,8 +9991,8 @@ var en_default = {
     selectPaymentMethod: "Select payment method",
     moreOptions: "More options",
     mostPopular: "Most popular",
-    savedPaymentMethods: "Saved payment methods",
-    otherOptions: "Other options",
+    savedPaymentMethods: "Saved cards",
+    otherOptions: "More options",
     connected: "Connected",
     more: "more",
     walletDisplayLabel: "{{walletLabel}}",
@@ -10594,8 +10594,8 @@ var es_default = {
     selectPaymentMethod: "Seleccionar m\xE9todo de pago",
     moreOptions: "M\xE1s opciones",
     mostPopular: "M\xE1s popular",
-    savedPaymentMethods: "M\xE9todos de pago guardados",
-    otherOptions: "Otras opciones",
+    savedPaymentMethods: "Tarjetas guardadas",
+    otherOptions: "M\xE1s opciones",
     more: "m\xE1s",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -11197,8 +11197,8 @@ var fr_default = {
     selectPaymentMethod: "S\xE9lectionnez le mode de paiement",
     moreOptions: "Plus d'options",
     mostPopular: "Les plus populaires",
-    savedPaymentMethods: "Moyens de paiement enregistr\xE9s",
-    otherOptions: "Autres options",
+    savedPaymentMethods: "Cartes enregistr\xE9es",
+    otherOptions: "Plus d'options",
     more: "plus",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -11800,8 +11800,8 @@ var ja_default = {
     selectPaymentMethod: "\u652F\u6255\u3044\u65B9\u6CD5\u3092\u9078\u629E",
     moreOptions: "\u305D\u306E\u4ED6\u306E\u30AA\u30D7\u30B7\u30E7\u30F3",
     mostPopular: "\u4EBA\u6C17",
-    savedPaymentMethods: "\u4FDD\u5B58\u6E08\u307F\u306E\u652F\u6255\u3044\u65B9\u6CD5",
-    otherOptions: "\u305D\u306E\u4ED6\u306E\u9078\u629E\u80A2",
+    savedPaymentMethods: "\u4FDD\u5B58\u6E08\u307F\u30AB\u30FC\u30C9",
+    otherOptions: "\u305D\u306E\u4ED6\u306E\u30AA\u30D7\u30B7\u30E7\u30F3",
     more: "\u3082\u3063\u3068\u898B\u308B",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -12403,8 +12403,8 @@ var ko_default = {
     selectPaymentMethod: "\uACB0\uC81C \uBC29\uBC95 \uC120\uD0DD",
     moreOptions: "\uB354 \uB9CE\uC740 \uC635\uC158",
     mostPopular: "\uC778\uAE30",
-    savedPaymentMethods: "\uC800\uC7A5\uB41C \uACB0\uC81C \uC218\uB2E8",
-    otherOptions: "\uB2E4\uB978 \uC635\uC158",
+    savedPaymentMethods: "\uC800\uC7A5\uB41C \uCE74\uB4DC",
+    otherOptions: "\uB354 \uB9CE\uC740 \uC635\uC158",
     more: "\uB354 \uBCF4\uAE30",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -13006,8 +13006,8 @@ var ru_default = {
     selectPaymentMethod: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0441\u043F\u043E\u0441\u043E\u0431 \u043E\u043F\u043B\u0430\u0442\u044B",
     moreOptions: "\u0411\u043E\u043B\u044C\u0448\u0435 \u043E\u043F\u0446\u0438\u0439",
     mostPopular: "\u0421\u0430\u043C\u044B\u0435 \u043F\u043E\u043F\u0443\u043B\u044F\u0440\u043D\u044B\u0435",
-    savedPaymentMethods: "\u0421\u043E\u0445\u0440\u0430\u043D\u0451\u043D\u043D\u044B\u0435 \u0441\u043F\u043E\u0441\u043E\u0431\u044B \u043E\u043F\u043B\u0430\u0442\u044B",
-    otherOptions: "\u0414\u0440\u0443\u0433\u0438\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B",
+    savedPaymentMethods: "\u0421\u043E\u0445\u0440\u0430\u043D\u0451\u043D\u043D\u044B\u0435 \u043A\u0430\u0440\u0442\u044B",
+    otherOptions: "\u0411\u043E\u043B\u044C\u0448\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u043E\u0432",
     more: "\u0431\u043E\u043B\u044C\u0448\u0435",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -13609,8 +13609,8 @@ var tr_default = {
     selectPaymentMethod: "\xD6deme y\xF6ntemi se\xE7in",
     moreOptions: "Daha fazla se\xE7enek",
     mostPopular: "En pop\xFCler",
-    savedPaymentMethods: "Kay\u0131tl\u0131 \xF6deme y\xF6ntemleri",
-    otherOptions: "Di\u011Fer se\xE7enekler",
+    savedPaymentMethods: "Kay\u0131tl\u0131 kartlar",
+    otherOptions: "Daha fazla se\xE7enek",
     more: "daha fazla",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -14212,8 +14212,8 @@ var zh_default = {
     selectPaymentMethod: "\u9009\u62E9\u652F\u4ED8\u65B9\u5F0F",
     moreOptions: "\u66F4\u591A\u9009\u9879",
     mostPopular: "\u6700\u53D7\u6B22\u8FCE",
-    savedPaymentMethods: "\u5DF2\u4FDD\u5B58\u7684\u652F\u4ED8\u65B9\u5F0F",
-    otherOptions: "\u5176\u4ED6\u9009\u9879",
+    savedPaymentMethods: "\u5DF2\u4FDD\u5B58\u7684\u5361\u7247",
+    otherOptions: "\u66F4\u591A\u9009\u9879",
     more: "\u66F4\u591A",
     walletDisplayLabel: "{{walletLabel}}",
     brokerageDisplayLabel: "{{brokerageLabel}}",
@@ -19629,9 +19629,7 @@ import {
   FormOfPaymentType as FormOfPaymentType3
 } from "@funkit/api-base";
 import { lightningChain } from "@funkit/chains";
-import {
-  formatCurrencyAndStringify as formatCurrencyAndStringify4
-} from "@funkit/utils";
+import { formatCurrencyAndStringify as formatCurrencyAndStringify4 } from "@funkit/utils";
 import React92, { useEffect as useEffect33 } from "react";
 
 // src/hooks/useCheckoutTimeEstimate.ts
@@ -20732,30 +20730,51 @@ function getIconFromUiConfig(paymentMethod, iconConfig, defaultIconSize = 12) {
     );
   }
 }
-var getDynamicValueIconComponent = () => {
-  const defaultChains = getDefaultChains();
-  return /* @__PURE__ */ React92.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId2 }, index) => {
-    const metadata = chainMetadataById[chainId2];
-    return /* @__PURE__ */ React92.createElement(
-      Box,
+function resolveConnectWalletChainOrder(configuredOrder) {
+  const defaultChainIds = getDefaultChains().map(({ id }) => String(id));
+  if (!configuredOrder.length) {
+    return defaultChainIds;
+  }
+  const defaultChainIdSet = new Set(defaultChainIds);
+  const prioritized = configuredOrder.map(String).filter((id) => defaultChainIdSet.has(id));
+  const prioritizedSet = new Set(prioritized);
+  const remaining = defaultChainIds.filter((id) => !prioritizedSet.has(id));
+  return [...prioritized, ...remaining];
+}
+function MoreIconsIndicator() {
+  return /* @__PURE__ */ React92.createElement(
+    Box,
+    {
+      background: "secondaryBackground",
+      color: "secondaryText",
+      borderRadius: "full",
+      style: { width: 16, height: 16, flexShrink: 0, position: "relative" }
+    },
+    /* @__PURE__ */ React92.createElement(
+      "svg",
       {
-        key: chainId2,
-        position: "relative",
-        style: { right: `${(defaultChains.length - index - 1) * -2}px` }
+        width: "10",
+        height: "10",
+        viewBox: "0 0 10 10",
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%,-50%)"
+        }
       },
       /* @__PURE__ */ React92.createElement(
-        AsyncImage,
+        "path",
         {
-          alt: metadata?.name ?? "",
-          borderRadius: "full",
-          src: metadata?.iconUrl ?? "",
-          height: 12,
-          width: 12
+          d: "M5 1v8M1 5h8",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
         }
       )
-    );
-  }));
-};
+    )
+  );
+}
 function ConnectWalletItem({
   isClickable,
   isActive,
@@ -20766,12 +20785,16 @@ function ConnectWalletItem({
   const { textCustomizations } = useFunkitConfig();
   const { t } = useFunkitTranslation();
   const walletLabel = useWalletLabel();
+  const connectWalletChainIconOrder = useDynamicConfig(
+    "connectwalletchainiconorder"
+  );
+  const chainIds = resolveConnectWalletChainOrder(connectWalletChainIconOrder);
   return /* @__PURE__ */ React92.createElement(
     FunPaymentMethodItem,
     {
       keyIcon: paymentIcon,
       keyText: walletLabel,
-      valueIcon: customValueIcon ?? getDynamicValueIconComponent(),
+      valueIcon: customValueIcon ?? /* @__PURE__ */ React92.createElement(SupportedChainList, { chainIdList: chainIds }),
       onClick,
       isDisabled: !isClickable,
       disclaimerText: textCustomizations.paymentMethodSubtitles.accountBalance || t("payment.disclaimerText", {
@@ -20785,39 +20808,26 @@ function ConnectWalletItem({
 }
 function SupportedChainList({
   chainIdList,
-  iconSize = 12,
+  iconSize = 16,
   style
 }) {
-  return /* @__PURE__ */ React92.createElement(
-    Box,
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-end",
-      style
-    },
-    chainIdList.map((chainId2, index) => {
-      const metadata = chainMetadataById[chainId2];
-      return /* @__PURE__ */ React92.createElement(
-        Box,
-        {
-          key: chainId2,
-          position: "relative",
-          style: { right: `${(chainIdList.length - index - 1) * -2}px` }
-        },
-        /* @__PURE__ */ React92.createElement(
-          AsyncImage,
-          {
-            alt: metadata?.name ?? "",
-            borderRadius: "full",
-            src: metadata?.iconUrl ?? "",
-            height: iconSize,
-            width: iconSize
-          }
-        )
-      );
-    })
-  );
+  const visibleChains = chainIdList.slice(0, 4);
+  const hasMore = chainIdList.length > 4;
+  return /* @__PURE__ */ React92.createElement(Box, { display: "flex", alignItems: "center", gap: "2", style }, visibleChains.map((chainId2) => {
+    const metadata = chainMetadataById[chainId2];
+    return /* @__PURE__ */ React92.createElement(
+      AsyncImage,
+      {
+        key: chainId2,
+        alt: metadata?.name ?? "",
+        borderRadius: "full",
+        borderColor: "generalBorderDim",
+        src: metadata?.iconUrl ?? "",
+        height: iconSize,
+        width: iconSize
+      }
+    );
+  }), hasMore && /* @__PURE__ */ React92.createElement(MoreIconsIndicator, null));
 }
 function PaymentMethodIcon({
   paymentIcon,
@@ -20868,7 +20878,7 @@ var ConnectedBluvoPaymentMethodItem = ({
   });
   const hasLowBalance = !isPending && sourceBalance < getUsdMinAmount();
   const isDisabled = disabled || isPending || !!isBalanceError || hasLowBalance || isUserGeoblocked;
-  const icon = isPending ? /* @__PURE__ */ React92.createElement(SpinnerIcon, { size: 20 }) : label.icon;
+  const icon = isPending ? /* @__PURE__ */ React92.createElement(SpinnerIcon, { size: 20 }) : /* @__PURE__ */ React92.createElement("div", { style: { borderRadius: "50%", overflow: "hidden" } }, label.icon);
   useEffect33(() => {
     if (isPending) {
       return;
@@ -21066,13 +21076,15 @@ var BrokeragePaymentMethodItem = ({
   const { isUserGeoblocked } = useFunkitUserIp();
   const { t } = useFunkitTranslation();
   const { textCustomizations } = useFunkitConfig();
-  const { options: exchangeOptions } = useExchangeOptions({ iconSize: 12 });
+  const { options: exchangeOptions } = useExchangeOptions({ iconSize: 16 });
   const { estimatedTimeText } = useCheckoutTimeEstimate(
     null,
     BROKERAGE_TIME_ESTIMATE,
     PaymentMethod.BROKERAGE,
     false
   );
+  const visibleExchangeOptions = exchangeOptions.slice(0, 4);
+  const hasMoreExchanges = exchangeOptions.length > 4;
   return /* @__PURE__ */ React92.createElement(
     FunPaymentMethodItem,
     {
@@ -21080,7 +21092,17 @@ var BrokeragePaymentMethodItem = ({
       keyIcon: paymentIcon,
       keyText: textCustomizations.brokerageOrExchange,
       onClick,
-      valueIcon: isUserGeoblocked ? null : customValueIcon ?? /* @__PURE__ */ React92.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, exchangeOptions.map((option) => /* @__PURE__ */ React92.createElement(React92.Fragment, { key: brokerageOptionKey(option) }, option.icon))),
+      valueIcon: isUserGeoblocked ? null : customValueIcon ?? /* @__PURE__ */ React92.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, visibleExchangeOptions.map((option) => /* @__PURE__ */ React92.createElement(
+        "div",
+        {
+          key: brokerageOptionKey(option),
+          style: {
+            borderRadius: "50%",
+            overflow: "hidden"
+          }
+        },
+        option.icon
+      )), hasMoreExchanges && /* @__PURE__ */ React92.createElement(MoreIconsIndicator, null)),
       isDisabled: !isClickable,
       disclaimerText: textCustomizations.paymentMethodSubtitles.brokerageOrExchange || t("payment.disclaimerText", {
         time: estimatedTimeText,
@@ -21340,6 +21362,11 @@ function FopPaymentMethodItem({
       borderRadius: "4"
     }
   );
+  const processingTimeText = isBankTransfer ? FIAT_PROCESSING_TIME : t("payment.instant");
+  const disclaimerText = disclaimerLimit ? t("payment.disclaimerTextWithLimit", {
+    limit: disclaimerLimit,
+    time: processingTimeText
+  }) : processingTimeText;
   return /* @__PURE__ */ React92.createElement(
     FunPaymentMethodItem,
     {
@@ -21348,10 +21375,7 @@ function FopPaymentMethodItem({
       keyIcon,
       keyText: labelText,
       onClick,
-      disclaimerText: t("payment.disclaimerTextWithLimit", {
-        limit: disclaimerLimit,
-        time: isBankTransfer ? FIAT_PROCESSING_TIME : t("payment.instant")
-      }),
+      disclaimerText,
       testId: testId || `fop-${labelText.toLowerCase().replace(/\s+/g, "-")}`,
       valueIcon: disabledBadgeReason ? /* @__PURE__ */ React92.createElement(PaymentMethodDisabledBadge, { reason: disabledBadgeReason }) : void 0
     }
@@ -26516,7 +26540,10 @@ var WithdrawContent = ({
 };
 
 // src/modals/WithdrawalModal/WithdrawalMethodSelect.tsx
-import { getWithdrawalFopsLimit, isSyntheticFop as isSyntheticFop2 } from "@funkit/connect-core";
+import {
+  getWithdrawalFopsDisclaimerLimit,
+  isSyntheticFop as isSyntheticFop2
+} from "@funkit/connect-core";
 import React139 from "react";
 import { Trans as Trans9 } from "react-i18next";
 
@@ -27151,7 +27178,7 @@ function WithdrawalMethodSelect({
         onCashFopSelect(fop);
       },
       exchangeRatesData: exchangeRates.data,
-      getDisclaimerLimit: getWithdrawalFopsLimit,
+      getDisclaimerLimit: (fop, rates) => getWithdrawalFopsDisclaimerLimit(fop, rates, eurMax),
       enableSourceGroupLabels: false,
       isBelowMinimumBalance
     }
@@ -38240,31 +38267,40 @@ function CopyInputDisplayedAddressEN({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy, onAddressCopied]);
-  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, /* @__PURE__ */ React218.createElement("span", null, "Cop"), /* @__PURE__ */ React218.createElement("span", { className: copyInputTextWrapper }, ["y", " ", ...label.split("")].map((char, i) => /* @__PURE__ */ React218.createElement(
-    "span",
-    {
-      className: copyInputTextDefault,
-      key: `${char}-${i}`,
-      style: {
-        "--animation-name": isActive === null ? "none" : isActive ? textOut : textIn,
-        "--animation-delay": `${i * 0.03 * (isActive ? 1 : i * 0.025) + (!isActive ? 0.05 : 0)}s`,
-        "--animation-opacity": isActive === false ? "0" : "1"
-      }
-    },
-    char === " " ? /* @__PURE__ */ React218.createElement(React218.Fragment, null, "\xA0") : char
-  )), ["ied"].map((char, i) => /* @__PURE__ */ React218.createElement(
-    "span",
+  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(
+    Box,
     {
-      className: copyInputTextActive,
-      key: `${char}-${i}`,
-      style: {
-        "--animation-name": isActive === null ? "none" : isActive ? textIn : textOut,
-        "--animation-delay": `${i * 0.03 * (!isActive ? 1 : i * 0.05) + (isActive ? 0.1 : 0)}s`,
-        "--animation-opacity": "0"
-      }
+      as: "button",
+      onClick: handleClick,
+      className: copyButton,
+      testId: "copy-address-button"
     },
-    char
-  ))))))));
+    /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, /* @__PURE__ */ React218.createElement("span", null, "Cop"), /* @__PURE__ */ React218.createElement("span", { className: copyInputTextWrapper }, ["y", " ", ...label.split("")].map((char, i) => /* @__PURE__ */ React218.createElement(
+      "span",
+      {
+        className: copyInputTextDefault,
+        key: `${char}-${i}`,
+        style: {
+          "--animation-name": isActive === null ? "none" : isActive ? textOut : textIn,
+          "--animation-delay": `${i * 0.03 * (isActive ? 1 : i * 0.025) + (!isActive ? 0.05 : 0)}s`,
+          "--animation-opacity": isActive === false ? "0" : "1"
+        }
+      },
+      char === " " ? /* @__PURE__ */ React218.createElement(React218.Fragment, null, "\xA0") : char
+    )), ["ied"].map((char, i) => /* @__PURE__ */ React218.createElement(
+      "span",
+      {
+        className: copyInputTextActive,
+        key: `${char}-${i}`,
+        style: {
+          "--animation-name": isActive === null ? "none" : isActive ? textIn : textOut,
+          "--animation-delay": `${i * 0.03 * (!isActive ? 1 : i * 0.05) + (isActive ? 0.1 : 0)}s`,
+          "--animation-opacity": "0"
+        }
+      },
+      char
+    ))))))
+  ));
 }
 function CopyInputDisplayedAddressI18n({
   address,
@@ -38287,7 +38323,16 @@ function CopyInputDisplayedAddressI18n({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy]);
-  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React218.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, buttonText)))));
+  return /* @__PURE__ */ React218.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React218.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React218.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React218.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React218.createElement(
+    Box,
+    {
+      as: "button",
+      onClick: handleClick,
+      className: copyButton,
+      testId: "copy-address-button"
+    },
+    /* @__PURE__ */ React218.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React218.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React218.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React218.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React218.createElement("div", { className: copyInputText }, buttonText)))
+  ));
 }
 function CopyInputDisplayedAddress(props) {
   const { i18n: i18n2 } = useFunkitTranslation();
@@ -41994,7 +42039,7 @@ var BottomLinks = ({ links }) => {
 };
 
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
-import { formatNumberAndStringify as formatNumberAndStringify2 } from "@funkit/utils";
+import { formatNumberAndStringify } from "@funkit/utils";
 import React256 from "react";
 import { Trans as Trans21 } from "react-i18next";
 
@@ -42299,7 +42344,7 @@ var TransferTokenDetails = ({
           {
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "< " : "",
-            value: `${formatNumberAndStringify2(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React256.createElement(DollarIcon, null),
             tooltip: /* @__PURE__ */ React256.createElement(
               FunTooltip,
@@ -42328,7 +42373,7 @@ var TransferTokenDetails = ({
           {
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? `${t("common.auto")} \u2022 ` : "",
-            value: `${formatNumberAndStringify2(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React256.createElement(PercentageIcon, null),
             tooltip: /* @__PURE__ */ React256.createElement(
               FunTooltip,
@@ -48407,13 +48452,10 @@ function useFunkitCheckout(props) {
       if (!isCheckoutActivated) {
         return { isActivated: false };
       }
-      const validationResult = await validateCheckoutConfig(
-        {
-          ...props.config,
-          ...inputConfig
-        },
-        apiKey
-      );
+      const validationResult = await validateCheckoutConfig({
+        ...props.config,
+        ...inputConfig
+      });
       onValidation?.(validationResult);
       if (!validationResult.isValid) {
         onErrorWrapper?.({
@@ -48499,7 +48541,7 @@ var DUMMY_TRANSFER_PARAMS = {
   toAddress: "0x000000000000000000000000000000000000dEaD",
   tokenAmount: 5
 };
-async function validateCheckoutConfig(config, apiKey) {
+async function validateCheckoutConfig(config) {
   logger.log("validateCheckoutConfig_input", config);
   if (!config.checkoutItemTitle) {
     return {
@@ -48555,12 +48597,6 @@ async function validateCheckoutConfig(config, apiKey) {
       message: "Invalid customRecipient configuration: Has to be a valid address."
     };
   }
-  if (config.customRecipient && !!config.generateActionsParams && !isPolymarketCustomer(apiKey)) {
-    return {
-      isValid: false,
-      message: "Invalid configuration: Not allowed to specify both customRecipient and generateActionsParams at the same time."
-    };
-  }
   if (config.modalTitleMeta && typeof config.modalTitleMeta !== "string") {
     return {
       isValid: false,