@firstlook-uat/sdk 0.4.0 → 0.4.1

package/dist/firstlook.es.js

@@ -1,10 +1,10 @@
-const T = [
+const I = [
   'input[type="password"]',
   "[data-sensitive]",
   "[data-mask]",
   ".uat-mask"
 ];
-function q(a) {
+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.");
@@ -23,7 +23,7 @@ function q(a) {
     },
     security: {
       watermark: ((n = a.security) == null ? void 0 : n.watermark) ?? !0,
-      maskSelectors: ((o = a.security) == null ? void 0 : o.maskSelectors) ?? T
+      maskSelectors: ((o = a.security) == null ? void 0 : o.maskSelectors) ?? I
     },
     recording: {
       domSnapshot: ((l = a.recording) == null ? void 0 : l.domSnapshot) ?? !0,
@@ -33,7 +33,7 @@ function q(a) {
     }
   };
 }
-function w() {
+function y() {
   return {
     userAgent: navigator.userAgent,
     platform: navigator.platform,
@@ -44,7 +44,7 @@ function w() {
     touchSupport: "ontouchstart" in window || navigator.maxTouchPoints > 0
   };
 }
-class C {
+class E {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -75,7 +75,7 @@ class C {
     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 = [];
   }
@@ -116,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,
@@ -132,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);
@@ -160,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 R(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 E {
+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,37 +206,54 @@ class E {
     this.root.appendChild(n);
     const o = r("div", { className: "fl-quest-content" }), l = r("div", { className: "fl-quest-progress" });
     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 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..."
       ])
     );
-    const h = r("div", { className: "fl-status-bar" });
-    s && h.appendChild(
+    const d = r("div", { className: "fl-status-bar" });
+    s && d.appendChild(
       r("span", { className: "fl-status-recording" }, [
         r("span", { className: "fl-voice-dot" }),
         "REC"
       ])
     );
-    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));
+    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") {
@@ -249,11 +286,11 @@ class E {
       memo: "気づいたことをメモ...📝"
     }, 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, () => {
+    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", f, () => {
+      this.createButton("fl-btn fl-btn-finish", g, () => {
         const m = d.value.trim();
         if (e === "ng")
           this.callbacks.onNgWithFeedback(m);
@@ -304,6 +341,9 @@ class E {
     ]);
     this.root.appendChild(e);
   }
+  getChecklist() {
+    return this.checklist.length > 0 ? [...this.checklist] : void 0;
+  }
   destroy() {
     this.stopTimer(), this.root.remove();
   }
@@ -330,15 +370,15 @@ class E {
   startTimer(t) {
     this.stopTimer(), this.startTime || (this.startTime = Date.now()), this.timerInterval = setInterval(() => {
       const e = Math.floor((Date.now() - this.startTime) / 1e3);
-      t.textContent = R(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);
   }
@@ -405,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
@@ -427,7 +467,7 @@ function x(a) {
   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;
   }
@@ -486,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;
   }
@@ -516,7 +556,7 @@ class F {
       }
   }
 }
-class P {
+class B {
   constructor(t) {
     this.selectors = t, this.observer = null, this.maskedElements = /* @__PURE__ */ new Set();
   }
@@ -554,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 });
@@ -677,10 +717,10 @@ class Q {
     });
   }
 }
-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) => {
@@ -692,7 +732,7 @@ class B {
         type: "text",
         placeholder: "Add a comment..."
       }), i = r("div", { className: "fl-color-picker" });
-      for (const c of y) {
+      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");
@@ -742,13 +782,13 @@ class B {
         <foreignObject width="100%" height="100%">
           ${l}
         </foreignObject>
-      </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) => {
+      </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(d), p(f.toDataURL("image/png"));
+          f.drawImage(m, 0, 0, t, e), URL.revokeObjectURL(d), p(g.toDataURL("image/png"));
         }, m.onerror = () => {
           URL.revokeObjectURL(d), p(this.captureScreenshotFallback(t, e));
         }, m.src = d;
@@ -796,11 +836,11 @@ class B {
     return ((t = this.canvas) == null ? void 0 : t.toDataURL("image/png")) || this.screenshotDataUrl;
   }
 }
-class U {
+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.annotationCanvas = new K(t);
   }
   start() {
     document.addEventListener("keydown", this.onKeydown);
@@ -823,7 +863,7 @@ class U {
     }
   }
 }
