@miden-npm/react 2.0.0 → 2.0.1

package/dist/index.cjs

@@ -124,6 +124,26 @@ var getQueryParams = (url) => {
   });
   return params;
 };
+function buildDeviceInformation(partial) {
+  const language = navigator.language || (navigator.languages?.[0] ?? "");
+  const tzOffsetMinutes = String((/* @__PURE__ */ new Date()).getTimezoneOffset());
+  return {
+    httpBrowserLanguage: language,
+    httpBrowserJavaEnabled: typeof navigator.javaEnabled === "function" ? navigator.javaEnabled() : false,
+    httpBrowserJavaScriptEnabled: true,
+    // if this code runs, JS is enabled
+    httpBrowserColorDepth: String(screen.colorDepth ?? ""),
+    httpBrowserScreenHeight: String(screen.height ?? ""),
+    httpBrowserScreenWidth: String(screen.width ?? ""),
+    httpBrowserTimeDifference: tzOffsetMinutes,
+    userAgentBrowserValue: navigator.userAgent ?? "",
+    deviceChannel: "BROWSER",
+    deviceIpAddress: "",
+    httpAcceptContent: language,
+    // browsers don't expose Accept header; use language as a proxy (or set app value)
+    ...partial
+  };
+}
 
 // src/utils/api.util.ts
 var getBaseUrl = (mode, caller) => {
@@ -447,10 +467,7 @@ async function createPaymentLink(paymentObject, environment, secretKey, caller)
   } catch (error) {
   }
 }
-async function authorizeCardPayment(environment, {
-  merchantId,
-  ...rest
-}, caller) {
+async function authorizeCardPayment(environment, { merchantId, ...rest }, caller) {
   try {
     const baseUrl = getBaseUrl(environment, caller);
     const apiKey = {
@@ -2564,19 +2581,40 @@ function PayByCard({
           phoneNumber: billingForm.phoneNumber ?? ""
         };
         const encryptedCardDetails = encryptPayload(secretKey, cardDetails);
-        const payload = {
-          customerId: paymentObject?.email || payForm.customerName || "",
-          amount: String(paymentObject?.amount ?? ""),
-          currency: paymentObject?.currency || "USD",
-          narration: paymentObject?.narration || "Test transaction",
-          encryptedCardDetails: encryptedCardDetails.requestParam,
-          billingDetails,
-          redirectUrl: paymentObject?.redirectUrl || "",
-          paymentReference: transactionReference,
-          isCheckout: true
-        };
-        const request = { ...payload, merchantId: secretKey };
+        let payload = null;
+        let payloadMiden = null;
+        if (caller === "buzapay") {
+          payload = {
+            customerId: paymentObject?.email || payForm.customerName || "",
+            amount: String(paymentObject?.amount ?? ""),
+            currency: paymentObject?.currency || "USD",
+            narration: paymentObject?.narration || "Test transaction",
+            encryptedCardDetails: encryptedCardDetails.requestParam,
+            billingDetails,
+            redirectUrl: paymentObject?.redirectUrl || "",
+            paymentReference: transactionReference,
+            isCheckout: true
+          };
+        } else {
+          const deviceInformation = buildDeviceInformation();
+          payloadMiden = {
+            customerId: paymentObject?.email || payForm.customerName || "",
+            amount: String(paymentObject?.amount ?? ""),
+            currency: paymentObject?.currency || "USD",
+            narration: paymentObject?.narration || "Test transaction",
+            encryptedCardDetails: encryptedCardDetails.requestParam,
+            billingDetails,
+            redirectUrl: paymentObject?.redirectUrl || "",
+            paymentReference: transactionReference,
+            isCheckout: true,
+            postBackUrl: "",
+            saveCard: false,
+            deviceInformation
+          };
+        }
+        const request = caller === "buzapay" ? { ...payload, merchantId: secretKey } : { ...payloadMiden, merchantId: secretKey };
         let response = await authorizeCardPayment(environment, request, caller);
+        debugger;
         if (response?.responseParam) {
           response = decryptPayload(environment, response.responseParam);
         }
@@ -2920,7 +2958,7 @@ function PayByCard({
               mask: "0000 0000 0000 0000",
               placeholder: "0000 0000 0000 0000",
               value: payForm.cardNo,
-              preventPaste: true,
+              preventPaste: false,
               onChange: (e) => {
                 setPayForm({ ...payForm, cardNo: e });
                 if (payErrors.cardNo)