@gengage/assistant-fe 0.4.5 → 0.4.7

package/dist/qna-C5Ok3wd0.js

@@ -1,663 +0,0 @@
-import { S as H, b as O, c as _, d as U, l as j, n as M, o as A, p as D, r as F, t as P, u as W, w as z } from "./schemas-JpRGzRQT.js";
-import { A as $, R as G, _ as E, a as J, et as V, it as Y, n as Z, nt as K, t as C, tt as X, z as tt } from "./locale-MM0U5eeR.js";
-import { n as et } from "./connection-warning-n88bjkqL.js";
-async function nt(t, n, e) {
-  const o = U("launcher_action", n), i = {
-    uiSpecs: [],
-    actions: []
-  }, a = {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(t)
-  };
-  e !== void 0 && (a.signal = e);
-  const s = await fetch(o, a);
-  if (!s.ok) throw new Error(`HTTP ${s.status}: ${s.statusText}`);
-  const r = { onEvent: (l) => {
-    const c = D(l);
-    if (c && (c.type === "ui_spec" && i.uiSpecs.push(c.spec), c.type === "ui_spec" && c.spec.elements)) {
-      for (const d of Object.values(c.spec.elements)) if (d.type === "ActionButton" && d.props?.action) {
-        const m = d.props.action;
-        i.actions.push(m);
-      }
-    }
-  } };
-  return e !== void 0 && (r.signal = e), await O(s, r), i;
-}
-function k(t) {
-  const n = document.createElement("div");
-  n.className = "gengage-qna-buttons gds-toolbar", n.dataset.gengagePart = "qna-button-row", n.setAttribute("role", "group"), n.setAttribute("aria-label", t.quickQuestionsAriaLabel ?? "Quick questions"), t.orientation === "vertical" && (n.style.flexDirection = "column");
-  for (const e of t.actions) {
-    const o = document.createElement("button");
-    o.className = "gengage-qna-button gds-chip", o.dataset.gengagePart = "qna-quick-question", o.textContent = e.title, o.type = "button", o.addEventListener("click", () => {
-      const i = {
-        title: e.title,
-        type: e.type
-      };
-      e.payload !== void 0 && (i.payload = e.payload), t.onAction(i);
-    }), n.appendChild(o);
-  }
-  if (t.ctaText || t.onOpenChat) {
-    const e = document.createElement("button");
-    e.className = "gengage-qna-cta gds-btn gds-btn-secondary", e.dataset.gengagePart = "qna-cta", e.textContent = t.ctaText ?? t.defaultCtaText ?? "Ask something else", e.type = "button", e.addEventListener("click", () => {
-      t.onOpenChat?.();
-    }), n.appendChild(e);
-  }
-  return n;
-}
-function ot(t) {
-  const n = document.createElement("div");
-  n.className = "gengage-qna-input-wrapper", n.dataset.gengagePart = "qna-input-wrapper";
-  const e = document.createElement("div");
-  e.className = "gengage-qna-input-combo", e.dataset.gengagePart = "qna-input-combo";
-  const o = document.createElement("input");
-  o.type = "text", o.className = "gengage-qna-input", o.dataset.gengagePart = "qna-input", o.setAttribute("aria-label", t.askQuestionAriaLabel ?? "Ask a question");
-  const i = Array.isArray(t.placeholders) ? t.placeholders : t.placeholders ? [t.placeholders] : [t.defaultInputPlaceholder ?? "Ask a question..."];
-  let a = 0, s = i[0] ?? "";
-  o.placeholder = s;
-  let r = null, l = null, c = !1;
-  const d = () => {
-    r && clearInterval(r), r = null, l && clearTimeout(l), l = null, o.classList.remove("gengage-qna-input--fade");
-  }, m = () => i.length > 1 && !c && o.value.trim().length === 0, y = () => {
-    d(), m() && (r = setInterval(() => {
-      m() && (o.classList.add("gengage-qna-input--fade"), l = setTimeout(() => {
-        a = (a + 1) % i.length, s = i[a] ?? "", o.placeholder = s, o.classList.remove("gengage-qna-input--fade");
-      }, 180));
-    }, 3e3));
-  }, g = document.createElement("div");
-  g.className = "gengage-qna-input-actions", g.dataset.gengagePart = "qna-input-actions";
-  const p = document.createElement("button");
-  p.className = "gengage-qna-icon-btn gengage-qna-clear gengage-qna-icon-btn--hidden", p.type = "button", p.dataset.gengagePart = "qna-clear", p.setAttribute("aria-label", "Clear question"), p.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 6L6 18" /><path d="M6 6L18 18" /></svg>';
-  const h = document.createElement("button");
-  h.className = "gengage-qna-icon-btn gengage-qna-send gengage-qna-icon-btn--hidden", h.type = "button", h.dataset.gengagePart = "qna-send", h.setAttribute("aria-label", t.sendQuestionAriaLabel ?? "Send question"), h.disabled = !0, h.innerHTML = `<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M22 2L11 13" /><path d="M22 2L15 22L11 13L2 9L22 2Z" /></svg><span class="gengage-qna-sr-only">${t.ctaLabel ?? t.sendButtonText ?? "Ask"}</span>`;
-  const b = () => {
-    const u = o.value.trim().length > 0;
-    p.classList.toggle("gengage-qna-icon-btn--hidden", !u), h.classList.toggle("gengage-qna-icon-btn--hidden", !u), h.classList.toggle("gengage-qna-send--active", u), h.disabled = !u;
-  }, T = () => {
-    const u = o.value.trim();
-    u && (t.onSubmit({
-      title: u,
-      type: "user_message",
-      payload: u
-    }), o.value = "", b(), y());
-  };
-  return p.addEventListener("click", () => {
-    o.value = "", b(), o.focus({ preventScroll: !0 });
-  }), h.addEventListener("click", T), o.addEventListener("focus", () => {
-    c = !0, d(), o.placeholder = "";
-  }), o.addEventListener("blur", () => {
-    c = !1, o.value.trim().length === 0 && (o.placeholder = s), y();
-  }), o.addEventListener("input", () => {
-    if (b(), o.value.trim().length > 0) {
-      d();
-      return;
-    }
-    o.placeholder = c ? "" : s, y();
-  }), o.addEventListener("keydown", (u) => {
-    u.key === "Enter" && (u.preventDefault(), T()), u.key === "Escape" && o.value.length > 0 && (o.value = "", b(), y());
-  }), g.appendChild(p), g.appendChild(h), e.appendChild(o), e.appendChild(g), n.appendChild(e), b(), y(), n._cleanup = () => {
-    d();
-  }, n;
-}
-function q(t, n) {
-  if (!t || typeof t != "object") return null;
-  const e = t, o = e.type;
-  if (typeof o != "string" || o.length === 0) return null;
-  const i = e.title, a = e.payload, s = typeof i == "string" && i.length > 0 ? i : n;
-  if (!s) return null;
-  const r = {
-    title: s,
-    type: o
-  };
-  return a !== void 0 && (r.payload = a), r;
-}
-function S(t) {
-  const n = {
-    title: t.title,
-    type: t.type
-  };
-  return t.payload !== void 0 && (n.payload = t.payload), n;
-}
-function I(t, n) {
-  const e = [], o = t.props?.actions;
-  if (Array.isArray(o)) for (const s of o) {
-    const r = q(s);
-    r && e.push(r);
-  }
-  const i = t.props?.buttons;
-  if (Array.isArray(i)) for (const s of i) {
-    if (!s || typeof s != "object") continue;
-    const r = s, l = typeof r.label == "string" ? r.label : void 0, c = q(r.action, l);
-    c && e.push(c);
-  }
-  if (t.children) for (const s of t.children) {
-    const r = n.elements[s];
-    if (!r || r.type !== "ActionButton") continue;
-    const l = typeof r.props?.label == "string" ? r.props.label : void 0, c = q(r.props?.action, l);
-    c && e.push(c);
-  }
-  const a = /* @__PURE__ */ new Set();
-  return e.filter((s) => a.has(s.title) ? !1 : (a.add(s.title), !0));
-}
-var x = {
-  ButtonRow: ({ element: t, spec: n, context: e }) => {
-    const o = I(t, n).map(S), i = t.props?.orientation, a = {
-      actions: o,
-      onAction: e.onAction,
-      defaultCtaText: e.i18n.defaultCtaText,
-      quickQuestionsAriaLabel: e.i18n.quickQuestionsAriaLabel
-    };
-    return e.onOpenChat !== void 0 && (a.onOpenChat = e.onOpenChat), e.ctaText !== void 0 && (a.ctaText = e.ctaText), (i === "horizontal" || i === "vertical") && (a.orientation = i), k(a);
-  },
-  ActionButtons: ({ element: t, spec: n, context: e }) => {
-    const o = {
-      actions: I(t, n).map(S),
-      onAction: e.onAction,
-      defaultCtaText: e.i18n.defaultCtaText,
-      quickQuestionsAriaLabel: e.i18n.quickQuestionsAriaLabel
-    };
-    return e.onOpenChat !== void 0 && (o.onOpenChat = e.onOpenChat), e.ctaText !== void 0 && (o.ctaText = e.ctaText), k(o);
-  },
-  ActionButton: ({ element: t, context: n }) => {
-    const e = document.createElement("button");
-    e.className = "gengage-qna-button gds-chip", e.type = "button", e.dataset.gengagePart = "qna-action-button";
-    const o = t.props?.label;
-    typeof o == "string" ? e.textContent = o : e.textContent = n.i18n.defaultCtaText;
-    const i = q(t.props?.action, typeof o == "string" ? o : void 0);
-    return i && e.addEventListener("click", () => n.onAction(i)), e;
-  },
-  TextInput: ({ element: t, context: n }) => {
-    const e = t.props?.placeholder, o = typeof e == "string" || Array.isArray(e) ? e : n.inputPlaceholder, i = typeof t.props?.ctaLabel == "string" ? t.props.ctaLabel : void 0, a = {
-      onSubmit: n.onAction,
-      askQuestionAriaLabel: n.i18n.askQuestionAriaLabel,
-      defaultInputPlaceholder: n.i18n.defaultInputPlaceholder,
-      sendButtonText: n.i18n.sendButton,
-      sendQuestionAriaLabel: n.i18n.sendQuestionAriaLabel
-    };
-    return o !== void 0 && (a.placeholders = o), i !== void 0 && (a.ctaLabel = i), ot(a);
-  },
-  QuestionHeading: ({ element: t, context: n }) => {
-    const e = document.createElement("h3");
-    e.className = "gengage-qna-heading", e.dataset.gengagePart = "qna-heading";
-    const o = t.props?.text, i = n.headingTitleOverride;
-    return e.textContent = typeof i == "string" && i.trim().length > 0 ? i : typeof o == "string" ? o : "", e;
-  },
-  ProductCard: () => null
-}, B = ({ element: t, renderElement: n }) => {
-  if (!t.children || t.children.length === 0) return null;
-  const e = document.createElement("div");
-  for (const o of t.children) {
-    const i = n(o);
-    i && e.appendChild(i);
-  }
-  return e;
-};
-function it() {
-  return { ...x };
-}
-function at(t, n, e = x, o = B) {
-  return z({
-    spec: t,
-    context: n,
-    registry: e,
-    containerClassName: "gengage-qna-uispec",
-    unknownRenderer: o
-  });
-}
-function st(t) {
-  if (!t) return;
-  const n = t.extra;
-  if (n && typeof n == "object" && !Array.isArray(n)) {
-    const o = n.visible_skus ?? n.visibleSkus;
-    if (Array.isArray(o)) {
-      const i = o.filter((a) => typeof a == "string" && a.trim().length > 0).map((a) => a.trim()).slice(0, 200);
-      if (i.length > 0) return i;
-    }
-  }
-  const e = typeof t.sku == "string" && t.sku.trim() ? t.sku.trim() : void 0;
-  return e ? [e] : void 0;
-}
-function Q(t, n) {
-  if (!t) return null;
-  const e = t.action;
-  if (!e || typeof e != "object") return null;
-  const o = e, i = o.type;
-  if (typeof i != "string" || i.length === 0) return null;
-  const a = o.title, s = typeof a == "string" && a.length > 0 ? a : typeof n == "string" && n.length > 0 ? n : "";
-  if (!s) return null;
-  const r = o.payload, l = {
-    title: s,
-    type: i
-  };
-  return r !== void 0 && (l.payload = r), l;
-}
-function rt(t, n) {
-  const e = t.elements[t.root];
-  if (!e) return !1;
-  const o = (i) => {
-    if (i.type !== "ActionButton") return !1;
-    const a = i.props;
-    if (!a || typeof a != "object") return !1;
-    const s = typeof a.label == "string" ? a.label : void 0;
-    return s === n ? !0 : Q(a, s)?.title === n;
-  };
-  if (e.type === "ActionButton") return o(e);
-  if (e.children) for (const i of e.children) {
-    const a = t.elements[i];
-    if (a && o(a)) return !0;
-  }
-  if (e.type === "ActionButtons" && Array.isArray(e.props?.buttons)) {
-    for (const i of e.props.buttons)
-      if (i?.label === n || i?.action?.title === n) return !0;
-  }
-  return !1;
-}
-var w = 0;
-function R() {
-  return w += 1, `gengage-merge-${w}`;
-}
-function lt(t, n) {
-  const e = t.elements[t.root];
-  if (!e || e.type !== "ButtonRow") return;
-  const o = R();
-  t.elements[o] = {
-    type: "ActionButton",
-    props: {
-      label: n.title,
-      action: {
-        title: n.title,
-        type: n.type,
-        ...n.payload !== void 0 ? { payload: n.payload } : {}
-      }
-    }
-  }, e.children = e.children ? [o, ...e.children] : [o];
-}
-function ct(t, n) {
-  const e = t.elements[t.root];
-  if (!e || e.type !== "ActionButtons") return;
-  const o = R();
-  t.elements[o] = {
-    type: "ActionButton",
-    props: {
-      label: n.title,
-      action: {
-        title: n.title,
-        type: n.type,
-        ...n.payload !== void 0 ? { payload: n.payload } : {}
-      }
-    }
-  }, e.children = e.children ? [o, ...e.children] : [o];
-  const i = e.props?.buttons ?? [], a = {
-    label: n.title,
-    action: {
-      title: n.title,
-      type: n.type,
-      ...n.payload !== void 0 ? { payload: n.payload } : {}
-    }
-  };
-  e.props = {
-    ...e.props,
-    buttons: [a, ...i]
-  };
-}
-function dt(t) {
-  const n = {}, e = [];
-  for (let o = 0; o < t.length; o++) {
-    const i = t[o], a = `action-${o}`;
-    e.push(a), n[a] = {
-      type: "ActionButton",
-      props: {
-        label: i.title,
-        action: {
-          title: i.title,
-          type: i.type,
-          ...i.payload !== void 0 ? { payload: i.payload } : {}
-        }
-      }
-    };
-  }
-  return n.root = {
-    type: "ButtonRow",
-    children: e
-  }, {
-    root: "root",
-    elements: n
-  };
-}
-function ut(t) {
-  return t.find((n) => {
-    const e = n.elements[n.root];
-    return e?.type === "ActionButtons" || e?.type === "ButtonRow";
-  });
-}
-function L(t, n) {
-  const e = t.productContextQuickPillLabel, o = { text: e };
-  return n && n.length > 0 && (o.sku_list = n), {
-    title: e,
-    type: "user_message",
-    payload: o
-  };
-}
-function pt(t, n, e) {
-  const o = e?.skuList, i = [], a = [];
-  for (const l of t) {
-    const c = l.elements[l.root];
-    if (c?.type === "ActionButton") {
-      const d = c.props;
-      if (Q(d, typeof d?.label == "string" ? d.label : void 0)?.type === "findSimilar") {
-        i.push(L(n, o));
-        continue;
-      }
-    }
-    a.push(l);
-  }
-  if (i.length === 0) return t;
-  const s = L(n, o), r = ut(a);
-  if (!r) return [...a, dt([s])];
-  if (!rt(r, s.title)) {
-    const l = r.elements[r.root];
-    l?.type === "ActionButtons" ? ct(r, s) : l?.type === "ButtonRow" && lt(r, s);
-  }
-  return a;
-}
-var N = {
-  quickQuestionsAriaLabel: "Hızlı sorular",
-  askQuestionAriaLabel: "Soru sorun",
-  defaultInputPlaceholder: "Bir soru sorun...",
-  sendButton: "Sor",
-  sendQuestionAriaLabel: "Soruyu gönder",
-  defaultCtaText: "Başka bir şey sor",
-  redirectingToChat: "Sohbete yönlendiriliyor...",
-  productContextQuickPillLabel: "Bu ürün hakkında ne bilmeliyim?"
-}, ht = {
-  quickQuestionsAriaLabel: "Quick questions",
-  askQuestionAriaLabel: "Ask a question",
-  defaultInputPlaceholder: "Ask a question...",
-  sendButton: "Ask",
-  sendQuestionAriaLabel: "Send question",
-  defaultCtaText: "Ask something else",
-  redirectingToChat: "Redirecting to chat...",
-  productContextQuickPillLabel: "What should I know about this product?"
-};
-function gt(t) {
-  return t ? t.toLowerCase().split("-")[0] ?? "tr" : "tr";
-}
-function ft(t) {
-  return gt(t) === "en" ? ht : N;
-}
-var yt = A({
-  title: _(),
-  type: _(),
-  payload: W().optional()
-}), mt = A({
-  label: _(),
-  action: yt,
-  variant: P([
-    "primary",
-    "outline",
-    "ghost"
-  ]).optional()
-}), bt = A({
-  orientation: P(["horizontal", "vertical"]).optional(),
-  wrap: F().optional()
-}), _t = A({
-  placeholder: j([_(), M(_())]).optional(),
-  ctaLabel: _().optional()
-}), vt = A({ text: _() }), Ct = { components: {
-  ActionButton: {
-    schema: mt,
-    description: "A single clickable QNA action button."
-  },
-  ButtonRow: {
-    schema: bt,
-    description: "Container for a group of QNA action buttons."
-  },
-  TextInput: {
-    schema: _t,
-    description: "Free-text input with rotating placeholder and CTA button."
-  },
-  QuestionHeading: {
-    schema: vt,
-    description: "A heading displayed above the QNA button group."
-  }
-} }, At = class extends Z {
-  constructor(...t) {
-    super(...t), this._abortController = null, this._debounceTimer = null, this._contentEl = null, this._i18n = N, this._actionHandler = this._handleAction.bind(this), this._openChatHandler = this._handleOpenChat.bind(this);
-  }
-  async onInit(t) {
-    this._i18n = this._resolveI18n(t), this._contentEl = document.createElement("div"), this._contentEl.className = "gengage-qna-container", this._contentEl.dataset.gengagePart = "qna-container", this._contentEl.lang = C(t.locale), this.root.appendChild(this._contentEl);
-    const n = t.pageContext?.sku;
-    n && (this._lastSku = n, await this._fetchAndRender(n)), $("qna");
-  }
-  onUpdate(t) {
-    const n = t.sku;
-    !n || n === this._lastSku || (this._debounceTimer && clearTimeout(this._debounceTimer), this._debounceTimer = setTimeout(() => {
-      this._debounceTimer = null, this._lastSku = n, this._fetchAndRender(n);
-    }, 50));
-  }
-  onShow() {
-    this._contentEl && (this._contentEl.style.opacity = "0", this._contentEl.style.transition = "opacity 0.2s ease-in", requestAnimationFrame(() => {
-      this._contentEl && (this._contentEl.style.opacity = "1");
-    }));
-  }
-  onHide() {
-  }
-  onDestroy() {
-    this._abort(), this._debounceTimer && (clearTimeout(this._debounceTimer), this._debounceTimer = null), this._contentEl && (this._cleanupTextInputTimers(), this._contentEl.remove(), this._contentEl = null);
-  }
-  _abort() {
-    this._abortController?.abort(), this._abortController = null;
-  }
-  _resolvedQnaHeaderTitle() {
-    const t = this.config.headerTitle ?? this.config.headingTitle;
-    if (typeof t != "string") return;
-    const n = t.trim();
-    return n.length > 0 ? n : void 0;
-  }
-  _cleanupTextInputTimers() {
-    if (!this._contentEl) return;
-    const t = this._contentEl.querySelectorAll(".gengage-qna-input-wrapper");
-    for (const n of t) n._cleanup?.();
-  }
-  async _fetchAndRender(t) {
-    if (this._abort(), this._abortController = new AbortController(), !this._contentEl) return;
-    this._cleanupTextInputTimers(), this._contentEl.innerHTML = "";
-    const n = this._createLoadingIndicator();
-    this._contentEl.appendChild(n);
-    const e = { middlewareUrl: this.config.middlewareUrl }, o = crypto.randomUUID(), i = Date.now(), a = et({
-      source: "qna",
-      locale: this.config.locale
-    });
-    this.track(K(this.analyticsContext(), {
-      endpoint: "launcher_action",
-      request_id: o,
-      widget: "qna"
-    }));
-    try {
-      const s = {
-        account_id: this.config.accountId,
-        session_id: this.config.session?.sessionId ?? "",
-        correlation_id: this.config.session?.sessionId ?? "",
-        sku: t,
-        locale: C(this.config.locale)
-      }, r = this.config.pageContext?.pageType;
-      r !== void 0 && (s.page_type = r);
-      const l = await nt(s, e, this._abortController.signal);
-      if (this.track(V(this.analyticsContext(), {
-        request_id: o,
-        latency_ms: Date.now() - i,
-        chunk_count: l.actions.length,
-        widget: "qna"
-      })), this.track(Y(this.analyticsContext(), {
-        message_count: l.actions.length,
-        history_ref: o,
-        redaction_level: "none",
-        widget: "qna"
-      })), !this._contentEl) return;
-      this._contentEl.innerHTML = "";
-      const c = document.createElement("div");
-      c.className = "gengage-qna-panel gds-panel", c.dataset.gengagePart = "qna-panel", this._contentEl.appendChild(c);
-      const d = this._specIncludesType(l.uiSpecs, "QuestionHeading"), m = this._resolvedQnaHeaderTitle() ?? (this.config.showStaticQuestion && this.config.staticQuestionText ? this.config.staticQuestionText : void 0);
-      if (!d && m) {
-        const f = document.createElement("h3");
-        f.className = "gengage-qna-heading", f.textContent = m, c.appendChild(f);
-      }
-      const y = this.config.inputPlaceholder;
-      let g;
-      if (y !== !0) g = y ?? this._i18n.defaultInputPlaceholder;
-      else if (l.actions.length > 0) {
-        const f = l.actions.filter((v) => v.type === "user_message" || v.title.includes("?")).map((v) => v.title);
-        g = f.length > 0 ? f : this._i18n.defaultInputPlaceholder;
-      } else g = this._i18n.defaultInputPlaceholder;
-      const p = {
-        onAction: this._actionHandler,
-        i18n: this._i18n
-      }, h = this._resolvedQnaHeaderTitle();
-      h !== void 0 && (p.headingTitleOverride = h), this.config.hideButtonRowCta || (p.onOpenChat = this._openChatHandler, this.config.ctaText !== void 0 && (p.ctaText = this.config.ctaText)), g !== void 0 && (p.inputPlaceholder = g);
-      const b = this._buildFallbackActionsSpec(l.actions), T = st(this.config.pageContext), u = (l.uiSpecs.length > 0 ? pt(l.uiSpecs, this._i18n, { skuList: T }) : [b]).filter((f) => Object.keys(f.elements).length > 0);
-      for (const f of u) {
-        const v = this._renderUISpec(f, p);
-        c.appendChild(v);
-      }
-      u.length > 0 && G("qna"), this._specIncludesType(u, "TextInput") || this._insertStandaloneInputBeforePills(c, p, g);
-    } catch (s) {
-      if (s instanceof DOMException && s.name === "AbortError") return;
-      if (E("gengage:global:error", {
-        source: "qna",
-        code: "FETCH_ERROR",
-        message: J(this.config.locale, s)
-      }), this.track(X(this.analyticsContext(), {
-        request_id: o,
-        error_code: "FETCH_ERROR",
-        error_message: s instanceof Error ? s.message : String(s),
-        widget: "qna"
-      })), this._contentEl) {
-        this._cleanupTextInputTimers(), this._contentEl.innerHTML = "";
-        const r = document.createElement("div");
-        r.className = "gengage-qna-panel", this._contentEl.appendChild(r);
-        const l = this.config.inputPlaceholder === !0 ? this._i18n.defaultInputPlaceholder : this.config.inputPlaceholder ?? this._i18n.defaultInputPlaceholder, c = {
-          onAction: this._actionHandler,
-          i18n: this._i18n,
-          onOpenChat: this._openChatHandler
-        }, d = this._resolvedQnaHeaderTitle();
-        d !== void 0 && (c.headingTitleOverride = d), this.config.ctaText !== void 0 && (c.ctaText = this.config.ctaText), this._appendStandaloneInput(c, l, r);
-      }
-    } finally {
-      a();
-    }
-  }
-  _createLoadingIndicator() {
-    const t = document.createElement("div");
-    t.className = "gengage-qna-loading";
-    for (let n = 0; n < 3; n++) {
-      const e = document.createElement("div");
-      e.className = "gengage-qna-loading-dot", t.appendChild(e);
-    }
-    return t;
-  }
-  _resolveI18n(t) {
-    return {
-      ...ft(t.locale),
-      ...t.i18n
-    };
-  }
-  _resolveUISpecRegistry() {
-    return H(it(), this.config.renderer?.registry);
-  }
-  _renderUISpec(t, n) {
-    const e = this._resolveUISpecRegistry(), o = this.config.renderer?.unknownRenderer ?? B, i = (s, r) => at(s, r, e, o), a = this.config.renderer?.renderUISpec;
-    return a ? a(t, n, {
-      registry: e,
-      unknownRenderer: o,
-      defaultRender: i
-    }) : i(t, n);
-  }
-  _specIncludesType(t, n) {
-    for (const e of t) for (const o of Object.values(e.elements)) if (o.type === n) return !0;
-    return !1;
-  }
-  _buildFallbackActionsSpec(t) {
-    if (t.length === 0) return {
-      root: "root",
-      elements: {}
-    };
-    const n = {}, e = [];
-    for (let o = 0; o < t.length; o++) {
-      const i = t[o], a = `action-${o}`;
-      e.push(a), n[a] = {
-        type: "ActionButton",
-        props: {
-          label: i.title,
-          action: {
-            title: i.title,
-            type: i.type,
-            payload: i.payload
-          }
-        }
-      };
-    }
-    return n.root = {
-      type: "ButtonRow",
-      children: e
-    }, {
-      root: "root",
-      elements: n
-    };
-  }
-  _insertStandaloneInputBeforePills(t, n, e) {
-    const o = {
-      root: "root",
-      elements: { root: {
-        type: "TextInput",
-        props: { placeholder: e }
-      } }
-    }, i = this._renderUISpec(o, n), a = i.querySelector(".gengage-qna-input-wrapper");
-    if (!a) return;
-    const s = t.querySelector(".gengage-qna-uispec"), r = s?.querySelector(":scope > .gengage-qna-buttons");
-    if (s && r) s.insertBefore(a, r);
-    else if (s) {
-      const l = s.querySelector(":scope > .gengage-qna-heading");
-      l ? l.insertAdjacentElement("afterend", a) : s.prepend(a);
-    } else {
-      t.appendChild(i);
-      return;
-    }
-    i.remove();
-  }
-  _appendStandaloneInput(t, n, e) {
-    if (!this._contentEl) return;
-    const o = {
-      root: "root",
-      elements: { root: {
-        type: "TextInput",
-        props: { placeholder: n }
-      } }
-    }, i = this._renderUISpec(o, t);
-    (e ?? this._contentEl).appendChild(i);
-  }
-  _handleAction(t) {
-    this._showTransitionIndicator(), tt(t.title, t.type), this.config.onActionSelected?.(t), setTimeout(() => E("gengage:qna:action", t), 350);
-  }
-  _handleOpenChat() {
-    this._showTransitionIndicator(), this.config.onOpenChat?.(), setTimeout(() => E("gengage:qna:open-chat", {}), 350);
-  }
-  _showTransitionIndicator() {
-    if (!this._contentEl) return;
-    this._contentEl.querySelector(".gengage-qna-transition-indicator")?.remove(), this._contentEl.classList.add("gengage-qna--transitioning");
-    const t = this._i18n.redirectingToChat ?? "Redirecting to chat...", n = document.createElement("div");
-    n.className = "gengage-qna-transition-indicator", n.textContent = t, (this._contentEl.querySelector(".gengage-qna-panel") ?? this._contentEl).appendChild(n), setTimeout(() => {
-      this._contentEl?.classList.remove("gengage-qna--transitioning"), n.remove();
-    }, 600);
-  }
-};
-function kt() {
-  return new At();
-}
-export {
-  B as a,
-  it as i,
-  kt as n,
-  at as o,
-  Ct as r,
-  At as t
-};