review-lens-react 0.2.0 → 0.2.1

package/dist/review-lens-react.js

@@ -5,7 +5,7 @@ const ct = [
   "https://www.googleapis.com/auth/userinfo.email"
 ].join(" "), dt = "https://www.googleapis.com/oauth2/v3/userinfo";
 function ht(e) {
-  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", a = e.usersSheetName ?? "Users";
+  const t = e.feedbackSheetName ?? "Feedback", n = e.messagesSheetName ?? "Messages", r = e.usersSheetName ?? "Users";
   let s, c;
   async function g() {
     return s ?? (s = St(e.googleClientId)), s;
@@ -46,7 +46,7 @@ function ht(e) {
       return { email: c };
     },
     async getPermissions(d) {
-      const [{ email: v }, p] = await Promise.all([this.getCurrentUser(), u(a)]), b = ce(p), E = v.toLowerCase(), x = b.find(
+      const [{ email: v }, p] = await Promise.all([this.getCurrentUser(), u(r)]), b = ce(p), E = v.toLowerCase(), x = b.find(
         (A) => {
           var h;
           return ((h = A.email) == null ? void 0 : h.toLowerCase()) === E && A.active !== "false" && (!A.projectKey || A.projectKey === d);
@@ -180,10 +180,10 @@ function pt(e) {
 }
 function ce(e) {
   const [t, ...n] = e;
-  return t ? n.map((a) => De(t, a)) : [];
+  return t ? n.map((r) => De(t, r)) : [];
 }
 function De(e, t) {
-  return Object.fromEntries(e.map((n, a) => [n, t[a] ?? ""]));
+  return Object.fromEntries(e.map((n, r) => [n, t[r] ?? ""]));
 }
 function Te(e) {
   return e.id ? {
@@ -283,15 +283,15 @@ function wt(e) {
 function yt(e) {
   let t = e, n = "";
   for (; t > 0; ) {
-    const a = (t - 1) % 26;
-    n = String.fromCharCode(65 + a) + n, t = Math.floor((t - a) / 26);
+    const r = (t - 1) % 26;
+    n = String.fromCharCode(65 + r) + n, t = Math.floor((t - r) / 26);
   }
   return n;
 }
 async function St(e) {
   return await kt(), new Promise((t, n) => {
     var s;
-    const a = (s = window.google) == null ? void 0 : s.accounts.oauth2.initTokenClient({
+    const r = (s = window.google) == null ? void 0 : s.accounts.oauth2.initTokenClient({
       client_id: e,
       scope: ct,
       callback: (c) => {
@@ -302,17 +302,17 @@ async function St(e) {
         t(c.access_token);
       }
     });
-    a == null || a.requestAccessToken({ prompt: "" });
+    r == null || r.requestAccessToken({ prompt: "" });
   });
 }
 function kt() {
   var e;
   return (e = window.google) != null && e.accounts.oauth2 ? Promise.resolve() : new Promise((t, n) => {
-    const a = document.querySelector(
+    const r = document.querySelector(
       'script[src="https://accounts.google.com/gsi/client"]'
     );
-    if (a) {
-      a.addEventListener("load", () => t(), { once: !0 }), a.addEventListener("error", () => n(new Error("Google Identity failed to load")), {
+    if (r) {
+      r.addEventListener("load", () => t(), { once: !0 }), r.addEventListener("error", () => n(new Error("Google Identity failed to load")), {
         once: !0
       });
       return;
@@ -325,12 +325,12 @@ function Ct(e) {
   return new URL(e, window.location.href).pathname.replace(/\/+$/, "") || "/";
 }
 const ze = st(null);
-function Xt({ config: e, children: t }) {
+function Qt({ config: e, children: t }) {
   const n = re(() => e.adapter ? e.adapter : ht({
     googleClientId: Be(e.googleClientId, "googleClientId"),
     spreadsheetId: Be(e.spreadsheetId, "spreadsheetId"),
     feedbackSheetName: e.sheetName ?? "Feedback"
-  }), [e.adapter, e.googleClientId, e.sheetName, e.spreadsheetId]), a = e.currentUrl ?? window.location.href, s = (e.normalizeUrl ?? Ct)(a), [c, g] = k(), [f, u] = k([]), [d, v] = k([]), p = W(async () => {
+  }), [e.adapter, e.googleClientId, e.sheetName, e.spreadsheetId]), r = e.currentUrl ?? window.location.href, s = (e.normalizeUrl ?? Ct)(r), [c, g] = k(), [f, u] = k([]), [d, v] = k([]), p = W(async () => {
     const y = await n.listFeedback({
       projectKey: e.projectKey,
       contentId: e.contentId,
@@ -454,15 +454,15 @@ function At(e) {
   const t = [];
   let n = e;
   for (; n && n.nodeType === Node.ELEMENT_NODE && n !== document.body; ) {
-    const a = n.parentElement, s = n.tagName.toLowerCase();
-    if (!a) {
+    const r = n.parentElement, s = n.tagName.toLowerCase();
+    if (!r) {
       t.unshift(s);
       break;
     }
-    const c = n.tagName, g = Array.from(a.children).filter(
+    const c = n.tagName, g = Array.from(r.children).filter(
       (u) => u.tagName === c
     ), f = g.indexOf(n) + 1;
-    t.unshift(g.length > 1 ? `${s}:nth-of-type(${f})` : s), n = a;
+    t.unshift(g.length > 1 ? `${s}:nth-of-type(${f})` : s), n = r;
   }
   return t.join(" > ");
 }
@@ -516,8 +516,8 @@ function Ft(e, t) {
     height: Math.round(t.height)
   };
 }
-function de(e, t, n, a) {
-  return e === t && t === n && n === a ? e : `${e} ${t} ${n} ${a}`;
+function de(e, t, n, r) {
+  return e === t && t === n && n === r ? e : `${e} ${t} ${n} ${r}`;
 }
 function $e(e) {
   return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
@@ -551,11 +551,11 @@ const Mt = [
   accessibility: "Accessibility",
   responsive: "Responsive"
 };
-function Qt({
+function Zt({
   open: e,
   onOpenChange: t,
   placement: n = "top-right",
-  showResolved: a = !1,
+  showResolved: r = !1,
   syncSelectionToUrl: s = !1,
   responsivePresets: c = Mt
 }) {
@@ -572,81 +572,81 @@ function Qt({
     listMessages: x,
     createMessage: A,
     uploadAttachment: h
-  } = Nt(), [R, y] = k(), [w, C] = k(), [B, D] = k(""), [ue, Je] = k("medium"), [pe, qe] = k("visual"), [me, ge] = k(""), [fe, Ve] = k(
+  } = Nt(), [R, y] = k(), [w, C] = k(), [B, D] = k(""), [ue, Je] = k("medium"), [pe, Ve] = k("visual"), [me, ge] = k(""), [fe, qe] = k(
     ((Fe = c[0]) == null ? void 0 : Fe.value) ?? "desktop"
-  ), [S, H] = k(), [M, $] = k("review"), [Ge, be] = k(!1), [j, ve] = k("all"), [O, we] = k("all"), [K, ye] = k("all"), [J, Se] = k("all"), [q, ke] = k("all"), [Ye, Xe] = k(!1), [Qe, Ce] = k({}), [se, oe] = k(""), ee = We(null), I = !!u, T = p.includes("create"), Ne = p.includes("reply"), xe = p.includes("update"), Ze = p.includes("assign"), P = R ?? w, et = !!w, tt = !!(f.captureScreenshot && (f.uploadAttachment || g.uploadAttachment)), nt = re(() => {
-    const r = d.map((m) => m.assigneeEmail).filter((m) => !!m);
-    return u != null && u.email && r.push(u.email), Array.from(new Set(r)).sort((m, l) => m.localeCompare(l));
+  ), [S, H] = k(), [M, $] = k("review"), [Ge, be] = k(!1), [j, ve] = k("all"), [O, we] = k("all"), [K, ye] = k("all"), [J, Se] = k("all"), [V, ke] = k("all"), [Ye, Xe] = k(!1), [Qe, Ce] = k({}), [se, oe] = k(""), ee = We(null), I = !!u, T = p.includes("create"), Ne = p.includes("reply"), xe = p.includes("update"), Ze = p.includes("assign"), P = R ?? w, et = !!w, tt = !!(f.captureScreenshot && (f.uploadAttachment || g.uploadAttachment)), nt = re(() => {
+    const a = d.map((m) => m.assigneeEmail).filter((m) => !!m);
+    return u != null && u.email && a.push(u.email), Array.from(new Set(a)).sort((m, l) => m.localeCompare(l));
   }, [u == null ? void 0 : u.email, d]), L = re(
-    () => d.filter((r) => a || r.status !== "resolved").filter((r) => j === "all" || r.status === j).filter((r) => O === "all" || r.severity === O).filter((r) => K === "all" || r.category === K).filter((r) => J === "all" || r.assigneeEmail === J).filter((r) => q === "all" || r.viewportPreset === q),
+    () => d.filter((a) => r || a.status !== "resolved").filter((a) => j === "all" || a.status === j).filter((a) => O === "all" || a.severity === O).filter((a) => K === "all" || a.category === K).filter((a) => J === "all" || a.assigneeEmail === J).filter((a) => V === "all" || a.viewportPreset === V),
     [
       J,
       K,
       d,
       O,
-      a,
+      r,
       j,
-      q
+      V
     ]
   ), it = [
     j,
     O,
     K,
     J,
-    q
-  ].filter((r) => r !== "all").length;
+    V
+  ].filter((a) => a !== "all").length;
   _(() => {
     e || (y(void 0), C(void 0), D(""), oe(""), $("review"));
   }, [e]), _(() => {
     I || (y(void 0), C(void 0));
   }, [I]), _(() => {
     !w || M !== "review" || window.requestAnimationFrame(() => {
-      var r, m, l;
-      (m = (r = ee.current) == null ? void 0 : r.scrollIntoView) == null || m.call(r, { block: "nearest" }), (l = ee.current) == null || l.focus();
+      var a, m, l;
+      (m = (a = ee.current) == null ? void 0 : a.scrollIntoView) == null || m.call(a, { block: "nearest" }), (l = ee.current) == null || l.focus();
     });
   }, [w, M]), _(() => {
     if (!S)
       return;
-    let r = !0;
+    let a = !0;
     return x(S.id).then((m) => {
-      r && Ce((l) => ({ ...l, [S.id]: m }));
+      a && Ce((l) => ({ ...l, [S.id]: m }));
     }), () => {
-      r = !1;
+      a = !1;
     };
   }, [x, S]), _(() => {
     if (!e || !s || S || d.length === 0)
       return;
-    const r = new URL(window.location.href).searchParams.get("reviewLensFeedback"), m = d.find((l) => l.id === r);
-    m && V(m, { syncUrl: !1 });
+    const a = new URL(window.location.href).searchParams.get("reviewLensFeedback"), m = d.find((l) => l.id === a);
+    m && q(m, { syncUrl: !1 });
   }, [d, e, S, s]), _(() => {
     if (!e)
       return;
-    function r(l) {
+    function a(l) {
       var N;
       if (l.key === "Shift" && be(!0), l.key === "Escape") {
         l.preventDefault(), t == null || t(!1);
         return;
       }
-      Kt(l.target) || ((l.key === "n" || l.key === "ArrowDown") && (l.preventDefault(), Ee(1)), (l.key === "p" || l.key === "ArrowUp") && (l.preventDefault(), Ee(-1)), l.key === "c" && (l.preventDefault(), $("review"), (N = ee.current) == null || N.focus()), l.key === "f" && S && xe && (l.preventDefault(), Le(S)));
+      Jt(l.target) || ((l.key === "n" || l.key === "ArrowDown") && (l.preventDefault(), Ee(1)), (l.key === "p" || l.key === "ArrowUp") && (l.preventDefault(), Ee(-1)), l.key === "c" && (l.preventDefault(), $("review"), (N = ee.current) == null || N.focus()), l.key === "f" && S && xe && (l.preventDefault(), Le(S)));
     }
     function m(l) {
       l.key === "Shift" && be(!1);
     }
-    return window.addEventListener("keydown", r), window.addEventListener("keyup", m), () => {
-      window.removeEventListener("keydown", r), window.removeEventListener("keyup", m);
+    return window.addEventListener("keydown", a), window.addEventListener("keyup", m), () => {
+      window.removeEventListener("keydown", a), window.removeEventListener("keyup", m);
     };
   });
-  const le = W((r) => {
-    const m = r.target instanceof Element ? r.target : null;
+  const le = W((a) => {
+    const m = a.target instanceof Element ? a.target : null;
     if (m)
       return m.closest("[data-review-lens-ui]") ? null : m;
-    const l = document.elementFromPoint(r.clientX, r.clientY);
+    const l = document.elementFromPoint(a.clientX, a.clientY);
     return !l || l.closest("[data-review-lens-ui]") ? null : l;
   }, []);
   if (_(() => {
     if (!e || !I)
       return;
-    function r(l) {
+    function a(l) {
       const N = le(l);
       y(N ? X(N) : void 0);
     }
@@ -654,18 +654,18 @@ function Qt({
       const N = le(l);
       N && (l.preventDefault(), l.stopPropagation(), C(X(N)), $("review"));
     }
-    return window.addEventListener("mousemove", r, !0), window.addEventListener("click", m, !0), () => {
-      window.removeEventListener("mousemove", r, !0), window.removeEventListener("click", m, !0);
+    return window.addEventListener("mousemove", a, !0), window.addEventListener("click", m, !0), () => {
+      window.removeEventListener("mousemove", a, !0), window.removeEventListener("click", m, !0);
     };
   }, [I, le, e]), !e)
     return null;
-  function V(r, m = { syncUrl: !0 }) {
+  function q(a, m = { syncUrl: !0 }) {
     var N;
-    if (H(r), C(void 0), $("feedback"), s && m.syncUrl !== !1) {
+    if (H(a), C(void 0), $("feedback"), s && m.syncUrl !== !1) {
       const te = new URL(window.location.href);
-      te.searchParams.set("reviewLensFeedback", r.id), window.history.replaceState({}, "", te);
+      te.searchParams.set("reviewLensFeedback", a.id), window.history.replaceState({}, "", te);
     }
-    const l = z(r.selector);
+    const l = z(a.selector);
     if (!l) {
       y(void 0);
       return;
@@ -674,16 +674,16 @@ function Qt({
       y(X(l));
     });
   }
-  function Ee(r) {
+  function Ee(a) {
     if (L.length === 0)
       return;
-    const m = S ? L.findIndex((N) => N.id === S.id) : -1, l = m < 0 ? r > 0 ? 0 : L.length - 1 : (m + r + L.length) % L.length;
-    V(L[l]);
+    const m = S ? L.findIndex((N) => N.id === S.id) : -1, l = m < 0 ? a > 0 ? 0 : L.length - 1 : (m + a + L.length) % L.length;
+    q(L[l]);
   }
   async function Ae() {
     if (!w || !B.trim() || !u || !T)
       return;
-    let r = await b({
+    let a = await b({
       projectKey: f.projectKey,
       contentId: f.contentId,
       normalizedPath: v,
@@ -706,29 +706,29 @@ function Qt({
     });
     if (f.captureScreenshot)
       try {
-        const m = await f.captureScreenshot(w), l = await h(r.id, {
+        const m = await f.captureScreenshot(w), l = await h(a.id, {
           type: "screenshot",
           data: m,
           createdBy: u.email
         });
-        r = await E(r.id, {
+        a = await E(a.id, {
           attachments: [l],
           screenshotUrl: l.url,
           screenshotThumbnailUrl: l.thumbnailUrl
         });
       } catch {
       }
-    D(""), ge(""), C(void 0), y(void 0), $("feedback"), H(r);
+    D(""), ge(""), C(void 0), y(void 0), $("feedback"), H(a);
   }
-  async function rt(r, m) {
-    const l = (/* @__PURE__ */ new Date()).toISOString(), N = m === "resolved" ? { status: m, resolvedAt: l, resolvedBy: u == null ? void 0 : u.email } : { status: m }, te = await E(r.id, N);
+  async function rt(a, m) {
+    const l = (/* @__PURE__ */ new Date()).toISOString(), N = m === "resolved" ? { status: m, resolvedAt: l, resolvedBy: u == null ? void 0 : u.email } : { status: m }, te = await E(a.id, N);
     H(te);
   }
-  async function Le(r) {
-    const m = z(r.selector);
+  async function Le(a) {
+    const m = z(a.selector);
     if (!m || !u)
       return;
-    const l = X(m), N = await E(r.id, {
+    const l = X(m), N = await E(a.id, {
       status: "fixed",
       fixedCssSnapshot: l.cssSnapshot,
       fixedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -736,17 +736,17 @@ function Qt({
     });
     H(N);
   }
-  async function at(r) {
+  async function at(a) {
     if (!se.trim() || !u || !Ne)
       return;
     const m = await A({
-      feedbackId: r.id,
+      feedbackId: a.id,
       body: se.trim(),
       authorEmail: u.email
     });
     Ce((l) => ({
       ...l,
-      [r.id]: [...l[r.id] ?? [], m]
+      [a.id]: [...l[a.id] ?? [], m]
     })), oe("");
   }
   return /* @__PURE__ */ o("div", { className: "review-lens-root", "data-review-lens-ui": !0, children: [
@@ -758,7 +758,7 @@ function Qt({
         {
           feedback: L,
           selectedFeedback: S,
-          onSelect: V
+          onSelect: q
         }
       ),
       /* @__PURE__ */ i(
@@ -766,7 +766,7 @@ function Qt({
         {
           feedback: L,
           selectedFeedback: S,
-          onSelect: V
+          onSelect: q
         }
       )
     ] }) : null,
@@ -834,8 +834,8 @@ function Qt({
             "form",
             {
               className: "review-lens-feedback-form",
-              onSubmit: (r) => {
-                r.preventDefault(), Ae();
+              onSubmit: (a) => {
+                a.preventDefault(), Ae();
               },
               children: [
                 /* @__PURE__ */ i("label", { htmlFor: "review-lens-comment", children: "New feedback" }),
@@ -846,9 +846,9 @@ function Qt({
                     id: "review-lens-comment",
                     value: B,
                     disabled: !T,
-                    onChange: (r) => D(r.target.value),
-                    onKeyDown: (r) => {
-                      r.key === "Enter" && r.metaKey && (r.preventDefault(), Ae());
+                    onChange: (a) => D(a.target.value),
+                    onKeyDown: (a) => {
+                      a.key === "Enter" && a.metaKey && (a.preventDefault(), Ae());
                     },
                     placeholder: T ? "Describe the UX issue..." : "You do not have permission to comment."
                   }
@@ -860,9 +860,9 @@ function Qt({
                       "select",
                       {
                         value: ue,
-                        onChange: (r) => Je(r.target.value),
+                        onChange: (a) => Je(a.target.value),
                         disabled: !T,
-                        children: je.map((r) => /* @__PURE__ */ i("option", { value: r, children: Q[r] }, r))
+                        children: je.map((a) => /* @__PURE__ */ i("option", { value: a, children: Q[a] }, a))
                       }
                     )
                   ] }),
@@ -872,9 +872,9 @@ function Qt({
                       "select",
                       {
                         value: pe,
-                        onChange: (r) => qe(r.target.value),
+                        onChange: (a) => Ve(a.target.value),
                         disabled: !T,
-                        children: Oe.map((r) => /* @__PURE__ */ i("option", { value: r, children: Z[r] }, r))
+                        children: Oe.map((a) => /* @__PURE__ */ i("option", { value: a, children: Z[a] }, a))
                       }
                     )
                   ] }),
@@ -884,7 +884,7 @@ function Qt({
                       "input",
                       {
                         value: me,
-                        onChange: (r) => ge(r.target.value),
+                        onChange: (a) => ge(a.target.value),
                         disabled: !T,
                         placeholder: "optional@email.com"
                       }
@@ -896,9 +896,9 @@ function Qt({
                       "select",
                       {
                         value: fe,
-                        onChange: (r) => Ve(r.target.value),
+                        onChange: (a) => qe(a.target.value),
                         disabled: !T,
-                        children: c.map((r) => /* @__PURE__ */ i("option", { value: r.value, children: r.label }, r.value))
+                        children: c.map((a) => /* @__PURE__ */ i("option", { value: a.value, children: a.label }, a.value))
                       }
                     )
                   ] })
@@ -926,7 +926,7 @@ function Qt({
               severityFilter: O,
               categoryFilter: K,
               assigneeFilter: J,
-              viewportFilter: q,
+              viewportFilter: V,
               assignees: nt,
               responsivePresets: c,
               onStatusChange: ve,
@@ -934,7 +934,7 @@ function Qt({
               onCategoryChange: ye,
               onAssigneeChange: Se,
               onViewportChange: ke,
-              onToggle: () => Xe((r) => !r),
+              onToggle: () => Xe((a) => !a),
               onClear: () => {
                 ve("all"), we("all"), ye("all"), Se("all"), ke("all");
               }
@@ -947,14 +947,14 @@ function Qt({
             ] }),
             /* @__PURE__ */ o("div", { className: "review-lens-comments__list", children: [
               L.length === 0 ? /* @__PURE__ */ i("p", { children: "No feedback for this view." }) : null,
-              L.map((r) => /* @__PURE__ */ i(
+              L.map((a) => /* @__PURE__ */ i(
                 Tt,
                 {
-                  item: r,
-                  selected: (S == null ? void 0 : S.id) === r.id,
-                  onSelect: V
+                  item: a,
+                  selected: (S == null ? void 0 : S.id) === a.id,
+                  onSelect: q
                 },
-                r.id
+                a.id
               ))
             ] })
           ] }),
@@ -971,9 +971,9 @@ function Qt({
                 canAssign: Ze,
                 onMessageDraftChange: oe,
                 onSubmitMessage: () => void at(S),
-                onStatusChange: (r) => void rt(S, r),
-                onAssigneeChange: (r) => void E(S.id, {
-                  assigneeEmail: r.trim() || void 0
+                onStatusChange: (a) => void rt(S, a),
+                onAssigneeChange: (a) => void E(S.id, {
+                  assigneeEmail: a.trim() || void 0
                 }).then(H),
                 onMarkFixed: () => void Le(S)
               },
@@ -993,7 +993,7 @@ function It({
   open: e,
   activeCount: t,
   statusFilter: n,
-  severityFilter: a,
+  severityFilter: r,
   categoryFilter: s,
   assigneeFilter: c,
   viewportFilter: g,
@@ -1037,7 +1037,7 @@ function It({
           "select",
           {
             "aria-label": "Filter severity",
-            value: a,
+            value: r,
             onChange: (h) => v(h.target.value),
             children: [
               /* @__PURE__ */ i("option", { value: "all", children: "All priorities" }),
@@ -1099,7 +1099,7 @@ function Tt({
   selected: t,
   onSelect: n
 }) {
-  const a = Ke(e);
+  const r = Ke(e);
   return /* @__PURE__ */ o(
     "article",
     {
@@ -1128,7 +1128,7 @@ function Tt({
         /* @__PURE__ */ o("div", { className: "review-lens-tags", children: [
           /* @__PURE__ */ i("span", { children: Z[e.category] }),
           /* @__PURE__ */ i("span", { children: e.viewportPreset }),
-          /* @__PURE__ */ i("span", { children: a.label })
+          /* @__PURE__ */ i("span", { children: r.label })
         ] })
       ]
     }
@@ -1138,7 +1138,7 @@ function Rt({
   item: e,
   messages: t,
   messageDraft: n,
-  canReply: a,
+  canReply: r,
   canUpdate: s,
   canAssign: c,
   onMessageDraftChange: g,
@@ -1234,12 +1234,12 @@ function Rt({
         {
           "aria-label": "Reply",
           value: n,
-          disabled: !a,
+          disabled: !r,
           onChange: (b) => g(b.target.value),
-          placeholder: a ? "Reply..." : "You do not have permission to reply."
+          placeholder: r ? "Reply..." : "You do not have permission to reply."
         }
       ),
-      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !a, onClick: f, children: "Reply" }) })
+      /* @__PURE__ */ i("div", { className: "review-lens-actions", children: /* @__PURE__ */ i("button", { type: "button", disabled: !n.trim() || !r, onClick: f, children: "Reply" }) })
     ] })
   ] });
 }
@@ -1255,14 +1255,14 @@ function Bt({ feedback: e }) {
 function G({ title: e, values: t }) {
   return /* @__PURE__ */ o("section", { children: [
     /* @__PURE__ */ i("h3", { children: e }),
-    /* @__PURE__ */ i("dl", { children: t.map(([n, a]) => /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ i("dl", { children: t.map(([n, r]) => /* @__PURE__ */ o("div", { children: [
       /* @__PURE__ */ i("dt", { children: n }),
-      /* @__PURE__ */ i("dd", { children: a })
+      /* @__PURE__ */ i("dd", { children: r })
     ] }, n)) })
   ] });
 }
 function $t({ target: e, locked: t }) {
-  const n = Vt(e), a = jt(e.fingerprint);
+  const n = Gt(e), r = Ot(e.fingerprint);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -1311,7 +1311,7 @@ function $t({ target: e, locked: t }) {
           }
         ),
         /* @__PURE__ */ o("div", { className: "review-lens-highlight__label", children: [
-          /* @__PURE__ */ i("strong", { children: a }),
+          /* @__PURE__ */ i("strong", { children: r }),
           /* @__PURE__ */ o("span", { children: [
             Math.round(e.rect.width),
             " x ",
@@ -1323,20 +1323,20 @@ function $t({ target: e, locked: t }) {
   );
 }
 function _t({ from: e, to: t }) {
-  const n = Ot(e.rect, t.rect);
-  return n.length === 0 ? null : /* @__PURE__ */ i(ie, { children: n.map((a) => /* @__PURE__ */ i(
+  const n = Kt(e.rect, t.rect);
+  return n.length === 0 ? null : /* @__PURE__ */ i(ie, { children: n.map((r) => /* @__PURE__ */ i(
     "div",
     {
-      className: `review-lens-distance review-lens-distance--${a.axis}`,
+      className: `review-lens-distance review-lens-distance--${r.axis}`,
       style: {
-        top: a.top,
-        left: a.left,
-        width: a.width,
-        height: a.height
+        top: r.top,
+        left: r.left,
+        width: r.width,
+        height: r.height
       },
-      children: /* @__PURE__ */ i("span", { children: a.label })
+      children: /* @__PURE__ */ i("span", { children: r.label })
     },
-    a.key
+    r.key
   )) });
 }
 function Pt({
@@ -1344,14 +1344,14 @@ function Pt({
   selectedFeedback: t,
   onSelect: n
 }) {
-  return /* @__PURE__ */ i(ie, { children: e.map((a) => /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(ie, { children: e.map((r) => /* @__PURE__ */ i(
     Ut,
     {
-      feedback: a,
-      selected: (t == null ? void 0 : t.id) === a.id,
+      feedback: r,
+      selected: (t == null ? void 0 : t.id) === r.id,
       onSelect: n
     },
-    a.id
+    r.id
   )) });
 }
 function Ut({
@@ -1359,12 +1359,12 @@ function Ut({
   selected: t,
   onSelect: n
 }) {
-  const a = We(null);
+  const r = We(null);
   return lt(() => {
     let s = 0;
     const c = () => {
       s = 0;
-      const f = a.current, u = z(e.selector), d = u == null ? void 0 : u.getBoundingClientRect();
+      const f = r.current, u = z(e.selector), d = u == null ? void 0 : u.getBoundingClientRect();
       !f || !d || (f.style.top = `${d.top}px`, f.style.left = `${d.right}px`, f.hidden = d.bottom < 0 || d.top > window.innerHeight);
     }, g = () => {
       s || (s = window.requestAnimationFrame(c));
@@ -1375,7 +1375,7 @@ function Ut({
   }, [e.selector]), /* @__PURE__ */ i(
     "button",
     {
-      ref: a,
+      ref: r,
       type: "button",
       className: t ? "review-lens-marker review-lens-marker--selected" : "review-lens-marker",
       onClick: () => n(e),
@@ -1388,7 +1388,7 @@ function Wt({
   selectedFeedback: t,
   onSelect: n
 }) {
-  const a = e.map((s) => {
+  const r = e.map((s) => {
     const c = z(s.selector), g = c == null ? void 0 : c.getBoundingClientRect(), f = Math.max(
       document.documentElement.scrollHeight,
       document.body.scrollHeight,
@@ -1399,7 +1399,7 @@ function Wt({
       top: Math.min(100, Math.max(0, (g.top + window.scrollY) / f * 100))
     };
   }).filter((s) => s !== null);
-  return a.length === 0 ? null : /* @__PURE__ */ i("div", { className: "review-lens-minimap", "data-review-lens-ui": !0, "aria-label": "Feedback map", children: a.map((s) => /* @__PURE__ */ i(
+  return r.length === 0 ? null : /* @__PURE__ */ i("div", { className: "review-lens-minimap", "data-review-lens-ui": !0, "aria-label": "Feedback map", children: r.map((s) => /* @__PURE__ */ i(
     "button",
     {
       type: "button",
@@ -1424,9 +1424,9 @@ function Dt({ target: e }) {
     ["Color", e.cssSnapshot.color],
     ["Background", e.cssSnapshot.backgroundColor]
   ];
-  return /* @__PURE__ */ i("dl", { className: "review-lens-metrics", children: t.map(([n, a]) => /* @__PURE__ */ o("div", { children: [
+  return /* @__PURE__ */ i("dl", { className: "review-lens-metrics", children: t.map(([n, r]) => /* @__PURE__ */ o("div", { children: [
     /* @__PURE__ */ i("dt", { children: n }),
-    /* @__PURE__ */ i("dd", { children: a })
+    /* @__PURE__ */ i("dd", { children: r })
   ] }, n)) });
 }
 function _e({ title: e, items: t }) {
@@ -1455,24 +1455,32 @@ function zt(e) {
   const t = z(e.selector);
   if (!t)
     return ["Selected element is no longer available."];
-  const n = [], a = t.tagName.toLowerCase(), s = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(a) || s === "button" || s === "link", g = t.getAttribute("aria-label") || t.getAttribute("title") || ((u = t.textContent) == null ? void 0 : u.trim());
-  c && !g && n.push("Interactive element has no accessible name."), c && (e.rect.width < 44 || e.rect.height < 44) && n.push("Tap target is smaller than 44 x 44."), a === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
-  const f = /^h[1-6]$/.test(a) ? Number(a.slice(1)) : 0;
-  return f > 1 && !document.querySelector(`h${f - 1}`) && n.push("Heading may skip the previous level."), Jt(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
+  const n = [], r = t.tagName.toLowerCase(), s = t.getAttribute("role"), c = ["button", "a", "input", "select", "textarea"].includes(r) || s === "button" || s === "link", g = t.getAttribute("aria-label") || t.getAttribute("title") || ((u = t.textContent) == null ? void 0 : u.trim());
+  c && !g && n.push("Interactive element has no accessible name."), c && (e.rect.width < 44 || e.rect.height < 44) && n.push("Tap target is smaller than 44 x 44."), r === "img" && !t.getAttribute("alt") && n.push("Image is missing alt text.");
+  const f = /^h[1-6]$/.test(r) ? Number(r.slice(1)) : 0;
+  return f > 1 && !document.querySelector(`h${f - 1}`) && n.push("Heading may skip the previous level."), Vt(e.cssSnapshot.color, e.cssSnapshot.backgroundColor) && n.push("Text contrast may be low."), n;
 }
 function Ht(e, t = {}) {
   const n = [];
-  return U("Padding", e.padding, t.spacing, n), U("Margin", e.margin, t.spacing, n), U("Font size", e.fontSize, t.fontSize, n), U("Line height", e.lineHeight, t.lineHeight, n), U("Text color", e.color, t.color, n), U("Background", e.backgroundColor, t.color, n), U("Radius", e.borderRadius, t.radius, n), n;
+  return U("Padding", e.padding, t.spacing, n, { allowComposite: !0 }), U("Margin", e.margin, t.spacing, n, { allowComposite: !0 }), U("Font size", e.fontSize, t.fontSize, n), U("Line height", e.lineHeight, t.lineHeight, n), U("Text color", e.color, t.color, n), U("Background", e.backgroundColor, t.color, n), U("Radius", e.borderRadius, t.radius, n, { allowComposite: !0 }), n;
 }
-function U(e, t, n, a) {
-  !n || n.length === 0 || !t || n.includes(t) || a.push(`${e} ${t} is outside configured tokens.`);
+function U(e, t, n, r, s = {}) {
+  !n || n.length === 0 || !t || jt(t, n, s) || r.push(`${e} ${t} is outside configured tokens.`);
 }
-function jt(e) {
-  const t = e.id ? `#${e.id}` : "", n = e.className ? `.${e.className.split(/\s+/).filter(Boolean).slice(0, 2).join(".")}` : "", a = e.ariaLabel ? `[aria-label="${e.ariaLabel}"]` : "";
-  return `${e.tagName}${t}${n}${a}` || e.tagName;
+function jt(e, t, n = {}) {
+  if (t.includes(e))
+    return !0;
+  if (!n.allowComposite)
+    return !1;
+  const r = e.trim().split(/\s+/);
+  return r.length > 1 && r.every((s) => t.includes(s));
 }
-function Ot(e, t) {
-  const n = [], a = (Math.max(e.left, t.left) + Math.min(e.right, t.right)) / 2, s = (Math.max(e.top, t.top) + Math.min(e.bottom, t.bottom)) / 2;
+function Ot(e) {
+  const t = e.id ? `#${e.id}` : "", n = e.className ? `.${e.className.split(/\s+/).filter(Boolean).slice(0, 2).join(".")}` : "", r = e.ariaLabel ? `[aria-label="${e.ariaLabel}"]` : "";
+  return `${e.tagName}${t}${n}${r}` || e.tagName;
+}
+function Kt(e, t) {
+  const n = [], r = (Math.max(e.left, t.left) + Math.min(e.right, t.right)) / 2, s = (Math.max(e.top, t.top) + Math.min(e.bottom, t.bottom)) / 2;
   if (e.right <= t.left || t.right <= e.left) {
     const c = e.right <= t.left ? e.right : t.right, g = e.right <= t.left ? t.left : e.left;
     n.push({
@@ -1491,7 +1499,7 @@ function Ot(e, t) {
       key: "vertical",
       axis: "vertical",
       top: c,
-      left: Pe(a, 0, window.innerWidth),
+      left: Pe(r, 0, window.innerWidth),
       width: 1,
       height: Math.max(g - c, 1),
       label: `${Math.round(g - c)}px`
@@ -1504,43 +1512,43 @@ function Pe(e, t, n) {
 }
 function Y(e, t) {
   const n = /* @__PURE__ */ new Map();
-  for (const a of e) {
-    const s = t(a);
+  for (const r of e) {
+    const s = t(r);
     n.set(s, (n.get(s) ?? 0) + 1);
   }
-  return Array.from(n.entries()).sort((a, s) => s[1] - a[1] || a[0].localeCompare(s[0]));
+  return Array.from(n.entries()).sort((r, s) => s[1] - r[1] || r[0].localeCompare(s[0]));
 }
-function Kt(e) {
+function Jt(e) {
   return e instanceof HTMLInputElement || e instanceof HTMLTextAreaElement || e instanceof HTMLSelectElement || e instanceof HTMLElement && e.isContentEditable;
 }
-function Jt(e, t) {
-  const n = Ue(e), a = Ue(t);
-  return !n || !a || a.alpha === 0 ? !1 : qt(n, a) < 4.5;
+function Vt(e, t) {
+  const n = Ue(e), r = Ue(t);
+  return !n || !r || r.alpha === 0 ? !1 : qt(n, r) < 4.5;
 }
 function Ue(e) {
   const t = e.match(/rgba?\(([^)]+)\)/);
   if (!t)
     return null;
-  const [n, a, s, c = "1"] = t[1].split(",").map((g) => g.trim());
+  const [n, r, s, c = "1"] = t[1].split(",").map((g) => g.trim());
   return {
     red: Number(n),
-    green: Number(a),
+    green: Number(r),
     blue: Number(s),
     alpha: Number(c)
   };
 }
 function qt(e, t) {
-  const n = Math.max(ne(e), ne(t)), a = Math.min(ne(e), ne(t));
-  return (n + 0.05) / (a + 0.05);
+  const n = Math.max(ne(e), ne(t)), r = Math.min(ne(e), ne(t));
+  return (n + 0.05) / (r + 0.05);
 }
 function ne(e) {
   const t = [e.red, e.green, e.blue].map((n) => {
-    const a = n / 255;
-    return a <= 0.03928 ? a / 12.92 : ((a + 0.055) / 1.055) ** 2.4;
+    const r = n / 255;
+    return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
   });
   return t[0] * 0.2126 + t[1] * 0.7152 + t[2] * 0.0722;
 }
-function Vt(e) {
+function Gt(e) {
   const t = {
     top: F(e.cssSnapshot.marginTop),
     right: F(e.cssSnapshot.marginRight),
@@ -1551,7 +1559,7 @@ function Vt(e) {
     right: F(e.cssSnapshot.borderRightWidth),
     bottom: F(e.cssSnapshot.borderBottomWidth),
     left: F(e.cssSnapshot.borderLeftWidth)
-  }, a = {
+  }, r = {
     top: F(e.cssSnapshot.paddingTop),
     right: F(e.cssSnapshot.paddingRight),
     bottom: F(e.cssSnapshot.paddingBottom),
@@ -1572,10 +1580,10 @@ function Vt(e) {
     width: Math.max(s.width - n.left - n.right, 0),
     height: Math.max(s.height - n.top - n.bottom, 0)
   }, f = {
-    top: g.top + a.top,
-    left: g.left + a.left,
-    width: Math.max(g.width - a.left - a.right, 0),
-    height: Math.max(g.height - a.top - a.bottom, 0)
+    top: g.top + r.top,
+    left: g.left + r.left,
+    width: Math.max(g.width - r.left - r.right, 0),
+    height: Math.max(g.height - r.top - r.bottom, 0)
   };
   return {
     margin: c,
@@ -1589,8 +1597,8 @@ function F(e) {
   return Number.isFinite(t) ? t : 0;
 }
 export {
-  Qt as ReviewLensOverlay,
-  Xt as ReviewLensProvider,
+  Zt as ReviewLensOverlay,
+  Qt as ReviewLensProvider,
   X as buildElementTarget,
   ht as createGoogleSheetsAdapter,
   Ct as normalizeReviewUrl,

package/dist/review-lens-react.umd.cjs

@@ -1 +1 @@
-(function(x,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],r):(x=typeof globalThis<"u"?globalThis:x||self,r(x.ReviewLensReact={},x.jsxRuntime,x.React))})(this,(function(x,r,l){"use strict";const Ke=["https://www.googleapis.com/auth/spreadsheets","https://www.googleapis.com/auth/userinfo.email"].join(" "),Je="https://www.googleapis.com/oauth2/v3/userinfo";function le(e){const t=e.feedbackSheetName??"Feedback",n=e.messagesSheetName??"Messages",a=e.usersSheetName??"Users";let i,d;async function f(){return i??(i=tt(e.googleClientId)),i}async function b(c,w){const u=await f(),v=await fetch(`https://sheets.googleapis.com/v4/spreadsheets/${e.spreadsheetId}${c}`,{...w,headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json",...w==null?void 0:w.headers}});if(!v.ok)throw new Error(`Google Sheets request failed with ${v.status}`);return v.json()}async function p(c){return(await b(`/values/${encodeURIComponent(c)}`)).values??[]}return{async getCurrentUser(){if(!d){const c=await f(),w=await fetch(Je,{headers:{Authorization:`Bearer ${c}`}});if(!w.ok)throw new Error(`Google userinfo request failed with ${w.status}`);d=(await w.json()).email}if(!d)throw new Error("Google account did not return an email address");return{email:d}},async getPermissions(c){const[{email:w},u]=await Promise.all([this.getCurrentUser(),p(a)]),v=ne(u),E=w.toLowerCase(),N=v.find(A=>{var h;return((h=A.email)==null?void 0:h.toLowerCase())===E&&A.active!=="false"&&(!A.projectKey||A.projectKey===c)});return Ye((N==null?void 0:N.role)??"designer")},async listFeedback(c){return ne(await p(t)).map(pe).filter(u=>u!==null).filter(u=>u.projectKey===c.projectKey&&u.contentId===c.contentId&&u.normalizedPath===c.normalizedPath).sort((u,v)=>v.createdAt.localeCompare(u.createdAt))},async createFeedback(c){const w=new Date().toISOString(),u={...c,id:crypto.randomUUID(),attachments:[],createdAt:w,updatedAt:w};return await b(`/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`,{method:"POST",body:JSON.stringify({values:[ce(u)]})}),u},async updateFeedback(c,w){const u=await p(t),v=u[0]??de,E=v.indexOf("id");if(E===-1)throw new Error(`Sheet ${t} is missing an id column`);const N=u.findIndex((m,k)=>k>0&&m[E]===c);if(N<1)throw new Error(`Feedback ${c} was not found`);const A=new Date().toISOString(),h=pe(he(v,u[N]));if(!h)throw new Error(`Feedback ${c} could not be parsed before updating`);const B={...h,...w,updatedAt:A},y=ce(B);return await b(`/values/${encodeURIComponent(t)}!A${N+1}:${et(de.length)}${N+1}?valueInputOption=RAW`,{method:"PUT",body:JSON.stringify({values:[y]})}),B},async listMessages(c){return ne(await p(n)).map(Ge).filter(u=>u!==null).filter(u=>u.feedbackId===c).sort((u,v)=>u.createdAt.localeCompare(v.createdAt))},async createMessage(c){const w={...c,id:crypto.randomUUID(),createdAt:new Date().toISOString()};return await b(`/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`,{method:"POST",body:JSON.stringify({values:[Ve(w)]})}),w}}}const de=["id","projectKey","contentId","normalizedPath","originalUrl","selector","selectorStrategy","elementFingerprintJson","createdCssSnapshotJson","comment","status","severity","category","assigneeEmail","viewportWidth","viewportHeight","viewportPreset","screenshotUrl","screenshotThumbnailUrl","attachmentJson","authorEmail","createdAt","updatedAt","fixedCssSnapshotJson","fixedAt","fixedBy","resolvedAt","resolvedBy"],qe=["id","feedbackId","body","authorEmail","createdAt"];function ce(e){return[e.id,e.projectKey,e.contentId,e.normalizedPath,e.originalUrl,e.selector,e.selectorStrategy,JSON.stringify(e.elementFingerprint),JSON.stringify(e.createdCssSnapshot),e.comment,e.status,e.severity,e.category,e.assigneeEmail??"",String(e.viewportWidth),String(e.viewportHeight),e.viewportPreset,e.screenshotUrl??"",e.screenshotThumbnailUrl??"",JSON.stringify(e.attachments),e.authorEmail,e.createdAt,e.updatedAt,e.fixedCssSnapshot?JSON.stringify(e.fixedCssSnapshot):"",e.fixedAt??"",e.fixedBy??"",e.resolvedAt??"",e.resolvedBy??""]}function Ve(e){return qe.map(t=>e[t])}function ne(e){const[t,...n]=e;return t?n.map(a=>he(t,a)):[]}function he(e,t){return Object.fromEntries(e.map((n,a)=>[n,t[a]??""]))}function pe(e){return e.id?{id:e.id,projectKey:e.projectKey,contentId:e.contentId,normalizedPath:e.normalizedPath,originalUrl:e.originalUrl,selector:e.selector,selectorStrategy:e.selectorStrategy==="stable-attribute"?"stable-attribute":"css-path",elementFingerprint:re(e.elementFingerprintJson,{tagName:"",width:0,height:0}),createdCssSnapshot:ue(e.createdCssSnapshotJson),fixedCssSnapshot:e.fixedCssSnapshotJson?ue(e.fixedCssSnapshotJson):void 0,comment:e.comment,status:Xe(e.status),severity:Qe(e.severity),category:Ze(e.category),assigneeEmail:e.assigneeEmail||void 0,viewportWidth:Number(e.viewportWidth)||0,viewportHeight:Number(e.viewportHeight)||0,viewportPreset:Re(e.viewportPreset),screenshotUrl:e.screenshotUrl||void 0,screenshotThumbnailUrl:e.screenshotThumbnailUrl||void 0,attachments:re(e.attachmentJson,[]),authorEmail:e.authorEmail,createdAt:e.createdAt,updatedAt:e.updatedAt,fixedAt:e.fixedAt||void 0,fixedBy:e.fixedBy||void 0,resolvedAt:e.resolvedAt||void 0,resolvedBy:e.resolvedBy||void 0}:null}function Ge(e){return!e.id||!e.feedbackId?null:{id:e.id,feedbackId:e.feedbackId,body:e.body,authorEmail:e.authorEmail,createdAt:e.createdAt}}function re(e,t){try{return e?JSON.parse(e):t}catch{return t}}function ue(e){const t=re(e,{});return{margin:t.margin??"",marginTop:t.marginTop??"",marginRight:t.marginRight??"",marginBottom:t.marginBottom??"",marginLeft:t.marginLeft??"",padding:t.padding??"",paddingTop:t.paddingTop??"",paddingRight:t.paddingRight??"",paddingBottom:t.paddingBottom??"",paddingLeft:t.paddingLeft??"",border:t.border??"",borderTopWidth:t.borderTopWidth??"",borderRightWidth:t.borderRightWidth??"",borderBottomWidth:t.borderBottomWidth??"",borderLeftWidth:t.borderLeftWidth??"",fontFamily:t.fontFamily??"",fontSize:t.fontSize??"",lineHeight:t.lineHeight??"",color:t.color??"",backgroundColor:t.backgroundColor??"",borderRadius:t.borderRadius??"",width:t.width??0,height:t.height??0}}function Ye(e){return e==="admin"?["create","read","reply","update","assign"]:e==="developer"?["read","reply","update","assign"]:["create","read","reply"]}function Xe(e){return e==="in_progress"||e==="needs_clarification"||e==="fixed"||e==="wontfix"||e==="resolved"?e:"open"}function Qe(e){return e==="low"||e==="high"?e:"medium"}function Ze(e){return e==="visual"||e==="copy"||e==="accessibility"||e==="responsive"?e:"bug"}function Re(e){return e==="mobile"||e==="tablet"||e==="desktop"?e:"custom"}function et(e){let t=e,n="";for(;t>0;){const a=(t-1)%26;n=String.fromCharCode(65+a)+n,t=Math.floor((t-a)/26)}return n}async function tt(e){return await nt(),new Promise((t,n)=>{var i;const a=(i=window.google)==null?void 0:i.accounts.oauth2.initTokenClient({client_id:e,scope:Ke,callback:d=>{if(d.error||!d.access_token){n(new Error(d.error??"Google OAuth did not return an access token"));return}t(d.access_token)}});a==null||a.requestAccessToken({prompt:""})})}function nt(){var e;return(e=window.google)!=null&&e.accounts.oauth2?Promise.resolve():new Promise((t,n)=>{const a=document.querySelector('script[src="https://accounts.google.com/gsi/client"]');if(a){a.addEventListener("load",()=>t(),{once:!0}),a.addEventListener("error",()=>n(new Error("Google Identity failed to load")),{once:!0});return}const i=document.createElement("script");i.src="https://accounts.google.com/gsi/client",i.async=!0,i.defer=!0,i.onload=()=>t(),i.onerror=()=>n(new Error("Google Identity failed to load")),document.head.append(i)})}function ge(e){return new URL(e,window.location.href).pathname.replace(/\/+$/,"")||"/"}const fe=l.createContext(null);function rt({config:e,children:t}){const n=l.useMemo(()=>e.adapter?e.adapter:le({googleClientId:ve(e.googleClientId,"googleClientId"),spreadsheetId:ve(e.spreadsheetId,"spreadsheetId"),feedbackSheetName:e.sheetName??"Feedback"}),[e.adapter,e.googleClientId,e.sheetName,e.spreadsheetId]),a=e.currentUrl??window.location.href,i=(e.normalizeUrl??ge)(a),[d,f]=l.useState(),[b,p]=l.useState([]),[c,w]=l.useState([]),u=l.useCallback(async()=>{const y=await n.listFeedback({projectKey:e.projectKey,contentId:e.contentId,normalizedPath:i});w(y)},[n,e.contentId,e.projectKey,i]);l.useEffect(()=>{let y=!0;async function m(){const[k,$]=await Promise.all([n.getCurrentUser(),n.getPermissions(e.projectKey)]);y&&(f(k),p($),await u())}return m(),()=>{y=!1}},[n,e.projectKey,u]);const v=l.useCallback(async y=>{const m=await n.createFeedback(y);return w(k=>[m,...k]),m},[n]),E=l.useCallback(async(y,m)=>{const k=await n.updateFeedback(y,m);return w($=>$.map(z=>z.id===y?k:z)),k},[n]),N=l.useCallback(y=>n.listMessages(y),[n]),A=l.useCallback(y=>n.createMessage(y),[n]),h=l.useCallback(async(y,m)=>{const k=e.uploadAttachment??n.uploadAttachment;if(!k)throw new Error("Review Lens attachment upload is not configured");return k(y,m)},[n,e]),B=l.useMemo(()=>({config:e,adapter:n,currentUser:d,permissions:b,feedback:c,normalizedPath:i,refreshFeedback:u,createFeedback:v,updateFeedback:E,listMessages:N,createMessage:A,uploadAttachment:h}),[n,e,v,d,c,i,b,u,E,N,A,h]);return r.jsx(fe.Provider,{value:B,children:t})}function be(){const e=l.useContext(fe);if(!e)throw new Error("useReviewLens must be used inside ReviewLensProvider");return e}function ve(e,t){if(!e)throw new Error(`review-lens-react requires config.${t} when no adapter is provided`);return e}const st=["data-review-id","data-testid","data-test-id","aria-label","name"];function W(e){const t=e.getBoundingClientRect(),n=at(e);return{selector:n.selector,selectorStrategy:n.strategy,fingerprint:ot(e,t),cssSnapshot:lt(e,t),rect:t}}function at(e){for(const t of st){const n=e.getAttribute(t);if(n)return{selector:`[${t}="${we(n)}"]`,strategy:"stable-attribute"}}return e.id?{selector:`#${we(e.id)}`,strategy:"stable-attribute"}:{selector:it(e),strategy:"css-path"}}function it(e){const t=[];let n=e;for(;n&&n.nodeType===Node.ELEMENT_NODE&&n!==document.body;){const a=n.parentElement,i=n.tagName.toLowerCase();if(!a){t.unshift(i);break}const d=n.tagName,f=Array.from(a.children).filter(p=>p.tagName===d),b=f.indexOf(n)+1;t.unshift(f.length>1?`${i}:nth-of-type(${b})`:i),n=a}return t.join(" > ")}function ot(e,t){var n;return{tagName:e.tagName.toLowerCase(),id:e.id||void 0,className:e.getAttribute("class")||void 0,textSnippet:((n=e.textContent)==null?void 0:n.trim().slice(0,80))||void 0,ariaLabel:e.getAttribute("aria-label")||void 0,width:Math.round(t.width),height:Math.round(t.height)}}function lt(e,t){const n=window.getComputedStyle(e);return{margin:se(n.marginTop,n.marginRight,n.marginBottom,n.marginLeft),marginTop:n.marginTop,marginRight:n.marginRight,marginBottom:n.marginBottom,marginLeft:n.marginLeft,padding:se(n.paddingTop,n.paddingRight,n.paddingBottom,n.paddingLeft),paddingTop:n.paddingTop,paddingRight:n.paddingRight,paddingBottom:n.paddingBottom,paddingLeft:n.paddingLeft,border:se(n.borderTopWidth,n.borderRightWidth,n.borderBottomWidth,n.borderLeftWidth),borderTopWidth:n.borderTopWidth,borderRightWidth:n.borderRightWidth,borderBottomWidth:n.borderBottomWidth,borderLeftWidth:n.borderLeftWidth,fontFamily:n.fontFamily,fontSize:n.fontSize,lineHeight:n.lineHeight,color:n.color,backgroundColor:n.backgroundColor,borderRadius:n.borderRadius,width:Math.round(t.width),height:Math.round(t.height)}}function se(e,t,n,a){return e===t&&t===n&&n===a?e:`${e} ${t} ${n} ${a}`}function we(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}const dt=[{label:"Desktop",value:"desktop"},{label:"Tablet",value:"tablet"},{label:"Mobile",value:"mobile"}],me=["open","in_progress","needs_clarification","fixed","wontfix","resolved"],ye=["low","medium","high"],Se=["bug","visual","copy","accessibility","responsive"],Z={open:"Open",in_progress:"In progress",needs_clarification:"Needs clarification",fixed:"Fixed",wontfix:"Won't fix",resolved:"Resolved"},H={low:"Low",medium:"Medium",high:"High"},j={bug:"Bug",visual:"Visual",copy:"Copy",accessibility:"Accessibility",responsive:"Responsive"};function ct({open:e,onOpenChange:t,placement:n="top-right",showResolved:a=!1,syncSelectionToUrl:i=!1,responsivePresets:d=dt}){var Oe;const{adapter:f,config:b,currentUser:p,feedback:c,normalizedPath:w,permissions:u,createFeedback:v,updateFeedback:E,listMessages:N,createMessage:A,uploadAttachment:h}=be(),[B,y]=l.useState(),[m,k]=l.useState(),[$,z]=l.useState(""),[xe,Ft]=l.useState("medium"),[Ae,Mt]=l.useState("visual"),[Le,Fe]=l.useState(""),[Me,Tt]=l.useState(((Oe=d[0])==null?void 0:Oe.value)??"desktop"),[S,J]=l.useState(),[M,P]=l.useState("review"),[It,Te]=l.useState(!1),[q,Ie]=l.useState("all"),[V,Be]=l.useState("all"),[G,$e]=l.useState("all"),[Y,Pe]=l.useState("all"),[X,_e]=l.useState("all"),[Bt,$t]=l.useState(!1),[Pt,Ue]=l.useState({}),[ae,ie]=l.useState(""),ee=l.useRef(null),T=!!p,I=u.includes("create"),We=u.includes("reply"),De=u.includes("update"),_t=u.includes("assign"),U=B??m,Ut=!!m,Wt=!!(b.captureScreenshot&&(b.uploadAttachment||f.uploadAttachment)),Dt=l.useMemo(()=>{const s=c.map(g=>g.assigneeEmail).filter(g=>!!g);return p!=null&&p.email&&s.push(p.email),Array.from(new Set(s)).sort((g,o)=>g.localeCompare(o))},[p==null?void 0:p.email,c]),F=l.useMemo(()=>c.filter(s=>a||s.status!=="resolved").filter(s=>q==="all"||s.status===q).filter(s=>V==="all"||s.severity===V).filter(s=>G==="all"||s.category===G).filter(s=>Y==="all"||s.assigneeEmail===Y).filter(s=>X==="all"||s.viewportPreset===X),[Y,G,c,V,a,q,X]),zt=[q,V,G,Y,X].filter(s=>s!=="all").length;l.useEffect(()=>{e||(y(void 0),k(void 0),z(""),ie(""),P("review"))},[e]),l.useEffect(()=>{T||(y(void 0),k(void 0))},[T]),l.useEffect(()=>{!m||M!=="review"||window.requestAnimationFrame(()=>{var s,g,o;(g=(s=ee.current)==null?void 0:s.scrollIntoView)==null||g.call(s,{block:"nearest"}),(o=ee.current)==null||o.focus()})},[m,M]),l.useEffect(()=>{if(!S)return;let s=!0;return N(S.id).then(g=>{s&&Ue(o=>({...o,[S.id]:g}))}),()=>{s=!1}},[N,S]),l.useEffect(()=>{if(!e||!i||S||c.length===0)return;const s=new URL(window.location.href).searchParams.get("reviewLensFeedback"),g=c.find(o=>o.id===s);g&&Q(g,{syncUrl:!1})},[c,e,S,i]),l.useEffect(()=>{if(!e)return;function s(o){var C;if(o.key==="Shift"&&Te(!0),o.key==="Escape"){o.preventDefault(),t==null||t(!1);return}Et(o.target)||((o.key==="n"||o.key==="ArrowDown")&&(o.preventDefault(),ze(1)),(o.key==="p"||o.key==="ArrowUp")&&(o.preventDefault(),ze(-1)),o.key==="c"&&(o.preventDefault(),P("review"),(C=ee.current)==null||C.focus()),o.key==="f"&&S&&De&&(o.preventDefault(),je(S)))}function g(o){o.key==="Shift"&&Te(!1)}return window.addEventListener("keydown",s),window.addEventListener("keyup",g),()=>{window.removeEventListener("keydown",s),window.removeEventListener("keyup",g)}});const oe=l.useCallback(s=>{const g=s.target instanceof Element?s.target:null;if(g)return g.closest("[data-review-lens-ui]")?null:g;const o=document.elementFromPoint(s.clientX,s.clientY);return!o||o.closest("[data-review-lens-ui]")?null:o},[]);if(l.useEffect(()=>{if(!e||!T)return;function s(o){const C=oe(o);y(C?W(C):void 0)}function g(o){const C=oe(o);C&&(o.preventDefault(),o.stopPropagation(),k(W(C)),P("review"))}return window.addEventListener("mousemove",s,!0),window.addEventListener("click",g,!0),()=>{window.removeEventListener("mousemove",s,!0),window.removeEventListener("click",g,!0)}},[T,oe,e]),!e)return null;function Q(s,g={syncUrl:!0}){var C;if(J(s),k(void 0),P("feedback"),i&&g.syncUrl!==!1){const te=new URL(window.location.href);te.searchParams.set("reviewLensFeedback",s.id),window.history.replaceState({},"",te)}const o=D(s.selector);if(!o){y(void 0);return}(C=o.scrollIntoView)==null||C.call(o,{behavior:"smooth",block:"center",inline:"center"}),window.requestAnimationFrame(()=>{y(W(o))})}function ze(s){if(F.length===0)return;const g=S?F.findIndex(C=>C.id===S.id):-1,o=g<0?s>0?0:F.length-1:(g+s+F.length)%F.length;Q(F[o])}async function He(){if(!m||!$.trim()||!p||!I)return;let s=await v({projectKey:b.projectKey,contentId:b.contentId,normalizedPath:w,originalUrl:b.currentUrl??window.location.href,selector:m.selector,selectorStrategy:m.selectorStrategy,elementFingerprint:m.fingerprint,createdCssSnapshot:m.cssSnapshot,comment:$.trim(),status:"open",severity:xe,category:Ae,assigneeEmail:Le.trim()||void 0,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,viewportPreset:Me,screenshotUrl:void 0,screenshotThumbnailUrl:void 0,authorEmail:p.email});if(b.captureScreenshot)try{const g=await b.captureScreenshot(m),o=await h(s.id,{type:"screenshot",data:g,createdBy:p.email});s=await E(s.id,{attachments:[o],screenshotUrl:o.url,screenshotThumbnailUrl:o.thumbnailUrl})}catch{}z(""),Fe(""),k(void 0),y(void 0),P("feedback"),J(s)}async function Ht(s,g){const o=new Date().toISOString(),C=g==="resolved"?{status:g,resolvedAt:o,resolvedBy:p==null?void 0:p.email}:{status:g},te=await E(s.id,C);J(te)}async function je(s){const g=D(s.selector);if(!g||!p)return;const o=W(g),C=await E(s.id,{status:"fixed",fixedCssSnapshot:o.cssSnapshot,fixedAt:new Date().toISOString(),fixedBy:p.email});J(C)}async function jt(s){if(!ae.trim()||!p||!We)return;const g=await A({feedbackId:s.id,body:ae.trim(),authorEmail:p.email});Ue(o=>({...o,[s.id]:[...o[s.id]??[],g]})),ie("")}return r.jsxs("div",{className:"review-lens-root","data-review-lens-ui":!0,children:[T&&U?r.jsx(ft,{target:U,locked:!!m}):null,T&&m&&B&&It?r.jsx(bt,{from:m,to:B}):null,T?r.jsxs(r.Fragment,{children:[r.jsx(vt,{feedback:F,selectedFeedback:S,onSelect:Q}),r.jsx(mt,{feedback:F,selectedFeedback:S,onSelect:Q})]}):null,r.jsxs("aside",{className:`review-lens-panel review-lens-panel--${n}`,"data-review-lens-ui":!0,children:[r.jsxs("header",{className:"review-lens-panel__header",children:[r.jsxs("div",{children:[r.jsx("p",{className:"review-lens-kicker",children:"Review Lens"}),r.jsx("h2",{children:M==="summary"?"Summary":M==="feedback"?"Feedback":m?"Element locked":"Inspecting"})]}),r.jsx("button",{type:"button",onClick:()=>t==null?void 0:t(!1),children:"Close"})]}),r.jsxs("div",{className:"review-lens-panel__body",children:[r.jsxs("div",{className:"review-lens-mode-switch",role:"tablist","aria-label":"Review Lens mode",children:[r.jsx("button",{type:"button",role:"tab","aria-selected":M==="review",onClick:()=>P("review"),children:"Review"}),r.jsxs("button",{type:"button",role:"tab","aria-selected":M==="feedback",onClick:()=>P("feedback"),children:["Feedback ",r.jsx("span",{children:F.length})]}),r.jsx("button",{type:"button",role:"tab","aria-selected":M==="summary",onClick:()=>P("summary"),children:"Summary"})]}),M==="review"?r.jsxs("div",{className:"review-lens-review-pane",role:"tabpanel",children:[r.jsxs("div",{className:"review-lens-inspection",children:[T?null:r.jsx("p",{children:"Authenticate with Google to inspect this page."}),T&&U?r.jsxs(r.Fragment,{children:[r.jsx(yt,{target:U}),r.jsx(ke,{title:"Accessibility",items:St(U)}),r.jsx(ke,{title:"Design tokens",items:kt(U.cssSnapshot,b.designTokens)})]}):null,T&&!U?r.jsx("p",{children:"Move over the app to inspect."}):null]}),Ut?r.jsx("div",{className:"review-lens-composer-panel",children:r.jsxs("form",{className:"review-lens-feedback-form",onSubmit:s=>{s.preventDefault(),He()},children:[r.jsx("label",{htmlFor:"review-lens-comment",children:"New feedback"}),r.jsx("textarea",{ref:ee,id:"review-lens-comment",value:$,disabled:!I,onChange:s=>z(s.target.value),onKeyDown:s=>{s.key==="Enter"&&s.metaKey&&(s.preventDefault(),He())},placeholder:I?"Describe the UX issue...":"You do not have permission to comment."}),r.jsxs("div",{className:"review-lens-form-grid",children:[r.jsxs("label",{children:["Severity",r.jsx("select",{value:xe,onChange:s=>Ft(s.target.value),disabled:!I,children:ye.map(s=>r.jsx("option",{value:s,children:H[s]},s))})]}),r.jsxs("label",{children:["Type",r.jsx("select",{value:Ae,onChange:s=>Mt(s.target.value),disabled:!I,children:Se.map(s=>r.jsx("option",{value:s,children:j[s]},s))})]}),r.jsxs("label",{children:["Assignee",r.jsx("input",{value:Le,onChange:s=>Fe(s.target.value),disabled:!I,placeholder:"optional@email.com"})]}),r.jsxs("label",{children:["Viewport",r.jsx("select",{value:Me,onChange:s=>Tt(s.target.value),disabled:!I,children:d.map(s=>r.jsx("option",{value:s.value,children:s.label},s.value))})]})]}),I?r.jsxs("p",{className:"review-lens-feedback-form__hint",children:["Press ",r.jsx("kbd",{children:"Command"})," + ",r.jsx("kbd",{children:"Enter"})," to submit.",Wt?" Screenshot capture runs after save.":""]}):null,r.jsx("div",{className:"review-lens-actions",children:r.jsx("button",{type:"submit",disabled:!$.trim()||!I,children:"Save feedback"})})]})}):null]}):null,M==="feedback"?r.jsxs("div",{className:"review-lens-comments",children:[r.jsx(ht,{open:Bt,activeCount:zt,statusFilter:q,severityFilter:V,categoryFilter:G,assigneeFilter:Y,viewportFilter:X,assignees:Dt,responsivePresets:d,onStatusChange:Ie,onSeverityChange:Be,onCategoryChange:$e,onAssigneeChange:Pe,onViewportChange:_e,onToggle:()=>$t(s=>!s),onClear:()=>{Ie("all"),Be("all"),$e("all"),Pe("all"),_e("all")}}),r.jsxs("div",{className:"review-lens-list-panel",children:[r.jsxs("div",{className:"review-lens-comments__header",children:[r.jsx("h3",{children:"All feedback"}),r.jsx("span",{children:F.length})]}),r.jsxs("div",{className:"review-lens-comments__list",children:[F.length===0?r.jsx("p",{children:"No feedback for this view."}):null,F.map(s=>r.jsx(pt,{item:s,selected:(S==null?void 0:S.id)===s.id,onSelect:Q},s.id))]})]}),S?r.jsxs("div",{className:"review-lens-selected-panel",children:[r.jsx("div",{className:"review-lens-selected-panel__label",children:"Selected feedback"}),r.jsx(ut,{item:S,messages:Pt[S.id]??[],messageDraft:ae,canReply:We,canUpdate:De,canAssign:_t,onMessageDraftChange:ie,onSubmitMessage:()=>void jt(S),onStatusChange:s=>void Ht(S,s),onAssigneeChange:s=>void E(S.id,{assigneeEmail:s.trim()||void 0}).then(J),onMarkFixed:()=>void je(S)},S.id)]}):r.jsxs("div",{className:"review-lens-selected-panel review-lens-selected-panel--empty",children:[r.jsx("div",{className:"review-lens-selected-panel__label",children:"Selected feedback"}),r.jsx("p",{children:"Select a feedback item above to review status, assignment, drift, and replies."})]})]}):null,M==="summary"?r.jsx(gt,{feedback:c}):null]})]})]})}function ht({open:e,activeCount:t,statusFilter:n,severityFilter:a,categoryFilter:i,assigneeFilter:d,viewportFilter:f,assignees:b,responsivePresets:p,onStatusChange:c,onSeverityChange:w,onCategoryChange:u,onAssigneeChange:v,onViewportChange:E,onToggle:N,onClear:A}){return r.jsxs("div",{className:"review-lens-filter-shell",children:[r.jsxs("div",{className:"review-lens-filter-bar",children:[r.jsxs("button",{type:"button","aria-expanded":e,onClick:N,children:["Filters",t>0?r.jsx("span",{children:t}):null]}),t>0?r.jsx("button",{type:"button",onClick:A,children:"Clear"}):null]}),e?r.jsxs("div",{className:"review-lens-filters",children:[r.jsxs("label",{children:["Status",r.jsxs("select",{"aria-label":"Filter status",value:n,onChange:h=>c(h.target.value),children:[r.jsx("option",{value:"all",children:"All statuses"}),me.map(h=>r.jsx("option",{value:h,children:Z[h]},h))]})]}),r.jsxs("label",{children:["Priority",r.jsxs("select",{"aria-label":"Filter severity",value:a,onChange:h=>w(h.target.value),children:[r.jsx("option",{value:"all",children:"All priorities"}),ye.map(h=>r.jsx("option",{value:h,children:H[h]},h))]})]}),r.jsxs("label",{children:["Type",r.jsxs("select",{"aria-label":"Filter type",value:i,onChange:h=>u(h.target.value),children:[r.jsx("option",{value:"all",children:"All types"}),Se.map(h=>r.jsx("option",{value:h,children:j[h]},h))]})]}),r.jsxs("label",{children:["Assignee",r.jsxs("select",{"aria-label":"Filter assignee",value:d,onChange:h=>v(h.target.value),children:[r.jsx("option",{value:"all",children:"All assignees"}),b.map(h=>r.jsx("option",{value:h,children:h},h))]})]}),r.jsxs("label",{children:["Viewport",r.jsxs("select",{"aria-label":"Filter viewport",value:f,onChange:h=>E(h.target.value),children:[r.jsx("option",{value:"all",children:"All viewports"}),p.map(h=>r.jsx("option",{value:h.value,children:h.label},h.value))]})]})]}):null]})}function pt({item:e,selected:t,onSelect:n}){const a=Ce(e);return r.jsxs("article",{tabIndex:0,className:["review-lens-comment",`review-lens-comment--${e.severity}`,t?"review-lens-comment--selected":""].filter(Boolean).join(" "),onClick:()=>n(e),onKeyDown:i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),n(e))},children:[r.jsxs("div",{className:"review-lens-comment__header",children:[r.jsx("span",{children:Z[e.status]}),r.jsx("strong",{children:H[e.severity]})]}),r.jsxs("div",{className:"review-lens-comment__content",children:[r.jsx("p",{children:e.comment}),r.jsxs("span",{children:[e.authorEmail,e.assigneeEmail?` -> ${e.assigneeEmail}`:""]})]}),r.jsxs("div",{className:"review-lens-tags",children:[r.jsx("span",{children:j[e.category]}),r.jsx("span",{children:e.viewportPreset}),r.jsx("span",{children:a.label})]})]})}function ut({item:e,messages:t,messageDraft:n,canReply:a,canUpdate:i,canAssign:d,onMessageDraftChange:f,onSubmitMessage:b,onStatusChange:p,onAssigneeChange:c,onMarkFixed:w}){const u=Ce(e);return r.jsxs("section",{className:"review-lens-detail","aria-label":"Selected feedback detail",children:[r.jsxs("div",{className:"review-lens-detail__header",children:[r.jsxs("h3",{children:[j[e.category]," feedback"]}),r.jsx("strong",{children:H[e.severity]})]}),r.jsx("blockquote",{children:e.comment}),r.jsxs("dl",{className:"review-lens-detail-meta",children:[r.jsxs("div",{children:[r.jsx("dt",{children:"Target"}),r.jsx("dd",{children:u.label})]}),r.jsxs("div",{children:[r.jsx("dt",{children:"Viewport"}),r.jsx("dd",{children:e.viewportPreset})]}),e.screenshotUrl?r.jsxs("div",{children:[r.jsx("dt",{children:"Evidence"}),r.jsx("dd",{children:r.jsx("a",{href:e.screenshotUrl,target:"_blank",rel:"noreferrer",children:"Screenshot"})})]}):null]}),r.jsxs("div",{className:"review-lens-form-grid",children:[r.jsxs("label",{children:["Status",r.jsx("select",{value:e.status,disabled:!i,onChange:v=>p(v.target.value),children:me.map(v=>r.jsx("option",{value:v,children:Z[v]},v))})]}),r.jsxs("label",{children:["Assignee",r.jsx("input",{defaultValue:e.assigneeEmail??"",disabled:!d,onBlur:v=>c(v.target.value),placeholder:"optional@email.com"})]})]}),r.jsxs("div",{className:"review-lens-status-actions",children:[r.jsx("button",{type:"button",className:"review-lens-button-secondary",disabled:!i,onClick:w,children:"Mark fixed"}),r.jsx("button",{type:"button",className:"review-lens-button-primary",disabled:!i,onClick:()=>p("resolved"),children:"Resolve"})]}),r.jsxs("div",{className:"review-lens-thread",children:[r.jsxs("div",{className:"review-lens-thread__header",children:[r.jsx("h3",{children:"Thread"}),r.jsx("span",{children:t.length})]}),t.length===0?r.jsx("p",{children:"No replies yet."}):null,t.map(v=>r.jsxs("div",{className:"review-lens-thread__message",children:[r.jsx("p",{children:v.body}),r.jsx("span",{children:v.authorEmail})]},v.id)),r.jsx("textarea",{"aria-label":"Reply",value:n,disabled:!a,onChange:v=>f(v.target.value),placeholder:a?"Reply...":"You do not have permission to reply."}),r.jsx("div",{className:"review-lens-actions",children:r.jsx("button",{type:"button",disabled:!n.trim()||!a,onClick:b,children:"Reply"})})]})]})}function gt({feedback:e}){return r.jsxs("div",{className:"review-lens-summary",role:"tabpanel",children:[r.jsx(O,{title:"Status",values:K(e,t=>Z[t.status])}),r.jsx(O,{title:"Severity",values:K(e,t=>H[t.severity])}),r.jsx(O,{title:"Type",values:K(e,t=>j[t.category])}),r.jsx(O,{title:"Assignee",values:K(e,t=>t.assigneeEmail??"Unassigned")}),r.jsx(O,{title:"Viewport",values:K(e,t=>t.viewportPreset)})]})}function O({title:e,values:t}){return r.jsxs("section",{children:[r.jsx("h3",{children:e}),r.jsx("dl",{children:t.map(([n,a])=>r.jsxs("div",{children:[r.jsx("dt",{children:n}),r.jsx("dd",{children:a})]},n))})]})}function ft({target:e,locked:t}){const n=Lt(e),a=Ct(e.fingerprint);return r.jsxs("div",{className:t?"review-lens-highlight review-lens-highlight--locked":"review-lens-highlight",style:{top:n.margin.top,left:n.margin.left,width:n.margin.width,height:n.margin.height},children:[r.jsx("div",{className:"review-lens-highlight__border",style:{top:n.border.top-n.margin.top,left:n.border.left-n.margin.left,width:n.border.width,height:n.border.height}}),r.jsx("div",{className:"review-lens-highlight__padding",style:{top:n.padding.top-n.margin.top,left:n.padding.left-n.margin.left,width:n.padding.width,height:n.padding.height}}),r.jsx("div",{className:"review-lens-highlight__content",style:{top:n.content.top-n.margin.top,left:n.content.left-n.margin.left,width:n.content.width,height:n.content.height}}),r.jsxs("div",{className:"review-lens-highlight__label",children:[r.jsx("strong",{children:a}),r.jsxs("span",{children:[Math.round(e.rect.width)," x ",Math.round(e.rect.height)]})]})]})}function bt({from:e,to:t}){const n=Nt(e.rect,t.rect);return n.length===0?null:r.jsx(r.Fragment,{children:n.map(a=>r.jsx("div",{className:`review-lens-distance review-lens-distance--${a.axis}`,style:{top:a.top,left:a.left,width:a.width,height:a.height},children:r.jsx("span",{children:a.label})},a.key))})}function vt({feedback:e,selectedFeedback:t,onSelect:n}){return r.jsx(r.Fragment,{children:e.map(a=>r.jsx(wt,{feedback:a,selected:(t==null?void 0:t.id)===a.id,onSelect:n},a.id))})}function wt({feedback:e,selected:t,onSelect:n}){const a=l.useRef(null);return l.useLayoutEffect(()=>{let i=0;const d=()=>{i=0;const b=a.current,p=D(e.selector),c=p==null?void 0:p.getBoundingClientRect();!b||!c||(b.style.top=`${c.top}px`,b.style.left=`${c.right}px`,b.hidden=c.bottom<0||c.top>window.innerHeight)},f=()=>{i||(i=window.requestAnimationFrame(d))};return d(),window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{i&&window.cancelAnimationFrame(i),window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[e.selector]),r.jsx("button",{ref:a,type:"button",className:t?"review-lens-marker review-lens-marker--selected":"review-lens-marker",onClick:()=>n(e),"aria-label":`Open feedback from ${e.authorEmail}`})}function mt({feedback:e,selectedFeedback:t,onSelect:n}){const a=e.map(i=>{const d=D(i.selector),f=d==null?void 0:d.getBoundingClientRect(),b=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,window.innerHeight);return!f||b<=0?null:{item:i,top:Math.min(100,Math.max(0,(f.top+window.scrollY)/b*100))}}).filter(i=>i!==null);return a.length===0?null:r.jsx("div",{className:"review-lens-minimap","data-review-lens-ui":!0,"aria-label":"Feedback map",children:a.map(i=>r.jsx("button",{type:"button",className:(t==null?void 0:t.id)===i.item.id?"review-lens-minimap__point review-lens-minimap__point--selected":"review-lens-minimap__point",style:{top:`${i.top}%`},onClick:()=>n(i.item),"aria-label":`Jump to feedback from ${i.item.authorEmail}`},i.item.id))})}function yt({target:e}){const t=[["Selector",e.selector],["Size",`${e.cssSnapshot.width} x ${e.cssSnapshot.height}`],["Margin",e.cssSnapshot.margin],["Padding",e.cssSnapshot.padding],["Border",e.cssSnapshot.border],["Radius",e.cssSnapshot.borderRadius],["Font",`${e.cssSnapshot.fontSize} / ${e.cssSnapshot.lineHeight}`],["Family",e.cssSnapshot.fontFamily],["Color",e.cssSnapshot.color],["Background",e.cssSnapshot.backgroundColor]];return r.jsx("dl",{className:"review-lens-metrics",children:t.map(([n,a])=>r.jsxs("div",{children:[r.jsx("dt",{children:n}),r.jsx("dd",{children:a})]},n))})}function ke({title:e,items:t}){return r.jsxs("section",{className:"review-lens-insights",children:[r.jsx("h3",{children:e}),t.length===0?r.jsx("p",{children:"No issues detected."}):null,t.length>0?r.jsx("ul",{children:t.map(n=>r.jsx("li",{children:n},n))}):null]})}function D(e){try{return document.querySelector(e)}catch{return null}}function Ce(e){const t=D(e.selector);if(!t)return{label:"Target missing",level:"warning"};const n=W(t);return n.fingerprint.tagName!==e.elementFingerprint.tagName?{label:"Element changed",level:"warning"}:Math.abs(n.fingerprint.width-e.elementFingerprint.width)>2||Math.abs(n.fingerprint.height-e.elementFingerprint.height)>2?{label:"Size changed",level:"warning"}:n.cssSnapshot.fontSize!==e.createdCssSnapshot.fontSize||n.cssSnapshot.color!==e.createdCssSnapshot.color||n.cssSnapshot.padding!==e.createdCssSnapshot.padding?{label:"Style changed",level:"warning"}:{label:"Target unchanged",level:"ok"}}function St(e){var p;const t=D(e.selector);if(!t)return["Selected element is no longer available."];const n=[],a=t.tagName.toLowerCase(),i=t.getAttribute("role"),d=["button","a","input","select","textarea"].includes(a)||i==="button"||i==="link",f=t.getAttribute("aria-label")||t.getAttribute("title")||((p=t.textContent)==null?void 0:p.trim());d&&!f&&n.push("Interactive element has no accessible name."),d&&(e.rect.width<44||e.rect.height<44)&&n.push("Tap target is smaller than 44 x 44."),a==="img"&&!t.getAttribute("alt")&&n.push("Image is missing alt text.");const b=/^h[1-6]$/.test(a)?Number(a.slice(1)):0;return b>1&&!document.querySelector(`h${b-1}`)&&n.push("Heading may skip the previous level."),xt(e.cssSnapshot.color,e.cssSnapshot.backgroundColor)&&n.push("Text contrast may be low."),n}function kt(e,t={}){const n=[];return _("Padding",e.padding,t.spacing,n),_("Margin",e.margin,t.spacing,n),_("Font size",e.fontSize,t.fontSize,n),_("Line height",e.lineHeight,t.lineHeight,n),_("Text color",e.color,t.color,n),_("Background",e.backgroundColor,t.color,n),_("Radius",e.borderRadius,t.radius,n),n}function _(e,t,n,a){!n||n.length===0||!t||n.includes(t)||a.push(`${e} ${t} is outside configured tokens.`)}function Ct(e){const t=e.id?`#${e.id}`:"",n=e.className?`.${e.className.split(/\s+/).filter(Boolean).slice(0,2).join(".")}`:"",a=e.ariaLabel?`[aria-label="${e.ariaLabel}"]`:"";return`${e.tagName}${t}${n}${a}`||e.tagName}function Nt(e,t){const n=[],a=(Math.max(e.left,t.left)+Math.min(e.right,t.right))/2,i=(Math.max(e.top,t.top)+Math.min(e.bottom,t.bottom))/2;if(e.right<=t.left||t.right<=e.left){const d=e.right<=t.left?e.right:t.right,f=e.right<=t.left?t.left:e.left;n.push({key:"horizontal",axis:"horizontal",top:Ne(i,0,window.innerHeight),left:d,width:Math.max(f-d,1),height:1,label:`${Math.round(f-d)}px`})}if(e.bottom<=t.top||t.bottom<=e.top){const d=e.bottom<=t.top?e.bottom:t.bottom,f=e.bottom<=t.top?t.top:e.top;n.push({key:"vertical",axis:"vertical",top:d,left:Ne(a,0,window.innerWidth),width:1,height:Math.max(f-d,1),label:`${Math.round(f-d)}px`})}return n}function Ne(e,t,n){return Math.min(Math.max(e,t),n)}function K(e,t){const n=new Map;for(const a of e){const i=t(a);n.set(i,(n.get(i)??0)+1)}return Array.from(n.entries()).sort((a,i)=>i[1]-a[1]||a[0].localeCompare(i[0]))}function Et(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLElement&&e.isContentEditable}function xt(e,t){const n=Ee(e),a=Ee(t);return!n||!a||a.alpha===0?!1:At(n,a)<4.5}function Ee(e){const t=e.match(/rgba?\(([^)]+)\)/);if(!t)return null;const[n,a,i,d="1"]=t[1].split(",").map(f=>f.trim());return{red:Number(n),green:Number(a),blue:Number(i),alpha:Number(d)}}function At(e,t){const n=Math.max(R(e),R(t)),a=Math.min(R(e),R(t));return(n+.05)/(a+.05)}function R(e){const t=[e.red,e.green,e.blue].map(n=>{const a=n/255;return a<=.03928?a/12.92:((a+.055)/1.055)**2.4});return t[0]*.2126+t[1]*.7152+t[2]*.0722}function Lt(e){const t={top:L(e.cssSnapshot.marginTop),right:L(e.cssSnapshot.marginRight),bottom:L(e.cssSnapshot.marginBottom),left:L(e.cssSnapshot.marginLeft)},n={top:L(e.cssSnapshot.borderTopWidth),right:L(e.cssSnapshot.borderRightWidth),bottom:L(e.cssSnapshot.borderBottomWidth),left:L(e.cssSnapshot.borderLeftWidth)},a={top:L(e.cssSnapshot.paddingTop),right:L(e.cssSnapshot.paddingRight),bottom:L(e.cssSnapshot.paddingBottom),left:L(e.cssSnapshot.paddingLeft)},i={top:e.rect.top,left:e.rect.left,width:Math.max(e.rect.width,0),height:Math.max(e.rect.height,0)},d={top:i.top-t.top,left:i.left-t.left,width:i.width+t.left+t.right,height:i.height+t.top+t.bottom},f={top:i.top+n.top,left:i.left+n.left,width:Math.max(i.width-n.left-n.right,0),height:Math.max(i.height-n.top-n.bottom,0)},b={top:f.top+a.top,left:f.left+a.left,width:Math.max(f.width-a.left-a.right,0),height:Math.max(f.height-a.top-a.bottom,0)};return{margin:d,border:i,padding:f,content:b}}function L(e){const t=Number.parseFloat(e);return Number.isFinite(t)?t:0}x.ReviewLensOverlay=ct,x.ReviewLensProvider=rt,x.buildElementTarget=W,x.createGoogleSheetsAdapter=le,x.normalizeReviewUrl=ge,x.useReviewLens=be,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));
+(function(x,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],r):(x=typeof globalThis<"u"?globalThis:x||self,r(x.ReviewLensReact={},x.jsxRuntime,x.React))})(this,(function(x,r,l){"use strict";const Ke=["https://www.googleapis.com/auth/spreadsheets","https://www.googleapis.com/auth/userinfo.email"].join(" "),Je="https://www.googleapis.com/oauth2/v3/userinfo";function le(e){const t=e.feedbackSheetName??"Feedback",n=e.messagesSheetName??"Messages",s=e.usersSheetName??"Users";let a,d;async function f(){return a??(a=tt(e.googleClientId)),a}async function b(c,w){const u=await f(),v=await fetch(`https://sheets.googleapis.com/v4/spreadsheets/${e.spreadsheetId}${c}`,{...w,headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json",...w==null?void 0:w.headers}});if(!v.ok)throw new Error(`Google Sheets request failed with ${v.status}`);return v.json()}async function p(c){return(await b(`/values/${encodeURIComponent(c)}`)).values??[]}return{async getCurrentUser(){if(!d){const c=await f(),w=await fetch(Je,{headers:{Authorization:`Bearer ${c}`}});if(!w.ok)throw new Error(`Google userinfo request failed with ${w.status}`);d=(await w.json()).email}if(!d)throw new Error("Google account did not return an email address");return{email:d}},async getPermissions(c){const[{email:w},u]=await Promise.all([this.getCurrentUser(),p(s)]),v=ne(u),E=w.toLowerCase(),N=v.find(A=>{var h;return((h=A.email)==null?void 0:h.toLowerCase())===E&&A.active!=="false"&&(!A.projectKey||A.projectKey===c)});return Ye((N==null?void 0:N.role)??"designer")},async listFeedback(c){return ne(await p(t)).map(pe).filter(u=>u!==null).filter(u=>u.projectKey===c.projectKey&&u.contentId===c.contentId&&u.normalizedPath===c.normalizedPath).sort((u,v)=>v.createdAt.localeCompare(u.createdAt))},async createFeedback(c){const w=new Date().toISOString(),u={...c,id:crypto.randomUUID(),attachments:[],createdAt:w,updatedAt:w};return await b(`/values/${encodeURIComponent(t)}:append?valueInputOption=RAW`,{method:"POST",body:JSON.stringify({values:[ce(u)]})}),u},async updateFeedback(c,w){const u=await p(t),v=u[0]??de,E=v.indexOf("id");if(E===-1)throw new Error(`Sheet ${t} is missing an id column`);const N=u.findIndex((m,k)=>k>0&&m[E]===c);if(N<1)throw new Error(`Feedback ${c} was not found`);const A=new Date().toISOString(),h=pe(he(v,u[N]));if(!h)throw new Error(`Feedback ${c} could not be parsed before updating`);const B={...h,...w,updatedAt:A},y=ce(B);return await b(`/values/${encodeURIComponent(t)}!A${N+1}:${et(de.length)}${N+1}?valueInputOption=RAW`,{method:"PUT",body:JSON.stringify({values:[y]})}),B},async listMessages(c){return ne(await p(n)).map(Ge).filter(u=>u!==null).filter(u=>u.feedbackId===c).sort((u,v)=>u.createdAt.localeCompare(v.createdAt))},async createMessage(c){const w={...c,id:crypto.randomUUID(),createdAt:new Date().toISOString()};return await b(`/values/${encodeURIComponent(n)}:append?valueInputOption=RAW`,{method:"POST",body:JSON.stringify({values:[Ve(w)]})}),w}}}const de=["id","projectKey","contentId","normalizedPath","originalUrl","selector","selectorStrategy","elementFingerprintJson","createdCssSnapshotJson","comment","status","severity","category","assigneeEmail","viewportWidth","viewportHeight","viewportPreset","screenshotUrl","screenshotThumbnailUrl","attachmentJson","authorEmail","createdAt","updatedAt","fixedCssSnapshotJson","fixedAt","fixedBy","resolvedAt","resolvedBy"],qe=["id","feedbackId","body","authorEmail","createdAt"];function ce(e){return[e.id,e.projectKey,e.contentId,e.normalizedPath,e.originalUrl,e.selector,e.selectorStrategy,JSON.stringify(e.elementFingerprint),JSON.stringify(e.createdCssSnapshot),e.comment,e.status,e.severity,e.category,e.assigneeEmail??"",String(e.viewportWidth),String(e.viewportHeight),e.viewportPreset,e.screenshotUrl??"",e.screenshotThumbnailUrl??"",JSON.stringify(e.attachments),e.authorEmail,e.createdAt,e.updatedAt,e.fixedCssSnapshot?JSON.stringify(e.fixedCssSnapshot):"",e.fixedAt??"",e.fixedBy??"",e.resolvedAt??"",e.resolvedBy??""]}function Ve(e){return qe.map(t=>e[t])}function ne(e){const[t,...n]=e;return t?n.map(s=>he(t,s)):[]}function he(e,t){return Object.fromEntries(e.map((n,s)=>[n,t[s]??""]))}function pe(e){return e.id?{id:e.id,projectKey:e.projectKey,contentId:e.contentId,normalizedPath:e.normalizedPath,originalUrl:e.originalUrl,selector:e.selector,selectorStrategy:e.selectorStrategy==="stable-attribute"?"stable-attribute":"css-path",elementFingerprint:re(e.elementFingerprintJson,{tagName:"",width:0,height:0}),createdCssSnapshot:ue(e.createdCssSnapshotJson),fixedCssSnapshot:e.fixedCssSnapshotJson?ue(e.fixedCssSnapshotJson):void 0,comment:e.comment,status:Xe(e.status),severity:Qe(e.severity),category:Ze(e.category),assigneeEmail:e.assigneeEmail||void 0,viewportWidth:Number(e.viewportWidth)||0,viewportHeight:Number(e.viewportHeight)||0,viewportPreset:Re(e.viewportPreset),screenshotUrl:e.screenshotUrl||void 0,screenshotThumbnailUrl:e.screenshotThumbnailUrl||void 0,attachments:re(e.attachmentJson,[]),authorEmail:e.authorEmail,createdAt:e.createdAt,updatedAt:e.updatedAt,fixedAt:e.fixedAt||void 0,fixedBy:e.fixedBy||void 0,resolvedAt:e.resolvedAt||void 0,resolvedBy:e.resolvedBy||void 0}:null}function Ge(e){return!e.id||!e.feedbackId?null:{id:e.id,feedbackId:e.feedbackId,body:e.body,authorEmail:e.authorEmail,createdAt:e.createdAt}}function re(e,t){try{return e?JSON.parse(e):t}catch{return t}}function ue(e){const t=re(e,{});return{margin:t.margin??"",marginTop:t.marginTop??"",marginRight:t.marginRight??"",marginBottom:t.marginBottom??"",marginLeft:t.marginLeft??"",padding:t.padding??"",paddingTop:t.paddingTop??"",paddingRight:t.paddingRight??"",paddingBottom:t.paddingBottom??"",paddingLeft:t.paddingLeft??"",border:t.border??"",borderTopWidth:t.borderTopWidth??"",borderRightWidth:t.borderRightWidth??"",borderBottomWidth:t.borderBottomWidth??"",borderLeftWidth:t.borderLeftWidth??"",fontFamily:t.fontFamily??"",fontSize:t.fontSize??"",lineHeight:t.lineHeight??"",color:t.color??"",backgroundColor:t.backgroundColor??"",borderRadius:t.borderRadius??"",width:t.width??0,height:t.height??0}}function Ye(e){return e==="admin"?["create","read","reply","update","assign"]:e==="developer"?["read","reply","update","assign"]:["create","read","reply"]}function Xe(e){return e==="in_progress"||e==="needs_clarification"||e==="fixed"||e==="wontfix"||e==="resolved"?e:"open"}function Qe(e){return e==="low"||e==="high"?e:"medium"}function Ze(e){return e==="visual"||e==="copy"||e==="accessibility"||e==="responsive"?e:"bug"}function Re(e){return e==="mobile"||e==="tablet"||e==="desktop"?e:"custom"}function et(e){let t=e,n="";for(;t>0;){const s=(t-1)%26;n=String.fromCharCode(65+s)+n,t=Math.floor((t-s)/26)}return n}async function tt(e){return await nt(),new Promise((t,n)=>{var a;const s=(a=window.google)==null?void 0:a.accounts.oauth2.initTokenClient({client_id:e,scope:Ke,callback:d=>{if(d.error||!d.access_token){n(new Error(d.error??"Google OAuth did not return an access token"));return}t(d.access_token)}});s==null||s.requestAccessToken({prompt:""})})}function nt(){var e;return(e=window.google)!=null&&e.accounts.oauth2?Promise.resolve():new Promise((t,n)=>{const s=document.querySelector('script[src="https://accounts.google.com/gsi/client"]');if(s){s.addEventListener("load",()=>t(),{once:!0}),s.addEventListener("error",()=>n(new Error("Google Identity failed to load")),{once:!0});return}const a=document.createElement("script");a.src="https://accounts.google.com/gsi/client",a.async=!0,a.defer=!0,a.onload=()=>t(),a.onerror=()=>n(new Error("Google Identity failed to load")),document.head.append(a)})}function ge(e){return new URL(e,window.location.href).pathname.replace(/\/+$/,"")||"/"}const fe=l.createContext(null);function rt({config:e,children:t}){const n=l.useMemo(()=>e.adapter?e.adapter:le({googleClientId:ve(e.googleClientId,"googleClientId"),spreadsheetId:ve(e.spreadsheetId,"spreadsheetId"),feedbackSheetName:e.sheetName??"Feedback"}),[e.adapter,e.googleClientId,e.sheetName,e.spreadsheetId]),s=e.currentUrl??window.location.href,a=(e.normalizeUrl??ge)(s),[d,f]=l.useState(),[b,p]=l.useState([]),[c,w]=l.useState([]),u=l.useCallback(async()=>{const y=await n.listFeedback({projectKey:e.projectKey,contentId:e.contentId,normalizedPath:a});w(y)},[n,e.contentId,e.projectKey,a]);l.useEffect(()=>{let y=!0;async function m(){const[k,$]=await Promise.all([n.getCurrentUser(),n.getPermissions(e.projectKey)]);y&&(f(k),p($),await u())}return m(),()=>{y=!1}},[n,e.projectKey,u]);const v=l.useCallback(async y=>{const m=await n.createFeedback(y);return w(k=>[m,...k]),m},[n]),E=l.useCallback(async(y,m)=>{const k=await n.updateFeedback(y,m);return w($=>$.map(z=>z.id===y?k:z)),k},[n]),N=l.useCallback(y=>n.listMessages(y),[n]),A=l.useCallback(y=>n.createMessage(y),[n]),h=l.useCallback(async(y,m)=>{const k=e.uploadAttachment??n.uploadAttachment;if(!k)throw new Error("Review Lens attachment upload is not configured");return k(y,m)},[n,e]),B=l.useMemo(()=>({config:e,adapter:n,currentUser:d,permissions:b,feedback:c,normalizedPath:a,refreshFeedback:u,createFeedback:v,updateFeedback:E,listMessages:N,createMessage:A,uploadAttachment:h}),[n,e,v,d,c,a,b,u,E,N,A,h]);return r.jsx(fe.Provider,{value:B,children:t})}function be(){const e=l.useContext(fe);if(!e)throw new Error("useReviewLens must be used inside ReviewLensProvider");return e}function ve(e,t){if(!e)throw new Error(`review-lens-react requires config.${t} when no adapter is provided`);return e}const st=["data-review-id","data-testid","data-test-id","aria-label","name"];function W(e){const t=e.getBoundingClientRect(),n=it(e);return{selector:n.selector,selectorStrategy:n.strategy,fingerprint:ot(e,t),cssSnapshot:lt(e,t),rect:t}}function it(e){for(const t of st){const n=e.getAttribute(t);if(n)return{selector:`[${t}="${we(n)}"]`,strategy:"stable-attribute"}}return e.id?{selector:`#${we(e.id)}`,strategy:"stable-attribute"}:{selector:at(e),strategy:"css-path"}}function at(e){const t=[];let n=e;for(;n&&n.nodeType===Node.ELEMENT_NODE&&n!==document.body;){const s=n.parentElement,a=n.tagName.toLowerCase();if(!s){t.unshift(a);break}const d=n.tagName,f=Array.from(s.children).filter(p=>p.tagName===d),b=f.indexOf(n)+1;t.unshift(f.length>1?`${a}:nth-of-type(${b})`:a),n=s}return t.join(" > ")}function ot(e,t){var n;return{tagName:e.tagName.toLowerCase(),id:e.id||void 0,className:e.getAttribute("class")||void 0,textSnippet:((n=e.textContent)==null?void 0:n.trim().slice(0,80))||void 0,ariaLabel:e.getAttribute("aria-label")||void 0,width:Math.round(t.width),height:Math.round(t.height)}}function lt(e,t){const n=window.getComputedStyle(e);return{margin:se(n.marginTop,n.marginRight,n.marginBottom,n.marginLeft),marginTop:n.marginTop,marginRight:n.marginRight,marginBottom:n.marginBottom,marginLeft:n.marginLeft,padding:se(n.paddingTop,n.paddingRight,n.paddingBottom,n.paddingLeft),paddingTop:n.paddingTop,paddingRight:n.paddingRight,paddingBottom:n.paddingBottom,paddingLeft:n.paddingLeft,border:se(n.borderTopWidth,n.borderRightWidth,n.borderBottomWidth,n.borderLeftWidth),borderTopWidth:n.borderTopWidth,borderRightWidth:n.borderRightWidth,borderBottomWidth:n.borderBottomWidth,borderLeftWidth:n.borderLeftWidth,fontFamily:n.fontFamily,fontSize:n.fontSize,lineHeight:n.lineHeight,color:n.color,backgroundColor:n.backgroundColor,borderRadius:n.borderRadius,width:Math.round(t.width),height:Math.round(t.height)}}function se(e,t,n,s){return e===t&&t===n&&n===s?e:`${e} ${t} ${n} ${s}`}function we(e){return typeof CSS<"u"&&typeof CSS.escape=="function"?CSS.escape(e):e.replace(/["\\]/g,"\\$&")}const dt=[{label:"Desktop",value:"desktop"},{label:"Tablet",value:"tablet"},{label:"Mobile",value:"mobile"}],me=["open","in_progress","needs_clarification","fixed","wontfix","resolved"],ye=["low","medium","high"],Se=["bug","visual","copy","accessibility","responsive"],Z={open:"Open",in_progress:"In progress",needs_clarification:"Needs clarification",fixed:"Fixed",wontfix:"Won't fix",resolved:"Resolved"},H={low:"Low",medium:"Medium",high:"High"},j={bug:"Bug",visual:"Visual",copy:"Copy",accessibility:"Accessibility",responsive:"Responsive"};function ct({open:e,onOpenChange:t,placement:n="top-right",showResolved:s=!1,syncSelectionToUrl:a=!1,responsivePresets:d=dt}){var Oe;const{adapter:f,config:b,currentUser:p,feedback:c,normalizedPath:w,permissions:u,createFeedback:v,updateFeedback:E,listMessages:N,createMessage:A,uploadAttachment:h}=be(),[B,y]=l.useState(),[m,k]=l.useState(),[$,z]=l.useState(""),[xe,Mt]=l.useState("medium"),[Ae,Tt]=l.useState("visual"),[Le,Fe]=l.useState(""),[Me,It]=l.useState(((Oe=d[0])==null?void 0:Oe.value)??"desktop"),[S,J]=l.useState(),[M,P]=l.useState("review"),[Bt,Te]=l.useState(!1),[q,Ie]=l.useState("all"),[V,Be]=l.useState("all"),[G,$e]=l.useState("all"),[Y,Pe]=l.useState("all"),[X,_e]=l.useState("all"),[$t,Pt]=l.useState(!1),[_t,Ue]=l.useState({}),[ie,ae]=l.useState(""),ee=l.useRef(null),T=!!p,I=u.includes("create"),We=u.includes("reply"),De=u.includes("update"),Ut=u.includes("assign"),U=B??m,Wt=!!m,Dt=!!(b.captureScreenshot&&(b.uploadAttachment||f.uploadAttachment)),zt=l.useMemo(()=>{const i=c.map(g=>g.assigneeEmail).filter(g=>!!g);return p!=null&&p.email&&i.push(p.email),Array.from(new Set(i)).sort((g,o)=>g.localeCompare(o))},[p==null?void 0:p.email,c]),F=l.useMemo(()=>c.filter(i=>s||i.status!=="resolved").filter(i=>q==="all"||i.status===q).filter(i=>V==="all"||i.severity===V).filter(i=>G==="all"||i.category===G).filter(i=>Y==="all"||i.assigneeEmail===Y).filter(i=>X==="all"||i.viewportPreset===X),[Y,G,c,V,s,q,X]),Ht=[q,V,G,Y,X].filter(i=>i!=="all").length;l.useEffect(()=>{e||(y(void 0),k(void 0),z(""),ae(""),P("review"))},[e]),l.useEffect(()=>{T||(y(void 0),k(void 0))},[T]),l.useEffect(()=>{!m||M!=="review"||window.requestAnimationFrame(()=>{var i,g,o;(g=(i=ee.current)==null?void 0:i.scrollIntoView)==null||g.call(i,{block:"nearest"}),(o=ee.current)==null||o.focus()})},[m,M]),l.useEffect(()=>{if(!S)return;let i=!0;return N(S.id).then(g=>{i&&Ue(o=>({...o,[S.id]:g}))}),()=>{i=!1}},[N,S]),l.useEffect(()=>{if(!e||!a||S||c.length===0)return;const i=new URL(window.location.href).searchParams.get("reviewLensFeedback"),g=c.find(o=>o.id===i);g&&Q(g,{syncUrl:!1})},[c,e,S,a]),l.useEffect(()=>{if(!e)return;function i(o){var C;if(o.key==="Shift"&&Te(!0),o.key==="Escape"){o.preventDefault(),t==null||t(!1);return}xt(o.target)||((o.key==="n"||o.key==="ArrowDown")&&(o.preventDefault(),ze(1)),(o.key==="p"||o.key==="ArrowUp")&&(o.preventDefault(),ze(-1)),o.key==="c"&&(o.preventDefault(),P("review"),(C=ee.current)==null||C.focus()),o.key==="f"&&S&&De&&(o.preventDefault(),je(S)))}function g(o){o.key==="Shift"&&Te(!1)}return window.addEventListener("keydown",i),window.addEventListener("keyup",g),()=>{window.removeEventListener("keydown",i),window.removeEventListener("keyup",g)}});const oe=l.useCallback(i=>{const g=i.target instanceof Element?i.target:null;if(g)return g.closest("[data-review-lens-ui]")?null:g;const o=document.elementFromPoint(i.clientX,i.clientY);return!o||o.closest("[data-review-lens-ui]")?null:o},[]);if(l.useEffect(()=>{if(!e||!T)return;function i(o){const C=oe(o);y(C?W(C):void 0)}function g(o){const C=oe(o);C&&(o.preventDefault(),o.stopPropagation(),k(W(C)),P("review"))}return window.addEventListener("mousemove",i,!0),window.addEventListener("click",g,!0),()=>{window.removeEventListener("mousemove",i,!0),window.removeEventListener("click",g,!0)}},[T,oe,e]),!e)return null;function Q(i,g={syncUrl:!0}){var C;if(J(i),k(void 0),P("feedback"),a&&g.syncUrl!==!1){const te=new URL(window.location.href);te.searchParams.set("reviewLensFeedback",i.id),window.history.replaceState({},"",te)}const o=D(i.selector);if(!o){y(void 0);return}(C=o.scrollIntoView)==null||C.call(o,{behavior:"smooth",block:"center",inline:"center"}),window.requestAnimationFrame(()=>{y(W(o))})}function ze(i){if(F.length===0)return;const g=S?F.findIndex(C=>C.id===S.id):-1,o=g<0?i>0?0:F.length-1:(g+i+F.length)%F.length;Q(F[o])}async function He(){if(!m||!$.trim()||!p||!I)return;let i=await v({projectKey:b.projectKey,contentId:b.contentId,normalizedPath:w,originalUrl:b.currentUrl??window.location.href,selector:m.selector,selectorStrategy:m.selectorStrategy,elementFingerprint:m.fingerprint,createdCssSnapshot:m.cssSnapshot,comment:$.trim(),status:"open",severity:xe,category:Ae,assigneeEmail:Le.trim()||void 0,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,viewportPreset:Me,screenshotUrl:void 0,screenshotThumbnailUrl:void 0,authorEmail:p.email});if(b.captureScreenshot)try{const g=await b.captureScreenshot(m),o=await h(i.id,{type:"screenshot",data:g,createdBy:p.email});i=await E(i.id,{attachments:[o],screenshotUrl:o.url,screenshotThumbnailUrl:o.thumbnailUrl})}catch{}z(""),Fe(""),k(void 0),y(void 0),P("feedback"),J(i)}async function jt(i,g){const o=new Date().toISOString(),C=g==="resolved"?{status:g,resolvedAt:o,resolvedBy:p==null?void 0:p.email}:{status:g},te=await E(i.id,C);J(te)}async function je(i){const g=D(i.selector);if(!g||!p)return;const o=W(g),C=await E(i.id,{status:"fixed",fixedCssSnapshot:o.cssSnapshot,fixedAt:new Date().toISOString(),fixedBy:p.email});J(C)}async function Ot(i){if(!ie.trim()||!p||!We)return;const g=await A({feedbackId:i.id,body:ie.trim(),authorEmail:p.email});Ue(o=>({...o,[i.id]:[...o[i.id]??[],g]})),ae("")}return r.jsxs("div",{className:"review-lens-root","data-review-lens-ui":!0,children:[T&&U?r.jsx(ft,{target:U,locked:!!m}):null,T&&m&&B&&Bt?r.jsx(bt,{from:m,to:B}):null,T?r.jsxs(r.Fragment,{children:[r.jsx(vt,{feedback:F,selectedFeedback:S,onSelect:Q}),r.jsx(mt,{feedback:F,selectedFeedback:S,onSelect:Q})]}):null,r.jsxs("aside",{className:`review-lens-panel review-lens-panel--${n}`,"data-review-lens-ui":!0,children:[r.jsxs("header",{className:"review-lens-panel__header",children:[r.jsxs("div",{children:[r.jsx("p",{className:"review-lens-kicker",children:"Review Lens"}),r.jsx("h2",{children:M==="summary"?"Summary":M==="feedback"?"Feedback":m?"Element locked":"Inspecting"})]}),r.jsx("button",{type:"button",onClick:()=>t==null?void 0:t(!1),children:"Close"})]}),r.jsxs("div",{className:"review-lens-panel__body",children:[r.jsxs("div",{className:"review-lens-mode-switch",role:"tablist","aria-label":"Review Lens mode",children:[r.jsx("button",{type:"button",role:"tab","aria-selected":M==="review",onClick:()=>P("review"),children:"Review"}),r.jsxs("button",{type:"button",role:"tab","aria-selected":M==="feedback",onClick:()=>P("feedback"),children:["Feedback ",r.jsx("span",{children:F.length})]}),r.jsx("button",{type:"button",role:"tab","aria-selected":M==="summary",onClick:()=>P("summary"),children:"Summary"})]}),M==="review"?r.jsxs("div",{className:"review-lens-review-pane",role:"tabpanel",children:[r.jsxs("div",{className:"review-lens-inspection",children:[T?null:r.jsx("p",{children:"Authenticate with Google to inspect this page."}),T&&U?r.jsxs(r.Fragment,{children:[r.jsx(yt,{target:U}),r.jsx(ke,{title:"Accessibility",items:St(U)}),r.jsx(ke,{title:"Design tokens",items:kt(U.cssSnapshot,b.designTokens)})]}):null,T&&!U?r.jsx("p",{children:"Move over the app to inspect."}):null]}),Wt?r.jsx("div",{className:"review-lens-composer-panel",children:r.jsxs("form",{className:"review-lens-feedback-form",onSubmit:i=>{i.preventDefault(),He()},children:[r.jsx("label",{htmlFor:"review-lens-comment",children:"New feedback"}),r.jsx("textarea",{ref:ee,id:"review-lens-comment",value:$,disabled:!I,onChange:i=>z(i.target.value),onKeyDown:i=>{i.key==="Enter"&&i.metaKey&&(i.preventDefault(),He())},placeholder:I?"Describe the UX issue...":"You do not have permission to comment."}),r.jsxs("div",{className:"review-lens-form-grid",children:[r.jsxs("label",{children:["Severity",r.jsx("select",{value:xe,onChange:i=>Mt(i.target.value),disabled:!I,children:ye.map(i=>r.jsx("option",{value:i,children:H[i]},i))})]}),r.jsxs("label",{children:["Type",r.jsx("select",{value:Ae,onChange:i=>Tt(i.target.value),disabled:!I,children:Se.map(i=>r.jsx("option",{value:i,children:j[i]},i))})]}),r.jsxs("label",{children:["Assignee",r.jsx("input",{value:Le,onChange:i=>Fe(i.target.value),disabled:!I,placeholder:"optional@email.com"})]}),r.jsxs("label",{children:["Viewport",r.jsx("select",{value:Me,onChange:i=>It(i.target.value),disabled:!I,children:d.map(i=>r.jsx("option",{value:i.value,children:i.label},i.value))})]})]}),I?r.jsxs("p",{className:"review-lens-feedback-form__hint",children:["Press ",r.jsx("kbd",{children:"Command"})," + ",r.jsx("kbd",{children:"Enter"})," to submit.",Dt?" Screenshot capture runs after save.":""]}):null,r.jsx("div",{className:"review-lens-actions",children:r.jsx("button",{type:"submit",disabled:!$.trim()||!I,children:"Save feedback"})})]})}):null]}):null,M==="feedback"?r.jsxs("div",{className:"review-lens-comments",children:[r.jsx(ht,{open:$t,activeCount:Ht,statusFilter:q,severityFilter:V,categoryFilter:G,assigneeFilter:Y,viewportFilter:X,assignees:zt,responsivePresets:d,onStatusChange:Ie,onSeverityChange:Be,onCategoryChange:$e,onAssigneeChange:Pe,onViewportChange:_e,onToggle:()=>Pt(i=>!i),onClear:()=>{Ie("all"),Be("all"),$e("all"),Pe("all"),_e("all")}}),r.jsxs("div",{className:"review-lens-list-panel",children:[r.jsxs("div",{className:"review-lens-comments__header",children:[r.jsx("h3",{children:"All feedback"}),r.jsx("span",{children:F.length})]}),r.jsxs("div",{className:"review-lens-comments__list",children:[F.length===0?r.jsx("p",{children:"No feedback for this view."}):null,F.map(i=>r.jsx(pt,{item:i,selected:(S==null?void 0:S.id)===i.id,onSelect:Q},i.id))]})]}),S?r.jsxs("div",{className:"review-lens-selected-panel",children:[r.jsx("div",{className:"review-lens-selected-panel__label",children:"Selected feedback"}),r.jsx(ut,{item:S,messages:_t[S.id]??[],messageDraft:ie,canReply:We,canUpdate:De,canAssign:Ut,onMessageDraftChange:ae,onSubmitMessage:()=>void Ot(S),onStatusChange:i=>void jt(S,i),onAssigneeChange:i=>void E(S.id,{assigneeEmail:i.trim()||void 0}).then(J),onMarkFixed:()=>void je(S)},S.id)]}):r.jsxs("div",{className:"review-lens-selected-panel review-lens-selected-panel--empty",children:[r.jsx("div",{className:"review-lens-selected-panel__label",children:"Selected feedback"}),r.jsx("p",{children:"Select a feedback item above to review status, assignment, drift, and replies."})]})]}):null,M==="summary"?r.jsx(gt,{feedback:c}):null]})]})]})}function ht({open:e,activeCount:t,statusFilter:n,severityFilter:s,categoryFilter:a,assigneeFilter:d,viewportFilter:f,assignees:b,responsivePresets:p,onStatusChange:c,onSeverityChange:w,onCategoryChange:u,onAssigneeChange:v,onViewportChange:E,onToggle:N,onClear:A}){return r.jsxs("div",{className:"review-lens-filter-shell",children:[r.jsxs("div",{className:"review-lens-filter-bar",children:[r.jsxs("button",{type:"button","aria-expanded":e,onClick:N,children:["Filters",t>0?r.jsx("span",{children:t}):null]}),t>0?r.jsx("button",{type:"button",onClick:A,children:"Clear"}):null]}),e?r.jsxs("div",{className:"review-lens-filters",children:[r.jsxs("label",{children:["Status",r.jsxs("select",{"aria-label":"Filter status",value:n,onChange:h=>c(h.target.value),children:[r.jsx("option",{value:"all",children:"All statuses"}),me.map(h=>r.jsx("option",{value:h,children:Z[h]},h))]})]}),r.jsxs("label",{children:["Priority",r.jsxs("select",{"aria-label":"Filter severity",value:s,onChange:h=>w(h.target.value),children:[r.jsx("option",{value:"all",children:"All priorities"}),ye.map(h=>r.jsx("option",{value:h,children:H[h]},h))]})]}),r.jsxs("label",{children:["Type",r.jsxs("select",{"aria-label":"Filter type",value:a,onChange:h=>u(h.target.value),children:[r.jsx("option",{value:"all",children:"All types"}),Se.map(h=>r.jsx("option",{value:h,children:j[h]},h))]})]}),r.jsxs("label",{children:["Assignee",r.jsxs("select",{"aria-label":"Filter assignee",value:d,onChange:h=>v(h.target.value),children:[r.jsx("option",{value:"all",children:"All assignees"}),b.map(h=>r.jsx("option",{value:h,children:h},h))]})]}),r.jsxs("label",{children:["Viewport",r.jsxs("select",{"aria-label":"Filter viewport",value:f,onChange:h=>E(h.target.value),children:[r.jsx("option",{value:"all",children:"All viewports"}),p.map(h=>r.jsx("option",{value:h.value,children:h.label},h.value))]})]})]}):null]})}function pt({item:e,selected:t,onSelect:n}){const s=Ce(e);return r.jsxs("article",{tabIndex:0,className:["review-lens-comment",`review-lens-comment--${e.severity}`,t?"review-lens-comment--selected":""].filter(Boolean).join(" "),onClick:()=>n(e),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),n(e))},children:[r.jsxs("div",{className:"review-lens-comment__header",children:[r.jsx("span",{children:Z[e.status]}),r.jsx("strong",{children:H[e.severity]})]}),r.jsxs("div",{className:"review-lens-comment__content",children:[r.jsx("p",{children:e.comment}),r.jsxs("span",{children:[e.authorEmail,e.assigneeEmail?` -> ${e.assigneeEmail}`:""]})]}),r.jsxs("div",{className:"review-lens-tags",children:[r.jsx("span",{children:j[e.category]}),r.jsx("span",{children:e.viewportPreset}),r.jsx("span",{children:s.label})]})]})}function ut({item:e,messages:t,messageDraft:n,canReply:s,canUpdate:a,canAssign:d,onMessageDraftChange:f,onSubmitMessage:b,onStatusChange:p,onAssigneeChange:c,onMarkFixed:w}){const u=Ce(e);return r.jsxs("section",{className:"review-lens-detail","aria-label":"Selected feedback detail",children:[r.jsxs("div",{className:"review-lens-detail__header",children:[r.jsxs("h3",{children:[j[e.category]," feedback"]}),r.jsx("strong",{children:H[e.severity]})]}),r.jsx("blockquote",{children:e.comment}),r.jsxs("dl",{className:"review-lens-detail-meta",children:[r.jsxs("div",{children:[r.jsx("dt",{children:"Target"}),r.jsx("dd",{children:u.label})]}),r.jsxs("div",{children:[r.jsx("dt",{children:"Viewport"}),r.jsx("dd",{children:e.viewportPreset})]}),e.screenshotUrl?r.jsxs("div",{children:[r.jsx("dt",{children:"Evidence"}),r.jsx("dd",{children:r.jsx("a",{href:e.screenshotUrl,target:"_blank",rel:"noreferrer",children:"Screenshot"})})]}):null]}),r.jsxs("div",{className:"review-lens-form-grid",children:[r.jsxs("label",{children:["Status",r.jsx("select",{value:e.status,disabled:!a,onChange:v=>p(v.target.value),children:me.map(v=>r.jsx("option",{value:v,children:Z[v]},v))})]}),r.jsxs("label",{children:["Assignee",r.jsx("input",{defaultValue:e.assigneeEmail??"",disabled:!d,onBlur:v=>c(v.target.value),placeholder:"optional@email.com"})]})]}),r.jsxs("div",{className:"review-lens-status-actions",children:[r.jsx("button",{type:"button",className:"review-lens-button-secondary",disabled:!a,onClick:w,children:"Mark fixed"}),r.jsx("button",{type:"button",className:"review-lens-button-primary",disabled:!a,onClick:()=>p("resolved"),children:"Resolve"})]}),r.jsxs("div",{className:"review-lens-thread",children:[r.jsxs("div",{className:"review-lens-thread__header",children:[r.jsx("h3",{children:"Thread"}),r.jsx("span",{children:t.length})]}),t.length===0?r.jsx("p",{children:"No replies yet."}):null,t.map(v=>r.jsxs("div",{className:"review-lens-thread__message",children:[r.jsx("p",{children:v.body}),r.jsx("span",{children:v.authorEmail})]},v.id)),r.jsx("textarea",{"aria-label":"Reply",value:n,disabled:!s,onChange:v=>f(v.target.value),placeholder:s?"Reply...":"You do not have permission to reply."}),r.jsx("div",{className:"review-lens-actions",children:r.jsx("button",{type:"button",disabled:!n.trim()||!s,onClick:b,children:"Reply"})})]})]})}function gt({feedback:e}){return r.jsxs("div",{className:"review-lens-summary",role:"tabpanel",children:[r.jsx(O,{title:"Status",values:K(e,t=>Z[t.status])}),r.jsx(O,{title:"Severity",values:K(e,t=>H[t.severity])}),r.jsx(O,{title:"Type",values:K(e,t=>j[t.category])}),r.jsx(O,{title:"Assignee",values:K(e,t=>t.assigneeEmail??"Unassigned")}),r.jsx(O,{title:"Viewport",values:K(e,t=>t.viewportPreset)})]})}function O({title:e,values:t}){return r.jsxs("section",{children:[r.jsx("h3",{children:e}),r.jsx("dl",{children:t.map(([n,s])=>r.jsxs("div",{children:[r.jsx("dt",{children:n}),r.jsx("dd",{children:s})]},n))})]})}function ft({target:e,locked:t}){const n=Ft(e),s=Nt(e.fingerprint);return r.jsxs("div",{className:t?"review-lens-highlight review-lens-highlight--locked":"review-lens-highlight",style:{top:n.margin.top,left:n.margin.left,width:n.margin.width,height:n.margin.height},children:[r.jsx("div",{className:"review-lens-highlight__border",style:{top:n.border.top-n.margin.top,left:n.border.left-n.margin.left,width:n.border.width,height:n.border.height}}),r.jsx("div",{className:"review-lens-highlight__padding",style:{top:n.padding.top-n.margin.top,left:n.padding.left-n.margin.left,width:n.padding.width,height:n.padding.height}}),r.jsx("div",{className:"review-lens-highlight__content",style:{top:n.content.top-n.margin.top,left:n.content.left-n.margin.left,width:n.content.width,height:n.content.height}}),r.jsxs("div",{className:"review-lens-highlight__label",children:[r.jsx("strong",{children:s}),r.jsxs("span",{children:[Math.round(e.rect.width)," x ",Math.round(e.rect.height)]})]})]})}function bt({from:e,to:t}){const n=Et(e.rect,t.rect);return n.length===0?null:r.jsx(r.Fragment,{children:n.map(s=>r.jsx("div",{className:`review-lens-distance review-lens-distance--${s.axis}`,style:{top:s.top,left:s.left,width:s.width,height:s.height},children:r.jsx("span",{children:s.label})},s.key))})}function vt({feedback:e,selectedFeedback:t,onSelect:n}){return r.jsx(r.Fragment,{children:e.map(s=>r.jsx(wt,{feedback:s,selected:(t==null?void 0:t.id)===s.id,onSelect:n},s.id))})}function wt({feedback:e,selected:t,onSelect:n}){const s=l.useRef(null);return l.useLayoutEffect(()=>{let a=0;const d=()=>{a=0;const b=s.current,p=D(e.selector),c=p==null?void 0:p.getBoundingClientRect();!b||!c||(b.style.top=`${c.top}px`,b.style.left=`${c.right}px`,b.hidden=c.bottom<0||c.top>window.innerHeight)},f=()=>{a||(a=window.requestAnimationFrame(d))};return d(),window.addEventListener("scroll",f,!0),window.addEventListener("resize",f),()=>{a&&window.cancelAnimationFrame(a),window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",f)}},[e.selector]),r.jsx("button",{ref:s,type:"button",className:t?"review-lens-marker review-lens-marker--selected":"review-lens-marker",onClick:()=>n(e),"aria-label":`Open feedback from ${e.authorEmail}`})}function mt({feedback:e,selectedFeedback:t,onSelect:n}){const s=e.map(a=>{const d=D(a.selector),f=d==null?void 0:d.getBoundingClientRect(),b=Math.max(document.documentElement.scrollHeight,document.body.scrollHeight,window.innerHeight);return!f||b<=0?null:{item:a,top:Math.min(100,Math.max(0,(f.top+window.scrollY)/b*100))}}).filter(a=>a!==null);return s.length===0?null:r.jsx("div",{className:"review-lens-minimap","data-review-lens-ui":!0,"aria-label":"Feedback map",children:s.map(a=>r.jsx("button",{type:"button",className:(t==null?void 0:t.id)===a.item.id?"review-lens-minimap__point review-lens-minimap__point--selected":"review-lens-minimap__point",style:{top:`${a.top}%`},onClick:()=>n(a.item),"aria-label":`Jump to feedback from ${a.item.authorEmail}`},a.item.id))})}function yt({target:e}){const t=[["Selector",e.selector],["Size",`${e.cssSnapshot.width} x ${e.cssSnapshot.height}`],["Margin",e.cssSnapshot.margin],["Padding",e.cssSnapshot.padding],["Border",e.cssSnapshot.border],["Radius",e.cssSnapshot.borderRadius],["Font",`${e.cssSnapshot.fontSize} / ${e.cssSnapshot.lineHeight}`],["Family",e.cssSnapshot.fontFamily],["Color",e.cssSnapshot.color],["Background",e.cssSnapshot.backgroundColor]];return r.jsx("dl",{className:"review-lens-metrics",children:t.map(([n,s])=>r.jsxs("div",{children:[r.jsx("dt",{children:n}),r.jsx("dd",{children:s})]},n))})}function ke({title:e,items:t}){return r.jsxs("section",{className:"review-lens-insights",children:[r.jsx("h3",{children:e}),t.length===0?r.jsx("p",{children:"No issues detected."}):null,t.length>0?r.jsx("ul",{children:t.map(n=>r.jsx("li",{children:n},n))}):null]})}function D(e){try{return document.querySelector(e)}catch{return null}}function Ce(e){const t=D(e.selector);if(!t)return{label:"Target missing",level:"warning"};const n=W(t);return n.fingerprint.tagName!==e.elementFingerprint.tagName?{label:"Element changed",level:"warning"}:Math.abs(n.fingerprint.width-e.elementFingerprint.width)>2||Math.abs(n.fingerprint.height-e.elementFingerprint.height)>2?{label:"Size changed",level:"warning"}:n.cssSnapshot.fontSize!==e.createdCssSnapshot.fontSize||n.cssSnapshot.color!==e.createdCssSnapshot.color||n.cssSnapshot.padding!==e.createdCssSnapshot.padding?{label:"Style changed",level:"warning"}:{label:"Target unchanged",level:"ok"}}function St(e){var p;const t=D(e.selector);if(!t)return["Selected element is no longer available."];const n=[],s=t.tagName.toLowerCase(),a=t.getAttribute("role"),d=["button","a","input","select","textarea"].includes(s)||a==="button"||a==="link",f=t.getAttribute("aria-label")||t.getAttribute("title")||((p=t.textContent)==null?void 0:p.trim());d&&!f&&n.push("Interactive element has no accessible name."),d&&(e.rect.width<44||e.rect.height<44)&&n.push("Tap target is smaller than 44 x 44."),s==="img"&&!t.getAttribute("alt")&&n.push("Image is missing alt text.");const b=/^h[1-6]$/.test(s)?Number(s.slice(1)):0;return b>1&&!document.querySelector(`h${b-1}`)&&n.push("Heading may skip the previous level."),At(e.cssSnapshot.color,e.cssSnapshot.backgroundColor)&&n.push("Text contrast may be low."),n}function kt(e,t={}){const n=[];return _("Padding",e.padding,t.spacing,n,{allowComposite:!0}),_("Margin",e.margin,t.spacing,n,{allowComposite:!0}),_("Font size",e.fontSize,t.fontSize,n),_("Line height",e.lineHeight,t.lineHeight,n),_("Text color",e.color,t.color,n),_("Background",e.backgroundColor,t.color,n),_("Radius",e.borderRadius,t.radius,n,{allowComposite:!0}),n}function _(e,t,n,s,a={}){!n||n.length===0||!t||Ct(t,n,a)||s.push(`${e} ${t} is outside configured tokens.`)}function Ct(e,t,n={}){if(t.includes(e))return!0;if(!n.allowComposite)return!1;const s=e.trim().split(/\s+/);return s.length>1&&s.every(a=>t.includes(a))}function Nt(e){const t=e.id?`#${e.id}`:"",n=e.className?`.${e.className.split(/\s+/).filter(Boolean).slice(0,2).join(".")}`:"",s=e.ariaLabel?`[aria-label="${e.ariaLabel}"]`:"";return`${e.tagName}${t}${n}${s}`||e.tagName}function Et(e,t){const n=[],s=(Math.max(e.left,t.left)+Math.min(e.right,t.right))/2,a=(Math.max(e.top,t.top)+Math.min(e.bottom,t.bottom))/2;if(e.right<=t.left||t.right<=e.left){const d=e.right<=t.left?e.right:t.right,f=e.right<=t.left?t.left:e.left;n.push({key:"horizontal",axis:"horizontal",top:Ne(a,0,window.innerHeight),left:d,width:Math.max(f-d,1),height:1,label:`${Math.round(f-d)}px`})}if(e.bottom<=t.top||t.bottom<=e.top){const d=e.bottom<=t.top?e.bottom:t.bottom,f=e.bottom<=t.top?t.top:e.top;n.push({key:"vertical",axis:"vertical",top:d,left:Ne(s,0,window.innerWidth),width:1,height:Math.max(f-d,1),label:`${Math.round(f-d)}px`})}return n}function Ne(e,t,n){return Math.min(Math.max(e,t),n)}function K(e,t){const n=new Map;for(const s of e){const a=t(s);n.set(a,(n.get(a)??0)+1)}return Array.from(n.entries()).sort((s,a)=>a[1]-s[1]||s[0].localeCompare(a[0]))}function xt(e){return e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement||e instanceof HTMLElement&&e.isContentEditable}function At(e,t){const n=Ee(e),s=Ee(t);return!n||!s||s.alpha===0?!1:Lt(n,s)<4.5}function Ee(e){const t=e.match(/rgba?\(([^)]+)\)/);if(!t)return null;const[n,s,a,d="1"]=t[1].split(",").map(f=>f.trim());return{red:Number(n),green:Number(s),blue:Number(a),alpha:Number(d)}}function Lt(e,t){const n=Math.max(R(e),R(t)),s=Math.min(R(e),R(t));return(n+.05)/(s+.05)}function R(e){const t=[e.red,e.green,e.blue].map(n=>{const s=n/255;return s<=.03928?s/12.92:((s+.055)/1.055)**2.4});return t[0]*.2126+t[1]*.7152+t[2]*.0722}function Ft(e){const t={top:L(e.cssSnapshot.marginTop),right:L(e.cssSnapshot.marginRight),bottom:L(e.cssSnapshot.marginBottom),left:L(e.cssSnapshot.marginLeft)},n={top:L(e.cssSnapshot.borderTopWidth),right:L(e.cssSnapshot.borderRightWidth),bottom:L(e.cssSnapshot.borderBottomWidth),left:L(e.cssSnapshot.borderLeftWidth)},s={top:L(e.cssSnapshot.paddingTop),right:L(e.cssSnapshot.paddingRight),bottom:L(e.cssSnapshot.paddingBottom),left:L(e.cssSnapshot.paddingLeft)},a={top:e.rect.top,left:e.rect.left,width:Math.max(e.rect.width,0),height:Math.max(e.rect.height,0)},d={top:a.top-t.top,left:a.left-t.left,width:a.width+t.left+t.right,height:a.height+t.top+t.bottom},f={top:a.top+n.top,left:a.left+n.left,width:Math.max(a.width-n.left-n.right,0),height:Math.max(a.height-n.top-n.bottom,0)},b={top:f.top+s.top,left:f.left+s.left,width:Math.max(f.width-s.left-s.right,0),height:Math.max(f.height-s.top-s.bottom,0)};return{margin:d,border:a,padding:f,content:b}}function L(e){const t=Number.parseFloat(e);return Number.isFinite(t)?t:0}x.ReviewLensOverlay=ct,x.ReviewLensProvider=rt,x.buildElementTarget=W,x.createGoogleSheetsAdapter=le,x.normalizeReviewUrl=ge,x.useReviewLens=be,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "review-lens-react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React overlay for UX review feedback backed by Google Sheets.",
   "type": "module",
   "main": "./dist/review-lens-react.umd.cjs",