@bitux/review-layer-react 0.1.8 → 0.1.9

package/dist/review-layer-react.js

@@ -15,14 +15,14 @@ function Xr() {
   if (ir) return ge;
   ir = 1;
   var r = fr, n = Symbol.for("react.element"), t = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(d, f, g) {
+  function d(u, f, g) {
     var y, S = {}, m = null, A = null;
     g !== void 0 && (m = "" + g), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (A = f.ref);
     for (y in f) o.call(f, y) && !i.hasOwnProperty(y) && (S[y] = f[y]);
-    if (d && d.defaultProps) for (y in f = d.defaultProps, f) S[y] === void 0 && (S[y] = f[y]);
-    return { $$typeof: n, type: d, key: m, ref: A, props: S, _owner: s.current };
+    if (u && u.defaultProps) for (y in f = u.defaultProps, f) S[y] === void 0 && (S[y] = f[y]);
+    return { $$typeof: n, type: u, key: m, ref: A, props: S, _owner: s.current };
   }
-  return ge.Fragment = t, ge.jsx = u, ge.jsxs = u, ge;
+  return ge.Fragment = t, ge.jsx = d, ge.jsxs = d, ge;
 }
 var he = {};
 /**
@@ -37,7 +37,7 @@ var he = {};
 var ar;
 function qr() {
   return ar || (ar = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = fr, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), d = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), z = Symbol.iterator, M = "@@iterator";
+    var r = fr, n = Symbol.for("react.element"), t = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), u = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), z = Symbol.iterator, M = "@@iterator";
     function P(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -65,7 +65,7 @@ function qr() {
     var Y = !1, E = !1, R = !1, V = !1, q = !1, H;
     H = Symbol.for("react.module.reference");
     function Q(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === i || q || e === s || e === g || e === y || V || e === A || Y || E || R || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === S || e.$$typeof === u || e.$$typeof === d || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === i || q || e === s || e === g || e === y || V || e === A || Y || E || R || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === S || e.$$typeof === d || e.$$typeof === u || e.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -104,10 +104,10 @@ function qr() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case d:
+          case u:
             var a = e;
             return h(a) + ".Consumer";
-          case u:
+          case d:
             var l = e;
             return h(l._context) + ".Provider";
           case f:
@@ -638,22 +638,18 @@ function Jr(r) {
       break;
     }
     if (t.className && typeof t.className == "string") {
-      const s = t.className.trim().split(/\s+/).filter(Boolean);
-      if (s.length > 0) {
-        const i = s.filter((u) => /^[a-zA-Z][\w-]*$/.test(u)).slice(0, 2).map((u) => `.${u}`).join("");
-        i && (o += i);
+      const i = t.className.trim().split(/\s+/).filter(Boolean);
+      if (i.length > 0) {
+        const d = i.filter((u) => /^[a-zA-Z][\w-]*$/.test(u)).slice(0, 2).map((u) => `.${u}`).join("");
+        d && (o += d);
       }
     }
-    if (n.length > 0) {
-      const s = t.parentElement;
-      if (s) {
-        const i = Array.from(s.children).filter(
-          (u) => u.nodeName === t.nodeName
-        );
-        if (i.length > 1) {
-          const u = i.indexOf(t) + 1;
-          o += `:nth-child(${u})`;
-        }
+    const s = t.parentElement;
+    if (s) {
+      const i = Array.from(s.children);
+      if (i.length > 1) {
+        const d = i.indexOf(t) + 1;
+        o += `:nth-child(${d})`;
       }
     }
     n.unshift(o), t = t.parentElement;
@@ -663,10 +659,10 @@ function Jr(r) {
 const Zr = "[data-review-layer-root]", Qr = 16;
 function We(r, n, t = Qr) {
   if (typeof window > "u") return { x: r, y: n };
-  const o = t, s = t, i = window.innerWidth - t, u = window.innerHeight - t;
+  const o = t, s = t, i = window.innerWidth - t, d = window.innerHeight - t;
   return {
     x: Math.max(o, Math.min(i, r)),
-    y: Math.max(s, Math.min(u, n))
+    y: Math.max(s, Math.min(d, n))
   };
 }
 function pr(r) {
@@ -760,19 +756,19 @@ const j = {
 }, sr = "[review-layer API]";
 function Z(r, n, t) {
   if ("status" in t) {
-    const { status: d, statusText: f, body: g = "" } = t;
+    const { status: u, statusText: f, body: g = "" } = t;
     let y;
-    d === 401 ? y = "No autorizado (401). Revisa que apiKey sea correcta y esté aceptada por la API." : d === 403 ? y = "Acceso denegado (403). Revisa apiKey o permisos del proyecto." : d === 404 ? y = "Recurso no encontrado (404). Revisa apiUrl y que la ruta exista en el backend." : d >= 500 ? y = "Error del servidor (5xx). El backend puede estar caído o sobrecargado." : y = `Respuesta HTTP ${d} ${f}. Revisa la API.`, console.error(sr, r, {
+    u === 401 ? y = "No autorizado (401). Revisa que apiKey sea correcta y esté aceptada por la API." : u === 403 ? y = "Acceso denegado (403). Revisa apiKey o permisos del proyecto." : u === 404 ? y = "Recurso no encontrado (404). Revisa apiUrl y que la ruta exista en el backend." : u >= 500 ? y = "Error del servidor (5xx). El backend puede estar caído o sobrecargado." : y = `Respuesta HTTP ${u} ${f}. Revisa la API.`, console.error(sr, r, {
       motivo: y,
       url: n,
-      status: d,
+      status: u,
       statusText: f,
       body: g.slice(0, 300)
     });
     return;
   }
-  const o = t.networkError, s = o instanceof Error ? o.message : String(o), u = o instanceof TypeError || /failed to fetch|networkerror|load failed|network request failed/i.test(s) ? "Posible CORS o error de red (servidor inalcanzable, bloqueo CORS o certificado). Revisa que apiUrl sea accesible desde este origen y que el backend permita CORS." : `Error inesperado: ${s}`;
-  console.error(sr, r, { motivo: u, url: n, error: o });
+  const o = t.networkError, s = o instanceof Error ? o.message : String(o), d = o instanceof TypeError || /failed to fetch|networkerror|load failed|network request failed/i.test(s) ? "Posible CORS o error de red (servidor inalcanzable, bloqueo CORS o certificado). Revisa que apiUrl sea accesible desde este origen y que el backend permita CORS." : `Error inesperado: ${s}`;
+  console.error(sr, r, { motivo: d, url: n, error: o });
 }
 function be(r) {
   return {
@@ -788,12 +784,12 @@ async function ot(r, n, t) {
       headers: be(n),
       signal: t == null ? void 0 : t.signal
     });
-  } catch (u) {
-    throw Z("fetchReviewers (red/CORS)", o, { networkError: u }), u;
+  } catch (d) {
+    throw Z("fetchReviewers (red/CORS)", o, { networkError: d }), d;
   }
   if (!s.ok) {
-    const u = await s.text();
-    throw Z("fetchReviewers", o, { status: s.status, statusText: s.statusText, body: u }), new Error("Failed to fetch reviewers");
+    const d = await s.text();
+    throw Z("fetchReviewers", o, { status: s.status, statusText: s.statusText, body: d }), new Error("Failed to fetch reviewers");
   }
   return (await s.json()).data ?? [];
 }
@@ -806,36 +802,36 @@ async function nt(r, n, t) {
       headers: be(n),
       body: JSON.stringify(t)
     });
-  } catch (u) {
-    throw Z("createComment (red/CORS)", o, { networkError: u }), u;
+  } catch (d) {
+    throw Z("createComment (red/CORS)", o, { networkError: d }), d;
   }
   if (!s.ok) {
-    const u = await s.text();
-    let d = "Failed to create comment";
+    const d = await s.text();
+    let u = "Failed to create comment";
     try {
-      d = JSON.parse(u).message ?? d;
+      u = JSON.parse(d).message ?? u;
     } catch {
     }
-    throw Z("createComment", o, { status: s.status, statusText: s.statusText, body: u }), new Error(d);
+    throw Z("createComment", o, { status: s.status, statusText: s.statusText, body: d }), new Error(u);
   }
   return (await s.json()).data;
 }
 async function it(r, n, t, o) {
   const s = new URLSearchParams({ url: t }), i = `${r}/comments?${s}`;
-  let u;
+  let d;
   try {
-    u = await fetch(i, {
+    d = await fetch(i, {
       headers: be(n),
       signal: o == null ? void 0 : o.signal
     });
   } catch (f) {
     throw Z("fetchComments (red/CORS)", i, { networkError: f }), f;
   }
-  if (!u.ok) {
-    const f = await u.text();
-    throw Z("fetchComments", i, { status: u.status, statusText: u.statusText, body: f }), new Error("Failed to fetch comments");
+  if (!d.ok) {
+    const f = await d.text();
+    throw Z("fetchComments", i, { status: d.status, statusText: d.statusText, body: f }), new Error("Failed to fetch comments");
   }
-  return (await u.json()).data ?? [];
+  return (await d.json()).data ?? [];
 }
 async function at(r, n, t, o) {
   const s = `${r}/comments/${t}/status`;
@@ -846,15 +842,15 @@ async function at(r, n, t, o) {
       headers: be(n),
       body: JSON.stringify({ status: o })
     });
-  } catch (d) {
-    throw Z("updateCommentStatus (red/CORS)", s, { networkError: d }), d;
+  } catch (u) {
+    throw Z("updateCommentStatus (red/CORS)", s, { networkError: u }), u;
   }
   if (!i.ok) {
-    const d = await i.text();
-    Z("updateCommentStatus", s, { status: i.status, statusText: i.statusText, body: d });
+    const u = await i.text();
+    Z("updateCommentStatus", s, { status: i.status, statusText: i.statusText, body: u });
     let f = "Failed to update comment status";
     try {
-      f = JSON.parse(d).message ?? f;
+      f = JSON.parse(u).message ?? f;
     } catch {
     }
     throw new Error(f);
@@ -875,12 +871,12 @@ async function st(r, n, t) {
   if (!s.ok) {
     const i = await s.text();
     Z("deleteComment", o, { status: s.status, statusText: s.statusText, body: i });
-    let u = "Failed to delete comment";
+    let d = "Failed to delete comment";
     try {
-      u = JSON.parse(i).message ?? u;
+      d = JSON.parse(i).message ?? d;
     } catch {
     }
-    throw new Error(u);
+    throw new Error(d);
   }
 }
 const lt = {
@@ -933,10 +929,10 @@ function ft({
   position: o,
   payload: s,
   onClose: i,
-  onSuccess: u
+  onSuccess: d
 }) {
   var $;
-  const [d, f] = W(""), [g, y] = W(
+  const [u, f] = W(""), [g, y] = W(
     (($ = t[0]) == null ? void 0 : $.id) ?? 0
   ), [S, m] = W(!1), [A, z] = W(null);
   L(() => {
@@ -944,14 +940,14 @@ function ft({
   }, [t, g]);
   const M = D(
     async (v) => {
-      if (v.preventDefault(), !(!d.trim() || !g)) {
+      if (v.preventDefault(), !(!u.trim() || !g)) {
         m(!0), z(null);
         try {
           await nt(r, n, {
             ...s,
-            message: d.trim(),
+            message: u.trim(),
             reviewerId: g
-          }), u(), i();
+          }), d(), i();
         } catch (k) {
           z(k instanceof Error ? k.message : "Failed to send comment");
         } finally {
@@ -959,7 +955,7 @@ function ft({
         }
       }
     },
-    [r, n, s, d, g, u, i]
+    [r, n, s, u, g, d, i]
   ), P = ne(null);
   return L(() => {
     const v = (k) => {
@@ -1006,7 +1002,7 @@ function ft({
                 "textarea",
                 {
                   placeholder: "Escribe tu comentario...",
-                  value: d,
+                  value: u,
                   onChange: (v) => f(v.target.value),
                   style: ct,
                   required: !0,
@@ -1086,30 +1082,30 @@ const ht = ke(function({
   fallbackComment: o,
   outlineColor: s = pt
 }) {
-  const [i, u] = W(null), d = D(() => {
+  const [i, d] = W(null), u = D(() => {
     if (!t) {
-      u(null);
+      d(null);
       return;
     }
     const f = n != null && n.trim() ? gr(n) : null;
     if (f) {
-      u(f);
+      d(f);
       return;
     }
     if (o) {
-      u(et(o));
+      d(et(o));
       return;
     }
-    u(null);
+    d(null);
   }, [n, t, o]);
   return L(() => {
-    d();
-  }, [d]), L(() => {
+    u();
+  }, [u]), L(() => {
     if (t)
-      return window.addEventListener("scroll", d, !0), window.addEventListener("resize", d), () => {
-        window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
+      return window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
+        window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
       };
-  }, [t, d]), !t || i == null ? null : /* @__PURE__ */ c.jsx(
+  }, [t, u]), !t || i == null ? null : /* @__PURE__ */ c.jsx(
     "div",
     {
       "aria-hidden": !0,
@@ -1230,8 +1226,8 @@ const mt = () => /* @__PURE__ */ c.jsx("svg", { width: "12", height: "12", viewB
 }) {
   const o = n == null ? void 0 : n.image_url, s = (n == null ? void 0 : n.name) ?? "Revisor", i = St(t);
   if (o && o.trim()) {
-    const u = ce[t] ?? ce[j.PENDING];
-    return /* @__PURE__ */ c.jsx("div", { style: { ...i, border: `2px solid ${u}` }, children: /* @__PURE__ */ c.jsx(
+    const d = ce[t] ?? ce[j.PENDING];
+    return /* @__PURE__ */ c.jsx("div", { style: { ...i, border: `2px solid ${d}` }, children: /* @__PURE__ */ c.jsx(
       "img",
       {
         src: o,
@@ -1339,7 +1335,7 @@ function Lt({
   reviewMode: i = !1
 }) {
   var fe, ve;
-  const [u, d] = W(!1), [f, g] = W(!1), [y, S] = W(() => Re(r)), [m, A] = W(!1), [z, M] = W(null), P = ne(null), $ = ne(null), v = ne(null), k = D(() => {
+  const [d, u] = W(!1), [f, g] = W(!1), [y, S] = W(() => Re(r)), [m, A] = W(!1), [z, M] = W(null), P = ne(null), $ = ne(null), v = ne(null), k = D(() => {
     S(Re(r));
   }, [r]);
   L(() => {
@@ -1359,37 +1355,37 @@ function Lt({
   const Y = D(() => {
     P.current !== null && (clearTimeout(P.current), P.current = null);
   }, []), E = D(() => {
-    i || (Y(), d(!0));
+    i || (Y(), u(!0));
   }, [i, Y]), R = D(() => {
     f || (P.current = setTimeout(() => {
-      P.current = null, d(!1);
+      P.current = null, u(!1);
     }, ur));
   }, [f]), V = D(() => {
-    Y(), d(!0);
+    Y(), u(!0);
   }, [Y]), q = D(() => {
     f || (P.current = setTimeout(() => {
-      P.current = null, d(!1);
+      P.current = null, u(!1);
     }, ur));
   }, [f]), H = D(() => {
     if (i) {
-      f && (g(!1), d(!1));
+      f && (g(!1), u(!1));
       return;
     }
-    f ? (g(!1), d(!1)) : (g(!0), d(!0));
+    f ? (g(!1), u(!1)) : (g(!0), u(!0));
   }, [i, f]);
   L(() => {
     if (!f) return;
     const w = (ee) => {
       var K, xe;
       const te = ee.target;
-      (K = $.current) != null && K.contains(te) || (xe = v.current) != null && xe.contains(te) || (g(!1), d(!1));
+      (K = $.current) != null && K.contains(te) || (xe = v.current) != null && xe.contains(te) || (g(!1), u(!1));
     };
     return document.addEventListener("mousedown", w, !0), () => document.removeEventListener("mousedown", w, !0);
   }, [f]), L(() => () => Y(), [Y]), L(() => {
-    i && (g(!1), d(!1));
+    i && (g(!1), u(!1));
   }, [i]);
-  const Q = y.x + n.dx, ie = y.y + n.dy, { x: h, y: b } = We(Q, ie, Se / 2), O = u && !f, I = D(() => {
-    g(!1), d(!1);
+  const Q = y.x + n.dx, ie = y.y + n.dy, { x: h, y: b } = We(Q, ie, Se / 2), O = d && !f, I = D(() => {
+    g(!1), u(!1);
   }, []), re = D(
     async (w) => {
       if (w !== r.status) {
@@ -1434,7 +1430,7 @@ function Lt({
         role: "button",
         tabIndex: 0,
         "aria-label": `Comentario: ${r.message.slice(0, 30)}...`,
-        "aria-expanded": u,
+        "aria-expanded": d,
         style: se,
         onMouseEnter: E,
         onMouseLeave: R,
@@ -1442,7 +1438,7 @@ function Lt({
         children: /* @__PURE__ */ c.jsx(wt, { color: "var(--ui-color-white, #fff)" })
       }
     ),
-    u && /* @__PURE__ */ c.jsxs(
+    d && /* @__PURE__ */ c.jsxs(
       "div",
       {
         ref: v,
@@ -1555,11 +1551,11 @@ const At = ke(Lt), zt = 25, Ft = 36;
 function Nt(r) {
   const n = /* @__PURE__ */ new Map();
   for (let t = 0; t < r.length; t++) {
-    const o = r[t], { x: s, y: i } = Re(o), { x: u, y: d } = We(s, i);
+    const o = r[t], { x: s, y: i } = Re(o), { x: d, y: u } = We(s, i);
     let f = 0;
     for (let g = 0; g < t; g++) {
       const { x: y, y: S } = Re(r[g]), { x: m, y: A } = We(y, S);
-      Math.hypot(u - m, d - A) < zt && f++;
+      Math.hypot(d - m, u - A) < zt && f++;
     }
     n.set(o.id, { dx: f * Ft, dy: 0 });
   }
@@ -1575,8 +1571,8 @@ function Mt({
   reviewMode: o,
   setReviewMode: s,
   reviewers: i,
-  comments: u,
-  loadComments: d,
+  comments: d,
+  loadComments: u,
   commentsLoadFailed: f = !1
 }) {
   const [g, y] = W(null), S = ne(null), [m, A] = W(null), z = D(() => {
@@ -1666,8 +1662,8 @@ function Mt({
     return () => O.forEach((I) => I());
   }, [m, R]);
   const V = Be(
-    () => Nt(u),
-    [u, Y]
+    () => Nt(d),
+    [d, Y]
   ), q = D(() => {
     M(), A(null);
   }, [M]), H = {
@@ -1755,7 +1751,7 @@ function Mt({
             "button",
             {
               type: "button",
-              onClick: () => d(),
+              onClick: () => u(),
               style: {
                 padding: "var(--ui-positive-Value_100, 4px) var(--ui-positive-Value_250, 10px)",
                 fontSize: "var(--ui-font-size-xs, 12px)",
@@ -1772,14 +1768,14 @@ function Mt({
         ]
       }
     ),
-    u.map((h) => /* @__PURE__ */ c.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ c.jsx(
+    d.map((h) => /* @__PURE__ */ c.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ c.jsx(
       At,
       {
         comment: h,
         offset: V.get(h.id),
         apiUrl: r,
         apiKey: n,
-        onStatusChange: d,
+        onStatusChange: u,
         reviewMode: o
       }
     ) }, h.id)),
@@ -1792,7 +1788,7 @@ function Mt({
         position: m.position,
         payload: m.payload,
         onClose: q,
-        onSuccess: d
+        onSuccess: u
       }
     ) })
   ] }), ie = typeof document < "u" ? document.body : null;
@@ -2202,11 +2198,11 @@ function ro({
   apiKey: o,
   getPageUrl: s
 }) {
-  const i = (t == null ? void 0 : t.trim()) || Zt, [u, d] = W(!1), [f, g] = W([]), [y, S] = W([]), [m, A] = W(!1), z = ne(!1), M = ne(null), P = D(
+  const i = (t == null ? void 0 : t.trim()) || Zt, [d, u] = W(!1), [f, g] = W([]), [y, S] = W([]), [m, A] = W(!1), z = ne(!1), M = ne(null), P = D(
     () => (s == null ? void 0 : s()) ?? br(),
     [s]
   );
-  Bt(n, u, d);
+  Bt(n, d, u);
   const $ = D(
     async (E) => {
       if (!n || !i || !o) {
@@ -2312,14 +2308,14 @@ function ro({
     () => ({
       apiUrl: i,
       apiKey: o,
-      reviewMode: u,
-      setReviewMode: d,
+      reviewMode: d,
+      setReviewMode: u,
       reviewers: f,
       comments: y,
       loadComments: v,
       commentsLoadFailed: m
     }),
-    [i, o, u, d, f, y, v, m]
+    [i, o, d, u, f, y, v, m]
   ), Y = n && typeof document < "u" ? vr(
     /* @__PURE__ */ c.jsx(
       Mt,
@@ -2327,8 +2323,8 @@ function ro({
         apiUrl: i,
         apiKey: o,
         getPageUrl: P,
-        reviewMode: u,
-        setReviewMode: d,
+        reviewMode: d,
+        setReviewMode: u,
         reviewers: f,
         comments: y,
         loadComments: v,