@reevit/react 0.2.7 → 0.2.9

package/dist/index.d.mts

@@ -23,6 +23,8 @@ interface ReevitCheckoutConfig {
     metadata?: Record<string, unknown>;
     /** Payment methods to display */
     paymentMethods?: PaymentMethod[];
+    /** Optional existing payment intent to use instead of creating a new one */
+    initialPaymentIntent?: PaymentIntent;
 }
 interface ReevitCheckoutCallbacks {
     /** Called when payment is successful */
@@ -39,6 +41,10 @@ interface ReevitCheckoutProps extends ReevitCheckoutConfig, ReevitCheckoutCallba
     children?: React.ReactNode;
     /** Whether to open automatically */
     autoOpen?: boolean;
+    /** Controlled open state */
+    isOpen?: boolean;
+    /** Callback for open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
     /** Custom theme */
     theme?: ReevitTheme;
     /** Custom API base URL (for testing or self-hosted deployments) */
@@ -132,7 +138,7 @@ interface ReevitContextValue {
     currency: string;
 }
 declare function useReevitContext(): ReevitContextValue;
-declare function ReevitCheckout({ publicKey, amount, currency, email, phone, reference, metadata, paymentMethods, onSuccess, onError, onClose, onStateChange, children, autoOpen, theme, apiBaseUrl, }: ReevitCheckoutProps): react_jsx_runtime.JSX.Element;
+declare function ReevitCheckout({ publicKey, amount, currency, email, phone, reference, metadata, paymentMethods, onSuccess, onError, onClose, onStateChange, children, autoOpen, isOpen: controlledIsOpen, onOpenChange, theme, apiBaseUrl, }: ReevitCheckoutProps): react_jsx_runtime.JSX.Element;
 
 interface PaymentMethodSelectorProps {
     methods: PaymentMethod[];

package/dist/index.d.ts

@@ -23,6 +23,8 @@ interface ReevitCheckoutConfig {
     metadata?: Record<string, unknown>;
     /** Payment methods to display */
     paymentMethods?: PaymentMethod[];
+    /** Optional existing payment intent to use instead of creating a new one */
+    initialPaymentIntent?: PaymentIntent;
 }
 interface ReevitCheckoutCallbacks {
     /** Called when payment is successful */
@@ -39,6 +41,10 @@ interface ReevitCheckoutProps extends ReevitCheckoutConfig, ReevitCheckoutCallba
     children?: React.ReactNode;
     /** Whether to open automatically */
     autoOpen?: boolean;
+    /** Controlled open state */
+    isOpen?: boolean;
+    /** Callback for open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
     /** Custom theme */
     theme?: ReevitTheme;
     /** Custom API base URL (for testing or self-hosted deployments) */
@@ -132,7 +138,7 @@ interface ReevitContextValue {
     currency: string;
 }
 declare function useReevitContext(): ReevitContextValue;
-declare function ReevitCheckout({ publicKey, amount, currency, email, phone, reference, metadata, paymentMethods, onSuccess, onError, onClose, onStateChange, children, autoOpen, theme, apiBaseUrl, }: ReevitCheckoutProps): react_jsx_runtime.JSX.Element;
+declare function ReevitCheckout({ publicKey, amount, currency, email, phone, reference, metadata, paymentMethods, onSuccess, onError, onClose, onStateChange, children, autoOpen, isOpen: controlledIsOpen, onOpenChange, theme, apiBaseUrl, }: ReevitCheckoutProps): react_jsx_runtime.JSX.Element;
 
 interface PaymentMethodSelectorProps {
     methods: PaymentMethod[];

package/dist/index.js

@@ -279,8 +279,19 @@ function mapToPaymentIntent(response, config) {
 }
 function useReevit(options) {
   const { config, onSuccess, onError, onClose, onStateChange, apiBaseUrl } = options;
-  const [state, dispatch] = react.useReducer(reevitReducer, initialState);
+  const [state, dispatch] = react.useReducer(reevitReducer, {
+    ...initialState,
+    status: config.initialPaymentIntent ? "ready" : "idle",
+    paymentIntent: config.initialPaymentIntent || null
+  });
   const apiClientRef = react.useRef(null);
+  const initializingRef = react.useRef(!!config.initialPaymentIntent);
+  react.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,
@@ -292,10 +303,15 @@ function useReevit(options) {
   }, [state.status, onStateChange]);
   const initialize = react.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();
@@ -319,6 +335,7 @@ function useReevit(options) {
           };
           dispatch({ type: "INIT_ERROR", payload: noDataError });
           onError?.(noDataError);
+          initializingRef.current = false;
           return;
         }
         const paymentIntent = mapToPaymentIntent(data, { ...config, reference });
@@ -332,6 +349,7 @@ function useReevit(options) {
         };
         dispatch({ type: "INIT_ERROR", payload: error });
         onError?.(error);
+        initializingRef.current = false;
       }
     },
     [config, onError, apiBaseUrl]
@@ -396,6 +414,7 @@ function useReevit(options) {
     [onError]
   );
   const reset = react.useCallback(() => {
+    initializingRef.current = false;
     dispatch({ type: "RESET" });
   }, []);
   const close = react.useCallback(async () => {
@@ -760,10 +779,23 @@ function ReevitCheckout({
   // UI
   children,
   autoOpen = false,
+  isOpen: controlledIsOpen,
+  onOpenChange,
   theme,
   apiBaseUrl
 }) {
-  const [isOpen, setIsOpen] = react.useState(autoOpen);
+  const [internalIsOpen, setInternalIsOpen] = react.useState(autoOpen);
+  const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
+  const setIsOpen = react.useCallback(
+    (value) => {
+      if (onOpenChange) {
+        onOpenChange(value);
+      } else {
+        setInternalIsOpen(value);
+      }
+    },
+    [onOpenChange]
+  );
   const [showPSPBridge, setShowPSPBridge] = react.useState(false);
   const [momoData, setMomoData] = react.useState(null);
   const {
@@ -801,16 +833,17 @@ function ReevitCheckout({
     }
   }, [isOpen, status, initialize]);
   const handleOpen = react.useCallback(() => {
+    if (controlledIsOpen !== void 0) return;
     setIsOpen(true);
     setShowPSPBridge(false);
     setMomoData(null);
-  }, []);
+  }, [controlledIsOpen, setIsOpen]);
   const handleClose = react.useCallback(() => {
     closeCheckout();
     setIsOpen(false);
     setShowPSPBridge(false);
     setMomoData(null);
-  }, [closeCheckout]);
+  }, [closeCheckout, setIsOpen]);
   const handleMethodSelect = react.useCallback(
     (method) => {
       selectMethod(method);