@reevit/react 0.5.4 → 0.5.5

package/dist/index.d.mts

@@ -264,7 +264,7 @@ declare function useReevit(options: UseReevitOptions): {
     processPayment: (paymentData: Record<string, unknown>) => Promise<void>;
     handlePspSuccess: (pspData: Record<string, unknown>) => Promise<void>;
     handlePspError: (error: PaymentError) => void;
-    reset: () => void;
+    reset: () => Promise<void>;
     close: () => Promise<void>;
     isLoading: boolean;
     isReady: boolean;

package/dist/index.d.ts

@@ -264,7 +264,7 @@ declare function useReevit(options: UseReevitOptions): {
     processPayment: (paymentData: Record<string, unknown>) => Promise<void>;
     handlePspSuccess: (pspData: Record<string, unknown>) => Promise<void>;
     handlePspError: (error: PaymentError) => void;
-    reset: () => void;
+    reset: () => Promise<void>;
     close: () => Promise<void>;
     isLoading: boolean;
     isReady: boolean;

package/dist/index.js

@@ -631,11 +631,20 @@ function useReevit(options) {
     },
     [onError]
   );
-  const reset = react.useCallback(() => {
+  const reset = react.useCallback(async () => {
+    if (state.paymentIntent && state.status !== "success") {
+      try {
+        const apiClient = apiClientRef.current;
+        if (apiClient) {
+          await apiClient.cancelPaymentIntent(state.paymentIntent.id);
+        }
+      } catch {
+      }
+    }
     initializingRef.current = false;
     initRequestIdRef.current += 1;
     dispatch({ type: "RESET" });
-  }, []);
+  }, [state.paymentIntent, state.status]);
   const close = react.useCallback(async () => {
     if (state.paymentIntent && state.status !== "success") {
       try {
@@ -2258,10 +2267,10 @@ function ReevitCheckout({
     [selectMethod]
   );
   const handleProviderSelect = react.useCallback(
-    (provider) => {
+    async (provider) => {
       if (provider === selectedProvider) {
         setSelectedProvider(null);
-        reset();
+        await reset();
         setShowPSPBridge(false);
         setMomoData(null);
         return;
@@ -2269,7 +2278,7 @@ function ReevitCheckout({
       const providerMethods = providerOptions.find((option) => option.provider === provider)?.methods || paymentMethods;
       const methodForInit = selectedMethod && providerMethods.includes(selectedMethod) ? selectedMethod : providerMethods[0] || paymentMethods[0];
       setSelectedProvider(provider);
-      reset();
+      await reset();
       setShowPSPBridge(false);
       setMomoData(null);
       initialize(methodForInit, { preferredProvider: provider, allowedProviders: [provider] });
@@ -2311,8 +2320,8 @@ function ReevitCheckout({
   const handlePSPClose = react.useCallback(() => {
     setShowPSPBridge(false);
   }, []);
-  const handleBack = react.useCallback(() => {
-    reset();
+  const handleBack = react.useCallback(async () => {
+    await reset();
     setMomoData(null);
     setShowPSPBridge(false);
   }, [reset]);