@syntrologie/adapt-chatbot 2.42.0 → 2.43.0

package/dist/LeaveAMessage.leadconnector.integration.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LeaveAMessage.leadconnector.integration.test.d.ts.map

package/dist/LeaveAMessage.leadconnector.integration.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeaveAMessage.leadconnector.integration.test.d.ts","sourceRoot":"","sources":["../src/LeaveAMessage.leadconnector.integration.test.ts"],"names":[],"mappings":""}

package/dist/runtime.js

@@ -695,11 +695,11 @@ var ChatTransport = class {
     this._sessionStreamAbort = abort;
     const baseUrl = this._config.backendUrl.replace(/\/$/, "");
     const url = `${baseUrl}/api/adaptive/session`;
-    const headers = {};
+    const headers2 = {};
     const token = readRuntimeToken(this._config?.runtime);
-    if (token) headers.Authorization = `Bearer ${token}`;
+    if (token) headers2.Authorization = `Bearer ${token}`;
     const cft = await this._acquireTurnstileWithChallenge();
-    if (cft) headers["CF-Turnstile-Token"] = cft;
+    if (cft) headers2["CF-Turnstile-Token"] = cft;
     if (abort.signal.aborted) return;
     const readIds = () => {
       try {
@@ -728,8 +728,8 @@ var ChatTransport = class {
       ids = readIds();
     }
     if (abort.signal.aborted) return;
-    if (ids.did) headers["X-Distinct-Id"] = ids.did;
-    if (ids.sid) headers["X-Syntro-Session"] = ids.sid;
+    if (ids.did) headers2["X-Distinct-Id"] = ids.did;
+    if (ids.sid) headers2["X-Syntro-Session"] = ids.sid;
     const runReader = async () => {
       const connAbort = new AbortController();
       const onOuterAbort = () => connAbort.abort();
@@ -745,7 +745,7 @@ var ChatTransport = class {
       });
       try {
         const response = await fetch(url, {
-          headers,
+          headers: headers2,
           credentials: "include",
           signal: connAbort.signal
         });
@@ -801,8 +801,8 @@ var ChatTransport = class {
         await new Promise((r) => setTimeout(r, this._sessionStreamBackoffMs));
         this._sessionStreamBackoffMs = Math.min(this._sessionStreamBackoffMs * 2, 3e4);
         const fresh = readIds();
-        if (fresh.did) headers["X-Distinct-Id"] = fresh.did;
-        if (fresh.sid) headers["X-Syntro-Session"] = fresh.sid;
+        if (fresh.did) headers2["X-Distinct-Id"] = fresh.did;
+        if (fresh.sid) headers2["X-Syntro-Session"] = fresh.sid;
       }
     })();
     await Promise.resolve();
@@ -1594,7 +1594,7 @@ var ObserverQueue = class {
    * Returns false when the sender rejected delivery and restores the batch so
    * the caller can fall back to fetch({ keepalive: true }).
    */
-  flushOnPageHide(send) {
+  flushOnPageHide(send2) {
     if (this._disabled || this._buffer.length === 0) return true;
     this._clearInterval();
     const overflow = Math.max(0, this._buffer.length - 50);
@@ -1603,7 +1603,7 @@ var ObserverQueue = class {
       this._dropped += overflow;
     }
     const batch = this._buffer.splice(0, 50);
-    if (!send(batch)) {
+    if (!send2(batch)) {
       this._buffer.unshift(...batch);
       return false;
     }
@@ -1896,18 +1896,222 @@ function registerCrispBridge() {
 }
 registerCrispBridge();
 
+// src/support-chat/leadconnector.ts
+var LC_SERVICES = "https://services.leadconnectorhq.com";
+var LC_POLL_MS = 1e4;
+var LC_PAGE_LIMIT = 20;
+function lcStorageKey(widgetId) {
+  return `syntro:supportchat:leadconnector:${widgetId}`;
+}
+var cfg;
+var locationIdCache;
+function warn(what, detail) {
+  console.warn(`supportChat.bridge: leadconnector ${what}`, detail);
+}
+function load() {
+  if (!cfg) return void 0;
+  try {
+    const raw = sessionStorage.getItem(lcStorageKey(cfg.widgetId));
+    return raw ? JSON.parse(raw) : void 0;
+  } catch (err) {
+    warn("state read failed", err);
+    return void 0;
+  }
+}
+function save(id) {
+  if (!cfg) return;
+  try {
+    sessionStorage.setItem(lcStorageKey(cfg.widgetId), JSON.stringify(id));
+  } catch (err) {
+    warn("state write failed", err);
+  }
+}
+async function resolveLocationId() {
+  const persisted = load();
+  if (persisted?.locationId) return persisted.locationId;
+  if (!cfg) return void 0;
+  const widgetId = cfg.widgetId;
+  locationIdCache ?? (locationIdCache = (async () => {
+    try {
+      const r = await fetch(`${LC_SERVICES}/chat-widget/public/config/${widgetId}`);
+      if (!r.ok) {
+        warn("public config fetch failed", r.status);
+        return void 0;
+      }
+      const j = await r.json();
+      const loc = j?.config?.["location-id"];
+      return typeof loc === "string" && loc ? loc : void 0;
+    } catch (err) {
+      warn("public config fetch threw", err);
+      return void 0;
+    }
+  })());
+  return locationIdCache;
+}
+function headers(token) {
+  const h = { "Content-Type": "application/json" };
+  if (token) h.Authorization = `Bearer ${token}`;
+  return h;
+}
+async function doSend(text) {
+  if (!cfg) return;
+  const locationId = await resolveLocationId();
+  if (!locationId) {
+    warn("no locationId \u2014 send dropped", cfg.widgetId);
+    return;
+  }
+  const prior = load();
+  const body = {
+    locationId,
+    widgetId: cfg.widgetId,
+    defaultWidget: true,
+    message: text,
+    subType: "liveChat"
+  };
+  if (prior?.conversationId) body.conversationId = prior.conversationId;
+  try {
+    const r = await fetch(`${LC_SERVICES}/conversations/providers/live-chat/messages`, {
+      method: "POST",
+      headers: headers(prior?.token),
+      body: JSON.stringify(body)
+    });
+    if (!r.ok) {
+      warn("send rejected", r.status);
+      return;
+    }
+    const j = await r.json();
+    const fresh = load();
+    save({
+      ...fresh,
+      locationId,
+      visitorId: j.visitorId ?? fresh?.visitorId ?? prior?.visitorId,
+      conversationId: j.conversationId ?? fresh?.conversationId ?? prior?.conversationId,
+      contactId: j.contactId ?? fresh?.contactId ?? prior?.contactId,
+      token: j.token ?? fresh?.token ?? prior?.token
+    });
+  } catch (err) {
+    warn("send threw", err);
+  }
+}
+var sendChain = Promise.resolve();
+function send(text) {
+  const result = sendChain.then(() => doSend(text));
+  sendChain = result;
+  return result;
+}
+var pollWarned = false;
+var pollInFlight = false;
+async function pollOnce(cb, isActive) {
+  const id = load();
+  if (!id?.conversationId || !id.token) return;
+  if (pollInFlight) return;
+  pollInFlight = true;
+  try {
+    const qs = new URLSearchParams({
+      conversationId: id.conversationId,
+      locationId: id.locationId,
+      lastMessageId: id.lastMessageId ?? "",
+      pageLimit: String(LC_PAGE_LIMIT)
+    });
+    try {
+      const r = await fetch(
+        `${LC_SERVICES}/conversations/providers/live-chat/messages/search?${qs}`,
+        {
+          headers: headers(id.token)
+        }
+      );
+      if (!r.ok) {
+        if (!pollWarned) {
+          warn("poll rejected", r.status);
+          pollWarned = true;
+        }
+        return;
+      }
+      const j = await r.json();
+      if (!isActive()) return;
+      const messages = j.messages ?? [];
+      for (const m of messages) {
+        if (m.direction === "outbound" && typeof m.body === "string") cb(m.body);
+      }
+      const lastMessage = messages[messages.length - 1];
+      const nextLastMessageId = typeof j.lastMessageId === "string" && j.lastMessageId ? j.lastMessageId : typeof lastMessage?.id === "string" && lastMessage.id ? lastMessage.id : void 0;
+      if (nextLastMessageId) {
+        const current = load();
+        save({ ...id, ...current, lastMessageId: nextLastMessageId });
+      }
+      pollWarned = false;
+    } catch (err) {
+      if (!pollWarned) {
+        warn("poll threw", err);
+        pollWarned = true;
+      }
+    }
+  } finally {
+    pollInFlight = false;
+  }
+}
+var leadConnectorBridge = {
+  vendor: "leadconnector",
+  configure(c) {
+    cfg = c;
+    locationIdCache = void 0;
+  },
+  detect: () => Boolean(cfg?.widgetId),
+  hideNative: () => {
+    try {
+      window.leadConnector?.chatWidget?.closeWidget?.();
+    } catch (err) {
+      warn("closeWidget failed", err);
+    }
+  },
+  setVisitorEmail: (email) => {
+    const trimmed = email.trim();
+    if (!trimmed) return;
+    void send(`[Visitor email: ${trimmed}]`);
+  },
+  sendMessage: (text) => send(text),
+  onOperatorReply: (cb) => {
+    let active = true;
+    pollWarned = false;
+    const isActive = () => active;
+    const tick = async () => {
+      if (!active) return;
+      await pollOnce(cb, isActive);
+    };
+    const timer = setInterval(() => void tick(), LC_POLL_MS);
+    return () => {
+      active = false;
+      clearInterval(timer);
+    };
+  }
+};
+function registerLeadConnectorBridge() {
+  registerSupportChatBridge(leadConnectorBridge);
+}
+registerLeadConnectorBridge();
+
 // src/support-chat/boot.ts
-function bootSupportChat(cfg) {
-  if (!cfg?.vendor) return void 0;
+function bootSupportChat(cfg2) {
+  if (!cfg2?.vendor) return void 0;
   registerCrispBridge();
-  const bridge = getSupportChatBridge(cfg.vendor);
+  registerLeadConnectorBridge();
+  if (cfg2.vendor === "leadconnector") {
+    if (!cfg2.widgetId) {
+      console.warn(
+        "supportChat.bridge: leadconnector needs supportChat.widgetId \u2014 handoff disabled"
+      );
+      return void 0;
+    }
+    leadConnectorBridge.configure({ widgetId: cfg2.widgetId });
+  }
+  const bridge = getSupportChatBridge(cfg2.vendor);
   if (!bridge || !bridge.detect()) {
     console.warn(
-      `supportChat.bridge: vendor '${cfg.vendor}' not detected on this page \u2014 handoff disabled`
+      `supportChat.bridge: vendor '${cfg2.vendor}' not detected on this page \u2014 handoff disabled`
     );
     return void 0;
   }
-  if (cfg.suppressNative) bridge.hideNative();
+  if (cfg2.suppressNative) bridge.hideNative();
   return bridge;
 }
 
@@ -1919,16 +2123,16 @@ function getState(container) {
 function setState(container, state) {
   container[STATE_KEY] = state;
 }
-function applyPlaceholder(bar, cfg) {
-  if (cfg.placeholder !== void 0) bar.placeholder = cfg.placeholder;
-  if (cfg.assistantName !== void 0) bar.assistantName = cfg.assistantName;
-  if (cfg.personas !== void 0) bar.personas = cfg.personas;
-  if (cfg.greeting !== void 0) bar.greeting = cfg.greeting;
-  if (cfg.voiceInput !== void 0) bar.voiceInput = cfg.voiceInput;
-  bar.introSuggestion = cfg.introSuggestion;
-  bar.forceExpanded = cfg.forceExpanded === true;
-  if (typeof cfg.maximized === "boolean") {
-    bar.maximized = cfg.maximized;
+function applyPlaceholder(bar, cfg2) {
+  if (cfg2.placeholder !== void 0) bar.placeholder = cfg2.placeholder;
+  if (cfg2.assistantName !== void 0) bar.assistantName = cfg2.assistantName;
+  if (cfg2.personas !== void 0) bar.personas = cfg2.personas;
+  if (cfg2.greeting !== void 0) bar.greeting = cfg2.greeting;
+  if (cfg2.voiceInput !== void 0) bar.voiceInput = cfg2.voiceInput;
+  bar.introSuggestion = cfg2.introSuggestion;
+  bar.forceExpanded = cfg2.forceExpanded === true;
+  if (typeof cfg2.maximized === "boolean") {
+    bar.maximized = cfg2.maximized;
   }
 }
 var _elementStore = null;
@@ -2059,49 +2263,49 @@ function wireNudgeSurface(runtime2, backendUrl) {
   };
   document.addEventListener("syntro:nudge", _nudgeListener);
 }
-function configureTransportIfPossible(cfg) {
-  if (!cfg.runtime) return;
-  const backendUrl = cfg.runtime.backendUrl;
+function configureTransportIfPossible(cfg2) {
+  if (!cfg2.runtime) return;
+  const backendUrl = cfg2.runtime.backendUrl;
   if (!backendUrl) return;
-  const elementsActive = cfg.elementsEnabled === true && cfg.uiTemplates != null;
-  refreshTemplateWidgetMap(elementsActive ? cfg.uiTemplates : void 0);
-  const forwardedProps = elementsActive ? { elementsEnabled: true, uiTemplates: cfg.uiTemplates } : void 0;
-  if (elementsActive) publishTemplatesIfPossible(backendUrl, cfg.uiTemplates, cfg.runtime?.token);
-  const runtime2 = cfg.runtime;
+  const elementsActive = cfg2.elementsEnabled === true && cfg2.uiTemplates != null;
+  refreshTemplateWidgetMap(elementsActive ? cfg2.uiTemplates : void 0);
+  const forwardedProps = elementsActive ? { elementsEnabled: true, uiTemplates: cfg2.uiTemplates } : void 0;
+  if (elementsActive) publishTemplatesIfPossible(backendUrl, cfg2.uiTemplates, cfg2.runtime?.token);
+  const runtime2 = cfg2.runtime;
   const onElementMutation = elementsActive ? (mutations) => {
     void getOrCreateElementStore(runtime2).apply(mutations);
   } : void 0;
   if (elementsActive) {
     hydrateOnce(runtime2, backendUrl);
   }
-  const persona = pickPersona(cfg.personas ?? null);
+  const persona = pickPersona(cfg2.personas ?? null);
   chatTransport.configure({
-    ...cfg,
+    ...cfg2,
     backendUrl,
     forwardedProps,
     onElementMutation,
-    activeLidSlot: cfg._syntroSlotName,
+    activeLidSlot: cfg2._syntroSlotName,
     personaId: persona?.id,
     personaName: persona?.name,
     personaRole: persona?.role_title
   });
   void chatTransport.startSessionStream();
   wireNudgeSurface(runtime2, backendUrl);
-  startObserverIfPossible(cfg);
+  startObserverIfPossible(cfg2);
 }
 var _templatesPublished = false;
 function publishTemplatesIfPossible(backendUrl, uiTemplates, token) {
   if (_templatesPublished || typeof window === "undefined") return;
   if (!uiTemplates || typeof uiTemplates !== "object") return;
   _templatesPublished = true;
-  const headers = { "Content-Type": "application/json" };
-  if (token) headers.Authorization = `Bearer ${token}`;
+  const headers2 = { "Content-Type": "application/json" };
+  if (token) headers2.Authorization = `Bearer ${token}`;
   const editorToken = readEditorToken();
-  if (editorToken) headers["X-Syntro-Editor-Token"] = editorToken;
+  if (editorToken) headers2["X-Syntro-Editor-Token"] = editorToken;
   const trimmed = backendUrl.replace(/\/$/, "");
   void fetch(`${trimmed}/api/adaptive/templates`, {
     method: "POST",
-    headers,
+    headers: headers2,
     credentials: "include",
     body: JSON.stringify({ ui_templates: uiTemplates })
   }).catch(() => {
@@ -2128,9 +2332,9 @@ var _observerStarted = false;
 var _observerRuntime = null;
 var _observerHandle = null;
 var _observerBusUnsubscribe = null;
-function startObserverIfPossible(cfg) {
+function startObserverIfPossible(cfg2) {
   if (typeof window === "undefined") return;
-  const runtimeRef = cfg.runtime;
+  const runtimeRef = cfg2.runtime;
   if (!runtimeRef?.events?.subscribe) return;
   if (_observerStarted && _observerRuntime === runtimeRef) return;
   if (_observerStarted) {
@@ -2199,13 +2403,13 @@ function wireListeners(bar, state) {
 }
 var AdaptiveChatBarMountable = {
   mount(container, mountConfig) {
-    const cfg = mountConfig ?? {};
-    configureTransportIfPossible(cfg);
-    bootSupportChat(cfg.supportChat);
+    const cfg2 = mountConfig ?? {};
+    configureTransportIfPossible(cfg2);
+    bootSupportChat(cfg2.supportChat);
     wireDiveDeeperListener();
     const bar = document.createElement("adaptive-chat-bar");
-    applyPlaceholder(bar, cfg);
-    const widgets = cfg.runtime?.widgets;
+    applyPlaceholder(bar, cfg2);
+    const widgets = cfg2.runtime?.widgets;
     if (widgets) {
       bar.mountInlineWidget = (widgetId, container2, props) => {
         if (!widgets.has(widgetId)) return null;
@@ -2223,7 +2427,7 @@ var AdaptiveChatBarMountable = {
       bar.inFlight = s.inFlight;
       bar.thinkingText = s.thinkingText;
     });
-    const runtimeEvents = cfg.runtime ? cfg.runtime.events : void 0;
+    const runtimeEvents = cfg2.runtime ? cfg2.runtime.events : void 0;
     const refreshReceipts = () => {
       const store = _elementStore;
       if (store) {
@@ -2240,7 +2444,7 @@ var AdaptiveChatBarMountable = {
     }
     refreshReceipts();
     const state = { bar, cleanup: () => {
-    }, cfg };
+    }, cfg: cfg2 };
     const unwireListeners = wireListeners(bar, state);
     container.appendChild(bar);
     const unsubFallback = chatTransport.onFallback(() => {
@@ -2261,10 +2465,10 @@ var AdaptiveChatBarMountable = {
   update(container, mountConfig) {
     const state = getState(container);
     if (!state) return;
-    const cfg = mountConfig ?? {};
-    configureTransportIfPossible(cfg);
-    applyPlaceholder(state.bar, cfg);
-    state.cfg = cfg;
+    const cfg2 = mountConfig ?? {};
+    configureTransportIfPossible(cfg2);
+    applyPlaceholder(state.bar, cfg2);
+    state.cfg = cfg2;
   }
 };
 
@@ -2276,23 +2480,23 @@ function getState2(container) {
 function setState2(container, state) {
   container[STATE_KEY2] = state;
 }
-function applyProps(strip, cfg) {
-  if (cfg.chips !== void 0) strip.chips = cfg.chips;
-  if (cfg.runtime !== void 0) {
-    strip.runtimeRef = cfg.runtime;
+function applyProps(strip, cfg2) {
+  if (cfg2.chips !== void 0) strip.chips = cfg2.chips;
+  if (cfg2.runtime !== void 0) {
+    strip.runtimeRef = cfg2.runtime;
   }
-  if (cfg.chromeless !== void 0) strip.chromeless = cfg.chromeless;
+  if (cfg2.chromeless !== void 0) strip.chromeless = cfg2.chromeless;
 }
 var AdaptiveChipsStripMountable = {
   mount(container, mountConfig) {
-    const cfg = mountConfig ?? {};
+    const cfg2 = mountConfig ?? {};
     const strip = document.createElement("adaptive-chips-strip");
-    applyProps(strip, cfg);
+    applyProps(strip, cfg2);
     const state = {
       strip,
       listeners: {
         revealed: (e) => {
-          const cb = cfg.onChipRevealed;
+          const cb = cfg2.onChipRevealed;
           if (cb) {
             cb(
               e.detail
@@ -2300,7 +2504,7 @@ var AdaptiveChipsStripMountable = {
           }
         },
         dismissed: (e) => {
-          const cb = cfg.onChipDismissed;
+          const cb = cfg2.onChipDismissed;
           if (cb) cb(e.detail);
         }
       }
@@ -2319,18 +2523,18 @@ var AdaptiveChipsStripMountable = {
   update(container, mountConfig) {
     const state = getState2(container);
     if (!state) return;
-    const cfg = mountConfig ?? {};
-    applyProps(state.strip, cfg);
+    const cfg2 = mountConfig ?? {};
+    applyProps(state.strip, cfg2);
     state.strip.removeEventListener("chip-revealed", state.listeners.revealed);
     state.strip.removeEventListener("chip-dismissed", state.listeners.dismissed);
     state.listeners.revealed = (e) => {
-      const cb = cfg.onChipRevealed;
+      const cb = cfg2.onChipRevealed;
       if (cb) {
         cb(e.detail);
       }
     };
     state.listeners.dismissed = (e) => {
-      const cb = cfg.onChipDismissed;
+      const cb = cfg2.onChipDismissed;
       if (cb) cb(e.detail);
     };
     state.strip.addEventListener("chip-revealed", state.listeners.revealed);
@@ -2859,7 +3063,7 @@ function navigateTo(rawUrl) {
   window.history.pushState(null, "", resolved.toString());
   window.dispatchEvent(new PopStateEvent("popstate"));
 }
-function buildButton(cfg) {
+function buildButton(cfg2) {
   const button = document.createElement("button");
   button.type = "button";
   button.dataset.syntroNavLink = "";
@@ -2875,26 +3079,26 @@ function buildButton(cfg) {
   button.style.color = "var(--sc-accent-foreground, currentColor)";
   button.style.background = "hsl(var(--sc-accent-color) / 0.85)";
   button.style.border = "1px solid hsl(var(--sc-accent-color) / 0.30)";
-  applyLabel(button, cfg);
+  applyLabel(button, cfg2);
   return button;
 }
-function applyLabel(button, cfg) {
-  const url = String(cfg.url ?? "");
-  const label = cfg.label ?? (url ? `Go to ${url}` : "Go");
+function applyLabel(button, cfg2) {
+  const url = String(cfg2.url ?? "");
+  const label = cfg2.label ?? (url ? `Go to ${url}` : "Go");
   button.textContent = label;
 }
 var NavLinkMountable = {
   mount(container, mountConfig) {
-    const cfg = mountConfig ?? {};
-    const button = buildButton(cfg);
+    const cfg2 = mountConfig ?? {};
+    const button = buildButton(cfg2);
     const onClick = (_e) => {
       const current = getState3(container);
-      const url = current?.cfg.url ?? cfg.url;
+      const url = current?.cfg.url ?? cfg2.url;
       navigateTo(String(url ?? ""));
     };
     button.addEventListener("click", onClick);
     container.appendChild(button);
-    setState3(container, { button, cfg, onClick });
+    setState3(container, { button, cfg: cfg2, onClick });
     return () => {
       button.removeEventListener("click", onClick);
       button.remove();
@@ -2904,9 +3108,9 @@ var NavLinkMountable = {
   update(container, mountConfig) {
     const state = getState3(container);
     if (!state) return;
-    const cfg = mountConfig ?? {};
-    applyLabel(state.button, cfg);
-    state.cfg = cfg;
+    const cfg2 = mountConfig ?? {};
+    applyLabel(state.button, cfg2);
+    state.cfg = cfg2;
   }
 };
 
@@ -2923,16 +3127,16 @@ function applyText(p, text) {
 }
 var TextAnswerMountable = {
   mount(container, mountConfig) {
-    const cfg = mountConfig ?? {};
+    const cfg2 = mountConfig ?? {};
     const paragraph = document.createElement("p");
     paragraph.dataset.syntroTextAnswer = "";
     paragraph.style.margin = "0";
     paragraph.style.fontSize = "12px";
     paragraph.style.lineHeight = "1.55";
     paragraph.style.color = "var(--sc-tile-text-color, currentColor)";
-    applyText(paragraph, String(cfg.text ?? ""));
+    applyText(paragraph, String(cfg2.text ?? ""));
     container.appendChild(paragraph);
-    setState4(container, { paragraph, cfg });
+    setState4(container, { paragraph, cfg: cfg2 });
     return () => {
       paragraph.remove();
       setState4(container, null);
@@ -2941,9 +3145,9 @@ var TextAnswerMountable = {
   update(container, mountConfig) {
     const state = getState4(container);
     if (!state) return;
-    const cfg = mountConfig ?? {};
-    applyText(state.paragraph, String(cfg.text ?? ""));
-    state.cfg = cfg;
+    const cfg2 = mountConfig ?? {};
+    applyText(state.paragraph, String(cfg2.text ?? ""));
+    state.cfg = cfg2;
   }
 };