@firstlook-uat/sdk 0.3.1 → 0.3.3

package/dist/firstlook.es.js

@@ -170,7 +170,7 @@ function E(a) {
 }
 class R {
   constructor(t, e) {
-    this.shadowRoot = t, this.callbacks = e, this.minimized = !1, this.timerInterval = null, this.startTime = 0, this.root = document.createElement("div"), this.root.className = "fl-quest-overlay";
+    this.shadowRoot = t, this.callbacks = e, this.minimized = !1, this.timerInterval = null, this.startTime = 0, this.root = document.createElement("div"), this.root.className = "fl-quest-overlay", this.root.style.pointerEvents = "auto";
     for (const s of ["click", "mousedown", "mouseup", "pointerdown", "pointerup", "touchstart", "touchend"])
       this.root.addEventListener(s, (i) => i.stopPropagation());
     this.shadowRoot.appendChild(this.root);
@@ -517,7 +517,7 @@ class F {
       }
   }
 }
-class z {
+class P {
   constructor(t) {
     this.selectors = t, this.observer = null, this.maskedElements = /* @__PURE__ */ new Set();
   }
@@ -555,7 +555,7 @@ class z {
       }
   }
 }
-const P = "firstlook_uat", O = 1, u = {
+const z = "firstlook_uat", O = 1, u = {
   sessions: "sessions",
   recordings: "recordings",
   annotations: "annotations",
@@ -568,7 +568,7 @@ class Q {
   async open() {
     if (!this.db)
       return new Promise((t, e) => {
-        const s = indexedDB.open(P, O);
+        const s = indexedDB.open(z, O);
         s.onupgradeneeded = () => {
           const i = s.result;
           i.objectStoreNames.contains(u.sessions) || i.createObjectStore(u.sessions, { keyPath: "sessionId" }), i.objectStoreNames.contains(u.recordings) || i.createObjectStore(u.recordings, { autoIncrement: !0 }).createIndex("sessionId", "sessionId", { unique: !1 }), i.objectStoreNames.contains(u.annotations) || i.createObjectStore(u.annotations, { autoIncrement: !0 }).createIndex("sessionId", "sessionId", { unique: !1 }), i.objectStoreNames.contains(u.uploadQueue) || i.createObjectStore(u.uploadQueue, { autoIncrement: !0 });
@@ -797,7 +797,7 @@ class B {
     return ((t = this.canvas) == null ? void 0 : t.toDataURL("image/png")) || this.screenshotDataUrl;
   }
 }
-class H {
+class U {
   constructor(t) {
     this.onShake = t, this.lastX = 0, this.lastY = 0, this.lastZ = 0, this.shakeCount = 0, this.lastShakeTime = 0, this.handler = null, this.THRESHOLD = 15, this.SHAKE_INTERVAL = 400, this.REQUIRED_SHAKES = 2;
   }
@@ -824,11 +824,11 @@ class H {
     this.lastX = e.x, this.lastY = e.y, this.lastZ = e.z;
   }
 }
-class U {
+class j {
   constructor(t, e) {
     this.shadowRoot = t, this.events = e, this.annotations = [], this.active = !1, this.onKeydown = (s) => {
       s.ctrlKey && s.shiftKey && s.key === "R" && (s.preventDefault(), this.trigger());
-    }, this.annotationCanvas = new B(t), this.shakeTrigger = new H(() => this.trigger());
+    }, this.annotationCanvas = new B(t), this.shakeTrigger = new U(() => this.trigger());
   }
   async start() {
     await this.shakeTrigger.start(), document.addEventListener("keydown", this.onKeydown);
@@ -851,7 +851,7 @@ class U {
     }
   }
 }
-class j {
+class $ {
   constructor(t, e) {
     this.requiredTaps = t, this.onActivate = e, this.tapCount = 0, this.tapTimer = null, this.handler = null;
   }
@@ -871,7 +871,7 @@ class j {
 const x = "firstlook:uat-active";
 class S {
   constructor(t) {
-    this.onActivate = t, this.hashHandler = null;
+    this.onActivate = t, this.handlers = [];
   }
   start() {
     if (this.checkUrl()) {
@@ -882,14 +882,16 @@ class S {
       this.onActivate();
       return;
     }
-    this.hashHandler = () => {
+    const t = () => {
       this.checkUrl() && (this.persist(), this.onActivate());
-    }, window.addEventListener("hashchange", this.hashHandler);
+    };
+    window.addEventListener("hashchange", t), this.handlers.push(["hashchange", t]), window.addEventListener("popstate", t), this.handlers.push(["popstate", t]);
   }
   stop() {
-    this.hashHandler && (window.removeEventListener("hashchange", this.hashHandler), this.hashHandler = null);
+    for (const [t, e] of this.handlers)
+      window.removeEventListener(t, e);
+    this.handlers = [];
   }
-  /** Clear the persisted flag (call on session end / destroy). */
   static clearPersisted() {
     try {
       sessionStorage.removeItem(x);
@@ -898,7 +900,15 @@ class S {
   }
   checkUrl() {
     const t = new URLSearchParams(window.location.search);
-    return t.has("firstlook") || t.has("uat-mode") || t.get("uat") === "1";
+    if (t.has("firstlook") || t.has("uat-mode") || t.get("uat") === "1")
+      return !0;
+    const e = window.location.hash, s = e.indexOf("?");
+    if (s !== -1) {
+      const i = new URLSearchParams(e.substring(s));
+      if (i.has("firstlook") || i.has("uat-mode") || i.get("uat") === "1")
+        return !0;
+    }
+    return !1;
   }
   persist() {
     try {
@@ -914,26 +924,26 @@ class S {
     }
   }
 }
-class $ {
+class K {
   constructor(t) {
     this.onActivate = t, this.handler = null;
   }
   start() {
     this.handler = (t) => {
-      t.key === "U" && t.shiftKey && (t.ctrlKey || t.metaKey) && (t.preventDefault(), this.onActivate());
+      t.code === "KeyU" && t.shiftKey && (t.ctrlKey || t.metaKey) && (t.preventDefault(), this.onActivate());
     }, window.addEventListener("keydown", this.handler);
   }
   stop() {
     this.handler && (window.removeEventListener("keydown", this.handler), this.handler = null);
   }
 }
-class K {
+class H {
   constructor(t, e) {
     this.shadowRoot = t, this.callbacks = e, this.root = null, this.outsideClickHandler = null;
   }
   show() {
     if (this.root) return;
-    this.root = r("div", { className: "fl-debug-menu" });
+    this.root = r("div", { className: "fl-debug-menu" }), this.root.style.pointerEvents = "auto";
     for (const e of ["click", "mousedown", "mouseup", "pointerdown", "pointerup", "touchstart", "touchend"])
       this.root.addEventListener(e, (s) => s.stopPropagation());
     const t = [
@@ -1437,7 +1447,7 @@ class X {
       console.warn("[FirstLook] SDK already initialized.");
       return;
     }
-    this.config = C(t), this.storage = new Q(), await this.storage.open(), this.createShadowHost(), this.setupTriggers(), this.fieldMasker = new z(this.config.security.maskSelectors), this.state = "initialized", this.events.emit({ type: "sdk:initialized" }), this.flushUploadQueue(!0);
+    this.config = C(t), this.storage = new Q(), await this.storage.open(), this.createShadowHost(), this.setupTriggers(), this.fieldMasker = new P(this.config.security.maskSelectors), this.state = "initialized", this.events.emit({ type: "sdk:initialized" }), this.flushUploadQueue(!0);
   }
   /**
    * Manually activate the SDK UI (bypassing triggers).
@@ -1460,7 +1470,7 @@ class X {
       this.config,
       this.events,
       this.fieldMasker.getCombinedSelector()
-    ), this.voiceRecorder = new N(this.events), this.shakeReporter = new U(this.shadowRoot, this.events), await this.shakeReporter.start(), this.sessionRecorder.start(), this.fieldMasker.start(), this.config.recording.voice && await this.voiceRecorder.start(), this.config.security.watermark && (this.watermark = new F(this.shadowRoot, this.config), this.watermark.show()), this.questOverlay = new R(this.shadowRoot, {
+    ), this.voiceRecorder = new N(this.events), this.shakeReporter = new j(this.shadowRoot, this.events), await this.shakeReporter.start(), this.sessionRecorder.start(), this.fieldMasker.start(), this.config.recording.voice && await this.voiceRecorder.start(), this.config.security.watermark && (this.watermark = new F(this.shadowRoot, this.config), this.watermark.show()), this.questOverlay = new R(this.shadowRoot, {
       onOkWithFeedback: (i) => this.handleQuestOk(i),
       onConcern: (i) => this.handleConcern(i),
       onNg: () => this.handleQuestNg(),
@@ -1553,24 +1563,26 @@ class X {
    * Completely destroy the SDK instance and clean up all resources.
    */
   destroy() {
-    var t, e, s, i, n, o, l, c, d, h, p;
-    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (t = this.tapTrigger) == null || t.stop(), (e = this.deepLinkTrigger) == null || e.stop(), (s = this.keyboardTrigger) == null || s.stop(), S.clearPersisted(), (i = this.sessionRecorder) == null || i.stop(), (n = this.shakeReporter) == null || n.stop(), (o = this.fieldMasker) == null || o.stop(), (l = this.watermark) == null || l.hide(), (c = this.questOverlay) == null || c.destroy(), (d = this.debugMenu) == null || d.hide(), (h = this.hostElement) == null || h.remove(), (p = this.storage) == null || p.close(), this.events.removeAll(), this.state = "idle";
+    var t, e, s, i, n, o, l, c, d, h, p, g;
+    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (t = this.tapTrigger) == null || t.stop(), (e = this.deepLinkTrigger) == null || e.stop(), (s = this.keyboardTrigger) == null || s.stop(), S.clearPersisted(), (i = this.sessionRecorder) == null || i.stop(), (n = this.voiceRecorder) == null || n.stopAsync().catch(() => {
+    }), (o = this.shakeReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide(), (d = this.questOverlay) == null || d.destroy(), (h = this.debugMenu) == null || h.hide(), (p = this.hostElement) == null || p.remove(), (g = this.storage) == null || g.close(), this.events.removeAll(), this.config = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.shakeReporter = null, this.fieldMasker = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.storage = null, this.hostElement = null, this.shadowRoot = null, this.sessionId = null, this.state = "idle";
   }
   // ----------------------------------------------------------------
   // Private methods
   // ----------------------------------------------------------------
   createShadowHost() {
-    this.hostElement = document.createElement("div"), this.hostElement.id = "firstlook-sdk-root", this.hostElement.style.cssText = "position:fixed;inset:0;z-index:2147483647;pointer-events:none;", document.body.appendChild(this.hostElement), this.shadowRoot = this.hostElement.attachShadow({ mode: "closed" });
+    var e;
+    (e = document.getElementById("firstlook-sdk-root")) == null || e.remove(), this.hostElement = document.createElement("div"), this.hostElement.id = "firstlook-sdk-root", this.hostElement.style.cssText = "position:fixed;inset:0;z-index:2147483647;pointer-events:none;", document.body.appendChild(this.hostElement), this.shadowRoot = this.hostElement.attachShadow({ mode: "closed" });
     const t = document.createElement("style");
     t.textContent = _, this.shadowRoot.appendChild(t);
   }
   setupTriggers() {
     const t = this.config.triggers;
-    this.tapTrigger = new j(t.tapCount, () => this.onActivate()), this.tapTrigger.start(), t.deepLink && (this.deepLinkTrigger = new S(() => this.onActivate()), this.deepLinkTrigger.start()), t.keyboard && (this.keyboardTrigger = new $(() => this.onActivate()), this.keyboardTrigger.start()), t.customCheck && t.customCheck() && this.onActivate();
+    this.tapTrigger = new $(t.tapCount, () => this.onActivate()), this.tapTrigger.start(), t.deepLink && (this.deepLinkTrigger = new S(() => this.onActivate()), this.deepLinkTrigger.start()), t.keyboard && (this.keyboardTrigger = new K(() => this.onActivate()), this.keyboardTrigger.start()), t.customCheck && t.customCheck() && this.onActivate();
   }
   onActivate() {
     var t, e, s;
-    this.state === "initialized" && (this.state = "active", (t = this.tapTrigger) == null || t.stop(), (e = this.deepLinkTrigger) == null || e.stop(), (s = this.keyboardTrigger) == null || s.stop(), this.events.emit({ type: "sdk:activated" }), this.debugMenu = new K(this.shadowRoot, {
+    this.state === "initialized" && (this.state = "active", (t = this.tapTrigger) == null || t.stop(), (e = this.deepLinkTrigger) == null || e.stop(), (s = this.keyboardTrigger) == null || s.stop(), this.events.emit({ type: "sdk:activated" }), this.debugMenu = new H(this.shadowRoot, {
       onStartSession: () => {
         this.events.emit({ type: "sdk:activated" });
       },