@ga-components/logger 2.0.25 → 2.0.27

package/dist/index.mjs

@@ -185,6 +185,62 @@ var parseQueryParams = (url) => {
     return null;
   }
 };
+var ALWAYS_LOG_ENDPOINTS = [
+  { method: "POST", pattern: "/mytrip/seat/payment" },
+  { method: "POST", pattern: "/seat/remove/{bookingCode}" },
+  { method: "POST", pattern: "/seat/map/store/{bookingCode}" },
+  { method: "GET", pattern: "/seat/summary/{bookingCode}" },
+  { method: "POST", pattern: "/mytrip/baggage/save/{bookingCode}" },
+  { method: "POST", pattern: "/mytrip/baggage-wtp/save/{bookingCode}" },
+  { method: "GET", pattern: "/mytrip/baggage/list/{trx}" },
+  { method: "GET", pattern: "/mytrip/baggage/list/{trx}" },
+  { method: "POST", pattern: "/reschedule/list" },
+  { method: "POST", pattern: "/reschedule/confirmation/{bookingCode}" },
+  { method: "POST", pattern: "/reschedule/cancel" },
+  { method: "GET", pattern: "/reschedule/resend-otp/{bookingCode}" },
+  { method: "GET", pattern: "/reschedule/generate-otp/{bookingCode}" },
+  { method: "POST", pattern: "/refund/upload-file" },
+  { method: "POST", pattern: "/refund/submit-voluntary" },
+  { method: "POST", pattern: "/refund/reupload-file" },
+  { method: "POST", pattern: "/refund/price-different/confirmation" },
+  { method: "POST", pattern: "/refund/list" },
+  { method: "POST", pattern: "/refund/list-chatbot" },
+  { method: "POST", pattern: "/refund/detail" },
+  { method: "POST", pattern: "/refund/confirmation" },
+  { method: "POST", pattern: "/refund/calculate" },
+  { method: "GET", pattern: "/refund/resend-otp/{bookingCode}" },
+  { method: "GET", pattern: "/refund/generate-otp/{bookingCode}" },
+  { method: "GET", pattern: "/refund/checkEligibility/{orderId}" },
+  { method: "GET", pattern: "/refund/bank-list" },
+  { method: "POST", pattern: "/dapi/booking/insurance/remove" },
+  { method: "POST", pattern: "/dapi/booking/insurance/acceptance" },
+  { method: "POST", pattern: "/addon/service-insurance/{bookingCode}" },
+  { method: "POST", pattern: "/specialRequest/gps/products/{bookingCode}" },
+  { method: "POST", pattern: "/ancill/specialRequest/gps/products/{bookingCode}" },
+  { method: "POST", pattern: "/ancill/specialRequest/payment/v1/ancillary_gps/pay" },
+  { method: "POST", pattern: "/ancill/specialRequest/ancillary/save_gps/{bookingCode}" },
+  { method: "POST", pattern: "/specialRequest/deprecated/service/{bookingCode}" },
+  { method: "POST", pattern: "/ancill/specialRequest/payment/v1/ancillary_lounge/pay" },
+  { method: "POST", pattern: "/ancill/specialRequest/ancillary/save_lounge/{bookingCode}" }
+];
+var ALWAYS_LOG_MATCHERS = ALWAYS_LOG_ENDPOINTS.map((entry) => ({
+  method: entry.method.toUpperCase(),
+  regex: new RegExp(
+    "^" + entry.pattern.split("/").map(
+      (seg) => seg.startsWith("{") && seg.endsWith("}") ? "[^/]+" : seg.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+    ).join("/") + "/?$"
+  )
+}));
+function shouldAlwaysLogEndpoint(url, method) {
+  let pathname;
+  try {
+    pathname = new URL(url, window.location.origin).pathname;
+  } catch {
+    pathname = url;
+  }
+  const upperMethod = method.toUpperCase();
+  return ALWAYS_LOG_MATCHERS.some((m) => m.method === upperMethod && m.regex.test(pathname));
+}
 var Logger = class {
   constructor() {
     this.config = null;
@@ -373,6 +429,7 @@ var Logger = class {
       const key = this.buildErrorKey("onerror", finalMessage);
       if (this.loggedErrorKeys.has(key)) return false;
       this.loggedErrorKeys.add(key);
+      this.addBreadcrumb("error", finalMessage, { source: trimmedSource, lineno, colno });
       void this.error({
         fnName: "window.onerror",
         messageError: new Error(finalMessage),
@@ -386,6 +443,7 @@ var Logger = class {
       const key = this.buildErrorKey("unhandledrejection", msg);
       if (this.loggedErrorKeys.has(key)) return;
       this.loggedErrorKeys.add(key);
+      this.addBreadcrumb("error", msg);
       void this.error({
         fnName: "window.unhandledrejection",
         messageError: new Error(msg)
@@ -400,6 +458,7 @@ var Logger = class {
       const key = this.buildErrorKey("console.error", trimmedMsg);
       if (this.loggedErrorKeys.has(key)) return;
       this.loggedErrorKeys.add(key);
+      this.addBreadcrumb("error", trimmedMsg);
       const originalError = args.find((a) => a instanceof Error);
       const errorToSend = originalError ?? new Error(trimmedMsg);
       void this.error({
@@ -506,7 +565,8 @@ var Logger = class {
           status: response.status,
           duration: `${duration}ms`
         });
-        if (response.status >= 400) {
+        const isLocalhost = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+        if (!isLocalhost && response.status >= 400) {
           const dedupKey = this.buildErrorKey("interceptFetch", `${method} ${url} ${response.status}`);
           if (!this.loggedErrorKeys.has(dedupKey)) {
             this.loggedErrorKeys.add(dedupKey);
@@ -518,8 +578,8 @@ var Logger = class {
             } catch {
               responseBody = "[unable to read response body]";
             }
-            const isLocalhost = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
-            if (!isLocalhost) {
+            const isLocalhost2 = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+            if (!isLocalhost2) {
               this.error({
                 fnName: "interceptFetch",
                 messageError: new Error(`HTTP ${response.status} ${response.statusText} \u2014 ${url}`),
@@ -536,6 +596,32 @@ var Logger = class {
               });
             }
           }
+        } else if (!isLocalhost && response.status < 400 && shouldAlwaysLogEndpoint(url, method)) {
+          const dedupKey = this.buildErrorKey("interceptFetch", `${method} ${url} ${response.status}`);
+          if (!this.loggedErrorKeys.has(dedupKey)) {
+            this.loggedErrorKeys.add(dedupKey);
+            let responseBody = null;
+            try {
+              const cloned = response.clone();
+              const contentType = cloned.headers.get("content-type") ?? "";
+              responseBody = contentType.includes("application/json") ? await cloned.json() : await cloned.text();
+            } catch {
+              responseBody = "[unable to read response body]";
+            }
+            this.info({
+              fnName: "interceptFetch",
+              endpointName: url,
+              payload: {
+                method,
+                status: response.status,
+                statusText: response.statusText,
+                duration: `${duration}ms`,
+                query: parseQueryParams(url),
+                request: parseRequestBody(init?.body),
+                response: responseBody
+              }
+            });
+          }
         }
         return response;
       } catch (networkError) {
@@ -605,7 +691,8 @@ var Logger = class {
           status,
           duration: `${duration}ms`
         });
-        if (status >= 400) {
+        const isLocalhost = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+        if (!isLocalhost && status >= 400) {
           const dedupKey = self.buildErrorKey("interceptXHR", `${method} ${url} ${status}`);
           if (self.loggedErrorKeys.has(dedupKey)) return;
           self.loggedErrorKeys.add(dedupKey);
@@ -614,8 +701,8 @@ var Logger = class {
             responseBody = JSON.parse(this.responseText);
           } catch {
           }
-          const isLocalhost = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
-          if (!isLocalhost) {
+          const isLocalhost2 = window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
+          if (!isLocalhost2) {
             void self.error({
               fnName: "interceptXHR",
               messageError: new Error(`HTTP ${status} ${this.statusText} \u2014 ${url}`),
@@ -631,6 +718,28 @@ var Logger = class {
               }
             });
           }
+        } else if (!isLocalhost && status < 400 && shouldAlwaysLogEndpoint(url, method)) {
+          const dedupKey = self.buildErrorKey("interceptXHR", `${method} ${url} ${status}`);
+          if (self.loggedErrorKeys.has(dedupKey)) return;
+          self.loggedErrorKeys.add(dedupKey);
+          let responseBody = this.responseText;
+          try {
+            responseBody = JSON.parse(this.responseText);
+          } catch {
+          }
+          void self.info({
+            fnName: "interceptXHR",
+            endpointName: url,
+            payload: {
+              method,
+              status,
+              statusText: this.statusText,
+              duration: `${duration}ms`,
+              query: parseQueryParams(url),
+              request: requestBody,
+              response: responseBody
+            }
+          });
         }
       });
       this.addEventListener("error", () => {
@@ -679,6 +788,13 @@ var Logger = class {
         });
         const disabledAtClick = this.isElementDisabled(target);
         const invalidFieldAtClick = this.hasInvalidFieldNearby(target);
+        const ariaDisabledAtClick = target.getAttribute("aria-disabled") === "true";
+        const pointerEventsBlockedAtClick = window.getComputedStyle(target).pointerEvents === "none";
+        const overlayInterceptedAtClick = (() => {
+          const elAtPoint = document.elementFromPoint(event.clientX, event.clientY);
+          if (!elAtPoint || elAtPoint === target || target.contains(elAtPoint)) return null;
+          return elAtPoint;
+        })();
         const clickTime = Date.now();
         const domActivityAtClick = this.lastDomActivity;
         const DEAD_CLICK_DELAY_MS = 4e3;
@@ -747,7 +863,25 @@ var Logger = class {
             const recentFetch = this.breadcrumbs.filter(
               (b) => b.type === "fetch" && clickTime - new Date(b.timestamp).getTime() <= RAGE_CLICK_WINDOW_MS
             ).slice(-1)[0];
-            const possibleReason = disabledAtClick ? { type: "disabled", detail: "Button dalam kondisi disabled saat diklik" } : recentFetch ? { type: "api_error", detail: recentFetch.message } : invalidFieldAtClick ? { type: "validation_error", detail: "Field invalid terdeteksi di form terdekat" } : this.recentDomChanges.length ? { type: "dom_feedback", detail: this.recentDomChanges.slice(-1)[0] } : { type: "no_feedback", detail: "Tidak ada feedback UI terdeteksi setelah klik" };
+            const recentError = this.breadcrumbs.filter(
+              (b) => b.type === "error" && clickTime - new Date(b.timestamp).getTime() <= RAGE_CLICK_WINDOW_MS
+            ).slice(-1)[0];
+            const possibleReason = disabledAtClick ? { type: "disabled", detail: "Button dalam kondisi disabled saat diklik" } : ariaDisabledAtClick ? {
+              type: "aria_disabled",
+              detail: 'Element memiliki aria-disabled="true" (disabled secara visual/aksesibilitas, bukan native disabled attribute)'
+            } : pointerEventsBlockedAtClick ? {
+              type: "pointer_events_blocked",
+              detail: "Element memiliki CSS pointer-events: none saat diklik (tidak bisa menerima event klik sama sekali)"
+            } : overlayInterceptedAtClick ? {
+              type: "overlay_intercepted",
+              detail: `Element lain (${getElementSelector(overlayInterceptedAtClick)}) menutupi target saat klik terjadi, klik tidak sampai ke target aslinya`
+            } : recentFetch ? { type: "api_error", detail: recentFetch.message } : invalidFieldAtClick ? {
+              type: "validation_error",
+              detail: "Field invalid terdeteksi di form terdekat"
+            } : recentError ? { type: "js_error", detail: recentError.message } : this.recentDomChanges.length ? { type: "dom_feedback", detail: this.recentDomChanges.slice(-1)[0] } : {
+              type: "no_feedback",
+              detail: "Tidak ada feedback UI terdeteksi setelah klik"
+            };
             const formattedLog = formatClickLog({
               fnName: "interceptClick.rageClick",
               tagName,
@@ -874,6 +1008,7 @@ var Logger = class {
         y: window.scrollY,
         width: window.innerWidth,
         height: window.innerHeight,
+        imageTimeout: 3e3,
         onclone: (clonedDoc) => {
           if (!canApplyHighlight) return;
           const clonedTarget = clonedDoc.querySelector(`[data-ga-highlight="${HIGHLIGHT_MARKER}"]`);