-class j {
+class _ {
   constructor(t, e) {
     this.requiredTaps = t, this.onActivate = e, this.tapCount = 0, this.tapTimer = null, this.handler = null;
   }
@@ -840,8 +880,8 @@ class j {
     this.tapCount = 0, this.tapTimer && (clearTimeout(this.tapTimer), this.tapTimer = null);
   }
 }
-const k = "firstlook:uat-active";
-class S {
+const w = "firstlook:uat-active";
+class C {
   constructor(t) {
     this.onActivate = t, this.handlers = [];
   }
@@ -866,7 +906,7 @@ class S {
   }
   static clearPersisted() {
     try {
-      sessionStorage.removeItem(k);
+      sessionStorage.removeItem(w);
     } catch {
     }
   }
@@ -884,19 +924,19 @@ class S {
   }
   persist() {
     try {
-      sessionStorage.setItem(k, "1");
+      sessionStorage.setItem(w, "1");
     } catch {
     }
   }
   hasPersisted() {
     try {
-      return sessionStorage.getItem(k) === "1";
+      return sessionStorage.getItem(w) === "1";
     } catch {
       return !1;
     }
   }
 }
-class $ {
+class W {
   constructor(t) {
     this.onActivate = t, this.handler = null;
   }
@@ -909,7 +949,7 @@ class $ {
     this.handler && (window.removeEventListener("keydown", this.handler), this.handler = null);
   }
 }
-class K {
+class V {
   constructor(t, e) {
     this.shadowRoot = t, this.callbacks = e, this.root = null, this.outsideClickHandler = null;
   }
@@ -946,7 +986,7 @@ class K {
     return this.root !== null;
   }
 }
-const H = (
+const X = (
   /* css */
   `
   :host {
@@ -1157,6 +1197,51 @@ const H = (
     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;
@@ -1402,10 +1487,10 @@ const H = (
   }
   .fl-feedback-modal-actions { padding: 0 16px 16px; }
 `
-), _ = 5;
-class W {
+), Y = 5;
+class G {
   constructor() {
-    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;
+    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
@@ -1419,7 +1504,7 @@ class W {
       console.warn("[FirstLook] SDK already initialized.");
       return;
     }
-    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);
+    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).
@@ -1438,11 +1523,11 @@ class W {
     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.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, {
+    ), 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(),
@@ -1475,7 +1560,7 @@ class W {
    * End the current session, persist data, and trigger upload.
    */
   async endSession() {
-    var i, n, o, l, c, h, d, f, g, p, 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.issueReporter) == null || o.stop(), (l = this.fieldMasker) == null || l.stop(), (c = this.watermark) == null || c.hide();
     const t = this.questManager.getResults();
@@ -1489,13 +1574,13 @@ class W {
           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;
             }
           })
         );
@@ -1506,7 +1591,7 @@ class W {
       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),
@@ -1514,9 +1599,9 @@ class W {
       recordings: ((h = this.sessionRecorder) == null ? void 0 : h.getSnapshots()) ?? []
     };
     await ((d = this.storage) == null ? void 0 : d.saveSession(e));
-    const s = ((f = this.issueReporter) == null ? void 0 : f.getAnnotations()) ?? [];
+    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));
+      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;
   }
   /**
@@ -1535,9 +1620,9 @@ class W {
    * Completely destroy the SDK instance and clean up all resources.
    */
   destroy() {
-    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.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";
+    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
@@ -1546,15 +1631,15 @@ class W {
     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 = H, this.shadowRoot.appendChild(t);
+    t.textContent = X, 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 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 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 V(this.shadowRoot, {
       onStartSession: () => {
         this.events.emit({ type: "sdk:activated" });
       },
@@ -1568,18 +1653,22 @@ class W {
     }), 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() {
@@ -1588,9 +1677,10 @@ class W {
     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;
@@ -1632,7 +1722,7 @@ class W {
         }
         const e = await this.storage.getPendingUploads();
         for (const s of e) {
-          if (s.attempts >= _) {
+          if (s.attempts >= Y) {
             await this.storage.removeFromQueue(s.key);
             continue;
           }
@@ -1668,7 +1758,7 @@ class W {
           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()) ?? [],
@@ -1686,6 +1776,6 @@ class W {
   }
 }
 export {
-  W as FirstLookSDK
+  G as FirstLookSDK
 };
 //# sourceMappingURL=firstlook.es.js.map