@reevit/react 0.4.3 → 0.4.5

package/dist/index.mjs

@@ -132,8 +132,8 @@ function createPaymentError(response, errorData) {
 }
 var ReevitAPIClient = class {
   constructor(config) {
-    this.publicKey = config.publicKey;
-    this.baseUrl = config.baseUrl || (isSandboxKey(config.publicKey) ? API_BASE_URL_SANDBOX : API_BASE_URL_PRODUCTION);
+    this.publicKey = config.publicKey || "";
+    this.baseUrl = config.baseUrl || (config.publicKey && isSandboxKey(config.publicKey) ? API_BASE_URL_SANDBOX : API_BASE_URL_PRODUCTION);
     this.timeout = config.timeout || DEFAULT_TIMEOUT;
   }
   /**
@@ -144,10 +144,12 @@ var ReevitAPIClient = class {
     const timeoutId = setTimeout(() => controller.abort(), this.timeout);
     const headers = {
       "Content-Type": "application/json",
-      "X-Reevit-Key": this.publicKey,
       "X-Reevit-Client": "@reevit/react",
       "X-Reevit-Client-Version": "0.3.2"
     };
+    if (this.publicKey) {
+      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)}`;
     }
@@ -208,12 +210,14 @@ var ReevitAPIClient = class {
     const request = {
       amount: config.amount,
       currency: config.currency,
-      method: this.mapPaymentMethod(method),
       country,
       customer_id: config.email || config.metadata?.customerId,
       phone: config.phone,
       metadata
     };
+    if (method) {
+      request.method = this.mapPaymentMethod(method);
+    }
     if (options?.preferredProviders?.length || options?.allowedProviders?.length) {
       request.policy = {
         prefer: options?.preferredProviders,
@@ -254,8 +258,9 @@ var ReevitAPIClient = class {
    * @param paymentId - The payment intent ID for Hubtel checkout
    * @returns Hubtel session with token, merchant account, and expiry information
    */
-  async createHubtelSession(paymentId) {
-    return this.request("POST", `/v1/payments/hubtel/sessions/${paymentId}`);
+  async createHubtelSession(paymentId, clientSecret) {
+    const query = clientSecret ? `?client_secret=${encodeURIComponent(clientSecret)}` : "";
+    return this.request("POST", `/v1/payments/hubtel/sessions/${paymentId}${query}`);
   }
   /**
    * Maps SDK payment method to backend format
@@ -285,6 +290,18 @@ var initialState = {
   error: null,
   result: null
 };
+var DEFAULT_PUBLIC_API_BASE_URL = "https://api.reevit.io";
+function buildPaymentLinkError(response, data) {
+  return {
+    code: data?.code || "payment_link_error",
+    message: data?.message || "Payment link request failed",
+    recoverable: true,
+    details: {
+      httpStatus: response.status,
+      ...data?.details || {}
+    }
+  };
+}
 function reevitReducer(state, action) {
   switch (action.type) {
     case "INIT_START":
@@ -407,16 +424,50 @@ function useReevit(options) {
         }
         const reference = config.reference || generateReference();
         const country = detectCountryFromCurrency(config.currency);
-        const paymentMethod = method || config.paymentMethods?.[0] || "card";
-        const { data, error } = await apiClient.createPaymentIntent(
-          { ...config, reference },
-          paymentMethod,
-          country,
-          {
-            preferredProviders: options2?.preferredProvider ? [options2.preferredProvider] : void 0,
-            allowedProviders: options2?.allowedProviders
+        const defaultMethod = config.paymentMethods && config.paymentMethods.length === 1 ? config.paymentMethods[0] : void 0;
+        const paymentMethod = method ?? defaultMethod;
+        let data;
+        let error;
+        if (config.paymentLinkCode) {
+          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)}`
+              },
+              body: JSON.stringify({
+                amount: config.amount,
+                email: config.email || "",
+                name: config.customerName || "",
+                phone: config.phone || "",
+                method: paymentMethod,
+                country,
+                provider: options2?.preferredProvider || options2?.allowedProviders?.[0],
+                custom_fields: config.customFields
+              })
+            }
+          );
+          const responseData = await response.json().catch(() => ({}));
+          if (!response.ok) {
+            error = buildPaymentLinkError(response, responseData);
+          } else {
+            data = responseData;
           }
-        );
+        } else {
+          const result = await apiClient.createPaymentIntent(
+            { ...config, reference },
+            paymentMethod,
+            country,
+            {
+              preferredProviders: options2?.preferredProvider ? [options2.preferredProvider] : void 0,
+              allowedProviders: options2?.allowedProviders
+            }
+          );
+          data = result.data;
+          error = result.error;
+        }
         if (error) {
           dispatch({ type: "INIT_ERROR", payload: error });
           onError?.(error);
@@ -1036,6 +1087,8 @@ function HubtelBridge({
   phone,
   description = "Payment",
   callbackUrl,
+  apiBaseUrl,
+  clientSecret,
   hubtelSessionToken,
   basicAuth,
   preferredMethod,
@@ -1048,13 +1101,17 @@ function HubtelBridge({
   const checkoutRef = useRef(null);
   const [authValue, setAuthValue] = useState("");
   const [isLoading, setIsLoading] = useState(false);
+  const [resolvedMerchantAccount, setResolvedMerchantAccount] = useState(merchantAccount);
+  useEffect(() => {
+    setResolvedMerchantAccount(merchantAccount);
+  }, [merchantAccount]);
   useEffect(() => {
     const fetchAuth = async () => {
       if (hubtelSessionToken) {
         setIsLoading(true);
         try {
-          const client = createReevitClient({ publicKey });
-          const { data, error } = await client.createHubtelSession(paymentId);
+          const client = createReevitClient({ publicKey, baseUrl: apiBaseUrl });
+          const { data, error } = await client.createHubtelSession(paymentId, clientSecret);
           if (error) {
             onError({
               code: "SESSION_ERROR",
@@ -1065,6 +1122,9 @@ function HubtelBridge({
           }
           if (data) {
             setAuthValue(data.token);
+            if (data.merchantAccount) {
+              setResolvedMerchantAccount(data.merchantAccount);
+            }
           }
         } catch (err) {
           onError({
@@ -1081,7 +1141,7 @@ function HubtelBridge({
       }
     };
     fetchAuth();
-  }, [paymentId, publicKey, hubtelSessionToken, basicAuth, onError]);
+  }, [paymentId, publicKey, apiBaseUrl, clientSecret, hubtelSessionToken, basicAuth, onError]);
   const startPayment = useCallback(async () => {
     if (isLoading || !authValue) {
       return;
@@ -1101,7 +1161,7 @@ function HubtelBridge({
       const config = {
         branding: "enabled",
         callbackUrl: callbackUrl || window.location.href,
-        merchantAccount: typeof merchantAccount === "string" ? parseInt(merchantAccount, 10) : merchantAccount,
+        merchantAccount: typeof resolvedMerchantAccount === "string" ? parseInt(resolvedMerchantAccount, 10) : resolvedMerchantAccount,
         // Use session token or basicAuth for authentication
         // Session tokens are base64-encoded credentials fetched securely from the server
         basicAuth: authValue || "",
@@ -1884,8 +1944,11 @@ function ReevitCheckout({
   currency,
   email = "",
   phone = "",
+  customerName,
   reference,
   metadata,
+  customFields,
+  paymentLinkCode,
   paymentMethods = ["card", "mobile_money"],
   initialPaymentIntent,
   // Callbacks
@@ -1936,8 +1999,11 @@ function ReevitCheckout({
       currency,
       email,
       phone,
+      customerName,
       reference,
       metadata,
+      customFields,
+      paymentLinkCode,
       paymentMethods,
       initialPaymentIntent
     },
@@ -2145,7 +2211,7 @@ function ReevitCheckout({
     const psp = selectedProvider || paymentIntent?.recommendedPsp || "paystack";
     const pspLower = psp.toLowerCase();
     if (showPSPBridge) {
-      const pspKey = paymentIntent?.pspPublicKey || publicKey;
+      const pspKey = paymentIntent?.pspPublicKey || publicKey || "";
       const bridgeMetadata = {
         ...metadata,
         payment_id: paymentIntent?.id,
@@ -2185,6 +2251,8 @@ function ReevitCheckout({
               phone: momoData?.phone || phone,
               description: `Payment ${paymentIntent?.reference || reference || ""}`,
               hubtelSessionToken: paymentIntent?.id ? paymentIntent.id : void 0,
+              clientSecret: paymentIntent?.clientSecret,
+              apiBaseUrl,
               preferredMethod: selectedMethod || void 0,
               onSuccess: handlePSPSuccess,
               onError: (err) => handlePSPError(err),
@@ -2235,7 +2303,7 @@ function ReevitCheckout({
               currency: paymentIntent?.currency ?? currency,
               reference: paymentIntent?.reference || reference || `mpesa_${Date.now()}`,
               description: `Payment ${paymentIntent?.reference || reference || ""}`,
-              headers: { "x-reevit-public-key": publicKey },
+              headers: { "x-reevit-public-key": publicKey || "" },
               onSuccess: handlePSPSuccess,
               onError: handlePSPError
             }
@@ -2328,7 +2396,7 @@ function ReevitCheckout({
       ] }) })
     ] });
   };
-  return /* @__PURE__ */ jsxs(ReevitContext.Provider, { value: { publicKey, amount, currency }, children: [
+  return /* @__PURE__ */ jsxs(ReevitContext.Provider, { value: { publicKey: publicKey || "", amount, currency }, children: [
     trigger,
     isOpen && /* @__PURE__ */ jsx("div", { className: "reevit-overlay", onClick: handleClose, children: /* @__PURE__ */ jsxs(
       "div",