@volr/react-ui 0.1.134 → 0.1.135

package/dist/index.cjs

@@ -6026,6 +6026,15 @@ function usePaymentModalState(open, onOpenChange) {
       });
       createdPaymentId = payment.id;
       dispatch({ type: "SET_CREATED_PAYMENT", payment });
+      if (payment.status !== "PENDING") {
+        const alreadyProcessedError = new Error(
+          payment.status === "CONFIRMED" ? "This payment has already been completed. If you used an idempotencyKey, the original payment was already processed." : `Payment already processed with status: ${payment.status}. If you used an idempotencyKey, the original payment was already processed.`
+        );
+        alreadyProcessedError.code = "PAYMENT_ALREADY_PROCESSED";
+        alreadyProcessedError.paymentStatus = payment.status;
+        alreadyProcessedError.payment = payment;
+        throw alreadyProcessedError;
+      }
       paymentOptions.options.handlers?.onCreated?.({ id: payment.id });
       const evmClient = evm.client(tokenInfo.chainId);
       dispatch({ type: "SET_PROCESSING_STEP", step: "broadcasting" });
@@ -6071,13 +6080,28 @@ function usePaymentModalState(open, onOpenChange) {
       }
     } catch (err) {
       console.error("Payment failed:", err);
-      if (createdPaymentId) {
+      const isAlreadyProcessed = err.code === "PAYMENT_ALREADY_PROCESSED";
+      if (createdPaymentId && !isAlreadyProcessed) {
         try {
           await failPendingPayment(createdPaymentId);
         } catch (failErr) {
           console.error("Failed to mark payment as failed:", failErr);
         }
       }
+      if (isAlreadyProcessed && err.payment) {
+        dispatch({ type: "PAYMENT_SUCCESS", payment: err.payment });
+        if (err.payment.status === "CONFIRMED") {
+          paymentOptions?.onComplete?.(err.payment);
+        } else {
+          const paymentError2 = {
+            code: err.code || "PAYMENT_ALREADY_PROCESSED",
+            message: err.message || "Payment already processed."
+          };
+          dispatch({ type: "PAYMENT_ERROR", error: paymentError2 });
+          paymentOptions?.onError?.(paymentError2);
+        }
+        return;
+      }
       const paymentError = {
         code: err.code || "PAYMENT_FAILED",
         message: err.message || "Payment failed. Please try again."