@syntrologie/adapt-chatbot 2.51.0 → 2.53.0

package/dist/LeaveAMessageLit.d.ts

@@ -199,13 +199,41 @@ export declare class LeaveAMessageLit extends LitElement {
     /** Snapshot {state, transcript, email} so the NEXT mount (a fresh page
      *  in the same session) can pick the thread back up. */
     private _persist;
+    /** The pending reply announcement, if the canvas gave us a handle to it. */
+    private _noticeHandle;
     /**
-     * Raise the reply toast through the canvas element. Pierces shadow roots to
+     * Is the visitor LOOKING at this card right now? True only when the card
+     * has a laid-out box inside the viewport, the document is visible, and a
+     * hit-test at the card's center lands on the card itself — so a deck card
+     * stacked behind another, a card under a maximized chat, or a closed
+     * canvas all read as "not on screen". The hit-test descends through open
+     * shadow roots (`document.elementFromPoint` stops at the outermost host).
+     * Canvas-agnostic on purpose: the card never asks a canvas which tile is
+     * front. Anything this can't evaluate (jsdom, no layout) is "not on
+     * screen": when unsure, announce — a missed reply costs more than an
+     * extra toast.
+     */
+    private _isOnScreen;
+    /** The tile id sc-mount stamps on every widget's container, so the card can
+     *  name itself to the canvas when the visitor taps its announcement. */
+    private _instanceId;
+    /**
+     * Tap on the reply announcement: open the thread and ask the canvas to
+     * bring this tile to the front. `tile-recall` is the same composed event
+     * AdaptiveChatBar already raises for its own recalls — velvet cycles the
+     * deck to the card and un-maximizes the chat; the host opens the canvas
+     * if it was closed.
+     */
+    private _recall;
+    /**
+     * Announce a reply through the canvas element. Pierces shadow roots to
      * find `<smart-canvas>` (same resolution AdaptiveChatBarMountable uses), and
      * no-ops when no canvas is present — the tile's own "You got mail!" face is
-     * always the durable signal.
+     * always the durable signal. The announcement is PERSISTENT: a human's
+     * reply is the one thing the visitor was waiting on, so it stays until
+     * tapped or until the visitor opens the thread themselves (`_flip`).
      */
-    private _toastReplyArrived;
+    private _announceReply;
     /** Paint our own focus ring from the theme. The border now lives on the
      *  field SHELL (`data-lam-field-wrap`), not the borderless inner
      *  textarea/input, so the ring targets that ancestor via `closest()`. */

package/dist/LeaveAMessageLit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LeaveAMessageLit.d.ts","sourceRoot":"","sources":["../src/LeaveAMessageLit.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"LeaveAMessageLit.d.ts","sourceRoot":"","sources":["../src/LeaveAMessageLit.ts"],"names":[],"mappings":"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"}

package/dist/runtime.js

