@firstlook-uat/sdk 0.3.3 → 0.4.1

package/dist/firstlook.es.js

@@ -1,11 +1,11 @@
-const T = [
+const I = [
   'input[type="password"]',
   "[data-sensitive]",
   "[data-mask]",
   ".uat-mask"
 ];
-function C(a) {
-  var t, e, s, i, n, o, l, c, d, h, p;
+function M(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,23 +18,22 @@ 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) ?? I
     },
     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
     }
   };
 }
-function w() {
+function y() {
   return {
     userAgent: navigator.userAgent,
     platform: navigator.platform,
@@ -45,7 +44,7 @@ function w() {
     touchSupport: "ontouchstart" in window || navigator.maxTouchPoints > 0
   };
 }
-class q {
+class E {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -76,7 +75,7 @@ class q {
     this.listeners.clear();
   }
 }
-class I {
+class R {
   constructor(t) {
     this.events = t, this.quests = [], this.results = [], this.currentIndex = -1, this.sessionStartTime = 0, this.blocked = !1, this.pendingFeedbacks = [];
   }
@@ -117,15 +116,16 @@ class I {
       logs: t,
       comment: e == null ? void 0 : e.comment,
       concern: (e == null ? void 0 : e.concern) ?? !1,
-      feedbacks: this.drainFeedbacks()
+      feedbacks: this.drainFeedbacks(),
+      checklist: e == null ? void 0 : e.checklist
     };
     return this.results.push(i), this.events.emit({ type: "quest:completed", questId: s.id }), this.advance(), i;
   }
-  failCurrentQuest(t, e, s) {
-    const i = this.getCurrentQuest();
-    if (!i) return null;
-    const n = {
-      questId: i.id,
+  failCurrentQuest(t, e, s, i) {
+    const n = this.getCurrentQuest();
+    if (!n) return null;
+    const o = {
+      questId: n.id,
       status: "FAILED",
       timestamp: Date.now(),
       relativeTime: Date.now() - this.sessionStartTime,
@@ -133,9 +133,10 @@ class I {
       logs: t,
       comment: e,
       concern: !1,
-      feedbacks: this.drainFeedbacks()
+      feedbacks: this.drainFeedbacks(),
+      checklist: i
     };
-    return this.results.push(n), this.events.emit({ type: "quest:failed", questId: i.id }), i.blocking ? (this.blocked = !0, this.events.emit({ type: "quest:blocked", questId: i.id })) : this.advance(), n;
+    return this.results.push(o), this.events.emit({ type: "quest:failed", questId: n.id }), n.blocking ? (this.blocked = !0, this.events.emit({ type: "quest:blocked", questId: n.id })) : this.advance(), o;
   }
   addFeedback(t) {
     this.pendingFeedbacks.push(t);
@@ -161,16 +162,34 @@ function r(a, t, e) {
       typeof i == "string" ? s.appendChild(document.createTextNode(i)) : s.appendChild(i);
   return s;
 }
-function M() {
+function L() {
   return `fl_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
 }
-function E(a) {
+function A(a) {
   const t = Math.floor(a / 60), e = a % 60;
   return `${t.toString().padStart(2, "0")}:${e.toString().padStart(2, "0")}`;
 }
-class R {
+function D(a) {
+  const t = a.split(`
+`), e = [], s = [];
+  let i = !1;
+  for (const n of t) {
+    const o = n.trim(), l = o.match(/^(?:(\d+)[\.\)]\s+|[-*]\s+)(.+)$/);
+    l ? (i = !0, s.push({
+      index: s.length,
+      text: l[2],
+      checked: !1
+    })) : !i && o && e.push(o);
+  }
+  return {
+    preamble: e.join(`
+`),
+    items: s
+  };
+}
+class N {
   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.root.style.pointerEvents = "auto";
+    this.shadowRoot = t, this.callbacks = e, this.minimized = !1, this.timerInterval = null, this.startTime = 0, this.checklist = [], 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,23 +205,40 @@ 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" : "";
-      l.appendChild(r("div", { className: `fl-quest-progress-dot ${g}` }));
+    for (const f of e) {
+      const p = f === "COMPLETED" ? "fl-completed" : f === "FAILED" ? "fl-failed" : f === "ACTIVE" ? "fl-active" : "";
+      l.appendChild(r("div", { className: `fl-quest-progress-dot ${p}` }));
     }
-    const c = r("div", { className: "fl-quest-body" }, [
-      l,
-      r("p", { className: "fl-quest-description" }, [t.description]),
-      r("div", { className: "fl-quest-memo-row" }, [
-        this.createButton("fl-btn fl-btn-memo", "📝 メモを残す", () => this.renderFeedbackModal(t.title))
-      ]),
-      r("div", { className: "fl-quest-actions" }, [
-        this.createButton("fl-btn fl-btn-ok", "✓ OK", () => this.renderFeedbackModal(t.title, "ok")),
-        this.createButton("fl-btn fl-btn-concern", "⚠ 気になる", () => this.renderFeedbackModal(t.title, "concern")),
-        this.createButton("fl-btn fl-btn-ng", "✗ NG", this.callbacks.onNg)
-      ])
-    ]);
-    o.appendChild(c), s && o.appendChild(
+    const c = D(t.description);
+    this.checklist = c.items;
+    const h = r("div", { className: "fl-quest-body" });
+    if (h.appendChild(l), c.items.length > 0) {
+      const f = r("div", { className: "fl-checklist-counter" }), p = () => {
+        const b = this.checklist.filter((k) => k.checked).length;
+        f.textContent = `✓ ${b}/${this.checklist.length} 確認済み`;
+      };
+      p(), h.appendChild(f), c.preamble && h.appendChild(r("p", { className: "fl-quest-description" }, [c.preamble]));
+      const m = r("ul", { className: "fl-checklist" });
+      for (const b of this.checklist) {
+        const k = r("li", { className: "fl-checklist-item" }), v = document.createElement("input");
+        v.type = "checkbox", v.className = "fl-checklist-checkbox", v.checked = b.checked;
+        const T = r("span", { className: "fl-checklist-text" }, [b.text]);
+        v.onchange = () => {
+          b.checked = v.checked, k.classList.toggle("fl-checked", b.checked), p();
+        }, k.onclick = (q) => {
+          q.target !== v && (v.checked = !v.checked, b.checked = v.checked, k.classList.toggle("fl-checked", b.checked), p());
+        }, k.appendChild(v), k.appendChild(T), m.appendChild(k);
+      }
+      h.appendChild(m);
+    } else
+      h.appendChild(r("p", { className: "fl-quest-description" }, [t.description]));
+    h.appendChild(r("div", { className: "fl-quest-memo-row" }, [
+      this.createButton("fl-btn fl-btn-memo", "📝 メモを残す", () => this.renderFeedbackModal(t.title))
+    ])), h.appendChild(r("div", { className: "fl-quest-actions" }, [
+      this.createButton("fl-btn fl-btn-ok", "✓ OK", () => this.renderFeedbackModal(t.title, "ok")),
+      this.createButton("fl-btn fl-btn-concern", "⚠ 気になる", () => this.renderFeedbackModal(t.title, "concern")),
+      this.createButton("fl-btn fl-btn-ng", "✗ NG", this.callbacks.onNg)
+    ])), o.appendChild(h), s && o.appendChild(
       r("div", { className: "fl-voice-indicator" }, [
         r("span", { className: "fl-voice-dot" }),
         "Recording..."
@@ -215,9 +251,9 @@ class R {
         "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 g = r("span", { className: "fl-status-timer" }, ["00:00"]);
+    d.appendChild(g), o.appendChild(d), this.root.appendChild(o), this.startTimer(g), 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(g));
     };
   }
   renderFeedbackModal(t, e = "memo") {
@@ -243,19 +279,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" }, [
-      this.createButton("fl-btn fl-btn-skip", g, () => {
+    }, d = document.createElement("textarea");
+    d.className = "fl-feedback-textarea fl-feedback-textarea-modal", d.placeholder = h[e], d.rows = 3, c.appendChild(d);
+    const g = "送信", f = e === "ok" ? "スキップ" : "キャンセル", p = r("div", { className: "fl-quest-actions fl-feedback-modal-actions" }, [
+      this.createButton("fl-btn fl-btn-skip", f, () => {
         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", g, () => {
+        const m = d.value.trim();
         if (e === "ng")
           this.callbacks.onNgWithFeedback(m);
         else if (e === "ok")
@@ -273,7 +309,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 = "";
@@ -305,6 +341,9 @@ class R {
     ]);
     this.root.appendChild(e);
   }
+  getChecklist() {
+    return this.checklist.length > 0 ? [...this.checklist] : void 0;
+  }
   destroy() {
     this.stopTimer(), this.root.remove();
   }
@@ -331,15 +370,15 @@ 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 = A(e);
     }, 1e3);
   }
   stopTimer() {
     this.timerInterval && (clearInterval(this.timerInterval), this.timerInterval = null);
   }
 }
-const L = 100, A = 2 * 1024 * 1024;
-class D {
+const F = 100, P = 2 * 1024 * 1024;
+class z {
   constructor(t, e, s) {
     this.config = t, this.events = e, this.maskSelector = s, this.actionLogs = [], this.snapshots = [], this.snapshotTimer = null, this.startTime = 0, this.running = !1, this.handleClick = this.onClick.bind(this), this.handleScroll = this.throttle(this.onScroll.bind(this), 500), this.handleInput = this.onInput.bind(this);
   }
@@ -371,7 +410,7 @@ class D {
     const e = t.target;
     this.addLog({
       type: "click",
-      target: k(e)
+      target: x(e)
     });
   }
   onScroll() {
@@ -383,12 +422,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)
       });
     }
@@ -406,8 +445,8 @@ class D {
       const s = t.querySelector("#firstlook-sdk-root");
       s == null || s.remove();
       const i = t.outerHTML;
-      if (i.length > A) return;
-      this.snapshots.length >= L && this.snapshots.shift(), this.snapshots.push({
+      if (i.length > P) return;
+      this.snapshots.length >= F && this.snapshots.shift(), this.snapshots.push({
         type: "dom-snapshot",
         timestamp: Date.now() - this.startTime,
         data: i
@@ -423,12 +462,12 @@ 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}"` : ""}`;
 }
-class N {
+class O {
   constructor(t) {
     this.events = t, this.mediaRecorder = null, this.stream = null, this.chunks = [], this._recording = !1;
   }
@@ -487,7 +526,7 @@ class N {
     return "";
   }
 }
-class F {
+class Q {
   constructor(t, e) {
     this.shadowRoot = t, this.config = e, this.container = null, this.refreshInterval = null, this.cachedIp = null;
   }
@@ -511,13 +550,13 @@ 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);
       }
   }
 }
-class P {
+class B {
   constructor(t) {
     this.selectors = t, this.observer = null, this.maskedElements = /* @__PURE__ */ new Set();
   }
@@ -555,20 +594,20 @@ class P {
       }
   }
 }
-const z = "firstlook_uat", O = 1, u = {
+const $ = "firstlook_uat", U = 1, u = {
   sessions: "sessions",
   recordings: "recordings",
   annotations: "annotations",
   uploadQueue: "upload_queue"
 };
-class Q {
+class j {
   constructor() {
     this.db = null;
   }
   async open() {
     if (!this.db)
       return new Promise((t, e) => {
-        const s = indexedDB.open(z, O);
+        const s = indexedDB.open($, U);
         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 });
@@ -673,15 +712,15 @@ 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);
     });
   }
 }
-const y = ["#e17055", "#6c5ce7", "#00b894", "#fdcb6e", "#ffffff"];
-class B {
+const S = ["#e17055", "#6c5ce7", "#00b894", "#fdcb6e", "#ffffff"];
+class K {
   constructor(t) {
-    this.shadowRoot = t, this.overlay = null, this.canvas = null, this.ctx = null, this.drawing = !1, this.currentPath = [], this.paths = [], this.selectedColor = y[0], this.screenshotDataUrl = "";
+    this.shadowRoot = t, this.overlay = null, this.canvas = null, this.ctx = null, this.drawing = !1, this.currentPath = [], this.paths = [], this.selectedColor = S[0], this.screenshotDataUrl = "";
   }
   async open() {
     return this.screenshotDataUrl = await this.captureScreenshot(), new Promise((t) => {
@@ -693,11 +732,11 @@ class B {
         type: "text",
         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);
+      for (const c of S) {
+        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 +770,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), g = document.createElement("canvas");
+      g.width = t * window.devicePixelRatio, g.height = e * window.devicePixelRatio;
+      const f = g.getContext("2d");
+      return f.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"));
+          f.drawImage(m, 0, 0, t, e), URL.revokeObjectURL(d), p(g.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);
@@ -797,44 +836,17 @@ class B {
     return ((t = this.canvas) == null ? void 0 : t.toDataURL("image/png")) || this.screenshotDataUrl;
   }
 }
-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 {
+class H {
   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 K(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 +863,7 @@ class j {
     }
   }
 }
-class $ {
+class _ {
   constructor(t, e) {
     this.requiredTaps = t, this.onActivate = e, this.tapCount = 0, this.tapTimer = null, this.handler = null;
   }
@@ -868,8 +880,8 @@ class $ {
     this.tapCount = 0, this.tapTimer && (clearTimeout(this.tapTimer), this.tapTimer = null);
   }
 }
-const x = "firstlook:uat-active";
-class S {
+const w = "firstlook:uat-active";
+class C {
   constructor(t) {
     this.onActivate = t, this.handlers = [];
   }
@@ -894,7 +906,7 @@ class S {
   }
   static clearPersisted() {
     try {
-      sessionStorage.removeItem(x);
+      sessionStorage.removeItem(w);
     } catch {
     }
   }
@@ -912,19 +924,19 @@ class S {
   }
   persist() {
     try {
-      sessionStorage.setItem(x, "1");
+      sessionStorage.setItem(w, "1");
     } catch {
     }
   }
   hasPersisted() {
     try {
-      return sessionStorage.getItem(x) === "1";
+      return sessionStorage.getItem(w) === "1";
     } catch {
       return !1;
     }
   }
 }
-class K {
+class W {
   constructor(t) {
     this.onActivate = t, this.handler = null;
   }
@@ -937,7 +949,7 @@ class K {
     this.handler && (window.removeEventListener("keydown", this.handler), this.handler = null);
   }
 }
-class H {
+class V {
   constructor(t, e) {
     this.shadowRoot = t, this.callbacks = e, this.root = null, this.outsideClickHandler = null;
   }
@@ -974,7 +986,7 @@ class H {
     return this.root !== null;
   }
 }
-const _ = (
+const X = (
   /* css */
   `
   :host {
@@ -1185,6 +1197,51 @@ const _ = (
     50% { opacity: 0.3; }
   }
 
+  /* === Checklist === */
+  .fl-checklist-counter {
+    font-size: 13px;
+    font-weight: 600;
+    color: #6c5ce7;
+    margin-bottom: 8px;
+  }
+  .fl-checklist {
+    list-style: none;
+    padding: 0;
+    margin: 0 0 12px;
+    max-height: 240px;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .fl-checklist-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    padding: 8px 4px;
+    border-bottom: 1px solid rgba(0,0,0,.06);
+    font-size: 13px;
+    color: #4a4a5a;
+    cursor: pointer;
+    min-height: 40px;
+    transition: background .2s;
+  }
+  .fl-checklist-item:last-child { border-bottom: none; }
+  .fl-checklist-item:active { background: rgba(108,92,231,.05); }
+  .fl-checklist-item.fl-checked { color: #aaa; }
+  .fl-checklist-item.fl-checked .fl-checklist-text { text-decoration: line-through; }
+  .fl-checklist-checkbox {
+    margin-top: 2px;
+    width: 18px;
+    height: 18px;
+    accent-color: #6c5ce7;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+  .fl-checklist-text {
+    flex: 1;
+    line-height: 1.4;
+    word-break: break-word;
+  }
+
   /* === Annotation overlay === */
   .fl-annotation-overlay {
     position: fixed;
@@ -1430,10 +1487,10 @@ const _ = (
   }
   .fl-feedback-modal-actions { padding: 0 16px 16px; }
 `
-), W = 5;
-class X {
+), Y = 5;
+class G {
   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 E(), 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 +1504,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 = M(t), this.storage = new j(), await this.storage.open(), this.createShadowHost(), this.setupTriggers(), this.fieldMasker = new B(this.config.security.maskSelectors), this.state = "initialized", this.events.emit({ type: "sdk:initialized" }), this.flushUploadQueue(!0);
   }
   /**
    * Manually activate the SDK UI (bypassing triggers).
@@ -1466,11 +1523,11 @@ class X {
     var s;
     if (this.state !== "active")
       throw new Error("[FirstLook] Cannot start session: SDK not active. Call activate() first.");
-    (s = this.debugMenu) == null || s.hide(), this.sessionId = M(), this.sessionStartTime = Date.now(), this.questManager = new I(this.events), this.questManager.loadQuests(t), this.sessionRecorder = new D(
+    (s = this.debugMenu) == null || s.hide(), this.sessionId = L(), this.sessionStartTime = Date.now(), this.questManager = new R(this.events), this.questManager.loadQuests(t), this.sessionRecorder = new z(
       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 O(this.events), this.issueReporter = new H(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 Q(this.shadowRoot, this.config), this.watermark.show()), this.questOverlay = new N(this.shadowRoot, {
       onOkWithFeedback: (i) => this.handleQuestOk(i),
       onConcern: (i) => this.handleConcern(i),
       onNg: () => this.handleQuestNg(),
@@ -1503,9 +1560,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, g, f, 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) => {
@@ -1517,13 +1574,13 @@ class X {
           delete b.voiceMemoBlob;
         }
         await Promise.allSettled(
-          b.feedbacks.map(async (v) => {
-            if (v.voiceMemoBlob) {
+          b.feedbacks.map(async (k) => {
+            if (k.voiceMemoBlob) {
               try {
-                v.voiceMemoBase64 = await this.blobToBase64(v.voiceMemoBlob);
+                k.voiceMemoBase64 = await this.blobToBase64(k.voiceMemoBlob);
               } catch {
               }
-              delete v.voiceMemoBlob;
+              delete k.voiceMemoBlob;
             }
           })
         );
@@ -1534,18 +1591,18 @@ class X {
       projectId: this.config.projectId,
       userId: this.config.userId,
       role: this.config.role,
-      deviceInfo: w(),
+      deviceInfo: y(),
       startedAt: new Date(this.sessionStartTime).toISOString(),
       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 = ((g = this.issueReporter) == null ? void 0 : g.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;
+      await ((f = this.storage) == null ? void 0 : f.saveAnnotation(this.sessionId, b));
+    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,9 +1620,9 @@ 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;
-    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";
+    var t, e, s, i, n, o, l, c, h, d, g, f;
+    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(), C.clearPersisted(), (i = this.sessionRecorder) == null || i.stop(), (n = this.voiceRecorder) == null || n.stopAsync().catch(() => {
+    }), (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(), (g = this.hostElement) == null || g.remove(), (f = this.storage) == null || f.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
@@ -1574,21 +1631,21 @@ class X {
     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 = X, 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 _(t.tapCount, () => this.onActivate()), this.tapTrigger.start(), t.deepLink && (this.deepLinkTrigger = new C(() => this.onActivate()), this.deepLinkTrigger.start()), t.keyboard && (this.keyboardTrigger = new W(() => 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 V(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();
@@ -1596,18 +1653,22 @@ class X {
     }), this.debugMenu.show());
   }
   handleQuestOk(t) {
+    var i;
     if (!this.questManager || !this.sessionRecorder) return;
-    const e = this.sessionRecorder.getActionLogs();
+    const e = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
     this.questManager.completeCurrentQuest(e, {
-      comment: t || void 0
+      comment: t || void 0,
+      checklist: s
     }), this.renderCurrentQuest();
   }
   handleConcern(t) {
+    var i;
     if (!this.questManager || !this.sessionRecorder) return;
-    const e = this.sessionRecorder.getActionLogs();
+    const e = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
     this.questManager.completeCurrentQuest(e, {
       comment: t,
-      concern: !0
+      concern: !0,
+      checklist: s
     }), this.renderCurrentQuest();
   }
   handleQuestNg() {
@@ -1616,9 +1677,10 @@ class X {
     t && this.questOverlay.renderFeedbackModal(t.title, "ng");
   }
   handleNgFeedbackSubmit(t) {
+    var i;
     if (!this.questManager || !this.sessionRecorder) return;
-    const e = this.sessionRecorder.getActionLogs();
-    this.questManager.failCurrentQuest(e, t || void 0), this.renderCurrentQuest();
+    const e = this.sessionRecorder.getActionLogs(), s = (i = this.questOverlay) == null ? void 0 : i.getChecklist();
+    this.questManager.failCurrentQuest(e, t || void 0, void 0, s), this.renderCurrentQuest();
   }
   handleMemo(t) {
     if (!this.questManager || !t) return;
@@ -1660,7 +1722,7 @@ class X {
         }
         const e = await this.storage.getPendingUploads();
         for (const s of e) {
-          if (s.attempts >= W) {
+          if (s.attempts >= Y) {
             await this.storage.removeFromQueue(s.key);
             continue;
           }
@@ -1696,7 +1758,7 @@ class X {
           projectId: this.config.projectId,
           userId: this.config.userId,
           role: this.config.role,
-          deviceInfo: w(),
+          deviceInfo: y(),
           startedAt: new Date(this.sessionStartTime).toISOString(),
           duration: Math.floor((Date.now() - this.sessionStartTime) / 1e3),
           quests: ((t = this.questManager) == null ? void 0 : t.getResults()) ?? [],
@@ -1714,6 +1776,6 @@ class X {
   }
 }
 export {
-  X as FirstLookSDK
+  G as FirstLookSDK
 };
 //# sourceMappingURL=firstlook.es.js.map