@gengage/assistant-fe 0.4.5 → 0.4.6

package/dist/native.js

@@ -1,4 +1,4 @@
-import { a, i, n as t, r, t as s } from "./native-webview-niMtkiHX.js";
+import { a, i, n as t, r, t as s } from "./native-webview-DudQ7nHe.js";
 export {
   s as DEFAULT_NATIVE_TRACKED_EVENTS,
   t as applyNativeSession,

package/dist/overlay-1EO41ZC7.js

@@ -0,0 +1,212 @@
+import { j as g, r as m, s as f, y as _ } from "./context-VIG4SVcS.js";
+var v = "__gengageWidgetsInit", l = `${v}_overlay_`, y = "#gengage-qna", w = "#gengage-simrel", C = "#gengage-simbut";
+function d() {
+  const t = window;
+  return t.__gengageOverlayRegistry || (t.__gengageOverlayRegistry = {
+    instances: {},
+    pending: {}
+  }), t.__gengageOverlayRegistry;
+}
+function T(t) {
+  const i = { pageType: t.pageContext?.pageType ?? (typeof t.sku == "string" ? "pdp" : "other") }, s = t.pageContext;
+  return typeof s?.sku == "string" && (i.sku = s.sku), s?.skuList !== void 0 && (i.skuList = s.skuList), s?.price !== void 0 && (i.price = s.price), s?.categoryTree !== void 0 && (i.categoryTree = s.categoryTree), s?.url !== void 0 && (i.url = s.url), s?.extra !== void 0 && (i.extra = s.extra), typeof t.sku == "string" && (i.sku = t.sku), i;
+}
+function b(t, i) {
+  const s = {
+    ...t,
+    ...i,
+    pageType: i.pageType ?? t.pageType
+  };
+  return i.sku !== void 0 && typeof i.sku != "string" && delete s.sku, i.pageType !== void 0 && i.pageType !== t.pageType ? (i.pageType !== "pdp" && i.sku === void 0 && delete s.sku, i.pageType !== "plp" && i.skuList === void 0 && delete s.skuList) : (i.sku === void 0 && t.sku !== void 0 && (s.sku = t.sku), i.skuList === void 0 && t.skuList !== void 0 && (s.skuList = t.skuList)), s;
+}
+function r(t) {
+  return t instanceof HTMLElement || document.querySelector(t) ? t : null;
+}
+function p(t) {
+  return t.idempotencyKey ?? `${l}${t.accountId}`;
+}
+var S = class {
+  constructor(t, i) {
+    this.options = t, this.onDestroy = i, this._chat = null, this._qna = null, this._simrel = null, this._simbut = null, this._analyticsClient = null, this._offQnaWire = null, this._destroyed = !1, this._queue = Promise.resolve(), this._warnedQnaMountMissing = !1, this._warnedSimRelMountMissing = !1, this._warnedSimButMountMissing = !1, this._warnedSimButNoChat = !1, this.idempotencyKey = p(t), this.session = m(t.session), this._pageContext = T(t);
+  }
+  get chat() {
+    return this._chat;
+  }
+  get qna() {
+    return this._qna;
+  }
+  get simrel() {
+    return this._simrel;
+  }
+  get simbut() {
+    return this._simbut;
+  }
+  get analyticsClient() {
+    return this._analyticsClient;
+  }
+  async init() {
+    window.gengage || (window.gengage = {}), window.gengage.sessionId = this.session.sessionId, window.gengage.pageContext = this._pageContext, await this._initChat(), this.options.wireQnaToChat !== !1 && (this._offQnaWire = f()), await this._syncPdpWidgets(), window.gengage.overlay = this;
+  }
+  openChat(t) {
+    this._chat?.open(t);
+  }
+  closeChat() {
+    this._chat?.close();
+  }
+  async updateContext(t) {
+    this._destroyed || await this._enqueue(async () => {
+      this._pageContext = b(this._pageContext, t), window.gengage || (window.gengage = {}), window.gengage.pageContext = this._pageContext, this._chat?.update(this._pageContext), this._qna?.update(this._pageContext), this._simrel?.update(this._pageContext), this._simbut?.update(this._pageContext), await this._syncPdpWidgets();
+    });
+  }
+  async updateSku(t, i = "pdp") {
+    await this.updateContext({
+      sku: t,
+      pageType: i
+    });
+  }
+  async updatePageContext(t) {
+    await this.updateContext(t);
+  }
+  async setPageContext(t) {
+    await this.updateContext(t);
+  }
+  destroy() {
+    this._destroyed || (this._destroyed = !0, this._offQnaWire?.(), this._offQnaWire = null, this._chat?.destroy(), this._qna?.destroy(), this._simrel?.destroy(), this._simbut?.destroy(), this._chat = null, this._qna = null, this._simrel = null, this._simbut = null, window.gengage?.overlay === this && delete window.gengage.overlay, this.onDestroy());
+  }
+  async _initChat() {
+    if (this.options.chat?.enabled === !1) return;
+    const t = this.options.middlewareUrl, i = this.options.chat?.productDetailsExtended ?? this.options.productDetailsExtended, s = this.options.chat?.isDemoWebsite ?? this.options.isDemoWebsite, e = {
+      accountId: this.options.accountId,
+      middlewareUrl: t,
+      session: this.session,
+      pageContext: this._pageContext,
+      variant: this.options.chat?.variant ?? "floating"
+    };
+    this.options.theme !== void 0 && (e.theme = this.options.theme), this.options.locale !== void 0 && (e.locale = this.options.locale), this.options.pricing !== void 0 && (e.pricing = this.options.pricing), this.options.chat?.mountTarget !== void 0 && (e.mountTarget = this.options.chat.mountTarget), this.options.chat?.pillLauncher !== void 0 && (e.pillLauncher = this.options.chat.pillLauncher), this.options.chat?.launcherImageUrl !== void 0 ? e.launcherImageUrl = this.options.chat.launcherImageUrl : this.options.chat?.launcherSvg !== void 0 && (e.launcherSvg = this.options.chat.launcherSvg), this.options.chat?.headerTitle !== void 0 && (e.headerTitle = this.options.chat.headerTitle), this.options.chat?.headerAvatarUrl !== void 0 && (e.headerAvatarUrl = this.options.chat.headerAvatarUrl), this.options.chat?.headerBadge !== void 0 && (e.headerBadge = this.options.chat.headerBadge), this.options.chat?.headerCartUrl !== void 0 && (e.headerCartUrl = this.options.chat.headerCartUrl), this.options.chat?.headerFavoritesToggle !== void 0 && (e.headerFavoritesToggle = this.options.chat.headerFavoritesToggle), this.options.chat?.onFavoritesClick !== void 0 && (e.onFavoritesClick = this.options.chat.onFavoritesClick), this.options.chat?.hideMobileLauncher !== void 0 && (e.hideMobileLauncher = this.options.chat.hideMobileLauncher), this.options.chat?.mobileBreakpoint !== void 0 && (e.mobileBreakpoint = this.options.chat.mobileBreakpoint), this.options.chat?.mobileInitialState !== void 0 && (e.mobileInitialState = this.options.chat.mobileInitialState), this.options.chat?.i18n !== void 0 && (e.i18n = this.options.chat.i18n), this.options.chat?.actionHandling !== void 0 && (e.actionHandling = this.options.chat.actionHandling), this.options.chat?.renderer !== void 0 && (e.renderer = this.options.chat.renderer), i !== void 0 && (e.productDetailsExtended = i), s !== void 0 && (e.isDemoWebsite = s), this.options.chat?.productPriceUi !== void 0 && (e.productPriceUi = this.options.chat.productPriceUi), this.options.chat?.hideProductDiscountBadge !== void 0 && (e.hideProductDiscountBadge = this.options.chat.hideProductDiscountBadge), this.options.chat?.hideUserReviews !== void 0 && (e.hideUserReviews = this.options.chat.hideUserReviews), this.options.chat?.hideStockStatus !== void 0 && (e.hideStockStatus = this.options.chat.hideStockStatus), this.options.onScriptCall !== void 0 && (e.onScriptCall = this.options.onScriptCall), this.options.onAddToCart !== void 0 && (e.onAddToCart = this.options.onAddToCart), this.options.chat?.onOpen !== void 0 && (e.onOpen = this.options.chat.onOpen), this.options.chat?.onClose !== void 0 && (e.onClose = this.options.chat.onClose);
+    const { GengageChat: a } = await import("./chat-runtime.js");
+    this._chat = new a(), await this._chat.init(e);
+  }
+  async _syncPdpWidgets() {
+    if (this._destroyed) return;
+    const t = typeof this._pageContext.sku == "string" ? this._pageContext.sku : void 0;
+    if (!(this._pageContext.pageType === "pdp" && t !== void 0 && t.length > 0)) {
+      this._qna?.hide(), this._simrel?.hide(), this._simbut?.hide();
+      return;
+    }
+    const i = this.options.middlewareUrl;
+    if (this.options.qna?.enabled !== !1) {
+      const s = this.options.qna?.mountTarget ?? y, e = r(s);
+      if (e)
+        if (this._warnedQnaMountMissing = !1, this._qna)
+          this._qna.show(), this._qna.update({
+            pageType: "pdp",
+            sku: t
+          });
+        else {
+          const { GengageQNA: a } = await import("./qna-runtime.js"), h = new a(), n = {
+            accountId: this.options.accountId,
+            middlewareUrl: i,
+            session: this.session,
+            pageContext: {
+              pageType: "pdp",
+              sku: t
+            },
+            mountTarget: e
+          };
+          this.options.theme !== void 0 && (n.theme = this.options.theme), this.options.qna?.ctaText !== void 0 && (n.ctaText = this.options.qna.ctaText), this.options.qna?.hideButtonRowCta !== void 0 && (n.hideButtonRowCta = this.options.qna.hideButtonRowCta), this.options.qna?.inputPlaceholder !== void 0 && (n.inputPlaceholder = this.options.qna.inputPlaceholder), this.options.qna?.i18n !== void 0 && (n.i18n = this.options.qna.i18n), this.options.qna?.renderer !== void 0 && (n.renderer = this.options.qna.renderer);
+          const o = this.options.qna?.headerTitle ?? this.options.qna?.headingTitle;
+          o !== void 0 && (n.headerTitle = o), await h.init(n), this._qna = h;
+        }
+      else
+        this._qna?.destroy(), this._qna = null, this._warnedQnaMountMissing || (console.warn(`[gengage] QNA mount target not found: ${s}`), this._warnedQnaMountMissing = !0);
+    } else
+      this._qna?.destroy(), this._qna = null;
+    if (this.options.simrel !== void 0 && this.options.simrel.enabled !== !1) {
+      const s = this.options.simrel?.mountTarget ?? w, e = r(s);
+      if (e)
+        if (this._warnedSimRelMountMissing = !1, this._simrel)
+          this._simrel.show(), this._simrel.update({
+            pageType: "pdp",
+            sku: t
+          });
+        else {
+          const { GengageSimRel: a } = await import("./simrel-runtime.js"), h = new a(), n = {
+            accountId: this.options.accountId,
+            middlewareUrl: i,
+            session: this.session,
+            sku: t,
+            mountTarget: e
+          };
+          this.options.theme !== void 0 && (n.theme = this.options.theme), this.options.pricing !== void 0 && (n.pricing = this.options.pricing), this.options.simrel?.discountType !== void 0 && (n.discountType = this.options.simrel.discountType), this.options.simrel?.renderCardElement !== void 0 && (n.renderCardElement = this.options.simrel.renderCardElement), this.options.simrel?.renderer !== void 0 && (n.renderer = this.options.simrel.renderer), this.options.onAddToCart !== void 0 && (n.onAddToCart = this.options.onAddToCart), this.options.onProductNavigate !== void 0 ? n.onProductNavigate = this.options.onProductNavigate : n.onProductNavigate = (o, u, c) => {
+            g(o) && (this._chat?.saveSession(c ?? this.session.sessionId, u), window.location.href = o);
+          }, await h.init(n), this._simrel = h;
+        }
+      else
+        this._simrel?.destroy(), this._simrel = null, this._warnedSimRelMountMissing || (console.warn(`[gengage] SimRel mount target not found: ${s}`), this._warnedSimRelMountMissing = !0);
+    } else
+      this._simrel?.destroy(), this._simrel = null;
+    if (this.options.simbut && this.options.simbut.enabled !== !1) {
+      const s = this.options.simbut.mountTarget ?? C, e = r(s), a = this._chat ?? this.options.simbut.onFindSimilar;
+      if (e && a)
+        if (this._warnedSimButMountMissing = !1, this._warnedSimButNoChat = !1, this._simbut)
+          this._simbut.show(), this._simbut.setChat(this._chat), this._simbut.update({
+            pageType: "pdp",
+            sku: t
+          });
+        else {
+          const { GengageSimBut: h } = await import("./simbut.js"), n = new h(), o = {
+            accountId: this.options.accountId,
+            middlewareUrl: i,
+            session: this.session,
+            pageContext: {
+              pageType: "pdp",
+              sku: t
+            },
+            mountTarget: e,
+            chat: this._chat
+          };
+          this.options.theme !== void 0 && (o.theme = this.options.theme), this.options.locale !== void 0 && (o.locale = this.options.locale), this.options.simbut.imageUrl !== void 0 && (o.imageUrl = this.options.simbut.imageUrl), this.options.simbut.i18n !== void 0 && (o.i18n = this.options.simbut.i18n), this.options.simbut.onFindSimilar !== void 0 && (o.onFindSimilar = this.options.simbut.onFindSimilar), await n.init(o), this._simbut = n;
+        }
+      else
+        this._simbut?.destroy(), this._simbut = null, !e && !this._warnedSimButMountMissing ? (console.warn(`[gengage] SimBut mount target not found: ${s}`), this._warnedSimButMountMissing = !0) : !a && !this._warnedSimButNoChat && (console.warn("[gengage] SimBut requires chat to be enabled or simbut.onFindSimilar"), this._warnedSimButNoChat = !0);
+    } else
+      this._simbut?.destroy(), this._simbut = null;
+  }
+  _enqueue(t) {
+    const i = this._queue.then(t);
+    return this._queue = i.catch((s) => {
+    }), i;
+  }
+};
+async function k(t) {
+  const i = p(t), s = d(), e = s.instances[i];
+  if (e) return e;
+  const a = s.pending[i];
+  if (a) return a;
+  const h = new S(t, () => {
+    const o = d();
+    delete o.instances[i], delete o.pending[i];
+  }), n = h.init().then(() => (s.instances[i] = h, delete s.pending[i], h)).catch((o) => {
+    throw delete s.pending[i], _({
+      reason: "overlay_init_failed",
+      message: o instanceof Error ? o.message : String(o)
+    }), o;
+  });
+  return s.pending[i] = n, n;
+}
+function x(t) {
+  return d().instances[t] ?? null;
+}
+function M(t) {
+  x(t)?.destroy();
+}
+function U(t) {
+  return `${l}${t}`;
+}
+export {
+  v as a,
+  k as i,
+  M as n,
+  x as r,
+  U as t
+};

package/dist/overlay.d.ts

@@ -0,0 +1,4 @@
+export { initOverlayWidgets, getOverlayWidgets, destroyOverlayWidgets, buildOverlayIdempotencyKey, } from './common/overlay.js';
+export type { OverlayWidgetsController, OverlayWidgetsOptions, OverlayChatOptions, OverlayQNAOptions, OverlaySimRelOptions, OverlaySimButOptions, } from './common/overlay.js';
+export { bootstrapSession, updatePageContext } from './common/context.js';
+export type { PageContext, SessionContext, WidgetTheme } from './common/types.js';

package/dist/overlay.js

@@ -0,0 +1,10 @@
+import { i as t, t as a } from "./context-VIG4SVcS.js";
+import { i as r, n as i, r as o, t as d } from "./overlay-1EO41ZC7.js";
+export {
+  a as bootstrapSession,
+  d as buildOverlayIdempotencyKey,
+  i as destroyOverlayWidgets,
+  o as getOverlayWidgets,
+  r as initOverlayWidgets,
+  t as updatePageContext
+};

package/dist/pill-launcher-57nrdLRr.js

@@ -0,0 +1,364 @@
+import { n as I } from "./widget-base-TgwiA8cD.js";
+import { j as S } from "./context-VIG4SVcS.js";
+function E(n, e) {
+  if (typeof window > "u" || !S(n)) return !1;
+  const r = new CustomEvent("gengage:navigate", {
+    detail: e === void 0 ? { url: n } : {
+      url: n,
+      newTab: e
+    },
+    cancelable: !0
+  });
+  return window.dispatchEvent(r) ? (e ? window.open(n, "_blank", "noopener,noreferrer") : window.location.href = n, !0) : !1;
+}
+var _ = console;
+function F(n, e, r = {}) {
+  const t = n.action, a = r.logger ?? _;
+  switch (I("action", `routing action: ${t.kind}`, t), t.kind) {
+    case "open_chat":
+      e.openChat?.(t.payload);
+      return;
+    case "navigate": {
+      if (typeof t.url != "string") {
+        h(t, e, r, a);
+        return;
+      }
+      if (!S(t.url)) {
+        a.warn("[gengage] Blocked navigation to unsafe URL:", t.url);
+        return;
+      }
+      const i = typeof t.newTab == "boolean" ? t.newTab : void 0;
+      if (e.navigate) {
+        e.navigate({
+          url: t.url,
+          ...i !== void 0 && { newTab: i }
+        });
+        return;
+      }
+      (r.defaultNavigate ?? R)(t.url, i);
+      return;
+    }
+    case "save_session":
+      if (typeof t.sessionId != "string" || typeof t.sku != "string") {
+        h(t, e, r, a);
+        return;
+      }
+      e.saveSession?.({
+        sessionId: t.sessionId,
+        sku: t.sku
+      });
+      return;
+    case "add_to_cart":
+      if (typeof t.sku != "string" || typeof t.quantity != "number" || typeof t.cartCode != "string") {
+        h(t, e, r, a);
+        return;
+      }
+      e.addToCart?.({
+        sku: t.sku,
+        quantity: t.quantity,
+        cartCode: t.cartCode
+      });
+      return;
+    case "script_call": {
+      if (r.allowScriptCall === !1) {
+        h(t, e, r, a);
+        return;
+      }
+      if (typeof t.name != "string") {
+        h(t, e, r, a);
+        return;
+      }
+      const i = q(t.payload) ? t.payload : void 0;
+      e.scriptCall?.({
+        name: t.name,
+        ...i !== void 0 && { payload: i }
+      });
+      return;
+    }
+    default:
+      h(t, e, r, a);
+  }
+}
+function h(n, e, r, t) {
+  const a = r.unknownActionPolicy ?? "log-and-ignore";
+  if (a === "delegate") {
+    e.unknown?.(n), e.unknown || t.warn("[gengage] Unknown action received without delegate handler", n);
+    return;
+  }
+  if (a === "throw") throw new Error(`[gengage] Unknown action kind: ${n.kind}`);
+  t.warn("[gengage] Unknown action ignored", n);
+}
+function R(n, e) {
+  if (!(typeof window > "u")) {
+    if (!S(n)) {
+      console.warn("[gengage] Blocked navigation to unsafe URL:", n);
+      return;
+    }
+    E(n, e);
+  }
+}
+function q(n) {
+  return typeof n == "object" && n !== null && !Array.isArray(n);
+}
+function P(n) {
+  const e = globalThis.CSS?.escape;
+  if (typeof e == "function") return e(n);
+  const r = Array.from(n);
+  return r.map((t, a) => {
+    const i = t.codePointAt(0);
+    return i === void 0 ? "" : i === 0 ? "�" : i >= 1 && i <= 31 || i === 127 || a === 0 && i >= 48 && i <= 57 || a === 1 && r[0] === "-" && i >= 48 && i <= 57 ? `\\${i.toString(16)} ` : a === 0 && t === "-" && r.length === 1 ? "\\-" : i >= 128 || /[A-Za-z0-9_-]/.test(t) ? t : `\\${t}`;
+  }).join("");
+}
+function M() {
+  return v() !== null;
+}
+function v() {
+  const n = globalThis;
+  return n.SpeechRecognition ?? n.webkitSpeechRecognition ?? null;
+}
+var z = class {
+  constructor(n, e) {
+    this.recognition = null, this._state = "idle", this.silenceTimer = null, this.accumulatedTranscript = "", this.intentionalStop = !1, this._lastRestartAt = 0, this.callbacks = n, this.lang = e?.lang ?? "tr-TR", this.silenceTimeoutMs = e?.silenceTimeoutMs ?? 1500, this.autoSubmit = e?.autoSubmit ?? !0;
+  }
+  get state() {
+    return this._state;
+  }
+  start() {
+    if (this._state === "listening") return;
+    const n = v();
+    if (!n) {
+      this.setState("error"), this.callbacks.onError?.("not-supported", "Web Speech API is not supported in this browser.");
+      return;
+    }
+    if (typeof globalThis.isSecureContext < "u" && !globalThis.isSecureContext) {
+      this.setState("error"), this.callbacks.onError?.("not-allowed", "Voice input requires HTTPS.");
+      return;
+    }
+    this.accumulatedTranscript = "", this.intentionalStop = !1;
+    const e = new n();
+    e.continuous = !0, e.interimResults = !0, e.lang = this.lang, e.maxAlternatives = 1, e.onstart = () => {
+      this.setState("listening");
+    }, e.onresult = (r) => {
+      this.clearSilenceTimer();
+      let t = "", a = "";
+      for (let i = r.resultIndex; i < r.results.length; i++) {
+        const u = r.results[i];
+        if (!u) continue;
+        const p = u[0];
+        p && (u.isFinal ? a += p.transcript : t += p.transcript);
+      }
+      a && (this.accumulatedTranscript += a, this.callbacks.onFinal?.(this.accumulatedTranscript)), t && this.callbacks.onInterim?.(this.accumulatedTranscript + t), this.autoSubmit && this.accumulatedTranscript && this.startSilenceTimer();
+    }, e.onerror = (r) => {
+      const t = U(r.error);
+      this.intentionalStop && (r.error === "no-speech" || r.error === "aborted") || (this.setState("error"), this.callbacks.onError?.(t, r.message || r.error));
+    }, e.onend = () => {
+      if (this.clearSilenceTimer(), this._state === "listening" && !this.intentionalStop) {
+        const r = Date.now();
+        if (r - this._lastRestartAt < 500) {
+          this.setState("idle");
+          return;
+        }
+        this._lastRestartAt = r;
+        try {
+          e.start();
+        } catch {
+          this.setState("idle");
+        }
+        return;
+      }
+      this.setState("idle");
+    }, this.recognition = e;
+    try {
+      e.start();
+    } catch {
+      this.setState("error"), this.callbacks.onError?.("unknown", "Failed to start speech recognition.");
+    }
+  }
+  stop() {
+    if (this.intentionalStop = !0, this.clearSilenceTimer(), this.recognition) {
+      try {
+        this.recognition.stop();
+      } catch {
+      }
+      this.recognition = null;
+    }
+    return this.setState("idle"), this.accumulatedTranscript;
+  }
+  abort() {
+    if (this.intentionalStop = !0, this.clearSilenceTimer(), this.accumulatedTranscript = "", this.recognition) {
+      try {
+        this.recognition.abort();
+      } catch {
+      }
+      this.recognition = null;
+    }
+    this.setState("idle");
+  }
+  destroy() {
+    this.abort();
+  }
+  setState(n) {
+    this._state !== n && (this._state = n, this.callbacks.onStateChange?.(n));
+  }
+  startSilenceTimer() {
+    this.clearSilenceTimer(), this.silenceTimer = setTimeout(() => {
+      const n = this.stop();
+      n.trim() && this.callbacks.onAutoSubmit?.(n.trim());
+    }, this.silenceTimeoutMs);
+  }
+  clearSilenceTimer() {
+    this.silenceTimer !== null && (clearTimeout(this.silenceTimer), this.silenceTimer = null);
+  }
+};
+function U(n) {
+  switch (n) {
+    case "not-allowed":
+      return "not-allowed";
+    case "no-speech":
+      return "no-speech";
+    case "audio-capture":
+      return "no-microphone";
+    case "network":
+      return "network";
+    case "aborted":
+      return "aborted";
+    default:
+      return "unknown";
+  }
+}
+function B(n) {
+  const { label: e, avatarUrl: r, primaryColor: t, secondaryColor: a = "#111827", fontFamily: i = "inherit", labelClassName: u = "gengage-pill-launcher-label", styleId: p = "gengage-pill-launcher-style", mobileBreakpoint: $ = 768, desktopWidth: g = "188px", desktopHeight: b = "60px", iconSize: d = "46px" } = n, w = `${parseInt(g, 10) - 14}px`, x = `${parseInt(b, 10) - 4}px`, y = `${parseInt(d, 10) - 4}px`, C = `
+:host {
+  --pill-primary: ${t};
+  --pill-secondary: ${a};
+  --pill-font: ${i};
+}
+
+button[data-gengage-part="chat-launcher-button"] {
+  box-sizing: border-box;
+  width: ${g} !important;
+  min-width: ${g} !important;
+  max-width: ${g} !important;
+  height: ${b} !important;
+  min-height: ${b} !important;
+  padding: 6px 7px 6px 22px !important;
+  display: inline-flex !important;
+  flex-direction: row-reverse !important;
+  align-items: center !important;
+  justify-content: space-between !important;
+  gap: 12px !important;
+  border-radius: 999px !important;
+  border: 1px solid color-mix(in srgb, var(--pill-primary) 18%, white) !important;
+  background: #ffffff !important;
+  color: var(--pill-secondary) !important;
+  box-shadow:
+    0 18px 46px color-mix(in srgb, var(--pill-primary) 18%, transparent),
+    0 4px 14px color-mix(in srgb, var(--pill-secondary) 8%, transparent) !important;
+  overflow: visible !important;
+}
+
+button[data-gengage-part="chat-launcher-button"]:hover {
+  transform: translateY(-1px) !important;
+  box-shadow:
+    0 22px 52px color-mix(in srgb, var(--pill-primary) 24%, transparent),
+    0 6px 18px color-mix(in srgb, var(--pill-secondary) 12%, transparent) !important;
+}
+
+.${u} {
+  color: var(--pill-secondary);
+  font: 500 15px/1.05 var(--pill-font);
+  letter-spacing: -0.02em;
+  white-space: nowrap;
+  flex: 0 0 auto;
+  pointer-events: none;
+}
+
+button[data-gengage-part="chat-launcher-button"] img {
+  width: ${d} !important;
+  height: ${d} !important;
+  flex: 0 0 ${d} !important;
+  border-radius: 999px;
+  object-fit: cover;
+  object-position: center;
+  background: transparent;
+  border: 0 !important;
+  box-shadow: none !important;
+}
+
+@media (max-width: ${$}px) {
+  button[data-gengage-part="chat-launcher-button"] {
+    width: ${w} !important;
+    min-width: ${w} !important;
+    max-width: ${w} !important;
+    height: ${x} !important;
+    min-height: ${x} !important;
+    padding-left: 20px !important;
+    padding-right: 7px !important;
+  }
+
+  .${u} {
+    font-size: 14px;
+  }
+
+  button[data-gengage-part="chat-launcher-button"] img {
+    width: ${y} !important;
+    height: ${y} !important;
+    flex-basis: ${y} !important;
+  }
+}
+`.trim(), k = () => {
+    for (const o of document.querySelectorAll("[data-gengage-widget]")) {
+      if (!(o instanceof HTMLElement)) continue;
+      const s = o.shadowRoot;
+      if (s && (s.querySelector('[data-gengage-part="chat-launcher-button"]') || s.querySelector(".gengage-chat-root")))
+        return o;
+    }
+    return null;
+  }, m = (o) => {
+    if (o.getElementById(p)) return;
+    const s = document.createElement("style");
+    s.id = p, s.textContent = C, o.appendChild(s);
+  }, A = P(u), T = (o) => {
+    m(o);
+    const s = o.querySelector('[data-gengage-part="chat-launcher-button"]');
+    if (!(s instanceof HTMLButtonElement)) return !1;
+    const c = o.querySelector('[data-gengage-part="chat-header-avatar"]');
+    if (c instanceof HTMLImageElement) {
+      const f = o.querySelector('[data-gengage-part="chat-launcher-button"] img');
+      (!f || c.src === f.src) && c.classList.remove("gengage-chat-header-avatar--logo");
+    }
+    if (s.querySelector(`.${A}`)) return !0;
+    s.setAttribute("aria-label", e);
+    const l = document.createElement("span");
+    return l.className = u, l.textContent = e, s.appendChild(l), !0;
+  };
+  return {
+    launcherImageUrl: r,
+    apply: async (o) => {
+      if (o) {
+        m(o), await Promise.resolve();
+        for (let c = 0; c < 90; c++) {
+          if (T(o)) return;
+          await new Promise((l) => requestAnimationFrame(() => l()));
+        }
+        return;
+      }
+      const s = k();
+      s?.shadowRoot && m(s.shadowRoot), await Promise.resolve();
+      for (let c = 0; c < 90; c++) {
+        const l = k()?.shadowRoot ?? null;
+        if (l && (m(l), T(l)))
+          return;
+        await new Promise((f) => requestAnimationFrame(() => f()));
+      }
+    }
+  };
+}
+export {
+  F as a,
+  P as i,
+  z as n,
+  E as o,
+  M as r,
+  B as t
+};

package/dist/qna/index.d.ts

@@ -1,63 +1,3 @@
-import { ActionPayload, PageContext } from '../common/types.js';
-import { BaseWidget } from '../common/widget-base.js';
-import { QNAWidgetConfig } from './types.js';
-/**
- * Contextual Q&A action buttons for product pages.
- * Renders quick-action buttons that open the chat widget with a pre-built query.
- *
- * @example
- * ```ts
- * import { GengageQNA, wireQNAToChat, bootstrapSession } from '@gengage/assistant-fe';
- *
- * const qna = new GengageQNA();
- * await qna.init({
- *   accountId: 'mystore',
- *   middlewareUrl: '<backend service location provided for your Gengage account>',
- *   mountTarget: '#qna-section',
- *   pageContext: { pageType: 'pdp', sku: '12345' },
- *   session: { sessionId: bootstrapSession() },
- * });
- * wireQNAToChat(); // Wire button clicks to chat.openWithAction()
- * ```
- */
-export declare class GengageQNA extends BaseWidget<QNAWidgetConfig> {
-    private _abortController;
-    private _debounceTimer;
-    private _contentEl;
-    private _lastSku;
-    private _i18n;
-    protected onInit(config: QNAWidgetConfig): Promise<void>;
-    protected onUpdate(context: Partial<PageContext>): void;
-    protected onShow(): void;
-    protected onHide(): void;
-    protected onDestroy(): void;
-    private _abort;
-    /** `headerTitle` wins over deprecated `headingTitle`. */
-    private _resolvedQnaHeaderTitle;
-    /** Clean up TextInput placeholder rotation timers to prevent interval leaks. */
-    private _cleanupTextInputTimers;
-    private _fetchAndRender;
-    private _createLoadingIndicator;
-    private _resolveI18n;
-    private _resolveUISpecRegistry;
-    private _renderUISpec;
-    private _specIncludesType;
-    private _buildFallbackActionsSpec;
-    /**
-     * Free-text field when the launcher stream has no TextInput. Must sit **above** the
-     * quick-question pills (heading → search → chips), not below — see `render` order above.
-     */
-    private _insertStandaloneInputBeforePills;
-    private _appendStandaloneInput;
-    private _handleAction;
-    private _handleOpenChat;
-    private _showTransitionIndicator;
-    _actionHandler: (action: ActionPayload) => void;
-    _openChatHandler: () => void;
-}
-export declare function createQNAWidget(): GengageQNA;
-export type { QNAWidgetConfig, QNAUIComponents, QNAI18n, QNAUISpecRenderContext, QNARendererConfig } from './types.js';
-export { renderQnaUISpec, createDefaultQnaUISpecRegistry, defaultQnaUnknownUISpecRenderer, } from './components/renderUISpec.js';
-export type { QNAUISpecRegistry } from './components/renderUISpec.js';
+export * from './runtime.js';
 export { qnaCatalog } from './catalog.js';
 export type { QNACatalog, QNAComponentName } from './catalog.js';