@reevit/react 0.2.7 → 0.2.9

package/dist/index.mjs

@@ -277,8 +277,19 @@ function mapToPaymentIntent(response, config) {
 }
 function useReevit(options) {
   const { config, onSuccess, onError, onClose, onStateChange, apiBaseUrl } = options;
-  const [state, dispatch] = useReducer(reevitReducer, initialState);
+  const [state, dispatch] = useReducer(reevitReducer, {
+    ...initialState,
+    status: config.initialPaymentIntent ? "ready" : "idle",
+    paymentIntent: config.initialPaymentIntent || null
+  });
   const apiClientRef = useRef(null);
+  const initializingRef = useRef(!!config.initialPaymentIntent);
+  useEffect(() => {
+    if (config.initialPaymentIntent && (!state.paymentIntent || state.paymentIntent.id !== config.initialPaymentIntent.id)) {
+      dispatch({ type: "INIT_SUCCESS", payload: config.initialPaymentIntent });
+      initializingRef.current = true;
+    }
+  }, [config.initialPaymentIntent, state.paymentIntent?.id]);
   if (!apiClientRef.current) {
     apiClientRef.current = new ReevitAPIClient({
       publicKey: config.publicKey,
@@ -290,10 +301,15 @@ function useReevit(options) {
   }, [state.status, onStateChange]);
   const initialize = useCallback(
     async (method) => {
+      if (initializingRef.current) {
+        return;
+      }
+      initializingRef.current = true;
       dispatch({ type: "INIT_START" });
       try {
         const apiClient = apiClientRef.current;
         if (!apiClient) {
+          initializingRef.current = false;
           throw new Error("API client not initialized");
         }
         const reference = config.reference || generateReference();
@@ -317,6 +333,7 @@ function useReevit(options) {
           };
           dispatch({ type: "INIT_ERROR", payload: noDataError });
           onError?.(noDataError);
+          initializingRef.current = false;
           return;
         }
         const paymentIntent = mapToPaymentIntent(data, { ...config, reference });
@@ -330,6 +347,7 @@ function useReevit(options) {
         };
         dispatch({ type: "INIT_ERROR", payload: error });
         onError?.(error);
+        initializingRef.current = false;
       }
     },
     [config, onError, apiBaseUrl]
@@ -394,6 +412,7 @@ function useReevit(options) {
     [onError]
   );
   const reset = useCallback(() => {
+    initializingRef.current = false;
     dispatch({ type: "RESET" });
   }, []);
   const close = useCallback(async () => {
@@ -758,10 +777,23 @@ function ReevitCheckout({
   // UI
   children,
   autoOpen = false,
+  isOpen: controlledIsOpen,
+  onOpenChange,
   theme,
   apiBaseUrl
 }) {
-  const [isOpen, setIsOpen] = useState(autoOpen);
+  const [internalIsOpen, setInternalIsOpen] = useState(autoOpen);
+  const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
+  const setIsOpen = useCallback(
+    (value) => {
+      if (onOpenChange) {
+        onOpenChange(value);
+      } else {
+        setInternalIsOpen(value);
+      }
+    },
+    [onOpenChange]
+  );
   const [showPSPBridge, setShowPSPBridge] = useState(false);
   const [momoData, setMomoData] = useState(null);
   const {
@@ -799,16 +831,17 @@ function ReevitCheckout({
     }
   }, [isOpen, status, initialize]);
   const handleOpen = useCallback(() => {
+    if (controlledIsOpen !== void 0) return;
     setIsOpen(true);
     setShowPSPBridge(false);
     setMomoData(null);
-  }, []);
+  }, [controlledIsOpen, setIsOpen]);
   const handleClose = useCallback(() => {
     closeCheckout();
     setIsOpen(false);
     setShowPSPBridge(false);
     setMomoData(null);
-  }, [closeCheckout]);
+  }, [closeCheckout, setIsOpen]);
   const handleMethodSelect = useCallback(
     (method) => {
       selectMethod(method);