@gengage/assistant-fe 0.4.20 → 0.5.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-bbMljGVG.js";
-import { n as R, t as n } from "./simrel-zCDlCrqG.js";
+import { a, i as r, n as t, r as i, t as m } from "./runtime-DOS9yRRx.js";
+import { n as R, t as n } from "./simrel-C07wZN8Q.js";
 export {
   m as GengageSimRel,
   i as createDefaultSimRelUISpecRegistry,

package/dist/widget-base-Dliq3QAf.js

@@ -0,0 +1,362 @@
+import { o as m, r as x } from "./context-BBuSsXZ9.js";
+var l = {
+  "--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 w(e) {
+  if (!e) return { ...l };
+  const t = {
+    ...l,
+    ...e
+  }, r = e["--gengage-chat-launcher-size"];
+  return r !== void 0 && (e["--gengage-chat-launcher-width"] === void 0 && (t["--gengage-chat-launcher-width"] = r), e["--gengage-chat-launcher-height"] === void 0 && (t["--gengage-chat-launcher-height"] = r)), t;
+}
+var i = {
+  primaryColor: "#b7102a",
+  primaryForeground: "#ffffff",
+  backgroundColor: "#ffffff",
+  foregroundColor: "#111827",
+  borderRadius: "0.75rem",
+  fontFamily: '"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+  fontSize: "14px",
+  zIndex: "1000",
+  "--glov-chatbot-width": "420px",
+  "--glov-left-spacing": "260px",
+  "--chatbot-padding": "16px",
+  "--root-wrapper-background-color": "#f8f9fa",
+  "--root-wrapper-border-color": "#edeeef",
+  "--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": "0.75rem",
+  "--gengage-simrel-card-radius": "0.75rem",
+  "--client-primary": "#b7102a",
+  "--client-primary-hover": "color-mix(in srgb, #b7102a 88%, black 12%)",
+  "--client-primary-active": "color-mix(in srgb, #b7102a 78%, black 22%)",
+  "--client-primary-subtle": "color-mix(in srgb, #b7102a 12%, white)",
+  "--client-primary-soft": "color-mix(in srgb, #b7102a 20%, white)",
+  "--client-on-primary": "#ffffff",
+  "--client-focus-ring": "color-mix(in srgb, #b7102a 32%, transparent)",
+  "--surface-page": "#f6f7fb",
+  "--surface-shell": "#10131a",
+  "--surface-card": "#ffffff",
+  "--surface-card-muted": "#f8fafc",
+  "--surface-card-soft": "#f8fafc",
+  "--surface-elevated": "#ffffff",
+  "--surface-input": "#ffffff",
+  "--surface-overlay": "rgba(16, 19, 26, 0.52)",
+  "--text-primary": "#111827",
+  "--text-secondary": "#4b5563",
+  "--text-muted": "#6b7280",
+  "--text-inverse": "#f9fafb",
+  "--border-subtle": "rgba(17, 24, 39, 0.06)",
+  "--border-default": "rgba(17, 24, 39, 0.10)",
+  "--border-strong": "rgba(17, 24, 39, 0.18)",
+  "--shadow-1": "0 1px 2px rgba(16, 24, 40, 0.04), 0 1px 3px rgba(16, 24, 40, 0.06)",
+  "--shadow-2": "0 4px 12px rgba(16, 24, 40, 0.08)",
+  "--shadow-3": "0 10px 24px rgba(16, 24, 40, 0.12)",
+  "--radius-control": "12px",
+  "--radius-card": "16px",
+  "--radius-panel": "24px",
+  "--radius-pill": "999px",
+  "--success": "#16a34a",
+  "--warning": "#d97706",
+  "--error": "#dc2626",
+  "--info": "#2563eb",
+  "--rating": "#f5b301",
+  "--ai-accent-start": "#0b24d6",
+  "--ai-accent-end": "#f768f2",
+  "--ai-accent-soft": "linear-gradient(135deg, rgba(11, 36, 214, 0.08), rgba(247, 104, 242, 0.08))"
+};
+function F(e) {
+  return {
+    ...i,
+    ...e
+  };
+}
+var o = "gengage-global-toast-root", u = "gengage-global-toast-style", c = "gengage-global-toast-root--visible", v = 4200, _ = 1500, E = 15e3, T = [
+  "--gengage-font-family",
+  "--surface-card",
+  "--text-primary",
+  "--text-muted",
+  "--border-default",
+  "--radius-card",
+  "--shadow-3",
+  "--error",
+  "--ds-toast-error-bg",
+  "--ds-toast-error-border",
+  "--ds-toast-error-accent",
+  "--ds-toast-error-fg",
+  "--ds-toast-error-shadow"
+], f = !1, s = null, C = [
+  /failed to fetch/i,
+  /networkerror/i,
+  /network request failed/i,
+  /load failed/i,
+  /err_network/i,
+  /fetch failed/i,
+  /network error/i
+];
+function h(e) {
+  return typeof e == "string" && e.toLowerCase().startsWith("tr");
+}
+function I(e) {
+  if (typeof navigator < "u" && navigator.onLine === !1) return !0;
+  const t = e instanceof Error ? e.message.trim() : "";
+  return t ? C.some((r) => r.test(t)) : !1;
+}
+function H(e, t) {
+  return I(t) ? h(e) ? "Bağlantı sorunu oluştu. Lütfen tekrar deneyin." : "Connection issue. Please try again." : h(e) ? "Bir hata oluştu. Lütfen tekrar deneyin." : "Something went wrong. Please try again.";
+}
+function S() {
+  f || typeof window > "u" || typeof document > "u" || (f = !0, m("gengage:global:error", (e) => {
+    k(e);
+  }));
+}
+function k(e) {
+  if (typeof document > "u") return;
+  const t = e.message.trim();
+  if (!t) return;
+  A();
+  const r = $();
+  M(r), r.innerHTML = "";
+  const a = document.createElement("section");
+  a.className = "gengage-global-toast gengage-global-toast--error", a.setAttribute("role", "status"), a.setAttribute("aria-live", "polite");
+  const n = document.createElement("div");
+  n.className = "gengage-global-toast-title", n.textContent = R(e.source);
+  const g = document.createElement("div");
+  g.className = "gengage-global-toast-message", g.textContent = t, a.appendChild(n), a.appendChild(g), r.appendChild(a), r.classList.add(c), s && (clearTimeout(s), s = null), e.sticky !== !0 && (s = setTimeout(() => {
+    L();
+  }, N(e.durationMs)));
+}
+function L() {
+  if (typeof document > "u") return;
+  const e = document.getElementById(o);
+  e && (e.classList.remove(c), e.innerHTML = "", s && (clearTimeout(s), s = null));
+}
+function R(e) {
+  switch (e) {
+    case "chat":
+      return "Chat warning";
+    case "qna":
+      return "QnA warning";
+    case "simrel":
+      return "Widget warning";
+    default:
+      return "Connection warning";
+  }
+}
+function $() {
+  const e = document.getElementById(o);
+  if (e instanceof HTMLElement) return e;
+  const t = document.createElement("div");
+  return t.id = o, t.className = "gengage-global-toast-root", document.body.appendChild(t), t;
+}
+function M(e) {
+  if (typeof document > "u" || typeof window > "u") return;
+  const t = document.querySelector(".gengage-chat-root, .gengage-qna-container, .gengage-simrel-container, .gengage-simbut-root");
+  if (!t) return;
+  const r = window.getComputedStyle(t);
+  for (const a of T) {
+    const n = r.getPropertyValue(a).trim();
+    n ? e.style.setProperty(a, n) : e.style.removeProperty(a);
+  }
+}
+function N(e) {
+  return typeof e != "number" || !Number.isFinite(e) ? v : Math.min(E, Math.max(_, Math.round(e)));
+}
+function A() {
+  if (document.getElementById(u)) return;
+  const e = document.createElement("style");
+  e.id = u;
+  const t = i["--surface-card"] ?? i.backgroundColor ?? "#ffffff", r = i["--text-primary"] ?? i.foregroundColor ?? "#111827", a = i["--border-default"] ?? "rgba(17, 24, 39, 0.10)", n = i["--error"] ?? "#dc2626", g = i["--shadow-3"] ?? "0 10px 24px rgba(16, 24, 40, 0.12)", b = i["--radius-card"] ?? "16px", y = i["--text-muted"] ?? "#6b7280";
+  e.textContent = `
+#${o} {
+  position: fixed;
+  top: 16px;
+  right: 16px;
+  z-index: 2147483646;
+  pointer-events: none;
+}
+#${o}.${c} {
+  pointer-events: auto;
+}
+#${o} .gengage-global-toast {
+  min-width: 260px;
+  max-width: min(92vw, 420px);
+  border-radius: var(--radius-card, ${b});
+  border: 1px solid var(--ds-toast-error-border, color-mix(in srgb, var(--error, ${n}) 18%, var(--border-default, ${a})));
+  border-left: 4px solid var(--ds-toast-error-accent, var(--error, ${n}));
+  background: var(--ds-toast-error-bg, color-mix(in srgb, var(--error, ${n}) 5%, var(--surface-card, ${t})));
+  color: var(--ds-toast-error-fg, color-mix(in srgb, var(--error, ${n}) 22%, var(--text-primary, ${r})));
+  box-shadow: var(--ds-toast-error-shadow, var(--shadow-3, ${g}));
+  padding: 10px 12px;
+  font-family: var(--gengage-font-family, ${JSON.stringify(i.fontFamily ?? '-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif')});
+  font-size: 13px;
+  line-height: 1.4;
+  animation: gengage-global-toast-in 180ms ease-out forwards;
+}
+#${o} .gengage-global-toast-title {
+  margin: 0 0 4px;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--text-muted, ${y});
+}
+#${o} .gengage-global-toast-message {
+  margin: 0;
+  font-weight: 500;
+}
+@keyframes gengage-global-toast-in {
+  from {
+    opacity: 0;
+    transform: translateY(-8px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+`, document.head.appendChild(e);
+}
+var d = null;
+function O() {
+  if (d !== null) return d;
+  try {
+    d = localStorage.getItem("gengage:debug") === "1";
+  } catch {
+    d = !1;
+  }
+  return d;
+}
+function p(e, t, r) {
+  if (!O()) return;
+  const a = [`[gengage:${e}]`, t];
+  r !== void 0 && a.push(r), console.debug(...a);
+}
+var D = ("0.5.0".trim(), "0.5.0".trim()), B = ("package-build".trim(), "package-build".trim());
+function G() {
+  if (typeof window > "u") return;
+  const e = window;
+  e.__gengageSdkRuntimeInfoLogged || (e.__gengageSdkRuntimeInfoLogged = !0, console.info(`[gengage] @gengage/assistant-fe v${D} (${B})`));
+}
+var P = 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 = w(e.theme);
+    G(), this.config = {
+      ...e,
+      theme: t,
+      session: x(e.session)
+    }, this.root = this._resolveMount(e.mountTarget), this._applyTheme(t), S();
+    const r = m("gengage:context:update", (a) => this.update(a));
+    this._cleanups.push(r), p("lifecycle", `${this.constructor.name}.init`, {
+      accountId: e.accountId,
+      sku: e.pageContext?.sku
+    });
+    try {
+      await this.onInit(this.config);
+    } catch (a) {
+      throw this.destroy(), a;
+    }
+    this._destroying || (this.isInitialised = !0, p("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((r) => r(...t));
+  }
+  addCleanup(e) {
+    this._cleanups.push(e);
+  }
+  _resolveMount(e) {
+    if (e instanceof HTMLElement) return e;
+    if (typeof e == "string") {
+      const r = document.querySelector(e);
+      if (!r) throw new Error(`[gengage] Mount target not found: "${e}"`);
+      return r;
+    }
+    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, r] of Object.entries(e)) if (r !== void 0) {
+        const a = t.startsWith("--") ? t : `--gengage-${V(t)}`;
+        this.root.style.setProperty(a, r);
+      }
+    }
+  }
+};
+function V(e) {
+  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+export {
+  L as a,
+  S as c,
+  F as d,
+  l as f,
+  p as i,
+  k as l,
+  B as n,
+  H as o,
+  w as p,
+  D as r,
+  I as s,
+  P as t,
+  i as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gengage/assistant-fe",
-  "version": "0.4.20",
+  "version": "0.5.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",
@@ -90,8 +90,8 @@
   },
   "types": "./dist/index.d.ts",
   "scripts": {
-    "build": "tsc && vite build && tsx scripts/build-iife.ts",
-    "build:lib": "tsc && vite build",
+    "build": "tsc -p tsconfig.src.json && vite build && tsx scripts/build-iife.ts",
+    "build:lib": "tsc -p tsconfig.src.json && vite build",
     "build:iife": "tsx scripts/build-iife.ts",
     "build:demos": "vite build --config vite.config.demos.ts",
     "dev": "node --env-file=.env --import=tsx/esm scripts/dev.ts",
@@ -124,11 +124,14 @@
     "teknosacom": "npm run dev -- teknosacom --sku=125077817",
     "skecherscomtr": "npm run dev -- skecherscomtr --sku=232700",
     "kill": "tsx scripts/kill.ts",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit -p tsconfig.src.json",
     "typecheck:catalog": "tsc --noEmit -p catalog/tsconfig.json",
+    "typecheck:tests": "tsc --noEmit -p tsconfig.tests.json",
+    "typecheck:tools": "tsc --noEmit -p tsconfig.tools.json",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx,css}\" \"catalog/**/*.{ts,tsx,css,js,html}\" \"demos/**/*.{ts,tsx,css,js,html}\" \"tests/**/*.ts\" \"scripts/**/*.ts\" && eslint src --fix && npm run typecheck && npm run typecheck:catalog",
+    "check:css": "tsx scripts/check-css-compat.ts",
+    "format": "prettier --write \"src/**/*.{ts,tsx,css}\" \"catalog/**/*.{ts,tsx,css,js,html}\" \"demos/**/*.{ts,tsx,css,js,html}\" \"tests/**/*.ts\" \"scripts/**/*.ts\" && eslint src --fix && npm run check:css && npm run typecheck && npm run typecheck:catalog && npm run typecheck:tests && npm run typecheck:tools",
     "test:chat-history": "vitest run tests/history-storage.test.ts tests/save-session-navigate.test.ts tests/chat-drawer-panel.test.ts tests/chat-open.test.ts tests/session-restore.test.ts tests/session-persistence.test.ts tests/chat-panel-state-restore.test.ts",
     "test": "npm run test:unit && npm run test:e2e",
     "test:unit": "vitest run",
@@ -176,7 +179,6 @@
     }
   },
   "dependencies": {
-    "@json-render/core": "^0.19.0",
     "zod": "^4.3.6"
   },
   "overrides": {

package/dist/chat/api.d.ts

@@ -1,88 +0,0 @@
-import { StreamEvent, UISpec, PageContext } from '../common/types.js';
-import { ChatTransportConfig } from '../common/api-paths.js';
-export interface BackendRequestMeta {
-    outputLanguage: string;
-    parentUrl: string;
-    windowWidth: string;
-    windowHeight: string;
-    selfUrl: string;
-    id: string;
-    userId: string;
-    appId: string;
-    threads: unknown[];
-    createdAt: string;
-    kvkkApproved: boolean;
-    voiceEnabled: boolean;
-    threadId: string;
-    isControlGroup: boolean;
-    isMobile: boolean;
-    viewId?: string;
-    assistantMode?: string;
-}
-export interface ProcessActionRequest {
-    account_id: string;
-    session_id: string;
-    correlation_id: string;
-    user_id?: string;
-    view_id?: string;
-    /**
-     * @deprecated Use top-level `type` and `payload` instead.
-     * Kept for one release cycle of backward compatibility.
-     */
-    action?: {
-        title: string;
-        type: string;
-        payload?: unknown;
-    };
-    /** Backend action type identifier (preferred over `action.type`). */
-    type?: string;
-    /** Arbitrary action data passed to the backend (preferred over `action.payload`). */
-    payload?: unknown;
-    sku?: string;
-    page_type?: string;
-    locale?: string;
-    meta?: BackendRequestMeta;
-    context?: {
-        messages?: Array<{
-            role: string;
-            content: string;
-        }>;
-        [key: string]: unknown;
-    };
-}
-export interface ActionEnrichmentContext {
-    pageContext?: PageContext | undefined;
-    backendContext?: import('../common/types.js').BackendContext | null | undefined;
-    isMobile?: boolean | undefined;
-}
-/**
- * Enriches action payloads with fields the backend expects.
- * Only adds fields that are not already present in the payload.
- */
-export declare function enrichActionPayload(action: {
-    title: string;
-    type: string;
-    payload?: unknown;
-}, ctx: ActionEnrichmentContext): {
-    title: string;
-    type: string;
-    payload?: unknown;
-};
-export interface StreamCallbacks {
-    onTextChunk: (content: string, isFinal: boolean, extra?: {
-        productMentions?: Array<{
-            sku: string;
-            short_name: string;
-        }> | undefined;
-        skuToProductItem?: Record<string, Record<string, unknown>> | undefined;
-        conversationMode?: string | undefined;
-        renderHint?: string | undefined;
-        kvkk?: boolean | undefined;
-    }) => void;
-    onUISpec: (spec: UISpec, widget: string, panelHint?: 'panel', clearPanel?: boolean) => void;
-    onAction: (event: StreamEvent) => void;
-    onMetadata: (event: StreamEvent) => void;
-    onError: (err: Error) => void;
-    onDone: () => void;
-}
-export declare function sendChatMessage(request: ProcessActionRequest, callbacks: StreamCallbacks, transport: ChatTransportConfig): AbortController;

package/dist/chat/assistant-mode.d.ts

@@ -1,19 +0,0 @@
-/**
- * Assistant-mode utilities for the chat widget.
- *
- * The chat widget can operate in multiple modes (shopping, beauty consulting,
- * watch expert, booking). This module contains the type, parsing helpers, and
- * recognised mode list so the main index.ts stays focused on orchestration.
- */
-export type AssistantMode = 'shopping' | 'booking' | 'beauty_consulting' | 'watch_expert';
-/** Return the value as an AssistantMode if it is a known mode string, otherwise null. */
-export declare function toAssistantMode(value: unknown): AssistantMode | null;
-/** Safely cast an unknown value to a plain Record, or null. */
-export declare function asRecord(value: unknown): Record<string, unknown> | null;
-/** Return the first non-empty string among the given values. */
-export declare function firstString(...values: unknown[]): string | undefined;
-/**
- * Parse a redirect metadata payload and return the target assistant mode,
- * or `null` if the payload is not a valid mode-switch redirect.
- */
-export declare function parseRedirectMode(redirectPayload: unknown): AssistantMode | null;

package/dist/chat/attachment-utils.d.ts

@@ -1,9 +0,0 @@
-export declare const ALLOWED_MIME_TYPES: readonly ["image/jpeg", "image/png", "image/webp"];
-export declare const MAX_FILE_SIZE: number;
-export type ValidationResult = {
-    ok: true;
-} | {
-    ok: false;
-    reason: 'invalid_type' | 'too_large';
-};
-export declare function validateImageFile(file: File): ValidationResult;