@journeeze/sdk 0.0.0-stage → 0.1.0-rc.2

package/dist/widget-DQZm8sAC.js

@@ -0,0 +1,1599 @@
+var Pe = Object.defineProperty;
+var Ie = (e, t, o) => t in e ? Pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var y = (e, t, o) => Ie(e, typeof t != "symbol" ? t + "" : t, o);
+import { d as De, e as Le, b as Me, h as Oe, f as J, C as Z, D as $e, g as _e, i as Ue, c as Be, w as We } from "./consent-CoKD33Rm.js";
+import { i as qe, a as Q } from "./index-CfCbJJXa.js";
+import { d as He, s as Ve, i as ee, e as Xe, a as Ke, R as Ge } from "./hook-BdG4UL4k.js";
+import { feedbackChannel as Ye, widgetConfig as Je } from "./feedback-C4CYtS2A.js";
+const he = "[modern-screenshot]", P = typeof window < "u", Ze = P && "Worker" in window, X = P ? window.navigator?.userAgent : "", pe = X.includes("Chrome"), U = X.includes("AppleWebKit") && !pe, K = X.includes("Firefox"), Qe = (e) => e && "__CONTEXT__" in e, et = (e) => e.constructor.name === "CSSFontFaceRule", tt = (e) => e.constructor.name === "CSSImportRule", ot = (e) => e.constructor.name === "CSSLayerBlockRule", j = (e) => e.nodeType === 1, $ = (e) => typeof e.className == "object", fe = (e) => e.tagName === "image", nt = (e) => e.tagName === "use", L = (e) => j(e) && typeof e.style < "u" && !$(e), rt = (e) => e.nodeType === 8, it = (e) => e.nodeType === 3, I = (e) => e.tagName === "IMG", B = (e) => e.tagName === "VIDEO", st = (e) => e.tagName === "CANVAS", at = (e) => e.tagName === "TEXTAREA", ct = (e) => e.tagName === "INPUT", lt = (e) => e.tagName === "STYLE", dt = (e) => e.tagName === "SCRIPT", ut = (e) => e.tagName === "SELECT", ht = (e) => e.tagName === "SLOT", pt = (e) => e.tagName === "IFRAME", ft = (...e) => console.warn(he, ...e);
+function gt(e) {
+  const t = e?.createElement?.("canvas");
+  return t && (t.height = t.width = 1), !!t && "toDataURL" in t && !!t.toDataURL("image/webp").includes("image/webp");
+}
+const H = (e) => e.startsWith("data:");
+function ge(e, t) {
+  if (e.match(/^[a-z]+:\/\//i))
+    return e;
+  if (P && e.match(/^\/\//))
+    return window.location.protocol + e;
+  if (e.match(/^[a-z]+:/i) || !P)
+    return e;
+  const o = W().implementation.createHTMLDocument(), n = o.createElement("base"), i = o.createElement("a");
+  return o.head.appendChild(n), o.body.appendChild(i), t && (n.href = t), i.href = e, i.href;
+}
+function W(e) {
+  return (e && j(e) ? e?.ownerDocument : e) ?? window.document;
+}
+const q = "http://www.w3.org/2000/svg";
+function mt(e, t, o) {
+  const n = W(o).createElementNS(q, "svg");
+  return n.setAttributeNS(null, "width", e.toString()), n.setAttributeNS(null, "height", t.toString()), n.setAttributeNS(null, "viewBox", `0 0 ${e} ${t}`), n;
+}
+function wt(e, t) {
+  let o = new XMLSerializer().serializeToString(e);
+  return t && (o = o.replace(/[\u0000-\u0008\v\f\u000E-\u001F\uD800-\uDFFF\uFFFE\uFFFF]/gu, "")), `data:image/svg+xml;charset=utf-8,${encodeURIComponent(o)}`;
+}
+function bt(e, t) {
+  return new Promise((o, n) => {
+    const i = new FileReader();
+    i.onload = () => o(i.result), i.onerror = () => n(i.error), i.onabort = () => n(new Error(`Failed read blob to ${t}`)), i.readAsDataURL(e);
+  });
+}
+const yt = (e) => bt(e, "dataUrl");
+function R(e, t) {
+  const o = W(t).createElement("img");
+  return o.decoding = "sync", o.loading = "eager", o.src = e, o;
+}
+function M(e, t) {
+  return new Promise((o) => {
+    const { timeout: n, ownerDocument: i, onError: s, onWarn: a } = t ?? {}, r = typeof e == "string" ? R(e, W(i)) : e;
+    let u = null, d = null;
+    function c() {
+      o(r), u && clearTimeout(u), d?.();
+    }
+    if (n && (u = setTimeout(c, n)), B(r)) {
+      const f = r.currentSrc || r.src;
+      if (!f)
+        return r.poster ? M(r.poster, t).then(o) : c();
+      if (r.readyState >= 2)
+        return c();
+      const h = c, l = (g) => {
+        a?.(
+          "Failed video load",
+          f,
+          g
+        ), s?.(g), c();
+      };
+      d = () => {
+        r.removeEventListener("loadeddata", h), r.removeEventListener("error", l);
+      }, r.addEventListener("loadeddata", h, { once: !0 }), r.addEventListener("error", l, { once: !0 });
+    } else {
+      const f = fe(r) ? r.href.baseVal : r.currentSrc || r.src;
+      if (!f)
+        return c();
+      const h = async () => {
+        if (I(r) && "decode" in r)
+          try {
+            await r.decode();
+          } catch (g) {
+            a?.(
+              "Failed to decode image, trying to render anyway",
+              r.dataset.originalSrc || f,
+              g
+            );
+          }
+        c();
+      }, l = (g) => {
+        a?.(
+          "Failed image load",
+          r.dataset.originalSrc || f,
+          g
+        ), c();
+      };
+      if (I(r) && r.complete)
+        return h();
+      d = () => {
+        r.removeEventListener("load", h), r.removeEventListener("error", l);
+      }, r.addEventListener("load", h, { once: !0 }), r.addEventListener("error", l, { once: !0 });
+    }
+  });
+}
+async function xt(e, t) {
+  L(e) && (I(e) || B(e) ? await M(e, t) : await Promise.all(
+    ["img", "video"].flatMap((o) => Array.from(e.querySelectorAll(o)).map((n) => M(n, t)))
+  ));
+}
+const me = /* @__PURE__ */ (function() {
+  let t = 0;
+  const o = () => `0000${(Math.random() * 36 ** 4 << 0).toString(36)}`.slice(-4);
+  return () => (t += 1, `u${o()}${t}`);
+})();
+function we(e) {
+  return e?.split(",").map((t) => t.trim().replace(/"|'/g, "").toLowerCase()).filter(Boolean);
+}
+let te = 0;
+function vt(e) {
+  const t = `${he}[#${te}]`;
+  return te++, {
+    time: (o) => e && console.time(`${t} ${o}`),
+    timeEnd: (o) => e && console.timeEnd(`${t} ${o}`),
+    warn: (...o) => e && ft(...o)
+  };
+}
+function St(e) {
+  return {
+    cache: e ? "no-cache" : "force-cache"
+  };
+}
+async function be(e, t) {
+  return Qe(e) ? e : kt(e, { ...t, autoDestruct: !0 });
+}
+async function kt(e, t) {
+  const { scale: o = 1, workerUrl: n, workerNumber: i = 1 } = t || {}, s = !!t?.debug, a = t?.features ?? !0, r = e.ownerDocument ?? (P ? window.document : void 0), u = e.ownerDocument?.defaultView ?? (P ? window : void 0), d = /* @__PURE__ */ new Map(), c = {
+    width: 0,
+    height: 0,
+    quality: 1,
+    type: "image/png",
+    scale: o,
+    backgroundColor: null,
+    style: null,
+    filter: null,
+    maximumCanvasSize: 0,
+    timeout: 3e4,
+    progress: null,
+    debug: s,
+    fetch: {
+      requestInit: St(t?.fetch?.bypassingCache),
+      placeholderImage: "data:image/png;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+      bypassingCache: !1,
+      ...t?.fetch
+    },
+    fetchFn: null,
+    font: {},
+    drawImageInterval: 100,
+    workerUrl: null,
+    workerNumber: i,
+    onCloneEachNode: null,
+    onCloneNode: null,
+    onEmbedNode: null,
+    onCreateForeignObjectSvg: null,
+    includeStyleProperties: null,
+    autoDestruct: !1,
+    ...t,
+    __CONTEXT__: !0,
+    log: vt(s),
+    node: e,
+    ownerDocument: r,
+    ownerWindow: u,
+    dpi: o === 1 ? null : 96 * o,
+    svgStyleElement: ye(r),
+    svgDefsElement: r?.createElementNS(q, "defs"),
+    svgStyles: /* @__PURE__ */ new Map(),
+    defaultComputedStyles: /* @__PURE__ */ new Map(),
+    workers: [
+      ...Array.from({
+        length: Ze && n && i ? i : 0
+      })
+    ].map(() => {
+      try {
+        const l = new Worker(n);
+        return l.onmessage = async (g) => {
+          const { url: p, result: w } = g.data;
+          w ? d.get(p)?.resolve?.(w) : d.get(p)?.reject?.(new Error(`Error receiving message from worker: ${p}`));
+        }, l.onmessageerror = (g) => {
+          const { url: p } = g.data;
+          d.get(p)?.reject?.(new Error(`Error receiving message from worker: ${p}`));
+        }, l;
+      } catch (l) {
+        return c.log.warn("Failed to new Worker", l), null;
+      }
+    }).filter(Boolean),
+    fontFamilies: /* @__PURE__ */ new Map(),
+    fontCssTexts: /* @__PURE__ */ new Map(),
+    acceptOfImage: `${[
+      gt(r) && "image/webp",
+      "image/svg+xml",
+      "image/*",
+      "*/*"
+    ].filter(Boolean).join(",")};q=0.8`,
+    requests: d,
+    drawImageCount: 0,
+    tasks: [],
+    features: a,
+    isEnable: (l) => l === "restoreScrollPosition" ? typeof a == "boolean" ? !1 : a[l] ?? !1 : typeof a == "boolean" ? a : a[l] ?? !0,
+    shadowRoots: []
+  };
+  c.log.time("wait until load"), await xt(e, { timeout: c.timeout, onWarn: c.log.warn }), c.log.timeEnd("wait until load");
+  const { width: f, height: h } = Et(e, c);
+  return c.width = f, c.height = h, c;
+}
+function ye(e) {
+  if (!e)
+    return;
+  const t = e.createElement("style"), o = t.ownerDocument.createTextNode(`
+.______background-clip--text {
+  background-clip: text;
+  -webkit-background-clip: text;
+}
+`);
+  return t.appendChild(o), t;
+}
+function Et(e, t) {
+  let { width: o, height: n } = t;
+  if (j(e) && (!o || !n)) {
+    const i = e.getBoundingClientRect();
+    o = o || i.width || Number(e.getAttribute("width")) || 0, n = n || i.height || Number(e.getAttribute("height")) || 0;
+  }
+  return { width: o, height: n };
+}
+async function Ct(e, t) {
+  const {
+    log: o,
+    timeout: n,
+    drawImageCount: i,
+    drawImageInterval: s
+  } = t;
+  o.time("image to canvas");
+  const a = await M(e, { timeout: n, onWarn: t.log.warn }), { canvas: r, context2d: u } = Tt(e.ownerDocument, t), d = () => {
+    try {
+      u?.drawImage(a, 0, 0, r.width, r.height);
+    } catch (c) {
+      t.log.warn("Failed to drawImage", c);
+    }
+  };
+  if (d(), t.isEnable("fixSvgXmlDecode"))
+    for (let c = 0; c < i; c++)
+      await new Promise((f) => {
+        setTimeout(() => {
+          u?.clearRect(0, 0, r.width, r.height), d(), f();
+        }, c + s);
+      });
+  return t.drawImageCount = 0, o.timeEnd("image to canvas"), r;
+}
+function Tt(e, t) {
+  const { width: o, height: n, scale: i, backgroundColor: s, maximumCanvasSize: a } = t, r = e.createElement("canvas");
+  r.width = Math.floor(o * i), r.height = Math.floor(n * i), r.style.width = `${o}px`, r.style.height = `${n}px`, a && (r.width > a || r.height > a) && (r.width > a && r.height > a ? r.width > r.height ? (r.height *= a / r.width, r.width = a) : (r.width *= a / r.height, r.height = a) : r.width > a ? (r.height *= a / r.width, r.width = a) : (r.width *= a / r.height, r.height = a));
+  const u = r.getContext("2d");
+  return u && s && (u.fillStyle = s, u.fillRect(0, 0, r.width, r.height)), { canvas: r, context2d: u };
+}
+function xe(e, t) {
+  if (e.ownerDocument)
+    try {
+      const s = e.toDataURL();
+      if (s !== "data:,")
+        return R(s, e.ownerDocument);
+    } catch (s) {
+      t.log.warn("Failed to clone canvas", s);
+    }
+  const o = e.cloneNode(!1), n = e.getContext("2d"), i = o.getContext("2d");
+  try {
+    return n && i && i.putImageData(
+      n.getImageData(0, 0, e.width, e.height),
+      0,
+      0
+    ), o;
+  } catch (s) {
+    t.log.warn("Failed to clone canvas", s);
+  }
+  return o;
+}
+function jt(e, t) {
+  try {
+    if (e?.contentDocument?.documentElement)
+      return G(e.contentDocument.documentElement, t);
+  } catch (o) {
+    t.log.warn("Failed to clone iframe", o);
+  }
+  return e.cloneNode(!1);
+}
+function zt(e) {
+  const t = e.cloneNode(!1);
+  return e.currentSrc && e.currentSrc !== e.src && (t.src = e.currentSrc, t.srcset = ""), t.loading === "lazy" && (t.loading = "eager"), t;
+}
+async function Ft(e, t) {
+  if (e.ownerDocument && !e.currentSrc && e.poster)
+    return R(e.poster, e.ownerDocument);
+  const o = e.cloneNode(!1);
+  o.crossOrigin = "anonymous", e.currentSrc && e.currentSrc !== e.src && (o.src = e.currentSrc);
+  const n = o.ownerDocument;
+  if (n) {
+    let i = !0;
+    if (await M(o, { onError: () => i = !1, onWarn: t.log.warn }), !i)
+      return e.poster ? R(e.poster, e.ownerDocument) : o;
+    o.currentTime = e.currentTime, await new Promise((a) => {
+      o.addEventListener("seeked", a, { once: !0 });
+    });
+    const s = n.createElement("canvas");
+    s.width = e.offsetWidth, s.height = e.offsetHeight;
+    try {
+      const a = s.getContext("2d");
+      a && a.drawImage(o, 0, 0, s.width, s.height);
+    } catch (a) {
+      return t.log.warn("Failed to clone video", a), e.poster ? R(e.poster, e.ownerDocument) : o;
+    }
+    return xe(s, t);
+  }
+  return o;
+}
+function Nt(e, t) {
+  return st(e) ? xe(e, t) : pt(e) ? jt(e, t) : I(e) ? zt(e) : B(e) ? Ft(e, t) : e.cloneNode(!1);
+}
+function At(e) {
+  let t = e.sandbox;
+  if (!t) {
+    const { ownerDocument: o } = e;
+    try {
+      o && (t = o.createElement("iframe"), t.id = `__SANDBOX__${me()}`, t.width = "0", t.height = "0", t.style.visibility = "hidden", t.style.position = "fixed", o.body.appendChild(t), t.srcdoc = '<!DOCTYPE html><meta charset="UTF-8"><title></title><body>', e.sandbox = t);
+    } catch (n) {
+      e.log.warn("Failed to getSandBox", n);
+    }
+  }
+  return t;
+}
+const Rt = [
+  "width",
+  "height",
+  "-webkit-text-fill-color"
+], Pt = [
+  "stroke",
+  "fill"
+];
+function ve(e, t, o) {
+  const { defaultComputedStyles: n } = o, i = e.nodeName.toLowerCase(), s = $(e) && i !== "svg", a = s ? Pt.map((p) => [p, e.getAttribute(p)]).filter(([, p]) => p !== null) : [], r = [
+    s && "svg",
+    i,
+    a.map((p, w) => `${p}=${w}`).join(","),
+    t
+  ].filter(Boolean).join(":");
+  if (n.has(r))
+    return n.get(r);
+  const d = At(o)?.contentWindow;
+  if (!d)
+    return /* @__PURE__ */ new Map();
+  const c = d?.document;
+  let f, h;
+  s ? (f = c.createElementNS(q, "svg"), h = f.ownerDocument.createElementNS(f.namespaceURI, i), a.forEach(([p, w]) => {
+    h.setAttributeNS(null, p, w);
+  }), f.appendChild(h)) : f = h = c.createElement(i), h.textContent = " ", c.body.appendChild(f);
+  const l = d.getComputedStyle(h, t), g = /* @__PURE__ */ new Map();
+  for (let p = l.length, w = 0; w < p; w++) {
+    const b = l.item(w);
+    Rt.includes(b) || g.set(b, l.getPropertyValue(b));
+  }
+  return c.body.removeChild(f), n.set(r, g), g;
+}
+function Se(e, t, o) {
+  const n = /* @__PURE__ */ new Map(), i = [], s = /* @__PURE__ */ new Map();
+  if (o)
+    for (const r of o)
+      a(r);
+  else
+    for (let r = e.length, u = 0; u < r; u++) {
+      const d = e.item(u);
+      a(d);
+    }
+  for (let r = i.length, u = 0; u < r; u++)
+    s.get(i[u])?.forEach((d, c) => n.set(c, d));
+  function a(r) {
+    const u = e.getPropertyValue(r), d = e.getPropertyPriority(r), c = r.lastIndexOf("-"), f = c > -1 ? r.substring(0, c) : void 0;
+    if (f) {
+      let h = s.get(f);
+      h || (h = /* @__PURE__ */ new Map(), s.set(f, h)), h.set(r, [u, d]);
+    }
+    t.get(r) === u && !d || (f ? i.push(f) : n.set(r, [u, d]));
+  }
+  return n;
+}
+function It(e, t, o, n) {
+  const { ownerWindow: i, includeStyleProperties: s, currentParentNodeStyle: a } = n, r = t.style, u = i.getComputedStyle(e), d = ve(e, null, n);
+  a?.forEach((f, h) => {
+    d.delete(h);
+  });
+  const c = Se(u, d, s);
+  c.delete("transition-property"), c.delete("all"), c.delete("d"), c.delete("content"), o && (c.delete("position"), c.delete("margin-top"), c.delete("margin-right"), c.delete("margin-bottom"), c.delete("margin-left"), c.delete("margin-block-start"), c.delete("margin-block-end"), c.delete("margin-inline-start"), c.delete("margin-inline-end"), c.set("box-sizing", ["border-box", ""])), c.get("background-clip")?.[0] === "text" && t.classList.add("______background-clip--text"), pe && (c.has("font-kerning") || c.set("font-kerning", ["normal", ""]), (c.get("overflow-x")?.[0] === "hidden" || c.get("overflow-y")?.[0] === "hidden") && c.get("text-overflow")?.[0] === "ellipsis" && e.scrollWidth === e.clientWidth && c.set("text-overflow", ["clip", ""]));
+  for (let f = r.length, h = 0; h < f; h++)
+    r.removeProperty(r.item(h));
+  return c.forEach(([f, h], l) => {
+    r.setProperty(l, f, h);
+  }), c;
+}
+function Dt(e, t) {
+  (at(e) || ct(e) || ut(e)) && t.setAttribute("value", e.value);
+}
+const Lt = [
+  "::before",
+  "::after"
+], Mt = [
+  "::-webkit-scrollbar",
+  "::-webkit-scrollbar-button",
+  "::-webkit-scrollbar-thumb",
+  "::-webkit-scrollbar-track",
+  "::-webkit-scrollbar-track-piece",
+  "::-webkit-scrollbar-corner",
+  "::-webkit-resizer"
+];
+function Ot(e, t, o, n, i) {
+  const { ownerWindow: s, svgStyleElement: a, svgStyles: r, currentNodeStyle: u } = n;
+  if (!a || !s)
+    return;
+  function d(c) {
+    const f = s.getComputedStyle(e, c);
+    let h = f.getPropertyValue("content");
+    if (!h || h === "none")
+      return;
+    i?.(h), h = h.replace(/(')|(")|(counter\(.+\))/g, "");
+    const l = [me()], g = ve(e, c, n);
+    u?.forEach((v, S) => {
+      g.delete(S);
+    });
+    const p = Se(f, g, n.includeStyleProperties);
+    p.delete("content"), p.delete("-webkit-locale"), p.get("background-clip")?.[0] === "text" && t.classList.add("______background-clip--text");
+    const w = [
+      `content: '${h}';`
+    ];
+    if (p.forEach(([v, S], k) => {
+      w.push(`${k}: ${v}${S ? " !important" : ""};`);
+    }), w.length === 1)
+      return;
+    try {
+      t.className = [t.className, ...l].join(" ");
+    } catch (v) {
+      n.log.warn("Failed to copyPseudoClass", v);
+      return;
+    }
+    const b = w.join(`
+  `);
+    let x = r.get(b);
+    x || (x = [], r.set(b, x)), x.push(`.${l[0]}${c}`);
+  }
+  Lt.forEach(d), o && Mt.forEach(d);
+}
+const oe = /* @__PURE__ */ new Set([
+  "symbol"
+]);
+async function ne(e, t, o, n, i) {
+  if (j(o) && (lt(o) || dt(o)) || n.filter && !n.filter(o))
+    return;
+  oe.has(t.nodeName) || oe.has(o.nodeName) ? n.currentParentNodeStyle = void 0 : n.currentParentNodeStyle = n.currentNodeStyle;
+  const s = await G(o, n, !1, i);
+  n.isEnable("restoreScrollPosition") && $t(e, s), t.appendChild(s);
+}
+async function re(e, t, o, n) {
+  let i = e.firstChild;
+  j(e) && e.shadowRoot && (i = e.shadowRoot?.firstChild, o.shadowRoots.push(e.shadowRoot));
+  for (let s = i; s; s = s.nextSibling)
+    if (!rt(s))
+      if (j(s) && ht(s) && typeof s.assignedNodes == "function") {
+        const a = s.assignedNodes();
+        for (let r = 0; r < a.length; r++)
+          await ne(e, t, a[r], o, n);
+      } else
+        await ne(e, t, s, o, n);
+}
+function $t(e, t) {
+  if (!L(e) || !L(t))
+    return;
+  const { scrollTop: o, scrollLeft: n } = e;
+  if (!o && !n)
+    return;
+  const { transform: i } = t.style, s = new DOMMatrix(i), { a, b: r, c: u, d } = s;
+  s.a = 1, s.b = 0, s.c = 0, s.d = 1, s.translateSelf(-n, -o), s.a = a, s.b = r, s.c = u, s.d = d, t.style.transform = s.toString();
+}
+function _t(e, t) {
+  const { backgroundColor: o, width: n, height: i, style: s } = t, a = e.style;
+  if (o && a.setProperty("background-color", o, "important"), n && a.setProperty("width", `${n}px`, "important"), i && a.setProperty("height", `${i}px`, "important"), s)
+    for (const r in s) a[r] = s[r];
+}
+const Ut = /^[\w-:]+$/;
+async function G(e, t, o = !1, n) {
+  const { ownerDocument: i, ownerWindow: s, fontFamilies: a, onCloneEachNode: r } = t;
+  if (i && it(e))
+    return n && /\S/.test(e.data) && n(e.data), i.createTextNode(e.data);
+  if (i && s && j(e) && (L(e) || $(e))) {
+    const d = await Nt(e, t);
+    if (t.isEnable("removeAbnormalAttributes")) {
+      const p = d.getAttributeNames();
+      for (let w = p.length, b = 0; b < w; b++) {
+        const x = p[b];
+        Ut.test(x) || d.removeAttribute(x);
+      }
+    }
+    const c = t.currentNodeStyle = It(e, d, o, t);
+    o && _t(d, t);
+    let f = !1;
+    if (t.isEnable("copyScrollbar")) {
+      const p = [
+        c.get("overflow-x")?.[0],
+        c.get("overflow-y")?.[0]
+      ];
+      f = p.includes("scroll") || (p.includes("auto") || p.includes("overlay")) && (e.scrollHeight > e.clientHeight || e.scrollWidth > e.clientWidth);
+    }
+    const h = c.get("text-transform")?.[0], l = we(c.get("font-family")?.[0]), g = l ? (p) => {
+      h === "uppercase" ? p = p.toUpperCase() : h === "lowercase" ? p = p.toLowerCase() : h === "capitalize" && (p = p[0].toUpperCase() + p.substring(1)), l.forEach((w) => {
+        let b = a.get(w);
+        b || a.set(w, b = /* @__PURE__ */ new Set()), p.split("").forEach((x) => b.add(x));
+      });
+    } : void 0;
+    return Ot(
+      e,
+      d,
+      f,
+      t,
+      g
+    ), Dt(e, d), B(e) || await re(
+      e,
+      d,
+      t,
+      g
+    ), await r?.(d), d;
+  }
+  const u = e.cloneNode(!1);
+  return await re(e, u, t), await r?.(u), u;
+}
+function Bt(e) {
+  if (e.ownerDocument = void 0, e.ownerWindow = void 0, e.svgStyleElement = void 0, e.svgDefsElement = void 0, e.svgStyles.clear(), e.defaultComputedStyles.clear(), e.sandbox) {
+    try {
+      e.sandbox.remove();
+    } catch (t) {
+      e.log.warn("Failed to destroyContext", t);
+    }
+    e.sandbox = void 0;
+  }
+  e.workers = [], e.fontFamilies.clear(), e.fontCssTexts.clear(), e.requests.clear(), e.tasks = [], e.shadowRoots = [];
+}
+function Wt(e) {
+  const { url: t, timeout: o, responseType: n, ...i } = e, s = new AbortController(), a = o ? setTimeout(() => s.abort(), o) : void 0;
+  return fetch(t, { signal: s.signal, ...i }).then((r) => {
+    if (!r.ok)
+      throw new Error("Failed fetch, not 2xx response", { cause: r });
+    switch (n) {
+      case "arrayBuffer":
+        return r.arrayBuffer();
+      case "dataUrl":
+        return r.blob().then(yt);
+      default:
+        return r.text();
+    }
+  }).finally(() => clearTimeout(a));
+}
+function O(e, t) {
+  const { url: o, requestType: n = "text", responseType: i = "text", imageDom: s } = t;
+  let a = o;
+  const {
+    timeout: r,
+    acceptOfImage: u,
+    requests: d,
+    fetchFn: c,
+    fetch: {
+      requestInit: f,
+      bypassingCache: h,
+      placeholderImage: l
+    },
+    font: g,
+    workers: p,
+    fontFamilies: w
+  } = e;
+  n === "image" && (U || K) && e.drawImageCount++;
+  let b = d.get(o);
+  if (!b) {
+    h && h instanceof RegExp && h.test(a) && (a += (/\?/.test(a) ? "&" : "?") + (/* @__PURE__ */ new Date()).getTime());
+    const x = n.startsWith("font") && g && g.minify, v = /* @__PURE__ */ new Set();
+    x && n.split(";")[1].split(",").forEach((F) => {
+      w.has(F) && w.get(F).forEach((C) => v.add(C));
+    });
+    const S = x && v.size, k = {
+      url: a,
+      timeout: r,
+      responseType: S ? "arrayBuffer" : i,
+      headers: n === "image" ? { accept: u } : void 0,
+      ...f
+    };
+    b = {
+      type: n,
+      resolve: void 0,
+      reject: void 0,
+      response: null
+    }, b.response = (async () => {
+      if (c && n === "image") {
+        const E = await c(o);
+        if (E)
+          return E;
+      }
+      return !U && o.startsWith("http") && p.length ? new Promise((E, F) => {
+        p[d.size & p.length - 1].postMessage({ rawUrl: o, ...k }), b.resolve = E, b.reject = F;
+      }) : Wt(k);
+    })().catch((E) => {
+      if (d.delete(o), n === "image" && l)
+        return e.log.warn("Failed to fetch image base64, trying to use placeholder image", a), typeof l == "string" ? l : l(s);
+      throw E;
+    }), d.set(o, b);
+  }
+  return b.response;
+}
+async function ke(e, t, o, n) {
+  if (!Ee(e))
+    return e;
+  for (const [i, s] of qt(e, t))
+    try {
+      const a = await O(
+        o,
+        {
+          url: s,
+          requestType: n ? "image" : "text",
+          responseType: "dataUrl"
+        }
+      );
+      e = e.replace(Ht(i), `$1${a}$3`);
+    } catch (a) {
+      o.log.warn("Failed to fetch css data url", i, a);
+    }
+  return e;
+}
+function Ee(e) {
+  return /url\((['"]?)([^'"]+?)\1\)/.test(e);
+}
+const Ce = /url\((['"]?)([^'"]+?)\1\)/g;
+function qt(e, t) {
+  const o = [];
+  return e.replace(Ce, (n, i, s) => (o.push([s, ge(s, t)]), n)), o.filter(([n]) => !H(n));
+}
+function Ht(e) {
+  const t = e.replace(/([.*+?^${}()|\[\]\/\\])/g, "\\$1");
+  return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`, "g");
+}
+const Vt = [
+  "background-image",
+  "border-image-source",
+  "-webkit-border-image",
+  "-webkit-mask-image",
+  "list-style-image"
+];
+function Xt(e, t) {
+  return Vt.map((o) => {
+    const n = e.getPropertyValue(o);
+    return !n || n === "none" ? null : ((U || K) && t.drawImageCount++, ke(n, null, t, !0).then((i) => {
+      !i || n === i || e.setProperty(
+        o,
+        i,
+        e.getPropertyPriority(o)
+      );
+    }));
+  }).filter(Boolean);
+}
+function Kt(e, t) {
+  if (I(e)) {
+    const o = e.currentSrc || e.src;
+    if (!H(o))
+      return [
+        O(t, {
+          url: o,
+          imageDom: e,
+          requestType: "image",
+          responseType: "dataUrl"
+        }).then((n) => {
+          n && (e.srcset = "", e.dataset.originalSrc = o, e.src = n || "");
+        })
+      ];
+    (U || K) && t.drawImageCount++;
+  } else if ($(e) && !H(e.href.baseVal)) {
+    const o = e.href.baseVal;
+    return [
+      O(t, {
+        url: o,
+        imageDom: e,
+        requestType: "image",
+        responseType: "dataUrl"
+      }).then((n) => {
+        n && (e.dataset.originalSrc = o, e.href.baseVal = n || "");
+      })
+    ];
+  }
+  return [];
+}
+function Gt(e, t) {
+  const { ownerDocument: o, svgDefsElement: n } = t, i = e.getAttribute("href") ?? e.getAttribute("xlink:href");
+  if (!i)
+    return [];
+  const [s, a] = i.split("#");
+  if (a) {
+    const r = `#${a}`, u = t.shadowRoots.reduce(
+      (d, c) => d ?? c.querySelector(`svg ${r}`),
+      o?.querySelector(`svg ${r}`)
+    );
+    if (s && e.setAttribute("href", r), n?.querySelector(r))
+      return [];
+    if (u)
+      return n?.appendChild(u.cloneNode(!0)), [];
+    if (s)
+      return [
+        O(t, {
+          url: s,
+          responseType: "text"
+        }).then((d) => {
+          n?.insertAdjacentHTML("beforeend", d);
+        })
+      ];
+  }
+  return [];
+}
+function Te(e, t) {
+  const { tasks: o } = t;
+  j(e) && ((I(e) || fe(e)) && o.push(...Kt(e, t)), nt(e) && o.push(...Gt(e, t))), L(e) && o.push(...Xt(e.style, t)), e.childNodes.forEach((n) => {
+    Te(n, t);
+  });
+}
+async function Yt(e, t) {
+  const {
+    ownerDocument: o,
+    svgStyleElement: n,
+    fontFamilies: i,
+    fontCssTexts: s,
+    tasks: a,
+    font: r
+  } = t;
+  if (!(!o || !n || !i.size))
+    if (r && r.cssText) {
+      const u = se(r.cssText, t);
+      n.appendChild(o.createTextNode(`${u}
+`));
+    } else {
+      const u = Array.from(o.styleSheets).filter((l) => {
+        try {
+          return "cssRules" in l && !!l.cssRules.length;
+        } catch (g) {
+          return t.log.warn(`Error while reading CSS rules from ${l.href}`, g), !1;
+        }
+      }), d = o.implementation.createHTMLDocument(""), c = d.createElement("style");
+      d.head.appendChild(c);
+      const f = c.sheet;
+      await Promise.all(
+        u.flatMap((l) => Array.from(l.cssRules).map(async (g) => {
+          if (tt(g)) {
+            const p = g.href;
+            let w = "";
+            try {
+              w = await O(t, {
+                url: p,
+                requestType: "text",
+                responseType: "text"
+              });
+            } catch (x) {
+              t.log.warn(`Error fetch remote css import from ${p}`, x);
+            }
+            const b = w.replace(
+              Ce,
+              (x, v, S) => x.replace(S, ge(S, p))
+            );
+            for (const x of Zt(b))
+              try {
+                f.insertRule(x, f.cssRules.length);
+              } catch (v) {
+                t.log.warn("Error inserting rule from remote css import", { rule: x, error: v });
+              }
+          }
+        }))
+      ), f.cssRules.length && u.push(f);
+      const h = [];
+      u.forEach((l) => {
+        V(l.cssRules, h);
+      }), h.filter((l) => et(l) && Ee(l.style.getPropertyValue("src")) && we(l.style.getPropertyValue("font-family"))?.some((g) => i.has(g))).forEach((l) => {
+        const g = l, p = s.get(g.cssText);
+        p ? n.appendChild(o.createTextNode(`${p}
+`)) : a.push(
+          ke(
+            g.cssText,
+            g.parentStyleSheet ? g.parentStyleSheet.href : null,
+            t
+          ).then((w) => {
+            w = se(w, t), s.set(g.cssText, w), n.appendChild(o.createTextNode(`${w}
+`));
+          })
+        );
+      });
+    }
+}
+const Jt = /(\/\*[\s\S]*?\*\/)/g, ie = /((@.*?keyframes [\s\S]*?){([\s\S]*?}\s*?)})/gi;
+function Zt(e) {
+  if (e == null)
+    return [];
+  const t = [];
+  let o = e.replace(Jt, "");
+  for (; ; ) {
+    const s = ie.exec(o);
+    if (!s)
+      break;
+    t.push(s[0]);
+  }
+  o = o.replace(ie, "");
+  const n = /@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi, i = new RegExp(
+    "((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",
+    "gi"
+  );
+  for (; ; ) {
+    let s = n.exec(o);
+    if (s)
+      i.lastIndex = n.lastIndex;
+    else if (s = i.exec(o), s)
+      n.lastIndex = i.lastIndex;
+    else
+      break;
+    t.push(s[0]);
+  }
+  return t;
+}
+const Qt = /url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g, eo = /src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;
+function se(e, t) {
+  const { font: o } = t, n = o ? o?.preferredFormat : void 0;
+  return n ? e.replace(eo, (i) => {
+    for (; ; ) {
+      const [s, , a] = Qt.exec(i) || [];
+      if (!a)
+        return "";
+      if (a === n)
+        return `src: ${s};`;
+    }
+  }) : e;
+}
+function V(e, t = []) {
+  for (const o of Array.from(e))
+    ot(o) ? t.push(...V(o.cssRules)) : "cssRules" in o ? V(o.cssRules, t) : t.push(o);
+  return t;
+}
+const to = /\bx?link:?href\s*=\s*["'](?!data:)[^"']+["']/i;
+function oo(e) {
+  return to.test(e.innerHTML);
+}
+async function je(e, t) {
+  const o = await be(e, t);
+  if (j(o.node) && $(o.node) && !oo(o.node))
+    return o.node;
+  const {
+    ownerDocument: n,
+    log: i,
+    tasks: s,
+    svgStyleElement: a,
+    svgDefsElement: r,
+    svgStyles: u,
+    font: d,
+    progress: c,
+    autoDestruct: f,
+    onCloneNode: h,
+    onEmbedNode: l,
+    onCreateForeignObjectSvg: g
+  } = o;
+  i.time("clone node");
+  const p = await G(o.node, o, !0);
+  if (a && n) {
+    let S = "";
+    u.forEach((k, E) => {
+      S += `${k.join(`,
+`)} {
+  ${E}
+}
+`;
+    }), a.appendChild(n.createTextNode(S));
+  }
+  i.timeEnd("clone node"), await h?.(p), d !== !1 && j(p) && (i.time("embed web font"), await Yt(p, o), i.timeEnd("embed web font")), i.time("embed node"), Te(p, o);
+  const w = s.length;
+  let b = 0;
+  const x = async () => {
+    for (; ; ) {
+      const S = s.pop();
+      if (!S)
+        break;
+      try {
+        await S;
+      } catch (k) {
+        o.log.warn("Failed to run task", k);
+      }
+      c?.(++b, w);
+    }
+  };
+  c?.(b, w), await Promise.all([...Array.from({ length: 4 })].map(x)), i.timeEnd("embed node"), await l?.(p);
+  const v = no(p, o);
+  return r && v.insertBefore(r, v.children[0]), a && v.insertBefore(a, v.children[0]), f && Bt(o), await g?.(v), v;
+}
+function no(e, t) {
+  const { width: o, height: n } = t, i = mt(o, n, e.ownerDocument), s = i.ownerDocument.createElementNS(i.namespaceURI, "foreignObject");
+  return s.setAttributeNS(null, "x", "0%"), s.setAttributeNS(null, "y", "0%"), s.setAttributeNS(null, "width", "100%"), s.setAttributeNS(null, "height", "100%"), s.append(e), i.appendChild(s), i;
+}
+async function ro(e, t) {
+  const o = await be(e, t), n = await je(o), i = wt(n, o.isEnable("removeControlCharacter"));
+  o.autoDestruct || (o.svgStyleElement = ye(o.ownerDocument), o.svgDefsElement = o.ownerDocument?.createElementNS(q, "defs"), o.svgStyles.clear());
+  const s = R(i, n.ownerDocument);
+  return await Ct(s, o);
+}
+const io = "iframe, frame, object, embed, video, audio, canvas", so = (e) => qe(e) || e.matches(io), ao = "[data-journeeze]", co = "[data-jz-block]", lo = 2 * 1024 * 1024, uo = 1600;
+class ze extends Error {
+}
+const N = 1, D = 3, ho = 8;
+function Fe(e, t = {}) {
+  const o = [e], n = /* @__PURE__ */ new Map(), i = bo(t.maskSelectors), s = t.maskAllText === !0, a = (h) => so(h) || i.some((l) => {
+    try {
+      return h.matches(l);
+    } catch {
+      return !0;
+    }
+  });
+  let r;
+  const u = (h) => {
+    if (h.nodeType === N) {
+      const l = h;
+      if (l.matches(ao))
+        return n.set(l, "drop"), !1;
+      if (l.matches(co))
+        return n.set(l, "empty"), !1;
+      if (wo(l) || a(l))
+        return n.set(l, "replace"), !1;
+    }
+    return h.nodeType !== D && o.push(h), !0;
+  }, d = (h) => {
+    const l = o.pop();
+    if (!l || l.nodeName !== h.nodeName) {
+      r ?? (r = "clone order mismatch");
+      return;
+    }
+    l.nodeType === N && h.nodeType === N && c(l, h);
+  };
+  function c(h, l) {
+    const g = Array.from(l.childNodes), p = l.ownerDocument ?? document;
+    let w = 0;
+    for (const b of po(h)) {
+      const x = n.get(b);
+      if (x === "drop") continue;
+      if (x === "replace") {
+        l.insertBefore(go(b, p), g[w] ?? null);
+        continue;
+      }
+      if (x === "empty") {
+        l.insertBefore(mo(b, p), g[w] ?? null);
+        continue;
+      }
+      const v = g[w];
+      if (v === void 0) {
+        r ?? (r = "missing clone child");
+        return;
+      }
+      w++, s && b.nodeType === D && v.nodeType === D && b.data.trim() !== "" && l.replaceChild(yo(b, p), v);
+    }
+    w !== g.length && (r ?? (r = "unexpected clone child"));
+  }
+  return { filter: u, onCloneEachNode: d, onCloneNode: (h) => {
+    if (o.length !== 0 && (r ?? (r = "unbalanced clone traversal")), h.nodeType === N) {
+      const l = [h, ...Array.from(h.querySelectorAll("*"))];
+      l.some(a) && (r ?? (r = "maskable element in clone")), s && l.some(Ae) && (r ?? (r = "text in clone"));
+    }
+    if (r !== void 0) throw new ze(r);
+  }, failure: () => r };
+}
+function po(e) {
+  const t = [], o = e.shadowRoot ? Array.from(e.shadowRoot.childNodes) : Array.from(e.childNodes);
+  for (const n of o)
+    if (n.nodeType !== ho) {
+      if (n.nodeType === N && n.tagName === "SLOT" && typeof n.assignedNodes == "function") {
+        for (const i of n.assignedNodes()) ae(i) || t.push(i);
+        continue;
+      }
+      ae(n) || t.push(n);
+    }
+  return t;
+}
+function ae(e) {
+  return e.nodeType === N && (e.tagName === "STYLE" || e.tagName === "SCRIPT");
+}
+const fo = [
+  "position",
+  "top",
+  "right",
+  "bottom",
+  "left",
+  "float",
+  "clear",
+  "z-index",
+  "margin-top",
+  "margin-right",
+  "margin-bottom",
+  "margin-left",
+  "flex-grow",
+  "flex-shrink",
+  "flex-basis",
+  "align-self",
+  "justify-self",
+  "order",
+  "grid-row-start",
+  "grid-row-end",
+  "grid-column-start",
+  "grid-column-end",
+  "vertical-align",
+  "border-top-left-radius",
+  "border-top-right-radius",
+  "border-bottom-left-radius",
+  "border-bottom-right-radius",
+  "transform",
+  "visibility"
+];
+function go(e, t) {
+  return Ne(e, t, !0);
+}
+function mo(e, t) {
+  return Ne(e, t, !1);
+}
+function Ne(e, t, o) {
+  const i = e.ownerDocument.defaultView?.getComputedStyle(e), s = e.getBoundingClientRect(), a = e instanceof HTMLElement ? e.offsetWidth : s.width, r = e instanceof HTMLElement ? e.offsetHeight : s.height, u = i?.display ?? "block", d = t.createElement(u.startsWith("inline") ? "span" : "div"), c = d.style;
+  for (const f of fo) {
+    const h = i?.getPropertyValue(f);
+    h && c.setProperty(f, h);
+  }
+  return c.setProperty("display", u === "none" ? "none" : u === "inline" || u.startsWith("inline") ? "inline-block" : "block"), c.setProperty("box-sizing", "border-box"), c.setProperty("width", `${a}px`), c.setProperty("height", `${r}px`), c.setProperty("border", o ? "1px dashed #8A9099" : "0"), c.setProperty(
+    "background",
+    o ? "repeating-linear-gradient(45deg, rgb(138 144 153 / 18%) 0 4px, rgb(138 144 153 / 32%) 4px 8px)" : "transparent"
+  ), d.setAttribute(o ? "data-jz-masked-placeholder" : "data-jz-block-placeholder", ""), d;
+}
+function wo(e) {
+  if (!e.tagName.toLowerCase().includes("-") || e.shadowRoot) return !1;
+  const t = e.getBoundingClientRect();
+  if (t.width <= 0 || t.height <= 0) return !1;
+  for (const o of Array.from(e.childNodes))
+    if (o.nodeType === N || o.nodeType === D && o.data.trim() !== "") return !1;
+  return !0;
+}
+function bo(e) {
+  for (const t of e ?? [])
+    try {
+      document.createDocumentFragment().querySelector(t);
+    } catch {
+      throw ce || console.warn("[journeeze] invalid maskSelectors entry: screenshots are off"), ce = !0, new ze("invalid maskSelectors");
+    }
+  return [...e ?? []];
+}
+let ce = !1;
+function Ae(e) {
+  for (const t of Array.from(e.childNodes))
+    if (t.nodeType === D && t.data.trim() !== "" || t.nodeType === N && Ae(t)) return !0;
+  return !1;
+}
+function yo(e, t) {
+  const o = t.createRange();
+  o.selectNodeContents(e);
+  const n = o.getBoundingClientRect(), i = t.createElement("span"), s = i.style;
+  return s.setProperty("display", "inline-block"), s.setProperty("width", `${n.width}px`), s.setProperty("height", `${n.height}px`), s.setProperty("background", "repeating-linear-gradient(45deg, rgb(138 144 153 / 18%) 0 4px, rgb(138 144 153 / 32%) 4px 8px)"), i.setAttribute("data-jz-masked-placeholder", ""), i;
+}
+function le(e, t) {
+  const o = parseFloat(e.ownerDocument.defaultView?.getComputedStyle(e).getPropertyValue(t) ?? "0");
+  return Number.isFinite(o) ? o : 0;
+}
+function Re(e, t, o, n) {
+  const i = e.ownerDocument.defaultView ?? window;
+  return {
+    width: i.innerWidth,
+    height: i.innerHeight,
+    scale: o,
+    quality: n,
+    type: "image/webp",
+    timeout: 4e3,
+    style: { marginTop: `${le(e, "margin-top") - i.scrollY}px`, marginLeft: `${le(e, "margin-left") - i.scrollX}px` },
+    filter: t.filter,
+    onCloneEachNode: t.onCloneEachNode,
+    onCloneNode: t.onCloneNode
+  };
+}
+async function xo(e = document.body, t = {}) {
+  const o = e.ownerDocument.defaultView ?? window, n = Math.min(o.devicePixelRatio || 1, uo / Math.max(1, o.innerWidth));
+  let i = await ro(e, Re(e, Fe(e, t), n, 1));
+  for (const s of [0.8, 0.6, 0.45]) {
+    const a = await vo(i, s);
+    if (!a || a.type !== "image/webp" && a.type !== "image/png") return;
+    if (a.size <= lo) return a;
+    i = So(i, 0.75);
+  }
+}
+function vo(e, t) {
+  return new Promise((o) => e.toBlob(o, "image/webp", t));
+}
+function So(e, t) {
+  const o = e.ownerDocument.createElement("canvas");
+  return o.width = Math.max(1, Math.round(e.width * t)), o.height = Math.max(1, Math.round(e.height * t)), o.getContext("2d")?.drawImage(e, 0, 0, o.width, o.height), o;
+}
+async function Lo(e = document.body) {
+  const t = Fe(e), o = await je(e, { ...Re(e, t, 1, 1), font: !1 });
+  return new XMLSerializer().serializeToString(o);
+}
+const de = '<path d="M9 9h.01"/><path d="M15 9h.01"/>', ko = {
+  like: `<circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/>${de}`,
+  dislike: `<circle cx="12" cy="12" r="10"/><path d="M16 16s-1.5-2-4-2-4 2-4 2"/>${de}`,
+  understood: '<circle cx="12" cy="12" r="10"/><path d="m9 12 2 2 4-4"/>',
+  confused: '<circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/>',
+  close: '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',
+  persona: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+  step: '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
+  info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>'
+};
+function A(e, t = 20) {
+  const o = document.createElement("template");
+  return o.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" width="${t}" height="${t}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false">${ko[e]}</svg>`, o.content.firstElementChild;
+}
+const Eo = `
+:host { all: initial; }
+.jz {
+  --jz-canvas:#F7F7F5; --jz-surface:#FFFFFF; --jz-raised:#F0F0EC; --jz-ink:#1D2024; --jz-muted:#5D636B;
+  --jz-faint:#8A9099; --jz-rule:rgb(29 32 36 / 12%); --jz-accent:#3D63C9; --jz-accent-ink:#FFFFFF;
+  --jz-accent-soft:rgb(61 99 201 / 10%); --jz-polished:#2F7D4F; --jz-broken:#B42318; --jz-confused:#6E4FC2;
+  --jz-shadow:0 1px 3px rgb(0 0 0 / 12%);
+  font: 400 13px/1.45 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
+  color: var(--jz-ink); -webkit-font-smoothing: antialiased;
+}
+@media (prefers-color-scheme: dark) {
+  .jz { --jz-canvas:#111316; --jz-surface:#181B1F; --jz-raised:#20242A; --jz-ink:#E8EAED; --jz-muted:#A3A9B2;
+    --jz-faint:#6F7680; --jz-rule:rgb(232 234 237 / 12%); --jz-accent:#7F9CF0; --jz-accent-ink:#111316;
+    --jz-accent-soft:rgb(127 156 240 / 14%); --jz-confused:#A48BEA; --jz-polished:#5DBB84; }
+}
+.jz *, .jz *::before, .jz *::after { box-sizing: border-box; }
+/* Zero specificity: a component's own colour (.toggle, .primary, ...) must always win. */
+:where(.jz button) { font: inherit; color: inherit; cursor: pointer; }
+.jz :focus-visible { outline: 2px solid var(--jz-accent); outline-offset: 2px; }
+.mono { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; }
+.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
+
+.toggle { position:fixed; right:32px; bottom:32px; z-index:2147483646; height:44px; padding:0 16px; display:flex; align-items:center;
+  gap:8px; border:0; border-radius:999px; background:#1D2024; color:#FFFFFF; box-shadow:var(--jz-shadow); font-weight:500; }
+.toggle .dot { width:8px; height:8px; border-radius:50%; background:var(--jz-polished); }
+.toggle .exit { color:#8A9099; }
+.toggle:hover .exit { color:#FFFFFF; }
+
+.layer { position:fixed; inset:0; z-index:2147483640; pointer-events:none; }
+.hl { position:fixed; display:none; outline:1px solid var(--jz-accent); outline-offset:-1px; border-radius:2px; }
+.hl.masked { outline:1px dashed var(--jz-faint);
+  background:repeating-linear-gradient(45deg, rgb(138 144 153 / 10%) 0 4px, rgb(138 144 153 / 20%) 4px 8px); }
+.tag { position:absolute; left:0; top:-18px; padding:1px 6px; border-radius:2px; background:var(--jz-accent); color:#FFFFFF;
+  font-size:10px; line-height:16px; white-space:nowrap; max-width:280px; overflow:hidden; text-overflow:ellipsis; }
+.hl.masked .tag { background:var(--jz-muted); text-transform:uppercase; letter-spacing:.06em; }
+.pin { position:fixed; width:24px; height:24px; margin:-12px 0 0 -12px; border-radius:50%; display:flex; align-items:center;
+  justify-content:center; background:var(--jz-accent); color:#FFFFFF; font-size:12px; font-weight:500; box-shadow:var(--jz-shadow); }
+
+.pop, .sheet, .checkin, .toast { position:fixed; z-index:2147483645; background:var(--jz-surface); color:var(--jz-ink);
+  border:1px solid var(--jz-rule); box-shadow:var(--jz-shadow); }
+.pop { width:400px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); overflow:auto; padding:24px; border-radius:10px;
+  animation: jz-in 180ms ease-out; }
+@keyframes jz-in { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:none; } }
+.pop-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:20px; }
+.pop h2 { margin:0; font-size:14px; font-weight:500; }
+.close { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border:0; border-radius:6px;
+  background:transparent; color:var(--jz-faint); }
+.close:hover { color:var(--jz-ink); }
+.chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
+.chip { display:inline-flex; align-items:center; gap:4px; padding:2px 8px; border-radius:999px; background:var(--jz-raised);
+  color:var(--jz-muted); font-size:11px; }
+.reactions { display:flex; border:1px solid var(--jz-rule); border-radius:8px; overflow:hidden; margin-bottom:20px; }
+.reaction { flex:1; min-height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
+  padding:12px 4px; border:0; border-right:1px solid var(--jz-rule); background:transparent; color:var(--jz-muted); }
+.reaction:last-child { border-right:0; }
+.reaction:hover { background:var(--jz-canvas); }
+.reaction span { font-size:10px; font-weight:500; }
+.reaction[data-r="confused"] { color:var(--jz-confused); }
+.reaction[aria-checked="true"] { background:var(--jz-accent-soft); color:var(--jz-accent); }
+.reaction[data-r="confused"][aria-checked="true"] { background:rgb(110 79 194 / 10%); color:var(--jz-confused); }
+.comment { display:block; width:100%; height:112px; padding:16px; margin-bottom:20px; resize:none; border:1px solid var(--jz-rule);
+  border-radius:8px; background:var(--jz-surface); color:var(--jz-ink); font:inherit; }
+.comment::placeholder { color:var(--jz-faint); }
+.comment:focus { outline:none; box-shadow:0 0 0 1px var(--jz-accent); }
+.foot { display:flex; align-items:center; justify-content:space-between; gap:12px; }
+.shot { display:flex; align-items:center; gap:12px; min-width:0; }
+.thumb { flex:none; width:80px; height:48px; border-radius:8px; border:1px solid var(--jz-rule); background:var(--jz-canvas);
+  overflow:hidden; display:flex; align-items:center; justify-content:center; color:var(--jz-faint); font-size:8px; }
+.thumb img { width:100%; height:100%; object-fit:cover; }
+.thumb.hatch { background:repeating-linear-gradient(45deg, rgb(138 144 153 / 10%) 0 4px, rgb(138 144 153 / 20%) 4px 8px); }
+.shot-open { display:block; width:100%; height:100%; padding:0; border:0; background:transparent; }
+.optout-row { display:flex; align-items:center; gap:8px; margin-bottom:16px; color:var(--jz-muted); font-size:12px; }
+.optout-row[hidden] { display:none; }
+.note { font-size:11px; color:var(--jz-faint); line-height:1.3; }
+.shot-full { position:fixed; inset:0; z-index:2147483647; display:flex; align-items:center; justify-content:center; padding:24px; background:rgb(0 0 0 / 72%); }
+.shot-full img { max-width:100%; max-height:100%; object-fit:contain; border-radius:6px; background:var(--jz-surface); }
+.shot-full .close { position:absolute; top:16px; right:16px; background:var(--jz-surface); color:var(--jz-ink); }
+.primary { min-height:44px; padding:0 24px; border:0; border-radius:8px; background:var(--jz-accent); color:var(--jz-accent-ink); font-weight:500; }
+.primary:disabled { opacity:.45; cursor:not-allowed; }
+.secondary { min-height:44px; padding:0 16px; border:1px solid var(--jz-rule); border-radius:6px; background:transparent;
+  color:var(--jz-muted); font-weight:500; }
+
+.sheet { left:32px; bottom:32px; width:340px; max-width:calc(100vw - 32px); padding:24px; border-radius:10px; }
+.sheet h2 { display:flex; align-items:center; gap:8px; margin:0 0 12px; font-size:14px; font-weight:500; }
+.sheet h2 svg { color:var(--jz-accent); }
+.sheet p { margin:0 0 12px; color:var(--jz-muted); line-height:1.6; }
+.sheet ul { margin:0 0 20px; padding-left:18px; color:var(--jz-muted); }
+.row { display:flex; gap:8px; }
+.row > * { flex:1; }
+
+.checkin { right:32px; bottom:140px; display:flex; align-items:center; gap:8px; padding:8px 8px 8px 16px; border-radius:10px; }
+.checkin .secondary { min-height:36px; }
+.toast { right:32px; bottom:88px; padding:10px 16px; border-radius:10px; }
+.toast.err { border-color:var(--jz-broken); }
+
+@media (max-width: 479px) {
+  .toggle { right:24px; bottom:24px; height:48px; padding:0 20px; background:var(--jz-accent); color:var(--jz-accent-ink); }
+  .toggle .dot { background:var(--jz-accent-ink); }
+  .toggle .exit { color:inherit; opacity:.8; }
+  .pop { left:0 !important; right:0; top:auto !important; bottom:0; width:auto; max-width:none; max-height:85vh;
+    border-radius:16px 16px 0 0; border-width:1px 0 0; padding:12px 24px 34px; }
+  .pop::before { content:""; display:block; width:48px; height:4px; margin:0 auto 16px; border-radius:999px; background:var(--jz-raised); }
+  .chip { border-radius:4px; border:1px solid var(--jz-rule); }
+  .reactions { display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; border:0; overflow:visible; }
+  .reaction { border:1px solid var(--jz-rule); border-radius:8px; padding:16px 4px; }
+  .reaction:last-child { border-right:1px solid var(--jz-rule); }
+  .reaction[aria-checked="true"] { border:2px solid var(--jz-accent); }
+  .reaction span { font-size:11px; }
+  .foot { flex-direction:column; align-items:stretch; }
+  .foot .primary { width:100%; min-height:52px; font-size:15px; }
+  .sheet { left:16px; right:16px; bottom:16px; width:auto; }
+  .toast { left:16px; right:16px; bottom:84px; }
+  .checkin { left:16px; right:16px; bottom:136px; }
+}
+@media (prefers-reduced-motion: reduce) {
+  .jz *, .jz *::before, .jz *::after { animation-duration:1ms !important; transition-duration:1ms !important; }
+}
+`, Co = [
+  ["like", "Like"],
+  ["dislike", "Dislike"],
+  ["understood", "Understood"],
+  ["confused", "Confused"]
+], To = 5e3;
+function m(e, t = {}, ...o) {
+  const n = document.createElement(e);
+  for (const [i, s] of Object.entries(t))
+    s === void 0 || s === !1 || n.setAttribute(i, s === !0 ? "" : s);
+  return n.append(...o), n;
+}
+function jo(e, t) {
+  try {
+    const o = new URL(t.endsWith("/") ? t : `${t}/`), n = new URL(e.replace(/^\/+/, ""), o);
+    return n.origin === o.origin ? n.href : void 0;
+  } catch {
+    return;
+  }
+}
+function zo(e, t, o, n) {
+  const i = { pagePath: Le(t), device: e.device || He(o) }, s = (a) => {
+    const r = e[a];
+    typeof r == "string" && r.trim() !== "" && (i[a] = r.trim());
+  };
+  return s("persona"), s("journeyId"), s("journeyStep"), s("businessType"), s("state"), n !== void 0 && (i.tflowId = n), i;
+}
+function ue(e) {
+  const t = e.signature === void 0 ? e.userIdSig : e.signature ? e.signature.sig : void 0, o = e.signature === void 0 ? e.userIdExp : e.signature ? e.signature.exp : void 0;
+  return typeof t != "string" || !/^[A-Za-z0-9_-]{43}$/.test(t) ? {} : typeof o != "number" || !Number.isInteger(o) || o * 1e3 <= Date.now() ? {} : { userIdSig: t, userIdExp: o };
+}
+class Fo {
+  constructor(t, o, n) {
+    y(this, "options");
+    y(this, "getContext");
+    y(this, "exit");
+    y(this, "host", m("div", { "data-journeeze": "" }));
+    y(this, "root");
+    y(this, "shell", m("div", { class: "jz" }));
+    y(this, "layer", m("div", { class: "layer" }));
+    y(this, "highlight", m("div", { class: "hl" }));
+    y(this, "tag", m("div", { class: "tag mono" }));
+    y(this, "live", m("div", { class: "sr", "aria-live": "polite" }));
+    y(this, "toggle");
+    y(this, "channel");
+    y(this, "outbox");
+    y(this, "endpoint");
+    y(this, "cleanups", []);
+    y(this, "phase", "consent");
+    y(this, "config", {});
+    y(this, "pinCount", 0);
+    y(this, "popover");
+    y(this, "fullShot");
+    y(this, "fullShotOpener");
+    y(this, "consentSheet");
+    y(this, "checkin");
+    y(this, "toastEl");
+    y(this, "toastTimer");
+    y(this, "lastCtx");
+    y(this, "lastWhere");
+    y(this, "askedSteps", /* @__PURE__ */ new Set());
+    y(this, "objectUrls", []);
+    y(this, "disposed", !1);
+    y(this, "exitTimer");
+    y(this, "screenshotsUnavailable", !1);
+    y(this, "uploadNotFound", 0);
+    y(this, "pending", /* @__PURE__ */ new Set());
+    y(this, "signals");
+    y(this, "configReady", Promise.resolve());
+    this.options = t, this.getContext = o, this.exit = n, this.endpoint = Me(t), this.signals = Ve(t, this.endpoint, o), this.root = this.host.attachShadow({ mode: "closed" }), this.root.append(m("style", t.nonce ? { nonce: t.nonce } : {}, Eo), this.shell), this.toggle = m(
+      "button",
+      { type: "button", class: "toggle", "aria-pressed": "true", "aria-label": "Feedback mode on. Exit feedback mode" },
+      m("span", { class: "dot", "aria-hidden": "true" }),
+      m("span", {}, "Feedback mode on"),
+      m("span", { class: "exit", "aria-hidden": "true" }, "· Exit")
+    ), this.toggle.addEventListener("click", () => this.exit());
+    for (const i of ["keydown", "keyup", "keypress"]) this.shell.addEventListener(i, (s) => this.onWidgetKey(s));
+    this.highlight.append(this.tag), this.layer.append(this.highlight), this.shell.append(this.layer, this.toggle, this.live), this.channel = Ye(t, this.endpoint, {
+      beforePersist: () => this.stashPending(),
+      onDropped: (i) => this.toast(No(i), !0)
+    }), this.outbox = this.channel.outbox, document.body.append(this.host), this.listen(window, "keydown", (i) => this.onKey(i)), this.lastCtx = { ...o() }, this.lastWhere = _(), this.configReady = this.loadConfig(), Oe(J(t)) ? this.startPointing() : this.showConsent();
+  }
+  api() {
+    return { unmount: (t) => this.dispose(t), contextChanged: () => this.onContextChanged() };
+  }
+  listen(t, o, n, i = !1, s = !1) {
+    t.addEventListener(o, n, { capture: i, passive: s }), this.cleanups.push(() => t.removeEventListener(o, n, { capture: i }));
+  }
+  dispose(t) {
+    if (!this.disposed) {
+      this.disposed = !0, this.signals.stop(t);
+      for (const o of this.cleanups.splice(0)) o();
+      this.exitTimer !== void 0 && clearTimeout(this.exitTimer), this.stashPending(), this.channel.dispose(), this.toastTimer !== void 0 && clearTimeout(this.toastTimer);
+      for (const o of this.objectUrls.splice(0)) URL.revokeObjectURL(o);
+      this.host.remove();
+    }
+  }
+  async loadConfig() {
+    try {
+      if (this.config = await Je(this.endpoint, this.options.siteKey), this.config.consentText && this.consentSheet) {
+        const t = this.consentSheet.querySelector("p");
+        t && (t.textContent = this.config.consentText);
+      }
+      this.config.enabled !== !0 && (this.toast("Feedback isn't switched on for this site yet.", !0), this.exitTimer = setTimeout(() => {
+        this.disposed || this.exit();
+      }, 2500));
+    } catch (t) {
+      t instanceof Z && t.status === 404 && (this.toast("Feedback isn't set up on this site yet.", !0), this.exitTimer = setTimeout(() => {
+        this.disposed || this.exit();
+      }, 2500));
+    }
+  }
+  showConsent() {
+    this.phase = "consent";
+    const t = m("h2", { id: "jz-consent-title" }, A("info", 18), "Suggest an improvement"), o = m("button", { type: "button", class: "primary" }, "Allow and continue"), n = m("button", { type: "button", class: "secondary" }, "Not now"), i = m(
+      "div",
+      { class: "sheet", role: "dialog", "aria-modal": "false", "aria-labelledby": "jz-consent-title" },
+      t,
+      m("p", {}, this.config.consentText || (this.screenshotsAllowed() ? $e : _e)),
+      m("div", { class: "row" }, o, n)
+    );
+    o.addEventListener("click", () => {
+      Ue(J(this.options)), i.remove(), this.consentSheet = void 0, this.startPointing(), this.toggle.focus();
+    }), n.addEventListener("click", () => this.exit()), this.trapTab(i), this.consentSheet = i, this.shell.append(i), o.focus();
+  }
+  startPointing() {
+    this.phase = "pointing", this.signals.start(this.configReady.then(() => this.config)), this.announce("Feedback mode on. Click any part of the page to comment on it. Press Escape to exit."), this.listen(document, "pointermove", (t) => this.onMove(t), !0, !0);
+    for (const t of ["pointerdown", "mousedown", "mouseup", "pointerup"])
+      this.listen(window, t, (o) => this.swallow(o), !0);
+    for (const t of ["touchstart", "touchend"])
+      this.listen(
+        window,
+        t,
+        (o) => {
+          this.phase === "pointing" && this.targetOf(o) && o.stopPropagation();
+        },
+        !0,
+        !0
+      );
+    this.listen(window, "click", (t) => this.onClick(t), !0), this.listen(window, "scroll", () => this.reposition(), !0, !0), this.listen(window, "resize", () => this.reposition(), !1, !0), this.outbox.flush();
+  }
+  targetOf(t) {
+    const o = t.composedPath();
+    if (o.includes(this.host)) return;
+    const n = o[0];
+    return n instanceof Element ? n : void 0;
+  }
+  swallow(t) {
+    this.phase !== "pointing" || !t.isTrusted || !this.targetOf(t) || (t.preventDefault(), t.stopPropagation());
+  }
+  onMove(t) {
+    const o = this.phase === "pointing" ? this.targetOf(t) : void 0;
+    if (!o) {
+      this.highlight.style.display = "none";
+      return;
+    }
+    const n = o.getBoundingClientRect(), i = Q(o) || ee(o);
+    Object.assign(this.highlight.style, { display: "block", left: `${n.left}px`, top: `${n.top}px`, width: `${n.width}px`, height: `${n.height}px` }), this.highlight.classList.toggle("masked", i), this.tag.textContent = i ? "Masked" : Xe(o), this.tag.style.top = n.top < 20 ? "0" : "-18px";
+  }
+  onClick(t) {
+    if (this.phase !== "pointing" || !t.isTrusted) return;
+    const o = this.targetOf(t);
+    o && (t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation(), this.highlight.style.display = "none", !ee(o) && this.openPopover(o, t.clientX, t.clientY));
+  }
+  openPopover(t, o, n) {
+    this.phase = "composing";
+    const i = this.screenshotsUnavailable || !this.screenshotsAllowed() ? Promise.resolve(void 0) : xo(document.body, this.maskOptions()).catch(() => {
+    }), s = Ke(t, o, n), a = m("div", { class: "pin", "aria-hidden": "true" }, String(++this.pinCount));
+    let r;
+    const u = m("h2", { id: "jz-pop-title" }, "How does this feel?"), d = m("button", { type: "button", class: "close", "aria-label": "Close without sending" }, A("close")), c = m("div", { class: "chips" }), f = this.getContext(), h = _(), l = (C, z, T) => c.append(m("span", { class: "chip", "aria-label": `${z}: ${T}` }, A(C, 12), T));
+    f.persona && l("persona", "Persona", f.persona), f.journeyStep && l("step", "Journey step", f.journeyStep);
+    const g = m("div", { class: "reactions", role: "radiogroup", "aria-label": "Reaction" }), p = Co.map(([C, z]) => {
+      const T = m("button", { type: "button", class: "reaction", role: "radio", "aria-checked": "false", "data-r": C }, A(C), m("span", {}, z));
+      return T.addEventListener("click", () => {
+        r = r === C ? void 0 : C;
+        for (const Y of p) Y.setAttribute("aria-checked", String(Y.dataset.r === r));
+        F();
+      }), g.append(T), T;
+    }), w = m("textarea", { class: "comment", "aria-label": "Comment (optional)", placeholder: "What could be improved?", maxlength: "4000" }), b = m("div", { class: "thumb hatch mono" }, "CAPTURING"), x = m("span", { class: "note" }, "Masked fields are hidden"), v = m("input", { type: "checkbox", class: "optout" }), S = m("label", { class: "optout-row", hidden: !0 }, v, "Don't include screenshot"), k = m("button", { type: "button", class: "primary" }, "Send"), E = m(
+      "div",
+      { class: "pop", role: "dialog", "aria-modal": "false", "aria-labelledby": "jz-pop-title" },
+      m("div", { class: "pop-head" }, u, d),
+      c,
+      g,
+      w,
+      S,
+      m("div", { class: "foot" }, m("div", { class: "shot" }, b, x), k)
+    ), F = () => {
+      k.disabled = r === void 0 && w.value.trim() === "";
+    };
+    w.addEventListener("input", F), F(), i.then((C) => {
+      if (this.popover?.el === E)
+        if (b.textContent = "", C) {
+          const z = URL.createObjectURL(C);
+          this.objectUrls.push(z), b.classList.remove("hatch");
+          const T = m(
+            "button",
+            { type: "button", class: "shot-open", "aria-label": "View screenshot full size" },
+            m("img", { referrerpolicy: "no-referrer", src: z, alt: "Screenshot of this page with masked fields hidden" })
+          );
+          T.addEventListener("click", () => this.openFullShot(z, T)), b.append(T), S.hidden = !1;
+        } else
+          b.textContent = "No screenshot attached", x.textContent = "Screenshot unavailable; your feedback still sends";
+    }), d.addEventListener("click", () => this.closePopover()), k.addEventListener("click", () => {
+      if (k.disabled) return;
+      k.disabled = !0;
+      const C = w.value.trim(), z = !v.checked;
+      this.closePopover(), this.deliver(s, r, C, z ? i : Promise.resolve(void 0), f, h);
+    }), this.trapTab(E), this.popover = { el: E, pin: a, target: t, anchor: s }, this.layer.append(a), this.shell.append(E), this.reposition(), p[0]?.focus();
+  }
+  closePopover() {
+    if (this.popover) {
+      this.closeFullShot(), this.popover.el.remove(), this.popover.pin.remove(), this.popover = void 0;
+      for (const t of this.objectUrls.splice(0)) URL.revokeObjectURL(t);
+      this.phase = "pointing", this.toggle.focus();
+    }
+  }
+  openFullShot(t, o) {
+    if (this.fullShot) return;
+    const n = m("button", { type: "button", class: "close", "aria-label": "Close full-size screenshot" }, A("close")), i = m(
+      "div",
+      { class: "shot-full", role: "dialog", "aria-modal": "true", "aria-label": "Screenshot" },
+      m("img", { referrerpolicy: "no-referrer", src: t, alt: "Screenshot of this page with masked fields hidden" }),
+      n
+    );
+    n.addEventListener("click", () => this.closeFullShot()), this.trapTab(i), this.fullShot = i, this.fullShotOpener = o, this.shell.append(i), n.focus();
+  }
+  closeFullShot() {
+    const t = this.fullShot;
+    if (!t) return;
+    this.fullShot = void 0, t.remove();
+    const o = this.fullShotOpener;
+    this.fullShotOpener = void 0, o?.focus();
+  }
+  maskOptions() {
+    const { maskSelectors: t, maskAllText: o } = this.options;
+    return { ...t ? { maskSelectors: t } : {}, ...o ? { maskAllText: o } : {} };
+  }
+  reposition() {
+    const t = this.popover;
+    if (!t || !t.target.isConnected) return;
+    const o = t.target.getBoundingClientRect(), n = o.left + t.anchor.xRatio * o.width, i = o.top + t.anchor.yRatio * o.height;
+    if (Object.assign(t.pin.style, { left: `${n}px`, top: `${i}px` }), window.innerWidth < 480) return;
+    const s = t.el.getBoundingClientRect(), a = 16;
+    let r = o.right + a;
+    r + s.width > window.innerWidth - a && (r = o.left - a - s.width), r < a && (r = Math.min(Math.max(a, n + a), window.innerWidth - s.width - a));
+    const u = Math.min(Math.max(a, i - 24), window.innerHeight - s.height - a);
+    Object.assign(t.el.style, { left: `${Math.max(a, r)}px`, top: `${Math.max(a, u)}px` });
+  }
+  onContextChanged() {
+    this.signals.contextChanged();
+    const t = this.getContext();
+    if (t.journeyStep === this.lastCtx.journeyStep && t.journeyId === this.lastCtx.journeyId) return;
+    const o = this.lastCtx, n = this.lastWhere;
+    this.lastCtx = { ...t }, this.lastWhere = _(), this.checkin?.remove(), this.checkin = void 0, this.maybeCheckin(o, n);
+  }
+  maybeCheckin(t, o) {
+    const n = t, i = n.journeyStep;
+    if (this.phase === "consent" || !i) return;
+    const s = `${n.journeyId ?? ""}/${i}`;
+    if (this.askedSteps.has(s)) return;
+    this.askedSteps.add(s), this.checkin?.remove();
+    const a = (d, c) => {
+      const f = m("button", { type: "button", class: "secondary" }, A(d, 16), c);
+      return f.addEventListener("click", () => {
+        u.remove(), this.deliver(void 0, d, "", Promise.resolve(void 0), t, o);
+      }), f;
+    }, r = m("button", { type: "button", class: "close", "aria-label": "Dismiss" }, A("close", 16)), u = m("div", { class: "checkin", role: "group", "aria-label": "Step check-in" }, m("span", {}, "Did this step make sense?"), a("understood", "Understood"), a("confused", "Confused"), r);
+    r.addEventListener("click", () => u.remove()), this.checkin = u, this.shell.append(u);
+  }
+  async deliver(t, o, n, i, s = this.getContext(), a = _()) {
+    const r = {
+      siteKey: this.options.siteKey,
+      consentGiven: !0,
+      context: zo(s, a.href, a.width, t?.tflowId)
+    };
+    this.options.userId !== void 0 && Object.assign(r, { userId: this.options.userId }, ue(this.options)), t && (r.anchor = t), o && (r.reaction = Ge[o]), n && (r.comment = n);
+    const u = { request: r, stashed: !1 };
+    this.pending.add(u);
+    const d = await this.uploadScreenshot(i);
+    if (this.pending.delete(u), u.stashed || this.disposed) return;
+    d && (r.screenshotId = d);
+    const c = await this.outbox.enqueue(r);
+    this.disposed || (c === "sent" ? this.toast("Sent. Thank you.") : c === "queued" && this.toast("Saved. It will send when you're back online."));
+  }
+  stashPending() {
+    for (const t of this.pending)
+      t.stashed = !0, this.outbox.stash(t.request);
+    this.pending.clear();
+  }
+  screenshotsAllowed() {
+    return !!(this.options.reviewerToken || this.options.userId);
+  }
+  async uploadScreenshot(t) {
+    if (!this.screenshotsUnavailable)
+      try {
+        let o;
+        const n = await Promise.race([t, new Promise((d) => o = setTimeout(() => d(void 0), To))]).finally(
+          () => clearTimeout(o)
+        );
+        if (!n || n.type !== "image/webp" && n.type !== "image/png") return;
+        const i = {
+          siteKey: this.options.siteKey,
+          contentType: n.type,
+          byteLength: n.size,
+          ...this.options.reviewerToken ? { reviewerToken: this.options.reviewerToken } : {},
+          ...this.options.userId ? { userId: this.options.userId, consentGiven: !0, ...ue(this.options) } : {}
+        }, s = await Be(this.endpoint, "CreateScreenshotUpload", i), a = typeof s.uploadUrl == "string" ? jo(s.uploadUrl, this.endpoint) : void 0;
+        if (typeof s.screenshotId != "string" || !a) return;
+        const r = { "content-type": n.type };
+        for (const [d, c] of Object.entries(s.headers ?? {})) typeof c == "string" && (r[d] = c);
+        const u = await fetch(a, We({ method: "PUT", body: n, headers: r, credentials: "omit", cache: "no-store", referrerPolicy: "no-referrer" }));
+        return this.uploadNotFound = 0, u.ok ? s.screenshotId : void 0;
+      } catch (o) {
+        o instanceof Z && (this.uploadNotFound = o.status === 404 ? this.uploadNotFound + 1 : 0, (o.code === "unimplemented" || this.uploadNotFound >= 3) && (this.screenshotsUnavailable = !0));
+        return;
+      }
+  }
+  onKey(t) {
+    if (t.key !== "Escape") return;
+    const o = t.composedPath()[0];
+    if (t.defaultPrevented || o instanceof Element && Q(o)) return;
+    const n = document.activeElement;
+    n && n !== document.body && n !== document.documentElement && n !== this.host || (this.popover ? this.closePopover() : this.exit());
+  }
+  onWidgetKey(t) {
+    if (t.stopPropagation(), t.type !== "keydown" || t.key !== "Escape") return;
+    if (this.fullShot) {
+      this.closeFullShot();
+      return;
+    }
+    const o = t.target;
+    if (o instanceof HTMLTextAreaElement && o.value.trim() !== "" && this.popover) {
+      this.popover.el.querySelector(".close")?.focus();
+      return;
+    }
+    this.popover ? this.closePopover() : this.exit();
+  }
+  trapTab(t) {
+    t.addEventListener("keydown", (o) => {
+      if (o.key !== "Tab") return;
+      const n = Array.from(t.querySelectorAll("button:not([disabled]), textarea")), i = n[0], s = n[n.length - 1], a = this.root.activeElement;
+      !i || !s || (o.shiftKey && a === i ? (o.preventDefault(), s.focus()) : !o.shiftKey && a === s && (o.preventDefault(), i.focus()));
+    });
+  }
+  announce(t) {
+    this.live.textContent = t;
+  }
+  toast(t, o = !1) {
+    this.toastEl?.remove(), this.toastTimer !== void 0 && clearTimeout(this.toastTimer);
+    const n = m("div", { class: o ? "toast err" : "toast", role: "status" }, t);
+    this.toastEl = n, this.shell.append(n), this.toastTimer = setTimeout(() => n.remove(), o ? 6e3 : 3e3);
+  }
+}
+function _() {
+  return { href: location.href, width: window.innerWidth };
+}
+function No(e) {
+  return e.code === "unauthenticated" ? "Open the review link from your invitation to send feedback." : e.code === "failed_precondition" ? "Consent is needed before feedback can be sent." : "This feedback couldn't be sent.";
+}
+const Mo = (e, t, o) => new Fo(e, () => De(t()), o).api();
+export {
+  Lo as maskedSnapshotSvg,
+  Mo as mount,
+  ue as signedIdentity,
+  jo as uploadTarget,
+  zo as wireContext
+};