@funkit/connect 6.0.6 → 6.1.0

package/dist/index.js

@@ -3283,12 +3283,14 @@ function useFunkitUserIp() {
           throw Error(response.statusText);
         }
         const data = await response.json();
+        logger.info("getUserIpViaMoonpay:done");
         return data;
       } catch (error) {
         logger.error("getUserIpViaMoonpay:error", error);
         throw error;
       }
     },
+    enabled: !!moonpayApiKey,
     // no need to refetch as aggressively
     refetchOnMount: false,
     refetchOnReconnect: true,
@@ -5871,7 +5873,8 @@ function StatusIcon({
     {
       animate: { height: backgroundSize, width: backgroundSize },
       className: slots.container,
-      initial: animateEntrance ? { height: iconSize, width: iconSize } : false
+      initial: animateEntrance ? { height: iconSize, width: iconSize } : false,
+      transition: { duration: 0.2 }
     },
     /* @__PURE__ */ React44.createElement("div", { className: slots.background[variant] }),
     /* @__PURE__ */ React44.createElement(
@@ -5997,7 +6000,7 @@ var DEPOSIT_TEXT_CONFIG_STEPS = {
   },
   2: {
     title: "Depositing into your account...",
-    description: "It will take around one minute to finalize."
+    description: "It will take a few seconds to finalize."
   }
 };
 var WITHDRAWAL_TEXT_CONFIG_STEPS = {
@@ -6012,7 +6015,7 @@ var STEP_SPINNER_SIZE_BIG_SCALE = 1;
 var STEP_SPINNER_SIZE_SMALL_SCALE = 28 / 30;
 var STEP_SPINNER_STROKE_WIDTH = 2;
 var STEP_SPINNER_GROWTH_MARGIN = 5;
-var STEP_SPINNER_SPIN_DURATION_MS = 1e3;
+var STEP_SPINNER_SPIN_DURATION_MS = 700;
 var STEP_SPINNER_ARC_SPAN_DEGREES = 60;
 var STEP_SPINNER_MORPH_DEGREES = 45;
 var STEP_SPINNER_MORPH_MAX_OFFSET = 4;
@@ -6177,6 +6180,46 @@ function TransactionStatus({
     },
     [animate, stopSpinning]
   );
+  const animateCircleToSuccess = useCallback10(
+    async (step2) => {
+      const durationMs = 300;
+      const checkmarkDelayMs = 50;
+      const duration = durationMs / 1e3;
+      const checkmarkDelay = checkmarkDelayMs / 1e3;
+      await Promise.all([
+        // Change the spinner outline to solid green
+        animate(
+          `.framer-step-circle-${step2}-spinner-circle`,
+          { opacity: 1, stroke: SUCCESS_COLOR, strokeDasharray: 0 },
+          { duration }
+        ),
+        // Hide the spinner arc
+        animate(
+          `.framer-step-circle-${step2}-spinner-arc`,
+          { opacity: 0 },
+          { duration }
+        ),
+        // Hide the step number
+        animate(
+          `.framer-step-circle-${step2}-label`,
+          { opacity: 0, filter: "blur(4px)" },
+          { duration }
+        ),
+        // Draw the checkmark (after a short delay)
+        animate(
+          `.framer-step-circle-${step2}-checkmark`,
+          { opacity: 1, pathLength: 1 },
+          { delay: checkmarkDelay, duration: duration - checkmarkDelay }
+        )
+      ]);
+      animate(
+        `.framer-step-circle-${step2}-spinner`,
+        { rotate: [0, 0] },
+        { duration: 0.1 }
+      );
+    },
+    [animate]
+  );
   useEffect9(() => {
     if (initialStatus === "progress") {
       startSpinning(initialStep);
@@ -6191,46 +6234,18 @@ function TransactionStatus({
         setCurrentStatus(status);
       } else if (status === "success") {
         async function doFancySuccessAnimation() {
-          await Promise.all(
-            // For all steps...
-            STEPS.flatMap((step2) => [
-              // Change the spinner outline to solid green
-              animate(
-                `.framer-step-circle-${step2}-spinner-circle`,
-                { opacity: 1, stroke: SUCCESS_COLOR, strokeDasharray: 0 },
-                { duration: 0.3 }
-              ),
-              // Hide the spinner arc
-              animate(
-                `.framer-step-circle-${step2}-spinner-arc`,
-                { opacity: 0 },
-                { duration: 0.3 }
-              ),
-              // Hide the step number
-              animate(
-                `.framer-step-circle-${step2}-label`,
-                { opacity: 0 },
-                { duration: 0.3 }
-              ),
-              // Draw the checkmark
-              animate(
-                `.framer-step-circle-${step2}-checkmark`,
-                { opacity: 1, pathLength: 1 },
-                { duration: 0.3 }
-              )
-            ])
-          );
+          await Promise.all(STEPS.map(animateCircleToSuccess));
           stopSpinning();
           animate(
             ".framer-step-circle-dots",
             { opacity: 0 },
-            { delay: 0.2, duration: 0.3 }
+            { delay: 0.1, duration: 0.3, ease: "easeIn" }
           );
           for (const step2 of STEPS) {
             animate(
               `.framer-step-circle-${step2}`,
               { filter: "blur(3px)", x: step2 > 1 ? -36 : 36 },
-              { delay: 0.2, duration: 0.3, ease: "easeIn" }
+              { delay: 0.1, duration: 0.3, ease: "easeIn" }
             );
           }
           await Promise.all(
@@ -6240,13 +6255,13 @@ function TransactionStatus({
               animate(
                 `.framer-step-circle-${step2}`,
                 { scale: STEP_SPINNER_SIZE_SMALL_SCALE },
-                { duration: 0.3 }
+                { duration: 0.2 }
               ),
               // Make sure spinner arc really stays hidden
               animate(
                 `.framer-step-circle-${step2}-spinner-arc`,
                 { opacity: 0 },
-                { duration: 0.3 }
+                { duration: 0.2 }
               ),
               // Morph circle towards the center
               animate(
@@ -6265,7 +6280,7 @@ function TransactionStatus({
                     )
                   ]
                 },
-                { duration: 0.3 }
+                { duration: 0.2 }
               )
             ])
           );
@@ -6282,7 +6297,7 @@ function TransactionStatus({
               animate(
                 `.framer-step-circle-${step2}-spinner-circle`,
                 { fill: SUCCESS_COLOR, opacity: 0.5 },
-                { duration: 0.5 }
+                { duration: 0.3 }
               ),
               // Morph back to circle
               animate(
@@ -6294,7 +6309,7 @@ function TransactionStatus({
                     step2 > 1 ? "left" : "right"
                   )
                 },
-                { delay: 0.2, duration: 0.3 }
+                { delay: 0.2, duration: 0.1 }
               )
             ])
           );
@@ -6304,32 +6319,7 @@ function TransactionStatus({
         doFancySuccessAnimation();
       } else if (step > currentStep) {
         async function doFancyNextStepAnimation(nextStep) {
-          await Promise.all([
-            // Change the spinner outline to solid green
-            animate(
-              `.framer-step-circle-${currentStep}-spinner-circle`,
-              { opacity: 1, stroke: SUCCESS_COLOR, strokeDasharray: 0 },
-              { duration: 0.3 }
-            ),
-            // Hide the spinner arc
-            animate(
-              `.framer-step-circle-${currentStep}-spinner-arc`,
-              { opacity: 0 },
-              { duration: 0.3 }
-            ),
-            // Hide the step number
-            animate(
-              `.framer-step-circle-${currentStep}-label`,
-              { opacity: 0 },
-              { duration: 0.3 }
-            ),
-            // Draw the checkmark
-            animate(
-              `.framer-step-circle-${currentStep}-checkmark`,
-              { opacity: 1, pathLength: 1 },
-              { duration: 0.3 }
-            )
-          ]);
+          await animateCircleToSuccess(currentStep);
           stopSpinning();
           animate(
             `.framer-step-circle-${currentStep}-spinner-circle`,
@@ -6435,6 +6425,7 @@ function TransactionStatus({
     }
   }, [
     animate,
+    animateCircleToSuccess,
     currentStatus,
     currentStep,
     isDelayed2,
@@ -6455,6 +6446,7 @@ function TransactionStatus({
       display: "flex",
       flexDirection: "column",
       gap: "24",
+      paddingTop: "4",
       ref: scope
     },
     currentStatus === "success" ? /* @__PURE__ */ React45.createElement(
@@ -8434,7 +8426,7 @@ Dialog.BottomSection = DialogBottom;
 Dialog.BottomBar = FunBottomBar;
 
 // src/modals/WithdrwalModal/WithdrawalContent.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
 import {
   FlagKey as FlagKey14,
   formatCryptoAndStringify as formatCryptoAndStringify2,
@@ -10161,12 +10153,15 @@ function FunNotification({
 import {
   formatCurrencyAndStringify as formatCurrencyAndStringify2,
   formatDynamicFeeUsd,
+  formatNumberAndStringify,
   formatPercent,
   noop as noop4
 } from "@funkit/utils";
 import React90, { useEffect as useEffect23, useMemo as useMemo11, useState as useState21 } from "react";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
 import clsx14 from "clsx";
 import { motion as motion6, useAnimationControls } from "motion/react";
+import { mainnet as mainnet5 } from "viem/chains";
 
 // src/domains/relay.ts
 var KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
@@ -10319,32 +10314,80 @@ function formatRelayFee({
   }
   return formatPercent(percent);
 }
-function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
+function makeRateComponent(exchangeRate, relayQuoteMetadata) {
+  const { currencyIn, currencyOut } = relayQuoteMetadata.relayQuote.details || {};
+  const sourceSymbol = currencyIn?.currency?.symbol;
+  const sourceChain = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[currencyIn?.currency?.chainId || ""]?.name;
+  const destinationSymbol = currencyOut?.currency?.symbol;
+  const destinationChain = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[currencyOut?.currency?.chainId || ""]?.name;
+  if (!exchangeRate || !sourceSymbol || !destinationSymbol) {
+    return void 0;
+  }
+  if (sourceSymbol === destinationSymbol && sourceChain === destinationChain) {
+    return void 0;
+  }
+  const tooltipText = sourceChain === destinationChain ? `The conversion rate between ${sourceSymbol} and ${destinationSymbol} on ${sourceChain}.` : sourceSymbol === destinationSymbol ? `The conversion rate between ${sourceSymbol} on ${sourceChain} and on ${destinationChain}.` : `The conversion rate between ${sourceSymbol} on ${sourceChain} and ${destinationSymbol} on ${destinationChain}.`;
+  const exchangeRateComponent = {
+    label: "Rate",
+    value: `1.0 ${sourceSymbol} = ${formatNumberAndStringify(exchangeRate)} ${destinationSymbol}`,
+    tooltipText
+  };
+  return exchangeRateComponent;
+}
+function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPercent, gasUsd) {
+  const showTransactionDigest = uiCustomizations?.confirmationScreen?.showTransactionDigest ?? "none";
+  if (showTransactionDigest === "none") {
+    return {
+      isMainnet: false,
+      value: void 0
+    };
+  }
+  const details = relayQuoteMetadata.relayQuote.details;
+  const isMainnet = details?.currencyIn?.currency?.chainId === mainnet5.id || details?.currencyOut?.currency?.chainId === mainnet5.id;
+  const percent = formatPercent(totalPriceImpactPercent);
+  return {
+    isMainnet: true,
+    value: isMainnet ? `${formatCurrencyAndStringify2(gasUsd)} \u2022 ${percent}` : percent
+  };
+}
+function renderRelayFee({
+  relayQuoteMetadata,
+  fees,
+  totalUsd,
+  uiCustomizations
+}) {
   const {
     gasUsd,
-    totalImpactUsd,
     swapImpactUsd,
     swapImpact,
     appFeeUsd,
     appFeePercent,
     maxSlippage,
     minReceived,
-    fillCostUsd
+    fillCostUsd,
+    exchangeRate,
+    appFeeLabel
   } = extractRelayFeeInfo(relayQuoteMetadata);
   const totalNetworkCostUsd = fillCostUsd + gasUsd;
   const totalPriceImpact = swapImpactUsd + appFeeUsd;
   const totalPriceImpactPercent = swapImpact + appFeePercent;
+  const exchangeRateComponent = makeRateComponent(
+    exchangeRate,
+    relayQuoteMetadata
+  );
+  const { isMainnet, value: collapsedValue } = computeDigest(
+    relayQuoteMetadata,
+    uiCustomizations,
+    totalPriceImpactPercent,
+    totalNetworkCostUsd
+  );
   return {
     collapsed: {
-      value: formatCurrencyAndStringify2(totalImpactUsd + gasUsd)
+      value: collapsedValue ?? "",
+      valueIcon: isMainnet ? /* @__PURE__ */ React90.createElement(GasIcon, null) : void 0
     },
     expanded: [
-      // {
-      //   label: 'Rate',
-      //   value: `1.000 ${details?.currencyIn?.currency?.symbol} = ${ratePretty} ${details?.currencyOut?.currency?.symbol}`,
-      //   tooltipText:
-      //     'The conversion rate between ETH on Arbitrum and USDCe on Polygon.',
-      // },
+      ...exchangeRateComponent ? [exchangeRateComponent] : [],
       {
         label: "Network cost",
         valueIcon: /* @__PURE__ */ React90.createElement(GasIcon, null),
@@ -10425,7 +10468,7 @@ function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
             justifyContent: "space-between",
             gap: "16"
           },
-          /* @__PURE__ */ React90.createElement(Text, { size: "10" }, "Fun.xyz fee"),
+          /* @__PURE__ */ React90.createElement(Text, { size: "10" }, appFeeLabel ?? "Fun.xyz fee"),
           /* @__PURE__ */ React90.createElement(Text, { size: "10", weight: "medium" }, formatRelayFee({
             usd: appFeeUsd,
             percent: appFeePercent,
@@ -10435,7 +10478,7 @@ function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
       },
       {
         label: "Max slippage",
-        value: formatPercent(maxSlippage),
+        value: `Auto \u2022 ${formatPercent(maxSlippage)}`,
         tooltipText: `Slippage occurs due to price changes during trade execution. Minimum received: ${formatCurrencyAndStringify2(minReceived)}`
       },
       ...getCardFeeItems(fees),
@@ -10443,9 +10486,19 @@ function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
     ]
   };
 }
-var extractFeeItems = (fees, totalUsd, relayQuoteMetadata) => {
+var extractFeeItems = ({
+  fees,
+  totalUsd,
+  relayQuoteMetadata,
+  uiCustomizations
+}) => {
   if (relayQuoteMetadata) {
-    return renderRelayFee(relayQuoteMetadata, fees, totalUsd);
+    return renderRelayFee({
+      relayQuoteMetadata,
+      fees,
+      totalUsd,
+      uiCustomizations
+    });
   }
   const marketMakerFee = {
     label: "Market maker gas costs",
@@ -10526,6 +10579,7 @@ function PaymentFeesSummary({
       setIsExpanded(false);
     }
   }, [valuesNotAvailable, isExpanded]);
+  const { uiCustomizations } = useFunkitConfig();
   const { collapsed: collapsedItem, expanded: expandedItems } = useMemo11(() => {
     const fees = quote?.finalFeesBreakdown ?? fallbackFees;
     if (!fees) {
@@ -10533,8 +10587,13 @@ function PaymentFeesSummary({
     }
     const totalUsd = Number(quote?.finalTotalUsd ?? "0");
     const relayQuoteMetadata = quote?.baseQuote?.metadata;
-    return extractFeeItems(fees, totalUsd, relayQuoteMetadata);
-  }, [quote, fallbackFees]);
+    return extractFeeItems({
+      fees,
+      totalUsd,
+      relayQuoteMetadata,
+      uiCustomizations
+    });
+  }, [quote, fallbackFees, uiCustomizations]);
   const isExpandable = expandedItems.length > 0 && !isLoading && !valuesNotAvailable;
   return /* @__PURE__ */ React90.createElement(Box, null, /* @__PURE__ */ React90.createElement(
     Box,
@@ -10639,7 +10698,7 @@ function FeeLineItem({
         className: clsx14(isExpanded ? feeLineHideStyles : feeLineShowStyles)
       },
       valueIcon,
-      value !== void 0 && /* @__PURE__ */ React90.createElement(Text, { color: "tertiaryText", size: "12" }, value)
+      value !== void 0 ? /* @__PURE__ */ React90.createElement(Text, { color: "tertiaryText", size: "12" }, value) : void 0
     ), isExpandable && /* @__PURE__ */ React90.createElement(ArrowIcon, { size: 12, direction: isExpanded ? "down" : "right" }))
   );
 }
@@ -10685,18 +10744,18 @@ import {
   getAssetPriceInfo as getAssetPriceInfo2,
   getMoonpayBuyQuoteForCreditCard
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
 import { estimateGas, getGasPrice } from "@wagmi/core";
 import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
 import { zkSync } from "viem/zksync";
 
 // src/utils/moonpay.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
 var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 var MINIMUM_DEFI_MOONPAY_DEPOSIT_AMOUNT_USD = 25;
 var MAXIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 1e4;
 var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
-  let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[chainId]?.moonpayChainName;
+  let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.moonpayChainName;
   if (moonpayChainName == null) {
     throw new Error("MoonPay not supported on testnets");
   }
@@ -10762,7 +10821,7 @@ async function evaluateAccountWalletFees({
   apiKey,
   isWithdrawal
 }) {
-  const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
+  const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
   const walletCheckoutFees = {
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
     ...getFunFeeBreakdown(baseQuote),
@@ -12228,7 +12287,7 @@ var WithdrawContent = ({
     return "Withdraw";
   };
   const getAlertMessage = () => {
-    const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedChainId]?.name;
+    const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[selectedChainId]?.name;
     if (chainName) {
       return `Please ensure the address supports receiving ${selectedToken} on ${chainName}.`;
     }
@@ -12686,7 +12745,7 @@ function FunTxSummaryLineItemKeyText({ text }) {
 
 // src/components/FunButton/FunRedirectButton.tsx
 import React97 from "react";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
 
 // src/components/Icons/RedirectIcon.tsx
 import React96 from "react";
@@ -12745,7 +12804,7 @@ var AddressRedirectButton = ({
   address,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[chainId]?.explorerInfo;
   return /* @__PURE__ */ React97.createElement(
     FunRedirectButton,
     {
@@ -12759,7 +12818,7 @@ var TransactionRedirectButton = ({
   txHash,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[chainId]?.explorerInfo;
   return /* @__PURE__ */ React97.createElement(
     FunRedirectButton,
     {
@@ -12796,7 +12855,7 @@ import {
   getBridgeCustomer,
   getFrogAccount
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
 import { ResourceNotFoundError } from "@funkit/utils";
 async function fetchFrogAccounts(walletAddress, params) {
   const { logger: logger2 } = params;
@@ -12840,7 +12899,7 @@ async function fetchAllFiatAccounts(bridgeSubAccount, params) {
 }
 function getMatchingBankAccount(accounts, targetChain, targetAddress) {
   const { bankAccounts } = accounts;
-  const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChain];
+  const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChain];
   if (!bankAccounts || !chainInfo) {
     return void 0;
   }
@@ -12885,7 +12944,7 @@ import {
   createBridgeBankAccount,
   getBridgeKycLink
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12 } from "@funkit/chains";
 import { FlagKey as FlagKey16 } from "@funkit/utils";
 import { useQuery as useQuery11, useQueryClient } from "@tanstack/react-query";
 import { useCallback as useCallback18 } from "react";
@@ -13065,7 +13124,7 @@ function useCreateVirtualBankAccount() {
   const targetChainId = checkoutConfig?.targetChain;
   const { transferInit, recipientAddr } = useCheckoutTransferInit();
   const destinationAddress = transferInit?.depositAddr || recipientAddr;
-  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChainId]?.name?.toLowerCase();
+  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[targetChainId]?.name?.toLowerCase();
   const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const handleCreateVirtualFiatAccount = useCallback18(async () => {
@@ -13116,7 +13175,7 @@ var useWalletLabel = () => {
 // src/modals/CheckoutModal/useWalletAssetHoldings.ts
 import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13
 } from "@funkit/chains";
 import { useMemo as useMemo13 } from "react";
 
@@ -13136,14 +13195,14 @@ var processWalletAssets = (walletAssets, targetChain) => {
   if (!walletAssets) {
     return;
   }
-  const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[targetChain];
+  const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[targetChain];
   const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
   return Object.values(walletAssets).reduce(
     (result, asset) => {
       if (!asset.symbol || !asset.contractAddress) {
         return result;
       }
-      const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[asset.chainId];
+      const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[asset.chainId];
       const isAssetOnMainnet = assetChainInfo?.isMainnet;
       if (isCheckoutOnMainnet && !isAssetOnMainnet) {
         return result;
@@ -13190,7 +13249,7 @@ function useWalletAssetHoldings(targetChain) {
 
 // src/config/getDefaultConfig.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
   FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
 } from "@funkit/chains";
 import { fallback } from "viem";
@@ -13887,7 +13946,7 @@ var createDefaultTransports = (chains) => {
   const transportsObject = {};
   for (const chain of chains) {
     const key = chain.id;
-    const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[key]?.fallbackRpcUrls;
+    const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[key]?.fallbackRpcUrls;
     if (fallbackRpcs && fallbackRpcs.length > 0) {
       transportsObject[key] = fallback([
         http(),
@@ -17470,14 +17529,14 @@ import { useAccount as useAccount5, useSendTransaction, useWriteContract } from
 
 // src/utils/isMainnetUsdt.ts
 import { isTokenEquivalent as isTokenEquivalent4 } from "@funkit/utils";
-import { mainnet as mainnet5 } from "viem/chains";
+import { mainnet as mainnet6 } from "viem/chains";
 var USDT_MAINNET_ADDRESS = "0xdAC17F958D2ee523a2206206994597C13D831ec7";
 function isMainnetUsdt(chainId, address) {
   return isTokenEquivalent4({
     firstTokenAddress: address,
     firstTokenChainId: chainId.toString(),
     secondTokenAddress: USDT_MAINNET_ADDRESS,
-    secondTokenChainId: mainnet5.id.toString()
+    secondTokenChainId: mainnet6.id.toString()
   });
 }
 
@@ -20627,7 +20686,7 @@ function InputAmountLoaded({
           {
             ref,
             value: inputValue,
-            placeholder,
+            placeholder: `\xA0${placeholder}`,
             onChange,
             onKeyDown: handleKeyDown,
             inputProps: {
@@ -20973,9 +21032,9 @@ function InputAmount(props) {
 import React167, { useEffect as useEffect38 } from "react";
 
 // src/domains/wallet.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15 } from "@funkit/chains";
 import { isNotNullish as isNotNullish7 } from "@funkit/utils";
-import { mainnet as mainnet6, polygon as polygon6 } from "viem/chains";
+import { mainnet as mainnet7, polygon as polygon6 } from "viem/chains";
 var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
 
 // src/hooks/usePaymentSources.ts
@@ -22366,12 +22425,12 @@ var DefiPurchaseSection = ({ config }) => {
 
 // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO16,
   katanaChain
 } from "@funkit/chains";
 import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
 import { useCallback as useCallback31, useState as useState46 } from "react";
-import { mainnet as mainnet7, mantle, zkSync as zkSync2 } from "viem/chains";
+import { mainnet as mainnet8, mantle, zkSync as zkSync2 } from "viem/chains";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   if (!checkoutItem?.initSettings.config.targetChain) {
     throw new Error("pickSourceAssetForCard: Missing targetChain");
@@ -22386,7 +22445,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
   const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
     checkoutItem.initSettings.config.targetAsset
-  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
+  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO16[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
   let sourceTokenAddress;
   let sourceTokenTicker;
   let sourceTokenChainId;
@@ -22395,7 +22454,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
     sourceTokenAddress = NATIVE_TOKEN;
     sourceTokenChainId = moonpayChainId;
   } else {
-    sourceTokenChainId = isNyOrTxOrVi ? mainnet7.id.toString() : moonpayChainId;
+    sourceTokenChainId = isNyOrTxOrVi ? mainnet8.id.toString() : moonpayChainId;
     if (isTargetAssetEthOrWeth) {
       sourceTokenTicker = "ETH" /* ETH */;
       sourceTokenAddress = NATIVE_TOKEN;
@@ -23033,7 +23092,7 @@ var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
 
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
 import {
-  formatNumberAndStringify,
+  formatNumberAndStringify as formatNumberAndStringify2,
   formatSecondsToReadableForm as formatSecondsToReadableForm3
 } from "@funkit/utils";
 import React187 from "react";
@@ -23344,7 +23403,7 @@ var TransferTokenDetails = ({
           {
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "~" : "",
-            value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify2(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React187.createElement(DollarIcon, null),
             tooltip: /* @__PURE__ */ React187.createElement(
               FunTooltip,
@@ -23365,7 +23424,7 @@ var TransferTokenDetails = ({
           {
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? "~" : "",
-            value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify2(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React187.createElement(PercentageIcon, null),
             tooltip: /* @__PURE__ */ React187.createElement(
               FunTooltip,
@@ -23416,7 +23475,7 @@ var TransferTokenDetails = ({
 import { solanaChain as solanaChain4 } from "@funkit/chains";
 import { FlagKey as FlagKey25 } from "@funkit/utils";
 import { useMemo as useMemo29 } from "react";
-import { mainnet as mainnet8, polygon as polygon7 } from "viem/chains";
+import { mainnet as mainnet9, polygon as polygon7 } from "viem/chains";
 var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
@@ -23467,7 +23526,7 @@ var useMinTransferLimits = () => {
 };
 var useMinTransferValue = (selectedChainId) => {
   const limits = useMinTransferLimits();
-  const limit = selectedChainId === mainnet8.id ? limits.mainnet : limits.nonMainnet;
+  const limit = selectedChainId === mainnet9.id ? limits.mainnet : limits.nonMainnet;
   return Math.ceil(limit);
 };
 var useMinTransferValues = (chainIds) => {
@@ -23475,7 +23534,7 @@ var useMinTransferValues = (chainIds) => {
   return useMemo29(() => {
     return chainIds.reduce(
       (acc, id) => {
-        const limit = id === mainnet8.id ? limits.mainnet : limits.nonMainnet;
+        const limit = id === mainnet9.id ? limits.mainnet : limits.nonMainnet;
         acc[id] = Math.ceil(limit);
         return acc;
       },
@@ -31286,7 +31345,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.0.6";
+  return "6.1.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback50(() => {