@bitux/review-layer-react 0.1.0

package/dist/review-layer-react.js

@@ -0,0 +1,1658 @@
+import Qe, { useState as L, useEffect as N, useCallback as I, useRef as ge, useMemo as Ot, createContext as It, useContext as Lt } from "react";
+import { createPortal as Ke } from "react-dom";
+var Te = { exports: {} }, ue = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ge;
+function At() {
+  if (Ge) return ue;
+  Ge = 1;
+  var t = Qe, o = Symbol.for("react.element"), r = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function v(d, E, b) {
+    var g, j = {}, R = null, _ = null;
+    b !== void 0 && (R = "" + b), E.key !== void 0 && (R = "" + E.key), E.ref !== void 0 && (_ = E.ref);
+    for (g in E) i.call(E, g) && !c.hasOwnProperty(g) && (j[g] = E[g]);
+    if (d && d.defaultProps) for (g in E = d.defaultProps, E) j[g] === void 0 && (j[g] = E[g]);
+    return { $$typeof: o, type: d, key: R, ref: _, props: j, _owner: s.current };
+  }
+  return ue.Fragment = r, ue.jsx = v, ue.jsxs = v, ue;
+}
+var ce = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Je;
+function Ft() {
+  return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
+    var t = Qe, o = Symbol.for("react.element"), r = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), d = Symbol.for("react.context"), E = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), j = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), A = Symbol.iterator, O = "@@iterator";
+    function y(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var n = A && e[A] || e[O];
+      return typeof n == "function" ? n : null;
+    }
+    var f = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function p(e) {
+      {
+        for (var n = arguments.length, a = new Array(n > 1 ? n - 1 : 0), u = 1; u < n; u++)
+          a[u - 1] = arguments[u];
+        F("error", e, a);
+      }
+    }
+    function F(e, n, a) {
+      {
+        var u = f.ReactDebugCurrentFrame, w = u.getStackAddendum();
+        w !== "" && (n += "%s", a = a.concat([w]));
+        var S = a.map(function(m) {
+          return String(m);
+        });
+        S.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, S);
+      }
+    }
+    var X = !1, te = !1, Q = !1, C = !1, P = !1, M;
+    M = Symbol.for("react.module.reference");
+    function W(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === i || e === c || P || e === s || e === b || e === g || C || e === _ || X || te || Q || typeof e == "object" && e !== null && (e.$$typeof === R || e.$$typeof === j || e.$$typeof === v || e.$$typeof === d || e.$$typeof === E || // 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.
+      e.$$typeof === M || e.getModuleId !== void 0));
+    }
+    function re(e, n, a) {
+      var u = e.displayName;
+      if (u)
+        return u;
+      var w = n.displayName || n.name || "";
+      return w !== "" ? a + "(" + w + ")" : a;
+    }
+    function G(e) {
+      return e.displayName || "Context";
+    }
+    function V(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case i:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case c:
+          return "Profiler";
+        case s:
+          return "StrictMode";
+        case b:
+          return "Suspense";
+        case g:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            var n = e;
+            return G(n) + ".Consumer";
+          case v:
+            var a = e;
+            return G(a._context) + ".Provider";
+          case E:
+            return re(e, e.render, "ForwardRef");
+          case j:
+            var u = e.displayName || null;
+            return u !== null ? u : V(e.type) || "Memo";
+          case R: {
+            var w = e, S = w._payload, m = w._init;
+            try {
+              return V(m(S));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var H = Object.assign, J = 0, ne, oe, x, q, ie, ae, se;
+    function De() {
+    }
+    De.__reactDisabledLog = !0;
+    function it() {
+      {
+        if (J === 0) {
+          ne = console.log, oe = console.info, x = console.warn, q = console.error, ie = console.group, ae = console.groupCollapsed, se = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: De,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        J++;
+      }
+    }
+    function at() {
+      {
+        if (J--, J === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: H({}, e, {
+              value: ne
+            }),
+            info: H({}, e, {
+              value: oe
+            }),
+            warn: H({}, e, {
+              value: x
+            }),
+            error: H({}, e, {
+              value: q
+            }),
+            group: H({}, e, {
+              value: ie
+            }),
+            groupCollapsed: H({}, e, {
+              value: ae
+            }),
+            groupEnd: H({}, e, {
+              value: se
+            })
+          });
+        }
+        J < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var xe = f.ReactCurrentDispatcher, Ee;
+    function fe(e, n, a) {
+      {
+        if (Ee === void 0)
+          try {
+            throw Error();
+          } catch (w) {
+            var u = w.stack.trim().match(/\n( *(at )?)/);
+            Ee = u && u[1] || "";
+          }
+        return `
+` + Ee + e;
+      }
+    }
+    var we = !1, pe;
+    {
+      var st = typeof WeakMap == "function" ? WeakMap : Map;
+      pe = new st();
+    }
+    function Oe(e, n) {
+      if (!e || we)
+        return "";
+      {
+        var a = pe.get(e);
+        if (a !== void 0)
+          return a;
+      }
+      var u;
+      we = !0;
+      var w = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var S;
+      S = xe.current, xe.current = null, it();
+      try {
+        if (n) {
+          var m = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(m.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(m, []);
+            } catch (z) {
+              u = z;
+            }
+            Reflect.construct(e, [], m);
+          } else {
+            try {
+              m.call();
+            } catch (z) {
+              u = z;
+            }
+            e.call(m.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (z) {
+            u = z;
+          }
+          e();
+        }
+      } catch (z) {
+        if (z && u && typeof z.stack == "string") {
+          for (var h = z.stack.split(`
+`), $ = u.stack.split(`
+`), T = h.length - 1, k = $.length - 1; T >= 1 && k >= 0 && h[T] !== $[k]; )
+            k--;
+          for (; T >= 1 && k >= 0; T--, k--)
+            if (h[T] !== $[k]) {
+              if (T !== 1 || k !== 1)
+                do
+                  if (T--, k--, k < 0 || h[T] !== $[k]) {
+                    var Y = `
+` + h[T].replace(" at new ", " at ");
+                    return e.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", e.displayName)), typeof e == "function" && pe.set(e, Y), Y;
+                  }
+                while (T >= 1 && k >= 0);
+              break;
+            }
+        }
+      } finally {
+        we = !1, xe.current = S, at(), Error.prepareStackTrace = w;
+      }
+      var ee = e ? e.displayName || e.name : "", U = ee ? fe(ee) : "";
+      return typeof e == "function" && pe.set(e, U), U;
+    }
+    function lt(e, n, a) {
+      return Oe(e, !1);
+    }
+    function ut(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
+    }
+    function he(e, n, a) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Oe(e, ut(e));
+      if (typeof e == "string")
+        return fe(e);
+      switch (e) {
+        case b:
+          return fe("Suspense");
+        case g:
+          return fe("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case E:
+            return lt(e.render);
+          case j:
+            return he(e.type, n, a);
+          case R: {
+            var u = e, w = u._payload, S = u._init;
+            try {
+              return he(S(w), n, a);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var le = Object.prototype.hasOwnProperty, Ie = {}, Le = f.ReactDebugCurrentFrame;
+    function ve(e) {
+      if (e) {
+        var n = e._owner, a = he(e.type, e._source, n ? n.type : null);
+        Le.setExtraStackFrame(a);
+      } else
+        Le.setExtraStackFrame(null);
+    }
+    function ct(e, n, a, u, w) {
+      {
+        var S = Function.call.bind(le);
+        for (var m in e)
+          if (S(e, m)) {
+            var h = void 0;
+            try {
+              if (typeof e[m] != "function") {
+                var $ = Error((u || "React class") + ": " + a + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw $.name = "Invariant Violation", $;
+              }
+              h = e[m](n, m, u, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              h = T;
+            }
+            h && !(h instanceof Error) && (ve(w), p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", u || "React class", a, m, typeof h), ve(null)), h instanceof Error && !(h.message in Ie) && (Ie[h.message] = !0, ve(w), p("Failed %s type: %s", a, h.message), ve(null));
+          }
+      }
+    }
+    var dt = Array.isArray;
+    function be(e) {
+      return dt(e);
+    }
+    function ft(e) {
+      {
+        var n = typeof Symbol == "function" && Symbol.toStringTag, a = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
+      }
+    }
+    function pt(e) {
+      try {
+        return Ae(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ae(e) {
+      return "" + e;
+    }
+    function Fe(e) {
+      if (pt(e))
+        return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ft(e)), Ae(e);
+    }
+    var $e = f.ReactCurrentOwner, ht = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ne, ze;
+    function vt(e) {
+      if (le.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function gt(e) {
+      if (le.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function yt(e, n) {
+      typeof e.ref == "string" && $e.current;
+    }
+    function mt(e, n) {
+      {
+        var a = function() {
+          Ne || (Ne = !0, p("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    function xt(e, n) {
+      {
+        var a = function() {
+          ze || (ze = !0, p("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    var Et = function(e, n, a, u, w, S, m) {
+      var h = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: o,
+        // Built-in properties that belong on the element
+        type: e,
+        key: n,
+        ref: a,
+        props: m,
+        // Record the component responsible for creating this element.
+        _owner: S
+      };
+      return h._store = {}, Object.defineProperty(h._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(h, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.defineProperty(h, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: w
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
+    };
+    function wt(e, n, a, u, w) {
+      {
+        var S, m = {}, h = null, $ = null;
+        a !== void 0 && (Fe(a), h = "" + a), gt(n) && (Fe(n.key), h = "" + n.key), vt(n) && ($ = n.ref, yt(n, w));
+        for (S in n)
+          le.call(n, S) && !ht.hasOwnProperty(S) && (m[S] = n[S]);
+        if (e && e.defaultProps) {
+          var T = e.defaultProps;
+          for (S in T)
+            m[S] === void 0 && (m[S] = T[S]);
+        }
+        if (h || $) {
+          var k = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          h && mt(m, k), $ && xt(m, k);
+        }
+        return Et(e, h, $, w, u, $e.current, m);
+      }
+    }
+    var Re = f.ReactCurrentOwner, Me = f.ReactDebugCurrentFrame;
+    function K(e) {
+      if (e) {
+        var n = e._owner, a = he(e.type, e._source, n ? n.type : null);
+        Me.setExtraStackFrame(a);
+      } else
+        Me.setExtraStackFrame(null);
+    }
+    var Se;
+    Se = !1;
+    function Ce(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === o;
+    }
+    function We() {
+      {
+        if (Re.current) {
+          var e = V(Re.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function bt(e) {
+      return "";
+    }
+    var Ve = {};
+    function Rt(e) {
+      {
+        var n = We();
+        if (!n) {
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (n = `
+
+Check the top-level render call using <` + a + ">.");
+        }
+        return n;
+      }
+    }
+    function Be(e, n) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var a = Rt(n);
+        if (Ve[a])
+          return;
+        Ve[a] = !0;
+        var u = "";
+        e && e._owner && e._owner !== Re.current && (u = " It was passed a child from " + V(e._owner.type) + "."), K(e), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, u), K(null);
+      }
+    }
+    function Ye(e, n) {
+      {
+        if (typeof e != "object")
+          return;
+        if (be(e))
+          for (var a = 0; a < e.length; a++) {
+            var u = e[a];
+            Ce(u) && Be(u, n);
+          }
+        else if (Ce(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var w = y(e);
+          if (typeof w == "function" && w !== e.entries)
+            for (var S = w.call(e), m; !(m = S.next()).done; )
+              Ce(m.value) && Be(m.value, n);
+        }
+      }
+    }
+    function St(e) {
+      {
+        var n = e.type;
+        if (n == null || typeof n == "string")
+          return;
+        var a;
+        if (typeof n == "function")
+          a = n.propTypes;
+        else if (typeof n == "object" && (n.$$typeof === E || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        n.$$typeof === j))
+          a = n.propTypes;
+        else
+          return;
+        if (a) {
+          var u = V(n);
+          ct(a, e.props, "prop", u, e);
+        } else if (n.PropTypes !== void 0 && !Se) {
+          Se = !0;
+          var w = V(n);
+          p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", w || "Unknown");
+        }
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Ct(e) {
+      {
+        for (var n = Object.keys(e.props), a = 0; a < n.length; a++) {
+          var u = n[a];
+          if (u !== "children" && u !== "key") {
+            K(e), p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", u), K(null);
+            break;
+          }
+        }
+        e.ref !== null && (K(e), p("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
+      }
+    }
+    var He = {};
+    function Xe(e, n, a, u, w, S) {
+      {
+        var m = W(e);
+        if (!m) {
+          var h = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (h += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var $ = bt();
+          $ ? h += $ : h += We();
+          var T;
+          e === null ? T = "null" : be(e) ? T = "array" : e !== void 0 && e.$$typeof === o ? (T = "<" + (V(e.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, h);
+        }
+        var k = wt(e, n, a, w, S);
+        if (k == null)
+          return k;
+        if (m) {
+          var Y = n.children;
+          if (Y !== void 0)
+            if (u)
+              if (be(Y)) {
+                for (var ee = 0; ee < Y.length; ee++)
+                  Ye(Y[ee], e);
+                Object.freeze && Object.freeze(Y);
+              } else
+                p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Ye(Y, e);
+        }
+        if (le.call(n, "key")) {
+          var U = V(e), z = Object.keys(n).filter(function(Dt) {
+            return Dt !== "key";
+          }), je = z.length > 0 ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!He[U + je]) {
+            var kt = z.length > 0 ? "{" + z.join(": ..., ") + ": ...}" : "{}";
+            p(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, je, U, kt, U), He[U + je] = !0;
+          }
+        }
+        return e === i ? Ct(k) : St(k), k;
+      }
+    }
+    function jt(e, n, a) {
+      return Xe(e, n, a, !0);
+    }
+    function _t(e, n, a) {
+      return Xe(e, n, a, !1);
+    }
+    var Pt = _t, Tt = jt;
+    ce.Fragment = i, ce.jsx = Pt, ce.jsxs = Tt;
+  }()), ce;
+}
+process.env.NODE_ENV === "production" ? Te.exports = At() : Te.exports = Ft();
+var l = Te.exports;
+function $t(t) {
+  if (t.id && /^[a-zA-Z][\w-]*$/.test(t.id))
+    return `#${t.id}`;
+  const o = [];
+  let r = t;
+  for (; r && r.nodeType === Node.ELEMENT_NODE; ) {
+    let i = r.nodeName.toLowerCase();
+    if (r.id && /^[a-zA-Z][\w-]*$/.test(r.id)) {
+      o.unshift(`#${r.id}`);
+      break;
+    }
+    if (r.className && typeof r.className == "string") {
+      const s = r.className.trim().split(/\s+/).filter(Boolean);
+      if (s.length > 0) {
+        const c = s.filter((v) => /^[a-zA-Z][\w-]*$/.test(v)).slice(0, 2).map((v) => `.${v}`).join("");
+        c && (i += c);
+      }
+    }
+    if (o.length > 0) {
+      const s = r.parentElement;
+      if (s) {
+        const c = Array.from(s.children).filter(
+          (v) => v.nodeName === r.nodeName
+        );
+        if (c.length > 1) {
+          const v = c.indexOf(r) + 1;
+          i += `:nth-child(${v})`;
+        }
+      }
+    }
+    o.unshift(i), r = r.parentElement;
+  }
+  return o.join(" > ");
+}
+function et(t) {
+  if (typeof document > "u" || !(t != null && t.trim())) return null;
+  try {
+    const o = document.querySelector(t);
+    return o ? o.getBoundingClientRect() : null;
+  } catch {
+    return null;
+  }
+}
+function Nt(t) {
+  if (typeof window > "u")
+    return { relativeX: 0, relativeY: 0 };
+  const o = window.innerWidth, r = window.innerHeight;
+  return {
+    relativeX: o > 0 ? t.left / o : 0,
+    relativeY: r > 0 ? t.top / r : 0
+  };
+}
+function zt(t) {
+  if (typeof window > "u")
+    return {
+      x: t.x ?? 0,
+      y: t.y ?? 0
+    };
+  const o = t.relativeX ?? null, r = t.relativeY ?? null;
+  return o != null && r != null ? {
+    x: o * window.innerWidth,
+    y: r * window.innerHeight
+  } : {
+    x: t.x ?? 0,
+    y: t.y ?? 0
+  };
+}
+function ye(t) {
+  if (t.selector) {
+    const o = et(t.selector);
+    if (o != null)
+      return { x: o.left, y: o.top };
+  }
+  return zt(t);
+}
+const D = {
+  PENDING: "pending",
+  DEV_FIXED: "dev_fixed",
+  VALIDATED: "validated"
+};
+function de(t) {
+  return {
+    "Content-Type": "application/json",
+    "x-review-key": t
+  };
+}
+async function Mt(t, o, r) {
+  const i = await fetch(`${t}/reviewers`, {
+    headers: de(o),
+    signal: r == null ? void 0 : r.signal
+  });
+  if (!i.ok) throw new Error("Failed to fetch reviewers");
+  return (await i.json()).data ?? [];
+}
+async function Wt(t, o, r) {
+  const i = await fetch(`${t}/comments`, {
+    method: "POST",
+    headers: de(o),
+    body: JSON.stringify(r)
+  });
+  if (!i.ok) {
+    const c = await i.json().catch(() => ({}));
+    throw new Error(c.message || "Failed to create comment");
+  }
+  return (await i.json()).data;
+}
+async function Vt(t, o, r, i) {
+  const s = new URLSearchParams({ url: r }), c = await fetch(`${t}/comments?${s}`, {
+    headers: de(o),
+    signal: i == null ? void 0 : i.signal
+  });
+  if (!c.ok) throw new Error("Failed to fetch comments");
+  return (await c.json()).data ?? [];
+}
+async function Bt(t, o, r, i) {
+  const s = await fetch(`${t}/comments/${r}/status`, {
+    method: "PATCH",
+    headers: de(o),
+    body: JSON.stringify({ status: i })
+  });
+  if (!s.ok) {
+    const v = await s.json().catch(() => ({}));
+    throw new Error(v.message || "Failed to update comment status");
+  }
+  return (await s.json()).data;
+}
+async function Yt(t, o, r) {
+  const i = await fetch(`${t}/comments/${r}`, {
+    method: "DELETE",
+    headers: de(o)
+  });
+  if (!i.ok) {
+    const s = await i.json().catch(() => ({}));
+    throw new Error(s.message || "Failed to delete comment");
+  }
+}
+const Ht = {
+  position: "fixed",
+  inset: 0,
+  zIndex: 999997,
+  backgroundColor: "transparent"
+}, Xt = {
+  position: "fixed",
+  minWidth: 320,
+  maxWidth: 400,
+  padding: 16,
+  backgroundColor: "#fff",
+  border: "1px solid #e8e8e8",
+  borderRadius: 8,
+  boxShadow: "0 8px 24px rgba(0,0,0,0.15)",
+  zIndex: 999998
+}, Gt = {
+  width: "100%",
+  minHeight: 80,
+  padding: "8px 12px",
+  marginBottom: 12,
+  border: "1px solid #d9d9d9",
+  borderRadius: 6,
+  fontSize: 14,
+  resize: "vertical",
+  boxSizing: "border-box"
+}, Jt = {
+  width: "100%",
+  padding: "8px 12px",
+  marginBottom: 12,
+  border: "1px solid #d9d9d9",
+  borderRadius: 6,
+  fontSize: 14
+}, qt = {
+  padding: "8px 16px",
+  backgroundColor: "#ff4d4f",
+  color: "#fff",
+  border: "none",
+  borderRadius: 6,
+  fontSize: 14,
+  cursor: "pointer",
+  fontWeight: 500
+};
+function Ut({
+  apiUrl: t,
+  apiKey: o,
+  reviewers: r,
+  position: i,
+  payload: s,
+  onClose: c,
+  onSuccess: v
+}) {
+  var y;
+  const [d, E] = L(""), [b, g] = L(
+    ((y = r[0]) == null ? void 0 : y.id) ?? 0
+  ), [j, R] = L(!1), [_, A] = L(null);
+  N(() => {
+    r.length > 0 && !b && g(r[0].id);
+  }, [r, b]);
+  const O = async (f) => {
+    if (f.preventDefault(), !(!d.trim() || !b)) {
+      R(!0), A(null);
+      try {
+        await Wt(t, o, {
+          ...s,
+          message: d.trim(),
+          reviewerId: b
+        }), v(), c();
+      } catch (p) {
+        A(p instanceof Error ? p.message : "Failed to send comment");
+      } finally {
+        R(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        role: "presentation",
+        style: Ht,
+        onClick: c,
+        onKeyDown: (f) => f.key === "Escape" && c()
+      }
+    ),
+    /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        style: {
+          ...Xt,
+          left: Math.min(i.x, typeof window < "u" ? window.innerWidth - 420 : i.x),
+          top: i.y + 12
+        },
+        onClick: (f) => f.stopPropagation(),
+        children: /* @__PURE__ */ l.jsxs("form", { onSubmit: O, children: [
+          /* @__PURE__ */ l.jsx(
+            "textarea",
+            {
+              placeholder: "Escribe tu comentario...",
+              value: d,
+              onChange: (f) => E(f.target.value),
+              style: Gt,
+              required: !0,
+              autoFocus: !0
+            }
+          ),
+          /* @__PURE__ */ l.jsxs(
+            "select",
+            {
+              value: b,
+              onChange: (f) => g(Number(f.target.value)),
+              style: Jt,
+              required: !0,
+              disabled: r.length === 0,
+              children: [
+                /* @__PURE__ */ l.jsx("option", { value: "", children: r.length === 0 ? "No hay revisores (ejecuta php artisan db:seed en la API)" : "Selecciona revisor" }),
+                r.map((f) => /* @__PURE__ */ l.jsx("option", { value: f.id, children: f.name }, f.id))
+              ]
+            }
+          ),
+          _ && /* @__PURE__ */ l.jsx(
+            "div",
+            {
+              style: {
+                color: "#ff4d4f",
+                fontSize: 12,
+                marginBottom: 8
+              },
+              children: _
+            }
+          ),
+          /* @__PURE__ */ l.jsx(
+            "button",
+            {
+              type: "submit",
+              style: qt,
+              disabled: j || r.length === 0,
+              children: j ? "Enviando..." : "Enviar comentario"
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+}
+const Zt = {
+  position: "fixed",
+  outline: "2px solid #ff4d4f",
+  outlineOffset: "2px",
+  pointerEvents: "none",
+  zIndex: 999997,
+  boxSizing: "border-box"
+};
+function Qt({ selector: t, active: o }) {
+  const [r, i] = L(null), s = I(() => {
+    if (!o || !(t != null && t.trim())) {
+      i(null);
+      return;
+    }
+    const c = et(t);
+    i(c);
+  }, [t, o]);
+  return N(() => {
+    s();
+  }, [s]), N(() => {
+    if (!(!o || !(t != null && t.trim())))
+      return window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
+        window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s);
+      };
+  }, [o, t, s]), !o || r == null ? null : /* @__PURE__ */ l.jsx(
+    "div",
+    {
+      "aria-hidden": !0,
+      style: {
+        ...Zt,
+        left: r.left,
+        top: r.top,
+        width: r.width,
+        height: r.height
+      }
+    }
+  );
+}
+const ke = 32, qe = 5e6, B = {
+  cardBg: "#ffffff",
+  textDark: "#333333",
+  textMuted: "#888888",
+  border: "#cccccc",
+  shadow: "0 4px 16px rgba(0, 0, 0, 0.12)"
+}, Kt = {
+  [D.PENDING]: "Pendiente",
+  [D.DEV_FIXED]: "Corregido Desarrollo",
+  [D.VALIDATED]: "Validado"
+}, er = {
+  [D.PENDING]: "PENDIENTE",
+  [D.DEV_FIXED]: "CORREGIDO DESARROLLO",
+  [D.VALIDATED]: "VALIDADO"
+}, Z = {
+  [D.PENDING]: "rgb(240, 69, 69)",
+  [D.DEV_FIXED]: "rgb(235, 179, 8)",
+  [D.VALIDATED]: "rgb(33, 196, 94)"
+};
+function tr(t) {
+  const o = t.trim().split(/\s+/);
+  return o.length >= 2 ? (o[0][0] + o[o.length - 1][0]).toUpperCase() : t.slice(0, 2).toUpperCase() || "?";
+}
+const rr = () => /* @__PURE__ */ l.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", style: { marginRight: 4, flexShrink: 0 }, children: /* @__PURE__ */ l.jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), nr = ({ color: t }) => /* @__PURE__ */ l.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", style: { flexShrink: 0 }, children: [
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
+      d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z",
+      stroke: t,
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none"
+    }
+  ),
+  /* @__PURE__ */ l.jsx(
+    "path",
+    {
+      d: "M8 10h.01M12 10h.01M16 10h.01",
+      stroke: "#fff",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  )
+] }), or = (t) => ({
+  position: "fixed",
+  width: ke,
+  height: ke,
+  borderRadius: "50%",
+  backgroundColor: Z[t] ?? Z[D.PENDING],
+  color: "#fff",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  fontFamily: "'Inter', sans-serif",
+  boxShadow: "0 2px 8px rgba(0,0,0,0.2)",
+  zIndex: 999998,
+  border: "2px solid #fff"
+}), ir = {
+  position: "fixed",
+  maxWidth: 320,
+  padding: "16px 14px",
+  backgroundColor: B.cardBg,
+  borderRadius: 12,
+  boxShadow: B.shadow,
+  fontSize: 13,
+  fontFamily: "'Inter', sans-serif",
+  zIndex: 999999,
+  pointerEvents: "auto"
+}, ar = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 10,
+  marginBottom: 12
+}, sr = (t) => ({
+  width: 40,
+  height: 40,
+  borderRadius: "50%",
+  backgroundColor: Z[t] ?? Z[D.PENDING],
+  color: "#fff",
+  border: "2px solid #fff",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  fontSize: 14,
+  fontWeight: 700,
+  flexShrink: 0
+}), lr = {
+  flexShrink: 0,
+  width: 24,
+  height: 24,
+  padding: 0,
+  border: "none",
+  borderRadius: 6,
+  backgroundColor: "transparent",
+  color: B.textDark,
+  cursor: "pointer",
+  fontSize: 18,
+  lineHeight: 1,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center"
+}, ur = (t) => {
+  const o = t === D.DEV_FIXED;
+  return {
+    display: "inline-flex",
+    alignItems: "center",
+    marginBottom: 10,
+    padding: "4px 10px",
+    borderRadius: 9999,
+    fontSize: 10,
+    fontWeight: 700,
+    fontFamily: "'Inter', sans-serif",
+    textTransform: "uppercase",
+    letterSpacing: "0.02em",
+    backgroundColor: Z[t] ?? Z[D.PENDING],
+    color: o ? B.textDark : "#fff"
+  };
+}, cr = {
+  display: "block",
+  marginTop: 12,
+  marginBottom: 6,
+  fontSize: 10,
+  fontWeight: 600,
+  fontFamily: "'Inter', sans-serif",
+  color: B.textMuted,
+  textTransform: "uppercase",
+  letterSpacing: "0.04em"
+}, dr = {
+  width: "100%",
+  padding: "8px 12px",
+  paddingRight: 32,
+  fontSize: 13,
+  fontFamily: "'Inter', sans-serif",
+  borderRadius: 8,
+  border: `1px solid ${B.border}`,
+  backgroundColor: B.cardBg,
+  color: B.textDark,
+  cursor: "pointer",
+  appearance: "none",
+  backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L2 4h8z'/%3E%3C/svg%3E")`,
+  backgroundRepeat: "no-repeat",
+  backgroundPosition: "right 10px center"
+}, fr = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  gap: 8,
+  marginTop: 14,
+  paddingTop: 12,
+  borderTop: `1px solid ${B.border}`
+}, tt = {
+  minWidth: 100,
+  padding: "8px 14px",
+  fontSize: 13,
+  fontWeight: 600,
+  fontFamily: "'Inter', sans-serif",
+  borderRadius: 8,
+  cursor: "pointer",
+  border: "none"
+}, pr = {
+  ...tt,
+  backgroundColor: "transparent",
+  color: B.textDark
+}, hr = {
+  ...tt,
+  backgroundColor: Z[D.VALIDATED],
+  color: "#fff"
+};
+function vr({
+  comment: t,
+  offset: o = { dx: 0, dy: 0 },
+  apiUrl: r,
+  apiKey: i,
+  onStatusChange: s
+}) {
+  var ne, oe;
+  const [c, v] = L(!1), [d, E] = L(!1), [b, g] = L(() => ye(t)), [j, R] = L(!1), [_, A] = L(null), O = ge(null), y = ge(null), f = ge(null), p = I(() => {
+    g(ye(t));
+  }, [t]);
+  N(() => {
+    p();
+  }, [p]), N(() => {
+    if (!(typeof window > "u"))
+      return window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
+        window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
+      };
+  }, [p]);
+  const F = I(() => {
+    O.current !== null && (clearTimeout(O.current), O.current = null);
+  }, []), X = I(() => {
+    F(), v(!0);
+  }, [F]), te = I(() => {
+    d || (O.current = setTimeout(() => {
+      O.current = null, v(!1);
+    }, qe));
+  }, [d]), Q = I(() => {
+    F(), v(!0);
+  }, [F]), C = I(() => {
+    d || (O.current = setTimeout(() => {
+      O.current = null, v(!1);
+    }, qe));
+  }, [d]), P = I(() => {
+    d ? (E(!1), v(!1)) : (E(!0), v(!0));
+  }, [d]);
+  N(() => {
+    if (!d) return;
+    const x = (q) => {
+      var ae, se;
+      const ie = q.target;
+      (ae = y.current) != null && ae.contains(ie) || (se = f.current) != null && se.contains(ie) || (E(!1), v(!1));
+    };
+    return document.addEventListener("mousedown", x, !0), () => document.removeEventListener("mousedown", x, !0);
+  }, [d]), N(() => () => F(), [F]);
+  const M = b.x + o.dx, W = b.y + o.dy, re = c, G = I(() => {
+    E(!1), v(!1);
+  }, []), V = async (x) => {
+    if (x !== t.status) {
+      A(null), R(!0);
+      try {
+        await Bt(r, i, t.id, x), s();
+      } catch (q) {
+        A(q instanceof Error ? q.message : "Error al actualizar");
+      } finally {
+        R(!1);
+      }
+    }
+  }, H = async () => {
+    A(null), R(!0);
+    try {
+      await Yt(r, i, t.id), s(), G();
+    } catch (x) {
+      A(x instanceof Error ? x.message : "Error al eliminar");
+    } finally {
+      R(!1);
+    }
+  }, J = [
+    "pending",
+    "dev_fixed",
+    "validated"
+  ];
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(Qt, { selector: t.selector, active: re }),
+    /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        ref: y,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `Comentario: ${t.message.slice(0, 30)}...`,
+        "aria-expanded": c,
+        style: {
+          ...or(t.status),
+          left: M,
+          top: W,
+          transform: "translate(-50%, -50%)"
+        },
+        onMouseEnter: X,
+        onMouseLeave: te,
+        onClick: P,
+        children: /* @__PURE__ */ l.jsx(nr, { color: "#fff" })
+      }
+    ),
+    c && /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        ref: f,
+        role: "dialog",
+        "aria-label": "Detalle del comentario",
+        style: {
+          ...ir,
+          left: M + ke / 2 + 6,
+          top: W
+        },
+        onMouseEnter: Q,
+        onMouseLeave: C,
+        children: [
+          /* @__PURE__ */ l.jsxs("div", { style: ar, children: [
+            /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 10, flex: 1, minWidth: 0 }, children: [
+              /* @__PURE__ */ l.jsx("div", { style: sr(t.status), children: tr(((ne = t.reviewer) == null ? void 0 : ne.name) ?? "Revisor") }),
+              /* @__PURE__ */ l.jsxs("div", { children: [
+                /* @__PURE__ */ l.jsx("div", { style: { fontWeight: 700, fontSize: 14, color: B.textDark }, children: ((oe = t.reviewer) == null ? void 0 : oe.name) ?? "Revisor" }),
+                /* @__PURE__ */ l.jsx("div", { style: { fontSize: 12, color: B.textMuted }, children: "Revisor" })
+              ] })
+            ] }),
+            /* @__PURE__ */ l.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": t.status === D.VALIDATED ? "Eliminar comentario" : "Cerrar",
+                style: lr,
+                disabled: j,
+                onClick: (x) => {
+                  x.stopPropagation(), t.status === D.VALIDATED ? H() : G();
+                },
+                onMouseDown: (x) => x.stopPropagation(),
+                children: "✕"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ l.jsxs("div", { style: ur(t.status), children: [
+            t.status === D.VALIDATED && /* @__PURE__ */ l.jsx(rr, {}),
+            er[t.status] ?? t.status
+          ] }),
+          /* @__PURE__ */ l.jsx("div", { style: { color: B.textDark, lineHeight: 1.5 }, children: t.message }),
+          /* @__PURE__ */ l.jsx("label", { style: cr, htmlFor: `comment-status-${t.id}`, children: "Cambiar estado" }),
+          /* @__PURE__ */ l.jsx(
+            "select",
+            {
+              id: `comment-status-${t.id}`,
+              style: dr,
+              value: t.status,
+              disabled: j,
+              onChange: (x) => V(x.target.value),
+              onMouseDown: (x) => x.stopPropagation(),
+              "aria-label": "Cambiar estado del comentario",
+              children: J.map((x) => /* @__PURE__ */ l.jsx("option", { value: x, children: Kt[x] }, x))
+            }
+          ),
+          _ && /* @__PURE__ */ l.jsx("div", { style: { marginTop: 8, fontSize: 11, color: "rgb(240, 69, 69)" }, children: _ }),
+          /* @__PURE__ */ l.jsxs("div", { style: fr, children: [
+            /* @__PURE__ */ l.jsx(
+              "button",
+              {
+                type: "button",
+                style: pr,
+                onMouseDown: (x) => x.stopPropagation(),
+                onClick: (x) => {
+                  x.stopPropagation(), G();
+                },
+                children: "Cerrar"
+              }
+            ),
+            t.status !== D.VALIDATED && /* @__PURE__ */ l.jsx(
+              "button",
+              {
+                type: "button",
+                style: hr,
+                disabled: j,
+                onMouseDown: (x) => x.stopPropagation(),
+                onClick: (x) => {
+                  x.stopPropagation(), V("validated");
+                },
+                children: "Resolver hilo"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+const gr = 25, yr = 36;
+function mr(t) {
+  const o = /* @__PURE__ */ new Map();
+  for (let r = 0; r < t.length; r++) {
+    const i = t[r], { x: s, y: c } = ye(i);
+    let v = 0;
+    for (let d = 0; d < r; d++) {
+      const E = t[d], { x: b, y: g } = ye(E);
+      Math.hypot(s - b, c - g) < gr && v++;
+    }
+    o.set(i.id, { dx: v * yr, dy: 0 });
+  }
+  return o;
+}
+function xr() {
+  return typeof window > "u" ? "" : `${window.innerWidth}x${window.innerHeight}`;
+}
+function Er({
+  apiUrl: t,
+  apiKey: o,
+  reviewMode: r,
+  reviewers: i,
+  comments: s,
+  loadComments: c,
+  commentsLoadFailed: v = !1
+}) {
+  const [d, E] = L(null), b = ge(null), [g, j] = L(null), R = I(() => {
+    d && (d.style.outline = "", d.style.outlineOffset = "", E(null));
+  }, [d]), _ = I(() => {
+    b.current && (b.current.style.outline = "", b.current.style.outlineOffset = "", b.current = null);
+  }, []);
+  N(() => {
+    r || (R(), _());
+  }, [r, R, _]), N(() => {
+    if (typeof document > "u") return;
+    const C = document.body.style.cursor;
+    return g ? document.body.style.cursor = "default" : r && (document.body.style.cursor = "crosshair"), () => {
+      document.body.style.cursor = C;
+    };
+  }, [r, g]);
+  const A = I(
+    (C) => {
+      if (!r || g) return;
+      const P = C.target.nodeType === Node.ELEMENT_NODE ? C.target : C.target.parentElement;
+      P && (R(), E(P), P.style.outline = "2px solid #ff4d4f", P.style.outlineOffset = "2px");
+    },
+    [r, g, R]
+  ), O = I(
+    (C) => {
+      var M;
+      if (g) return;
+      const P = C.relatedTarget;
+      d && (!P || !d.contains(P)) && !(P && ((M = d.contains) != null && M.call(d, P))) && R();
+    },
+    [d, g, R]
+  ), y = I(
+    (C) => {
+      if (!r || g) return;
+      C.preventDefault(), C.stopPropagation();
+      const P = C.target;
+      if (!P || P.closest("[data-review-layer-pin]") || P.closest("[data-review-layer-modal]")) return;
+      R();
+      const M = P;
+      b.current = M, M.style.outline = "2px solid #ff4d4f", M.style.outlineOffset = "2px";
+      const W = M.getBoundingClientRect(), re = $t(P), { relativeX: G, relativeY: V } = Nt(W);
+      j({
+        position: { x: W.left + W.width / 2, y: W.bottom },
+        payload: {
+          selector: re,
+          x: Math.round(W.left),
+          y: Math.round(W.top),
+          relativeX: G,
+          relativeY: V,
+          width: Math.round(W.width),
+          height: Math.round(W.height),
+          url: typeof window < "u" && window.location.pathname || "/",
+          viewport: xr(),
+          userAgent: typeof navigator < "u" ? navigator.userAgent : "",
+          pageTitle: typeof document < "u" ? document.title : ""
+        }
+      });
+    },
+    [r, g, R]
+  );
+  N(() => {
+    if (r)
+      return document.addEventListener("mouseover", A, !0), document.addEventListener("mouseout", O, !0), document.addEventListener("click", y, !0), () => {
+        document.removeEventListener("mouseover", A, !0), document.removeEventListener("mouseout", O, !0), document.removeEventListener("click", y, !0);
+      };
+  }, [r, A, O, y]);
+  const [f, p] = L(0);
+  N(() => {
+    if (typeof window > "u") return;
+    const C = () => p((P) => P + 1);
+    return window.addEventListener("resize", C), window.addEventListener("scroll", C, !0), () => {
+      window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
+    };
+  }, []);
+  const F = Ot(
+    () => mr(s),
+    [s, f]
+  ), X = {
+    position: "fixed",
+    inset: 0,
+    zIndex: 999999,
+    pointerEvents: "none",
+    cursor: r ? "crosshair" : void 0
+  }, te = /* @__PURE__ */ l.jsxs("div", { style: X, "aria-hidden": !0, children: [
+    r && /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          top: 10,
+          left: 10,
+          zIndex: 1e6,
+          padding: "6px 12px",
+          backgroundColor: "#ff4d4f",
+          color: "#fff",
+          borderRadius: 6,
+          fontSize: 12,
+          fontWeight: 500,
+          pointerEvents: "auto"
+        },
+        children: "Modo revisión (Shift+R para salir)"
+      }
+    ),
+    v && /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          bottom: 16,
+          left: "50%",
+          transform: "translateX(-50%)",
+          display: "flex",
+          alignItems: "center",
+          gap: 10,
+          padding: "8px 14px",
+          backgroundColor: "#fff",
+          border: "1px solid #e8e8e8",
+          borderRadius: 8,
+          boxShadow: "0 2px 12px rgba(0,0,0,0.1)",
+          fontSize: 12,
+          color: "#333",
+          zIndex: 999997,
+          pointerEvents: "auto"
+        },
+        children: [
+          /* @__PURE__ */ l.jsx("span", { children: "No se pudo conectar. Mostrando últimos datos guardados. Reintentar no garantiza respuesta hasta que el servicio esté activo." }),
+          /* @__PURE__ */ l.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => c(),
+              style: {
+                padding: "4px 10px",
+                fontSize: 12,
+                fontWeight: 600,
+                backgroundColor: "rgb(33, 196, 94)",
+                color: "#fff",
+                border: "none",
+                borderRadius: 6,
+                cursor: "pointer"
+              },
+              children: "Reintentar"
+            }
+          )
+        ]
+      }
+    ),
+    s.map((C) => /* @__PURE__ */ l.jsx("div", { "data-review-layer-pin": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ l.jsx(
+      vr,
+      {
+        comment: C,
+        offset: F.get(C.id),
+        apiUrl: t,
+        apiKey: o,
+        onStatusChange: c
+      }
+    ) }, C.id)),
+    g && /* @__PURE__ */ l.jsx("div", { "data-review-layer-modal": !0, style: { pointerEvents: "auto" }, children: /* @__PURE__ */ l.jsx(
+      Ut,
+      {
+        apiUrl: t,
+        apiKey: o,
+        reviewers: i,
+        position: g.position,
+        payload: g.payload,
+        onClose: () => {
+          _(), j(null);
+        },
+        onSuccess: c
+      }
+    ) })
+  ] }), Q = typeof document < "u" ? document.body : null;
+  return Q ? Ke(te, Q) : null;
+}
+function wr(t, o, r) {
+  const i = I(() => {
+    t && r((s) => !s);
+  }, [t, r]);
+  N(() => {
+    if (!t) return;
+    const s = (c) => {
+      (c.key === "r" || c.key === "R" || c.code === "KeyR") && c.shiftKey && (c.preventDefault(), i());
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [t, i]);
+}
+const br = "review_layer:v1:";
+function Rr(t, o) {
+  if (t == null) return o;
+  try {
+    return JSON.parse(t) ?? o;
+  } catch {
+    return o;
+  }
+}
+function me(t, o, r, i) {
+  const s = `${br}${Sr(t)}:${r}`;
+  return i != null ? `${s}:${i}` : s;
+}
+function Sr(t) {
+  return t.replace(/\/+$/, "") || "/";
+}
+function rt(t) {
+  if (typeof localStorage > "u") return null;
+  const o = localStorage.getItem(t);
+  return Rr(o, null);
+}
+function nt(t, o) {
+  if (!(typeof localStorage > "u"))
+    try {
+      localStorage.setItem(t, JSON.stringify({ data: o, at: Date.now() }));
+    } catch {
+    }
+}
+function _e(t, o, r) {
+  const i = rt(me(t, o, "comments", r));
+  return (i == null ? void 0 : i.data) ?? null;
+}
+function Cr(t, o, r, i) {
+  nt(me(t, o, "comments", r), i);
+}
+function Ue(t, o) {
+  const r = rt(me(t, o, "reviewers"));
+  return (r == null ? void 0 : r.data) ?? null;
+}
+function jr(t, o, r) {
+  nt(me(t, o, "reviewers"), r);
+}
+function Ze() {
+  return typeof window > "u" ? "/" : window.location.pathname || "/";
+}
+const ot = It(null);
+let Pe = null;
+function Tr() {
+  const t = Lt(ot);
+  if (!t)
+    throw new Error("useReview must be used within ReviewProvider");
+  return t;
+}
+function kr({
+  children: t,
+  enabled: o = !0,
+  apiUrl: r,
+  apiKey: i
+}) {
+  const [s, c] = L(!1), [v, d] = L([]), [E, b] = L([]), [g, j] = L(!1);
+  wr(o, s, c);
+  const R = I(
+    async (y) => {
+      if (!(!o || !r || !i))
+        try {
+          const f = await Mt(r, i, { signal: y });
+          y != null && y.aborted || (d(f), jr(r, i, f));
+        } catch (f) {
+          if (f instanceof Error && f.name === "AbortError") return;
+          if (!(y != null && y.aborted)) {
+            const p = Ue(r, i);
+            p != null && d(p);
+          }
+        }
+    },
+    [o, r, i]
+  ), _ = I(
+    async (y) => {
+      if (!o || !r || !i) return;
+      const f = Ze(), p = _e(r, i, f);
+      p != null && b(p);
+      try {
+        j(!1);
+        const F = await Vt(r, i, f, { signal: y });
+        y != null && y.aborted || (b(F), Cr(r, i, f, F));
+      } catch (F) {
+        if (F instanceof Error && F.name === "AbortError") return;
+        if (!(y != null && y.aborted)) {
+          j(!0);
+          const X = _e(r, i, f);
+          X != null && b(X);
+        }
+      }
+    },
+    [o, r, i]
+  );
+  N(() => {
+    if (!o || !r || !i) return;
+    const y = Ze(), f = Ue(r, i), p = _e(r, i, y);
+    f != null && d(f), p != null && b(p);
+  }, [o, r, i]), N(() => {
+    if (!o || !r || !i) return;
+    const y = `${r}:${i}`;
+    if (Pe !== y)
+      return Pe = y, R(), _(), () => {
+        setTimeout(() => {
+          Pe = null;
+        }, 0);
+      };
+  }, [o, r, i, R, _]), N(() => {
+    if (!o) return;
+    const y = () => _();
+    return window.addEventListener("popstate", y), () => window.removeEventListener("popstate", y);
+  }, [o, _]);
+  const A = {
+    apiUrl: r,
+    apiKey: i,
+    reviewMode: s,
+    setReviewMode: c,
+    reviewers: v,
+    comments: E,
+    loadComments: _,
+    commentsLoadFailed: g
+  }, O = o && typeof document < "u" ? Ke(
+    /* @__PURE__ */ l.jsx(
+      Er,
+      {
+        apiUrl: r,
+        apiKey: i,
+        reviewMode: s,
+        reviewers: v,
+        comments: E,
+        loadComments: _,
+        commentsLoadFailed: g
+      }
+    ),
+    document.body
+  ) : null;
+  return /* @__PURE__ */ l.jsxs(ot.Provider, { value: A, children: [
+    t,
+    O
+  ] });
+}
+export {
+  kr as ReviewProvider,
+  Tr as useReview
+};
+//# sourceMappingURL=review-layer-react.js.map