@reevit/react 0.5.3 → 0.5.5

package/dist/index.d.mts

@@ -179,6 +179,8 @@ interface PaymentIntent {
     availableMethods: PaymentMethod[];
     /** Reference provided or generated */
     reference?: string;
+    /** Organization ID (from Reevit backend, required for webhook routing) */
+    orgId?: string;
     /** Connection ID (from Reevit backend) */
     connectionId?: string;
     /** Provider name (from backend) */
@@ -262,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;
@@ -612,6 +614,7 @@ declare function useMPesaStatusPolling(statusEndpoint: string, checkoutRequestId
 
 interface PaymentIntentResponse {
     id: string;
+    org_id?: string;
     connection_id: string;
     provider: string;
     status: string;

package/dist/index.d.ts

@@ -179,6 +179,8 @@ interface PaymentIntent {
     availableMethods: PaymentMethod[];
     /** Reference provided or generated */
     reference?: string;
+    /** Organization ID (from Reevit backend, required for webhook routing) */
+    orgId?: string;
     /** Connection ID (from Reevit backend) */
     connectionId?: string;
     /** Provider name (from backend) */
@@ -262,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;
@@ -612,6 +614,7 @@ declare function useMPesaStatusPolling(statusEndpoint: string, checkoutRequestId
 
 interface PaymentIntentResponse {
     id: string;
+    org_id?: string;
     connection_id: string;
     provider: string;
     status: string;

package/dist/index.js

@@ -338,7 +338,7 @@ function reevitReducer(state, action) {
     case "INIT_ERROR":
       return { ...state, status: "failed", error: action.payload };
     case "SELECT_METHOD":
-      return { ...state, status: "method_selected", selectedMethod: action.payload, error: null };
+      return { ...state, status: "method_selected", selectedMethod: action.payload };
     case "PROCESS_START":
       return { ...state, status: "processing", error: null };
     case "PROCESS_SUCCESS":
@@ -429,6 +429,7 @@ function mapToPaymentIntent(response, config) {
     availableMethods: config.paymentMethods || ["card", "mobile_money"],
     reference: response.reference || response.id,
     // Use backend reference or fallback to ID
+    orgId: response.org_id,
     connectionId: response.connection_id,
     provider: response.provider,
     feeAmount: response.fee_amount,
@@ -630,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 {
@@ -1134,7 +1144,6 @@ function PaystackBridge({
       if (!window.PaystackPop) {
         throw new Error("Paystack script loaded but PaystackPop not available");
       }
-      const safeMetadata = accessCode ? void 0 : metadata;
       const setupConfig = {
         key: publicKey,
         email,
@@ -1143,7 +1152,7 @@ function PaystackBridge({
         currency,
         ref: reference,
         access_code: accessCode,
-        metadata: safeMetadata,
+        metadata,
         channels,
         callback: (response) => {
           console.log("[PaystackBridge] Callback received", response);
@@ -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]);
@@ -2401,6 +2410,7 @@ function ReevitCheckout({
       const pspKey = paymentIntent?.pspPublicKey || publicKey || "";
       const bridgeMetadata = {
         ...metadata,
+        org_id: paymentIntent?.orgId ?? metadata?.org_id,
         payment_id: paymentIntent?.id,
         connection_id: paymentIntent?.connectionId ?? metadata?.connection_id,
         customer_phone: momoData?.phone || phone