@funkit/connect 1.0.9 → 1.0.10

package/dist/index.js

@@ -160,7 +160,8 @@ var TO_PROGRESS_CHECKOUT_STATES = [
   CheckoutState.TO_UNFUNDED,
   CheckoutState.TO_FUNDED,
   CheckoutState.TO_POOLED,
-  CheckoutState.TO_READY
+  CheckoutState.TO_READY,
+  CheckoutState.PENDING_RECEIVAL
 ];
 var IN_PROGRESS_CHECKOUT_STATES = [
   ...TO_PROGRESS_CHECKOUT_STATES,
@@ -1537,7 +1538,7 @@ var animateContentInClass = "stgjxl2";
 var animateContentOutClass = "stgjxl3";
 
 // src/hooks/useFunListeners.ts
-import { useEffect as useEffect8 } from "react";
+import { useEffect as useEffect8, useRef as useRef4 } from "react";
 
 // src/components/FunkitProvider/FunkitCheckoutContext.tsx
 import {
@@ -1576,6 +1577,17 @@ import {
 } from "viem";
 import { useConfig as useConfig2 } from "wagmi";
 
+// src/consts/checkout.ts
+var CHECKOUT_STEP_MESSAGE_GENERATOR = {
+  [1 /* PREPARING_DATA */]: () => "Preparing order data...",
+  [0 /* CONFIRMING */]: () => "Confirming your order..."
+};
+var WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR = {
+  [0 /* SIGN_TX */]: () => `Sign the message request in your wallet.`,
+  [1 /* SWITCH_CHAIN */]: (newChainName) => `Accept the network switch request to ${newChainName} in your wallet.`,
+  [2 /* APPROVE_TRANSFER */]: (tokenSymbol) => `Accept the ${tokenSymbol} transfer request in your wallet.`
+};
+
 // src/consts/quote.ts
 var PENDING_QUOTE_MESSAGE_GENERATOR = {
   [0 /* PREPARING */]: () => "Preparing your quote...",
@@ -1592,9 +1604,13 @@ var QUOTE_API_ERROR_STRING_INFO = {
     check: "try to increase the amount",
     display: "Checkout amount is too low. Please try again with a higher amount."
   },
-  [2 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE */]: {
+  [2 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE_1 */]: {
     check: "target token must be at least",
     display: "Checkout amount is too low. Please try again with a higher amount."
+  },
+  [3 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE_2 */]: {
+    check: "Bridge min amount not met",
+    display: "Checkout amount is too low. Please try again with a higher amount."
   }
 };
 function generateQuoteApiErrorForDisplay(errorMessage = "") {
@@ -2119,7 +2135,7 @@ var FunkitCheckoutContext = createContext9({
   isCheckoutHistoryInited: false,
   isRefreshingCheckoutHistory: true,
   reDraftSymbol: Symbol(),
-  _startCheckoutHistoryListener: () => void 0,
+  _startCheckoutHistoryListener: () => setTimeout(() => void 0, 0),
   _stopCheckoutHistoryListener: () => void 0,
   _initNewCheckout: () => "",
   _updateSelectedSourceAsset: () => void 0,
@@ -2228,15 +2244,23 @@ function FunkitCheckoutProvider({ children }) {
       setHistoryDepositAddress(singleDepositAddr);
       clearInterval(intervalRef.current);
       triggerRefreshSymbol();
-      intervalRef.current = setInterval(() => {
+      const newIntervalId = setInterval(() => {
         triggerRefreshSymbol();
       }, CHECKOUT_HISTORY_REFETCH_INTERVAL_MS);
+      intervalRef.current = newIntervalId;
+      return newIntervalId;
     },
     [triggerRefreshSymbol]
   );
-  const _stopCheckoutHistoryListener = useCallback6(() => {
-    clearInterval(intervalRef.current);
-  }, []);
+  const _stopCheckoutHistoryListener = useCallback6(
+    (cancelIntervalId) => {
+      clearInterval(cancelIntervalId);
+      if (cancelIntervalId === intervalRef.current) {
+        intervalRef.current = void 0;
+      }
+    },
+    []
+  );
   const _initNewCheckout = useCallback6(
     (initSettings, hasSufficientBalance, sourceSymbol) => {
       const newCheckoutId = uuid();
@@ -2642,11 +2666,14 @@ function FunkitCheckoutProvider({ children }) {
     ]
   );
   const _generateSignedBatchOperation = useCallback6(
-    async (actionsParams, assetChainId, bypassWalletInit) => {
+    async (actionsParams, assetChainId, bypassWalletInit, stepMessageSetter) => {
       if (!funWallet || !funWalletAuth) {
         throw new Error("Funwallet or auth not defined");
       }
       try {
+        stepMessageSetter(
+          CHECKOUT_STEP_MESSAGE_GENERATOR[1 /* PREPARING_DATA */]()
+        );
         let txParamsList = [];
         actionsParams.forEach((actionParam) => {
           const tokenInterface = new ContractInterface(actionParam.contractAbi);
@@ -2697,6 +2724,11 @@ function FunkitCheckoutProvider({ children }) {
           bypassWalletInit
         });
         const userId = await (funWalletAuth == null ? void 0 : funWalletAuth.getUserId());
+        if (isWeb3Login) {
+          stepMessageSetter(
+            WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR[0 /* SIGN_TX */]()
+          );
+        }
         const batchOperation = await funWallet.createBatchOperation(
           funWalletAuth,
           userId,
@@ -2734,7 +2766,7 @@ function FunkitCheckoutProvider({ children }) {
     [_getAndValidateCheckoutItemByCheckoutId]
   );
   const _confirmCheckout = useCallback6(
-    async (checkoutId, shouldbatchOpBypassInit) => {
+    async (checkoutId, shouldbatchOpBypassInit, stepMessageSetter) => {
       var _a, _b, _c;
       if (!(funkitConfig == null ? void 0 : funkitConfig.apiKey)) {
         throw new Error(
@@ -2759,10 +2791,14 @@ function FunkitCheckoutProvider({ children }) {
         const signedBatchOperation = await _generateSignedBatchOperation(
           checkoutItem.initSettings.config.actionsParams,
           checkoutItem.initSettings.config.targetChain,
-          shouldbatchOpBypassInit
+          shouldbatchOpBypassInit,
+          stepMessageSetter
         );
         batchUserOp = signedBatchOperation.userOp;
       }
+      stepMessageSetter(
+        CHECKOUT_STEP_MESSAGE_GENERATOR[0 /* CONFIRMING */]()
+      );
       const depositAddress = await postApiInitializeCheckout({
         userOp: batchUserOp,
         quoteId: checkoutItem.latestQuote.baseQuote.quoteId,
@@ -2857,7 +2893,11 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
       isCheckoutCrFlow
     ),
     updateSelectedPaymentMethodInfo: (newPaymentMethodInfo) => _updateSelectedPaymentMethodInfo(checkoutId, newPaymentMethodInfo),
-    confirmCheckout: async (shouldBatchOpBypassInit) => await _confirmCheckout(checkoutId, shouldBatchOpBypassInit),
+    confirmCheckout: async (shouldBatchOpBypassInit, stepMessageSetter) => await _confirmCheckout(
+      checkoutId,
+      shouldBatchOpBypassInit,
+      stepMessageSetter
+    ),
     clearCheckoutQuoteMessages: () => _clearCheckoutQuoteMessages(checkoutId),
     getCheckoutQuote: async (sponsorInitialTransferGasLimit, newPaymentMethodInfo) => await _getCheckoutQuote(
       checkoutId,
@@ -3035,12 +3075,14 @@ var useFunkitCheckout = (props) => {
 
 // src/hooks/useFunListeners.ts
 function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
+  const activeIntervalRef = useRef4();
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useFunkitAllPostCheckoutsInternal();
   useEffect8(() => {
     if (activate) {
-      startCheckoutHistoryListener(singleDepositAddr);
+      const createdIntervalId = startCheckoutHistoryListener(singleDepositAddr);
+      activeIntervalRef.current = createdIntervalId;
     }
-    return () => stopCheckoutHistoryListener();
+    return () => stopCheckoutHistoryListener(activeIntervalRef.current);
   }, [activate]);
 }
 function useWalletAssetsListener(activate = true) {
@@ -3655,7 +3697,7 @@ import React89, { useCallback as useCallback19, useMemo as useMemo25, useState a
 import { useAccount as useAccount5 } from "wagmi";
 
 // src/hooks/useMesh.tsx
-import React43, { useCallback as useCallback8, useMemo as useMemo11, useRef as useRef4, useState as useState12 } from "react";
+import React43, { useCallback as useCallback8, useMemo as useMemo11, useRef as useRef5, useState as useState12 } from "react";
 import { useAccount as useAccount3 } from "wagmi";
 
 // src/components/FunDot/FunDot.tsx
@@ -4316,7 +4358,7 @@ var useMeshExchanges = ({
   };
 };
 function useEqualMeshNetworkSupportedTokens(array, clearCache) {
-  const previousArray = useRef4(array);
+  const previousArray = useRef5(array);
   if (!clearCache && array.length === previousArray.current.length) {
     return previousArray.current;
   }
@@ -4339,7 +4381,7 @@ var useMeshActiveNetworkInfo = (exchange) => {
   const { chain: activeChain } = useAccount3();
   const [meshNetworkId, setMeshNetworkId] = useState12(null);
   const [meshSupportedTokens, setMeshSupportedTokens] = useState12([]);
-  const networkandExchange = useRef4(`${exchange}${meshNetworkId}`);
+  const networkandExchange = useRef5(`${exchange}${meshNetworkId}`);
   const meshSupportedTokensEqualLength = useEqualMeshNetworkSupportedTokens(
     meshSupportedTokens,
     networkandExchange.current !== `${exchange}${meshNetworkId}`
@@ -5506,8 +5548,7 @@ function LineItem({ children, ...otherProps }) {
 }
 function FeesLineItem({
   feesItem,
-  isLoading,
-  isEstimatedNetworkFees
+  isLoading
 }) {
   const [isExpanded, setIsExpanded] = useState15(false);
   const toggle = () => setIsExpanded(!isExpanded);
@@ -5533,7 +5574,7 @@ function FeesLineItem({
     weight: "medium",
     color: "modalText",
     size: "14"
-  }, isEstimatedNetworkFees ? "~" : "", formatCurrencyAndStringify(
+  }, formatCurrencyAndStringify(
     parseFloat(feesItem.totalUsd.toString())
   )), isExpanded ? /* @__PURE__ */ React58.createElement(FunUpArrow, null) : /* @__PURE__ */ React58.createElement(FunDownArrow, null)) : null), isExpanded ? /* @__PURE__ */ React58.createElement(Fragment, null, /* @__PURE__ */ React58.createElement(LineItem, null, /* @__PURE__ */ React58.createElement(Text, {
     weight: "medium",
@@ -5560,7 +5601,7 @@ function FeesLineItem({
     weight: "medium",
     color: "modalText",
     size: "14"
-  }, isEstimatedNetworkFees ? "~" : "", formatCurrencyAndStringify(
+  }, formatCurrencyAndStringify(
     parseFloat(feesItem.transactionFeesUsd.toString())
   ))) : null), /* @__PURE__ */ React58.createElement(LineItem, null, /* @__PURE__ */ React58.createElement(Text, {
     weight: "medium",
@@ -5608,8 +5649,7 @@ function FunTransactionSummary({
   symbol = "",
   paymentTokenString,
   suffixComponent,
-  errorMessage = "",
-  isEstimatedNetworkFees = false
+  errorMessage = ""
 }) {
   return /* @__PURE__ */ React58.createElement(Box, null, /* @__PURE__ */ React58.createElement(Box, {
     paddingBottom: "8"
@@ -5664,8 +5704,7 @@ function FunTransactionSummary({
     size: "14"
   }, paymentTokenString))), /* @__PURE__ */ React58.createElement(FunTxSummaryDivider, null)) : null, /* @__PURE__ */ React58.createElement(FeesLineItem, {
     feesItem: estFees,
-    isLoading,
-    isEstimatedNetworkFees
+    isLoading
   }), /* @__PURE__ */ React58.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React58.createElement(LineItem, null, /* @__PURE__ */ React58.createElement(Text, {
     weight: "medium",
     color: "modalTextDim",
@@ -5695,7 +5734,7 @@ function FunTransactionSummary({
     weight: "medium",
     color: "modalText",
     size: "14"
-  }, isEstimatedNetworkFees ? "~" : "", formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)) : null, suffixComponent));
+  }, formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)) : null, suffixComponent));
 }
 
 // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
@@ -6224,7 +6263,7 @@ import React67, {
   Fragment as Fragment2,
   useCallback as useCallback12,
   useEffect as useEffect12,
-  useRef as useRef5
+  useRef as useRef6
 } from "react";
 var FunTwoFaInput = ({
   value,
@@ -6234,7 +6273,7 @@ var FunTwoFaInput = ({
   errorMessage
 }) => {
   const inputLength = 6;
-  const inputRefs = useRef5([]);
+  const inputRefs = useRef6([]);
   inputRefs.current = Array(inputLength).fill(null);
   const [focusIndex, setFocusIndex] = React67.useState(0);
   const handleBackspace = useCallback12(
@@ -6547,7 +6586,7 @@ import React75 from "react";
 import React71, { useCallback as useCallback14, useMemo as useMemo17, useState as useState19 } from "react";
 
 // src/components/FunSelect/FunSelect.tsx
-import React69, { useMemo as useMemo16, useRef as useRef6 } from "react";
+import React69, { useMemo as useMemo16, useRef as useRef7 } from "react";
 import { useState as useState18 } from "react";
 
 // src/utils/indexBy.ts
@@ -6762,8 +6801,8 @@ function FunPaymentMeshType({
 
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/core";
-import React72, { useEffect as useEffect14, useMemo as useMemo18, useState as useState20 } from "react";
-var MoonPayBuyWidget = (props) => {
+import React72, { memo, useEffect as useEffect14, useMemo as useMemo18, useState as useState20 } from "react";
+var MoonPayBuyWidget = memo(function Widget(props) {
   const [MoonPayBuyWidgetInner, setMoonPayBuyWidgetInner] = React72.useState(null);
   useEffect14(() => {
     const loadMoonPayBuyWidgetInner = async () => {
@@ -6781,7 +6820,7 @@ var MoonPayBuyWidget = (props) => {
   return /* @__PURE__ */ React72.createElement(MoonPayBuyWidgetInner, {
     ...props
   }, props.children);
-};
+});
 function FunPaymentMoonpayType({
   paymentFlow,
   paymentAddress,
@@ -6790,7 +6829,8 @@ function FunPaymentMoonpayType({
   depositTokenAmount,
   onBackToHome,
   backAnimation = false,
-  redirectToCheckoutHistory
+  redirectToCheckoutHistory,
+  finalConvertedAssetName
 }) {
   const [isSupportedRegion, setIsSupportedRegion] = useState20(true);
   const [isBackToHomeDisabled, setIsBackToHomeDisabled] = useState20(true);
@@ -6806,8 +6846,14 @@ function FunPaymentMoonpayType({
     return signature || "";
   };
   const description = useMemo18(() => {
-    return `${funkitConfig == null ? void 0 : funkitConfig.appName} uses Moonpay to on-ramp ${depositToken} via credit & debit cards.`;
-  }, [funkitConfig == null ? void 0 : funkitConfig.appName, depositToken]);
+    const normalizedConvertedAssetName = finalConvertedAssetName.toLowerCase();
+    if (normalizedConvertedAssetName.startsWith("$")) {
+      return normalizedConvertedAssetName.slice(1);
+    }
+    const isSame = normalizedConvertedAssetName === depositToken.toLowerCase();
+    const conversionText = finalConvertedAssetName && !isSame ? ` that is then automatically converted to ${finalConvertedAssetName}.` : ".";
+    return `${funkitConfig == null ? void 0 : funkitConfig.appName} uses Moonpay to on-ramp ${depositToken} via credit & debit cards${conversionText}`;
+  }, [finalConvertedAssetName, funkitConfig == null ? void 0 : funkitConfig.appName, depositToken]);
   return /* @__PURE__ */ React72.createElement(Box, {
     className: backAnimation ? animateContentOutClass : animateContentInClass
   }, /* @__PURE__ */ React72.createElement(Box, {
@@ -7048,7 +7094,8 @@ function FunPaymentSetup({
   tokenAmountUsd,
   backAnimation = false,
   redirectToCheckoutHistory,
-  isParentLoading = false
+  isParentLoading = false,
+  finalConvertedAssetName = ""
 }) {
   const { optionsMap } = useMeshExchanges({ fullInfo: false });
   return paymentMethod === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React75.createElement(FunPaymentMeshType, {
@@ -7080,7 +7127,8 @@ function FunPaymentSetup({
     depositTokenAmount: tokenAmountUsd,
     onBackToHome,
     backAnimation,
-    redirectToCheckoutHistory
+    redirectToCheckoutHistory,
+    finalConvertedAssetName
   }) : /* @__PURE__ */ React75.createElement(Text, {
     color: "modalTextSecondary"
   }, "Unsupported payment method");
@@ -7864,7 +7912,8 @@ function FunCheckoutModal({
       (_l = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _l.baseQuote.estTotalFromAmount
     ) || 0,
     redirectToCheckoutHistory,
-    isParentLoading: !!(checkoutItem == null ? void 0 : checkoutItem.isDrafting)
+    isParentLoading: !!(checkoutItem == null ? void 0 : checkoutItem.isDrafting),
+    finalConvertedAssetName: checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle
   })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React80.createElement(FunCheckoutSelectAssetStep, {
     checkoutId,
     checkoutStep,
@@ -8082,7 +8131,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, _x;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
   const { writeContractAsync } = useWriteContract();
   const { sendTransactionAsync } = useSendTransaction();
   const { checkoutItem, updateSelectedPaymentMethodInfo, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
@@ -8099,12 +8148,14 @@ function FunCheckoutConfirmationStep({
     amountUsd: ((checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0).toString()
   });
   const [isConfirming, setIsConfirming] = useState24(false);
+  const [checkoutStepMessage, setCheckoutStepMessage] = useState24("");
   const [confirmationError, setConfirmationError] = useState24("");
   const hasCheckoutConfirmationError = useMemo23(
     () => confirmationError !== "",
     [confirmationError]
   );
   const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState24(false);
+  const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState24("");
   const [postCheckoutError, setPostCheckoutError] = useState24("");
   const hasPostCheckoutError = useMemo23(
     () => postCheckoutError !== "",
@@ -8205,8 +8256,15 @@ function FunCheckoutConfirmationStep({
           sourceAssetChainId,
           currentChain: chain
         });
+        const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[sourceAssetChainId].chainInfo.name;
+        setPostCheckoutStepMessage(
+          WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR[1 /* SWITCH_CHAIN */](chainName)
+        );
         await (switchChainAsync == null ? void 0 : switchChainAsync({ chainId: parseInt(sourceAssetChainId) }));
       }
+      setPostCheckoutStepMessage(
+        WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR[2 /* APPROVE_TRANSFER */]((checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.symbol) || "")
+      );
       if (((_c2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _c2.address) === NATIVE_TOKEN) {
         const hash = await sendTransactionAsync({
           chainId: parseInt(sourceAssetChainId),
@@ -8224,11 +8282,13 @@ function FunCheckoutConfirmationStep({
         });
         logger.log("handleWeb3AccountBalancePostCheckout_hash", { hash });
       }
+      setPostCheckoutStepMessage("");
     },
     [
       (_m = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _m.baseQuote.estTotalFromAmountBaseUnit,
       checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.chainId,
       (_n = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _n.address,
+      checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.symbol,
       chain,
       switchChainAsync,
       sendTransactionAsync,
@@ -8290,8 +8350,9 @@ function FunCheckoutConfirmationStep({
       } catch (err) {
         logger.error("postCheckoutFundingError", err);
         setPostCheckoutError(
-          "An error occurred trying to fund the checkout. Please contact support for help."
+          "An error occurred trying to fund the checkout. Please try again or contact support for help."
         );
+        setPostCheckoutStepMessage("");
       } finally {
         setIsPostCheckoutLoading(false);
       }
@@ -8320,7 +8381,10 @@ function FunCheckoutConfirmationStep({
         }));
         shouldBatchOpBypassInit = ((_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod) === "balance" /* ACCOUNT_BALANCE */ && !isFunWalletInitializedOnTargetChain && targetChainId === sourceChainId;
       }
-      const depositAddress = await (confirmCheckout == null ? void 0 : confirmCheckout(shouldBatchOpBypassInit));
+      const depositAddress = await (confirmCheckout == null ? void 0 : confirmCheckout(
+        shouldBatchOpBypassInit,
+        setCheckoutStepMessage
+      ));
       if (!depositAddress) {
         throw new Error(
           "Invalid depositAddress - unable to proceed with checkout"
@@ -8349,6 +8413,7 @@ function FunCheckoutConfirmationStep({
         setConfirmationError(
           "An error occurred during checkout. Please go back and try again."
         );
+        setCheckoutStepMessage("");
       }
     } finally {
       setIsConfirming(false);
@@ -8377,6 +8442,7 @@ function FunCheckoutConfirmationStep({
     (_p = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _p.chainId,
     (_q = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _q.symbol
   ]);
+  const hasError = hasDraftValueAndMethodError || hasQuoteError || hasCheckoutConfirmationError || hasPostCheckoutError;
   return /* @__PURE__ */ React82.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -8412,12 +8478,14 @@ function FunCheckoutConfirmationStep({
     hasPaymentToken: true,
     paymentTokenString,
     symbol: (_w = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _w.symbol,
-    isEstimatedNetworkFees: isWeb3Login && ((_x = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _x.paymentMethod) === "balance" /* ACCOUNT_BALANCE */,
     errorMessage: hasDraftValueAndMethodError ? generateInsufficientAmountForMoonpayError(
       1 /* CHECKOUT */,
       false
     ) : hasQuoteError ? checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage : hasCheckoutConfirmationError ? confirmationError : hasPostCheckoutError ? postCheckoutError : ""
-  })), /* @__PURE__ */ React82.createElement(Box, {
+  })), !hasError && (postCheckoutStepMessage || checkoutStepMessage) ? /* @__PURE__ */ React82.createElement(FunNotification, {
+    description: postCheckoutStepMessage || checkoutStepMessage,
+    type: "default"
+  }) : null, /* @__PURE__ */ React82.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "4"
@@ -8507,8 +8575,7 @@ function FunOnrampConfirmationStep({
     hasTotal: true,
     total: totalAmountUsd,
     isLoading: isFetchingEstimatedFees,
-    errorMessage: estimationError,
-    isEstimatedNetworkFees: false
+    errorMessage: estimationError
   })), /* @__PURE__ */ React84.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -10495,7 +10562,7 @@ var AppleIcon = () => {
 import React113, { useContext as useContext15, useState as useState33 } from "react";
 
 // src/components/FunkitProvider/useCoolMode.ts
-import { useContext as useContext14, useEffect as useEffect22, useRef as useRef7 } from "react";
+import { useContext as useContext14, useEffect as useEffect22, useRef as useRef8 } from "react";
 
 // src/components/FunkitProvider/CoolModeContext.ts
 import { createContext as createContext13 } from "react";
@@ -10503,7 +10570,7 @@ var CoolModeContext = createContext13(false);
 
 // src/components/FunkitProvider/useCoolMode.ts
 var useCoolMode = (imageUrl) => {
-  const ref = useRef7(null);
+  const ref = useRef8(null);
   const coolModeEnabled = useContext14(CoolModeContext);
   const resolvedImageUrl = useAsyncImage(imageUrl);
   useEffect22(() => {
@@ -11267,7 +11334,7 @@ var ScanIcon = () => /* @__PURE__ */ React121.createElement(AsyncImage, {
 });
 
 // src/components/ConnectOptions/DesktopOptions.tsx
-import React130, { Fragment as Fragment6, useContext as useContext18, useEffect as useEffect24, useRef as useRef8, useState as useState35 } from "react";
+import React130, { Fragment as Fragment6, useContext as useContext18, useEffect as useEffect24, useRef as useRef9, useState as useState35 } from "react";
 
 // src/components/ConnectModal/ConnectModalIntro.tsx
 import React127, { useContext as useContext17 } from "react";
@@ -11491,7 +11558,7 @@ function DesktopOptions({ onClose }) {
   const { disclaimer: Disclaimer } = useContext18(AppContext);
   const { i18n: i18n2 } = useContext18(I18nContext);
   const safari = isSafari();
-  const initialized = useRef8(false);
+  const initialized = useRef9(false);
   const { connector } = useContext18(WalletButtonContext);
   const mergeEIP6963WithRkConnectors = !connector;
   const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
@@ -12780,7 +12847,7 @@ function FunConnectOptions({ onClose }) {
 }
 
 // src/components/SignIn/SignIn.tsx
-import React134, { useCallback as useCallback24, useContext as useContext20, useRef as useRef9 } from "react";
+import React134, { useCallback as useCallback24, useContext as useContext20, useRef as useRef10 } from "react";
 import { UserRejectedRequestError } from "viem";
 import { useAccount as useAccount9, useSignMessage } from "wagmi";
 var signInIcon = async () => (await import("./sign-FZVB2CS6.js")).default;
@@ -12803,7 +12870,7 @@ function SignIn({
       }));
     }
   }, [authAdapter, i18n2]);
-  const onceRef = useRef9(false);
+  const onceRef = useRef10(false);
   React134.useEffect(() => {
     if (onceRef.current)
       return;
@@ -15365,7 +15432,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey4, version);
 }
 function getCurrentSdkVersion() {
-  return "1.0.9";
+  return "1.0.10";
 }
 function useFingerprint() {
   const fingerprint = useCallback28(() => {
@@ -15517,7 +15584,11 @@ function FunkitProviderInner({
     apiKey: "pk_live_IxayBRQuBC3RzpPZkbGPrwUsRWAaeO",
     debug: !!debug
   }, /* @__PURE__ */ React146.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React146.createElement("div", {
-    ...createThemeRootProps2(id)
+    ...createThemeRootProps2(id),
+    style: {
+      width: "100%",
+      height: "100%"
+    }
   }, /* @__PURE__ */ React146.createElement("style", {
     dangerouslySetInnerHTML: {
       __html: [
@@ -15727,7 +15798,7 @@ import React149, {
   useCallback as useCallback30,
   useContext as useContext30,
   useEffect as useEffect36,
-  useRef as useRef10,
+  useRef as useRef11,
   useState as useState45
 } from "react";
 
@@ -15779,7 +15850,7 @@ function WalletButton2({
     showWalletConnectModal
   } = wallet;
   const coolModeRef = useCoolMode(iconUrl);
-  const initialized = useRef10(false);
+  const initialized = useRef11(false);
   const { i18n: i18n2 } = useContext30(I18nContext);
   const onConnect = useCallback30(async () => {
     const onMobileUri = async () => {

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
 };

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-2B3SPBRY.js";
+} from "../chunk-ZNXQ4V6G.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-QII6PY2D.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-CUKVUCIP.js";
-import "../chunk-QII6PY2D.js";
+} from "../chunk-ZUAHWUEL.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/clvWallet/clvWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   clvWallet
-} from "../chunk-T6JVHES7.js";
-import "../chunk-QII6PY2D.js";
+} from "../chunk-MIWCKFYE.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   clvWallet
 };

package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coin98Wallet
-} from "../chunk-Z2HIQYVN.js";
-import "../chunk-QII6PY2D.js";
+} from "../chunk-4FQLUQNA.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   coin98Wallet
 };

package/dist/wallets/walletConnectors/coreWallet/coreWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coreWallet
-} from "../chunk-IBWFKX7P.js";
-import "../chunk-QII6PY2D.js";
+} from "../chunk-JLQ5HJYV.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   coreWallet
 };

package/dist/wallets/walletConnectors/foxWallet/foxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   foxWallet
-} from "../chunk-OKWOB3DN.js";
-import "../chunk-QII6PY2D.js";
+} from "../chunk-Q4RLUJJD.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   foxWallet
 };

package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-HD5VYJNC.js";
+} from "../chunk-AM4SSLAP.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-QII6PY2D.js";
 import "../chunk-ZDU3JFGR.js";
+import "../chunk-QII6PY2D.js";
 export {
   frontierWallet
 };