@funkit/connect 1.0.26 → 1.0.28

package/dist/hooks/useCheckoutChains.d.ts

@@ -0,0 +1 @@
+export declare const useFunkitCheckoutChainsById: () => Record<number, import("..").Chain>;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { FunkitProvider } from './components/FunkitProvider/FunkitProvider';
 export { useActiveTheme } from './components/FunkitProvider/FunkitThemeProvider';
 export { FunkitSocialLoginMethod } from './components/FunkitProvider/FunkitWeb2Provider';
 export { WalletButton } from './components/WalletButton/WalletButton';
+export { getDefaultChains, getDefaultTransports, } from './config/getDefaultConfig';
 export { getDefaultWallets } from './wallets/getDefaultWallets';
 export { __private__ } from './__private__';
 export type { DisclaimerComponent } from './components/FunkitProvider/AppContext';

package/dist/index.js

@@ -2,12 +2,12 @@
 import {
   en_US_default
 } from "./chunk-SW6GAS7K.js";
-import {
-  lightTheme
-} from "./chunk-EYTYHIPM.js";
 import {
   darkTheme
 } from "./chunk-4SROXH24.js";
+import {
+  lightTheme
+} from "./chunk-EYTYHIPM.js";
 import "./chunk-UK5FXGK3.js";
 
 // src/components/ConnectButton/ConnectButton.tsx
@@ -310,7 +310,6 @@ var removeURLParameters = () => {
 import { useConnect } from "wagmi";
 
 // src/components/FunkitProvider/FunkitConnectChainContext.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO_LIST } from "@funkit/core";
 import React2, { createContext as createContext2, useContext as useContext2, useMemo as useMemo2 } from "react";
 import { useConfig } from "wagmi";
 
@@ -433,6 +432,13 @@ var provideFunkitConnectChains = (chains) => chains.map((chain) => {
     iconBackground: (_d = chain.iconBackground) != null ? _d : defaultMetadata.iconBackground
   };
 });
+var groupChainsById = (chains) => {
+  const chainsById = {};
+  chains.forEach((chainItem) => {
+    chainsById[chainItem.id] = chainItem;
+  });
+  return chainsById;
+};
 
 // src/components/FunkitProvider/FunkitConnectChainContext.tsx
 var FunkitConnectChainContext = createContext2(
@@ -456,31 +462,8 @@ function FunkitConnectChainProvider({
   }, children);
 }
 var useFunkitConnectChains = () => useContext2(FunkitConnectChainContext).chains;
+var useFunkitConnectChainsById = () => groupChainsById(useFunkitConnectChains());
 var useInitialChainId = () => useContext2(FunkitConnectChainContext).initialChainId;
-var useAllPossibleFunkitConnectChains = () => provideFunkitConnectChains(
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO_LIST
-);
-function groupChainsById(chains) {
-  const chainsById = {};
-  chains.forEach((chainItem) => {
-    chainsById[chainItem.id] = chainItem;
-  });
-  return chainsById;
-}
-var useFunkitConnectChainsById = () => {
-  const funkitConnectChains = useFunkitConnectChains();
-  const enabledFunkitConnectChainsById = useMemo2(() => {
-    return groupChainsById(funkitConnectChains);
-  }, [funkitConnectChains]);
-  const allPossibleFunkitConnectChains = useAllPossibleFunkitConnectChains();
-  const allPossibleFunkitConnectChainsById = useMemo2(() => {
-    return groupChainsById(allPossibleFunkitConnectChains);
-  }, [allPossibleFunkitConnectChains]);
-  return {
-    enabledFunkitConnectChainsById,
-    allPossibleFunkitConnectChainsById
-  };
-};
 
 // src/components/FunkitProvider/ModalContext.tsx
 import React150, {
@@ -602,9 +585,10 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
   payWith: "Pay With",
   enterPaymentInfo: "Enter Payment Information"
 };
