@pollar/react 0.12.0-rc.5 → 0.12.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { AUTH_ERROR_CODES, rampLegTitle, rampRequirementCopy, rampTrustlineAsset, rampWalletStep, rampResolutionText, describeRampAction, rampLegStatus, rampNextApproval, rampOrderStopped, rampOrderReceive, rampRailLabel, rampNoRouteText, rampFieldError, rampFieldValid, rampLegNote, rampStepTitle, rampStepStatusText, rampLegTimeLeft, rampOrderResolutionText, rampCountries, rampQuoteFields, isPollarApiError, transactionErrorMessage, WalletType, isPollarClient, PollarClient, isInteractiveAuthAdapter, rampTrustlineErrorText, toBaseUnits, appUnavailableMessage, cosignRefusalMessage, fromBaseUnits, assertRampStellarSigner } from '@pollar/core';
+import { AUTH_ERROR_CODES, rampLegTitle, rampRequirementCopy, rampTrustlineAsset, rampWalletStep, rampResolutionText, describeRampAction, rampLegStatus, rampNextApproval, rampOrderStopped, rampOrderReceive, rampRailLabel, rampNoRouteText, rampFieldError, rampFieldValid, rampLegNote, rampStepTitle, rampStepStatusText, rampLegTimeLeft, rampOrderResolutionText, rampCountries, rampQuoteFields, isPollarApiError, transactionErrorMessage, WalletType, isPollarClient, PollarClient, isInteractiveAuthAdapter, rampTrustlineErrorText, isPollarNetworkError, toBaseUnits, appUnavailableMessage, cosignRefusalMessage, fromBaseUnits, assertRampStellarSigner } from '@pollar/core';
 import { forwardRef, createContext, useState, useCallback, useEffect, useMemo, useRef, useContext, Component } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { startAuthentication, startRegistration } from '@simplewebauthn/browser';
@@ -1042,7 +1042,7 @@ var PollarModalFooter = () => {
     /* @__PURE__ */ jsx("img", { src: LOGO_POLLAR_WORDMARK_ON_DARK, alt: "Pollar", className: "pollar-footer-logo pollar-logo-on-dark" }),
     /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
       "v",
-      "0.12.0-rc.5"
+      "0.12.0"
     ] })
   ] });
 };
@@ -4810,6 +4810,7 @@ function RampWidget({ onClose }) {
   const [pollTrouble, setPollTrouble] = useState(false);
   const [pollKey, setPollKey] = useState(0);
   const [paymentCheckUntil, setPaymentCheckUntil] = useState(null);
+  const checkErrorRef = useRef(null);
   const promptedApproval = useRef(null);
   const custodyChoice = appConfig.application?.walletCustodyMode === "USER_CHOICE";
   const appChains = appConfig.application?.chains;
@@ -4893,6 +4894,12 @@ function RampWidget({ onClose }) {
     }, PAYMENT_CHECK_EVERY_MS);
     return () => clearInterval(timer);
   }, [client, orderId, awaitingPayment, paymentCheckUntil]);
+  useEffect(() => {
+    if (awaitingPayment || checkErrorRef.current === null) return;
+    const shown = checkErrorRef.current;
+    checkErrorRef.current = null;
+    setErrorMsg((current) => current === shown ? null : current);
+  }, [awaitingPayment]);
   const approval = order?.pendingAction?.kind === "COSIGN_APPROVAL" ? order.pendingAction.actionId : null;
   useEffect(() => {
     if (!approval || promptedApproval.current === approval) return;
@@ -5123,8 +5130,11 @@ function RampWidget({ onClose }) {
     try {
       setOrder(await client.checkRampOrder(order.id));
     } catch (error) {
+      if (isPollarNetworkError(error)) return;
       setPaymentCheckUntil(null);
-      setErrorMsg(rampErrorMessage(error, "Could not check the payment. Please try again."));
+      const message = rampErrorMessage(error, "Could not check the payment. Please try again.");
+      checkErrorRef.current = message;
+      setErrorMsg(message);
     }
   }
   async function handleRetryOrder() {