@firstlook-uat/sdk 0.3.2 → 0.4.0

package/dist/firstlook.es.js

@@ -4,8 +4,8 @@ const T = [
   "[data-mask]",
   ".uat-mask"
 ];
-function C(a) {
-  var t, e, s, i, n, o, l, c, d, h, p;
+function q(a) {
+  var t, e, s, i, n, o, l, c, h, d;
   if (!a.endpoint)
     throw new Error("[FirstLook] 'endpoint' is required. Set your Supabase ingest-session URL.");
   return {
@@ -18,19 +18,18 @@ function C(a) {
     triggers: {
       tapCount: ((t = a.triggers) == null ? void 0 : t.tapCount) ?? 5,
       deepLink: ((e = a.triggers) == null ? void 0 : e.deepLink) ?? !0,
-      shake: ((s = a.triggers) == null ? void 0 : s.shake) ?? !0,
-      keyboard: ((i = a.triggers) == null ? void 0 : i.keyboard) ?? !0,
-      customCheck: (n = a.triggers) == null ? void 0 : n.customCheck
+      keyboard: ((s = a.triggers) == null ? void 0 : s.keyboard) ?? !0,
+      customCheck: (i = a.triggers) == null ? void 0 : i.customCheck
     },
     security: {
-      watermark: ((o = a.security) == null ? void 0 : o.watermark) ?? !0,
-      maskSelectors: ((l = a.security) == null ? void 0 : l.maskSelectors) ?? T
+      watermark: ((n = a.security) == null ? void 0 : n.watermark) ?? !0,
+      maskSelectors: ((o = a.security) == null ? void 0 : o.maskSelectors) ?? T
     },
     recording: {
-      domSnapshot: ((c = a.recording) == null ? void 0 : c.domSnapshot) ?? !0,
-      voice: ((d = a.recording) == null ? void 0 : d.voice) ?? !0,
+      domSnapshot: ((l = a.recording) == null ? void 0 : l.domSnapshot) ?? !0,
+      voice: ((c = a.recording) == null ? void 0 : c.voice) ?? !0,
       maxDuration: ((h = a.recording) == null ? void 0 : h.maxDuration) ?? 600,
-      snapshotInterval: ((p = a.recording) == null ? void 0 : p.snapshotInterval) ?? 1e3
+      snapshotInterval: ((d = a.recording) == null ? void 0 : d.snapshotInterval) ?? 1e3
     }
   };
 }
@@ -45,7 +44,7 @@ function w() {
     touchSupport: "ontouchstart" in window || navigator.maxTouchPoints > 0
   };
 }
-class q {
+class C {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -164,13 +163,13 @@ function r(a, t, e) {
 function M() {
   return `fl_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function E(a) {
+function R(a) {
   const t = Math.floor(a / 60), e = a % 60;
   return `${t.toString().padStart(2, "0")}:${e.toString().padStart(2, "0")}`;
 }
-class R {
+class E {
   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);
@@ -186,8 +185,8 @@ class R {
     ]);
     this.root.appendChild(n);
     const o = r("div", { className: "fl-quest-content" }), l = r("div", { className: "fl-quest-progress" });
-    for (const p of e) {
-      const g = p === "COMPLETED" ? "fl-completed" : p === "FAILED" ? "fl-failed" : p === "ACTIVE" ? "fl-active" : "";
+    for (const f of e) {
+      const g = f === "COMPLETED" ? "fl-completed" : f === "FAILED" ? "fl-failed" : f === "ACTIVE" ? "fl-active" : "";
       l.appendChild(r("div", { className: `fl-quest-progress-dot ${g}` }));
     }
     const c = r("div", { className: "fl-quest-body" }, [
@@ -208,16 +207,16 @@ class R {
         "Recording..."
       ])
     );
-    const d = r("div", { className: "fl-status-bar" });
-    s && d.appendChild(
+    const h = r("div", { className: "fl-status-bar" });
+    s && h.appendChild(
       r("span", { className: "fl-status-recording" }, [
         r("span", { className: "fl-voice-dot" }),
         "REC"
       ])
     );
-    const h = r("span", { className: "fl-status-timer" }, ["00:00"]);
-    d.appendChild(h), o.appendChild(d), this.root.appendChild(o), this.startTimer(h), this.root.onclick = () => {
-      this.minimized && (this.minimized = !1, this.root.className = "fl-quest-overlay", this.root.innerHTML = "", this.root.appendChild(n), this.root.appendChild(o), this.startTimer(h));
+    const d = r("span", { className: "fl-status-timer" }, ["00:00"]);
+    h.appendChild(d), o.appendChild(h), this.root.appendChild(o), this.startTimer(d), this.root.onclick = () => {
+      this.minimized && (this.minimized = !1, this.root.className = "fl-quest-overlay", this.root.innerHTML = "", this.root.appendChild(n), this.root.appendChild(o), this.startTimer(d));
     };
   }
   renderFeedbackModal(t, e = "memo") {
@@ -243,19 +242,19 @@ class R {
       ])
     ]);
     s.appendChild(l);
-    const c = r("div", { className: "fl-quest-content" }), d = {
+    const c = r("div", { className: "fl-quest-content" }), h = {
       ng: "何がうまくいかなかったか教えてください...",
       ok: "コメント（任意）",
       concern: "気になった点を教えてください...",
       memo: "気づいたことをメモ...📝"
-    }, h = document.createElement("textarea");
-    h.className = "fl-feedback-textarea fl-feedback-textarea-modal", h.placeholder = d[e], h.rows = 3, c.appendChild(h);
-    const p = "送信", g = e === "ok" ? "スキップ" : "キャンセル", f = r("div", { className: "fl-quest-actions fl-feedback-modal-actions" }, [
+    }, d = document.createElement("textarea");
+    d.className = "fl-feedback-textarea fl-feedback-textarea-modal", d.placeholder = h[e], d.rows = 3, c.appendChild(d);
+    const f = "送信", g = e === "ok" ? "スキップ" : "キャンセル", p = r("div", { className: "fl-quest-actions fl-feedback-modal-actions" }, [
       this.createButton("fl-btn fl-btn-skip", g, () => {
         e === "ng" ? this.callbacks.onNgWithFeedback("") : e === "ok" && this.callbacks.onOkWithFeedback(""), s.remove();
       }),
-      this.createButton("fl-btn fl-btn-finish", p, () => {
-        const m = h.value.trim();
+      this.createButton("fl-btn fl-btn-finish", f, () => {
+        const m = d.value.trim();
         if (e === "ng")
           this.callbacks.onNgWithFeedback(m);
         else if (e === "ok")
@@ -273,7 +272,7 @@ class R {
         s.remove();
       })
     ]);
-    c.appendChild(f), s.appendChild(c), this.root.appendChild(s), h.focus();
+    c.appendChild(p), s.appendChild(c), this.root.appendChild(s), d.focus();
   }
   renderSummary(t, e, s) {
     this.stopTimer(), this.root.className = "fl-quest-overlay", this.root.innerHTML = "";
@@ -331,7 +330,7 @@ class R {
   startTimer(t) {
     this.stopTimer(), this.startTime || (this.startTime = Date.now()), this.timerInterval = setInterval(() => {
       const e = Math.floor((Date.now() - this.startTime) / 1e3);
-      t.textContent = E(e);
+      t.textContent = R(e);
     }, 1e3);
   }
   stopTimer() {
@@ -371,7 +370,7 @@ class D {
     const e = t.target;
     this.addLog({
       type: "click",
-      target: k(e)
+      target: x(e)
     });
   }
   onScroll() {
@@ -383,12 +382,12 @@ class D {
   onInput(t) {
     const e = t.target;
     if (e.hasAttribute("data-fl-masked"))
-      this.addLog({ type: "input", target: k(e), value: "[MASKED]" });
+      this.addLog({ type: "input", target: x(e), value: "[MASKED]" });
     else {
       const s = e.value;
       this.addLog({
         type: "input",
-        target: k(e),
+        target: x(e),
         value: s == null ? void 0 : s.slice(0, 100)
       });
     }
@@ -423,7 +422,7 @@ class D {
     };
   }
 }
-function k(a) {
+function x(a) {
   var n;
   const t = a.tagName.toLowerCase(), e = a.id ? `#${a.id}` : "", s = a.className && typeof a.className == "string" ? `.${a.className.trim().split(/\s+/).slice(0, 2).join(".")}` : "", i = ((n = a.textContent) == null ? void 0 : n.trim().slice(0, 30)) || "";
   return `${t}${e}${s}${i ? ` "${i}"` : ""}`;
@@ -511,9 +510,9 @@ class F {
     this.container.innerHTML = "";
     const t = this.cachedIp ?? "", e = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19), s = t ? `${this.config.userId} | ${e} | ${t}` : `${this.config.userId} | ${e}`, i = 320, n = 80, o = Math.ceil(window.innerWidth / i) + 1, l = Math.ceil(window.innerHeight / n) + 1;
     for (let c = 0; c < l; c++)
-      for (let d = 0; d < o; d++) {
-        const h = document.createElement("span");
-        h.className = "fl-watermark-tile", h.textContent = s, h.style.left = `${d * i}px`, h.style.top = `${c * n}px`, this.container.appendChild(h);
+      for (let h = 0; h < o; h++) {
+        const d = document.createElement("span");
+        d.className = "fl-watermark-tile", d.textContent = s, d.style.left = `${h * i}px`, d.style.top = `${c * n}px`, this.container.appendChild(d);
       }
   }
 }
@@ -673,8 +672,8 @@ class Q {
   async getAllByIndex(t, e, s) {
     const i = this.ensureDb();
     return new Promise((n, o) => {
-      const d = i.transaction(t, "readonly").objectStore(t).index(e).getAll(s);
-      d.onsuccess = () => n(d.result), d.onerror = () => o(d.error);
+      const h = i.transaction(t, "readonly").objectStore(t).index(e).getAll(s);
+      h.onsuccess = () => n(h.result), h.onerror = () => o(h.error);
     });
   }
 }
@@ -694,10 +693,10 @@ class B {
         placeholder: "Add a comment..."
       }), i = r("div", { className: "fl-color-picker" });
       for (const c of y) {
-        const d = r("div", { className: `fl-color-swatch ${c === this.selectedColor ? "fl-selected" : ""}` });
-        d.style.background = c, d.onclick = () => {
-          this.selectedColor = c, i.querySelectorAll(".fl-color-swatch").forEach((h) => h.classList.remove("fl-selected")), d.classList.add("fl-selected");
-        }, i.appendChild(d);
+        const h = r("div", { className: `fl-color-swatch ${c === this.selectedColor ? "fl-selected" : ""}` });
+        h.style.background = c, h.onclick = () => {
+          this.selectedColor = c, i.querySelectorAll(".fl-color-swatch").forEach((d) => d.classList.remove("fl-selected")), h.classList.add("fl-selected");
+        }, i.appendChild(h);
       }
       const n = r("button", { className: "fl-btn fl-btn-ok" }, ["Submit"]);
       n.onclick = () => {
@@ -731,28 +730,28 @@ class B {
       const t = window.innerWidth, e = window.innerHeight, s = document.documentElement.cloneNode(!0), i = s.querySelector("#firstlook-sdk-root");
       i == null || i.remove();
       const n = s.querySelectorAll('[data-fl-masked], input[type="password"]');
-      for (const f of n)
-        (f instanceof HTMLInputElement || f instanceof HTMLTextAreaElement) && (f.value = "[MASKED]"), f.textContent = "[MASKED]";
-      for (const f of s.querySelectorAll("script")) f.remove();
+      for (const p of n)
+        (p instanceof HTMLInputElement || p instanceof HTMLTextAreaElement) && (p.value = "[MASKED]"), p.textContent = "[MASKED]";
+      for (const p of s.querySelectorAll("script")) p.remove();
       const o = s.querySelector("body");
       if (o) {
-        const f = window.getComputedStyle(document.body);
-        o.style.backgroundColor = f.backgroundColor, o.style.color = f.color, o.style.fontFamily = f.fontFamily, o.style.margin = "0", o.style.overflow = "hidden";
+        const p = window.getComputedStyle(document.body);
+        o.style.backgroundColor = p.backgroundColor, o.style.color = p.color, o.style.fontFamily = p.fontFamily, o.style.margin = "0", o.style.overflow = "hidden";
       }
       const l = new XMLSerializer().serializeToString(s), c = `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${e}">
         <foreignObject width="100%" height="100%">
           ${l}
         </foreignObject>
-      </svg>`, d = new Blob([c], { type: "image/svg+xml;charset=utf-8" }), h = URL.createObjectURL(d), p = document.createElement("canvas");
-      p.width = t * window.devicePixelRatio, p.height = e * window.devicePixelRatio;
-      const g = p.getContext("2d");
-      return g.scale(window.devicePixelRatio, window.devicePixelRatio), new Promise((f) => {
+      </svg>`, h = new Blob([c], { type: "image/svg+xml;charset=utf-8" }), d = URL.createObjectURL(h), f = document.createElement("canvas");
+      f.width = t * window.devicePixelRatio, f.height = e * window.devicePixelRatio;
+      const g = f.getContext("2d");
+      return g.scale(window.devicePixelRatio, window.devicePixelRatio), new Promise((p) => {
         const m = new Image();
         m.onload = () => {
-          g.drawImage(m, 0, 0, t, e), URL.revokeObjectURL(h), f(p.toDataURL("image/png"));
+          g.drawImage(m, 0, 0, t, e), URL.revokeObjectURL(d), p(f.toDataURL("image/png"));
         }, m.onerror = () => {
-          URL.revokeObjectURL(h), f(this.captureScreenshotFallback(t, e));
-        }, m.src = h;
+          URL.revokeObjectURL(d), p(this.captureScreenshotFallback(t, e));
+        }, m.src = d;
       });
     } catch {
       return this.captureScreenshotFallback(window.innerWidth, window.innerHeight);
@@ -798,43 +797,16 @@ class B {
   }
 }
 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;
-  }
-  async start() {
-    if (typeof DeviceMotionEvent.requestPermission == "function")
-      try {
-        if (await DeviceMotionEvent.requestPermission() !== "granted") return;
-      } catch {
-        return;
-      }
-    this.handler = this.onMotion.bind(this), window.addEventListener("devicemotion", this.handler, { passive: !0 });
-  }
-  stop() {
-    this.handler && (window.removeEventListener("devicemotion", this.handler), this.handler = null);
-  }
-  onMotion(t) {
-    const e = t.accelerationIncludingGravity;
-    if (!e || e.x == null || e.y == null || e.z == null) return;
-    const s = Math.abs(e.x - this.lastX), i = Math.abs(e.y - this.lastY), n = Math.abs(e.z - this.lastZ);
-    if (s + i + n > this.THRESHOLD) {
-      const o = Date.now();
-      o - this.lastShakeTime < this.SHAKE_INTERVAL ? (this.shakeCount++, this.shakeCount >= this.REQUIRED_SHAKES && (this.shakeCount = 0, this.onShake())) : this.shakeCount = 1, this.lastShakeTime = o;
-    }
-    this.lastX = e.x, this.lastY = e.y, this.lastZ = e.z;
-  }
-}
-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 U(() => this.trigger());
+    }, this.annotationCanvas = new B(t);
   }
-  async start() {
-    await this.shakeTrigger.start(), document.addEventListener("keydown", this.onKeydown);
+  start() {
+    document.addEventListener("keydown", this.onKeydown);
   }
   stop() {
-    this.shakeTrigger.stop(), document.removeEventListener("keydown", this.onKeydown);
+    document.removeEventListener("keydown", this.onKeydown);
   }
   getAnnotations() {
     return [...this.annotations];
@@ -851,7 +823,7 @@ class j {
     }
   }
 }
-class $ {
+class j {
   constructor(t, e) {
     this.requiredTaps = t, this.onActivate = e, this.tapCount = 0, this.tapTimer = null, this.handler = null;
   }
@@ -868,7 +840,7 @@ class $ {
     this.tapCount = 0, this.tapTimer && (clearTimeout(this.tapTimer), this.tapTimer = null);
   }
 }
-const x = "firstlook:uat-active";
+const k = "firstlook:uat-active";
 class S {
   constructor(t) {
     this.onActivate = t, this.handlers = [];
@@ -894,7 +866,7 @@ class S {
   }
   static clearPersisted() {
     try {
-      sessionStorage.removeItem(x);
+      sessionStorage.removeItem(k);
     } catch {
     }
   }
@@ -912,19 +884,19 @@ class S {
   }
   persist() {
     try {
-      sessionStorage.setItem(x, "1");
+      sessionStorage.setItem(k, "1");
     } catch {
     }
   }
   hasPersisted() {
     try {
-      return sessionStorage.getItem(x) === "1";
+      return sessionStorage.getItem(k) === "1";
     } catch {
       return !1;
     }
   }
 }
-class K {
+class $ {
   constructor(t) {
     this.onActivate = t, this.handler = null;
   }
@@ -937,13 +909,13 @@ class K {
     this.handler && (window.removeEventListener("keydown", this.handler), this.handler = null);
   }
 }
-class H {
+class K {
   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 = [
@@ -974,7 +946,7 @@ class H {
     return this.root !== null;
   }
 }
-const _ = (
+const H = (
   /* css */
   `
   :host {
@@ -1430,10 +1402,10 @@ const _ = (
   }
   .fl-feedback-modal-actions { padding: 0 16px 16px; }
 `
-), W = 5;
-class X {
+), _ = 5;
+class W {
   constructor() {
-    this.config = null, this.events = new q(), this.state = "idle", this.hostElement = null, this.shadowRoot = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.watermark = null, this.fieldMasker = null, this.storage = null, this.shakeReporter = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.sessionId = null, this.sessionStartTime = 0, this.maxDurationTimer = null, this.backupTimer = null, this.isFlushing = !1;
+    this.config = null, this.events = new C(), this.state = "idle", this.hostElement = null, this.shadowRoot = null, this.questManager = null, this.questOverlay = null, this.sessionRecorder = null, this.voiceRecorder = null, this.watermark = null, this.fieldMasker = null, this.storage = null, this.issueReporter = null, this.debugMenu = null, this.tapTrigger = null, this.deepLinkTrigger = null, this.keyboardTrigger = null, this.sessionId = null, this.sessionStartTime = 0, this.maxDurationTimer = null, this.backupTimer = null, this.isFlushing = !1;
   }
   // ----------------------------------------------------------------
   // Public API
@@ -1447,7 +1419,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 P(this.config.security.maskSelectors), this.state = "initialized", this.events.emit({ type: "sdk:initialized" }), this.flushUploadQueue(!0);
+    this.config = q(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).
@@ -1470,7 +1442,7 @@ class X {
       this.config,
       this.events,
       this.fieldMasker.getCombinedSelector()
-    ), 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, {
+    ), this.voiceRecorder = new N(this.events), this.issueReporter = new U(this.shadowRoot, this.events), this.issueReporter.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 E(this.shadowRoot, {
       onOkWithFeedback: (i) => this.handleQuestOk(i),
       onConcern: (i) => this.handleConcern(i),
       onNg: () => this.handleQuestNg(),
@@ -1503,9 +1475,9 @@ class X {
    * End the current session, persist data, and trigger upload.
    */
   async endSession() {
-    var i, n, o, l, c, d, h, p, g, f, m;
+    var i, n, o, l, c, h, d, f, g, p, m;
     if (this.state !== "recording" || !this.sessionId) return null;
-    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (i = this.sessionRecorder) == null || i.stop(), await ((n = this.voiceRecorder) == null ? void 0 : n.stopAsync()), (o = this.shakeReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide();
+    this.maxDurationTimer && (clearTimeout(this.maxDurationTimer), this.maxDurationTimer = null), this.backupTimer && (clearInterval(this.backupTimer), this.backupTimer = null), (i = this.sessionRecorder) == null || i.stop(), await ((n = this.voiceRecorder) == null ? void 0 : n.stopAsync()), (o = this.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide();
     const t = this.questManager.getResults();
     await Promise.allSettled(
       t.map(async (b) => {
@@ -1539,13 +1511,13 @@ class X {
       endedAt: (/* @__PURE__ */ new Date()).toISOString(),
       duration: Math.floor((Date.now() - this.sessionStartTime) / 1e3),
       quests: t,
-      recordings: ((d = this.sessionRecorder) == null ? void 0 : d.getSnapshots()) ?? []
+      recordings: ((h = this.sessionRecorder) == null ? void 0 : h.getSnapshots()) ?? []
     };
-    await ((h = this.storage) == null ? void 0 : h.saveSession(e));
-    const s = ((p = this.shakeReporter) == null ? void 0 : p.getAnnotations()) ?? [];
+    await ((d = this.storage) == null ? void 0 : d.saveSession(e));
+    const s = ((f = this.issueReporter) == null ? void 0 : f.getAnnotations()) ?? [];
     for (const b of s)
       await ((g = this.storage) == null ? void 0 : g.saveAnnotation(this.sessionId, b));
-    return await ((f = this.storage) == null ? void 0 : f.enqueueUpload({ session: e, annotations: s })), (m = this.questOverlay) == null || m.destroy(), this.questOverlay = null, this.state = "finished", this.events.emit({ type: "session:ended", sessionId: this.sessionId }), this.flushUploadQueue(!1), e;
+    return await ((p = this.storage) == null ? void 0 : p.enqueueUpload({ session: e, annotations: s })), (m = this.questOverlay) == null || m.destroy(), this.questOverlay = null, this.state = "finished", this.events.emit({ type: "session:ended", sessionId: this.sessionId }), this.flushUploadQueue(!1), e;
   }
   /**
    * Subscribe to SDK events.
@@ -1563,31 +1535,32 @@ 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, g;
+    var t, e, s, i, n, o, l, c, h, d, f, 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";
+    }), (o = this.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide(), (h = this.questOverlay) == null || h.destroy(), (d = this.debugMenu) == null || d.hide(), (f = this.hostElement) == null || f.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.issueReporter = 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);
+    t.textContent = H, this.shadowRoot.appendChild(t);
   }
   setupTriggers() {
     const t = this.config.triggers;
-    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();
+    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();
   }
   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 H(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 K(this.shadowRoot, {
       onStartSession: () => {
         this.events.emit({ type: "sdk:activated" });
       },
       onReportIssue: () => {
-        var i, n;
-        (n = (i = this.shakeReporter) == null ? void 0 : i.trigger) == null || n.call(i);
+        var i;
+        (i = this.issueReporter) == null || i.trigger();
       },
       onClose: () => {
         this.destroy();
@@ -1659,7 +1632,7 @@ class X {
         }
         const e = await this.storage.getPendingUploads();
         for (const s of e) {
-          if (s.attempts >= W) {
+          if (s.attempts >= _) {
             await this.storage.removeFromQueue(s.key);
             continue;
           }
@@ -1713,6 +1686,6 @@ class X {
   }
 }
 export {
-  X as FirstLookSDK
+  W as FirstLookSDK
 };
 //# sourceMappingURL=firstlook.es.js.map