+var DEFAULT_PRIVY_APP_ID = "clnatprpv00sfmi0fv3qc185b";
 var DEFAULT_FUNKIT_CONFIG = {
   apiKey: "",
-  privyAppId: "",
+  privyAppId: DEFAULT_PRIVY_APP_ID,
   appName: "",
   appLogoSrc: "https://media.licdn.com/dms/image/D560BAQG0hO3xnlKy7Q/company-logo_200_200/0/1664326073952/funxyz_logo?e=2147483647&v=beta&t=MaS4CK29tMHkN3GSFqKWCb1DubIE-kBDYYfoiQJSed8",
   appLogoBackgroundColor: "transparent",
@@ -1265,10 +1249,11 @@ function combineChainSymbolOrAddress({
 var getNormalizedTokenBalance = (tokenBalance, decimals) => {
   return Number(formatUnits(BigInt(tokenBalance), decimals));
 };
-var isAssetUsableToPayForCheckout = (checkoutItem, paymentMethod, assetChainId, assetTokenAddress) => {
+var isAssetUsableToPayForCheckout = (checkoutItem, paymentMethod, assetChainId, assetTokenAddress, isWeb2Login, isWeb3Login) => {
   const { isCheckoutPostActionRequired } = getCheckoutType(checkoutItem);
   const isSameAsPurchasingToken = !isCheckoutPostActionRequired && paymentMethod === "balance" /* ACCOUNT_BALANCE */ && checkoutItem.initSettings.config.targetChain === assetChainId && checkoutItem.initSettings.config.targetAsset.toLowerCase() === assetTokenAddress.toLowerCase();
-  const isPickedChainSupportedForCheckout = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId].isCheckoutSupported;
+  const isConnectedAccountSupported = isWeb2Login && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId].isFunWalletSupported || isWeb3Login || !isWeb2Login && !isWeb3Login;
+  const isPickedChainSupportedForCheckout = isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId].isCheckoutSupported;
   const isUsable = !isSameAsPurchasingToken && isPickedChainSupportedForCheckout;
   return {
     isUsable,
@@ -1623,7 +1608,7 @@ var useFunkitSwitchChains = ({
   });
   const canSwitchChain = useCallback5(
     (params) => {
-      if (isWeb2Login && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[params.chainId]) {
+      if (isWeb2Login && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[params.chainId].isFunWalletSupported) {
         logger.warn(
           `Unsupported chainId ${params.chainId} for funkit social logins`
         );
@@ -1731,7 +1716,6 @@ import {
   getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout2,
   getCheckoutByDepositAddress,
   getCheckoutQuote as getApiCheckoutQuote,
-  getCheckoutsByFunWalletAddress,
   getCheckoutsByRecipientAddress,
   getMoonpayBuyQuoteForCreditCard,
   HashZero,
@@ -2073,6 +2057,15 @@ function roundUpToXDecimalPlaces(inputNumber, decimalPlaces) {
   const roundedNumber = parseFloat(roundedString);
   return roundedNumber;
 }
+var MIN_NUMBER = 0.01;
+function normalizeSmallUsdNumber(usdNumber) {
+  if (!isNotNullish(usdNumber))
+    return 0;
+  const parsedNumber = parseFloat(usdNumber.toString());
+  if (parsedNumber > 0 && parsedNumber < MIN_NUMBER)
+    return MIN_NUMBER;
+  return parsedNumber;
+}
 
 // src/utils/checkout.ts
 var CHECKOUT_EXPIRATION_TIMESTAMP_UPPERBOUND = 36e5;
@@ -2421,16 +2414,7 @@ function FunkitCheckoutProvider({ children }) {
     try {
       let newCheckoutHistoryList = [];
       setIsRefreshingCheckoutHistory(true);
-      if (isWeb2Login) {
-        const funWalletAddress = await (funWallet == null ? void 0 : funWallet.getAddress());
-        if (funWalletAddress) {
-          logger.log("getCheckoutsByFunWalletAddress");
-          newCheckoutHistoryList = await getCheckoutsByFunWalletAddress({
-            funWalletAddress,
-            apiKey: funkitConfig.apiKey
-          });
-        }
-      } else if (isWeb3Login) {
+      if (isUserLoggedIn) {
         logger.log("getCheckoutsByRecipientAddress");
         newCheckoutHistoryList = await getCheckoutsByRecipientAddress({
           recipientAddress: walletAddress,
@@ -2707,7 +2691,7 @@ function FunkitCheckoutProvider({ children }) {
           toChainId: checkoutItem.initSettings.config.targetChain,
           toTokenAddress: checkoutItem.initSettings.config.targetAsset,
           toTokenAmount: checkoutItem.initSettings.config.targetAssetAmount,
-          recipientAddr: inputCustomRecipient ? inputCustomRecipient : isWeb3Login ? walletAddress : void 0,
+          recipientAddr: inputCustomRecipient ? inputCustomRecipient : walletAddress,
           expirationTimestampMs: parseInt(
             checkoutItem.initSettings.config.expirationTimestampMs.toString()
           ),
@@ -2832,12 +2816,18 @@ function FunkitCheckoutProvider({ children }) {
           ) + parseFloat(dummyPreviewTransfer.previewResult.customClientFee.fee);
           additionalTimeMs += MESH_TIME_ESTIMATE_MS;
         }
-        const totalNetworkFeesUsd = Object.values(
-          networkFeesUsdBreakdown
-        ).reduce((acc, cur) => acc += cur, 0);
-        const totalPlatformFeesUsd = Object.values(
-          platformFeesUsdBreakdown
-        ).reduce((acc, cur) => acc += cur, 0);
+        const totalNetworkFeesUsd = normalizeSmallUsdNumber(
+          Object.values(networkFeesUsdBreakdown).reduce(
+            (acc, cur) => acc += cur,
+            0
+          )
+        );
+        const totalPlatformFeesUsd = normalizeSmallUsdNumber(
+          Object.values(platformFeesUsdBreakdown).reduce(
+            (acc, cur) => acc += cur,
+            0
+          )
+        );
         const finalFeesBreakdown = {
           networkFeesUsd: totalNetworkFeesUsd,
           networkFeesUsdBreakdown,
@@ -2864,8 +2854,7 @@ function FunkitCheckoutProvider({ children }) {
           finalTimeEstimationMs,
           finalTotalUsd: (newFinalDollarValue + finalFeesBreakdown.totalFeesUsd).toString()
         };
-        const finalTotalUsdAlt = (baseQuote.estTotalUsd - baseQuote.estFeesUsd + finalFeesBreakdown.totalFeesUsd).toString();
-        logger.log("finalQuote", { finalEstimation, finalTotalUsdAlt });
+        logger.log("finalQuote", finalEstimation);
         (_g = (_f = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _f.onEstimation) == null ? void 0 : _g.call(_f, finalEstimation);
         if (newPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
           const { result } = await hasSufficientBalance(
@@ -3047,13 +3036,9 @@ function FunkitCheckoutProvider({ children }) {
       }
       logger.log("shouldbatchOpBypassInit", { shouldbatchOpBypassInit });
       let batchUserOp = null;
-      const { isCheckoutCrFlow, isCheckoutPostActionRequired } = getCheckoutType(checkoutItem);
-      const isEoaWithNoActions = isWeb3Login && !isCheckoutPostActionRequired;
-      logger.log("beforeSignatureChecks", {
-        isEoaWithNoActions,
-        isCheckoutCrFlow
-      });
-      if (!isCheckoutCrFlow && !isEoaWithNoActions) {
+      const { isCheckoutPostActionRequired } = getCheckoutType(checkoutItem);
+      logger.log("beforeSignatureChecks", { isCheckoutPostActionRequired });
+      if (isCheckoutPostActionRequired) {
         const signedBatchOperation = await _generateSignedBatchOperation(
           checkoutItem.initSettings.config.actionsParams,
           checkoutItem.initSettings.config.targetChain,
@@ -3247,11 +3232,10 @@ var useFunkitAllPostCheckoutsInternal = () => {
 var useFunkitCheckout = (props) => {
   const { onValidation, onError } = props;
   const propsConfig = useMemo5(() => (props == null ? void 0 : props.config) || {}, [props == null ? void 0 : props.config]);
-  const actualWagmiConfig = useConfig2();
   const { _initNewCheckout } = useContext10(FunkitCheckoutContext);
   const { openFunCheckoutModal } = useFunCheckoutModal();
   const { openConnectModal } = useConnectModal();
-  const { walletAddress, isUserLoggedIn } = useGeneralWallet();
+  const { isUserLoggedIn } = useGeneralWallet();
   const onErrorWrapper = useCallback7(
     (payload) => {
       logger.warn(payload.message, payload);
@@ -3288,7 +3272,7 @@ var useFunkitCheckout = (props) => {
         if (isUserLoggedIn || !!finalConfig.customRecipient) {
           setPendingCheckoutConfig(void 0);
           if (isUserLoggedIn) {
-            if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[finalConfig.targetChain].isFiatCheckoutSupported) {
+            if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[finalConfig.targetChain].isMainnet) {
               onErrorWrapper == null ? void 0 : onErrorWrapper({
                 type: "error",
                 message: "Unable to begin a new checkout: Insufficient funds on testnet account",
@@ -3821,8 +3805,7 @@ function FunAssetAvatar({
   prioritizeDefaults = true,
   hideIfUnknown = false
 }) {
-  const { allPossibleFunkitConnectChainsById } = useFunkitConnectChainsById();
-  const chainInfo = allPossibleFunkitConnectChainsById[parseInt((chainId || "").toString())] || null;
+  const chainMetadata = chainMetadataById[parseInt((chainId || "").toString())] || null;
   const finalAssetSrc = useMemo7(() => {
     var _a;
     const normalizedTicker = (assetTicker == null ? void 0 : assetTicker.toUpperCase()) || "";
@@ -3853,18 +3836,18 @@ function FunAssetAvatar({
     height: assetIconSize,
     width: assetIconSize,
     testId: `fun-asset-${assetTicker}-icon`
-  })), isNotNullish(chainInfo) ? /* @__PURE__ */ React26.createElement(Box, {
+  })), isNotNullish(chainMetadata) ? /* @__PURE__ */ React26.createElement(Box, {
     width: chainIconSize,
     height: chainIconSize,
     className: chainContainerStyle
   }, /* @__PURE__ */ React26.createElement(AsyncImage, {
-    alt: chainInfo.name,
-    src: chainInfo.iconUrl || "",
-    background: chainInfo.iconBackground,
+    alt: chainMetadata.name,
+    src: chainMetadata.iconUrl || "",
+    background: chainMetadata.iconBackground,
     borderRadius: "full",
     height: chainIconSize,
     width: chainIconSize,
-    testId: `fun-asset-chain-${chainInfo.id}-icon`
+    testId: `fun-asset-chain-${chainId}-icon`
   })) : null);
 }
 
@@ -4237,7 +4220,7 @@ import {
   getTokenInfo as getTokenInfo2
 } from "@funkit/core";
 import React79, { useCallback as useCallback20, useEffect as useEffect19, useMemo as useMemo20, useState as useState24 } from "react";
-import { mainnet as mainnet3 } from "viem/chains";
+import { arbitrum, mainnet as mainnet3, zkSync } from "viem/chains";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
 import { useCallback as useCallback9 } from "react";
@@ -6878,7 +6861,7 @@ function FunPaymentMethods({
   );
   const [isContinuing, setIsContinuing] = useState19(false);
   useWalletAssetsListener();
-  const { walletAssets } = useGeneralWallet();
+  const { walletAssets, isWeb3Login, isWeb2Login } = useGeneralWallet();
   const {
     checkoutItem,
     reDraftSymbol,
@@ -6906,7 +6889,9 @@ function FunPaymentMethods({
         checkoutItem,
         "balance" /* ACCOUNT_BALANCE */,
         asset.chainId,
-        asset.contractAddress
+        asset.contractAddress,
+        isWeb2Login,
+        isWeb3Login
       );
       return isUsable && asset.totalUsdValue >= parseFloat(depositInfo == null ? void 0 : depositInfo.amount);
     });
@@ -7229,7 +7214,8 @@ function FunTxSummaryDivider() {
 // src/components/FunTransactionSummary/FunTransactionSummary.tsx
 function FeesLineItem({
   feesItem,
-  isLoading
+  isLoading,
+  paymentMethod
 }) {
   const [isExpanded, setIsExpanded] = useState20(false);
   const toggle = () => setIsExpanded(!isExpanded);
@@ -7283,7 +7269,7 @@ function FeesLineItem({
   }, formatCurrencyAndStringify(
     parseFloat(feesItem.transactionFeesUsd.toString())
   ))) : null), /* @__PURE__ */ React71.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React71.createElement(FunTxSummaryLineItemKeyText, {
-    text: "Platform Fees"
+    text: paymentMethod === "card" /* CARD */ ? "Card Processing Fees" : "Platform Fees"
   }), isLoading ? /* @__PURE__ */ React71.createElement(Box, {
     color: "modalTextSecondary"
   }, /* @__PURE__ */ React71.createElement(SpinnerIcon, {
@@ -7317,7 +7303,8 @@ function FunTransactionSummary({
   symbol = "",
   paymentTokenString,
   suffixComponent,
-  errorMessage = ""
+  errorMessage = "",
+  paymentMethod
 }) {
   return /* @__PURE__ */ React71.createElement(Box, null, /* @__PURE__ */ React71.createElement(Box, {
     paddingBottom: "8"
@@ -7357,7 +7344,8 @@ function FunTransactionSummary({
     style: { textAlign: "end" }
   }, paymentTokenString))), /* @__PURE__ */ React71.createElement(FunTxSummaryDivider, null)) : null, /* @__PURE__ */ React71.createElement(FeesLineItem, {
     feesItem: estFees,
-    isLoading
+    isLoading,
+    paymentMethod
   }), /* @__PURE__ */ React71.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React71.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React71.createElement(FunTxSummaryLineItemKeyText, {
     text: "Est. Processing Time"
   }), isLoading ? /* @__PURE__ */ React71.createElement(Box, {
@@ -7395,7 +7383,7 @@ function FunCheckoutConfirmationStep({
   onFinish,
   animateOut
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const { writeContractAsync } = useWriteContract();
   const { sendTransactionAsync } = useSendTransaction();
   const { checkoutItem, updateSelectedPaymentMethodInfo, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
@@ -7746,13 +7734,14 @@ function FunCheckoutConfirmationStep({
         (_t = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _t.finalFeesBreakdown.platformFeesUsd
       )
     },
-    estTime: (((_u = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _u.finalTimeEstimationMs) || 0) / 1e3 || 0,
+    paymentMethod: (_u = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _u.paymentMethod,
+    estTime: (((_v = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _v.finalTimeEstimationMs) || 0) / 1e3 || 0,
     hasTotal: true,
-    total: parseInputToNumber((_v = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _v.finalTotalUsd),
+    total: parseInputToNumber((_w = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _w.finalTotalUsd),
     isLoading: (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting),
     hasPaymentToken: true,
     paymentTokenString,
-    symbol: (_w = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _w.symbol,
+    symbol: (_x = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _x.symbol,
     errorMessage: hasDraftValueAndMethodError ? generateInsufficientAmountForMoonpayError(
       1 /* CHECKOUT */,
       false
@@ -7815,12 +7804,11 @@ function FunCheckoutInputAmountStep({
 }) {
   const { active: active2 } = useActiveTheme();
   const { checkoutItem, updateTargetAssetAmount, getCheckoutDraftDollarValue } = useFunkitPreCheckoutInternal(checkoutId);
-  const initialAmount = (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAssetAmount) || 0;
-  const [amountInput, setAmountInput] = useState22(
-    initialAmount === 0 ? "" : initialAmount.toFixed(4)
-  );
-  const [isAmountInAbsolute, setIsAmountInAbsolute] = useState22(true);
-  const [unitPrice, setUnitPrice] = useState22(0);
+  const [isAmountInAbsolute, setIsAmountInAbsolute] = useState22(false);
+  const [isInited, setIsInited] = useState22(false);
+  const initialAssetAmount = (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAssetAmount) || 0;
+  const [amountInput, setAmountInput] = useState22("");
+  const [unitPrice, setUnitPrice] = useState22(null);
   const [errorMessage, setErrorMessage] = useState22("");
   const [rotateIconAnimation, setRotateIconAnimation] = useState22(false);
   useEffect17(() => {
@@ -7843,10 +7831,32 @@ function FunCheckoutInputAmountStep({
     const id = setInterval(fetchPrice, 5e3);
     return () => clearInterval(id);
   }, []);
+  useEffect17(() => {
+    if (unitPrice == null || isInited)
+      return;
+    if (isAmountInAbsolute) {
+      setAmountInput(
+        initialAssetAmount === 0 ? "" : initialAssetAmount.toFixed(5)
+      );
+    } else {
+      const initialUsdAmount = unitPrice * Number(initialAssetAmount);
+      setAmountInput(initialUsdAmount === 0 ? "" : initialUsdAmount.toFixed(2));
+    }
+    setIsInited(true);
+  }, [initialAssetAmount, isAmountInAbsolute, isInited, unitPrice]);
   const finalAmounts = useMemo18(() => {
+    if (unitPrice == null) {
+      return {
+        usdEquivalent: 0,
+        absoluteEquivalent: 0
+      };
+    }
     const usdEquivalent = isAmountInAbsolute ? unitPrice * Number(amountInput) : Number(amountInput);
     const absoluteEquivalent = isAmountInAbsolute ? Number(amountInput) : Number(amountInput) / unitPrice;
-    return { usdEquivalent, absoluteEquivalent };
+    return {
+      usdEquivalent: parseFloat(usdEquivalent.toFixed(2)),
+      absoluteEquivalent: parseFloat(absoluteEquivalent.toFixed(5))
+    };
   }, [amountInput, isAmountInAbsolute, unitPrice]);
   const [isContinuing, setIsContinuing] = useState22(false);
   const onClickContinue = useCallback18(async () => {
@@ -7868,7 +7878,14 @@ function FunCheckoutInputAmountStep({
     paddingY: "24",
     width: "full",
     className: animateOut ? animateContentOutClass : animateContentInClass
-  }, /* @__PURE__ */ React74.createElement(Box, {
+  }, unitPrice == null && !errorMessage ? /* @__PURE__ */ React74.createElement(Box, {
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    width: "full",
+    style: { height: 130 }
+  }, /* @__PURE__ */ React74.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React74.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
@@ -7876,18 +7893,23 @@ function FunCheckoutInputAmountStep({
     gap: "8",
     width: "full"
   }, /* @__PURE__ */ React74.createElement(FunInput, {
-    value: isAmountInAbsolute ? amountInput : `$${amountInput}`,
-    placeholder: isAmountInAbsolute ? "0" : "$0.00",
+    value: amountInput === "" ? void 0 : isAmountInAbsolute ? amountInput : `$${amountInput}`,
+    placeholder: isAmountInAbsolute ? "0.00000" : "$0.00",
     onChange: (newAmount) => {
       let newValue = newAmount.target.value;
-      if (!isAmountInAbsolute) {
-        newValue = newValue.slice(1);
+      if (!isAmountInAbsolute && newValue.startsWith("$")) {
+        if (newValue === "$") {
+          newValue = "";
+        } else if (newValue.length > 0) {
+          newValue = newValue.slice(1);
+        }
       }
       setAmountInput(newValue);
     },
     inputProps: {
       type: isAmountInAbsolute ? "number" : "text",
-      autoFocus: true
+      autoFocus: true,
+      disabled: isContinuing || unitPrice == null
     },
     inputStyle: {
       textAlign: "center",
@@ -7909,14 +7931,14 @@ function FunCheckoutInputAmountStep({
     gap: "4"
   }, /* @__PURE__ */ React74.createElement(Text, {
     color: "modalTextSecondary"
-  }, isAmountInAbsolute ? `${formatCurrencyAndStringify(finalAmounts.usdEquivalent)} USD` : formatCryptoAndStringify(finalAmounts.absoluteEquivalent)), /* @__PURE__ */ React74.createElement(FunIconButton, {
+  }, isAmountInAbsolute ? formatCurrencyAndStringify(finalAmounts.usdEquivalent) : formatCryptoAndStringify(finalAmounts.absoluteEquivalent)), /* @__PURE__ */ React74.createElement(FunIconButton, {
     size: "20",
     showBorder: false,
     icon: /* @__PURE__ */ React74.createElement(SwitchIcon, null),
     onClick: () => {
       setRotateIconAnimation(true);
       setAmountInput(
-        isAmountInAbsolute ? finalAmounts.usdEquivalent.toString() : finalAmounts.absoluteEquivalent.toString()
+        isAmountInAbsolute ? finalAmounts.usdEquivalent === 0 ? "" : finalAmounts.usdEquivalent.toString() : finalAmounts.absoluteEquivalent === 0 ? "" : finalAmounts.absoluteEquivalent.toString()
       );
       setIsAmountInAbsolute(!isAmountInAbsolute);
       setTimeout(() => {
@@ -7937,7 +7959,7 @@ function FunCheckoutInputAmountStep({
     }
   })), /* @__PURE__ */ React74.createElement(FunButton, {
     title: "Continue",
-    isDisabled: isContinuing || (finalAmounts.absoluteEquivalent || 0) <= 0 || finalAmounts.usdEquivalent <= 0,
+    isDisabled: unitPrice == null || isContinuing || (finalAmounts.absoluteEquivalent || 0) <= 0 || finalAmounts.usdEquivalent <= 0,
     titleSuffix: isContinuing ? /* @__PURE__ */ React74.createElement(Box, {
       display: "flex",
       alignItems: "center",
@@ -8084,7 +8106,7 @@ function MeshOrAccountSelectAsset({
   useWalletAssetsListener(
     ((_d = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _d.paymentMethod) === "balance" /* ACCOUNT_BALANCE */
   );
-  const { walletAssets } = useGeneralWallet();
+  const { walletAssets, isWeb2Login, isWeb3Login } = useGeneralWallet();
   const generateAccountHoldingsMapForMesh = useCallback19(async () => {
     var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
     if (funkitConfig == null ? void 0 : funkitConfig.apiKey) {
@@ -8165,12 +8187,12 @@ function MeshOrAccountSelectAsset({
   const generateAccountHoldingsMapForBalance = useCallback19(async () => {
     const itemMap = {};
     const checkoutTargetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain;
-    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[checkoutTargetChainId || ""].isFiatCheckoutSupported;
+    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[checkoutTargetChainId || ""].isMainnet;
     Object.values(walletAssets || {}).forEach((fwAsset) => {
       var _a2, _b2, _c2, _d2;
       if (!fwAsset.symbol || !fwAsset.contractAddress)
         return;
-      const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[fwAsset.chainId].isFiatCheckoutSupported;
+      const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[fwAsset.chainId].isMainnet;
       if (isCheckoutOnMainnet && !isAssetOnMainnet)
         return;
       if (!isCheckoutOnMainnet && checkoutTargetChainId !== fwAsset.chainId)
@@ -8234,7 +8256,9 @@ function MeshOrAccountSelectAsset({
         checkoutItem,
         (_a3 = checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a3.paymentMethod,
         item.pickedChainId,
-        item.tokenAddress
+        item.tokenAddress,
+        isWeb2Login,
+        isWeb3Login
       );
       const isKnownToken = !!item.usdAmount;
       const isTokenDisabled = !isUsable || !isKnownToken;
@@ -8683,20 +8707,21 @@ function FunCheckoutModal({
     );
     const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
     const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
-    const targetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain.toString();
-    const wethAddrOnTargetChain = (await getTokenInfo2("weth", targetChainId)).toLowerCase();
+    const originalTargetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain.toString();
+    const moonpayChainId = originalTargetChainId === zkSync.id.toString() ? arbitrum.id.toString() : originalTargetChainId;
+    const wethAddrOnTargetChain = (await getTokenInfo2("weth", moonpayChainId)).toLowerCase();
     const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
       (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config.targetAsset
-    ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[targetChainId].nativeCurrency.symbol === "ETH" /* ETH */;
+    ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[moonpayChainId].nativeCurrency.symbol === "ETH" /* ETH */;
     let sourceTokenAddress;
     let sourceTokenTicker;
     let sourceTokenChainId;
     if (isCanada) {
       sourceTokenTicker = "ETH" /* ETH */;
       sourceTokenAddress = NATIVE_TOKEN;
-      sourceTokenChainId = targetChainId;
+      sourceTokenChainId = moonpayChainId;
     } else {
-      sourceTokenChainId = isNyOrTxOrVi ? mainnet3.id.toString() : targetChainId;
+      sourceTokenChainId = isNyOrTxOrVi ? mainnet3.id.toString() : moonpayChainId;
       if (isTargetAssetEthOrWeth) {
         sourceTokenTicker = "ETH" /* ETH */;
         sourceTokenAddress = NATIVE_TOKEN;
@@ -9308,8 +9333,8 @@ function ChainLineItem({
   chainIconSize,
   gap = "12"
 }) {
-  const { enabledFunkitConnectChainsById } = useFunkitConnectChainsById();
-  const chainItem = enabledFunkitConnectChainsById[chainId];
+  const enabledChainMap = useFunkitConnectChainsById();
+  const chainItem = enabledChainMap[chainId];
   if (!chainItem)
     return null;
   return /* @__PURE__ */ React83.createElement(Box, {
@@ -10580,7 +10605,8 @@ function FunOnrampConfirmationStep({
     hasTotal: true,
     total: totalAmountUsd,
     isLoading: isFetchingEstimatedFees,
-    errorMessage: estimationError
+    errorMessage: estimationError,
+    paymentMethod: paymentMethodInfo.paymentMethod
   })), /* @__PURE__ */ React99.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -16237,7 +16263,7 @@ function ConnectButtonRenderer({
   const isCurrentChainSupported = wagmiChains.some(
     (chain) => chain.id === chainId
   );
-  const funkitConnectChainsById = useFunkitConnectChainsById().enabledFunkitConnectChainsById;
+  const funkitConnectChainsById = useFunkitConnectChainsById();
   const authenticationStatus = (_a = useAuthenticationStatus()) != null ? _a : void 0;
   const funkitConnectChain = chainId ? funkitConnectChainsById[chainId] : void 0;
   const chainName = (_b = funkitConnectChain == null ? void 0 : funkitConnectChain.name) != null ? _b : void 0;
@@ -16549,6 +16575,7 @@ function cssStringFromTheme(theme, options = {}) {
 }
 
 // src/config/getDefaultConfig.ts
+import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST } from "@funkit/core";
 import { http } from "wagmi";
 import { createConfig } from "wagmi";
 
@@ -17201,6 +17228,14 @@ var getDefaultConfig = ({
     ...restWagmiParameters
   });
 };
+var getDefaultChains = () => FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST;
+var getDefaultTransports = () => {
+  const chains = getDefaultChains();
+  return chains.reduce((acc, chain) => {
+    acc[chain.id] = chain.rpcUrls.default.http[0];
+    return acc;
+  }, {});
+};
 
 // src/wallets/walletConnectors/funkitConnectWallet/funkitConnectWallet.ts
 import { funkitWagmiConnectorWallet } from "@funkit/wagmi-tools";
@@ -17261,11 +17296,6 @@ function validateFunkitConfig(props) {
   if (!funkitConfig.apiKey) {
     throw new Error("Invalid funkitConfig: Missing apiKey.");
   }
-  if (!funkitConfig.privyAppId && funkitConfig.loginModalConfig.web2) {
-    throw new Error(
-      "Invalid funkitConfig: Web2 login option enabled but missing privyAppId."
-    );
-  }
   if (!funkitConfig.appName) {
     throw new Error("Invalid funkitConfig: Missing appName.");
   }
@@ -17325,7 +17355,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey6, version);
 }
 function getCurrentSdkVersion() {
-  return "1.0.26";
+  return "1.0.28";
 }
 function useFingerprint() {
   const fingerprint = useCallback34(() => {
@@ -18079,6 +18109,8 @@ export {
   cssObjectFromTheme,
   cssStringFromTheme,
   darkTheme,
+  getDefaultChains,
+  getDefaultTransports,
   getDefaultWallets,
   lightTheme,
   useAccountModal,

package/dist/utils/assets.d.ts

@@ -5,7 +5,7 @@ export declare function combineChainSymbolOrAddress({ chainId, symbolOrAddress,
     symbolOrAddress: string;
 }): string | null;
 export declare const getNormalizedTokenBalance: (tokenBalance: number, decimals: number) => number;
-export declare const isAssetUsableToPayForCheckout: (checkoutItem: FunkitActiveCheckoutItem, paymentMethod: PaymentMethod, assetChainId: string, assetTokenAddress: string) => {
+export declare const isAssetUsableToPayForCheckout: (checkoutItem: FunkitActiveCheckoutItem, paymentMethod: PaymentMethod, assetChainId: string, assetTokenAddress: string, isWeb2Login: boolean, isWeb3Login: boolean) => {
     isUsable: boolean;
     reason: string;
 };

package/dist/utils/formatNumber.d.ts

@@ -52,4 +52,5 @@ useCurrencyAbbreviation?: boolean,
 options?: FormatNumberOptions): string;
 export declare function parseInputToNumber(input: string | number | undefined): number;
 export declare function roundUpToXDecimalPlaces(inputNumber: string, decimalPlaces: number): number;
+export declare function normalizeSmallUsdNumber(usdNumber: string | number | null): number;
 export {};

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-KGTZ6E7L.js";
+} from "../chunk-6LTLPR2Q.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-QII6PY2D.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   bifrostWallet
 };