@supportwire/messenger-js-sdk 1.0.26

package/dist/index-bfV4xNqW-CRQbrL80.js

@@ -0,0 +1,1092 @@
+var ee = Object.getOwnPropertySymbols, Pe = Object.prototype.hasOwnProperty, Me = Object.prototype.propertyIsEnumerable, je = (t, e) => {
+  var n = {};
+  for (var i in t)
+    Pe.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
+  if (t != null && ee)
+    for (var i of ee(t))
+      e.indexOf(i) < 0 && Me.call(t, i) && (n[i] = t[i]);
+  return n;
+};
+const O = globalThis, te = (t) => t, P = O.trustedTypes, ne = P ? P.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, ge = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, ve = "?" + x, ze = `<${ve}>`, w = document, E = () => w.createComment(""), S = (t) => t === null || typeof t != "object" && typeof t != "function", D = Array.isArray, Be = (t) => D(t) || typeof t?.[Symbol.iterator] == "function", z = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, oe = />/g, $ = RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, se = /"/g, be = /^(?:script|style|textarea|title)$/i, Re = (t) => (e, ...n) => ({ _$litType$: t, strings: e, values: n }), m = Re(1), C = /* @__PURE__ */ Symbol.for("lit-noChange"), f = /* @__PURE__ */ Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), y = w.createTreeWalker(w, 129);
+function xe(t, e) {
+  if (!D(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ne !== void 0 ? ne.createHTML(e) : e;
+}
+const Fe = (t, e) => {
+  const n = t.length - 1, i = [];
+  let o, r = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", l = k;
+  for (let c = 0; c < n; c++) {
+    const u = t[c];
+    let d, h, p = -1, v = 0;
+    for (; v < u.length && (l.lastIndex = v, h = l.exec(u), h !== null); ) v = l.lastIndex, l === k ? h[1] === "!--" ? l = ie : h[1] !== void 0 ? l = oe : h[2] !== void 0 ? (be.test(h[2]) && (o = RegExp("</" + h[2], "g")), l = $) : h[3] !== void 0 && (l = $) : l === $ ? h[0] === ">" ? (l = o ?? k, p = -1) : h[1] === void 0 ? p = -2 : (p = l.lastIndex - h[2].length, d = h[1], l = h[3] === void 0 ? $ : h[3] === '"' ? se : re) : l === se || l === re ? l = $ : l === ie || l === oe ? l = k : (l = $, o = void 0);
+    const b = l === $ && t[c + 1].startsWith("/>") ? " " : "";
+    r += l === k ? u + ze : p >= 0 ? (i.push(d), u.slice(0, p) + ge + u.slice(p) + x + b) : u + x + (p === -2 ? c : b);
+  }
+  return [xe(t, r + (t[n] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
+};
+class T {
+  constructor({ strings: e, _$litType$: n }, i) {
+    let o;
+    this.parts = [];
+    let r = 0, l = 0;
+    const c = e.length - 1, u = this.parts, [d, h] = Fe(e, n);
+    if (this.el = T.createElement(d, i), y.currentNode = this.el.content, n === 2 || n === 3) {
+      const p = this.el.content.firstChild;
+      p.replaceWith(...p.childNodes);
+    }
+    for (; (o = y.nextNode()) !== null && u.length < c; ) {
+      if (o.nodeType === 1) {
+        if (o.hasAttributes()) for (const p of o.getAttributeNames()) if (p.endsWith(ge)) {
+          const v = h[l++], b = o.getAttribute(p).split(x), H = /([.?@])?(.*)/.exec(v);
+          u.push({ type: 1, index: r, name: H[2], strings: b, ctor: H[1] === "." ? De : H[1] === "?" ? Ue : H[1] === "@" ? Ve : M }), o.removeAttribute(p);
+        } else p.startsWith(x) && (u.push({ type: 6, index: r }), o.removeAttribute(p));
+        if (be.test(o.tagName)) {
+          const p = o.textContent.split(x), v = p.length - 1;
+          if (v > 0) {
+            o.textContent = P ? P.emptyScript : "";
+            for (let b = 0; b < v; b++) o.append(p[b], E()), y.nextNode(), u.push({ type: 2, index: ++r });
+            o.append(p[v], E());
+          }
+        }
+      } else if (o.nodeType === 8) if (o.data === ve) u.push({ type: 2, index: r });
+      else {
+        let p = -1;
+        for (; (p = o.data.indexOf(x, p + 1)) !== -1; ) u.push({ type: 7, index: r }), p += x.length - 1;
+      }
+      r++;
+    }
+  }
+  static createElement(e, n) {
+    const i = w.createElement("template");
+    return i.innerHTML = e, i;
+  }
+}
+function I(t, e, n = t, i) {
+  var o, r, l;
+  if (e === C) return e;
+  let c = i !== void 0 ? (o = n._$Co) == null ? void 0 : o[i] : n._$Cl;
+  const u = S(e) ? void 0 : e._$litDirective$;
+  return c?.constructor !== u && ((r = c?._$AO) == null || r.call(c, !1), u === void 0 ? c = void 0 : (c = new u(t), c._$AT(t, n, i)), i !== void 0 ? ((l = n._$Co) != null ? l : n._$Co = [])[i] = c : n._$Cl = c), c !== void 0 && (e = I(t, c._$AS(t, e.values), c, i)), e;
+}
+class qe {
+  constructor(e, n) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = n;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(e) {
+    var n;
+    const { el: { content: i }, parts: o } = this._$AD, r = ((n = e?.creationScope) != null ? n : w).importNode(i, !0);
+    y.currentNode = r;
+    let l = y.nextNode(), c = 0, u = 0, d = o[0];
+    for (; d !== void 0; ) {
+      if (c === d.index) {
+        let h;
+        d.type === 2 ? h = new N(l, l.nextSibling, this, e) : d.type === 1 ? h = new d.ctor(l, d.name, d.strings, this, e) : d.type === 6 && (h = new We(l, this, e)), this._$AV.push(h), d = o[++u];
+      }
+      c !== d?.index && (l = y.nextNode(), c++);
+    }
+    return y.currentNode = w, r;
+  }
+  p(e) {
+    let n = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, n), n += i.strings.length - 2) : i._$AI(e[n])), n++;
+  }
+}
+class N {
+  get _$AU() {
+    var e, n;
+    return (n = (e = this._$AM) == null ? void 0 : e._$AU) != null ? n : this._$Cv;
+  }
+  constructor(e, n, i, o) {
+    var r;
+    this.type = 2, this._$AH = f, this._$AN = void 0, this._$AA = e, this._$AB = n, this._$AM = i, this.options = o, this._$Cv = (r = o?.isConnected) != null ? r : !0;
+  }
+  get parentNode() {
+    let e = this._$AA.parentNode;
+    const n = this._$AM;
+    return n !== void 0 && e?.nodeType === 11 && (e = n.parentNode), e;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(e, n = this) {
+    e = I(this, e, n), S(e) ? e === f || e == null || e === "" ? (this._$AH !== f && this._$AR(), this._$AH = f) : e !== this._$AH && e !== C && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Be(e) ? this.k(e) : this._(e);
+  }
+  O(e) {
+    return this._$AA.parentNode.insertBefore(e, this._$AB);
+  }
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+  }
+  _(e) {
+    this._$AH !== f && S(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
+  }
+  $(e) {
+    var n;
+    const { values: i, _$litType$: o } = e, r = typeof o == "number" ? this._$AC(e) : (o.el === void 0 && (o.el = T.createElement(xe(o.h, o.h[0]), this.options)), o);
+    if (((n = this._$AH) == null ? void 0 : n._$AD) === r) this._$AH.p(i);
+    else {
+      const l = new qe(r, this), c = l.u(this.options);
+      l.p(i), this.T(c), this._$AH = l;
+    }
+  }
+  _$AC(e) {
+    let n = le.get(e.strings);
+    return n === void 0 && le.set(e.strings, n = new T(e)), n;
+  }
+  k(e) {
+    D(this._$AH) || (this._$AH = [], this._$AR());
+    const n = this._$AH;
+    let i, o = 0;
+    for (const r of e) o === n.length ? n.push(i = new N(this.O(E()), this.O(E()), this, this.options)) : i = n[o], i._$AI(r), o++;
+    o < n.length && (this._$AR(i && i._$AB.nextSibling, o), n.length = o);
+  }
+  _$AR(e = this._$AA.nextSibling, n) {
+    var i;
+    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, n); e !== this._$AB; ) {
+      const o = te(e).nextSibling;
+      te(e).remove(), e = o;
+    }
+  }
+  setConnected(e) {
+    var n;
+    this._$AM === void 0 && (this._$Cv = e, (n = this._$AP) == null || n.call(this, e));
+  }
+}
+class M {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(e, n, i, o, r) {
+    this.type = 1, this._$AH = f, this._$AN = void 0, this.element = e, this.name = n, this._$AM = o, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = f;
+  }
+  _$AI(e, n = this, i, o) {
+    const r = this.strings;
+    let l = !1;
+    if (r === void 0) e = I(this, e, n, 0), l = !S(e) || e !== this._$AH && e !== C, l && (this._$AH = e);
+    else {
+      const c = e;
+      let u, d;
+      for (e = r[0], u = 0; u < r.length - 1; u++) d = I(this, c[i + u], n, u), d === C && (d = this._$AH[u]), l || (l = !S(d) || d !== this._$AH[u]), d === f ? e = f : e !== f && (e += (d ?? "") + r[u + 1]), this._$AH[u] = d;
+    }
+    l && !o && this.j(e);
+  }
+  j(e) {
+    e === f ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+  }
+}
+class De extends M {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(e) {
+    this.element[this.name] = e === f ? void 0 : e;
+  }
+}
+class Ue extends M {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== f);
+  }
+}
+class Ve extends M {
+  constructor(e, n, i, o, r) {
+    super(e, n, i, o, r), this.type = 5;
+  }
+  _$AI(e, n = this) {
+    var i;
+    if ((e = (i = I(this, e, n, 0)) != null ? i : f) === C) return;
+    const o = this._$AH, r = e === f && o !== f || e.capture !== o.capture || e.once !== o.once || e.passive !== o.passive, l = e !== f && (o === f || r);
+    r && this.element.removeEventListener(this.name, this, o), l && this.element.addEventListener(this.name, this, e), this._$AH = e;
+  }
+  handleEvent(e) {
+    var n, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (n = this.options) == null ? void 0 : n.host) != null ? i : this.element, e) : this._$AH.handleEvent(e);
+  }
+}
+class We {
+  constructor(e, n, i) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = n, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(e) {
+    I(this, e);
+  }
+}
+const ae = O.litHtmlPolyfillSupport;
+var ce;
+ae?.(T, N), ((ce = O.litHtmlVersions) != null ? ce : O.litHtmlVersions = []).push("3.3.2");
+const g = (t, e, n) => {
+  const i = e;
+  let o = i._$litPart$;
+  return o === void 0 && (i._$litPart$ = o = new N(e.insertBefore(E(), null), null, void 0, {})), o._$AI(t), o;
+}, Xe = `
+  :host { all: initial; }
+  .root {
+    position: fixed; inset: 0; pointer-events: none; z-index: 2147483647;
+    font-family: system-ui, -apple-system, sans-serif; font-size: 13px;
+  }
+  .cursor {
+    position: absolute; width: 24px; height: 24px;
+    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 2 L3 18 L7 14 L9 21 L13 19 L11 12 L18 12 Z' fill='%23F76808' stroke='white' stroke-width='1.5'/></svg>");
+    background-size: contain; background-repeat: no-repeat; background-position: center;
+    transform: translate(-50%, -50%);
+    transition: left 0.6s cubic-bezier(0.16,1,0.3,1), top 0.6s cubic-bezier(0.16,1,0.3,1);
+    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.4));
+  }
+  .cursor.shake { animation: shake 0.3s; }
+  @keyframes shake {
+    0%,100% { transform: translate(-50%,-50%); }
+    25%     { transform: translate(calc(-50% - 4px),-50%); }
+    75%     { transform: translate(calc(-50% + 4px),-50%); }
+  }
+  .tooltip {
+    position: absolute; background: #111; color: #fff;
+    padding: 8px 12px; border-radius: 8px; max-width: 280px;
+    box-shadow: 0 6px 24px rgba(0,0,0,0.25); pointer-events: auto;
+  }
+  .control-bar {
+    position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);
+    display: inline-flex; align-items: center; gap: 4px;
+    padding: 6px 8px; border-radius: 999px;
+    background: rgba(17, 17, 17, 0.92);
+    color: #fff;
+    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35), 0 1px 0 rgba(255, 255, 255, 0.06) inset;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+    backdrop-filter: blur(8px);
+    -webkit-backdrop-filter: blur(8px);
+    pointer-events: auto;
+    font: inherit;
+    animation: cb-fade-in 220ms cubic-bezier(0.16, 1, 0.3, 1) both;
+  }
+  @keyframes cb-fade-in {
+    from { opacity: 0; transform: translate(-50%, 8px); }
+    to   { opacity: 1; transform: translate(-50%, 0); }
+  }
+  .cb-btn {
+    display: inline-flex; align-items: center; gap: 6px;
+    padding: 6px 10px; border-radius: 999px; border: 0; cursor: pointer;
+    background: transparent; color: #fff; font: inherit;
+    font-size: 12px; font-weight: 500;
+    transition: background-color 120ms ease;
+  }
+  .cb-btn:hover { background: rgba(255, 255, 255, 0.08); }
+  .cb-btn:focus-visible {
+    outline: 2px solid #F76808; outline-offset: 2px;
+  }
+  .cb-btn svg { display: block; }
+  .cb-exit svg { color: rgba(255, 255, 255, 0.7); }
+  .cb-skip svg { color: rgba(255, 255, 255, 0.7); }
+  .cb-counter {
+    display: inline-flex; align-items: baseline; gap: 2px;
+    padding: 0 8px;
+    font-size: 12px; font-weight: 600;
+    font-variant-numeric: tabular-nums;
+  }
+  .cb-current { color: #fff; }
+  .cb-sep     { color: rgba(255, 255, 255, 0.4); margin: 0 2px; }
+  .cb-total   { color: rgba(255, 255, 255, 0.6); }
+  .cb-divider {
+    width: 1px; height: 16px;
+    background: rgba(255, 255, 255, 0.12);
+  }
+  .toast {
+    position: fixed; bottom: 84px; left: 50%; transform: translateX(-50%);
+    background: #111; color: #fff; padding: 10px 16px; border-radius: 8px;
+    box-shadow: 0 6px 24px rgba(0,0,0,0.25); pointer-events: auto;
+    max-width: 90vw;
+  }
+  .toast.error { background: #b42318; }
+  .highlight {
+    position: absolute; pointer-events: none;
+    border-radius: 8px;
+    box-shadow: 0 0 0 3px #F76808, 0 0 0 6px rgba(247, 104, 8, 0.25),
+                0 0 24px rgba(247, 104, 8, 0.45);
+    transition: top 0.3s cubic-bezier(0.16,1,0.3,1),
+                left 0.3s cubic-bezier(0.16,1,0.3,1),
+                width 0.3s cubic-bezier(0.16,1,0.3,1),
+                height 0.3s cubic-bezier(0.16,1,0.3,1);
+  }
+  .highlight.pulse { animation: hl-pulse 1.4s cubic-bezier(0.16,1,0.3,1) 2; }
+  @keyframes hl-pulse {
+    0%   { box-shadow: 0 0 0 3px #F76808, 0 0 0 6px rgba(247,104,8,0.25),
+                       0 0 24px rgba(247,104,8,0.45); }
+    50%  { box-shadow: 0 0 0 4px #F76808, 0 0 0 14px rgba(247,104,8,0.18),
+                       0 0 36px rgba(247,104,8,0.55); }
+    100% { box-shadow: 0 0 0 3px #F76808, 0 0 0 6px rgba(247,104,8,0.25),
+                       0 0 24px rgba(247,104,8,0.45); }
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .highlight { transition: none; }
+    .highlight.pulse { animation: none; }
+  }
+  .hover-frame {
+    position: absolute; pointer-events: none;
+    border-radius: 6px;
+    outline: 2px solid #F76808;
+    background: rgba(247, 104, 8, 0.06);
+    transition: top 80ms linear, left 80ms linear,
+                width 80ms linear, height 80ms linear;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .hover-frame { transition: none; }
+  }
+  .pill {
+    position: fixed; top: 16px; right: 16px; background: #F76808; color: #fff;
+    padding: 8px 12px; border-radius: 999px; pointer-events: auto;
+    display: flex; align-items: center; gap: 8px; font-weight: 600;
+  }
+  .pill button { border: 0; background: transparent; color: #fff; cursor: pointer; }
+`;
+class $e {
+  constructor() {
+    this.host = document.createElement("div"), this.host.id = "sw-guide-overlay", this.shadow = this.host.attachShadow({ mode: "open" });
+    const e = document.createElement("style");
+    e.textContent = Xe, this.shadow.appendChild(e), this.root = document.createElement("div"), this.root.className = "root", this.shadow.appendChild(this.root), document.body.appendChild(this.host);
+  }
+  renderCursor(e, n, i = !1) {
+    const o = m`
+      <div class="cursor ${i ? "shake" : ""}"
+           style="left:${e}px; top:${n}px"></div>
+    `;
+    let r = this.shadow.querySelector(".cursor-slot");
+    r || (r = document.createElement("div"), r.className = "cursor-slot", this.root.appendChild(r)), g(o, r);
+  }
+  renderTooltip(e, n, i) {
+    let o = this.shadow.querySelector(".tooltip-slot");
+    o || (o = document.createElement("div"), o.className = "tooltip-slot", this.root.appendChild(o)), g(i ? m`<div class="tooltip" style="left:${e}px; top:${n + 30}px">${i}</div>` : m``, o);
+  }
+  renderControlBar(e) {
+    let n = this.shadow.querySelector(".control-bar-slot");
+    if (n || (n = document.createElement("div"), n.className = "control-bar-slot", this.root.appendChild(n)), e.total === null) {
+      g(m``, n);
+      return;
+    }
+    g(
+      m`
+        <div class="control-bar" role="toolbar" aria-label="Guide controls">
+          <button class="cb-btn cb-exit" @click=${e.onExit} aria-label="Exit guide">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6L6 18M6 6l12 12"/></svg>
+            <span>Exit</span>
+          </button>
+          <div class="cb-divider"></div>
+          <div class="cb-counter">
+            <span class="cb-current">${e.current}</span>
+            <span class="cb-sep">/</span>
+            <span class="cb-total">${e.total}</span>
+          </div>
+          <div class="cb-divider"></div>
+          <button class="cb-btn cb-skip" @click=${e.onSkip} aria-label="Skip step">
+            <span>Skip</span>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4l10 8-10 8V4zm14 0v16"/></svg>
+          </button>
+        </div>
+      `,
+      n
+    );
+  }
+  renderHighlight(e, n = {}) {
+    let i = this.shadow.querySelector(".highlight-slot");
+    if (i || (i = document.createElement("div"), i.className = "highlight-slot", this.root.appendChild(i)), !e) {
+      g(m``, i);
+      return;
+    }
+    const o = 4;
+    g(
+      m`
+        <div
+          class="highlight ${n.pulse ? "pulse" : ""}"
+          style="left:${e.left - o}px; top:${e.top - o}px;
+                 width:${e.width + o * 2}px; height:${e.height + o * 2}px"
+        ></div>
+      `,
+      i
+    );
+  }
+  renderHoverFrame(e) {
+    let n = this.shadow.querySelector(".hover-frame-slot");
+    if (n || (n = document.createElement("div"), n.className = "hover-frame-slot", this.root.appendChild(n)), !e) {
+      g(m``, n);
+      return;
+    }
+    const i = 2;
+    g(
+      m`
+        <div
+          class="hover-frame"
+          style="left:${e.left - i}px; top:${e.top - i}px;
+                 width:${e.width + i * 2}px; height:${e.height + i * 2}px"
+        ></div>
+      `,
+      n
+    );
+  }
+  toast(e, n = "info", i = 4e3) {
+    let o = this.shadow.querySelector(".toast-slot");
+    o || (o = document.createElement("div"), o.className = "toast-slot", this.root.appendChild(o)), g(m`<div class="toast ${n === "error" ? "error" : ""}">${e}</div>`, o), setTimeout(() => g(m``, o), i);
+  }
+  renderPill(e, n, i, o, r) {
+    let l = this.shadow.querySelector(".pill-slot");
+    l || (l = document.createElement("div"), l.className = "pill-slot", this.root.appendChild(l)), g(m`
+      <div class="pill">
+        <span>● Recording: ${e}</span>
+        <span>${n} step${n === 1 ? "" : "s"}</span>
+        ${i ? m`<span style="opacity:0.85">— ${i}</span>` : ""}
+        <button @click=${r}>Pause</button>
+        <button @click=${o}>Stop</button>
+      </div>
+    `, l);
+  }
+  destroy() {
+    this.host.remove();
+  }
+}
+const Ze = ["data-testid", "data-cy", "data-test"], ue = /(\d.*\d.*\d.*\d.*\d|css-[a-z0-9]{4,})/;
+function ye(t) {
+  const e = [], n = de(t, "data-sw-anchor", 5);
+  if (n) {
+    const l = n.getAttribute("data-sw-anchor");
+    e.push(
+      n === t ? { kind: "sw-anchor", anchorId: l } : { kind: "sw-anchor", anchorId: l, childPath: Ke(n, t) }
+    );
+  }
+  for (const l of Ze) {
+    const c = de(t, l, 3);
+    if (c) {
+      e.push({ kind: "test-id", attr: l, value: c.getAttribute(l) });
+      break;
+    }
+  }
+  const i = Je(t), o = Ye(t);
+  i && o && e.push({ kind: "aria", role: i, name: o });
+  const r = R(t);
+  if (r && r.length <= 80) {
+    const l = t.tagName.toLowerCase(), c = Array.from(document.querySelectorAll(l)).filter((u) => R(u) === r).indexOf(t) + 1;
+    c > 0 && e.push({ kind: "text", tag: l, text: r, nthOfMatch: c });
+  }
+  return e.push({ kind: "css-path", path: Qe(t) }), e.push({ kind: "xpath", xpath: tt(t) }), e;
+}
+function de(t, e, n) {
+  let i = t;
+  for (let o = 0; o <= n && i; o++) {
+    if (i.hasAttribute(e)) return i;
+    i = i.parentElement;
+  }
+  return null;
+}
+function Je(t) {
+  return t.getAttribute("role") || Ge(t);
+}
+function Ge(t) {
+  switch (t.tagName.toLowerCase()) {
+    case "button":
+      return "button";
+    case "a":
+      return t.hasAttribute("href") ? "link" : null;
+    case "input": {
+      const e = t.type;
+      return e === "checkbox" ? "checkbox" : e === "radio" ? "radio" : e === "button" || e === "submit" ? "button" : "textbox";
+    }
+    case "textarea":
+      return "textbox";
+    case "select":
+      return "combobox";
+    case "nav":
+      return "navigation";
+    case "main":
+      return "main";
+    case "header":
+      return "banner";
+    case "footer":
+      return "contentinfo";
+    default:
+      return null;
+  }
+}
+function Ye(t) {
+  const e = t.getAttribute("aria-labelledby");
+  if (e) {
+    const r = e.split(/\s+/).map((l) => {
+      var c, u;
+      return (u = (c = document.getElementById(l)) == null ? void 0 : c.textContent) != null ? u : "";
+    }).join(" ").trim();
+    if (r) return r;
+  }
+  const n = t.getAttribute("aria-label");
+  if (n) return n.trim();
+  const i = t.getAttribute("alt");
+  if (i) return i.trim();
+  const o = t.getAttribute("title");
+  if (o) return o.trim();
+  if (t.tagName === "INPUT") {
+    const r = t.placeholder;
+    if (r) return r.trim();
+  }
+  return R(t) || null;
+}
+function R(t) {
+  return Array.from(t.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => {
+    var n;
+    return (n = e.textContent) != null ? n : "";
+  }).join("").trim();
+}
+function Ke(t, e) {
+  var n;
+  const i = [];
+  let o = e;
+  for (; o && o !== t; ) {
+    const r = Array.from(((n = o.parentElement) == null ? void 0 : n.children) || []).indexOf(o) + 1;
+    i.unshift(`${o.tagName.toLowerCase()}:nth-child(${r})`), o = o.parentElement;
+  }
+  return i.join(" > ");
+}
+function Qe(t) {
+  const e = [];
+  let n = t;
+  for (; n; ) {
+    let i = n.tagName.toLowerCase();
+    const o = n.id;
+    if (o && !ue.test(o)) {
+      i = `#${pe(o)}`, e.unshift(i);
+      break;
+    }
+    const r = Array.from(n.classList).find((l) => !ue.test(l));
+    if (r && (i += `.${pe(r)}`), n.parentElement) {
+      const l = Array.from(n.parentElement.children).indexOf(n) + 1;
+      i += `:nth-child(${l})`;
+    }
+    if (e.unshift(i), et(e.join(" > "))) break;
+    n = n.parentElement;
+  }
+  return e.join(" > ");
+}
+function et(t) {
+  try {
+    return document.querySelectorAll(t).length === 1;
+  } catch {
+    return !1;
+  }
+}
+function tt(t) {
+  var e;
+  const n = [];
+  let i = t;
+  for (; i && i.nodeType === 1; ) {
+    const o = Array.from(((e = i.parentElement) == null ? void 0 : e.children) || []).filter(
+      (r) => r.tagName === i.tagName
+    ).indexOf(i) + 1;
+    n.unshift(`${i.tagName.toLowerCase()}[${o}]`), i = i.parentElement;
+  }
+  return "/" + n.join("/");
+}
+function pe(t) {
+  return window.CSS && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, "\\$&");
+}
+const U = "sw.guide.recording", V = "sw.guide.playback";
+function we(t) {
+  localStorage.setItem(U, JSON.stringify(t));
+}
+function _e() {
+  const t = localStorage.getItem(U);
+  if (!t) return null;
+  try {
+    return JSON.parse(t);
+  } catch {
+    return null;
+  }
+}
+function Ae() {
+  localStorage.removeItem(U);
+}
+function j(t) {
+  localStorage.setItem(V, JSON.stringify(t));
+}
+function nt() {
+  const t = localStorage.getItem(V);
+  if (!t) return null;
+  try {
+    return JSON.parse(t);
+  } catch {
+    return null;
+  }
+}
+function it() {
+  localStorage.removeItem(V);
+}
+let a = null;
+function ot({ guideId: t, title: e }) {
+  a && W();
+  const n = _e(), i = n && n.guideId === t ? n.steps : [];
+  a = {
+    guideId: t,
+    title: e,
+    steps: i,
+    shell: new $e(),
+    paused: !1,
+    lastUrl: location.pathname + location.search
+  }, st(), L(), we({ guideId: t, title: e, steps: i, startedAt: Date.now() });
+}
+function Ie() {
+  a && (a.paused = !0, a.shell.renderHoverFrame(null), _ = null), L();
+}
+function ke() {
+  a && (a.paused = !1), L();
+}
+function W() {
+  if (!a) return null;
+  for (lt(), X(); a.steps.length && a.steps[a.steps.length - 1].type === "wait_for_navigation"; )
+    a.steps.pop();
+  const t = { guideId: a.guideId, title: a.title, steps: a.steps };
+  return a.shell.destroy(), Ae(), a = null, t;
+}
+function L() {
+  if (!a) return;
+  const t = a.steps[a.steps.length - 1], e = t ? rt(t) : null;
+  a.shell.renderPill(
+    a.title,
+    a.steps.length,
+    e,
+    () => {
+      const n = W();
+      window.dispatchEvent(new CustomEvent("sw-guide:recording-done", { detail: n }));
+    },
+    () => {
+      a.paused ? ke() : Ie();
+    }
+  );
+}
+function rt(t) {
+  switch (t.type) {
+    case "click":
+      return `clicked '${t.accessibleName || t.elementText || ""}'`;
+    case "type":
+      return `typed in '${t.fieldLabel || ""}'`;
+    case "scroll_to":
+      return `scrolled to '${t.anchorText || ""}'`;
+    case "wait_for_navigation":
+      return "navigated";
+  }
+}
+function st() {
+  document.addEventListener("click", Ce, !0), document.addEventListener("input", Te, !0), document.addEventListener("blur", Ne, !0), document.addEventListener("mousemove", Ee, !0), document.addEventListener("mouseleave", Se, !0), window.addEventListener("beforeunload", Z), window.addEventListener("popstate", Le);
+}
+function lt() {
+  document.removeEventListener("click", Ce, !0), document.removeEventListener("input", Te, !0), document.removeEventListener("blur", Ne, !0), document.removeEventListener("mousemove", Ee, !0), document.removeEventListener("mouseleave", Se, !0), window.removeEventListener("beforeunload", Z), window.removeEventListener("popstate", Le);
+}
+let B = 0, _ = null;
+function Ee(t) {
+  !a || a.paused || B || (B = requestAnimationFrame(() => {
+    if (B = 0, !a) return;
+    const e = document.elementFromPoint(t.clientX, t.clientY);
+    if (!e || !(e instanceof HTMLElement) || G(e)) {
+      _ && (a.shell.renderHoverFrame(null), _ = null);
+      return;
+    }
+    e !== _ && (_ = e, a.shell.renderHoverFrame(e.getBoundingClientRect()));
+  }));
+}
+function Se() {
+  a && (a.shell.renderHoverFrame(null), _ = null);
+}
+function Ce(t) {
+  if (!a || a.paused) return;
+  const e = t.target;
+  !e || G(e) || (X(), a.steps.push({
+    type: "click",
+    selectors: ye(e),
+    elementText: he(e),
+    accessibleName: e.getAttribute("aria-label") || he(e),
+    urlAtCapture: location.pathname + location.search,
+    viewportSize: { width: innerWidth, height: innerHeight },
+    ts: Date.now()
+  }), J(), L());
+}
+function Te(t) {
+  if (!a || a.paused) return;
+  const e = t.target;
+  !e || !("value" in e) || G(e) || (!a.pendingTypeStep || a.pendingTypeStep.fieldElement !== e ? a.pendingTypeStep = {
+    type: "type",
+    selectors: ye(e),
+    fieldLabel: at(e),
+    finalValue: e.value,
+    prefillValue: e.value,
+    urlAtCapture: location.pathname + location.search,
+    ts: Date.now(),
+    fieldElement: e
+  } : (a.pendingTypeStep.finalValue = e.value, a.pendingTypeStep.prefillValue = e.value));
+}
+function Ne(t) {
+  if (!a) return;
+  const e = t.target;
+  a.pendingTypeStep && a.pendingTypeStep.fieldElement === e && (X(), L());
+}
+function X() {
+  if (!a || !a.pendingTypeStep) return;
+  const t = a.pendingTypeStep, { fieldElement: e } = t, n = je(t, ["fieldElement"]);
+  a.steps.push(n), a.pendingTypeStep = void 0, J();
+}
+function Z() {
+  a && (a.steps.push({
+    type: "wait_for_navigation",
+    fromUrl: a.lastUrl,
+    toUrl: location.pathname + location.search,
+    urlAtCapture: location.pathname + location.search,
+    ts: Date.now()
+  }), J());
+}
+function Le() {
+  Z();
+}
+function J() {
+  a && we({
+    guideId: a.guideId,
+    title: a.title,
+    steps: a.steps,
+    startedAt: Date.now()
+  });
+}
+function at(t) {
+  var e;
+  return (t.getAttribute("aria-label") || t.placeholder || t.id && ((e = document.querySelector(`label[for="${t.id}"]`)) == null ? void 0 : e.textContent) || "").trim();
+}
+function he(t) {
+  return Array.from(t.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => {
+    var n;
+    return (n = e.textContent) != null ? n : "";
+  }).join("").trim();
+}
+function G(t) {
+  return !!t.closest("#sw-guide-overlay");
+}
+function ct() {
+  const t = _e();
+  return t && Date.now() - t.startedAt < 1800 * 1e3 ? t : (t && Ae(), null);
+}
+const Nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  maybeResume: ct,
+  pause: Ie,
+  resume: ke,
+  start: ot,
+  stop: W
+}, Symbol.toStringTag, { value: "Module" }));
+async function ut(t, e) {
+  const { timeoutMs: n, pollMs: i = 200 } = e, o = performance.now() + n;
+  let r = null;
+  for (; performance.now() < o; ) {
+    for (const l of t) {
+      const c = dt(l);
+      if (c && pt(c))
+        if (!r)
+          r = c;
+        else {
+          if (r === c)
+            return c;
+          r = c;
+        }
+    }
+    await gt(i);
+  }
+  return null;
+}
+function dt(t) {
+  switch (t.kind) {
+    case "sw-anchor": {
+      const e = document.querySelector(
+        `[data-sw-anchor="${fe(t.anchorId)}"]`
+      );
+      return e ? t.childPath ? e.querySelector(t.childPath) : e : null;
+    }
+    case "test-id":
+      return document.querySelector(
+        `[${t.attr}="${fe(t.value)}"]`
+      );
+    case "aria":
+      return ht(t.role, t.name);
+    case "text":
+      return ft(t.tag, t.text, t.nthOfMatch);
+    case "css-path":
+      try {
+        return document.querySelector(t.path);
+      } catch {
+        return null;
+      }
+    case "xpath":
+      return document.evaluate(
+        t.xpath,
+        document,
+        null,
+        XPathResult.FIRST_ORDERED_NODE_TYPE,
+        null
+      ).singleNodeValue || null;
+  }
+}
+function pt(t) {
+  if (t.offsetParent === null && getComputedStyle(t).position !== "fixed") return !1;
+  const e = t.getBoundingClientRect();
+  if (e.width === 0 || e.height === 0) return !1;
+  const n = getComputedStyle(t);
+  if (n.visibility === "hidden" || n.pointerEvents === "none") return !1;
+  (e.bottom < 0 || e.top > innerHeight || e.right < 0 || e.left > innerWidth) && t.scrollIntoView({ block: "center", inline: "center" });
+  const i = e.left + e.width / 2, o = e.top + e.height / 2, r = document.elementFromPoint(i, o);
+  return r ? r === t || t.contains(r) : !1;
+}
+function ht(t, e) {
+  const n = Array.from(document.querySelectorAll("*")), i = e.toLowerCase();
+  return n.find((o) => {
+    if ((o.getAttribute("role") || "").toLowerCase() !== t) return !1;
+    const r = (o.getAttribute("aria-label") || o.textContent || "").trim().toLowerCase();
+    return r === i || r.startsWith(i);
+  }) || null;
+}
+function ft(t, e, n) {
+  return Array.from(document.querySelectorAll(t)).filter((i) => mt(i) === e)[n - 1] || null;
+}
+function mt(t) {
+  return Array.from(t.childNodes).filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => {
+    var n;
+    return (n = e.textContent) != null ? n : "";
+  }).join("").trim();
+}
+function gt(t) {
+  return new Promise((e) => setTimeout(e, t));
+}
+function fe(t) {
+  return window.CSS && CSS.escape ? CSS.escape(t) : t.replace(/[^a-zA-Z0-9_-]/g, "\\$&");
+}
+function Y(t, e, n) {
+  const [i, o = ""] = t.split("?"), [r, l = ""] = e.split("?");
+  return vt(i, r, n) ? !o && !l ? !0 : bt(o, l, n) : !1;
+}
+function vt(t, e, n) {
+  const i = t.split("/").filter(Boolean), o = e.split("/").filter(Boolean);
+  return i.length !== o.length ? !1 : i.every((r, l) => r === o[l] || n.includes(r));
+}
+function bt(t, e, n) {
+  var i, o;
+  const r = new URLSearchParams(t), l = new URLSearchParams(e);
+  if ([...r.keys()].sort().join() !== [...l.keys()].sort().join())
+    return !1;
+  for (const c of r.keys()) {
+    const u = (i = r.get(c)) != null ? i : "", d = (o = l.get(c)) != null ? o : "";
+    if (u !== d && !n.includes(u)) return !1;
+  }
+  return !0;
+}
+let s = null, F = null;
+function xt(t) {
+  F = t;
+}
+async function $t(t) {
+  var e;
+  if (s && A("superseded", "superseded"), Oe(), s = {
+    sessionId: t.sessionId,
+    guideId: t.guideId,
+    versionId: t.versionId,
+    version: t.version,
+    stepIndex: (e = t.resumeStepIndex) != null ? e : 0,
+    shell: new $e(),
+    exited: !1
+  }, s.version.domain_strategy === "specific" && s.version.specific_domain && location.host !== s.version.specific_domain)
+    return s.shell.toast(`This guide only works on ${s.version.specific_domain}.`, "error"), A("failed", "wrong_start");
+  if (s.shell.renderControlBar({
+    current: s.stepIndex + 1,
+    total: s.version.steps.length,
+    onSkip: K,
+    onExit: Q
+  }), s.stepIndex === 0) {
+    const n = s.version.steps[0];
+    if (!Y(
+      n.url_path,
+      location.pathname + location.search,
+      s.version.wildcard_values
+    )) {
+      if (!await yt(n.url_path)) return A("exited", "wrong_start");
+      j({
+        sessionId: s.sessionId,
+        guideId: s.guideId,
+        versionId: s.versionId,
+        stepIndex: 0,
+        version: s.version
+      }), location.href = location.origin + n.url_path;
+      return;
+    }
+  }
+  await wt();
+}
+async function yt(t) {
+  return new Promise((e) => {
+    if (!s) return e(!1);
+    s.shell.toast(`This guide starts on ${t}.`, "info", 999999), setTimeout(() => e(!0), 0);
+  });
+}
+async function wt() {
+  for (; s && !s.exited && s.stepIndex < s.version.steps.length; ) {
+    const t = s.version.steps[s.stepIndex];
+    if (s.shell.renderControlBar({
+      current: s.stepIndex + 1,
+      total: s.version.steps.length,
+      onSkip: K,
+      onExit: Q
+    }), !Y(
+      t.url_path,
+      location.pathname + location.search,
+      s.version.wildcard_values
+    )) {
+      j({
+        sessionId: s.sessionId,
+        guideId: s.guideId,
+        versionId: s.versionId,
+        stepIndex: s.stepIndex,
+        version: s.version
+      });
+      const n = await kt(t.url_path, 2e4);
+      if (!s || s.exited) return;
+      if (!n)
+        return s.shell.toast("Looks like you've gone elsewhere.", "info"), A("failed", "off_site");
+    }
+    if (t.step_type === "wait_for_navigation") {
+      s.stepIndex++;
+      continue;
+    }
+    const e = await ut(t.selectors, { timeoutMs: 1e4 });
+    if (!e) {
+      s.shell.toast("We can't find this — Skip / Exit.", "info", 999999), await Et();
+      continue;
+    }
+    t.step_type === "scroll_to" && (e.scrollIntoView({ block: "center", inline: "center", behavior: "smooth" }), await Tt(300)), It(e, s.stepIndex === 0), t.step_type === "click" ? await _t(e, t) : t.step_type === "type" ? await At(e, t) : t.step_type === "scroll_to" && s.stepIndex++, s?.shell.renderHighlight(null), St();
+  }
+  s && !s.exited && A("completed", "completed");
+}
+async function _t(t, e) {
+  s && (q(t), e.tooltip && He(t, e.tooltip), await new Promise((n) => {
+    const i = (o) => {
+      const r = o.target;
+      t === r || t.contains(r) ? (document.removeEventListener("click", i, !0), s && j({
+        sessionId: s.sessionId,
+        guideId: s.guideId,
+        versionId: s.versionId,
+        stepIndex: s.stepIndex + 1,
+        version: s.version
+      }), n()) : (s.shell.toast("Click the highlighted item.", "info", 1500), t && q(t, !0));
+    };
+    document.addEventListener("click", i, !0);
+  }), s.shell.renderTooltip(0, 0, null), s.stepIndex++);
+}
+async function At(t, e) {
+  s && (q(t), e.prefill_value && (t.focus(), t.value = e.prefill_value, t.dispatchEvent(new Event("input", { bubbles: !0 }))), (e.tooltip || e.field_label) && He(t, e.tooltip || `Type your ${e.field_label}`), await new Promise((n) => {
+    const i = () => {
+      t.removeEventListener("blur", i), n();
+    };
+    t.addEventListener("blur", i);
+  }), s.shell.renderTooltip(0, 0, null), s.stepIndex++);
+}
+function q(t, e = !1) {
+  if (!s) return;
+  const n = t.getBoundingClientRect();
+  s.shell.renderCursor(n.left + n.width / 2, n.top + n.height / 2, e);
+}
+function It(t, e) {
+  s && s.shell.renderHighlight(t.getBoundingClientRect(), { pulse: e });
+}
+function He(t, e) {
+  if (!s) return;
+  const n = t.getBoundingClientRect();
+  s.shell.renderTooltip(n.left + n.width / 2, n.bottom, e);
+}
+let me = !1;
+function Oe() {
+  if (me) return;
+  me = !0;
+  const t = () => window.dispatchEvent(new Event("sw-guide:locationchange")), e = history.pushState, n = history.replaceState;
+  history.pushState = function(...i) {
+    const o = e.apply(this, i);
+    return t(), o;
+  }, history.replaceState = function(...i) {
+    const o = n.apply(this, i);
+    return t(), o;
+  }, window.addEventListener("popstate", t);
+}
+function kt(t, e) {
+  return Oe(), new Promise((n) => {
+    let i = !1;
+    const o = (u) => {
+      i || (i = !0, clearTimeout(l), clearInterval(c), window.removeEventListener("sw-guide:locationchange", r), n(u));
+    }, r = () => {
+      Y(
+        t,
+        location.pathname + location.search,
+        s?.version.wildcard_values || []
+      ) && o(!0);
+    }, l = setTimeout(() => o(!1), e), c = setInterval(r, 250);
+    window.addEventListener("sw-guide:locationchange", r), r();
+  });
+}
+function Et() {
+  return new Promise((t) => {
+    const e = () => {
+      document.removeEventListener("sw-guide:user-choice", e), t();
+    };
+    document.addEventListener("sw-guide:user-choice", e);
+  });
+}
+function K() {
+  s && (s.stepIndex++, document.dispatchEvent(new Event("sw-guide:user-choice")));
+}
+function Q() {
+  A("exited", "user_exit");
+}
+function A(t, e) {
+  if (!s) return;
+  s.exited = !0;
+  const n = s.stepIndex;
+  s.shell.destroy(), it(), F?.(t, e, n), s = null;
+}
+function St() {
+  s && (j({
+    sessionId: s.sessionId,
+    guideId: s.guideId,
+    versionId: s.versionId,
+    stepIndex: s.stepIndex,
+    version: s.version
+  }), document.dispatchEvent(new CustomEvent(
+    "sw-guide:playback-progress",
+    { detail: { stepIndex: s.stepIndex } }
+  )));
+}
+function Ct() {
+  return nt() || null;
+}
+function Tt(t) {
+  return new Promise((e) => setTimeout(e, t));
+}
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  exitGuide: Q,
+  maybeResume: Ct,
+  onDone: xt,
+  skipStep: K,
+  start: $t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Lt as playback,
+  Nt as recording
+};
+//# sourceMappingURL=index-bfV4xNqW-CRQbrL80.js.map