@reevit/react 0.5.4 → 0.5.5

package/dist/index.mjs

@@ -625,11 +625,20 @@ function useReevit(options) {
     },
     [onError]
   );
-  const reset = useCallback(() => {
+  const reset = 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 = useCallback(async () => {
     if (state.paymentIntent && state.status !== "success") {
       try {
@@ -2252,10 +2261,10 @@ function ReevitCheckout({
     [selectMethod]
   );
   const handleProviderSelect = useCallback(
-    (provider) => {
+    async (provider) => {
       if (provider === selectedProvider) {
         setSelectedProvider(null);
-        reset();
+        await reset();
         setShowPSPBridge(false);
         setMomoData(null);
         return;
@@ -2263,7 +2272,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] });
@@ -2305,8 +2314,8 @@ function ReevitCheckout({
   const handlePSPClose = useCallback(() => {
     setShowPSPBridge(false);
   }, []);
-  const handleBack = useCallback(() => {
-    reset();
+  const handleBack = useCallback(async () => {
+    await reset();
     setMomoData(null);
     setShowPSPBridge(false);
   }, [reset]);