@reevit/react 0.4.4 → 0.4.6

package/dist/index.d.mts

@@ -308,9 +308,9 @@ interface HubtelBridgeProps {
     callbackUrl?: string;
     apiBaseUrl?: string;
     clientSecret?: string;
-    /** Session token from server (recommended - credentials never exposed to client) */
+    /** Session token from server (triggers session fetch) */
     hubtelSessionToken?: string;
-    /** Basic auth credential (legacy - credentials exposed to client, deprecated) */
+    /** Base64 basic auth credential (legacy - credentials exposed) */
     basicAuth?: string;
     preferredMethod?: PaymentMethod;
     onSuccess: (result: PaymentResult) => void;
@@ -318,7 +318,7 @@ interface HubtelBridgeProps {
     onClose: () => void;
     autoStart?: boolean;
 }
-declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, reference, phone, description, callbackUrl, apiBaseUrl, clientSecret, hubtelSessionToken, basicAuth, preferredMethod, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
+declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, currency, reference, email, phone, description, callbackUrl, apiBaseUrl, clientSecret, hubtelSessionToken, basicAuth, preferredMethod, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
 /**
  * Opens Hubtel checkout modal directly
  * Uses the @hubteljs/checkout npm package
@@ -616,6 +616,8 @@ interface HubtelSessionResponse {
     token: string;
     /** Hubtel merchant account number */
     merchantAccount: string;
+    /** Base64 basic auth for Hubtel checkout (exposes credentials) */
+    basicAuth?: string;
     /** Token expiry time in seconds */
     expiresInSeconds: number;
     /** Unix timestamp when the token expires */
@@ -668,7 +670,7 @@ declare class ReevitAPIClient {
     /**
      * Creates a payment intent
      */
-    createPaymentIntent(config: ReevitCheckoutConfig, method: PaymentMethod, country?: string, options?: {
+    createPaymentIntent(config: ReevitCheckoutConfig, method?: PaymentMethod, country?: string, options?: {
         preferredProviders?: string[];
         allowedProviders?: string[];
     }): Promise<{

package/dist/index.d.ts

@@ -308,9 +308,9 @@ interface HubtelBridgeProps {
     callbackUrl?: string;
     apiBaseUrl?: string;
     clientSecret?: string;
-    /** Session token from server (recommended - credentials never exposed to client) */
+    /** Session token from server (triggers session fetch) */
     hubtelSessionToken?: string;
-    /** Basic auth credential (legacy - credentials exposed to client, deprecated) */
+    /** Base64 basic auth credential (legacy - credentials exposed) */
     basicAuth?: string;
     preferredMethod?: PaymentMethod;
     onSuccess: (result: PaymentResult) => void;
@@ -318,7 +318,7 @@ interface HubtelBridgeProps {
     onClose: () => void;
     autoStart?: boolean;
 }
-declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, reference, phone, description, callbackUrl, apiBaseUrl, clientSecret, hubtelSessionToken, basicAuth, preferredMethod, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
+declare function HubtelBridge({ paymentId, publicKey, merchantAccount, amount, currency, reference, email, phone, description, callbackUrl, apiBaseUrl, clientSecret, hubtelSessionToken, basicAuth, preferredMethod, onSuccess, onError, onClose, autoStart, }: HubtelBridgeProps): react_jsx_runtime.JSX.Element;
 /**
  * Opens Hubtel checkout modal directly
  * Uses the @hubteljs/checkout npm package
@@ -616,6 +616,8 @@ interface HubtelSessionResponse {
     token: string;
     /** Hubtel merchant account number */
     merchantAccount: string;
+    /** Base64 basic auth for Hubtel checkout (exposes credentials) */
+    basicAuth?: string;
     /** Token expiry time in seconds */
     expiresInSeconds: number;
     /** Unix timestamp when the token expires */
@@ -668,7 +670,7 @@ declare class ReevitAPIClient {
     /**
      * Creates a payment intent
      */
-    createPaymentIntent(config: ReevitCheckoutConfig, method: PaymentMethod, country?: string, options?: {
+    createPaymentIntent(config: ReevitCheckoutConfig, method?: PaymentMethod, country?: string, options?: {
         preferredProviders?: string[];
         allowedProviders?: string[];
     }): Promise<{

package/dist/index.js

@@ -216,12 +216,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,
@@ -428,7 +430,8 @@ function useReevit(options) {
         }
         const reference = config.reference || generateReference();
         const country = detectCountryFromCurrency(config.currency);
-        const paymentMethod = method || config.paymentMethods?.[0] || "card";
+        const defaultMethod = config.paymentMethods && config.paymentMethods.length === 1 ? config.paymentMethods[0] : void 0;
+        const paymentMethod = method ?? defaultMethod;
         let data;
         let error;
         if (config.paymentLinkCode) {
@@ -1086,7 +1089,9 @@ function HubtelBridge({
   publicKey,
   merchantAccount,
   amount,
+  currency,
   reference,
+  email,
   phone,
   description = "Payment",
   callbackUrl,
@@ -1101,7 +1106,6 @@ function HubtelBridge({
   autoStart = true
 }) {
   const initialized = react.useRef(false);
-  const checkoutRef = react.useRef(null);
   const [authValue, setAuthValue] = react.useState("");
   const [isLoading, setIsLoading] = react.useState(false);
   const [resolvedMerchantAccount, setResolvedMerchantAccount] = react.useState(merchantAccount);
@@ -1115,19 +1119,17 @@ function HubtelBridge({
         try {
           const client = createReevitClient({ publicKey, baseUrl: apiBaseUrl });
           const { data, error } = await client.createHubtelSession(paymentId, clientSecret);
-          if (error) {
+          if (error || !data?.basicAuth) {
             onError({
               code: "SESSION_ERROR",
-              message: error.message || "Failed to create Hubtel session",
+              message: error?.message || "Failed to create Hubtel session",
               recoverable: true
             });
             return;
           }
-          if (data) {
-            setAuthValue(data.token);
-            if (data.merchantAccount) {
-              setResolvedMerchantAccount(data.merchantAccount);
-            }
+          setAuthValue(data.basicAuth);
+          if (data.merchantAccount) {
+            setResolvedMerchantAccount(data.merchantAccount);
           }
         } catch (err) {
           onError({
@@ -1151,13 +1153,13 @@ function HubtelBridge({
     }
     try {
       const checkout = new CheckoutSdk__default.default();
-      checkoutRef.current = checkout;
       const methodPreference = preferredMethod === "mobile_money" ? "momo" : preferredMethod === "card" ? "card" : void 0;
       const purchaseInfo = {
         amount: amount / 100,
         // Convert from minor to major units
         purchaseDescription: description,
         customerPhoneNumber: phone || "",
+        ...email ? { customerEmail: email } : {},
         clientReference: reference || `hubtel_${Date.now()}`,
         ...methodPreference ? { paymentMethod: methodPreference } : {}
       };
@@ -1165,8 +1167,6 @@ function HubtelBridge({
         branding: "enabled",
         callbackUrl: callbackUrl || window.location.href,
         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 || "",
         ...methodPreference ? { paymentMethod: methodPreference } : {}
       };
@@ -1180,8 +1180,8 @@ function HubtelBridge({
               paymentId: data.transactionId || reference || "",
               reference: data.clientReference || reference || "",
               amount,
-              currency: "GHS",
-              paymentMethod: "mobile_money",
+              currency: currency || "GHS",
+              paymentMethod: preferredMethod || "mobile_money",
               psp: "hubtel",
               pspReference: data.transactionId || "",
               status: "success"
@@ -1212,7 +1212,21 @@ function HubtelBridge({
       };
       onError(error);
     }
-  }, [merchantAccount, amount, reference, phone, description, callbackUrl, authValue, isLoading, preferredMethod, onSuccess, onError, onClose]);
+  }, [
+    amount,
+    reference,
+    phone,
+    description,
+    callbackUrl,
+    authValue,
+    isLoading,
+    preferredMethod,
+    onSuccess,
+    onError,
+    onClose,
+    resolvedMerchantAccount,
+    currency
+  ]);
   react.useEffect(() => {
     if (autoStart && !initialized.current && !isLoading && authValue) {
       initialized.current = true;
@@ -2246,7 +2260,7 @@ function ReevitCheckout({
             {
               paymentId: paymentIntent?.id || "",
               publicKey,
-              merchantAccount: pspKey,
+              merchantAccount: paymentIntent?.pspCredentials?.merchantAccount || "",
               amount: paymentIntent?.amount ?? amount,
               currency: paymentIntent?.currency ?? currency,
               reference: paymentIntent?.reference || reference,