@reevit/react 0.2.8 → 0.2.9

package/dist/index.mjs

@@ -277,9 +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(false);
+  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,
@@ -767,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 {
@@ -808,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);