@gengage/assistant-fe 0.4.6 → 0.4.7

package/dist/runtime-SKDvc0Xc.js

@@ -0,0 +1,660 @@
+import { f as R, m as Q, r as N, t as H, u as O } from "./api-paths-DR5bPNhi.js";
+import { S as U, b as j, i as M, t as D, w as F, x as W } from "./widget-base-2-B1Ch5I.js";
+import { A as z, D as $, E as G, a as A, v as J } from "./context-DGz5F81j.js";
+import { t as E } from "./locale-CfqNifrU.js";
+import { n as V } from "./connection-warning-ecZqpczd.js";
+async function Y(e, t, n) {
+  const o = H("launcher_action", t), a = {
+    uiSpecs: [],
+    actions: []
+  }, i = {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(e)
+  };
+  n !== void 0 && (i.signal = n);
+  const s = await fetch(o, i);
+  if (!s.ok) throw new Error(`HTTP ${s.status}: ${s.statusText}`);
+  const l = { onEvent: (c) => {
+    const r = N(c);
+    if (r && (r.type === "ui_spec" && a.uiSpecs.push(r.spec), r.type === "ui_spec" && r.spec.elements)) {
+      for (const d of Object.values(r.spec.elements)) if (d.type === "ActionButton" && d.props?.action) {
+        const y = d.props.action;
+        a.actions.push(y);
+      }
+    }
+  } };
+  return n !== void 0 && (l.signal = n), await O(s, l), a;
+}
+function T(e) {
+  const t = document.createElement("div");
+  t.className = "gengage-qna-buttons gds-toolbar", t.dataset.gengagePart = "qna-button-row", t.setAttribute("role", "group"), t.setAttribute("aria-label", e.quickQuestionsAriaLabel ?? "Quick questions"), e.orientation === "vertical" && (t.style.flexDirection = "column");
+  for (const n of e.actions) {
+    const o = document.createElement("button");
+    o.className = "gengage-qna-button gds-chip", o.dataset.gengagePart = "qna-quick-question", o.textContent = n.title, o.type = "button", o.addEventListener("click", () => {
+      const a = {
+        title: n.title,
+        type: n.type
+      };
+      n.payload !== void 0 && (a.payload = n.payload), e.onAction(a);
+    }), t.appendChild(o);
+  }
+  if (e.ctaText || e.onOpenChat) {
+    const n = document.createElement("button");
+    n.className = "gengage-qna-cta gds-btn gds-btn-secondary", n.dataset.gengagePart = "qna-cta", n.textContent = e.ctaText ?? e.defaultCtaText ?? "Ask something else", n.type = "button", n.addEventListener("click", () => {
+      e.onOpenChat?.();
+    }), t.appendChild(n);
+  }
+  return t;
+}
+function Z(e) {
+  const t = document.createElement("div");
+  t.className = "gengage-qna-input-wrapper", t.dataset.gengagePart = "qna-input-wrapper";
+  const n = document.createElement("div");
+  n.className = "gengage-qna-input-combo", n.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", e.askQuestionAriaLabel ?? "Ask a question");
+  const a = Array.isArray(e.placeholders) ? e.placeholders : e.placeholders ? [e.placeholders] : [e.defaultInputPlaceholder ?? "Ask a question..."];
+  let i = 0, s = a[0] ?? "";
+  o.placeholder = s;
+  let l = null, c = null, r = !1;
+  const d = () => {
+    l && clearInterval(l), l = null, c && clearTimeout(c), c = null, o.classList.remove("gengage-qna-input--fade");
+  }, y = () => a.length > 1 && !r && o.value.trim().length === 0, m = () => {
+    d(), y() && (l = setInterval(() => {
+      y() && (o.classList.add("gengage-qna-input--fade"), c = setTimeout(() => {
+        i = (i + 1) % a.length, s = a[i] ?? "", o.placeholder = s, o.classList.remove("gengage-qna-input--fade");
+      }, 180));
+    }, 3e3));
+  }, h = document.createElement("div");
+  h.className = "gengage-qna-input-actions", h.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 g = document.createElement("button");
+  g.className = "gengage-qna-icon-btn gengage-qna-send gengage-qna-icon-btn--hidden", g.type = "button", g.dataset.gengagePart = "qna-send", g.setAttribute("aria-label", e.sendQuestionAriaLabel ?? "Send question"), g.disabled = !0, g.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">${e.ctaLabel ?? e.sendButtonText ?? "Ask"}</span>`;
+  const b = () => {
+    const u = o.value.trim().length > 0;
+    p.classList.toggle("gengage-qna-icon-btn--hidden", !u), g.classList.toggle("gengage-qna-icon-btn--hidden", !u), g.classList.toggle("gengage-qna-send--active", u), g.disabled = !u;
+  }, v = () => {
+    const u = o.value.trim();
+    u && (e.onSubmit({
+      title: u,
+      type: "user_message",
+      payload: u
+    }), o.value = "", b(), m());
+  };
+  return p.addEventListener("click", () => {
+    o.value = "", b(), o.focus({ preventScroll: !0 });
+  }), g.addEventListener("click", v), o.addEventListener("focus", () => {
+    r = !0, d(), o.placeholder = "";
+  }), o.addEventListener("blur", () => {
+    r = !1, o.value.trim().length === 0 && (o.placeholder = s), m();
+  }), o.addEventListener("input", () => {
+    if (b(), o.value.trim().length > 0) {
+      d();
+      return;
+    }
+    o.placeholder = r ? "" : s, m();
+  }), o.addEventListener("keydown", (u) => {
+    u.key === "Enter" && (u.preventDefault(), v()), u.key === "Escape" && o.value.length > 0 && (o.value = "", b(), m());
+  }), h.appendChild(p), h.appendChild(g), n.appendChild(o), n.appendChild(h), t.appendChild(n), b(), m(), t._cleanup = () => {
+    d();
+  }, t;
+}
+function q(e, t) {
+  if (!e || typeof e != "object") return null;
+  const n = e, o = n.type;
+  if (typeof o != "string" || o.length === 0) return null;
+  const a = n.title, i = n.payload, s = typeof a == "string" && a.length > 0 ? a : t;
+  if (!s) return null;
+  const l = {
+    title: s,
+    type: o
+  };
+  return i !== void 0 && (l.payload = i), l;
+}
+function C(e) {
+  const t = {
+    title: e.title,
+    type: e.type
+  };
+  return e.payload !== void 0 && (t.payload = e.payload), t;
+}
+function k(e, t) {
+  const n = [], o = e.props?.actions;
+  if (Array.isArray(o)) for (const s of o) {
+    const l = q(s);
+    l && n.push(l);
+  }
+  const a = e.props?.buttons;
+  if (Array.isArray(a)) for (const s of a) {
+    if (!s || typeof s != "object") continue;
+    const l = s, c = typeof l.label == "string" ? l.label : void 0, r = q(l.action, c);
+    r && n.push(r);
+  }
+  if (e.children) for (const s of e.children) {
+    const l = t.elements[s];
+    if (!l || l.type !== "ActionButton") continue;
+    const c = typeof l.props?.label == "string" ? l.props.label : void 0, r = q(l.props?.action, c);
+    r && n.push(r);
+  }
+  const i = /* @__PURE__ */ new Set();
+  return n.filter((s) => i.has(s.title) ? !1 : (i.add(s.title), !0));
+}
+var I = {
+  ButtonRow: ({ element: e, spec: t, context: n }) => {
+    const o = k(e, t).map(C), a = e.props?.orientation, i = {
+      actions: o,
+      onAction: n.onAction,
+      defaultCtaText: n.i18n.defaultCtaText,
+      quickQuestionsAriaLabel: n.i18n.quickQuestionsAriaLabel
+    };
+    return n.onOpenChat !== void 0 && (i.onOpenChat = n.onOpenChat), n.ctaText !== void 0 && (i.ctaText = n.ctaText), (a === "horizontal" || a === "vertical") && (i.orientation = a), T(i);
+  },
+  ActionButtons: ({ element: e, spec: t, context: n }) => {
+    const o = {
+      actions: k(e, t).map(C),
+      onAction: n.onAction,
+      defaultCtaText: n.i18n.defaultCtaText,
+      quickQuestionsAriaLabel: n.i18n.quickQuestionsAriaLabel
+    };
+    return n.onOpenChat !== void 0 && (o.onOpenChat = n.onOpenChat), n.ctaText !== void 0 && (o.ctaText = n.ctaText), T(o);
+  },
+  ActionButton: ({ element: e, context: t }) => {
+    const n = document.createElement("button");
+    n.className = "gengage-qna-button gds-chip", n.type = "button", n.dataset.gengagePart = "qna-action-button";
+    const o = e.props?.label;
+    typeof o == "string" ? n.textContent = o : n.textContent = t.i18n.defaultCtaText;
+    const a = q(e.props?.action, typeof o == "string" ? o : void 0);
+    return a && n.addEventListener("click", () => t.onAction(a)), n;
+  },
+  TextInput: ({ element: e, context: t }) => {
+    const n = e.props?.placeholder, o = typeof n == "string" || Array.isArray(n) ? n : t.inputPlaceholder, a = typeof e.props?.ctaLabel == "string" ? e.props.ctaLabel : void 0, i = {
+      onSubmit: t.onAction,
+      askQuestionAriaLabel: t.i18n.askQuestionAriaLabel,
+      defaultInputPlaceholder: t.i18n.defaultInputPlaceholder,
+      sendButtonText: t.i18n.sendButton,
+      sendQuestionAriaLabel: t.i18n.sendQuestionAriaLabel
+    };
+    return o !== void 0 && (i.placeholders = o), a !== void 0 && (i.ctaLabel = a), Z(i);
+  },
+  QuestionHeading: ({ element: e, context: t }) => {
+    const n = document.createElement("h3");
+    n.className = "gengage-qna-heading", n.dataset.gengagePart = "qna-heading";
+    const o = e.props?.text, a = t.headingTitleOverride;
+    return n.textContent = typeof a == "string" && a.trim().length > 0 ? a : typeof o == "string" ? o : "", n;
+  },
+  ProductCard: () => null
+}, w = ({ element: e, renderElement: t }) => {
+  if (!e.children || e.children.length === 0) return null;
+  const n = document.createElement("div");
+  for (const o of e.children) {
+    const a = t(o);
+    a && n.appendChild(a);
+  }
+  return n;
+};
+function K() {
+  return { ...I };
+}
+function X(e, t, n = I, o = w) {
+  return Q({
+    spec: e,
+    context: t,
+    registry: n,
+    containerClassName: "gengage-qna-uispec",
+    unknownRenderer: o
+  });
+}
+function tt(e) {
+  if (!e) return;
+  const t = e.extra;
+  if (t && typeof t == "object" && !Array.isArray(t)) {
+    const o = t.visible_skus ?? t.visibleSkus;
+    if (Array.isArray(o)) {
+      const a = o.filter((i) => typeof i == "string" && i.trim().length > 0).map((i) => i.trim()).slice(0, 200);
+      if (a.length > 0) return a;
+    }
+  }
+  const n = typeof e.sku == "string" && e.sku.trim() ? e.sku.trim() : void 0;
+  return n ? [n] : void 0;
+}
+function P(e, t) {
+  if (!e) return null;
+  const n = e.action;
+  if (!n || typeof n != "object") return null;
+  const o = n, a = o.type;
+  if (typeof a != "string" || a.length === 0) return null;
+  const i = o.title, s = typeof i == "string" && i.length > 0 ? i : typeof t == "string" && t.length > 0 ? t : "";
+  if (!s) return null;
+  const l = o.payload, c = {
+    title: s,
+    type: a
+  };
+  return l !== void 0 && (c.payload = l), c;
+}
+function et(e, t) {
+  const n = e.elements[e.root];
+  if (!n) return !1;
+  const o = (a) => {
+    if (a.type !== "ActionButton") return !1;
+    const i = a.props;
+    if (!i || typeof i != "object") return !1;
+    const s = typeof i.label == "string" ? i.label : void 0;
+    return s === t ? !0 : P(i, s)?.title === t;
+  };
+  if (n.type === "ActionButton") return o(n);
+  if (n.children) for (const a of n.children) {
+    const i = e.elements[a];
+    if (i && o(i)) return !0;
+  }
+  if (n.type === "ActionButtons" && Array.isArray(n.props?.buttons)) {
+    for (const a of n.props.buttons)
+      if (a?.label === t || a?.action?.title === t) return !0;
+  }
+  return !1;
+}
+var S = 0;
+function x() {
+  return S += 1, `gengage-merge-${S}`;
+}
+function nt(e, t) {
+  const n = e.elements[e.root];
+  if (!n || n.type !== "ButtonRow") return;
+  const o = x();
+  e.elements[o] = {
+    type: "ActionButton",
+    props: {
+      label: t.title,
+      action: {
+        title: t.title,
+        type: t.type,
+        ...t.payload !== void 0 ? { payload: t.payload } : {}
+      }
+    }
+  }, n.children = n.children ? [o, ...n.children] : [o];
+}
+function ot(e, t) {
+  const n = e.elements[e.root];
+  if (!n || n.type !== "ActionButtons") return;
+  const o = x();
+  e.elements[o] = {
+    type: "ActionButton",
+    props: {
+      label: t.title,
+      action: {
+        title: t.title,
+        type: t.type,
+        ...t.payload !== void 0 ? { payload: t.payload } : {}
+      }
+    }
+  }, n.children = n.children ? [o, ...n.children] : [o];
+  const a = n.props?.buttons ?? [], i = {
+    label: t.title,
+    action: {
+      title: t.title,
+      type: t.type,
+      ...t.payload !== void 0 ? { payload: t.payload } : {}
+    }
+  };
+  n.props = {
+    ...n.props,
+    buttons: [i, ...a]
+  };
+}
+function at(e) {
+  const t = {}, n = [];
+  for (let o = 0; o < e.length; o++) {
+    const a = e[o], i = `action-${o}`;
+    n.push(i), t[i] = {
+      type: "ActionButton",
+      props: {
+        label: a.title,
+        action: {
+          title: a.title,
+          type: a.type,
+          ...a.payload !== void 0 ? { payload: a.payload } : {}
+        }
+      }
+    };
+  }
+  return t.root = {
+    type: "ButtonRow",
+    children: n
+  }, {
+    root: "root",
+    elements: t
+  };
+}
+function it(e) {
+  return e.find((t) => {
+    const n = t.elements[t.root];
+    return n?.type === "ActionButtons" || n?.type === "ButtonRow";
+  });
+}
+function L(e, t) {
+  const n = e.productContextQuickPillLabel, o = { text: n };
+  return t && t.length > 0 && (o.sku_list = t), {
+    title: n,
+    type: "user_message",
+    payload: o
+  };
+}
+function st(e, t, n) {
+  const o = n?.skuList, a = [], i = [];
+  for (const c of e) {
+    const r = c.elements[c.root];
+    if (r?.type === "ActionButton") {
+      const d = r.props;
+      if (P(d, typeof d?.label == "string" ? d.label : void 0)?.type === "findSimilar") {
+        a.push(L(t, o));
+        continue;
+      }
+    }
+    i.push(c);
+  }
+  if (a.length === 0) return e;
+  const s = L(t, o), l = it(i);
+  if (!l) return [...i, at([s])];
+  if (!et(l, s.title)) {
+    const c = l.elements[l.root];
+    c?.type === "ActionButtons" ? ot(l, s) : c?.type === "ButtonRow" && nt(l, s);
+  }
+  return i;
+}
+var B = {
+  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?"
+}, rt = {
+  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 lt(e) {
+  return e ? e.toLowerCase().split("-")[0] ?? "tr" : "tr";
+}
+function ct(e) {
+  return lt(e) === "en" ? rt : B;
+}
+var dt = class extends D {
+  constructor(...e) {
+    super(...e), this._abortController = null, this._debounceTimer = null, this._contentEl = null, this._i18n = B, this._actionHandler = this._handleAction.bind(this), this._openChatHandler = this._handleOpenChat.bind(this);
+  }
+  async onInit(e) {
+    this._i18n = this._resolveI18n(e), this._contentEl = document.createElement("div"), this._contentEl.className = "gengage-qna-container", this._contentEl.dataset.gengagePart = "qna-container", this._contentEl.lang = E(e.locale);
+    const t = this._createChrome(e);
+    if (t) {
+      const o = document.createElement("div");
+      o.className = "gengage-qna-chrome-widget", o.dataset.gengagePart = "qna-chrome-widget", o.appendChild(this._contentEl), t.appendChild(o), this.root.appendChild(t);
+    } else this.root.appendChild(this._contentEl);
+    const n = e.pageContext?.sku;
+    n && (this._lastSku = n, await this._fetchAndRender(n)), J("qna");
+  }
+  onUpdate(e) {
+    const t = e.sku;
+    !t || t === this._lastSku || (this._debounceTimer && clearTimeout(this._debounceTimer), this._debounceTimer = setTimeout(() => {
+      this._debounceTimer = null, this._lastSku = t, this._fetchAndRender(t);
+    }, 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 e = this.config.headerTitle ?? this.config.headingTitle;
+    if (typeof e != "string") return;
+    const t = e.trim();
+    return t.length > 0 ? t : void 0;
+  }
+  _cleanupTextInputTimers() {
+    if (!this._contentEl) return;
+    const e = this._contentEl.querySelectorAll(".gengage-qna-input-wrapper");
+    for (const t of e) t._cleanup?.();
+  }
+  async _fetchAndRender(e) {
+    if (this._abort(), this._abortController = new AbortController(), !this._contentEl) return;
+    this._cleanupTextInputTimers(), this._contentEl.innerHTML = "";
+    const t = this._createLoadingIndicator();
+    this._contentEl.appendChild(t);
+    const n = { middlewareUrl: this.config.middlewareUrl }, o = crypto.randomUUID(), a = Date.now(), i = V({
+      source: "qna",
+      locale: this.config.locale
+    });
+    this.track(U(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: e,
+        locale: E(this.config.locale)
+      }, l = this.config.pageContext?.pageType;
+      l !== void 0 && (s.page_type = l);
+      const c = await Y(s, n, this._abortController.signal);
+      if (this.track(j(this.analyticsContext(), {
+        request_id: o,
+        latency_ms: Date.now() - a,
+        chunk_count: c.actions.length,
+        widget: "qna"
+      })), this.track(F(this.analyticsContext(), {
+        message_count: c.actions.length,
+        history_ref: o,
+        redaction_level: "none",
+        widget: "qna"
+      })), !this._contentEl) return;
+      this._contentEl.innerHTML = "";
+      const r = document.createElement("div");
+      r.className = "gengage-qna-panel gds-panel", r.dataset.gengagePart = "qna-panel", this._contentEl.appendChild(r);
+      const d = this._specIncludesType(c.uiSpecs, "QuestionHeading"), y = this._resolvedQnaHeaderTitle() ?? (this.config.showStaticQuestion && this.config.staticQuestionText ? this.config.staticQuestionText : void 0);
+      if (!d && y) {
+        const f = document.createElement("h3");
+        f.className = "gengage-qna-heading", f.textContent = y, r.appendChild(f);
+      }
+      const m = this.config.inputPlaceholder;
+      let h;
+      if (m !== !0) h = m ?? this._i18n.defaultInputPlaceholder;
+      else if (c.actions.length > 0) {
+        const f = c.actions.filter((_) => _.type === "user_message" || _.title.includes("?")).map((_) => _.title);
+        h = f.length > 0 ? f : this._i18n.defaultInputPlaceholder;
+      } else h = this._i18n.defaultInputPlaceholder;
+      const p = {
+        onAction: this._actionHandler,
+        i18n: this._i18n
+      }, g = this._resolvedQnaHeaderTitle();
+      g !== void 0 && (p.headingTitleOverride = g), this.config.hideButtonRowCta || (p.onOpenChat = this._openChatHandler, this.config.ctaText !== void 0 && (p.ctaText = this.config.ctaText)), h !== void 0 && (p.inputPlaceholder = h);
+      const b = this._buildFallbackActionsSpec(c.actions), v = tt(this.config.pageContext), u = (c.uiSpecs.length > 0 ? st(c.uiSpecs, this._i18n, { skuList: v }) : [b]).filter((f) => Object.keys(f.elements).length > 0);
+      for (const f of u) {
+        const _ = this._renderUISpec(f, p);
+        r.appendChild(_);
+      }
+      u.length > 0 && G("qna"), this._specIncludesType(u, "TextInput") || this._insertStandaloneInputBeforePills(r, p, h);
+    } catch (s) {
+      if (s instanceof DOMException && s.name === "AbortError") return;
+      if (A("gengage:global:error", {
+        source: "qna",
+        code: "FETCH_ERROR",
+        message: M(this.config.locale, s)
+      }), this.track(W(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 l = document.createElement("div");
+        l.className = "gengage-qna-panel", this._contentEl.appendChild(l);
+        const c = this.config.inputPlaceholder === !0 ? this._i18n.defaultInputPlaceholder : this.config.inputPlaceholder ?? this._i18n.defaultInputPlaceholder, r = {
+          onAction: this._actionHandler,
+          i18n: this._i18n,
+          onOpenChat: this._openChatHandler
+        }, d = this._resolvedQnaHeaderTitle();
+        d !== void 0 && (r.headingTitleOverride = d), this.config.ctaText !== void 0 && (r.ctaText = this.config.ctaText), this._appendStandaloneInput(r, c, l);
+      }
+    } finally {
+      i();
+    }
+  }
+  _createLoadingIndicator() {
+    const e = document.createElement("div");
+    e.className = "gengage-qna-loading";
+    for (let t = 0; t < 3; t++) {
+      const n = document.createElement("div");
+      n.className = "gengage-qna-loading-dot", e.appendChild(n);
+    }
+    return e;
+  }
+  _resolveI18n(e) {
+    return {
+      ...ct(e.locale),
+      ...e.i18n
+    };
+  }
+  _createChrome(e) {
+    const t = e.chrome;
+    if (!t) return null;
+    const n = typeof t.title == "string" ? t.title.trim() : "", o = typeof t.subtitle == "string" ? t.subtitle.trim() : "", a = typeof t.startButtonLabel == "string" ? t.startButtonLabel.trim() : "", i = typeof t.imageUrl == "string" ? t.imageUrl.trim() : "", s = typeof t.imagePadding == "string" ? t.imagePadding.trim() : "", l = document.createElement("section");
+    l.className = "gengage-qna-chrome", l.dataset.gengagePart = "qna-chrome", t.layout === "side-image" && (l.classList.add("gengage-qna-chrome--side-image"), l.dataset.gengageChromeLayout = "side-image"), s && l.style.setProperty("--gengage-qna-chrome-image-padding", s);
+    const c = document.createElement("div");
+    if (c.className = "gengage-qna-chrome-copy", c.dataset.gengagePart = "qna-chrome-copy", n) {
+      const r = document.createElement("h2");
+      r.className = "gengage-qna-chrome-title", r.dataset.gengagePart = "qna-chrome-title", r.textContent = n, c.appendChild(r);
+    }
+    if (o) {
+      const r = document.createElement("p");
+      r.className = "gengage-qna-chrome-subtitle", r.dataset.gengagePart = "qna-chrome-subtitle", r.textContent = o, c.appendChild(r);
+    }
+    if (c.children.length > 0 && l.appendChild(c), i && z(i)) {
+      const r = document.createElement("img");
+      r.className = "gengage-qna-chrome-image", r.dataset.gengagePart = "qna-chrome-image", r.src = i, r.alt = typeof t.imageAlt == "string" ? t.imageAlt : "", r.loading = "lazy", r.addEventListener("error", () => {
+        r.style.display = "none";
+      }, { once: !0 }), l.appendChild(r);
+    }
+    if (a) {
+      const r = document.createElement("button");
+      r.className = "gengage-qna-chrome-start", r.dataset.gengagePart = "qna-chrome-start", r.type = "button", r.textContent = a, r.addEventListener("click", () => this._handleOpenChat()), l.appendChild(r);
+    }
+    return l.children.length === 0 ? null : l;
+  }
+  _resolveUISpecRegistry() {
+    return R(K(), this.config.renderer?.registry);
+  }
+  _renderUISpec(e, t) {
+    const n = this._resolveUISpecRegistry(), o = this.config.renderer?.unknownRenderer ?? w, a = (s, l) => X(s, l, n, o), i = this.config.renderer?.renderUISpec;
+    return i ? i(e, t, {
+      registry: n,
+      unknownRenderer: o,
+      defaultRender: a
+    }) : a(e, t);
+  }
+  _specIncludesType(e, t) {
+    for (const n of e) for (const o of Object.values(n.elements)) if (o.type === t) return !0;
+    return !1;
+  }
+  _buildFallbackActionsSpec(e) {
+    if (e.length === 0) return {
+      root: "root",
+      elements: {}
+    };
+    const t = {}, n = [];
+    for (let o = 0; o < e.length; o++) {
+      const a = e[o], i = `action-${o}`;
+      n.push(i), t[i] = {
+        type: "ActionButton",
+        props: {
+          label: a.title,
+          action: {
+            title: a.title,
+            type: a.type,
+            payload: a.payload
+          }
+        }
+      };
+    }
+    return t.root = {
+      type: "ButtonRow",
+      children: n
+    }, {
+      root: "root",
+      elements: t
+    };
+  }
+  _insertStandaloneInputBeforePills(e, t, n) {
+    const o = {
+      root: "root",
+      elements: { root: {
+        type: "TextInput",
+        props: { placeholder: n }
+      } }
+    }, a = this._renderUISpec(o, t), i = a.querySelector(".gengage-qna-input-wrapper");
+    if (!i) return;
+    const s = e.querySelector(".gengage-qna-uispec"), l = s?.querySelector(":scope > .gengage-qna-buttons");
+    if (s && l) s.insertBefore(i, l);
+    else if (s) {
+      const c = s.querySelector(":scope > .gengage-qna-heading");
+      c ? c.insertAdjacentElement("afterend", i) : s.prepend(i);
+    } else {
+      e.appendChild(a);
+      return;
+    }
+    a.remove();
+  }
+  _appendStandaloneInput(e, t, n) {
+    if (!this._contentEl) return;
+    const o = {
+      root: "root",
+      elements: { root: {
+        type: "TextInput",
+        props: { placeholder: t }
+      } }
+    }, a = this._renderUISpec(o, e);
+    (n ?? this._contentEl).appendChild(a);
+  }
+  _handleAction(e) {
+    this._showTransitionIndicator(), $(e.title, e.type), this.config.onActionSelected?.(e), setTimeout(() => A("gengage:qna:action", e), 350);
+  }
+  _handleOpenChat() {
+    this._showTransitionIndicator(), this.config.onOpenChat?.(), setTimeout(() => A("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 e = this._i18n.redirectingToChat ?? "Redirecting to chat...", t = document.createElement("div");
+    t.className = "gengage-qna-transition-indicator", t.textContent = e, (this._contentEl.querySelector(".gengage-qna-panel") ?? this._contentEl).appendChild(t), setTimeout(() => {
+      this._contentEl?.classList.remove("gengage-qna--transitioning"), t.remove();
+    }, 600);
+  }
+};
+function mt() {
+  return new dt();
+}
+export {
+  X as a,
+  w as i,
+  mt as n,
+  K as r,
+  dt as t
+};

package/dist/simbut/index.d.ts

@@ -4,8 +4,10 @@ import { GengageChat } from '../chat/index.js';
 import { SimButWidgetConfig } from './types.js';
 export declare class GengageSimBut extends BaseWidget<SimButWidgetConfig> {
     private _button;
+    private _inlineFrame;
     private _label;
     protected onInit(config: SimButWidgetConfig): Promise<void>;
+    private _createInlineCard;
     protected onUpdate(_context: Partial<PageContext>): void;
     hide(): void;
     show(): void;
@@ -17,4 +19,4 @@ export declare class GengageSimBut extends BaseWidget<SimButWidgetConfig> {
     setChat(chat: GengageChat | null): void;
 }
 export declare function createSimButWidget(): GengageSimBut;
-export type { SimButWidgetConfig, SimButI18n } from './types.js';
+export type { SimButWidgetConfig, SimButI18n, SimButInlineCardConfig, SimButLayout } from './types.js';