@gengage/assistant-fe 0.4.12 → 0.4.13

package/dist/{runtime-CN3nY1qp.js → runtime-DW9q1zyk.js}

@@ -13,18 +13,18 @@ async function Y(e, t, n) {
     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 r = await fetch(o, i);
+  if (!r.ok) throw new Error(`HTTP ${r.status}: ${r.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 s = N(c);
+    if (s && (s.type === "ui_spec" && a.uiSpecs.push(s.spec), s.type === "ui_spec" && s.spec.elements)) {
+      for (const d of Object.values(s.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;
+  return n !== void 0 && (l.signal = n), await O(r, l), a;
 }
 function T(e) {
   const t = document.createElement("div");
@@ -55,15 +55,15 @@ function Z(e) {
   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;
+  let i = 0, r = a[0] ?? "";
+  o.placeholder = r;
+  let l = null, c = null, s = !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 = () => {
+  }, y = () => a.length > 1 && !s && 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");
+        i = (i + 1) % a.length, r = a[i] ?? "", o.placeholder = r, o.classList.remove("gengage-qna-input--fade");
       }, 180));
     }, 3e3));
   }, h = document.createElement("div");
@@ -86,15 +86,15 @@ function Z(e) {
   return p.addEventListener("click", () => {
     o.value = "", b(), o.focus({ preventScroll: !0 });
   }), g.addEventListener("click", v), o.addEventListener("focus", () => {
-    r = !0, d(), o.placeholder = "";
+    s = !0, d(), o.placeholder = "";
   }), o.addEventListener("blur", () => {
-    r = !1, o.value.trim().length === 0 && (o.placeholder = s), m();
+    s = !1, o.value.trim().length === 0 && (o.placeholder = r), m();
   }), o.addEventListener("input", () => {
     if (b(), o.value.trim().length > 0) {
       d();
       return;
     }
-    o.placeholder = r ? "" : s, m();
+    o.placeholder = s ? "" : r, 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 = () => {
@@ -105,10 +105,10 @@ 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 a = n.title, i = n.payload, r = typeof a == "string" && a.length > 0 ? a : t;
+  if (!r) return null;
   const l = {
-    title: s,
+    title: r,
     type: o
   };
   return i !== void 0 && (l.payload = i), l;
@@ -122,24 +122,24 @@ function C(e) {
 }
 function k(e, t) {
   const n = [], o = e.props?.actions;
-  if (Array.isArray(o)) for (const s of o) {
-    const l = q(s);
+  if (Array.isArray(o)) for (const r of o) {
+    const l = q(r);
     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 (Array.isArray(a)) for (const r of a) {
+    if (!r || typeof r != "object") continue;
+    const l = r, c = typeof l.label == "string" ? l.label : void 0, s = q(l.action, c);
+    s && n.push(s);
   }
-  if (e.children) for (const s of e.children) {
-    const l = t.elements[s];
+  if (e.children) for (const r of e.children) {
+    const l = t.elements[r];
     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 c = typeof l.props?.label == "string" ? l.props.label : void 0, s = q(l.props?.action, c);
+    s && n.push(s);
   }
   const i = /* @__PURE__ */ new Set();
-  return n.filter((s) => i.has(s.title) ? !1 : (i.add(s.title), !0));
+  return n.filter((r) => i.has(r.title) ? !1 : (i.add(r.title), !0));
 }
 var I = {
   ButtonRow: ({ element: e, spec: t, context: n }) => {
@@ -185,7 +185,7 @@ var I = {
     return n.textContent = typeof a == "string" && a.trim().length > 0 ? a : typeof o == "string" ? o : "", n;
   },
   ProductCard: () => null
-}, w = ({ element: e, renderElement: t }) => {
+}, P = ({ element: e, renderElement: t }) => {
   if (!e.children || e.children.length === 0) return null;
   const n = document.createElement("div");
   for (const o of e.children) {
@@ -197,7 +197,7 @@ var I = {
 function K() {
   return { ...I };
 }
-function X(e, t, n = I, o = w) {
+function X(e, t, n = I, o = P) {
   return Q({
     spec: e,
     context: t,
@@ -219,16 +219,16 @@ function tt(e) {
   const n = typeof e.sku == "string" && e.sku.trim() ? e.sku.trim() : void 0;
   return n ? [n] : void 0;
 }
-function P(e, t) {
+function w(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 i = o.title, r = typeof i == "string" && i.length > 0 ? i : typeof t == "string" && t.length > 0 ? t : "";
+  if (!r) return null;
   const l = o.payload, c = {
-    title: s,
+    title: r,
     type: a
   };
   return l !== void 0 && (c.payload = l), c;
@@ -240,8 +240,8 @@ function et(e, t) {
     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;
+    const r = typeof i.label == "string" ? i.label : void 0;
+    return r === t ? !0 : w(i, r)?.title === t;
   };
   if (n.type === "ActionButton") return o(n);
   if (n.children) for (const a of n.children) {
@@ -343,10 +343,10 @@ function L(e, t) {
 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") {
+    const s = c.elements[c.root];
+    if (s?.type === "ActionButton") {
+      const d = s.props;
+      if (w(d, typeof d?.label == "string" ? d.label : void 0)?.type === "findSimilar") {
         a.push(L(t, o));
         continue;
       }
@@ -354,11 +354,11 @@ function st(e, t, n) {
     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 r = L(t, o), l = it(i);
+  if (!l) return [...i, at([r])];
+  if (!et(l, r.title)) {
     const c = l.elements[l.root];
-    c?.type === "ActionButtons" ? ot(l, s) : c?.type === "ButtonRow" && nt(l, s);
+    c?.type === "ActionButtons" ? ot(l, r) : c?.type === "ButtonRow" && nt(l, r);
   }
   return i;
 }
@@ -446,15 +446,15 @@ var dt = class extends D {
       widget: "qna"
     }));
     try {
-      const s = {
+      const r = {
         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);
+      l !== void 0 && (r.page_type = l);
+      const c = await Y(r, n, this._abortController.signal);
       if (this.track(j(this.analyticsContext(), {
         request_id: o,
         latency_ms: Date.now() - a,
@@ -467,12 +467,12 @@ var dt = class extends D {
         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 s = document.createElement("div");
+      s.className = "gengage-qna-panel gds-panel", s.dataset.gengagePart = "qna-panel", this._contentEl.appendChild(s);
       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);
+        f.className = "gengage-qna-heading", f.textContent = y, s.appendChild(f);
       }
       const m = this.config.inputPlaceholder;
       let h;
@@ -489,30 +489,30 @@ var dt = class extends D {
       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(_);
+        s.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;
+      u.length > 0 && G("qna"), this._specIncludesType(u, "TextInput") || this._insertStandaloneInputBeforePills(s, p, h);
+    } catch (r) {
+      if (r instanceof DOMException && r.name === "AbortError") return;
       if (A("gengage:global:error", {
         source: "qna",
         code: "FETCH_ERROR",
-        message: M(this.config.locale, s)
+        message: M(this.config.locale, r)
       }), this.track(W(this.analyticsContext(), {
         request_id: o,
         error_code: "FETCH_ERROR",
-        error_message: s instanceof Error ? s.message : String(s),
+        error_message: r instanceof Error ? r.message : String(r),
         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 = {
+        const c = this.config.inputPlaceholder === !0 ? this._i18n.defaultInputPlaceholder : this.config.inputPlaceholder ?? this._i18n.defaultInputPlaceholder, s = {
           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);
+        d !== void 0 && (s.headingTitleOverride = d), this.config.ctaText !== void 0 && (s.ctaText = this.config.ctaText), this._appendStandaloneInput(s, c, l);
       }
     } finally {
       i();
@@ -536,26 +536,26 @@ var dt = class extends D {
   _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 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() : "", r = 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"), r && l.style.setProperty("--gengage-qna-chrome-image-padding", r);
     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);
+      const s = document.createElement("h2");
+      s.className = "gengage-qna-chrome-title", s.dataset.gengagePart = "qna-chrome-title", s.textContent = n, c.appendChild(s);
     }
     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);
+      const s = document.createElement("p");
+      s.className = "gengage-qna-chrome-subtitle", s.dataset.gengagePart = "qna-chrome-subtitle", s.textContent = o, c.appendChild(s);
     }
     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);
+      const s = document.createElement("img");
+      s.className = "gengage-qna-chrome-image", s.dataset.gengagePart = "qna-chrome-image", s.src = i, s.alt = typeof t.imageAlt == "string" ? t.imageAlt : "", s.loading = "lazy", s.addEventListener("error", () => {
+        s.style.display = "none";
+      }, { once: !0 }), l.appendChild(s);
     }
     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);
+      const s = document.createElement("button");
+      s.className = "gengage-qna-chrome-start", s.dataset.gengagePart = "qna-chrome-start", s.type = "button", s.textContent = a, s.addEventListener("click", () => this._handleOpenChat()), l.appendChild(s);
     }
     return l.children.length === 0 ? null : l;
   }
@@ -563,7 +563,7 @@ var dt = class extends D {
     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;
+    const n = this._resolveUISpecRegistry(), o = this.config.renderer?.unknownRenderer ?? P, a = (r, l) => X(r, l, n, o), i = this.config.renderer?.renderUISpec;
     return i ? i(e, t, {
       registry: n,
       unknownRenderer: o,
@@ -611,11 +611,11 @@ var dt = class extends D {
       } }
     }, 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);
+    const r = e.querySelector(".gengage-qna-uispec"), l = r?.querySelector(":scope > .gengage-qna-buttons"), c = this.config.inputAfterPills === !0;
+    if (r && l) c ? l.insertAdjacentElement("afterend", i) : r.insertBefore(i, l);
+    else if (r) {
+      const s = r.querySelector(":scope > .gengage-qna-heading");
+      !c && s ? s.insertAdjacentElement("afterend", i) : r.appendChild(i);
     } else {
       e.appendChild(a);
       return;
@@ -653,7 +653,7 @@ function mt() {
 }
 export {
   X as a,
-  w as i,
+  P as i,
   mt as n,
   K as r,
   dt as t