@@ -2031,7 +2031,7 @@ async function pollOnce(cb, isActive) {
     const qs = new URLSearchParams({
       conversationId: id.conversationId,
       locationId: id.locationId,
-      lastMessageId: id.lastMessageId ?? "",
+      lastMessageId: "",
       pageLimit: String(LC_PAGE_LIMIT)
     });
     try {
@@ -2051,14 +2051,15 @@ async function pollOnce(cb, isActive) {
       const j = await r.json();
       if (!isActive()) return;
       const messages = j.messages ?? [];
-      for (const m of messages) {
+      const seenIdx = id.lastSeenMessageId ? messages.findIndex((m) => m.id === id.lastSeenMessageId) : -1;
+      const fresh = seenIdx === -1 ? messages : messages.slice(0, seenIdx);
+      for (const m of [...fresh].reverse()) {
         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 newestId = messages[0]?.id;
+      if (typeof newestId === "string" && newestId) {
         const current = load();
-        save({ ...id, ...current, lastMessageId: nextLastMessageId });
+        save({ ...id, ...current, lastSeenMessageId: newestId });
       }
       pollWarned = false;
     } catch (err) {
@@ -2740,6 +2741,21 @@ var LeaveAMessageLit = class extends LitElement {
      *  'flipped' branch). Seeded with the visitor's own compose-step message
      *  in `_submitMessage`. */
     this._transcript = [];
+    /**
+     * Tap on the reply announcement: open the thread and ask the canvas to
+     * bring this tile to the front. `tile-recall` is the same composed event
+     * AdaptiveChatBar already raises for its own recalls — velvet cycles the
+     * deck to the card and un-maximizes the chat; the host opens the canvas
+     * if it was closed.
+     */
+    this._recall = () => {
+      this._flip();
+      const instanceId = this._instanceId();
+      if (!instanceId) return;
+      this.dispatchEvent(
+        new CustomEvent("tile-recall", { bubbles: true, composed: true, detail: { instanceId } })
+      );
+    };
     /** Paint our own focus ring from the theme. The border now lives on the
      *  field SHELL (`data-lam-field-wrap`), not the borderless inner
      *  textarea/input, so the ring targets that ancestor via `closest()`. */
@@ -2756,10 +2772,10 @@ var LeaveAMessageLit = class extends LitElement {
     };
     this._onReply = (text) => {
       this._transcript = [...this._transcript, { role: "operator", text }];
+      const reading = this.state === "flipped" && this._isOnScreen();
       if (this.state !== "flipped") {
         this.state = "mail";
         this.runtime?.events.publish("supportchat:reply_received", { text });
-        this._toastReplyArrived();
         this.dispatchEvent(
           new CustomEvent("syntro:supportchat-reply", {
             bubbles: true,
@@ -2768,6 +2784,7 @@ var LeaveAMessageLit = class extends LitElement {
           })
         );
       }
+      if (!reading) this._announceReply();
       this._persist();
       this.requestUpdate();
     };
@@ -2811,6 +2828,8 @@ var LeaveAMessageLit = class extends LitElement {
     this._flip = () => {
       this.state = "flipped";
       this._touched = false;
+      this._noticeHandle?.dismiss();
+      this._noticeHandle = void 0;
       this._persist();
     };
     this._sendReply = () => {
@@ -2869,6 +2888,8 @@ var LeaveAMessageLit = class extends LitElement {
     this.removeEventListener("keydown", this._onKeyDown);
     this._unsubscribe?.();
     this._unsubscribe = void 0;
+    this._noticeHandle?.dismiss();
+    this._noticeHandle = void 0;
     super.disconnectedCallback();
   }
   /** Read the injected persistence store, if any (I2). */
@@ -2897,12 +2918,53 @@ var LeaveAMessageLit = class extends LitElement {
     store.set(PERSIST_KEY, snapshot);
   }
   /**
-   * Raise the reply toast through the canvas element. Pierces shadow roots to
+   * Is the visitor LOOKING at this card right now? True only when the card
+   * has a laid-out box inside the viewport, the document is visible, and a
+   * hit-test at the card's center lands on the card itself — so a deck card
+   * stacked behind another, a card under a maximized chat, or a closed
+   * canvas all read as "not on screen". The hit-test descends through open
+   * shadow roots (`document.elementFromPoint` stops at the outermost host).
+   * Canvas-agnostic on purpose: the card never asks a canvas which tile is
+   * front. Anything this can't evaluate (jsdom, no layout) is "not on
+   * screen": when unsure, announce — a missed reply costs more than an
+   * extra toast.
+   */
+  _isOnScreen() {
+    if (typeof document === "undefined" || typeof window === "undefined") return false;
+    if (document.visibilityState !== "visible") return false;
+    const r = this.getBoundingClientRect();
+    if (r.width <= 0 || r.height <= 0) return false;
+    const cx = r.left + r.width / 2;
+    const cy = r.top + r.height / 2;
+    if (cx < 0 || cy < 0 || cx > window.innerWidth || cy > window.innerHeight) return false;
+    if (typeof document.elementFromPoint !== "function") return false;
+    let hit = document.elementFromPoint(cx, cy);
+    while (hit?.shadowRoot && typeof hit.shadowRoot.elementFromPoint === "function") {
+      const inner = hit.shadowRoot.elementFromPoint(cx, cy);
+      if (!inner || inner === hit) break;
+      hit = inner;
+    }
+    let node = hit;
+    while (node) {
+      if (node === this) return true;
+      node = node.parentNode ?? node.host ?? null;
+    }
+    return false;
+  }
+  /** The tile id sc-mount stamps on every widget's container, so the card can
+   *  name itself to the canvas when the visitor taps its announcement. */
+  _instanceId() {
+    return this.closest("[data-tile-id]")?.getAttribute("data-tile-id") ?? void 0;
+  }
+  /**
+   * Announce a reply through the canvas element. Pierces shadow roots to
    * find `<smart-canvas>` (same resolution AdaptiveChatBarMountable uses), and
    * no-ops when no canvas is present — the tile's own "You got mail!" face is
-   * always the durable signal.
+   * always the durable signal. The announcement is PERSISTENT: a human's
+   * reply is the one thing the visitor was waiting on, so it stays until
+   * tapped or until the visitor opens the thread themselves (`_flip`).
    */
-  _toastReplyArrived() {
+  _announceReply() {
     if (typeof document === "undefined") return;
     const title = this.replyToast?.title?.trim();
     if (!title) return;
@@ -2920,7 +2982,15 @@ var LeaveAMessageLit = class extends LitElement {
     };
     try {
       const canvas = find(document);
-      canvas?.previewNotification?.({ title, body: this.replyToast?.body });
+      this._noticeHandle?.dismiss();
+      this._noticeHandle = void 0;
+      const handle = canvas?.previewNotification?.({
+        title,
+        body: this.replyToast?.body,
+        persistent: true,
+        onTap: this._recall
+      });
+      if (handle && typeof handle.dismiss === "function") this._noticeHandle = handle;
     } catch (err) {
       console.warn("supportChat.widget: reply toast failed", err);
     }