@fixback/sdk 0.1.0

package/dist/index.mjs

@@ -0,0 +1,891 @@
+function me(e) {
+  return `${e.replace(/\/+$/, "")}/api/ingest/boot`;
+}
+function ge(e) {
+  if (typeof e != "object" || e === null) return !1;
+  const t = e;
+  return typeof t.originAllowed == "boolean" && typeof t.canSubmit == "boolean" && typeof t.gate == "string" && (t.tier === null || typeof t.tier == "string");
+}
+async function xe(e, t, o = fetch) {
+  let n;
+  try {
+    n = await o(me(e), {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(t)
+    });
+  } catch {
+    return null;
+  }
+  if (!n.ok) return null;
+  let i;
+  try {
+    i = await n.json();
+  } catch {
+    return null;
+  }
+  return ge(i) ? i : null;
+}
+var J = "fixback.anonymousId";
+function Z() {
+  const e = globalThis.crypto;
+  return e && typeof e.randomUUID == "function" ? e.randomUUID() : `fb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function ye() {
+  try {
+    const e = globalThis.localStorage, t = e.getItem(J);
+    if (t) return t;
+    const o = Z();
+    return e.setItem(J, o), o;
+  } catch {
+    return Z();
+  }
+}
+var ke = `
+:host {
+  /* Vendored Signal tokens (packages/ui/src/tokens.css). */
+  --fb-color-accent: #2f6fed;
+  --fb-color-accent-hover: #245fd0;
+  --fb-color-on-emphasis: #ffffff;
+  --fb-color-text: #0f1720;
+  --fb-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif;
+
+  display: block;
+  color: var(--fb-color-text);
+  font-family: var(--fb-font-sans);
+  font-size: 13px;
+  line-height: 1.4;
+  -webkit-font-smoothing: antialiased;
+}
+
+.fb-launcher {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  box-sizing: border-box;
+  height: 40px;
+  margin: 0;
+  padding: 0 16px;
+  border: 0;
+  border-radius: 999px;
+  background: var(--fb-color-accent);
+  color: var(--fb-color-on-emphasis);
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  cursor: pointer;
+  box-shadow:
+    0 6px 18px rgba(15, 23, 32, 0.16),
+    0 1px 2px rgba(15, 23, 32, 0.12);
+  transition:
+    background-color 120ms ease,
+    transform 120ms ease;
+}
+
+.fb-launcher:hover {
+  background: var(--fb-color-accent-hover);
+}
+
+.fb-launcher:active {
+  transform: translateY(1px);
+}
+
+.fb-launcher:focus-visible {
+  outline: 2px solid var(--fb-color-accent);
+  outline-offset: 2px;
+}
+
+.fb-launcher__icon {
+  display: block;
+  flex: none;
+  width: 16px;
+  height: 16px;
+}
+
+.fb-launcher__label {
+  white-space: nowrap;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fb-launcher {
+    transition: none;
+  }
+}
+`, Q = "data-fixback-root", U = "fixback:launch", we = '<svg class="fb-launcher__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" d="M3.25 2h9.5A1.25 1.25 0 0 1 14 3.25v6.5A1.25 1.25 0 0 1 12.75 11H7.6l-3.19 2.55A.6.6 0 0 1 3.4 13.1V11h-.15A1.25 1.25 0 0 1 2 9.75v-6.5A1.25 1.25 0 0 1 3.25 2Z"/></svg>';
+function Ee(e) {
+  const t = e.ownerDocument, o = t.querySelector(`[${Q}]`);
+  o && o.remove();
+  const n = t.createElement("div");
+  n.setAttribute(Q, ""), n.style.cssText = "position:fixed;right:20px;bottom:20px;z-index:2147483000;margin:0;padding:0;border:0;";
+  const i = n.attachShadow({ mode: "open" }), l = t.createElement("style");
+  l.textContent = ke, i.appendChild(l);
+  const a = t.createElement("button");
+  return a.type = "button", a.className = "fb-launcher", a.setAttribute("aria-haspopup", "dialog"), a.setAttribute("aria-label", "Give feedback"), a.innerHTML = `${we}<span class="fb-launcher__label">Feedback</span>`, a.addEventListener("click", () => {
+    n.dispatchEvent(new CustomEvent(U, {
+      bubbles: !0,
+      composed: !0
+    }));
+  }), i.appendChild(a), e.appendChild(n), { host: n };
+}
+function Se(e) {
+  e.host.remove();
+}
+var ne = ["data-fixback-root", "data-fixback-overlay"], Ce = ne.map((e) => `[${e}]`).join(",");
+function Te(e) {
+  let t = e instanceof Node ? e : null;
+  for (; t; ) {
+    if (t instanceof Element) {
+      for (const n of ne) if (t.hasAttribute(n)) return !0;
+    }
+    const o = t.getRootNode();
+    if (o instanceof ShadowRoot && o !== t) {
+      t = o.host;
+      continue;
+    }
+    t = t.parentNode;
+  }
+  return !1;
+}
+function Ie(e) {
+  for (const t of Array.from(e.querySelectorAll(Ce))) t.remove();
+}
+function ee(e) {
+  const t = globalThis.CSS;
+  return t != null && t.escape ? t.escape(e) : e.replace(/[^\w-]/g, (o) => `\\${o}`);
+}
+function Le(e) {
+  let t = 1, o = e.previousElementSibling;
+  for (; o; )
+    o.tagName === e.tagName && (t += 1), o = o.previousElementSibling;
+  return t;
+}
+function Ae(e) {
+  if (e.id) return `#${ee(e.id)}`;
+  const t = [];
+  let o = e;
+  for (; o && o.tagName.toLowerCase() !== "html"; ) {
+    if (o.id) {
+      t.unshift(`#${ee(o.id)}`);
+      break;
+    }
+    const n = o.tagName.toLowerCase(), i = o.parentElement;
+    if (i) {
+      const l = Array.from(i.children).filter((a) => a.tagName === o.tagName);
+      t.unshift(l.length > 1 ? `${n}:nth-of-type(${Le(o)})` : n);
+    } else t.unshift(n);
+    o = i;
+  }
+  return t.join(" > ");
+}
+function Ne(e) {
+  const t = e.tagName.toLowerCase();
+  if (e.id) return `${t}#${e.id}`;
+  const o = e.classList[0];
+  return o ? `${t}.${o}` : t;
+}
+function _e(e) {
+  const t = [];
+  let o = e;
+  for (; o; )
+    t.unshift(Ne(o)), o = o.parentElement;
+  return t.join(" > ");
+}
+function Oe(e) {
+  const t = e.getBoundingClientRect();
+  return {
+    x: Math.round(t.x),
+    y: Math.round(t.y),
+    width: Math.round(t.width),
+    height: Math.round(t.height)
+  };
+}
+function Re(e) {
+  return {
+    selector: Ae(e),
+    domPath: _e(e),
+    tag: e.tagName.toLowerCase(),
+    rect: Oe(e)
+  };
+}
+function Me(e) {
+  var t, o;
+  const n = (t = e.doc) !== null && t !== void 0 ? t : document, i = (o = e.ignore) !== null && o !== void 0 ? o : Te;
+  let l = null, a = !1;
+  function c(u) {
+    var f;
+    const y = (f = (typeof u.composedPath == "function" ? u.composedPath() : [])[0]) !== null && f !== void 0 ? f : u.target;
+    return y instanceof Element ? i(y) ? null : y : null;
+  }
+  function b(u) {
+    var f;
+    a || (l = c(u), (f = e.onHover) === null || f === void 0 || f.call(e, l));
+  }
+  function p(u) {
+    var f;
+    if (a) return;
+    const y = (f = c(u)) !== null && f !== void 0 ? f : l;
+    y && (u.preventDefault(), u.stopPropagation(), s(), e.onPick(y));
+  }
+  function g(u) {
+    if (!a && u.key === "Escape") {
+      var f;
+      u.preventDefault(), s(), (f = e.onCancel) === null || f === void 0 || f.call(e);
+    }
+  }
+  function s() {
+    a || (a = !0, n.removeEventListener("mouseover", b, !0), n.removeEventListener("click", p, !0), n.removeEventListener("keydown", g, !0), l = null);
+  }
+  return n.addEventListener("mouseover", b, !0), n.addEventListener("click", p, !0), n.addEventListener("keydown", g, !0), { stop: s };
+}
+function Be(e, t) {
+  var o;
+  const n = {}, i = e.innerWidth;
+  typeof i == "number" && i > 0 && (n.viewportWidth = Math.round(i));
+  const l = e.innerHeight;
+  typeof l == "number" && l > 0 && (n.viewportHeight = Math.round(l));
+  const a = (o = e.navigator) === null || o === void 0 ? void 0 : o.userAgent;
+  return typeof a == "string" && a.length > 0 && (n.browser = a), t.length > 0 && (n.sdkVersion = t), n;
+}
+function ze(e) {
+  var t;
+  const o = {};
+  e.kind && (o.kind = e.kind);
+  const n = (t = e.comment) === null || t === void 0 ? void 0 : t.trim();
+  return n && (o.comment = n), e.url && (o.url = e.url), e.environment && Object.keys(e.environment).length > 0 && (o.environment = e.environment), e.element && (o.annotation = e.element), o;
+}
+var Pe = `
+:host {
+  --fb-color-accent: #2f6fed;
+  --fb-color-accent-hover: #245fd0;
+  --fb-color-on-emphasis: #ffffff;
+  --fb-color-ink: #0f1720;
+  --fb-color-text: #1a2530;
+  --fb-color-muted: #5a6875;
+  --fb-color-faint: #9aa7b2;
+  --fb-color-border: #e0e6ec;
+  --fb-color-border-soft: #e6ebf0;
+  --fb-color-surface: #ffffff;
+  --fb-color-bug: #e5484d;
+  --fb-color-bug-bg: #fdecec;
+  --fb-color-impr: #2f6fed;
+  --fb-color-impr-bg: #eaf1fe;
+  --fb-color-idea: #8b5cf6;
+  --fb-color-idea-bg: #f2ecfe;
+  --fb-color-success: #2f9e5b;
+  --fb-font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif;
+  --fb-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas,
+    monospace;
+
+  display: block;
+  color: var(--fb-color-text);
+  font-family: var(--fb-font-sans);
+  font-size: 13px;
+  line-height: 1.45;
+  -webkit-font-smoothing: antialiased;
+}
+
+* { box-sizing: border-box; }
+
+.fb-ov-panel {
+  width: 300px;
+  max-width: calc(100vw - 40px);
+  background: var(--fb-color-surface);
+  border: 1px solid var(--fb-color-border);
+  border-radius: 13px;
+  box-shadow: 0 18px 44px rgba(20, 40, 70, 0.2);
+  overflow: hidden;
+}
+
+.fb-ov-head {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  padding: 12px 14px;
+  border-bottom: 1px solid var(--fb-color-border-soft);
+}
+.fb-ov-mark-sq {
+  width: 13px;
+  height: 13px;
+  border-radius: 4px;
+  background: var(--fb-color-accent);
+  flex: none;
+}
+.fb-ov-brand { font-size: 14px; font-weight: 600; color: var(--fb-color-ink); }
+.fb-ov-close {
+  margin-left: auto;
+  border: 0;
+  background: none;
+  color: var(--fb-color-faint);
+  font-size: 16px;
+  line-height: 1;
+  padding: 2px 4px;
+  cursor: pointer;
+  border-radius: 6px;
+}
+.fb-ov-close:hover { color: var(--fb-color-muted); background: #f4f7fa; }
+
+.fb-ov-tabs { display: flex; gap: 6px; padding: 12px 14px 6px; }
+.fb-ov-tab {
+  flex: 1;
+  text-align: center;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 6px;
+  border-radius: 7px;
+  border: 1px solid var(--fb-color-border);
+  background: var(--fb-color-surface);
+  color: var(--fb-color-muted);
+  cursor: pointer;
+  font-family: inherit;
+}
+.fb-ov-tab:hover { border-color: #cfd8e2; }
+.fb-ov-tab.is-active[data-kind="bug"] {
+  background: var(--fb-color-bug-bg); color: var(--fb-color-bug); border-color: transparent;
+}
+.fb-ov-tab.is-active[data-kind="improvement"] {
+  background: var(--fb-color-impr-bg); color: var(--fb-color-impr); border-color: transparent;
+}
+.fb-ov-tab.is-active[data-kind="idea"] {
+  background: var(--fb-color-idea-bg); color: var(--fb-color-idea); border-color: transparent;
+}
+
+.fb-ov-mark {
+  margin: 10px 14px;
+  min-height: 52px;
+  border-radius: 9px;
+  border: 1px solid var(--fb-color-border-soft);
+  background: repeating-linear-gradient(135deg, #f4f7fa, #f4f7fa 7px, #eaeff4 7px, #eaeff4 14px);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  gap: 6px;
+  padding: 10px 12px;
+}
+.fb-ov-selector {
+  display: none;
+  max-width: 100%;
+  font-family: var(--fb-font-mono);
+  font-size: 10px;
+  color: var(--fb-color-on-emphasis);
+  background: var(--fb-color-accent);
+  padding: 3px 8px;
+  border-radius: 5px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.fb-ov-mark.has-element .fb-ov-selector { display: inline-block; }
+.fb-ov-mark-caption { font-size: 10px; color: var(--fb-color-faint); font-family: var(--fb-font-mono); }
+
+.fb-ov-comment {
+  display: block;
+  width: calc(100% - 28px);
+  margin: 0 14px 10px;
+  min-height: 62px;
+  resize: vertical;
+  font-family: inherit;
+  font-size: 13px;
+  color: var(--fb-color-text);
+  border: 1px solid var(--fb-color-border-soft);
+  border-radius: 9px;
+  padding: 10px 11px;
+}
+.fb-ov-comment::placeholder { color: var(--fb-color-faint); }
+.fb-ov-comment:focus-visible { outline: 2px solid var(--fb-color-accent); outline-offset: 1px; }
+
+.fb-ov-status { padding: 0 14px; font-size: 11px; min-height: 0; }
+.fb-ov-status.is-error { color: var(--fb-color-bug); }
+
+.fb-ov-tools { display: flex; align-items: center; gap: 8px; padding: 8px 14px 14px; }
+.fb-ov-pickbtn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-family: inherit;
+  font-size: 12px;
+  color: var(--fb-color-muted);
+  background: var(--fb-color-surface);
+  border: 1px solid var(--fb-color-border);
+  border-radius: 8px;
+  padding: 8px 11px;
+  cursor: pointer;
+}
+.fb-ov-pickbtn:hover { border-color: #cfd8e2; }
+.fb-ov-pickbtn.is-active {
+  color: var(--fb-color-accent);
+  border-color: var(--fb-color-accent);
+  background: var(--fb-color-impr-bg);
+}
+.fb-ov-pickbtn__glyph { font-size: 14px; line-height: 1; }
+
+.fb-ov-send {
+  margin-left: auto;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--fb-color-on-emphasis);
+  background: var(--fb-color-accent);
+  border: 0;
+  border-radius: 8px;
+  padding: 9px 18px;
+  cursor: pointer;
+}
+.fb-ov-send:hover { background: var(--fb-color-accent-hover); }
+.fb-ov-send:disabled { opacity: 0.6; cursor: default; }
+
+.fb-ov-done { display: none; padding: 24px 18px; text-align: center; }
+.fb-ov-panel.is-sent .fb-ov-form { display: none; }
+.fb-ov-panel.is-sent .fb-ov-done { display: block; }
+.fb-ov-done__check {
+  width: 40px; height: 40px; margin: 0 auto 12px;
+  border-radius: 50%;
+  background: #e7f6ee; color: var(--fb-color-success);
+  display: flex; align-items: center; justify-content: center;
+  font-size: 20px; font-weight: 700;
+}
+.fb-ov-done__title { font-size: 15px; font-weight: 600; color: var(--fb-color-ink); }
+.fb-ov-done__sub { font-size: 12px; color: var(--fb-color-muted); margin-top: 4px; }
+
+.fb-ov-pick { position: fixed; inset: 0; pointer-events: none; z-index: 2147483002; display: none; }
+.fb-ov-panel.is-picking + .fb-ov-pick { display: block; }
+.fb-ov-panel.is-picking { visibility: hidden; }
+.fb-ov-highlight {
+  position: absolute;
+  border: 2px dashed var(--fb-color-accent);
+  border-radius: 6px;
+  box-shadow: 0 0 0 3px rgba(47, 111, 237, 0.14);
+  transition: all 60ms ease;
+}
+.fb-ov-hint {
+  position: absolute;
+  top: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-family: var(--fb-font-mono);
+  font-size: 11px;
+  color: var(--fb-color-on-emphasis);
+  background: var(--fb-color-ink);
+  padding: 6px 12px;
+  border-radius: 7px;
+  box-shadow: 0 8px 20px rgba(20, 40, 70, 0.25);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .fb-ov-highlight { transition: none; }
+}
+`;
+var $e = 32, He = /* @__PURE__ */ new Set([
+  "button",
+  "submit",
+  "reset",
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "hidden"
+]);
+function V(e) {
+  const t = Math.min(Math.max(e, 1), $e);
+  return "•".repeat(t);
+}
+function Ve(e) {
+  for (const n of Array.from(e.querySelectorAll("input"))) {
+    var t;
+    const i = ((t = n.getAttribute("type")) !== null && t !== void 0 ? t : "text").toLowerCase();
+    if (He.has(i)) continue;
+    const l = n.value;
+    if (!l) continue;
+    const a = V(l.length);
+    n.value = a, n.setAttribute("value", a);
+  }
+  for (const n of Array.from(e.querySelectorAll("textarea"))) {
+    const i = n.value || n.textContent || "";
+    if (!i) continue;
+    const l = V(i.length);
+    n.value = l, n.textContent = l;
+  }
+  for (const n of Array.from(e.querySelectorAll("[contenteditable]"))) {
+    var o;
+    if (n.getAttribute("contenteditable") === "false") continue;
+    const i = (o = n.textContent) !== null && o !== void 0 ? o : "";
+    i.trim() && (n.textContent = V(i.length));
+  }
+}
+function te(e, t, o) {
+  const n = e == null ? void 0 : e[`inner${o}`], i = t.documentElement[`client${o}`];
+  return Math.max(1, Math.round((typeof n == "number" && n > 0 ? n : i) || 0) || 1);
+}
+function Ue(e, t, o) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${o}"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml">${new XMLSerializer().serializeToString(e)}</div></foreignObject></svg>`;
+}
+var je = 4e3, Fe = (e, { width: t, height: o, type: n }) => new Promise((i) => {
+  let l = !1;
+  const a = (c) => {
+    l || (l = !0, i(c));
+  };
+  try {
+    const c = new Image(), b = setTimeout(() => a(null), je);
+    c.onload = () => {
+      try {
+        const p = document.createElement("canvas");
+        p.width = t, p.height = o;
+        const g = p.getContext("2d");
+        if (!g) {
+          clearTimeout(b), a(null);
+          return;
+        }
+        g.drawImage(c, 0, 0), p.toBlob((s) => {
+          clearTimeout(b), a(s);
+        }, n);
+      } catch {
+        clearTimeout(b), a(null);
+      }
+    }, c.onerror = () => {
+      clearTimeout(b), a(null);
+    }, c.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(e)}`;
+  } catch {
+    a(null);
+  }
+});
+async function De(e = {}) {
+  try {
+    var t, o, n, i, l, a;
+    const c = (t = e.doc) !== null && t !== void 0 ? t : document, b = (o = (n = e.win) !== null && n !== void 0 ? n : c.defaultView) !== null && o !== void 0 ? o : void 0, p = (i = e.target) !== null && i !== void 0 ? i : c.documentElement, g = (l = e.type) !== null && l !== void 0 ? l : "image/png", s = te(b, c, "Width"), u = te(b, c, "Height"), f = p.cloneNode(!0);
+    Ie(f), Ve(f);
+    const y = Ue(f, s, u), h = await ((a = e.rasterize) !== null && a !== void 0 ? a : Fe)(y, {
+      width: s,
+      height: u,
+      type: g
+    });
+    return h ? {
+      blob: h,
+      width: s,
+      height: u,
+      type: g
+    } : null;
+  } catch {
+    return null;
+  }
+}
+var Ke = "screenshot";
+function qe(e) {
+  return `${e.replace(/\/+$/, "")}/api/ingest/feedback`;
+}
+function Xe(e) {
+  if (!e) return {};
+  const t = {};
+  return e.signedIdentity && (t.signedIdentity = e.signedIdentity), e.reporterId && (t.reporterId = e.reporterId), e.anonymousId && (t.anonymousId = e.anonymousId), t;
+}
+async function Ye(e, t, o = fetch) {
+  var n;
+  const i = {
+    key: t.key,
+    ...Xe(t.identity),
+    ...t.content
+  }, l = new FormData();
+  if (l.append("payload", JSON.stringify(i)), !((n = t.screenshot) === null || n === void 0) && n.blob) {
+    var a;
+    l.append(Ke, t.screenshot.blob, (a = t.screenshot.filename) !== null && a !== void 0 ? a : "screenshot.png");
+  }
+  let c;
+  try {
+    c = await o(qe(e), {
+      method: "POST",
+      body: l
+    });
+  } catch {
+    return {
+      ok: !1,
+      reason: "unreachable"
+    };
+  }
+  if (!c.ok) return {
+    ok: !1,
+    reason: "refused",
+    status: c.status
+  };
+  try {
+    return {
+      ok: !0,
+      feedback: await c.json()
+    };
+  } catch {
+    return {
+      ok: !0,
+      feedback: null
+    };
+  }
+}
+var re = "0.1.0", Ge = "data-fixback-overlay", We = [
+  {
+    value: "bug",
+    label: "Bug"
+  },
+  {
+    value: "improvement",
+    label: "Improve"
+  },
+  {
+    value: "idea",
+    label: "Idea"
+  }
+], Je = 1800;
+function d(e, t, o = {}, n = []) {
+  const i = e.createElement(t);
+  for (const [l, a] of Object.entries(o)) a !== void 0 && i.setAttribute(l, a);
+  for (const l of n) i.appendChild(typeof l == "string" ? e.createTextNode(l) : l);
+  return i;
+}
+var Ze = {
+  "image/png": "png",
+  "image/jpeg": "jpg",
+  "image/webp": "webp",
+  "image/gif": "gif"
+};
+function Qe(e) {
+  var t;
+  return (t = Ze[e]) !== null && t !== void 0 ? t : "png";
+}
+function et(e) {
+  var t, o, n, i, l, a, c, b, p, g;
+  const s = (t = e.doc) !== null && t !== void 0 ? t : document, u = (o = (n = e.win) !== null && n !== void 0 ? n : s.defaultView) !== null && o !== void 0 ? o : window, f = (i = e.sdkVersion) !== null && i !== void 0 ? i : re, y = {
+    captureView: (l = (a = e.deps) === null || a === void 0 ? void 0 : a.captureView) !== null && l !== void 0 ? l : De,
+    submitReport: (c = (b = e.deps) === null || b === void 0 ? void 0 : b.submitReport) !== null && c !== void 0 ? c : Ye,
+    startElementPicker: (p = (g = e.deps) === null || g === void 0 ? void 0 : g.startElementPicker) !== null && p !== void 0 ? p : Me
+  };
+  let h = null, r = null, E = null, T = null, I = !1;
+  const x = {
+    kind: "bug",
+    selectedElement: null,
+    phase: "compose"
+  };
+  function L(v, m) {
+    r && (r.status.textContent = v, r.status.classList.toggle("is-error", m));
+  }
+  function j(v) {
+    if (x.kind = v, !!r)
+      for (const [m, w] of r.tabs) {
+        const k = m === v;
+        w.classList.toggle("is-active", k), w.setAttribute("aria-pressed", String(k));
+      }
+  }
+  function F() {
+    r && (x.selectedElement ? (r.mark.classList.add("has-element"), r.selector.textContent = x.selectedElement.selector, r.caption.textContent = "Element selected · masked screenshot on Send", r.pickBtn.textContent = "", r.pickBtn.append(oe(s), s.createTextNode("Change element"))) : (r.mark.classList.remove("has-element"), r.selector.textContent = "", r.caption.textContent = "Masked screenshot attached on Send", r.pickBtn.textContent = "", r.pickBtn.append(oe(s), s.createTextNode("Pick element"))));
+  }
+  function ie(v) {
+    if (!r) return;
+    if (!v) {
+      r.highlight.style.display = "none";
+      return;
+    }
+    const m = v.getBoundingClientRect();
+    r.highlight.style.display = "block", r.highlight.style.left = `${m.left}px`, r.highlight.style.top = `${m.top}px`, r.highlight.style.width = `${m.width}px`, r.highlight.style.height = `${m.height}px`;
+  }
+  function N() {
+    E == null || E.stop(), E = null;
+  }
+  function S() {
+    r && (r.panel.classList.remove("is-picking"), r.pickBtn.classList.remove("is-active"), r.highlight.style.display = "none"), N();
+  }
+  function ae() {
+    r && (N(), r.panel.classList.add("is-picking"), r.pickBtn.classList.add("is-active"), E = y.startElementPicker({
+      doc: s,
+      onHover: ie,
+      onPick: (v) => {
+        x.selectedElement = Re(v), S(), F();
+      },
+      onCancel: S
+    }));
+  }
+  function _() {
+    T !== null && (clearTimeout(T), T = null);
+  }
+  async function se() {
+    if (!(!r || x.phase === "sending")) {
+      x.phase = "sending", r.sendBtn.disabled = !0, r.sendBtn.textContent = "Sending…", L("", !1);
+      try {
+        var v, m;
+        const w = ze({
+          kind: x.kind,
+          comment: r.comment.value,
+          element: (v = x.selectedElement) !== null && v !== void 0 ? v : void 0,
+          url: (m = u.location) === null || m === void 0 ? void 0 : m.href,
+          environment: Be(u, f)
+        }), k = await y.captureView({
+          doc: s,
+          win: u
+        }), M = k ? {
+          blob: k.blob,
+          filename: `screenshot.${Qe(k.type)}`
+        } : null, C = await y.submitReport(e.apiUrl, {
+          key: e.key,
+          identity: e.identity,
+          content: w,
+          screenshot: M
+        });
+        C.ok ? (x.phase = "sent", r.panel.classList.add("is-sent"), T = setTimeout(R, Je)) : (O(), L(C.reason === "unreachable" ? "Couldn't reach Fixback — try again." : "Fixback couldn't accept this report.", !0));
+      } catch {
+        O(), L("Something went wrong — try again.", !0);
+      }
+    }
+  }
+  function O() {
+    x.phase = "compose", r && (r.sendBtn.disabled = !1, r.sendBtn.textContent = "Send");
+  }
+  function le() {
+    var v;
+    h = d(s, "div", { [Ge]: "" }), h.style.cssText = "position:fixed;right:20px;bottom:84px;z-index:2147483001;margin:0;padding:0;border:0;display:none;";
+    const m = h.attachShadow({ mode: "open" }), w = s.createElement("style");
+    w.textContent = Pe, m.appendChild(w);
+    const k = d(s, "button", {
+      type: "button",
+      class: "fb-ov-close",
+      "aria-label": "Close"
+    }, ["✕"]), M = d(s, "div", { class: "fb-ov-head" }, [
+      d(s, "span", { class: "fb-ov-mark-sq" }),
+      d(s, "span", { class: "fb-ov-brand" }, ["Fixback"]),
+      k
+    ]), C = /* @__PURE__ */ new Map(), D = d(s, "div", { class: "fb-ov-tabs" });
+    for (const { value: $, label: he } of We) {
+      const H = d(s, "button", {
+        type: "button",
+        class: "fb-ov-tab",
+        "data-kind": $
+      }, [he]);
+      H.addEventListener("click", () => j($)), C.set($, H), D.appendChild(H);
+    }
+    const K = d(s, "span", { class: "fb-ov-selector" }), q = d(s, "span", { class: "fb-ov-mark-caption" }), X = d(s, "div", { class: "fb-ov-mark" }, [K, q]), Y = d(s, "textarea", {
+      class: "fb-ov-comment",
+      placeholder: "Describe what you saw or want…",
+      "aria-label": "Comment"
+    }), G = d(s, "div", {
+      class: "fb-ov-status",
+      role: "status",
+      "aria-live": "polite"
+    }), B = d(s, "button", {
+      type: "button",
+      class: "fb-ov-pickbtn"
+    });
+    B.addEventListener("click", () => {
+      x.phase !== "sending" && (r != null && r.panel.classList.contains("is-picking") ? S() : ae());
+    });
+    const z = d(s, "button", {
+      type: "button",
+      class: "fb-ov-send"
+    }, ["Send"]);
+    z.addEventListener("click", () => {
+      se();
+    });
+    const ue = d(s, "div", { class: "fb-ov-tools" }, [B, z]), be = d(s, "div", { class: "fb-ov-form" }, [
+      D,
+      X,
+      Y,
+      G,
+      ue
+    ]), pe = d(s, "div", { class: "fb-ov-done" }, [
+      d(s, "div", { class: "fb-ov-done__check" }, ["✓"]),
+      d(s, "div", { class: "fb-ov-done__title" }, ["Report sent"]),
+      d(s, "div", { class: "fb-ov-done__sub" }, ["Thanks — the team can see it now."])
+    ]), W = d(s, "div", {
+      class: "fb-ov-panel",
+      role: "dialog",
+      "aria-label": "Fixback feedback"
+    }, [
+      M,
+      be,
+      pe
+    ]), P = d(s, "div", { class: "fb-ov-highlight" });
+    P.style.display = "none";
+    const ve = d(s, "div", { class: "fb-ov-pick" }, [d(s, "div", { class: "fb-ov-hint" }, ["Click the element you mean · Esc to cancel"]), P]);
+    m.appendChild(W), m.appendChild(ve), k.addEventListener("click", R), ((v = e.target) !== null && v !== void 0 ? v : s.body).appendChild(h), r = {
+      panel: W,
+      tabs: C,
+      mark: X,
+      selector: K,
+      caption: q,
+      comment: Y,
+      status: G,
+      pickBtn: B,
+      sendBtn: z,
+      highlight: P
+    };
+  }
+  function ce() {
+    (!h || !r) && le();
+  }
+  function de() {
+    if (ce(), !(!h || !r)) {
+      _(), S(), x.phase = "compose", x.selectedElement = null, r.panel.classList.remove("is-sent"), r.comment.value = "", O(), L("", !1), j("bug"), F(), h.style.display = "block", I = !0;
+      try {
+        r.comment.focus();
+      } catch {
+      }
+    }
+  }
+  function R() {
+    _(), S(), h && (h.style.display = "none"), I = !1;
+  }
+  function fe() {
+    _(), N(), h == null || h.remove(), h = null, r = null, I = !1;
+  }
+  return {
+    open: de,
+    close: R,
+    destroy: fe,
+    get isOpen() {
+      return I;
+    }
+  };
+}
+function oe(e) {
+  return d(e, "span", {
+    class: "fb-ov-pickbtn__glyph",
+    "aria-hidden": "true"
+  }, ["⌖"]);
+}
+var tt = "https://api.fixback.dev", A = { destroy() {
+} };
+async function ot(e) {
+  try {
+    var t, o, n;
+    if (typeof document == "undefined") return A;
+    const i = e == null ? void 0 : e.key;
+    if (typeof i != "string" || i.length === 0) return A;
+    const l = (t = e.apiUrl) !== null && t !== void 0 ? t : tt, a = (o = e.anonymousId) !== null && o !== void 0 ? o : ye(), c = await xe(l, {
+      key: i,
+      signedIdentity: e.signedIdentity,
+      reporterId: e.reporterId,
+      anonymousId: a
+    });
+    if (!(c != null && c.canSubmit)) return A;
+    const b = (n = e.target) !== null && n !== void 0 ? n : document.body, p = Ee(b), g = et({
+      apiUrl: l,
+      key: i,
+      identity: {
+        signedIdentity: e.signedIdentity,
+        reporterId: e.reporterId,
+        anonymousId: a
+      },
+      sdkVersion: re,
+      target: b
+    }), s = () => g.open();
+    return p.host.addEventListener(U, s), { destroy: () => {
+      p.host.removeEventListener(U, s), g.destroy(), Se(p);
+    } };
+  } catch {
+    return A;
+  }
+}
+export {
+  tt as DEFAULT_API_URL,
+  U as LAUNCH_EVENT,
+  ot as init
+};
+
+//# sourceMappingURL=index.mjs.map