@gengage/assistant-fe 0.6.34 → 0.6.36

package/dist/{runtime-By-msZ8j.js → runtime-CCQGaWOq.js}

@@ -1,23 +1,22 @@
-import { d as x, h as Q, p as R, r as N, t as H } from "./api-paths-DZQ4Xx7u.js";
-import { A as O, D as U, E as j, a as q, v as M } from "./context-UTzCGyR9.js";
-import { o as F, t as W } from "./widget-base-C_RZ-VIr.js";
+import { f as x, g as Q, i as R, m as N, n as H, t as O } from "./request-response-cache-D6O2m-O-.js";
+import { A as U, D as j, E as M, a as q, v as F } from "./context-UTzCGyR9.js";
+import { o as W, t as D } from "./widget-base-CmxCHKJi.js";
 import { t as A } from "./locale-uQ5XZ2yS.js";
-import { t as D } from "./request-response-cache-BxRsKGJ0.js";
-import { n as z } from "./connection-warning-DBE8pkFv.js";
-async function $(e, t, n) {
-  const o = H("launcher_action", t), i = {
+import { n as z } from "./connection-warning-ChSjBT_4.js";
+async function $(t, e, n) {
+  const o = H("launcher_action", e), i = {
     uiSpecs: [],
     actions: []
   }, a = {
     method: "POST",
     headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(e)
+    body: JSON.stringify(t)
   };
   n !== void 0 && (a.signal = n);
-  const l = await D(o, a);
+  const l = await O(o, a);
   if (!l.ok) throw new Error(`HTTP ${l.status}: ${l.statusText}`);
   const s = { onEvent: (c) => {
-    const r = N(c);
+    const r = R(c);
     if (r && (r.type === "ui_spec" && i.uiSpecs.push(r.spec), r.type === "ui_spec" && r.spec.elements)) {
       for (const u of Object.values(r.spec.elements)) if (u.type === "ActionButton" && u.props?.action) {
         const m = u.props.action;
@@ -27,35 +26,35 @@ async function $(e, t, n) {
   } };
   return n !== void 0 && (s.signal = n), await x(l, s), i;
 }
-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) {
+function T(t) {
+  const e = document.createElement("div");
+  e.className = "gengage-qna-buttons gds-toolbar", e.dataset.gengagePart = "qna-button-row", e.setAttribute("role", "group"), e.setAttribute("aria-label", t.quickQuestionsAriaLabel ?? "Quick questions"), t.orientation === "vertical" && (e.style.flexDirection = "column");
+  for (const n of t.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 i = {
         title: n.title,
         type: n.type
       };
-      n.payload !== void 0 && (i.payload = n.payload), e.onAction(i);
-    }), t.appendChild(o);
+      n.payload !== void 0 && (i.payload = n.payload), t.onAction(i);
+    }), e.appendChild(o);
   }
-  if (e.ctaText || e.onOpenChat) {
+  if (t.ctaText || t.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);
+    n.className = "gengage-qna-cta gds-btn gds-btn-secondary", n.dataset.gengagePart = "qna-cta", n.textContent = t.ctaText ?? t.defaultCtaText ?? "Ask something else", n.type = "button", n.addEventListener("click", () => {
+      t.onOpenChat?.();
+    }), e.appendChild(n);
   }
-  return t;
+  return e;
 }
-function G(e) {
-  const t = document.createElement("div");
-  t.className = "gengage-qna-input-wrapper", t.dataset.gengagePart = "qna-input-wrapper";
+function G(t) {
+  const e = document.createElement("div");
+  e.className = "gengage-qna-input-wrapper", e.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 i = Array.isArray(e.placeholders) ? e.placeholders : e.placeholders ? [e.placeholders] : [e.defaultInputPlaceholder ?? "Ask a question..."];
+  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, l = i[0] ?? "";
   o.placeholder = l;
   let s = null, c = null, r = !1;
@@ -72,13 +71,13 @@ function G(e) {
   const f = document.createElement("button");
   f.className = "gengage-qna-icon-btn gengage-qna-clear gengage-qna-icon-btn--hidden", f.type = "button", f.dataset.gengagePart = "qna-clear", f.setAttribute("aria-label", "Clear question"), f.innerHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 6L6 18" /><path d="M6 6L18 18" /></svg>';
   const p = document.createElement("button");
-  p.className = "gengage-qna-icon-btn gengage-qna-send gengage-qna-icon-btn--hidden", p.type = "button", p.dataset.gengagePart = "qna-send", p.setAttribute("aria-label", e.sendQuestionAriaLabel ?? "Send question"), p.disabled = !0, p.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>`;
+  p.className = "gengage-qna-icon-btn gengage-qna-send gengage-qna-icon-btn--hidden", p.type = "button", p.dataset.gengagePart = "qna-send", p.setAttribute("aria-label", t.sendQuestionAriaLabel ?? "Send question"), p.disabled = !0, p.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 y = () => {
     const d = o.value.trim().length > 0;
     f.classList.toggle("gengage-qna-icon-btn--hidden", !d), p.classList.toggle("gengage-qna-icon-btn--hidden", !d), p.classList.toggle("gengage-qna-send--active", d), p.disabled = !d;
   }, b = () => {
     const d = o.value.trim();
-    d && (e.onSubmit({
+    d && (t.onSubmit({
       title: d,
       type: "user_message",
       payload: d
@@ -98,15 +97,15 @@ function G(e) {
     o.placeholder = r ? "" : l, g();
   }), o.addEventListener("keydown", (d) => {
     d.key === "Enter" && (d.preventDefault(), b()), d.key === "Escape" && o.value.length > 0 && (o.value = "", y(), g());
-  }), h.appendChild(f), h.appendChild(p), n.appendChild(o), n.appendChild(h), t.appendChild(n), y(), g(), t._cleanup = () => {
+  }), h.appendChild(f), h.appendChild(p), n.appendChild(o), n.appendChild(h), e.appendChild(n), y(), g(), e._cleanup = () => {
     u();
-  }, t;
+  }, e;
 }
-function v(e, t) {
-  if (!e || typeof e != "object") return null;
-  const n = e, o = n.type;
+function v(t, e) {
+  if (!t || typeof t != "object") return null;
+  const n = t, o = n.type;
   if (typeof o != "string" || o.length === 0) return null;
-  const i = n.title, a = n.payload, l = typeof i == "string" && i.length > 0 ? i : t;
+  const i = n.title, a = n.payload, l = typeof i == "string" && i.length > 0 ? i : e;
   if (!l) return null;
   const s = {
     title: l,
@@ -114,27 +113,27 @@ function v(e, t) {
   };
   return a !== void 0 && (s.payload = a), s;
 }
-function E(e) {
-  const t = {
-    title: e.title,
-    type: e.type
+function E(t) {
+  const e = {
+    title: t.title,
+    type: t.type
   };
-  return e.payload !== void 0 && (t.payload = e.payload), t;
+  return t.payload !== void 0 && (e.payload = t.payload), e;
 }
-function C(e, t) {
-  const n = [], o = e.props?.actions;
+function C(t, e) {
+  const n = [], o = t.props?.actions;
   if (Array.isArray(o)) for (const l of o) {
     const s = v(l);
     s && n.push(s);
   }
-  const i = e.props?.buttons;
+  const i = t.props?.buttons;
   if (Array.isArray(i)) for (const l of i) {
     if (!l || typeof l != "object") continue;
     const s = l, c = typeof s.label == "string" ? s.label : void 0, r = v(s.action, c);
     r && n.push(r);
   }
-  if (e.children) for (const l of e.children) {
-    const s = t.elements[l];
+  if (t.children) for (const l of t.children) {
+    const s = e.elements[l];
     if (!s || s.type !== "ActionButton") continue;
     const c = typeof s.props?.label == "string" ? s.props.label : void 0, r = v(s.props?.action, c);
     r && n.push(r);
@@ -143,8 +142,8 @@ function C(e, t) {
   return n.filter((l) => a.has(l.title) ? !1 : (a.add(l.title), !0));
 }
 var L = {
-  ButtonRow: ({ element: e, spec: t, context: n }) => {
-    const o = C(e, t).map(E), i = e.props?.orientation, a = {
+  ButtonRow: ({ element: t, spec: e, context: n }) => {
+    const o = C(t, e).map(E), i = t.props?.orientation, a = {
       actions: o,
       onAction: n.onAction,
       defaultCtaText: n.i18n.defaultCtaText,
@@ -152,45 +151,45 @@ var L = {
     };
     return n.onOpenChat !== void 0 && (a.onOpenChat = n.onOpenChat), n.ctaText !== void 0 && (a.ctaText = n.ctaText), (i === "horizontal" || i === "vertical") && (a.orientation = i), T(a);
   },
-  ActionButtons: ({ element: e, spec: t, context: n }) => {
+  ActionButtons: ({ element: t, spec: e, context: n }) => {
     const o = {
-      actions: C(e, t).map(E),
+      actions: C(t, e).map(E),
       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 }) => {
+  ActionButton: ({ element: t, context: e }) => {
     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 i = v(e.props?.action, typeof o == "string" ? o : void 0);
-    return i && n.addEventListener("click", () => t.onAction(i)), n;
+    const o = t.props?.label;
+    typeof o == "string" ? n.textContent = o : n.textContent = e.i18n.defaultCtaText;
+    const i = v(t.props?.action, typeof o == "string" ? o : void 0);
+    return i && n.addEventListener("click", () => e.onAction(i)), n;
   },
-  TextInput: ({ element: e, context: t }) => {
-    const n = e.props?.placeholder, o = typeof n == "string" || Array.isArray(n) ? n : t.inputPlaceholder, i = typeof e.props?.ctaLabel == "string" ? e.props.ctaLabel : void 0, a = {
-      onSubmit: t.onAction,
-      askQuestionAriaLabel: t.i18n.askQuestionAriaLabel,
-      defaultInputPlaceholder: t.i18n.defaultInputPlaceholder,
-      sendButtonText: t.i18n.sendButton,
-      sendQuestionAriaLabel: t.i18n.sendQuestionAriaLabel
+  TextInput: ({ element: t, context: e }) => {
+    const n = t.props?.placeholder, o = typeof n == "string" || Array.isArray(n) ? n : e.inputPlaceholder, i = typeof t.props?.ctaLabel == "string" ? t.props.ctaLabel : void 0, a = {
+      onSubmit: e.onAction,
+      askQuestionAriaLabel: e.i18n.askQuestionAriaLabel,
+      defaultInputPlaceholder: e.i18n.defaultInputPlaceholder,
+      sendButtonText: e.i18n.sendButton,
+      sendQuestionAriaLabel: e.i18n.sendQuestionAriaLabel
     };
     return o !== void 0 && (a.placeholders = o), i !== void 0 && (a.ctaLabel = i), G(a);
   },
-  QuestionHeading: ({ element: e, context: t }) => {
+  QuestionHeading: ({ element: t, context: e }) => {
     const n = document.createElement("h3");
     n.className = "gengage-qna-heading", n.dataset.gengagePart = "qna-heading";
-    const o = e.props?.text, i = t.headingTitleOverride;
+    const o = t.props?.text, i = e.headingTitleOverride;
     return n.textContent = typeof i == "string" && i.trim().length > 0 ? i : typeof o == "string" ? o : "", n;
   },
   ProductCard: () => null
-}, S = ({ element: e, renderElement: t }) => {
-  if (!e.children || e.children.length === 0) return null;
+}, S = ({ element: t, renderElement: e }) => {
+  if (!t.children || t.children.length === 0) return null;
   const n = document.createElement("div");
-  for (const o of e.children) {
-    const i = t(o);
+  for (const o of t.children) {
+    const i = e(o);
     i && n.appendChild(i);
   }
   return n;
@@ -198,35 +197,35 @@ var L = {
 function J() {
   return { ...L };
 }
-function V(e, t, n = L, o = S) {
+function V(t, e, n = L, o = S) {
   return Q({
-    spec: e,
-    context: t,
+    spec: t,
+    context: e,
     registry: n,
     containerClassName: "gengage-qna-uispec",
     unknownRenderer: o
   });
 }
-function Y(e) {
-  if (!e) return;
-  const t = e.extra;
-  if (t && typeof t == "object" && !Array.isArray(t)) {
-    const o = t.visible_skus ?? t.visibleSkus;
+function Y(t) {
+  if (!t) return;
+  const e = t.extra;
+  if (e && typeof e == "object" && !Array.isArray(e)) {
+    const o = e.visible_skus ?? e.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 n = typeof e.sku == "string" && e.sku.trim() ? e.sku.trim() : void 0;
+  const n = typeof t.sku == "string" && t.sku.trim() ? t.sku.trim() : void 0;
   return n ? [n] : void 0;
 }
-function P(e, t) {
-  if (!e) return null;
-  const n = e.action;
+function P(t, e) {
+  if (!t) return null;
+  const n = t.action;
   if (!n || typeof n != "object") return null;
   const o = n, i = o.type;
   if (typeof i != "string" || i.length === 0) return null;
-  const a = o.title, l = typeof a == "string" && a.length > 0 ? a : typeof t == "string" && t.length > 0 ? t : "";
+  const a = o.title, l = typeof a == "string" && a.length > 0 ? a : typeof e == "string" && e.length > 0 ? e : "";
   if (!l) return null;
   const s = o.payload, c = {
     title: l,
@@ -234,24 +233,24 @@ function P(e, t) {
   };
   return s !== void 0 && (c.payload = s), c;
 }
-function Z(e, t) {
-  const n = e.elements[e.root];
+function Z(t, e) {
+  const n = t.elements[t.root];
   if (!n) return !1;
   const o = (i) => {
     if (i.type !== "ActionButton") return !1;
     const a = i.props;
     if (!a || typeof a != "object") return !1;
     const l = typeof a.label == "string" ? a.label : void 0;
-    return l === t ? !0 : P(a, l)?.title === t;
+    return l === e ? !0 : P(a, l)?.title === e;
   };
   if (n.type === "ActionButton") return o(n);
   if (n.children) for (const i of n.children) {
-    const a = e.elements[i];
+    const a = t.elements[i];
     if (a && o(a)) return !0;
   }
   if (n.type === "ActionButtons" && Array.isArray(n.props?.buttons)) {
     for (const i of n.props.buttons)
-      if (i?.label === t || i?.action?.title === t) return !0;
+      if (i?.label === e || i?.action?.title === e) return !0;
   }
   return !1;
 }
@@ -259,43 +258,43 @@ var I = 0;
 function w() {
   return I += 1, `gengage-merge-${I}`;
 }
-function K(e, t) {
-  const n = e.elements[e.root];
+function K(t, e) {
+  const n = t.elements[t.root];
   if (!n || n.type !== "ButtonRow") return;
   const o = w();
-  e.elements[o] = {
+  t.elements[o] = {
     type: "ActionButton",
     props: {
-      label: t.title,
+      label: e.title,
       action: {
-        title: t.title,
-        type: t.type,
-        ...t.payload !== void 0 ? { payload: t.payload } : {}
+        title: e.title,
+        type: e.type,
+        ...e.payload !== void 0 ? { payload: e.payload } : {}
       }
     }
   }, n.children = n.children ? [o, ...n.children] : [o];
 }
-function X(e, t) {
-  const n = e.elements[e.root];
+function X(t, e) {
+  const n = t.elements[t.root];
   if (!n || n.type !== "ActionButtons") return;
   const o = w();
-  e.elements[o] = {
+  t.elements[o] = {
     type: "ActionButton",
     props: {
-      label: t.title,
+      label: e.title,
       action: {
-        title: t.title,
-        type: t.type,
-        ...t.payload !== void 0 ? { payload: t.payload } : {}
+        title: e.title,
+        type: e.type,
+        ...e.payload !== void 0 ? { payload: e.payload } : {}
       }
     }
   }, n.children = n.children ? [o, ...n.children] : [o];
   const i = n.props?.buttons ?? [], a = {
-    label: t.title,
+    label: e.title,
     action: {
-      title: t.title,
-      type: t.type,
-      ...t.payload !== void 0 ? { payload: t.payload } : {}
+      title: e.title,
+      type: e.type,
+      ...e.payload !== void 0 ? { payload: e.payload } : {}
     }
   };
   n.props = {
@@ -303,11 +302,11 @@ function X(e, t) {
     buttons: [a, ...i]
   };
 }
-function tt(e) {
-  const t = {}, n = [];
-  for (let o = 0; o < e.length; o++) {
-    const i = e[o], a = `action-${o}`;
-    n.push(a), t[a] = {
+function ee(t) {
+  const e = {}, n = [];
+  for (let o = 0; o < t.length; o++) {
+    const i = t[o], a = `action-${o}`;
+    n.push(a), e[a] = {
       type: "ActionButton",
       props: {
         label: i.title,
@@ -319,44 +318,44 @@ function tt(e) {
       }
     };
   }
-  return t.root = {
+  return e.root = {
     type: "ButtonRow",
     children: n
   }, {
     root: "root",
-    elements: t
+    elements: e
   };
 }
-function et(e) {
-  return e.find((t) => {
-    const n = t.elements[t.root];
+function te(t) {
+  return t.find((e) => {
+    const n = e.elements[e.root];
     return n?.type === "ActionButtons" || n?.type === "ButtonRow";
   });
 }
-function k(e, t) {
-  const n = e.productContextQuickPillLabel, o = { text: n };
-  return t && t.length > 0 && (o.sku_list = t), {
+function k(t, e) {
+  const n = t.productContextQuickPillLabel, o = { text: n };
+  return e && e.length > 0 && (o.sku_list = e), {
     title: n,
     type: "user_message",
     payload: o
   };
 }
-function nt(e, t, n) {
+function ne(t, e, n) {
   const o = n?.skuList, i = [], a = [];
-  for (const c of e) {
+  for (const c of t) {
     const r = c.elements[c.root];
     if (r?.type === "ActionButton") {
       const u = r.props;
       if (P(u, typeof u?.label == "string" ? u.label : void 0)?.type === "findSimilar") {
-        i.push(k(t, o));
+        i.push(k(e, o));
         continue;
       }
     }
     a.push(c);
   }
-  if (i.length === 0) return e;
-  const l = k(t, o), s = et(a);
-  if (!s) return [...a, tt([l])];
+  if (i.length === 0) return t;
+  const l = k(e, o), s = te(a);
+  if (!s) return [...a, ee([l])];
   if (!Z(s, l.title)) {
     const c = s.elements[s.root];
     c?.type === "ActionButtons" ? X(s, l) : c?.type === "ButtonRow" && K(s, l);
@@ -372,7 +371,7 @@ var B = {
   defaultCtaText: "Başka bir şey sor",
   redirectingToChat: "Sohbete yönlendiriliyor...",
   productContextQuickPillLabel: "Bu ürün hakkında ne bilmeliyim?"
-}, ot = {
+}, oe = {
   quickQuestionsAriaLabel: "Quick questions",
   askQuestionAriaLabel: "Ask a question",
   defaultInputPlaceholder: "Ask a question...",
@@ -382,30 +381,30 @@ var B = {
   redirectingToChat: "Redirecting to chat...",
   productContextQuickPillLabel: "What should I know about this product?"
 };
-function it(e) {
-  return e ? e.toLowerCase().split("-")[0] ?? "tr" : "tr";
+function ie(t) {
+  return t ? t.toLowerCase().split("-")[0] ?? "tr" : "tr";
 }
-function at(e) {
-  return it(e) === "en" ? ot : B;
+function ae(t) {
+  return ie(t) === "en" ? oe : B;
 }
-var st = class extends W {
-  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 = A(e.locale);
-    const t = this._createChrome(e);
-    if (t) {
+var se = class extends D {
+  constructor(...t) {
+    super(...t), 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(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 = A(t.locale);
+    const e = this._createChrome(t);
+    if (e) {
       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);
+      o.className = "gengage-qna-chrome-widget", o.dataset.gengagePart = "qna-chrome-widget", o.appendChild(this._contentEl), e.appendChild(o), this.root.appendChild(e);
     } else this.root.appendChild(this._contentEl);
-    const n = e.pageContext?.sku;
-    n && (this._lastSku = n, await this._fetchAndRender(n)), M("qna");
+    const n = t.pageContext?.sku;
+    n && (this._lastSku = n, await this._fetchAndRender(n)), F("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);
+  onUpdate(t) {
+    const e = t.sku;
+    !e || e === this._lastSku || (this._debounceTimer && clearTimeout(this._debounceTimer), this._debounceTimer = setTimeout(() => {
+      this._debounceTimer = null, this._lastSku = e, this._fetchAndRender(e);
     }, 50));
   }
   onShow() {
@@ -422,21 +421,21 @@ var st = class extends W {
     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;
+    const t = this.config.headerTitle ?? this.config.headingTitle;
+    if (typeof t != "string") return;
+    const e = t.trim();
+    return e.length > 0 ? e : void 0;
   }
   _cleanupTextInputTimers() {
     if (!this._contentEl) return;
-    const e = this._contentEl.querySelectorAll(".gengage-qna-input-wrapper");
-    for (const t of e) t._cleanup?.();
+    const t = this._contentEl.querySelectorAll(".gengage-qna-input-wrapper");
+    for (const e of t) e._cleanup?.();
   }
-  async _fetchAndRender(e) {
+  async _fetchAndRender(t) {
     if (this._abort(), this._abortController = new AbortController(), !this._contentEl) return;
     this._cleanupTextInputTimers(), this._contentEl.innerHTML = "";
-    const t = this._createLoadingIndicator();
-    this._contentEl.appendChild(t);
+    const e = this._createLoadingIndicator();
+    this._contentEl.appendChild(e);
     const n = { middlewareUrl: this.config.middlewareUrl }, o = z({
       source: "qna",
       locale: this.config.locale
@@ -446,7 +445,7 @@ var st = class extends W {
         account_id: this.config.accountId,
         session_id: i,
         correlation_id: i,
-        sku: e,
+        sku: t,
         locale: A(this.config.locale)
       };
       this.config.session?.userId !== void 0 && (a.user_id = this.config.session.userId), this.config.session?.viewId !== void 0 && (a.view_id = this.config.session.viewId);
@@ -474,18 +473,18 @@ var st = class extends W {
         i18n: this._i18n
       }, f = this._resolvedQnaHeaderTitle();
       f !== void 0 && (h.headingTitleOverride = f), this.config.hideButtonRowCta || (h.onOpenChat = this._openChatHandler, this.config.ctaText !== void 0 && (h.ctaText = this.config.ctaText)), g !== void 0 && (h.inputPlaceholder = g);
-      const p = this._buildFallbackActionsSpec(s.actions), y = Y(this.config.pageContext), b = (s.uiSpecs.length > 0 ? nt(s.uiSpecs, this._i18n, { skuList: y }) : [p]).filter((d) => Object.keys(d.elements).length > 0);
+      const p = this._buildFallbackActionsSpec(s.actions), y = Y(this.config.pageContext), b = (s.uiSpecs.length > 0 ? ne(s.uiSpecs, this._i18n, { skuList: y }) : [p]).filter((d) => Object.keys(d.elements).length > 0);
       for (const d of b) {
         const _ = this._renderUISpec(d, h);
         c.appendChild(_);
       }
-      b.length > 0 && j("qna"), this._specIncludesType(b, "TextInput") || this._insertStandaloneInputBeforePills(c, h, g);
+      b.length > 0 && M("qna"), this._specIncludesType(b, "TextInput") || this._insertStandaloneInputBeforePills(c, h, g);
     } catch (i) {
       if (i instanceof DOMException && i.name === "AbortError") return;
       if (q("gengage:global:error", {
         source: "qna",
         code: "FETCH_ERROR",
-        message: F(this.config.locale, i)
+        message: W(this.config.locale, i)
       }), this._contentEl) {
         this._cleanupTextInputTimers(), this._contentEl.innerHTML = "";
         const a = document.createElement("div");
@@ -502,25 +501,25 @@ var st = class extends W {
     }
   }
   _createLoadingIndicator() {
-    const e = document.createElement("div");
-    e.className = "gengage-qna-loading";
-    for (let t = 0; t < 3; t++) {
+    const t = document.createElement("div");
+    t.className = "gengage-qna-loading";
+    for (let e = 0; e < 3; e++) {
       const n = document.createElement("div");
-      n.className = "gengage-qna-loading-dot", e.appendChild(n);
+      n.className = "gengage-qna-loading-dot", t.appendChild(n);
     }
-    return e;
+    return t;
   }
-  _resolveI18n(e) {
+  _resolveI18n(t) {
     return {
-      ...at(e.locale),
-      ...e.i18n
+      ...ae(t.locale),
+      ...t.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() : "", i = typeof t.startButtonLabel == "string" ? t.startButtonLabel.trim() : "", a = typeof t.imageUrl == "string" ? t.imageUrl.trim() : "", l = typeof t.imagePadding == "string" ? t.imagePadding.trim() : "", s = document.createElement("section");
-    s.className = "gengage-qna-chrome", s.dataset.gengagePart = "qna-chrome", t.layout === "side-image" && (s.classList.add("gengage-qna-chrome--side-image"), s.dataset.gengageChromeLayout = "side-image"), l && s.style.setProperty("--gengage-qna-chrome-image-padding", l);
+  _createChrome(t) {
+    const e = t.chrome;
+    if (!e) return null;
+    const n = typeof e.title == "string" ? e.title.trim() : "", o = typeof e.subtitle == "string" ? e.subtitle.trim() : "", i = typeof e.startButtonLabel == "string" ? e.startButtonLabel.trim() : "", a = typeof e.imageUrl == "string" ? e.imageUrl.trim() : "", l = typeof e.imagePadding == "string" ? e.imagePadding.trim() : "", s = document.createElement("section");
+    s.className = "gengage-qna-chrome", s.dataset.gengagePart = "qna-chrome", e.layout === "side-image" && (s.classList.add("gengage-qna-chrome--side-image"), s.dataset.gengageChromeLayout = "side-image"), l && s.style.setProperty("--gengage-qna-chrome-image-padding", l);
     const c = document.createElement("div");
     if (c.className = "gengage-qna-chrome-copy", c.dataset.gengagePart = "qna-chrome-copy", n) {
       const r = document.createElement("h2");
@@ -530,9 +529,9 @@ var st = class extends W {
       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 && s.appendChild(c), a && O(a)) {
+    if (c.children.length > 0 && s.appendChild(c), a && U(a)) {
       const r = document.createElement("img");
-      r.className = "gengage-qna-chrome-image", r.dataset.gengagePart = "qna-chrome-image", r.src = a, r.alt = typeof t.imageAlt == "string" ? t.imageAlt : "", r.loading = "lazy", r.addEventListener("error", () => {
+      r.className = "gengage-qna-chrome-image", r.dataset.gengagePart = "qna-chrome-image", r.src = a, r.alt = typeof e.imageAlt == "string" ? e.imageAlt : "", r.loading = "lazy", r.addEventListener("error", () => {
         r.style.display = "none";
       }, { once: !0 }), s.appendChild(r);
     }
@@ -543,29 +542,29 @@ var st = class extends W {
     return s.children.length === 0 ? null : s;
   }
   _resolveUISpecRegistry() {
-    return R(J(), this.config.renderer?.registry);
+    return N(J(), this.config.renderer?.registry);
   }
-  _renderUISpec(e, t) {
+  _renderUISpec(t, e) {
     const n = this._resolveUISpecRegistry(), o = this.config.renderer?.unknownRenderer ?? S, i = (l, s) => V(l, s, n, o), a = this.config.renderer?.renderUISpec;
-    return a ? a(e, t, {
+    return a ? a(t, e, {
       registry: n,
       unknownRenderer: o,
       defaultRender: i
-    }) : i(e, t);
+    }) : i(t, e);
   }
-  _specIncludesType(e, t) {
-    for (const n of e) for (const o of Object.values(n.elements)) if (o.type === t) return !0;
+  _specIncludesType(t, e) {
+    for (const n of t) for (const o of Object.values(n.elements)) if (o.type === e) return !0;
     return !1;
   }
-  _buildFallbackActionsSpec(e) {
-    if (e.length === 0) return {
+  _buildFallbackActionsSpec(t) {
+    if (t.length === 0) return {
       root: "root",
       elements: {}
     };
-    const t = {}, n = [];
-    for (let o = 0; o < e.length; o++) {
-      const i = e[o], a = `action-${o}`;
-      n.push(a), t[a] = {
+    const e = {}, n = [];
+    for (let o = 0; o < t.length; o++) {
+      const i = t[o], a = `action-${o}`;
+      n.push(a), e[a] = {
         type: "ActionButton",
         props: {
           label: i.title,
@@ -577,47 +576,47 @@ var st = class extends W {
         }
       };
     }
-    return t.root = {
+    return e.root = {
       type: "ButtonRow",
       children: n
     }, {
       root: "root",
-      elements: t
+      elements: e
     };
   }
-  _insertStandaloneInputBeforePills(e, t, n) {
+  _insertStandaloneInputBeforePills(t, e, n) {
     const o = {
       root: "root",
       elements: { root: {
         type: "TextInput",
         props: { placeholder: n }
       } }
-    }, i = this._renderUISpec(o, t), a = i.querySelector(".gengage-qna-input-wrapper");
+    }, i = this._renderUISpec(o, e), a = i.querySelector(".gengage-qna-input-wrapper");
     if (!a) return;
-    const l = e.querySelector(".gengage-qna-uispec"), s = e.querySelector(".gengage-qna-uispec > .gengage-qna-buttons"), c = this.config.inputAfterPills === !0;
+    const l = t.querySelector(".gengage-qna-uispec"), s = t.querySelector(".gengage-qna-uispec > .gengage-qna-buttons"), c = this.config.inputAfterPills === !0;
     if (s) c ? s.insertAdjacentElement("afterend", a) : s.insertAdjacentElement("beforebegin", a);
     else if (l) {
       const r = l.querySelector(":scope > .gengage-qna-heading");
       !c && r ? r.insertAdjacentElement("afterend", a) : l.appendChild(a);
     } else {
-      e.appendChild(i);
+      t.appendChild(i);
       return;
     }
     i.remove();
   }
-  _appendStandaloneInput(e, t, n) {
+  _appendStandaloneInput(t, e, n) {
     if (!this._contentEl) return;
     const o = {
       root: "root",
       elements: { root: {
         type: "TextInput",
-        props: { placeholder: t }
+        props: { placeholder: e }
       } }
-    }, i = this._renderUISpec(o, e);
+    }, i = this._renderUISpec(o, t);
     (n ?? this._contentEl).appendChild(i);
   }
-  _handleAction(e) {
-    this._showTransitionIndicator(), U(e.title, e.type), this.config.onActionSelected?.(e), setTimeout(() => q("gengage:qna:action", e), 350);
+  _handleAction(t) {
+    this._showTransitionIndicator(), j(t.title, t.type), this.config.onActionSelected?.(t), setTimeout(() => q("gengage:qna:action", t), 350);
   }
   _handleOpenChat() {
     this._showTransitionIndicator(), this.config.onOpenChat?.(), setTimeout(() => q("gengage:qna:open-chat", {}), 350);
@@ -625,19 +624,19 @@ var st = class extends W {
   _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();
+    const t = this._i18n.redirectingToChat ?? "Redirecting to chat...", e = document.createElement("div");
+    e.className = "gengage-qna-transition-indicator", e.textContent = t, (this._contentEl.querySelector(".gengage-qna-panel") ?? this._contentEl).appendChild(e), setTimeout(() => {
+      this._contentEl?.classList.remove("gengage-qna--transitioning"), e.remove();
     }, 600);
   }
 };
-function gt() {
-  return new st();
+function pe() {
+  return new se();
 }
 export {
   V as a,
   S as i,
-  gt as n,
+  pe as n,
   J as r,
-  st as t
+  se as t
 };