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

package/dist/help-C1x-y2f9.js

@@ -0,0 +1,878 @@
+var W = Object.defineProperty;
+var Y = (n, e, t) => e in n ? W(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var k = (n, e, t) => Y(n, typeof e != "symbol" ? e + "" : e, t);
+import { d as K, s as Q, F as D, R as X } from "./hook-BdG4UL4k.js";
+import { j as J, C as Z, k as q, e as V, b as ee, c as te, D as ne, i as ie, h as se, f as re, d as oe } from "./consent-CoKD33Rm.js";
+import { T as ae } from "./context-UnG6_X61.js";
+const de = 6e4;
+class le {
+  constructor(e) {
+    k(this, "opts");
+    k(this, "indexEntry");
+    k(this, "guides", /* @__PURE__ */ new Map());
+    k(this, "inflight", /* @__PURE__ */ new Map());
+    k(this, "now");
+    k(this, "freshMs");
+    this.opts = e, this.now = e.now ?? Date.now, this.freshMs = e.freshMs ?? 6e4;
+  }
+  index() {
+    return this.read("index", "GetHelpIndex", this.body({}), () => this.indexEntry, (e) => this.indexEntry = e, () => !1);
+  }
+  guide(e) {
+    return this.read(
+      `guide:${e}`,
+      "GetGuide",
+      this.body({ journeyId: e }),
+      () => this.guides.get(e),
+      (t) => this.guides.set(e, t),
+      (t) => {
+        const i = t.linksExpireAt ? Date.parse(t.linksExpireAt) : NaN;
+        return Number.isFinite(i) && i - this.now() < de;
+      }
+    );
+  }
+  body(e) {
+    const t = this.opts.reviewerToken;
+    return { siteKey: this.opts.siteKey, ...e, ...t && { reviewerToken: t } };
+  }
+  read(e, t, i, s, o, v) {
+    const c = s();
+    if (c && this.now() - c.at < this.freshMs && !v(c.value)) return Promise.resolve(c.value);
+    const h = this.inflight.get(e);
+    if (h) return h;
+    const g = c && !v(c.value) ? c.etag : void 0, S = J(this.opts.endpoint, t, i, g, this.opts.fetchImpl).then((y) => {
+      if (y.notModified) {
+        if (!c) throw new Error("304 without a cached value");
+        return o({ ...c, at: this.now() }), c.value;
+      }
+      return o({ value: y.value, etag: y.etag, at: this.now() }), y.value;
+    }).finally(() => this.inflight.delete(e));
+    return this.inflight.set(e, S), S;
+  }
+}
+const T = (n) => n.toLowerCase().normalize("NFKD").replace(/[̀-ͯ]/g, "").split(/[^\p{L}\p{N}]+/u).filter(Boolean);
+function $(n, e) {
+  const t = T(e);
+  if (t.length === 0) return [...n];
+  const i = [];
+  return n.forEach((s, o) => {
+    const v = T(s.title ?? ""), c = T(s.goal ?? ""), h = (s.stepTitles ?? []).flatMap(T);
+    let g = 0;
+    for (const S of t) {
+      const y = (a) => a.some((b) => b.startsWith(S)), I = y(v) ? 3 : y(c) ? 2 : y(h) ? 1 : 0;
+      if (I === 0) return;
+      g += I;
+    }
+    i.push([s, g, o]);
+  }), i.sort((s, o) => o[1] - s[1] || s[2] - o[2]).map(([s]) => s);
+}
+const ce = 4e3;
+function H(n) {
+  return n instanceof Z && n.code === "failed_precondition";
+}
+class ue {
+  constructor(e) {
+    k(this, "deps");
+    k(this, "current", { view: "closed" });
+    k(this, "listeners", /* @__PURE__ */ new Set());
+    k(this, "entries", []);
+    k(this, "generation", 0);
+    k(this, "asked", /* @__PURE__ */ new Set());
+    k(this, "pending");
+    k(this, "pendingSignal");
+    this.deps = e;
+  }
+  get state() {
+    return this.current;
+  }
+  subscribe(e) {
+    return this.listeners.add(e), e(this.current), () => this.listeners.delete(e);
+  }
+  probe() {
+    return this.deps.loadIndex().then(
+      () => {
+      },
+      (e) => {
+        H(e) && this.disable();
+      }
+    );
+  }
+  open() {
+    if (this.current.view === "disabled") return;
+    const e = ++this.generation;
+    this.deps.clearHighlight(), this.set({ view: "index", status: "loading", query: "", results: [], total: 0 }), this.deps.loadIndex().then(
+      (t) => {
+        if (e !== this.generation) return;
+        this.entries = (t.guides ?? []).filter((s) => s.journeyId);
+        const i = this.current.view === "index" ? this.current.query : "";
+        this.set({ view: "index", status: "ready", query: i, results: $(this.entries, i), total: this.entries.length });
+      },
+      (t) => {
+        if (e !== this.generation) return;
+        if (H(t)) return this.disable();
+        const i = this.current.view === "index" ? this.current.query : "";
+        this.set({ view: "index", status: "error", query: i, results: [], total: 0 });
+      }
+    );
+  }
+  close() {
+    this.current.view !== "disabled" && (this.generation++, this.pending = void 0, this.pendingSignal = void 0, this.deps.clearHighlight(), this.set({ view: "closed" }));
+  }
+  search(e) {
+    const t = this.current;
+    if (t.view !== "index") return;
+    const i = t.status === "ready" ? $(this.entries, e) : [];
+    this.set({ ...t, query: e, results: i });
+  }
+  openGuide(e) {
+    if (this.current.view === "disabled") return;
+    const t = ++this.generation;
+    this.pending = void 0, this.deps.clearHighlight(), this.set({ view: "guide", status: "loading", journeyId: e, step: 0, anchor: "none", checkin: "idle" }), this.deps.loadGuide(e).then(
+      (i) => {
+        if (t !== this.generation) return;
+        const s = pe(i, e, this.deps.endpoint);
+        if (s.steps.length === 0) {
+          this.set({ view: "guide", status: "error", journeyId: e, step: 0, anchor: "none", checkin: "idle" });
+          return;
+        }
+        this.showStep(s, 0);
+      },
+      (i) => {
+        if (t === this.generation) {
+          if (H(i)) return this.disable();
+          this.set({ view: "guide", status: "error", journeyId: e, step: 0, anchor: "none", checkin: "idle" });
+        }
+      }
+    );
+  }
+  disable() {
+    this.generation++, this.pending = void 0, this.deps.clearHighlight(), this.set({ view: "disabled" });
+  }
+  back() {
+    const e = this.current;
+    if (e.view === "finished") return this.showStep(e.guide, e.guide.steps.length - 1);
+    if (e.view !== "guide" || !e.guide) return this.open();
+    if (e.step === 0) return this.open();
+    this.generation++, this.pending = void 0, this.showStep(e.guide, e.step - 1);
+  }
+  next() {
+    const e = this.current;
+    if (e.view !== "guide" || e.status !== "ready" || !e.guide || e.checkin !== "idle") return;
+    const t = e.guide.steps[e.step];
+    if (t && !this.asked.has(U(e.guide, t))) {
+      this.set({ ...e, checkin: "asking", notice: void 0 });
+      return;
+    }
+    this.advance();
+  }
+  answer(e) {
+    const t = this.current;
+    if (!(t.view !== "guide" || t.checkin !== "asking" && t.checkin !== "needs-consent")) {
+      if (!this.deps.hasConsent()) {
+        this.pending = e, this.set({ ...t, checkin: "needs-consent" });
+        return;
+      }
+      this.send(e);
+    }
+  }
+  skipCheckin() {
+    const e = this.current;
+    e.view !== "guide" || e.checkin !== "asking" && e.checkin !== "needs-consent" || (this.pending = void 0, this.markAsked(e), this.set({ ...e, checkin: "idle" }), this.advance());
+  }
+  giveConsent() {
+    const e = this.pendingSignal, t = this.current;
+    if (e && (t.view === "index" || t.view === "guide") && t.signal === "needs-consent") {
+      this.pendingSignal = void 0, this.deps.giveConsent(), this.sendSignalNow(e);
+      return;
+    }
+    const i = this.current;
+    if (i.view !== "guide" || i.checkin !== "needs-consent" || !this.pending) return;
+    this.deps.giveConsent();
+    const s = this.pending;
+    this.pending = void 0, this.send(s);
+  }
+  declineConsent() {
+    const e = this.current;
+    if (this.pendingSignal && (e.view === "index" || e.view === "guide") && e.signal === "needs-consent") {
+      this.pendingSignal = void 0, this.patchSignal({ signal: "idle" });
+      return;
+    }
+    this.skipCheckin();
+  }
+  canSignal() {
+    return this.deps.signalsAllowed?.() ?? !0;
+  }
+  sendCallout(e) {
+    if (!this.canSignal()) return;
+    const t = this.current;
+    if (t.view !== "guide" || t.status !== "ready" || !t.guide || L(t.signal)) return;
+    const i = t.guide.steps.find((s) => s.index === e);
+    i && this.signal({ kind: "callout", guide: t.guide, step: i });
+  }
+  sendRequest(e) {
+    if (!this.canSignal()) return;
+    const t = e.trim();
+    if (!t || [...t].length > ce) return;
+    const i = this.current;
+    i.view === "index" && !L(i.signal) ? this.signal({ kind: "request", text: t }) : i.view === "guide" && i.status === "ready" && i.guide && !L(i.signal) && this.signal({ kind: "request", text: t, guide: i.guide, step: i.guide.steps[i.step] });
+  }
+  signal(e) {
+    if (!this.deps.hasConsent()) {
+      this.pendingSignal = e, this.patchSignal({ signal: "needs-consent", signalNotice: void 0 });
+      return;
+    }
+    this.sendSignalNow(e);
+  }
+  patchSignal(e) {
+    const t = this.current;
+    (t.view === "index" || t.view === "guide") && this.set({ ...t, ...e });
+  }
+  async sendSignalNow(e) {
+    const t = this.generation;
+    this.patchSignal({ signal: "sending", signalNotice: void 0 });
+    let i;
+    try {
+      i = await this.deps.sendSignal(e);
+    } catch {
+      i = "dropped";
+    }
+    t === this.generation && this.patchSignal({ signal: "idle", signalNotice: i });
+  }
+  async send(e) {
+    const t = this.current;
+    if (t.view !== "guide" || !t.guide) return;
+    const i = t.guide.steps[t.step];
+    if (!i) return;
+    this.markAsked(t);
+    const s = this.generation;
+    this.set({ ...t, checkin: "sending" });
+    let o;
+    try {
+      o = await this.deps.sendCheckin({ guide: t.guide, step: i, answer: e });
+    } catch {
+      o = "dropped";
+    }
+    if (s !== this.generation) return;
+    const v = this.current;
+    v.view === "guide" && (this.set({ ...v, checkin: "idle" }), this.advance(o));
+  }
+  refreshHighlight() {
+    const e = this.current;
+    if (e.view !== "guide" || e.status !== "ready" || !e.guide) return;
+    const t = this.anchorFor(e.guide, e.step);
+    t !== e.anchor && this.set({ ...e, anchor: t });
+  }
+  markAsked(e) {
+    if (e.view !== "guide" || !e.guide) return;
+    const t = e.guide.steps[e.step];
+    t && this.asked.add(U(e.guide, t));
+  }
+  advance(e) {
+    const t = this.current;
+    if (!(t.view !== "guide" || !t.guide)) {
+      if (t.step + 1 < t.guide.steps.length) return this.showStep(t.guide, t.step + 1, e);
+      this.deps.clearHighlight(), this.set({ view: "finished", guide: t.guide, notice: e });
+    }
+  }
+  showStep(e, t, i) {
+    const s = this.anchorFor(e, t);
+    this.set({ view: "guide", status: "ready", journeyId: e.journeyId, guide: e, step: t, anchor: s, checkin: "idle", notice: i });
+  }
+  anchorFor(e, t) {
+    const i = this.deps.highlight(e.steps[t]?.targets);
+    return typeof i == "string" ? i : (i.then((s) => {
+      const o = this.current;
+      o.view === "guide" && o.guide === e && o.step === t && o.anchor !== s && this.set({ ...o, anchor: s });
+    }), "none");
+  }
+  set(e) {
+    this.current = e;
+    for (const t of this.listeners) t(e);
+  }
+}
+const U = (n, e) => `${n.journeyId}/${e.index}`;
+function pe(n, e, t) {
+  const i = (n.steps ?? []).map((s, o) => ({
+    index: s.index ?? o,
+    title: s.title ?? "",
+    instruction: s.instruction ?? "",
+    tflowId: s.tflowId || void 0,
+    targets: ge(s),
+    stepRef: s.stepRef || void 0,
+    screenshotUrl: q(t, s.screenshotUrl),
+    videoStartMs: s.videoStartMs,
+    videoEndMs: s.videoEndMs
+  })).sort((s, o) => s.index - o.index);
+  return {
+    journeyId: n.journeyId ?? e,
+    slug: n.slug ?? "",
+    title: n.title ?? "",
+    goal: n.goal ?? "",
+    steps: i,
+    videoUrl: q(t, n.videoUrl),
+    captionsUrl: q(t, n.captionsUrl),
+    version: n.contentVersion || void 0
+  };
+}
+function L(n) {
+  return n === "needs-consent" || n === "sending";
+}
+const he = /^(tflow|testId|role|css)$/;
+function ge(n) {
+  const e = (n.targets ?? []).filter((t) => he.test(t.strategy ?? "") && t.value).map((t) => ({ by: t.strategy, value: t.value, name: t.name || void 0 }));
+  return e.length || !n.tflowId ? e : [{ by: "tflow", value: n.tflowId }];
+}
+const fe = () => import("./resolve-BfWByuTp.js");
+function ve(n, e = document) {
+  if (ae.test(n))
+    for (const t of e.querySelectorAll(`[data-tflow-id="${n}"]`)) {
+      const i = t.getBoundingClientRect();
+      if (i.width > 0 || i.height > 0) return t;
+    }
+}
+function be(n = window) {
+  try {
+    return n.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
+  } catch {
+    return !1;
+  }
+}
+class xe {
+  constructor(e, t = window, i = fe) {
+    k(this, "win");
+    k(this, "load");
+    k(this, "target");
+    k(this, "box");
+    k(this, "onMove", () => this.place());
+    k(this, "seq", 0);
+    this.win = t, this.load = i, this.box = t.document.createElement("div"), this.box.className = "jz-help-highlight", this.box.setAttribute("aria-hidden", "true"), this.box.hidden = !0, e.append(this.box);
+  }
+  show(e) {
+    this.hide();
+    const t = this.seq, [i] = e ?? [];
+    return i ? e?.length === 1 && i.by === "tflow" ? this.outline(ve(i.value, this.win.document)) : this.load().then(
+      (s) => t === this.seq ? this.outline(s.resolveTarget(e ?? [], this.win.document)) : "none",
+      () => "missing"
+    ) : "none";
+  }
+  outline(e) {
+    return e ? (this.target = e, e.scrollIntoView?.({ block: "center", inline: "nearest", behavior: be(this.win) ? "auto" : "smooth" }), this.win.addEventListener("scroll", this.onMove, { capture: !0, passive: !0 }), this.win.addEventListener("resize", this.onMove, { passive: !0 }), this.box.hidden = !1, this.place(), "found") : "missing";
+  }
+  hide() {
+    this.seq++, this.target && (this.target = void 0, this.box.hidden = !0, this.win.removeEventListener("scroll", this.onMove, { capture: !0 }), this.win.removeEventListener("resize", this.onMove));
+  }
+  dispose() {
+    this.hide(), this.box.remove();
+  }
+  place() {
+    if (!this.target) return;
+    if (!this.target.isConnected) return this.hide();
+    const e = this.target.getBoundingClientRect();
+    Object.assign(this.box.style, { left: `${e.left - 4}px`, top: `${e.top - 4}px`, width: `${e.width + 8}px`, height: `${e.height + 8}px` });
+  }
+}
+function we(n, e, t) {
+  let i;
+  return {
+    start() {
+      i ?? (i = import("./telemetry-Cik-cYzw.js").then(
+        (s) => s.startTelemetry({ endpoint: n, siteKey: e, subscribe: (o) => t.subscribe(o) }),
+        () => {
+          i = void 0;
+        }
+      ));
+    },
+    checkin: (s) => {
+      i?.then((o) => o?.checkin(s));
+    },
+    stop: (s) => {
+      i?.then((o) => o?.stop(s));
+    }
+  };
+}
+const De = `
+:host { all: initial; }
+.launcher { position:fixed; left:24px; bottom:24px; z-index:2147483646; width:44px; height:44px; border-radius:22px;
+  border:1px solid #1D2024; background:#1D2024; color:#FFFFFF; font:600 18px/1 system-ui,sans-serif; cursor:pointer; }
+.panel { position:fixed; left:24px; bottom:80px; z-index:2147483646; width:min(340px, calc(100vw - 48px));
+  max-height:min(70vh, 560px); overflow:auto; box-sizing:border-box; padding:16px; border:1px solid rgb(29 32 36/12%);
+  border-radius:10px; background:#FFFFFF; color:#1D2024; font:14px/1.45 system-ui,sans-serif; box-shadow:0 8px 24px rgb(0 0 0/12%); }
+.panel h2 { font-size:15px; margin:0 0 8px; }
+.panel p { margin:0 0 8px; }
+.panel ul { list-style:none; padding:0; margin:8px 0 0; }
+.panel li button { display:block; width:100%; text-align:left; padding:8px; margin:0 0 4px; border:1px solid rgb(29 32 36/12%);
+  border-radius:6px; background:#FFFFFF; color:inherit; font:inherit; cursor:pointer; }
+.panel input { width:100%; box-sizing:border-box; padding:8px; border:1px solid rgb(29 32 36/24%); border-radius:6px; font:inherit; }
+.panel .row { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
+.panel .row button { padding:6px 12px; border:1px solid #1D2024; border-radius:6px; background:#FFFFFF; color:#1D2024; font:inherit; cursor:pointer; }
+.panel .muted { color:#5D636B; font-size:13px; }
+.panel img { max-width:100%; border:1px solid rgb(29 32 36/12%); border-radius:6px; }
+:focus-visible { outline:2px solid #3D63C9; outline-offset:2px; }
+.jz-help-highlight { position:fixed; z-index:2147483645; pointer-events:none; box-sizing:border-box;
+  border:2px solid #3D63C9; border-radius:6px; box-shadow:0 0 0 4px rgb(61 99 201/20%); }
+`;
+function p(n, e = {}, ...t) {
+  const i = document.createElement(n);
+  for (const [s, o] of Object.entries(e)) i.setAttribute(s, o);
+  for (const s of t) s && i.append(s);
+  return i;
+}
+const G = {
+  sent: "Thanks. Your answer was sent.",
+  queued: "Saved. It will send when you're back online.",
+  dropped: "Your answer couldn't be sent."
+}, me = (n, e, t) => {
+  const i = p("button", { type: "button", class: "launcher", "aria-label": "Help", "aria-expanded": "false", "aria-controls": "jz-help-panel" }, "?"), s = p("div", { id: "jz-help-panel", class: "panel", role: "dialog", "aria-modal": "false", "aria-label": "Help" });
+  s.hidden = !0, n.append(i, s);
+  let o = "", v = !1, c;
+  i.addEventListener("click", () => e.state.view === "closed" ? e.open() : e.close()), s.addEventListener("keydown", (a) => {
+    a.key === "Escape" && (a.stopPropagation(), e.close());
+  });
+  const h = (a, b, f = {}) => {
+    const C = p("button", { type: "button", ...f }, a);
+    return C.addEventListener("click", b), C;
+  };
+  function g(a) {
+    const b = n.activeElement, f = b !== null && s.contains(b), C = f ? b.id : "";
+    i.hidden = a.view === "disabled";
+    const r = a.view !== "closed" && a.view !== "disabled";
+    if (i.setAttribute("aria-expanded", String(r)), s.hidden = !r, a.view === "index" && c && s.contains(c.input)) {
+      y(a), f && b && !b.isConnected && (C && n.getElementById(C) || c.input).focus(), v = r;
+      return;
+    }
+    if (c = void 0, s.replaceChildren(...(r ? S(a) : []).filter((d) => !!d)), r && (!v || f)) {
+      const u = (C ? n.getElementById(C) : null) ?? s.querySelector("input, [role=group] button, button");
+      u?.focus(), u instanceof HTMLInputElement && u.setSelectionRange(u.value.length, u.value.length);
+    }
+    !r && v && i.focus(), v = r;
+  }
+  function S(a) {
+    if (a.view === "index") {
+      const d = p("input", { id: "jz-help-search", type: "search", "aria-label": "Search help", placeholder: "How do I…", autocomplete: "off" });
+      return d.value = a.query, d.addEventListener("input", () => e.search(d.value)), c = {
+        input: d,
+        status: p("p", { class: "muted", role: "status" }),
+        retry: p("div", { class: "row" }, h("Try again", () => e.open())),
+        list: p("ul", { "aria-label": "Guides" })
+      }, y(a), [p("h2", {}, "How do I…"), d, c.status, c.retry, c.list, p("div", { class: "row" }, h("Close", () => e.close()))];
+    }
+    if (a.view === "finished")
+      return [
+        p("h2", {}, `You finished “${a.guide.title}”`),
+        a.notice && p("p", { class: "muted", role: "status" }, G[a.notice] ?? ""),
+        p("div", { class: "row" }, h("More guides", () => e.open(), { id: "jz-help-more" }), h("Back", () => e.back()), h("Close", () => e.close()))
+      ];
+    if (a.view !== "guide") return [];
+    if (a.status !== "ready" || !a.guide)
+      return [
+        p("p", { role: "status" }, a.status === "loading" ? "Loading guide…" : "This guide isn't available right now."),
+        p("div", { class: "row" }, h("Back", () => e.open()), h("Close", () => e.close()))
+      ];
+    const b = a.guide, f = b.steps[a.step];
+    if (!f) return [];
+    const C = a.step + 1 === b.steps.length, r = [
+      p("h2", {}, b.title),
+      p("p", { class: "muted" }, `Step ${a.step + 1} of ${b.steps.length}`),
+      p("p", {}, p("strong", {}, f.title)),
+      f.instruction && p("p", {}, f.instruction),
+      a.anchor === "missing" && p("p", { class: "muted" }, "The part of the page this step uses isn't shown here. Follow the steps in the text."),
+      f.screenshotUrl && p("img", { referrerpolicy: "no-referrer", src: f.screenshotUrl, alt: `Screenshot for: ${f.title}`, loading: "lazy" }),
+      a.notice && p("p", { class: "muted", role: "status" }, G[a.notice] ?? "")
+    ];
+    if (a.checkin === "asking")
+      r.push(
+        p("div", { role: "group", "aria-label": "Step check-in" }, p("p", {}, "Did this step make sense?"), p("div", { class: "row" }, h("Understood", () => e.answer("understood"), { id: "jz-help-yes" }), h("Confused", () => e.answer("confused")), h("Skip", () => e.skipCheckin())))
+      );
+    else if (a.checkin === "needs-consent") {
+      const d = p("p", {}, o || "Loading…");
+      o || t.consentText().then((u) => {
+        o = u, d.textContent = u;
+      }), r.push(p("div", { role: "group", "aria-label": "Consent" }, d, p("div", { class: "row" }, h("Allow and send", () => e.giveConsent(), { id: "jz-help-allow" }), h("Not now", () => e.declineConsent()))));
+    } else a.checkin === "sending" ? r.push(p("p", { role: "status" }, "Sending…")) : r.push(p("div", { class: "row" }, h("Back", () => e.back()), h(C ? "Finish" : "Next", () => e.next(), { id: "jz-help-next" }), h("Close", () => e.close())));
+    return r;
+  }
+  function y(a) {
+    if (!c) return;
+    const { input: b, status: f, retry: C, list: r } = c;
+    b.value !== a.query && n.activeElement !== b && (b.value = a.query), f.textContent = a.status === "loading" ? "Loading guides…" : a.status === "error" ? "Help isn't available right now." : a.results.length === 0 ? a.query ? `No guide matches “${a.query}”.` : "No guides yet." : "", f.hidden = f.textContent === "", C.hidden = a.status !== "error", r.replaceChildren(...a.results.map((d, u) => p("li", {}, h(d.title || "Untitled guide", () => e.openGuide(d.journeyId ?? ""), { id: `jz-help-g${u}` }), d.goal ? p("p", { class: "muted" }, d.goal) : void 0)));
+  }
+  const I = e.subscribe(g);
+  return {
+    destroy() {
+      I(), i.remove(), s.remove();
+    }
+  };
+}, O = "http://www.w3.org/2000/svg", ke = "M6.1 6.2a2 2 0 1 1 2.7 1.9c-.7.3-1 .6-1 1.3v.5H6.4v-.6c0-1.1.4-1.6 1.2-2 .5-.2.8-.5.8-1a1 1 0 0 0-2 0v.1H6.1zM7.2 11.4h1.6V13H7.2z";
+function ye(n) {
+  const e = document.createElementNS(O, "svg");
+  e.setAttribute("viewBox", "0 0 16 16"), e.setAttribute("width", "14"), e.setAttribute("height", "14"), e.setAttribute("aria-hidden", "true"), e.setAttribute("focusable", "false");
+  const t = document.createElementNS(O, "path");
+  return t.setAttribute("d", n), t.setAttribute("fill", "currentColor"), e.append(t), e;
+}
+function ze(n, e) {
+  const t = document.createElement("button");
+  return t.type = "button", t.id = "jz-help-callout", t.className = "callout-btn", t.append(ye(ke), document.createTextNode("This is confusing")), t.addEventListener("click", () => n.sendCallout(e)), t;
+}
+function je(n, e) {
+  const t = document.createElement("form");
+  t.setAttribute("aria-label", "Ask for something you could not find");
+  const i = document.createElement("p");
+  i.textContent = "Couldn't find it? Tell us what you were trying to do.";
+  const s = document.createElement("textarea");
+  s.id = "jz-help-request", s.setAttribute("aria-label", "What were you trying to do?"), s.maxLength = 4e3, s.rows = 3, s.value = `I couldn't find how to ${e}`;
+  const o = document.createElement("button");
+  return o.type = "submit", o.id = "jz-help-request-send", o.textContent = "Send request", t.append(i, s, o), t.addEventListener("submit", (v) => {
+    v.preventDefault(), n.sendRequest(s.value);
+  }), t;
+}
+function l(n, e = {}, ...t) {
+  const i = document.createElement(n);
+  for (const [s, o] of Object.entries(e)) i.setAttribute(s, o);
+  for (const s of t) s && i.append(s);
+  return i;
+}
+function M(n, e) {
+  const t = l(n, { ...e, crossorigin: "anonymous" });
+  return Object.assign(t, { referrerPolicy: "no-referrer" }), t.setAttribute("referrerpolicy", "no-referrer"), t;
+}
+const R = "http://www.w3.org/2000/svg";
+function Ce(n) {
+  const e = document.createElementNS(R, "svg");
+  e.setAttribute("viewBox", "0 0 16 16"), e.setAttribute("width", "14"), e.setAttribute("height", "14"), e.setAttribute("aria-hidden", "true"), e.setAttribute("focusable", "false");
+  const t = document.createElementNS(R, "path");
+  return t.setAttribute("d", n), t.setAttribute("fill", "currentColor"), e.append(t), e;
+}
+const Se = "M6.2 11.4 3 8.2l1.1-1.1 2.1 2.1 4.6-4.6 1.1 1.1z", Ee = "M6.1 6.2a2 2 0 1 1 2.7 1.9c-.7.3-1 .6-1 1.3v.5H6.4v-.6c0-1.1.4-1.6 1.2-2 .5-.2.8-.5.8-1a1 1 0 0 0-2 0v.1H6.1zM7.2 11.4h1.6V13H7.2z", _ = {
+  sent: "Thanks. Your answer was sent.",
+  queued: "Saved. It will send when you're back online.",
+  dropped: "Your answer couldn't be sent."
+}, P = {
+  sent: "Thanks. We'll take a look.",
+  queued: "Saved. It will send when you're back online.",
+  dropped: "Your request couldn't be sent."
+}, Fe = (n, e, t) => {
+  const i = l("button", { type: "button", class: "launcher", "aria-label": "Help", "aria-expanded": "false", "aria-controls": "jz-help-panel" }, "?"), s = l("div", { id: "jz-help-panel", class: "panel", role: "dialog", "aria-modal": "false", "aria-label": "Help" });
+  s.hidden = !0, n.append(i, s);
+  let o = "", v = !1, c, h;
+  i.addEventListener("click", () => e.state.view === "closed" ? e.open() : e.close()), s.addEventListener("keydown", (r) => {
+    r.key === "Escape" && (r.stopPropagation(), e.close());
+  });
+  const g = (r, d, u = {}) => {
+    const z = l("button", { type: "button", ...u }, r);
+    return z.addEventListener("click", d), z;
+  }, S = () => {
+    const r = l("p", {}, o || "Loading…");
+    return o || t.consentText().then((d) => {
+      o = d, r.textContent = d;
+    }), l(
+      "div",
+      { class: "checkin", role: "group", "aria-label": "Consent" },
+      r,
+      l("div", { class: "row" }, g("Allow and send", () => e.giveConsent(), { id: "jz-help-allow", class: "primary" }), g("Not now", () => e.declineConsent()))
+    );
+  }, y = () => l(
+    "div",
+    { class: "panel-head" },
+    l("h2", {}, "Help"),
+    g("×", () => e.close(), { class: "icon-btn", "aria-label": "Close help" })
+  ), I = (r, d, u) => {
+    const z = l("button", { type: "button", id: `jz-help-${d}`, class: `checkin-btn ${d}` });
+    return z.append(Ce(d === "understood" ? Se : Ee), l("span", {}, r)), z.addEventListener("click", u), z;
+  };
+  function a(r) {
+    const d = n.activeElement, u = d !== null && s.contains(d), z = u ? d.id : "";
+    i.hidden = r.view === "disabled";
+    const j = r.view !== "closed" && r.view !== "disabled";
+    if (i.setAttribute("aria-expanded", String(j)), s.hidden = !j, r.view === "index" && c && s.contains(c.input)) {
+      f(r), u && d && !d.isConnected && (z && n.getElementById(z) || c.input).focus(), v = j;
+      return;
+    }
+    if (c = void 0, s.replaceChildren(...(j ? b(r) : []).filter((x) => !!x)), j && (!v || u)) {
+      const F = (z ? n.getElementById(z) : null) ?? s.querySelector("input, [role=group] button, button");
+      F?.focus(), F instanceof HTMLInputElement && F.setSelectionRange(F.value.length, F.value.length);
+    }
+    !j && v && i.focus(), v = j;
+  }
+  function b(r) {
+    if (r.view === "index") {
+      const E = l("input", { id: "jz-help-search", type: "search", "aria-label": "Search help", placeholder: "How do I…", autocomplete: "off" });
+      return E.value = r.query, E.addEventListener("input", () => e.search(E.value)), c = {
+        input: E,
+        status: l("p", { class: "muted", role: "status" }),
+        retry: l("div", { class: "row" }, g("Try again", () => e.open())),
+        request: l("div", { class: "request" }),
+        signal: l("div", { class: "signal" }),
+        list: l("ul", { "aria-label": "Guides" })
+      }, f(r), [y(), E, c.status, c.retry, c.request, c.signal, c.list];
+    }
+    if (r.view === "finished")
+      return [
+        y(),
+        l("h2", {}, `You finished “${r.guide.title}”`),
+        r.notice && l("p", { class: "muted", role: "status" }, _[r.notice] ?? ""),
+        l("div", { class: "row" }, g("More guides", () => e.open(), { id: "jz-help-more" }), g("Back", () => e.back()), g("Close", () => e.close()))
+      ];
+    if (r.view !== "guide") return [];
+    if (r.status !== "ready" || !r.guide)
+      return [
+        y(),
+        l("p", { role: "status" }, r.status === "loading" ? "Loading guide…" : "This guide isn't available right now."),
+        l("div", { class: "row" }, g("Back", () => e.open()), g("Close", () => e.close()))
+      ];
+    const d = r.guide, u = d.steps[r.step];
+    if (!u) return [];
+    const z = r.step + 1 === d.steps.length, j = d.steps.length, x = l("div", { class: "progress", "aria-hidden": "true" }, l("div", { class: "progress-fill" })), F = x.firstElementChild;
+    F.style.width = `${Math.round((r.step + 1) / j * 100)}%`;
+    const N = [
+      l("h2", {}, d.title),
+      l("p", { class: "muted" }, `Step ${r.step + 1} of ${j}`),
+      x,
+      l("p", { class: "step-title" }, u.title),
+      u.instruction && l("p", {}, u.instruction),
+      r.anchor === "missing" && l("p", { class: "muted" }, "The part of the page this step uses isn't shown here. Follow the steps in the text."),
+      u.screenshotUrl && M("img", { src: u.screenshotUrl, alt: `Screenshot for: ${u.title}`, loading: "lazy" })
+    ];
+    if (d.videoUrl) {
+      const E = M("video", { controls: "", preload: "none", src: d.videoUrl });
+      d.captionsUrl && E.append(M("track", { kind: "captions", src: d.captionsUrl, default: "" })), N.push(E);
+    }
+    const w = [y(), l("div", { class: "card" }, ...N), r.notice && l("p", { class: "muted", role: "status" }, _[r.notice] ?? "")];
+    return r.checkin === "asking" ? w.push(
+      l(
+        "div",
+        { class: "checkin", role: "group", "aria-label": "Step check-in" },
+        l("p", {}, "Did this step make sense?"),
+        l(
+          "div",
+          { class: "row" },
+          I("Understood", "understood", () => e.answer("understood")),
+          I("Confused", "confused", () => e.answer("confused")),
+          g("Skip", () => e.skipCheckin())
+        )
+      )
+    ) : r.checkin === "needs-consent" ? w.push(S()) : r.checkin === "sending" ? w.push(l("p", { role: "status" }, "Sending…")) : (r.signal === "needs-consent" ? w.push(S()) : r.signal === "sending" ? w.push(l("p", { role: "status" }, "Sending…")) : r.signalNotice && w.push(l("p", { class: "muted", role: "status" }, P[r.signalNotice] ?? "")), e.canSignal() && w.push(ze(e, u.index)), w.push(l("div", { class: "row" }, g("Back", () => e.back()), g(z ? "Finish" : "Next", () => e.next(), { id: "jz-help-next" }), g("Close", () => e.close())))), w;
+  }
+  function f(r) {
+    if (!c) return;
+    const { input: d, status: u, retry: z, request: j, signal: x, list: F } = c;
+    if (d.value !== r.query && n.activeElement !== d && (d.value = r.query), u.textContent = r.status === "loading" ? "Loading guides…" : r.status === "error" ? "Help isn't available right now." : r.results.length === 0 ? r.query ? `No guide matches “${r.query}”.` : "No guides yet." : "", u.hidden = u.textContent === "", z.hidden = r.status !== "error", r.status === "ready" && r.query.trim() !== "" && r.results.length === 0 && e.canSignal()) {
+      const w = r.query.trim();
+      (h !== w || !j.firstElementChild) && (h = w, j.replaceChildren(je(e, w)));
+    } else j.firstElementChild && (h = void 0, j.replaceChildren());
+    r.signal === "needs-consent" ? x.replaceChildren(S()) : r.signal === "sending" ? x.replaceChildren(l("p", { role: "status" }, "Sending…")) : r.signalNotice ? x.replaceChildren(l("p", { class: "muted", role: "status" }, P[r.signalNotice] ?? "")) : x.firstElementChild && x.replaceChildren(), F.replaceChildren(
+      ...r.results.map(
+        (w, E) => l(
+          "li",
+          {},
+          g(w.title || "Untitled guide", () => e.openGuide(w.journeyId ?? ""), { id: `jz-help-g${E}` }),
+          w.goal ? l("p", { class: "muted" }, w.goal) : void 0
+        )
+      )
+    );
+  }
+  const C = e.subscribe(a);
+  return {
+    destroy() {
+      C(), i.remove(), s.remove();
+    }
+  };
+}, Ie = `
+:host {
+  all: initial;
+  --jz-canvas:#F7F7F5; --jz-surface:#FFFFFF; --jz-raised:#F0F0EC; --jz-ink:#1D2024; --jz-muted:#5D636B;
+  --jz-faint:#6C727B; --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-confused:#6E4FC2;
+  --jz-shadow:0 1px 3px rgb(0 0 0 / 12%);
+  font: 400 13px/1.45 system-ui, -apple-system, "Segoe UI", sans-serif;
+  color: var(--jz-ink); -webkit-font-smoothing: antialiased;
+}
+@media (prefers-color-scheme: dark) {
+  :host {
+    --jz-canvas:#111316; --jz-surface:#181B1F; --jz-raised:#20242A; --jz-ink:#E8EAED; --jz-muted:#A3A9B2;
+    --jz-faint:#8A919B; --jz-rule:rgb(232 234 237 / 12%); --jz-accent:#7F9CF0; --jz-accent-ink:#111316;
+    --jz-accent-soft:rgb(127 156 240 / 14%); --jz-polished:#5DBB84; --jz-confused:#A48BEA;
+  }
+}
+*, *::before, *::after { box-sizing: border-box; }
+button { font: inherit; color: inherit; cursor: pointer; }
+:focus-visible { outline: 2px solid var(--jz-accent); outline-offset: 2px; }
+button:disabled { opacity: .45; cursor: not-allowed; }
+[hidden] { display: none !important; }
+
+.launcher { position:fixed; left:24px; bottom:24px; z-index:2147483646; width:44px; height:44px; min-width:44px; min-height:44px;
+  display:flex; align-items:center; justify-content:center; padding:0; border:1px solid var(--jz-accent); border-radius:999px;
+  background:var(--jz-accent); color:var(--jz-accent-ink); font-size:18px; font-weight:600; box-shadow:var(--jz-shadow);
+  transition: background 180ms ease-out, transform 180ms ease-out; }
+.launcher:hover, .launcher[aria-expanded="true"] { background:var(--jz-ink); border-color:var(--jz-ink); }
+
+.panel { position:fixed; left:24px; bottom:80px; z-index:2147483646; width:min(360px, calc(100vw - 48px));
+  max-height:min(75vh, 580px); overflow:auto; padding:16px; border:1px solid var(--jz-rule); border-radius:10px;
+  background:var(--jz-surface); color:var(--jz-ink); box-shadow:var(--jz-shadow);
+  transition: opacity 180ms ease-out, transform 180ms ease-out; }
+.panel-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
+.panel-head h2 { margin:0; font-size:14px; font-weight:600; }
+.icon-btn { width:44px; height:44px; min-width:44px; display:flex; align-items:center; justify-content:center; padding:0;
+  border:0; border-radius:6px; background:transparent; color:var(--jz-faint); transition: color 180ms ease-out, background 180ms ease-out; }
+.icon-btn:hover { color:var(--jz-ink); background:var(--jz-raised); }
+
+.panel input { width:100%; min-height:44px; padding:8px 12px; border:1px solid var(--jz-rule); border-radius:6px;
+  background:var(--jz-canvas); color:var(--jz-ink); font:inherit; }
+.panel input::placeholder { color:var(--jz-faint); }
+.panel ul { list-style:none; padding:0; margin:12px 0 0; }
+.panel li { margin:0 0 8px; }
+.panel li button { display:block; width:100%; min-height:44px; text-align:left; padding:8px 12px; border:1px solid var(--jz-rule);
+  border-radius:6px; background:var(--jz-surface); color:inherit; font:inherit; transition: background 180ms ease-out, border-color 180ms ease-out; }
+.panel li button:hover { background:var(--jz-raised); border-color:var(--jz-accent); }
+.muted { color:var(--jz-muted); font-size:12px; margin:4px 0 0; }
+.row { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
+.row button { min-height:44px; padding:0 16px; border:1px solid var(--jz-rule); border-radius:6px; background:var(--jz-surface);
+  color:var(--jz-muted); transition: background 180ms ease-out, color 180ms ease-out; }
+.row button:hover { color:var(--jz-ink); background:var(--jz-raised); }
+.row .primary { border-color:var(--jz-accent); background:var(--jz-accent); color:var(--jz-accent-ink); }
+
+.card { border:1px solid var(--jz-rule); border-radius:10px; padding:16px; }
+.card h2 { margin:0 0 8px; font-size:14px; font-weight:600; }
+.progress { height:4px; margin:8px 0 12px; border-radius:999px; background:var(--jz-raised); overflow:hidden; }
+.progress-fill { height:100%; border-radius:999px; background:var(--jz-accent); transition: width 180ms ease-out; }
+.step-title { margin:0 0 8px; font-weight:600; }
+.panel img, .panel video { max-width:100%; margin-top:12px; border:1px solid var(--jz-rule); border-radius:6px; }
+
+.checkin { margin-top:12px; padding-top:12px; border-top:1px solid var(--jz-rule); }
+.checkin p { margin:0 0 8px; }
+.callout-btn { display:inline-flex; align-items:center; gap:6px; margin-top:12px; min-height:44px; padding:0 16px;
+  border:1px solid var(--jz-confused); border-radius:6px; background:var(--jz-surface); color:var(--jz-confused);
+  transition: background 180ms ease-out, color 180ms ease-out; }
+.callout-btn:hover { background:var(--jz-raised); }
+.callout-btn svg { flex:none; }
+.request { margin-top:12px; }
+.request p { margin:0 0 8px; color:var(--jz-muted); font-size:12px; }
+.request textarea { display:block; width:100%; padding:8px 12px; border:1px solid var(--jz-rule); border-radius:6px;
+  background:var(--jz-canvas); color:var(--jz-ink); font:inherit; resize:vertical; }
+.request button { margin-top:8px; min-height:44px; padding:0 16px; border:1px solid var(--jz-accent);
+  border-radius:6px; background:var(--jz-accent); color:var(--jz-accent-ink); }
+.checkin-btn { display:inline-flex; align-items:center; gap:6px; }
+.checkin-btn.understood { color:var(--jz-polished); border-color:var(--jz-polished); }
+.checkin-btn.confused { color:var(--jz-confused); border-color:var(--jz-confused); }
+.checkin-btn svg { flex:none; }
+
+@media (prefers-reduced-motion: reduce) {
+  :host *, :host *::before, :host *::after { animation-duration:1ms !important; transition-duration:1ms !important; }
+}
+.jz-help-highlight { position:fixed; z-index:2147483645; pointer-events:none; box-sizing:border-box;
+  border:2px solid var(--jz-accent); border-radius:6px; box-shadow:0 0 0 4px var(--jz-accent-soft); }
+`;
+function B(n, e, t, i, s) {
+  const o = {
+    journeyId: e.slug || e.journeyId,
+    journeyStep: String(t.index),
+    pagePath: V(i),
+    device: n.device || K(s)
+  };
+  return n.persona && (o.persona = n.persona), n.businessType && (o.businessType = n.businessType), n.state && (o.state = n.state), t.tflowId && (o.tflowId = t.tflowId), o;
+}
+function Ae(n, e, t, i) {
+  return B(n, e.guide, e.step, t, i);
+}
+function Ne(n, e, t) {
+  const i = { pagePath: V(e), device: n.device || K(t) };
+  return n.persona && (i.persona = n.persona), n.journeyId && (i.journeyId = n.journeyId), n.journeyStep && (i.journeyStep = n.journeyStep), n.businessType && (i.businessType = n.businessType), n.state && (i.state = n.state), i;
+}
+function Te(n, e, t, i, s) {
+  if (t.kind === "callout")
+    return { siteKey: n, consentGiven: !0, kind: D.callout, context: B(e, t.guide, t.step, i, s) };
+  const o = t.guide && t.step ? B(e, t.guide, t.step, i, s) : Ne(e, i, s);
+  return { siteKey: n, consentGiven: !0, kind: D.request, comment: t.text, context: o };
+}
+function qe(n, e, t = me) {
+  const i = ee(n), s = new le({ endpoint: i, siteKey: n.siteKey, reviewerToken: n.reviewerToken });
+  let o;
+  const v = te(i, "GetWidgetConfig", { siteKey: n.siteKey }).then(
+    (m) => o = m,
+    () => {
+    }
+  ), c = () => !n.reviewerToken && !n.userId, h = () => c() && o?.helpAudience != "reviewers", g = document.createElement("div");
+  g.setAttribute("data-journeeze-help", "");
+  const S = g.attachShadow({ mode: "closed" }), y = document.createElement("style");
+  y.textContent = Ie, n.nonce && (y.nonce = n.nonce), S.append(y);
+  const I = new xe(S);
+  document.body.append(g);
+  let a;
+  const b = (m) => (a ?? (a = import("./feedback-C4CYtS2A.js").then((A) => A.feedbackChannel(n, i, { memoryOnly: h() })))).then(
+    (A) => A.outbox.enqueue(m),
+    () => "dropped"
+  );
+  let f, C = !1;
+  const r = () => re(n), d = () => h() ? null : void 0, u = () => se(r(), d()), z = Q(n, i, e), j = () => {
+    C && x.state.view !== "disabled" && u() && (f?.start(), z.start(v));
+  }, x = new ue({
+    endpoint: i,
+    loadIndex: () => s.index(),
+    loadGuide: (m) => s.guide(m),
+    highlight: (m) => I.show(m),
+    clearHighlight: () => I.hide(),
+    hasConsent: u,
+    giveConsent() {
+      ie(r(), d()), j();
+    },
+    signalsAllowed: () => !c() || o?.anonymousAllowed == !0,
+    sendCheckin(m) {
+      return u() ? (f?.checkin(m), b({
+        siteKey: n.siteKey,
+        consentGiven: !0,
+        context: Ae(e(), m, location.href, window.innerWidth),
+        reaction: X[m.answer]
+      })) : Promise.resolve("dropped");
+    },
+    sendSignal(m) {
+      return !x.canSignal() || !u() ? Promise.resolve("dropped") : b(Te(n.siteKey, e(), m, location.href, window.innerWidth));
+    }
+  });
+  n.noTelemetry || (f = we(i, n.siteKey, x)), x.subscribe(j);
+  let F, N = !1, w;
+  const E = (m) => {
+    const A = m.available ? "on" : m.reason;
+    if (!(N || A === w)) {
+      w = A;
+      try {
+        n.onHelpStatus?.(m);
+      } catch {
+      }
+    }
+  };
+  return x.subscribe(() => {
+    w !== void 0 && x.state.view === "disabled" && E({ available: !1, reason: "disabled" });
+  }), Promise.all([x.probe(), v]).then(() => {
+    if (!N) {
+      if (x.state.view === "disabled") return E({ available: !1, reason: "disabled" });
+      E(o?.helpAudience == "reviewers" && !n.reviewerToken ? { available: !1, reason: "audience" } : { available: !0 }), C = !0, j(), F = t(S, x, {
+        consentText: () => v.then((m) => m?.consentText || ne)
+      });
+    }
+  }), {
+    unmount(m) {
+      N = !0, x.close(), f?.stop(m), z.stop(m), F?.destroy(), I.dispose(), g.remove(), a?.then((A) => A.dispose());
+    },
+    contextChanged: () => {
+      x.refreshHighlight(), z.contextChanged();
+    }
+  };
+}
+const $e = (n, e) => qe(n, () => oe(e()), Fe);
+export {
+  le as HelpClient,
+  ue as HelpController,
+  xe as Highlighter,
+  ce as MAX_REQUEST_CHARS,
+  De as PANEL_CSS,
+  Ae as checkinContext,
+  ve as findAnchor,
+  B as guideStepContext,
+  H as isHelpDisabled,
+  $e as mount,
+  qe as mountHelp,
+  Ne as pageContext,
+  me as placeholderView,
+  $ as searchGuides,
+  Te as signalRequest,
+  pe as toView
+};