@reevit/react 0.5.4 → 0.5.6

package/dist/index.d.mts

@@ -264,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;
@@ -697,6 +697,7 @@ declare class ReevitAPIClient {
     constructor(config: ReevitAPIClientConfig);
     /**
      * Makes an authenticated API request
+     * @param idempotencyKey Optional deterministic idempotency key for the request
      */
     private request;
     /**

package/dist/index.d.ts

@@ -264,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;
@@ -697,6 +697,7 @@ declare class ReevitAPIClient {
     constructor(config: ReevitAPIClientConfig);
     /**
      * Makes an authenticated API request
+     * @param idempotencyKey Optional deterministic idempotency key for the request
      */
     private request;
     /**

package/dist/index.js

@@ -152,6 +152,18 @@ function createPaymentError(response, errorData) {
     }
   };
 }
+function generateIdempotencyKey(params) {
+  const sortedKeys = Object.keys(params).sort();
+  const stableString = sortedKeys.map((key) => `${key}:${JSON.stringify(params[key])}`).join("|");
+  let hash = 5381;
+  for (let i = 0; i < stableString.length; i++) {
+    hash = (hash << 5) + hash + stableString.charCodeAt(i);
+    hash = hash & hash;
+  }
+  const hashHex = (hash >>> 0).toString(16);
+  const timeBucket = Math.floor(Date.now() / (5 * 60 * 1e3));
+  return `reevit_${timeBucket}_${hashHex}`;
+}
 var ReevitAPIClient = class {
   constructor(config) {
     this.publicKey = config.publicKey || "";
@@ -160,8 +172,9 @@ var ReevitAPIClient = class {
   }
   /**
    * Makes an authenticated API request
+   * @param idempotencyKey Optional deterministic idempotency key for the request
    */
-  async request(method, path, body) {
+  async request(method, path, body, idempotencyKey) {
     const controller = new AbortController();
     const timeoutId = setTimeout(() => controller.abort(), this.timeout);
     const headers = {
@@ -173,7 +186,7 @@ var ReevitAPIClient = class {
       headers["X-Reevit-Key"] = this.publicKey;
     }
     if (method === "POST" || method === "PATCH" || method === "PUT") {
-      headers["Idempotency-Key"] = `${Date.now()}-${Math.random().toString(36).substring(2, 15)}`;
+      headers["Idempotency-Key"] = idempotencyKey || (body ? generateIdempotencyKey(body) : `${Date.now()}-${Math.random().toString(36).substring(2, 15)}`);
     }
     try {
       const response = await fetch(`${this.baseUrl}${path}`, {
@@ -246,7 +259,16 @@ var ReevitAPIClient = class {
         allowed_providers: options?.allowedProviders
       };
     }
-    return this.request("POST", "/v1/payments/intents", request);
+    const idempotencyKey = generateIdempotencyKey({
+      amount: config.amount,
+      currency: config.currency,
+      customer: config.email || config.metadata?.customerId || "",
+      reference: config.reference || "",
+      method: method || "",
+      provider: options?.preferredProviders?.[0] || options?.allowedProviders?.[0] || "",
+      publicKey: this.publicKey
+    });
+    return this.request("POST", "/v1/payments/intents", request, idempotencyKey);
   }
   /**
    * Retrieves a payment intent by ID
@@ -488,13 +510,21 @@ function useReevit(options) {
         let data;
         let error;
         if (config.paymentLinkCode) {
+          const idempotencyKey = generateIdempotencyKey({
+            paymentLinkCode: config.paymentLinkCode,
+            amount: config.amount,
+            email: config.email || "",
+            phone: config.phone || "",
+            method: paymentMethod || "",
+            provider: options2?.preferredProvider || options2?.allowedProviders?.[0] || ""
+          });
           const response = await fetch(
             `${apiBaseUrl || DEFAULT_PUBLIC_API_BASE_URL}/v1/pay/${config.paymentLinkCode}/pay`,
             {
               method: "POST",
               headers: {
                 "Content-Type": "application/json",
-                "Idempotency-Key": `${Date.now()}-${Math.random().toString(36).substring(2, 15)}`
+                "Idempotency-Key": idempotencyKey
               },
               body: JSON.stringify({
                 amount: config.amount,
@@ -631,11 +661,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 {
@@ -2258,10 +2297,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 +2308,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 +2350,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]);