@kavchat/widget 0.0.0-stage → 0.0.2

package/dist/index.mjs

@@ -0,0 +1,901 @@
+// src/widget.ts
+import {
+  UI_TEXTS,
+  aiQuestion,
+  answerWithAi,
+  configureEngine,
+  eventsPayload,
+  format,
+  isRtl,
+  pendingQuestion,
+  pressChip,
+  sendText,
+  startConversation,
+  uiTexts
+} from "@kavchat/core";
+
+// src/api.ts
+var endpoint = (c, path) => `${c.apiBase.replace(/\/+$/, "")}/v1/client/${encodeURIComponent(c.publicKey)}/${path}`;
+function headers(c, extra = {}) {
+  const token = c.getToken();
+  return token ? { ...extra, Authorization: `Bearer ${token}` } : extra;
+}
+async function fetchRelease(c, etag) {
+  let res;
+  try {
+    res = await fetch(endpoint(c, "release"), {
+      method: "GET",
+      cache: "no-store",
+      credentials: "omit",
+      headers: headers(c, etag ? { "If-None-Match": etag } : {})
+    });
+  } catch (e) {
+    return { kind: "offline" };
+  }
+  if (res.status === 304) return { kind: "not-modified" };
+  if (res.status >= 500 || res.status === 429) return { kind: "offline" };
+  if (!res.ok) return { kind: "denied", status: res.status };
+  const body = await res.json().catch(() => null);
+  if (!body || body.success !== true || !body.data || typeof body.data.enabled !== "boolean") return { kind: "offline" };
+  return { kind: "ok", release: body.data, etag: res.headers.get("ETag") || "" };
+}
+function postJson(c, path, body, keepalive = false, signal) {
+  return fetch(endpoint(c, path), {
+    method: "POST",
+    cache: "no-store",
+    credentials: "omit",
+    keepalive,
+    signal,
+    headers: headers(c, { "Content-Type": "application/json" }),
+    body: JSON.stringify(body)
+  });
+}
+var AI_TIMEOUT_MS = 2e4;
+async function postAiAnswer(c, sessionId, question) {
+  const ctl = new AbortController();
+  const timer = setTimeout(() => ctl.abort(), AI_TIMEOUT_MS);
+  try {
+    const res = await postJson(c, "ai/answer", { sessionId, question }, false, ctl.signal);
+    const d = res.ok && (await res.json()).data;
+    return d && typeof d.answer === "string" && d.answer.trim() ? { answer: d.answer, scriptId: d.scriptId || null } : null;
+  } catch (e) {
+    return null;
+  } finally {
+    clearTimeout(timer);
+  }
+}
+async function postEvents(c, payload, keepalive = false) {
+  try {
+    const res = await postJson(c, "events", payload, keepalive);
+    return res.ok;
+  } catch (e) {
+    return false;
+  }
+}
+async function postScreens(c, screens) {
+  try {
+    const res = await postJson(c, "screens", { platform: "web", screens });
+    return res.ok;
+  } catch (e) {
+    return false;
+  }
+}
+async function postTicket(c, input) {
+  try {
+    const res = await postJson(c, "tickets", input);
+    const body = await res.json().catch(() => null);
+    if (res.ok && body && body.success && body.data) return { ok: true, id: String(body.data.id), number: Number(body.data.number) };
+    return { ok: false, code: String((body == null ? void 0 : body.code) || `http_${res.status}`), message: String((body == null ? void 0 : body.message) || "") };
+  } catch (e) {
+    return { ok: false, code: "network", message: "" };
+  }
+}
+
+// src/color.ts
+var DEFAULT_PRIMARY = "#2563eb";
+var DARK = "#111827";
+var WHITE = "#ffffff";
+function parseHex(color) {
+  const m = /^#([0-9a-f]{6})$/i.exec(String(color || "").trim());
+  if (!m) return null;
+  const n = parseInt(m[1], 16);
+  return [n >> 16 & 255, n >> 8 & 255, n & 255];
+}
+function luminance(rgb) {
+  const [r, g, b] = rgb.map((v) => {
+    const c = v / 255;
+    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function contrast(a, b) {
+  var _a, _b;
+  const la = luminance((_a = parseHex(a)) != null ? _a : [0, 0, 0]);
+  const lb = luminance((_b = parseHex(b)) != null ? _b : [0, 0, 0]);
+  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+}
+function themeFor(primaryColor) {
+  const primary = parseHex(primaryColor) ? primaryColor.toLowerCase() : DEFAULT_PRIMARY;
+  const onPrimary = contrast(primary, WHITE) >= contrast(primary, DARK) ? WHITE : DARK;
+  const accent = contrast(primary, WHITE) >= 3 ? primary : DARK;
+  return { primary, onPrimary, accent };
+}
+
+// src/dom.ts
+function h(tag, attrs, ...children) {
+  const el = document.createElement(tag);
+  if (attrs) {
+    for (const [k, v] of Object.entries(attrs)) {
+      if (v === void 0 || v === null || v === false) continue;
+      el.setAttribute(k, v === true ? "" : v);
+    }
+  }
+  append(el, children);
+  return el;
+}
+function append(el, children) {
+  for (const c of children) {
+    if (c === null || c === void 0 || c === false) continue;
+    el.appendChild(typeof c === "string" ? document.createTextNode(c) : c);
+  }
+}
+var SVG_NS = "http://www.w3.org/2000/svg";
+function icon(d) {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "24");
+  svg.setAttribute("height", "24");
+  svg.setAttribute("aria-hidden", "true");
+  svg.setAttribute("focusable", "false");
+  const path = document.createElementNS(SVG_NS, "path");
+  path.setAttribute("d", d);
+  path.setAttribute("fill", "currentColor");
+  svg.appendChild(path);
+  return svg;
+}
+var ICONS = {
+  chat: "M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2z",
+  close: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
+  send: "M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"
+};
+function safeUrl(raw, schemes) {
+  try {
+    const url = new URL(String(raw || "").trim());
+    return schemes.includes(url.protocol) ? url.href : null;
+  } catch (e) {
+    return null;
+  }
+}
+var URL_RE = /https:\/\/[^\s<>"'`]+/g;
+var TRAILING = /[.,;:!?)\]}'"»]+$/;
+function richText(text) {
+  const frag = document.createDocumentFragment();
+  let last = 0;
+  URL_RE.lastIndex = 0;
+  let m;
+  while (m = URL_RE.exec(text)) {
+    const raw = m[0].replace(TRAILING, "");
+    const href = safeUrl(raw, ["https:"]);
+    if (!href || !raw) continue;
+    if (m.index > last) frag.appendChild(document.createTextNode(text.slice(last, m.index)));
+    const a = h("a", { href, target: "_blank", rel: "noopener noreferrer" }, raw);
+    frag.appendChild(a);
+    last = m.index + raw.length;
+    URL_RE.lastIndex = last;
+  }
+  if (last < text.length) frag.appendChild(document.createTextNode(text.slice(last)));
+  return frag;
+}
+
+// src/storage.ts
+var RELEASE_KEY = (pk) => `kavchat:release:${pk}`;
+var SESSION_KEY = (pk) => `kavchat:session:${pk}`;
+var SCREENS_KEY = (pk) => `kavchat:screens:${pk}`;
+function read(store, key) {
+  try {
+    const raw = store().getItem(key);
+    return raw ? JSON.parse(raw) : null;
+  } catch (e) {
+    return null;
+  }
+}
+function write(store, key, value) {
+  try {
+    store().setItem(key, JSON.stringify(value));
+  } catch (e) {
+  }
+}
+var local = () => window.localStorage;
+var session = () => window.sessionStorage;
+var readCachedRelease = (pk) => read(local, RELEASE_KEY(pk));
+var writeCachedRelease = (pk, value) => write(local, RELEASE_KEY(pk), value);
+var readScreensMark = (pk) => read(local, SCREENS_KEY(pk));
+var writeScreensMark = (pk, value) => write(local, SCREENS_KEY(pk), value);
+var readSession = (pk) => read(session, SESSION_KEY(pk));
+var writeSession = (pk, value) => write(session, SESSION_KEY(pk), value);
+var ID_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789_-";
+function randomId(length = 22) {
+  const bytes = new Uint8Array(length);
+  if (typeof crypto !== "undefined" && crypto.getRandomValues) crypto.getRandomValues(bytes);
+  else for (let i = 0; i < length; i++) bytes[i] = Math.floor(Math.random() * 256);
+  let out = "";
+  for (let i = 0; i < length; i++) out += ID_CHARS[bytes[i] & 63];
+  return out;
+}
+
+// src/styles.ts
+var CSS = `
+:host{all:initial}
+.kc{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Hebrew","Noto Sans Arabic","Noto Sans Thai",Arial,sans-serif;font-size:15px;line-height:1.45;color:#1f2328;-webkit-font-smoothing:antialiased}
+.kc *,.kc *::before,.kc *::after{box-sizing:border-box}
+.kc [hidden]{display:none!important}
+.kc button,.kc input,.kc select,.kc textarea{font:inherit;color:inherit;margin:0}
+.kc :focus-visible{outline:2px solid var(--kc-accent);outline-offset:2px}
+.launcher{position:fixed;z-index:2147483000;inset-block-end:20px;inset-inline-end:20px;width:56px;height:56px;border-radius:50%;border:0;padding:0;background:var(--kc-primary);color:var(--kc-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.22);transition:transform .15s ease}
+.launcher:hover{transform:scale(1.05)}
+.launcher svg{width:28px;height:28px}
+.kc[data-pos=start] .launcher,.kc[data-pos=start] .panel{inset-inline-end:auto;inset-inline-start:20px}
+.panel{position:fixed;z-index:2147483001;inset-block-end:88px;inset-inline-end:20px;width:380px;max-width:calc(100vw - 40px);height:620px;max-height:calc(100vh - 108px);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.24);overflow:hidden;animation:kc-in .18s ease-out}
+@keyframes kc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
+.header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--kc-primary);color:var(--kc-on-primary);flex:none}
+.avatar{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(255,255,255,.22);font-weight:600;font-size:15px}
+.avatar img{width:100%;height:100%;object-fit:cover}
+.titles{min-width:0;flex:1}
+.name{font-weight:600;font-size:16px;line-height:1.6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.subtitle{font-size:13px;line-height:1.6;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.close{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
+.close:hover{background:rgba(127,127,127,.2)}
+.close svg{width:22px;height:22px}
+.banner{flex:none;background:#fff4e5;color:#7a4100;font-size:13px;padding:6px 14px}
+.view{flex:1;min-height:0;display:flex;flex-direction:column;background:#f6f7f9}
+.messages{flex:1;min-height:0;overflow-y:auto;padding:16px 14px 8px;display:flex;flex-direction:column;gap:6px;overscroll-behavior:contain}
+.msg{max-width:85%;padding:9px 13px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}
+.msg-bot{align-self:flex-start;background:#fff;border:1px solid #e3e6ea;border-end-start-radius:4px}
+.msg-user{align-self:flex-end;background:var(--kc-primary);color:var(--kc-on-primary);border-end-end-radius:4px}
+.msg-user+.msg-bot,.msg-bot+.msg-user{margin-block-start:6px}
+.msg a{color:inherit;text-decoration:underline}
+.ai{display:block;font-size:11px;font-weight:600;color:#6b7280}
+.typing{color:#9ca3af;font-weight:700;animation:kc-dot 1s infinite}
+@keyframes kc-dot{50%{opacity:.3}}
+.msg img{display:block;max-width:100%;height:auto;border-radius:10px;margin-block-end:6px}
+.chips{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 10px;max-height:40%;overflow-y:auto}
+.chip{border:1px solid var(--kc-accent);background:#fff;color:var(--kc-accent);border-radius:999px;padding:6px 13px;cursor:pointer;font-size:14px;line-height:1.4;text-align:start}
+.chip:hover{background:var(--kc-primary);color:var(--kc-on-primary);border-color:var(--kc-primary)}
+.chip-home,.chip-back{border-color:#cfd4da;color:#4b5563}
+.composer{flex:none;display:flex;align-items:center;gap:8px;padding:8px 10px;border-block-start:1px solid #e3e6ea;background:#fff}
+.composer input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:8px 6px;font-size:16px}
+.kc .composer input:focus-visible{outline:0}
+.composer:focus-within{box-shadow:inset 0 2px 0 var(--kc-accent)}
+.send{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--kc-primary);color:var(--kc-on-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
+.send svg{width:20px;height:20px}
+.kc[dir=rtl] .send svg{transform:scaleX(-1)}
+.form{flex:1;min-height:0;overflow-y:auto;padding:16px 16px 12px;background:#fff;display:flex;flex-direction:column;gap:10px}
+.form h2{margin:0 0 4px;font-size:17px;font-weight:600}
+.field label{display:block;font-size:13px;color:#4b5563;margin-block-end:3px}
+.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #cfd4da;border-radius:8px;padding:8px 10px;background:#fff;font-size:16px}
+.field textarea{min-height:96px;resize:vertical}
+.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--kc-accent);outline:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--kc-accent) 25%,transparent)}
+.error{color:#b42318;font-size:14px}
+.actions{display:flex;gap:8px;flex-wrap:wrap;margin-block-start:4px}
+.btn{border-radius:8px;padding:9px 16px;cursor:pointer;border:1px solid #cfd4da;background:#fff}
+.btn-primary{background:var(--kc-primary);color:var(--kc-on-primary);border-color:var(--kc-primary)}
+.btn:disabled{opacity:.6;cursor:default}
+.sent{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#fff}
+.badge{flex:none;display:block;text-align:center;font-size:12px;color:#6b7280;padding:6px;background:#fff;border-block-start:1px solid #eef0f2;text-decoration:none}
+.badge:hover{color:#1f2328}
+.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
+@media (max-width:480px){.panel,.kc[data-pos=start] .panel{inset:0;width:100%;max-width:none;height:100%;max-height:none;border-radius:0}}
+@media (prefers-reduced-motion:reduce){.kc *{animation:none!important;transition:none!important}}
+`;
+
+// src/widget.ts
+var DEFAULT_API = "https://api.kavchat.com";
+var BRANDING_URL = "https://kavchat.com";
+var REPORT_DELAY_MS = 2e3;
+var SCREEN_ID_RE = /^[A-Za-z0-9_.-]{1,40}$/;
+var SCREENS_RESEND_MS = 7 * 24 * 60 * 60 * 1e3;
+function normalizeScreens(list) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const s of list != null ? list : []) {
+    const id = typeof (s == null ? void 0 : s.id) === "string" ? s.id : "";
+    const label = typeof (s == null ? void 0 : s.label) === "string" ? s.label.trim().slice(0, 60) : "";
+    if (!SCREEN_ID_RE.test(id) || !label || seen.has(id)) continue;
+    seen.add(id);
+    out.push({ id, label, needsTarget: s.needsTarget === true });
+    if (out.length === 100) break;
+  }
+  return out;
+}
+function screensFingerprint(list) {
+  const text = [...list].sort((a, b) => a.id < b.id ? -1 : a.id > b.id ? 1 : 0).map((s) => `${s.id}|${s.label}|${s.needsTarget ? 1 : 0}`).join("\n");
+  let h2 = 2166136261;
+  for (let i = 0; i < text.length; i++) {
+    h2 ^= text.charCodeAt(i);
+    h2 = Math.imul(h2, 16777619) >>> 0;
+  }
+  return h2.toString(16);
+}
+var baseLocale = (l) => String(l || "").toLowerCase().split(/[-_]/)[0].replace(/^iw$/, "he");
+function pickLocale(requested, releaseLocale) {
+  const wanted = baseLocale(requested || (typeof navigator !== "undefined" ? navigator.language : "") || "");
+  if (UI_TEXTS[wanted]) return wanted;
+  const fallback = baseLocale(releaseLocale);
+  return UI_TEXTS[fallback] ? fallback : "en";
+}
+var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var KavchatWidget = class {
+  constructor(options) {
+    this.release = null;
+    this.offline = false;
+    this.ui = null;
+    this.state = null;
+    this.session = null;
+    this.t = uiTexts("en");
+    this.locale = "en";
+    this.isOpen = false;
+    this.prevFocus = null;
+    this.reportTimer = null;
+    this.dirty = false;
+    this.destroyed = false;
+    /** מחכים לתשובת AI: מציגים "מקליד" ומתעלמים מקלט חדש */
+    this.waiting = false;
+    this.onPageHide = () => this.flush(true);
+    this.onVisibility = () => {
+      if (document.visibilityState === "hidden") this.flush(true);
+    };
+    if (!options || !options.publicKey) throw new Error("Kavchat: publicKey is required");
+    this.opts = { ...options };
+    this.wantOpen = !!options.open;
+    this.api = {
+      apiBase: options.apiBase || DEFAULT_API,
+      publicKey: options.publicKey,
+      getToken: () => this.opts.userToken || void 0
+    };
+    window.addEventListener("pagehide", this.onPageHide);
+    document.addEventListener("visibilitychange", this.onVisibility);
+    this.ready = this.load();
+  }
+  /** ה-ShadowRoot, לבדיקות ולאוטומציה באתר המארח */
+  get shadowRoot() {
+    return this.ui ? this.ui.root : null;
+  }
+  get opened() {
+    return this.isOpen;
+  }
+  open() {
+    this.wantOpen = true;
+    const ui = this.ui;
+    if (!ui || this.isOpen) return;
+    this.isOpen = true;
+    this.prevFocus = document.activeElement;
+    if (!this.state) this.startFresh();
+    ui.panel.hidden = false;
+    ui.launcher.setAttribute("aria-expanded", "true");
+    ui.launcher.setAttribute("aria-label", this.t["widget.close"]);
+    ui.launcher.replaceChildren(icon(ICONS.close));
+    this.render();
+    this.focusInside();
+    this.emit({ type: "open" });
+  }
+  close() {
+    this.wantOpen = false;
+    const ui = this.ui;
+    if (!ui || !this.isOpen) return;
+    this.isOpen = false;
+    ui.panel.hidden = true;
+    ui.launcher.setAttribute("aria-expanded", "false");
+    ui.launcher.setAttribute("aria-label", this.t["widget.open"]);
+    ui.launcher.replaceChildren(icon(ICONS.chat));
+    const prev = this.prevFocus;
+    if (prev && prev !== ui.host && prev.isConnected && typeof prev.focus === "function") prev.focus();
+    else ui.launcher.focus();
+    this.emit({ type: "close" });
+  }
+  toggle() {
+    if (this.isOpen) this.close();
+    else this.open();
+  }
+  /** החלפת משתמש (התחברות או התנתקות). הגרסה נטענת מחדש, כי הקהל testers תלוי בזהות */
+  setUser(user) {
+    this.opts.userToken = (user == null ? void 0 : user.token) || void 0;
+    this.opts.userName = (user == null ? void 0 : user.name) || void 0;
+    this.ready = this.load();
+    return this.ready;
+  }
+  destroy() {
+    if (this.destroyed) return;
+    this.flush(true);
+    this.destroyed = true;
+    if (this.reportTimer) clearTimeout(this.reportTimer);
+    window.removeEventListener("pagehide", this.onPageHide);
+    document.removeEventListener("visibilitychange", this.onVisibility);
+    this.unmount();
+  }
+  // ---------- טעינה ----------
+  async load() {
+    var _a, _b;
+    const pk = this.opts.publicKey;
+    const cached = readCachedRelease(pk);
+    const result = await fetchRelease(this.api, (cached == null ? void 0 : cached.etag) || void 0);
+    if (this.destroyed) return;
+    let release = null;
+    let offline = false;
+    if (result.kind === "ok") {
+      writeCachedRelease(pk, { etag: result.etag, release: result.release });
+      release = result.release;
+    } else if (result.kind === "not-modified") {
+      release = (_a = cached == null ? void 0 : cached.release) != null ? _a : null;
+    } else if (result.kind === "offline") {
+      release = (_b = cached == null ? void 0 : cached.release) != null ? _b : null;
+      offline = !!release;
+    }
+    this.apply(release, offline);
+    void this.registerScreens();
+  }
+  /** שולח את רשימת המסכים רק כשהשתנתה או פעם בשבוע. שגיאה נבלעת: ננסה שוב בטעינה הבאה */
+  async registerScreens() {
+    const screens = normalizeScreens(this.opts.screens);
+    if (screens.length === 0) return;
+    const pk = this.opts.publicKey;
+    const fp = screensFingerprint(screens);
+    const mark = readScreensMark(pk);
+    if (mark && mark.fp === fp && Date.now() - mark.at < SCREENS_RESEND_MS) return;
+    if (await postScreens(this.api, screens)) writeScreensMark(pk, { fp, at: Date.now() });
+  }
+  apply(release, offline) {
+    if (!release || !release.enabled) {
+      this.release = null;
+      this.state = null;
+      this.isOpen = false;
+      this.unmount();
+      this.emit({ type: "unavailable", reason: release && "reason" in release ? release.reason : void 0 });
+      return;
+    }
+    this.offline = offline;
+    const changed = !this.release || this.release.version !== release.version;
+    this.release = release;
+    this.locale = pickLocale(this.opts.locale, release.locale);
+    this.t = uiTexts(this.locale);
+    if (changed || !this.ui) {
+      this.state = null;
+      this.restoreSession();
+      this.mount();
+    }
+    if (this.ui) this.ui.banner.hidden = !this.offline;
+    this.emit({ type: "ready", version: release.version, offline });
+    if (this.wantOpen) this.open();
+  }
+  restoreSession() {
+    const release = this.release;
+    if (!release) return;
+    const saved = readSession(this.opts.publicKey);
+    if (saved && saved.version === release.version && saved.state) {
+      const scripts = {};
+      for (const sc of release.scripts) scripts[sc.id] = sc;
+      this.session = saved;
+      this.state = { ...saved.state, scripts };
+    } else {
+      this.session = null;
+    }
+  }
+  // ---------- מנוע ----------
+  /**
+   * התסריט נבדק בשפת הבוט (מילות עצירה וכו'), והטקסטים הקבועים של הצ'אט מוצגים בשפת הממשק.
+   * ההגדרה של המנוע גלובלית, ולכן קובעים אותה לפני כל קריאה
+   */
+  run(fn) {
+    configureEngine({ texts: this.t });
+    return fn();
+  }
+  startFresh() {
+    const release = this.release;
+    if (!release) return;
+    configureEngine({ texts: this.t });
+    this.session = { id: randomId(), startedAt: (/* @__PURE__ */ new Date()).toISOString(), version: release.version, state: null };
+    this.setState(
+      startConversation({
+        scripts: release.scripts,
+        openingScriptId: release.openingScriptId,
+        locale: release.locale,
+        userName: this.opts.userName
+      })
+    );
+  }
+  setState(state) {
+    this.state = state;
+    if (this.session) {
+      const { scripts: _omit, ...rest } = state;
+      this.session.state = rest;
+      writeSession(this.opts.publicKey, this.session);
+    }
+    this.render();
+  }
+  onChip(chip) {
+    if (!this.state || this.waiting) return;
+    const state = this.state;
+    const r = this.run(() => pressChip(state, chip));
+    this.afterAction(r);
+  }
+  async onSend(text) {
+    var _a;
+    if (!this.state || !text.trim() || this.waiting) return;
+    const state = this.state;
+    const session2 = this.session;
+    const question = ((_a = this.release) == null ? void 0 : _a.settings.aiAnswers) && session2 ? aiQuestion(state, text) : null;
+    if (!question || !session2) return this.afterAction(this.run(() => sendText(state, text)));
+    const pending = pendingQuestion(state, text);
+    this.state = pending;
+    this.waiting = true;
+    this.render();
+    const ai = await postAiAnswer(this.api, session2.id, question);
+    this.waiting = false;
+    if (this.destroyed || this.state !== pending) return this.render();
+    this.afterAction(this.run(() => answerWithAi(state, text, ai && ai.answer, ai && ai.scriptId)));
+  }
+  afterAction(r) {
+    this.setState(r.state);
+    this.scheduleReport();
+    if (r.effect) this.handleEffect(r.effect);
+  }
+  handleEffect(effect) {
+    var _a, _b, _c;
+    this.emit({ type: "effect", effect });
+    if (effect.type === "contact") {
+      this.showForm(effect);
+    } else if (effect.type === "link") {
+      openLink(effect.url, (_a = this.ui) == null ? void 0 : _a.root);
+    } else if (effect.type === "screen") {
+      try {
+        (_c = (_b = this.opts).onScreen) == null ? void 0 : _c.call(_b, effect.screen, effect.targetId);
+      } catch (e) {
+        console.error("Kavchat: onScreen failed", e);
+      }
+    }
+  }
+  // ---------- דיווח ----------
+  scheduleReport() {
+    this.dirty = true;
+    if (this.reportTimer) clearTimeout(this.reportTimer);
+    this.reportTimer = setTimeout(() => this.flush(false), REPORT_DELAY_MS);
+  }
+  flush(keepalive) {
+    if (this.reportTimer) {
+      clearTimeout(this.reportTimer);
+      this.reportTimer = null;
+    }
+    if (!this.dirty || !this.state || !this.release || !this.session || this.destroyed) return;
+    this.dirty = false;
+    const payload = eventsPayload(this.state, this.session.id, this.release.version, this.session.startedAt);
+    void postEvents(this.api, payload, keepalive).then((ok) => {
+      if (!ok) this.dirty = true;
+    });
+  }
+  emit(event) {
+    var _a, _b;
+    try {
+      (_b = (_a = this.opts).onEvent) == null ? void 0 : _b.call(_a, event);
+    } catch (e) {
+      console.error("Kavchat: onEvent failed", e);
+    }
+  }
+  // ---------- ממשק ----------
+  unmount() {
+    if (this.ui) this.ui.host.remove();
+    this.ui = null;
+    this.isOpen = false;
+  }
+  mount() {
+    const release = this.release;
+    if (!release) return;
+    this.unmount();
+    const t = this.t;
+    const s = release.settings;
+    const theme = themeFor(s.primaryColor);
+    const host = h("div", { "data-kavchat": "" });
+    const root = host.attachShadow({ mode: "open" });
+    const wrap = h("div", {
+      class: "kc",
+      dir: isRtl(this.locale) ? "rtl" : "ltr",
+      lang: this.locale,
+      "data-pos": s.position === "start" ? "start" : "end"
+    });
+    wrap.style.setProperty("--kc-primary", theme.primary);
+    wrap.style.setProperty("--kc-on-primary", theme.onPrimary);
+    wrap.style.setProperty("--kc-accent", theme.accent);
+    const launcher = h("button", { type: "button", class: "launcher", "aria-label": t["widget.open"], "aria-expanded": "false", "aria-controls": "kc-panel" }, icon(ICONS.chat));
+    launcher.addEventListener("click", () => this.toggle());
+    const avatarImg = s.avatarImageUrl ? safeUrl(s.avatarImageUrl, ["https:"]) : null;
+    const avatar = h("div", { class: "avatar", "aria-hidden": "true" }, avatarImg ? h("img", { src: avatarImg, alt: "" }) : (s.avatarText || s.botName || "").slice(0, 2));
+    const closeBtn = h("button", { type: "button", class: "close", "aria-label": t["widget.close"] }, icon(ICONS.close));
+    closeBtn.addEventListener("click", () => this.close());
+    const header = h(
+      "div",
+      { class: "header" },
+      avatar,
+      h("div", { class: "titles" }, h("h2", { class: "name", id: "kc-title" }, s.botName || ""), s.subtitle ? h("div", { class: "subtitle" }, s.subtitle) : null),
+      closeBtn
+    );
+    const banner = h("div", { class: "banner", role: "status" }, t["widget.offline"]);
+    banner.hidden = !this.offline;
+    const messages = h("div", { class: "messages" });
+    const chips = h("div", { class: "chips", role: "group" });
+    const input = h("input", { type: "text", dir: "auto", maxlength: "500", autocomplete: "off", placeholder: t["widget.placeholder"], "aria-label": t["widget.placeholder"], enterkeyhint: "send" });
+    const composer = h("form", { class: "composer" }, input, h("button", { type: "submit", class: "send", "aria-label": t["widget.send"] }, icon(ICONS.send)));
+    composer.addEventListener("submit", (e) => {
+      e.preventDefault();
+      const text = input.value;
+      input.value = "";
+      this.onSend(text);
+    });
+    const chatView = h("div", { class: "view" }, messages, chips, composer);
+    const formView = h("div", { class: "view" });
+    formView.hidden = true;
+    const live = h("div", { class: "sr-only", "aria-live": "polite", "aria-atomic": "false" });
+    const typing = h("div", { class: "msg msg-bot typing", "aria-hidden": "true" }, "...");
+    const panel = h("div", { class: "panel", id: "kc-panel", role: "dialog", "aria-labelledby": "kc-title", tabindex: "-1" }, header, banner, chatView, formView, live);
+    if (!s.removeBranding) {
+      panel.appendChild(h("a", { class: "badge", href: BRANDING_URL, target: "_blank", rel: "noopener noreferrer" }, t["widget.poweredBy"]));
+    }
+    panel.hidden = true;
+    panel.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        this.close();
+      }
+    });
+    append(wrap, [launcher, panel]);
+    append(root, [h("style", null, CSS), wrap]);
+    (this.opts.container || document.body).appendChild(host);
+    this.ui = { host, root, wrap, launcher, panel, banner, chatView, messages, chips, input, formView, live, typing, rendered: 0 };
+    if (this.state) this.renderMessages(false);
+  }
+  focusInside() {
+    const ui = this.ui;
+    if (!ui) return;
+    const coarse = typeof window.matchMedia === "function" && window.matchMedia("(pointer: coarse)").matches;
+    if (!ui.formView.hidden) {
+      const first = ui.formView.querySelector("input,select,textarea");
+      (first || ui.panel).focus();
+    } else if (coarse) ui.panel.focus();
+    else ui.input.focus();
+  }
+  render() {
+    if (!this.ui || !this.state) return;
+    this.renderMessages(true);
+    this.renderChips();
+  }
+  renderMessages(announce) {
+    const ui = this.ui;
+    const state = this.state;
+    if (!ui || !state) return;
+    if (ui.rendered > state.messages.length) {
+      ui.messages.textContent = "";
+      ui.rendered = 0;
+    }
+    const fresh = [];
+    for (let i = ui.rendered; i < state.messages.length; i++) {
+      const m = state.messages[i];
+      ui.messages.appendChild(bubble(m, this.t));
+      if (m.from === "bot") fresh.push(m.ai ? `${this.t["chat.aiLabel"]}: ${m.text}` : m.text);
+    }
+    ui.rendered = state.messages.length;
+    if (this.waiting) ui.messages.appendChild(ui.typing);
+    else ui.typing.remove();
+    if (announce && fresh.length) ui.live.textContent = fresh.join("\n");
+    ui.messages.scrollTop = ui.messages.scrollHeight;
+  }
+  renderChips() {
+    const ui = this.ui;
+    const state = this.state;
+    if (!ui || !state) return;
+    ui.chips.textContent = "";
+    for (const chip of state.chips) {
+      const b = h("button", { type: "button", class: `chip chip-${chip.kind}` }, chip.label);
+      b.addEventListener("click", () => this.onChip(chip));
+      ui.chips.appendChild(b);
+    }
+    ui.chips.hidden = state.chips.length === 0;
+  }
+  showChat() {
+    const ui = this.ui;
+    if (!ui) return;
+    ui.formView.hidden = true;
+    ui.formView.textContent = "";
+    ui.chatView.hidden = false;
+    this.render();
+    if (this.isOpen) this.focusInside();
+  }
+  showForm(effect) {
+    const ui = this.ui;
+    const release = this.release;
+    if (!ui || !release) return;
+    const t = this.t;
+    const topics = release.settings.contactTopics || [];
+    const field = (id, label, control) => h("div", { class: "field" }, h("label", { for: id }, label), control);
+    const name = h("input", { id: "kc-name", type: "text", autocomplete: "name", maxlength: "100", dir: "auto" });
+    name.value = this.opts.userName || "";
+    const email = h("input", { id: "kc-email", type: "email", autocomplete: "email", dir: "auto" });
+    const phone = h("input", { id: "kc-phone", type: "tel", autocomplete: "tel", dir: "auto" });
+    let topic = null;
+    if (topics.length) {
+      topic = h("select", { id: "kc-topic" }, h("option", { value: "" }, ""));
+      for (const tp of topics) topic.appendChild(h("option", { value: tp.id }, tp.name));
+      if (effect.contactTopicId && topics.some((tp) => tp.id === effect.contactTopicId)) topic.value = effect.contactTopicId;
+    }
+    const message = h("textarea", { id: "kc-message", required: true, maxlength: "2000", dir: "auto" });
+    message.value = effect.prefill || "";
+    const error = h("div", { class: "error", role: "alert" });
+    const submit = h("button", { type: "submit", class: "btn btn-primary" }, t["form.submit"]);
+    const cancel = h("button", { type: "button", class: "btn" }, t["form.cancel"]);
+    cancel.addEventListener("click", () => this.showChat());
+    const form = h(
+      "form",
+      { class: "form", novalidate: true },
+      h("h2", null, t["form.title"]),
+      field("kc-name", t["form.name"], name),
+      field("kc-email", t["form.email"], email),
+      field("kc-phone", t["form.phone"], phone),
+      topic ? field("kc-topic", t["form.topic"], topic) : null,
+      field("kc-message", t["form.message"], message),
+      error,
+      h("div", { class: "actions" }, submit, cancel)
+    );
+    form.addEventListener("submit", async (e) => {
+      var _a;
+      e.preventDefault();
+      const input = {
+        message: message.value.trim(),
+        name: name.value.trim() || void 0,
+        email: email.value.trim() || void 0,
+        phone: phone.value.trim() || void 0,
+        topicId: (topic == null ? void 0 : topic.value) || void 0,
+        scriptId: effect.scriptId || void 0,
+        sessionId: (_a = this.session) == null ? void 0 : _a.id,
+        transcript: effect.transcript.slice(-200).map((x) => ({ ...x, text: x.text.slice(0, 1e3) }))
+      };
+      const problem = !input.message ? t["form.required"] : !input.email && !input.phone && !this.opts.userToken ? t["form.contactRequired"] : input.email && !EMAIL_RE.test(input.email) ? t["form.emailInvalid"] : "";
+      if (problem) {
+        error.textContent = problem;
+        return;
+      }
+      error.textContent = "";
+      submit.disabled = true;
+      submit.textContent = t["form.sending"];
+      const res = await postTicket(this.api, input);
+      if (this.destroyed) return;
+      submit.disabled = false;
+      submit.textContent = t["form.submit"];
+      if (res.ok) {
+        this.flush(false);
+        this.emit({ type: "ticket", id: res.id, number: res.number });
+        this.showSent(res.number);
+      } else {
+        error.textContent = ticketError(res.code, res.message, t);
+      }
+    });
+    ui.formView.replaceChildren(form);
+    ui.chatView.hidden = true;
+    ui.formView.hidden = false;
+    if (this.isOpen) this.focusInside();
+  }
+  showSent(number) {
+    const ui = this.ui;
+    if (!ui) return;
+    const t = this.t;
+    const back = h("button", { type: "button", class: "btn btn-primary" }, t["form.backToChat"]);
+    back.addEventListener("click", () => this.showChat());
+    const text = h("p", { role: "status" }, format(t["form.sent"], { number }));
+    ui.formView.replaceChildren(h("div", { class: "sent" }, text, back));
+    back.focus();
+  }
+};
+function ticketError(code, message, t) {
+  if (code === "ticket_contact_required") return t["form.contactRequired"];
+  if (code === "email_invalid") return t["form.emailInvalid"];
+  if (code === "network") return t["form.error"];
+  return message || t["form.error"];
+}
+function bubble(m, t) {
+  const el = h("div", { class: `msg msg-${m.from}`, dir: "auto" });
+  if (m.ai) el.appendChild(h("span", { class: "ai" }, t["chat.aiLabel"]));
+  const img = m.from === "bot" && m.imageUrl ? safeUrl(m.imageUrl, ["https:"]) : null;
+  if (img) el.appendChild(h("img", { src: img, alt: "", loading: "lazy" }));
+  el.appendChild(m.from === "bot" && !m.ai ? richText(m.text) : document.createTextNode(m.text));
+  return el;
+}
+function openLink(url, root) {
+  const href = safeUrl(url, ["https:", "tel:"]);
+  if (!href) return false;
+  const a = h("a", { href, target: "_blank", rel: "noopener noreferrer" });
+  a.style.display = "none";
+  (root || document.body).appendChild(a);
+  a.click();
+  a.remove();
+  return true;
+}
+
+// src/global.ts
+var METHODS = ["init", "open", "close", "toggle", "setUser", "destroy"];
+function installGlobal(win = window) {
+  const existing = win.Kavchat;
+  if (existing && existing.loaded) return { api: existing, queue: [] };
+  const queue = Array.isArray(existing == null ? void 0 : existing.q) ? existing.q.filter(Array.isArray) : [];
+  let widget = null;
+  let pendingUser;
+  let pendingOpen;
+  const api = {
+    loaded: true,
+    init(options) {
+      if (widget) widget.destroy();
+      const opts = { ...options };
+      if (pendingOpen !== void 0) opts.open = pendingOpen;
+      if (pendingUser !== void 0) {
+        opts.userToken = (pendingUser == null ? void 0 : pendingUser.token) || void 0;
+        opts.userName = (pendingUser == null ? void 0 : pendingUser.name) || void 0;
+      }
+      pendingOpen = pendingUser = void 0;
+      widget = new KavchatWidget(opts);
+      return widget.ready;
+    },
+    open() {
+      if (widget) widget.open();
+      else pendingOpen = true;
+    },
+    close() {
+      if (widget) widget.close();
+      else pendingOpen = false;
+    },
+    toggle() {
+      if (widget) widget.toggle();
+      else pendingOpen = !pendingOpen;
+    },
+    setUser(user) {
+      if (widget) void widget.setUser(user);
+      else pendingUser = user;
+    },
+    destroy() {
+      if (widget) widget.destroy();
+      widget = null;
+    },
+    q: {
+      push: (...calls) => {
+        calls.forEach((c) => run(api, c));
+        return 0;
+      }
+    },
+    get widget() {
+      return widget;
+    }
+  };
+  win.Kavchat = api;
+  return { api, queue };
+}
+function run(api, call) {
+  const [name, ...args] = call;
+  if (!METHODS.includes(name)) {
+    console.warn(`Kavchat: unknown method ${name}`);
+    return;
+  }
+  try {
+    const result = api[name](...args);
+    if (result && typeof result.catch === "function") result.catch((e) => console.error("Kavchat:", e));
+  } catch (e) {
+    console.error("Kavchat:", e);
+  }
+}
+
+// src/index.ts
+function createWidget(options) {
+  return new KavchatWidget(options);
+}
+export {
+  BRANDING_URL,
+  DEFAULT_API,
+  KavchatWidget,
+  contrast,
+  createWidget,
+  installGlobal,
+  pickLocale,
+  themeFor
+};