@gengage/assistant-fe 0.6.50 → 0.7.0

package/dist/simrel.js

@@ -1,5 +1,5 @@
-import { a, i as r, n as t, r as i, t as m } from "./runtime-Do3qShrH.js";
-import { n as R, t as n } from "./simrel-BFPU2n5p.js";
+import { a, i as r, n as t, r as i, t as m } from "./runtime-BC8-a6Ql.js";
+import { n as R, t as n } from "./simrel-CdxDIKu3.js";
 export {
   m as GengageSimRel,
   i as createDefaultSimRelUISpecRegistry,

package/dist/widget-base-Cvxdrqqt.js

@@ -0,0 +1,141 @@
+import { i as o, p as g, u as h } from "./global-error-toast-DvaKvPNA.js";
+var a = {
+  "--gengage-chat-offset": "20px",
+  "--gengage-chat-launcher-width": "56px",
+  "--gengage-chat-launcher-height": "56px",
+  "--gengage-chat-width": "400px",
+  "--gengage-chat-shell-radius": "1rem",
+  "--gengage-chat-header-height": "72px",
+  "--gengage-chat-conversation-width": "396px",
+  "--gengage-chat-panel-min-width": "320px",
+  "--gengage-chat-panel-max-width": "1200px",
+  "--gengage-chat-input-height": "48px",
+  "--gengage-qna-pill-radius": "999px",
+  "--gengage-qna-input-radius": "12px",
+  "--gengage-simrel-card-radius": "0.75rem",
+  "--radius-control": "12px",
+  "--radius-card": "16px",
+  "--radius-panel": "24px",
+  "--radius-pill": "999px",
+  "--surface-card-muted": "#f8fafc",
+  "--text-secondary": "#4b5563",
+  "--text-muted": "#6b7280",
+  "--border-default": "rgba(17, 24, 39, 0.10)"
+};
+function d(e) {
+  if (!e) return { ...a };
+  const t = {
+    ...a,
+    ...e
+  }, i = e["--gengage-chat-launcher-size"];
+  return i !== void 0 && (e["--gengage-chat-launcher-width"] === void 0 && (t["--gengage-chat-launcher-width"] = i), e["--gengage-chat-launcher-height"] === void 0 && (t["--gengage-chat-launcher-height"] = i)), t;
+}
+var s = null;
+function l() {
+  if (s !== null) return s;
+  try {
+    s = localStorage.getItem("gengage:debug") === "1";
+  } catch {
+    s = !1;
+  }
+  return s;
+}
+function r(e, t, i) {
+  if (!l()) return;
+  const n = [`[gengage:${e}]`, t];
+  i !== void 0 && n.push(i), console.debug(...n);
+}
+var u = ("0.7.0".trim(), "0.7.0".trim()), c = ("package-build".trim(), "package-build".trim());
+function f() {
+  typeof window > "u" || (window.gengage || (window.gengage = {}), window.gengage.__internal || (window.gengage.__internal = {}), !window.gengage.__internal.sdkRuntimeInfoLogged && (window.gengage.__internal.sdkRuntimeInfoLogged = !0, console.info(`[gengage] @gengage/assistant-fe v${u} (${c})`)));
+}
+var m = class {
+  constructor() {
+    this.isVisible = !1, this.isInitialised = !1, this._handlers = /* @__PURE__ */ new Map(), this._cleanups = [], this._ownsRoot = !1, this._destroying = !1;
+  }
+  async init(e) {
+    if (this.isInitialised) {
+      console.warn("[gengage] Widget already initialised. Call update() instead.");
+      return;
+    }
+    const t = d(e.theme);
+    f(), this.config = {
+      ...e,
+      theme: t,
+      session: h(e.session)
+    }, this.root = this._resolveMount(e.mountTarget), this._applyTheme(t), o();
+    const i = g("gengage:context:update", (n) => this.update(n));
+    this._cleanups.push(i), r("lifecycle", `${this.constructor.name}.init`, {
+      accountId: e.accountId,
+      sku: e.pageContext?.sku
+    });
+    try {
+      await this.onInit(this.config);
+    } catch (n) {
+      throw this.destroy(), n;
+    }
+    this._destroying || (this.isInitialised = !0, r("lifecycle", `${this.constructor.name} ready`), this.emit("ready"));
+  }
+  update(e) {
+    this.isInitialised && (this.config.pageContext ? this.config = {
+      ...this.config,
+      pageContext: {
+        ...this.config.pageContext,
+        ...e
+      }
+    } : e.pageType !== void 0 && (this.config = {
+      ...this.config,
+      pageContext: e
+    }), this.onUpdate(e), this.emit("context-update", this.config.pageContext));
+  }
+  show() {
+    this.isVisible || (this.isVisible = !0, this.root.style.display = "", this.onShow(), this.emit("show"));
+  }
+  hide() {
+    this.isVisible && (this.isVisible = !1, this.root.style.display = "none", this.onHide(), this.emit("hide"));
+  }
+  destroy() {
+    this._destroying || (this._destroying = !0, this.emit("destroy"), this._cleanups.forEach((e) => e()), this._cleanups.length = 0, this._handlers.clear(), this.onDestroy(), this._cleanupRoot(), this.isInitialised = !1);
+  }
+  _cleanupRoot() {
+    this._ownsRoot ? this.root.remove() : this.root.innerHTML = "";
+  }
+  on(e, t) {
+    return this._handlers.has(e) || this._handlers.set(e, /* @__PURE__ */ new Set()), this._handlers.get(e).add(t), () => this._handlers.get(e)?.delete(t);
+  }
+  emit(e, ...t) {
+    this._handlers.get(e)?.forEach((i) => i(...t));
+  }
+  addCleanup(e) {
+    this._cleanups.push(e);
+  }
+  _resolveMount(e) {
+    if (e instanceof HTMLElement) return e;
+    if (typeof e == "string") {
+      const i = document.querySelector(e);
+      if (!i) throw new Error(`[gengage] Mount target not found: "${e}"`);
+      return i;
+    }
+    const t = document.createElement("div");
+    return t.dataset.gengageWidget = this.constructor.name.toLowerCase(), document.body.insertBefore(t, document.body.firstChild), this._ownsRoot = !0, t;
+  }
+  _applyTheme(e) {
+    if (e) {
+      for (const [t, i] of Object.entries(e)) if (i !== void 0) {
+        const n = t.startsWith("--") ? t : `--gengage-${p(t)}`;
+        this.root.style.setProperty(n, i);
+      }
+    }
+  }
+};
+function p(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+export {
+  a,
+  r as i,
+  c as n,
+  d as o,
+  u as r,
+  m as t
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gengage/assistant-fe",
-  "version": "0.6.50",
+  "version": "0.7.0",
   "description": "Source-available frontend widgets for Gengage AI Assistant — chat, Q&A, and similar-products. Backend is SaaS (gengage.ai).",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",

package/dist/context-UTzCGyR9.js

@@ -1,543 +0,0 @@
-var T = /* @__PURE__ */ new Set([
-  "p",
-  "br",
-  "a",
-  "strong",
-  "b",
-  "em",
-  "i",
-  "u",
-  "ul",
-  "ol",
-  "li",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "span",
-  "div",
-  "table",
-  "thead",
-  "tbody",
-  "tr",
-  "th",
-  "td",
-  "hr",
-  "code",
-  "pre",
-  "blockquote",
-  "img",
-  "sup",
-  "sub",
-  "button"
-]), E = /* @__PURE__ */ new Set([
-  "script",
-  "iframe",
-  "object",
-  "embed",
-  "form",
-  "input",
-  "textarea",
-  "select",
-  "style",
-  "link",
-  "meta",
-  "template",
-  "noscript"
-]), b = {
-  "*": /* @__PURE__ */ new Set(["class"]),
-  a: /* @__PURE__ */ new Set([
-    "href",
-    "target",
-    "rel"
-  ]),
-  img: /* @__PURE__ */ new Set([
-    "src",
-    "alt",
-    "width",
-    "height"
-  ]),
-  button: /* @__PURE__ */ new Set([
-    "type",
-    "disabled",
-    "aria-label",
-    "aria-hidden",
-    "title"
-  ]),
-  div: /* @__PURE__ */ new Set(["style"]),
-  span: /* @__PURE__ */ new Set(["style"]),
-  p: /* @__PURE__ */ new Set(["style"])
-};
-function I(e) {
-  return /^\s*javascript\s*:/i.test(e);
-}
-var O = /* @__PURE__ */ new Set([
-  "color",
-  "background-color",
-  "font-size",
-  "font-weight",
-  "font-style",
-  "font-family",
-  "text-align",
-  "text-decoration",
-  "line-height",
-  "letter-spacing",
-  "margin",
-  "margin-top",
-  "margin-right",
-  "margin-bottom",
-  "margin-left",
-  "padding",
-  "padding-top",
-  "padding-right",
-  "padding-bottom",
-  "padding-left",
-  "border",
-  "border-top",
-  "border-right",
-  "border-bottom",
-  "border-left",
-  "border-radius",
-  "border-color",
-  "border-width",
-  "border-style",
-  "width",
-  "max-width",
-  "min-width",
-  "height",
-  "max-height",
-  "min-height",
-  "display",
-  "vertical-align",
-  "white-space",
-  "word-break",
-  "overflow",
-  "opacity",
-  "visibility",
-  "list-style",
-  "list-style-type",
-  "text-transform",
-  "text-indent",
-  "text-overflow",
-  "box-sizing",
-  "flex",
-  "flex-direction",
-  "flex-wrap",
-  "justify-content",
-  "align-items",
-  "gap"
-]), P = /url\s*\(|expression\s*\(|javascript\s*:|\bimport\b|-moz-binding|behavior\s*:/i;
-function N(e) {
-  const t = [];
-  for (const n of e.split(";")) {
-    const i = n.trim();
-    if (!i) continue;
-    const a = i.indexOf(":");
-    if (a === -1) continue;
-    const s = i.slice(0, a).trim().toLowerCase(), u = i.slice(a + 1).trim();
-    O.has(s) && (P.test(u) || t.push(i));
-  }
-  return t.join("; ");
-}
-function w(e, t) {
-  if (e.nodeType === Node.TEXT_NODE) return;
-  if (e.nodeType !== Node.ELEMENT_NODE) {
-    e.parentNode?.removeChild(e);
-    return;
-  }
-  const n = e, i = n.tagName.toLowerCase();
-  if (E.has(i)) {
-    n.parentNode?.removeChild(n);
-    return;
-  }
-  if (!T.has(i)) {
-    const o = Array.from(n.childNodes);
-    for (const c of o) t.insertBefore(c, n);
-    t.removeChild(n);
-    for (const c of o) w(c, t);
-    return;
-  }
-  const a = b["*"] ?? /* @__PURE__ */ new Set(), s = b[i] ?? /* @__PURE__ */ new Set(), u = Array.from(n.attributes);
-  for (const o of u) {
-    const c = o.name.toLowerCase();
-    if (!a.has(c) && !s.has(c)) {
-      n.removeAttribute(o.name);
-      continue;
-    }
-    if (I(o.value)) {
-      n.removeAttribute(o.name);
-      continue;
-    }
-    if (c === "style") {
-      const d = N(o.value);
-      d ? n.setAttribute("style", d) : n.removeAttribute("style");
-      continue;
-    }
-  }
-  if (i === "a") {
-    const o = n.getAttribute("href");
-    if (o !== null) {
-      const c = o.trim().toLowerCase();
-      !c.startsWith("http://") && !c.startsWith("https://") && !c.startsWith("mailto:") && n.removeAttribute("href");
-    }
-    n.setAttribute("target", "_blank"), n.setAttribute("rel", "noopener noreferrer");
-  }
-  if (i === "img") {
-    const o = n.getAttribute("src");
-    o !== null && (o.trim().toLowerCase().startsWith("https://") || n.removeAttribute("src"));
-  }
-  if (i === "button") {
-    const o = n.getAttribute("type")?.trim().toLowerCase();
-    (!o || o !== "button") && n.setAttribute("type", "button");
-  }
-  const p = Array.from(n.childNodes);
-  for (const o of p) w(o, n);
-}
-var k = ["http:", "https:"];
-function J(e) {
-  const t = e.trim();
-  if (!t) return !1;
-  if (t.startsWith("/") && !t.startsWith("//")) return !0;
-  try {
-    return k.includes(new URL(t).protocol);
-  } catch {
-    return !1;
-  }
-}
-function A(e) {
-  if (e.startsWith("/") && !e.startsWith("//")) return !0;
-  try {
-    const t = new URL(e);
-    return k.includes(t.protocol);
-  } catch {
-    return !1;
-  }
-}
-function X(e, t, n) {
-  (t === "href" || t === "src") && !A(n) || e.setAttribute(t, n);
-}
-function K(e) {
-  if (!e) return "";
-  const t = new DOMParser().parseFromString(e, "text/html").body, n = Array.from(t.childNodes);
-  for (const i of n) w(i, t);
-  return t.innerHTML;
-}
-function W() {
-  return typeof window < "u" && Array.isArray(window.dataLayer);
-}
-function r(e, t) {
-  const n = {
-    event: e,
-    ...t
-  };
-  W() && window.dataLayer.push(n);
-}
-function D(e) {
-  r("gengage-on-init", { gengage_widget: e });
-}
-function v(e) {
-  r("gengage-show", { gengage_widget: e });
-}
-function U(e) {
-  r("gengage-hide", { gengage_widget: e });
-}
-function z(e, t) {
-  r("gengage-suggested-question", {
-    gengage_question_title: e,
-    gengage_action_type: t
-  });
-}
-function Y(e) {
-  r("gengage-find-similars", { gengage_sku: e });
-}
-function Z(e) {
-  r("gengage-compare-preselection", { gengage_sku: e });
-}
-function $(e) {
-  r("gengage-compare-selected", {
-    gengage_skus: e,
-    gengage_product_count: e.length
-  });
-}
-function ee() {
-  r("gengage-compare-clear");
-}
-function te(e) {
-  r("gengage-compare-received", { gengage_product_count: e });
-}
-function ne(e) {
-  r("gengage-like-product", { gengage_sku: e });
-}
-function ie() {
-  r("gengage-like-list");
-}
-function re(e, t) {
-  r("gengage-search", {
-    gengage_search_query: e,
-    gengage_result_count: t
-  });
-}
-function oe(e, t) {
-  r("gengage-product-detail", {
-    gengage_sku: e,
-    gengage_product_name: t
-  });
-}
-function M(e, t) {
-  r("gengage-similar-product-click", {
-    gengage_sku: e,
-    ...t?.url !== void 0 ? { gengage_product_url: t.url } : {},
-    ...t?.name !== void 0 ? { gengage_product_name: t.name } : {},
-    ...t?.session_id !== void 0 ? { gengage_session_id: t.session_id } : {}
-  });
-}
-function R(e, t) {
-  r("gengage-similar-grouping-click", {
-    gengage_grouping_label: e,
-    gengage_grouping_index: t
-  });
-}
-function j(e) {
-  r("gengage-similar-products-impression", {
-    gengage_source_sku: e.source_sku,
-    gengage_product_count: e.product_count,
-    gengage_grouped: e.grouped,
-    ...e.session_id !== void 0 ? { gengage_session_id: e.session_id } : {}
-  });
-}
-function ae(e) {
-  r("gengage-compare-product", {
-    gengage_skus: e,
-    gengage_product_count: e.length
-  });
-}
-function se() {
-  r("gengage-chatbot-maximized");
-}
-function q(e) {
-  r("gengage-interface-not-ready", {
-    ...e?.reason !== void 0 ? { gengage_reason: e.reason } : {},
-    ...e?.attempts !== void 0 ? { gengage_attempts: e.attempts } : {},
-    ...e?.message !== void 0 ? { gengage_message: e.message } : {}
-  });
-}
-function G(e, t) {
-  r("gengage-cart-add", {
-    gengage_sku: e,
-    gengage_quantity: t
-  });
-}
-function ge() {
-  r("gengage-message-sent");
-}
-function ce() {
-  r("gengage-message-received");
-}
-function le() {
-  r("gengage-conversation-start");
-}
-function F() {
-  r("gengage-voice-input");
-}
-function Q(e, t) {
-  r("gengage-error", {
-    gengage_widget: e,
-    gengage_error: t
-  });
-}
-var f = null;
-function ue() {
-  if (typeof window > "u") return () => {
-  };
-  if (f) return f;
-  const e = [];
-  function t(n, i) {
-    const a = (s) => i(s.detail);
-    window.addEventListener(n, a), e.push(() => window.removeEventListener(n, a));
-  }
-  return t("gengage:chat:open", () => v("chat")), t("gengage:chat:close", () => U("chat")), t("gengage:chat:ready", () => D("chat")), t("gengage:similar:add-to-cart", ({ sku: n, quantity: i }) => {
-    G(n, i);
-  }), t("gengage:similar:product-click", ({ sku: n, url: i, sessionId: a, productName: s }) => {
-    const u = {
-      url: i,
-      session_id: a
-    };
-    s !== void 0 && s !== "" && (u.name = s), M(n, u);
-  }), t("gengage:similar:grouping-click", ({ grouping_label: n, grouping_index: i }) => {
-    R(n, i);
-  }), t("gengage:similar:products-impression", ({ source_sku: n, product_count: i, grouped: a, sessionId: s }) => {
-    j({
-      source_sku: n,
-      product_count: i,
-      grouped: a,
-      session_id: s
-    });
-  }), t("gengage:qna:action", ({ title: n, type: i }) => {
-    z(n, i);
-  }), t("gengage:chat:voice", () => F()), t("gengage:qna:open-chat", () => v("chat")), t("gengage:global:error", ({ source: n, message: i }) => {
-    Q(n, i);
-  }), f = () => {
-    for (const n of e) n();
-    e.length = 0, f = null;
-  }, f;
-}
-function de(e, t) {
-  window.dispatchEvent(new CustomEvent(e, {
-    detail: t,
-    bubbles: !1
-  }));
-}
-function _(e, t) {
-  const n = (i) => {
-    t(i.detail);
-  };
-  return window.addEventListener(e, n), () => window.removeEventListener(e, n);
-}
-function H(e) {
-  if (e.type !== "user_message" && e.type !== "inputText") return null;
-  if (typeof e.payload == "string" && e.payload.trim().length > 0) return e.payload.trim();
-  if (typeof e.payload == "object" && e.payload !== null) {
-    const t = e.payload;
-    if (typeof t.text == "string") {
-      const n = t.text.trim();
-      if (n.length > 0) return n;
-    }
-  }
-  return typeof e.title == "string" && e.title.trim().length > 0 ? e.title.trim() : null;
-}
-function V(e) {
-  if (e.type !== "inputText" && e.type !== "user_message") return e;
-  const t = typeof e.payload == "string" ? { text: e.payload.trim() } : e.payload != null && typeof e.payload == "object" && !Array.isArray(e.payload) ? { ...e.payload } : {};
-  if (typeof t.text != "string" || !t.text.trim()) {
-    const n = e.title?.trim();
-    n && (t.text = n);
-  }
-  return "is_launcher" in t || (t.is_launcher = 1), "is_suggested_text" in t || (t.is_suggested_text = 1), {
-    ...e,
-    payload: t
-  };
-}
-function fe(e) {
-  let t = !1;
-  const n = [];
-  let i = 0, a = null, s = 0;
-  const u = 500, p = 10;
-  function o() {
-    return window.gengage?.chat ?? null;
-  }
-  function c() {
-    t || (console.warn("[gengage] QNA tried to open chat, but chat widget is not initialized. Ensure GengageChat is initialized before calling wireQNAToChat()."), t = !0), e?.onChatUnavailable?.();
-  }
-  function d(g, l) {
-    if (g.openWithAction) {
-      const L = l.type === "inputText" || l.type === "user_message" ? V(l) : l;
-      g.openWithAction(L);
-      return;
-    }
-    const h = H(l);
-    if (h && g.sendMessage) {
-      g.open?.(), g.sendMessage(h);
-      return;
-    }
-  }
-  function m() {
-    a !== null && (window.clearInterval(a), a = null);
-  }
-  function S() {
-    const g = o();
-    if (!g) return !1;
-    if (i > 0 && (g.open?.(), i = 0), n.length > 0) {
-      const l = n.splice(0, n.length);
-      for (const h of l) d(g, h);
-    }
-    return m(), !0;
-  }
-  function y() {
-    a === null && (s = 0, a = window.setInterval(() => {
-      S() || (s += 1, s >= p && ((n.length > 0 || i > 0) && q({
-        reason: "chat_unavailable_after_poll",
-        attempts: p
-      }), n.length = 0, i = 0, m()));
-    }, u));
-  }
-  const C = _("gengage:qna:action", (g) => {
-    const l = o();
-    if (l) {
-      d(l, g);
-      return;
-    }
-    c(), n.length >= 20 && n.shift(), n.push(g), y();
-  }), x = _("gengage:qna:open-chat", () => {
-    const g = o();
-    if (g) {
-      g.open?.();
-      return;
-    }
-    c(), i += 1, y();
-  });
-  return () => {
-    C(), x(), n.length = 0, i = 0, m();
-  };
-}
-function pe() {
-  return _("gengage:similar:product-click", ({ sku: e, url: t, sessionId: n }) => {
-    n && window.gengage?.chat?.saveSession(n, e), A(t) && (window.location.href = t);
-  });
-}
-function B() {
-  const e = window.__gengageSessionId ?? sessionStorage.getItem("gengage_session_id") ?? null ?? crypto.randomUUID();
-  return window.__gengageSessionId = e, sessionStorage.setItem("gengage_session_id", e), window.gengage || (window.gengage = {}), window.gengage.sessionId = e, e;
-}
-function he() {
-  return window.gengage?.pageContext ?? null;
-}
-function me(e) {
-  window.gengage || (window.gengage = {}), window.gengage.pageContext = {
-    pageType: "other",
-    ...window.gengage.pageContext,
-    ...e
-  }, window.dispatchEvent(new CustomEvent("gengage:context:update", { detail: e }));
-}
-function we(e) {
-  return {
-    sessionId: e?.sessionId ?? B(),
-    ...e
-  };
-}
-export {
-  J as A,
-  ge as C,
-  z as D,
-  v as E,
-  X as M,
-  K as N,
-  F as O,
-  ce as S,
-  re as T,
-  Y as _,
-  de as a,
-  ie as b,
-  pe as c,
-  ee as d,
-  Z as f,
-  le as g,
-  $ as h,
-  me as i,
-  A as j,
-  ue as k,
-  G as l,
-  te as m,
-  he as n,
-  _ as o,
-  ae as p,
-  we as r,
-  fe as s,
-  B as t,
-  se as u,
-  D as v,
-  oe as w,
-  ne as x,
-  q as y
-};