@trycourier/courier-ui-inbox 2.4.7 → 2.4.9

package/dist/index.mjs

@@ -4625,6 +4625,9 @@ class CourierInbox extends CourierBaseElement {
     __publicField(this, "_datastoreListener");
     __publicField(this, "_authListener");
     __publicField(this, "_feeds", defaultFeeds());
+    /** When true, render injected preview messages and skip all network/realtime + the shared datastore. */
+    __publicField(this, "_isPreview", false);
+    __publicField(this, "_previewDataSet");
     // Header
     __publicField(this, "_header");
     __publicField(this, "_headerFactory");
@@ -4749,7 +4752,7 @@ class CourierInbox extends CourierBaseElement {
     this._themeManager.setMode(mode);
   }
   static get observedAttributes() {
-    return ["height", "light-theme", "dark-theme", "mode", "feeds", "message-click", "message-action-click", "message-long-press"];
+    return ["height", "light-theme", "dark-theme", "mode", "feeds", "message-click", "message-action-click", "message-long-press", "preview"];
   }
   resetInitialFeedAndTab() {
     if (!this._feeds.length) {
@@ -4765,6 +4768,7 @@ class CourierInbox extends CourierBaseElement {
     this._currentFeedId = this._feeds[0].feedId;
   }
   onComponentMounted() {
+    this._isPreview = this.hasAttribute("preview") && this.getAttribute("preview") !== "false";
     this.readInitialThemeAttributes();
     this.attachElements();
     this.setupThemeSubscription();
@@ -4802,6 +4806,7 @@ class CourierInbox extends CourierBaseElement {
   }
   setupAuthListener() {
     this._authListener = Courier.shared.addAuthenticationListener(({ userId }) => {
+      if (this._isPreview) return;
       if (userId) {
         this.refresh().catch((err) => {
           var _a, _b, _c;
@@ -4812,6 +4817,10 @@ class CourierInbox extends CourierBaseElement {
   }
   initializeInboxData() {
     this.resetInitialFeedAndTab();
+    if (this._isPreview) {
+      this.renderPreview();
+      return;
+    }
     CourierInboxDatastore.shared.registerFeeds(this._feeds);
     this._datastoreListener = new CourierInboxDataStoreListener({
       onError: (error) => {
@@ -5056,6 +5065,10 @@ class CourierInbox extends CourierBaseElement {
   async reloadListForTab() {
     var _a;
     (_a = this._list) == null ? void 0 : _a.selectDataset(this._currentTabId);
+    if (this._isPreview) {
+      this.renderPreview();
+      return;
+    }
     await CourierInboxDatastore.shared.load({
       canUseCache: true,
       datasetIds: [this._currentTabId]
@@ -5144,13 +5157,19 @@ class CourierInbox extends CourierBaseElement {
     var _a, _b, _c, _d;
     this._feeds = feeds;
     this.resetInitialFeedAndTab();
-    CourierInboxDatastore.shared.registerFeeds(this._feeds);
+    if (!this._isPreview) {
+      CourierInboxDatastore.shared.registerFeeds(this._feeds);
+    }
     (_a = this._header) == null ? void 0 : _a.setFeeds(this._feeds);
     (_b = this._header) == null ? void 0 : _b.selectFeed(this._currentFeedId, this._currentTabId);
     this.updateHeader();
     (_c = this._list) == null ? void 0 : _c.selectDataset(this._currentTabId);
     (_d = this._list) == null ? void 0 : _d.scrollToTop(false);
-    this.refresh();
+    if (this._isPreview) {
+      this.renderPreview();
+    } else {
+      this.refresh();
+    }
   }
   /** Get the current set of feeds. */
   getFeeds() {
@@ -5212,6 +5231,7 @@ class CourierInbox extends CourierBaseElement {
    */
   async refresh() {
     var _a, _b;
+    if (this._isPreview) return;
     if (!((_a = Courier.shared.client) == null ? void 0 : _a.options.userId)) {
       (_b = Courier.shared.client) == null ? void 0 : _b.options.logger.error("No user signed in. Please call Courier.shared.signIn(...) to load the inbox.");
       return;
@@ -5220,6 +5240,40 @@ class CourierInbox extends CourierBaseElement {
       canUseCache: false
     });
   }
+  /**
+   * Render injected "dummy" inbox messages and skip all network/realtime + the
+   * shared datastore (so a live inbox elsewhere is unaffected). Pass `null` to
+   * clear preview mode.
+   */
+  setPreviewData(messages, options) {
+    this._isPreview = Boolean(messages);
+    if (!messages) {
+      this._previewDataSet = void 0;
+      return;
+    }
+    if (this._datastoreListener) {
+      CourierInboxDatastore.shared.removeDataStoreListener(this._datastoreListener);
+      this._datastoreListener = void 0;
+    }
+    const unreadCount = (options == null ? void 0 : options.unreadCount) ?? messages.filter((m) => !m.read).length;
+    this._previewDataSet = {
+      id: this._currentTabId,
+      messages,
+      unreadCount,
+      canPaginate: false,
+      paginationCursor: null
+    };
+    this.renderPreview();
+  }
+  /** Render the current preview dataset into the list + header (preview mode only). */
+  renderPreview() {
+    var _a, _b, _c;
+    if (!this._previewDataSet) return;
+    const dataSet = { ...this._previewDataSet, id: this._currentTabId };
+    (_a = this._list) == null ? void 0 : _a.setDataSet(dataSet);
+    (_c = (_b = this._header) == null ? void 0 : _b.tabs) == null ? void 0 : _c.updateTabUnreadCount(this._currentTabId, dataSet.unreadCount);
+    this.updateHeader();
+  }
   attributeChangedCallback(name, oldValue, newValue) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     if (oldValue === newValue) return;
@@ -5288,6 +5342,9 @@ class CourierInbox extends CourierBaseElement {
       case "mode":
         this._themeManager.setMode(newValue);
         break;
+      case "preview":
+        this._isPreview = newValue != null && newValue !== "false";
+        break;
     }
   }
 }
@@ -5399,6 +5456,10 @@ class CourierInboxPopupMenu extends CourierBaseElement {
     __publicField(this, "_totalUnreadCount", 0);
     // Feeds (stored from attribute before inner inbox is created)
     __publicField(this, "_feeds");
+    /** Preview mode: forward injected messages to the inner inbox; never touch the shared datastore. */
+    __publicField(this, "_isPreview", false);
+    __publicField(this, "_previewMessages");
+    __publicField(this, "_previewUnreadCount");
     // Factories
     __publicField(this, "_popupMenuButtonFactory");
     __publicField(this, "handleOutsideClick", (event) => {
@@ -5447,9 +5508,10 @@ class CourierInboxPopupMenu extends CourierBaseElement {
     this._themeManager.setMode(mode);
   }
   static get observedAttributes() {
-    return ["popup-alignment", "feeds", "message-click", "message-action-click", "message-long-press", "popup-width", "popup-height", "top", "right", "bottom", "left", "light-theme", "dark-theme", "mode"];
+    return ["popup-alignment", "feeds", "message-click", "message-action-click", "message-long-press", "popup-width", "popup-height", "top", "right", "bottom", "left", "light-theme", "dark-theme", "mode", "preview"];
   }
   onComponentMounted() {
+    this._isPreview = this.hasAttribute("preview") && this.getAttribute("preview") !== "false";
     this.readInitialThemeAttributes();
     this._style = injectGlobalStyle(CourierInboxPopupMenu.id, CourierInboxPopupMenu.getStyles(this.theme, this._width, this._height));
     this._triggerButton = new CourierInboxMenuButton(this._themeManager);
@@ -5457,6 +5519,9 @@ class CourierInboxPopupMenu extends CourierBaseElement {
     this._popup.className = "popup";
     this._inbox = new CourierInbox(this._themeManager);
     this._inbox.setAttribute("height", "100%");
+    if (this._isPreview) {
+      this._inbox.setAttribute("preview", "true");
+    }
     if (this._feeds) {
       this._inbox.setAttribute("feeds", JSON.stringify(this._feeds));
     }
@@ -5467,8 +5532,13 @@ class CourierInboxPopupMenu extends CourierBaseElement {
     this._triggerButton.addEventListener("click", this.togglePopup.bind(this));
     document.addEventListener("click", this.handleOutsideClick.bind(this));
     this.updatePopupPosition();
-    this._datastoreListener = new CourierInboxDataStoreListener(this);
-    CourierInboxDatastore.shared.addDataStoreListener(this._datastoreListener);
+    if (!this._isPreview) {
+      this._datastoreListener = new CourierInboxDataStoreListener(this);
+      CourierInboxDatastore.shared.addDataStoreListener(this._datastoreListener);
+    } else if (this._previewMessages) {
+      this._inbox.setPreviewData(this._previewMessages, { unreadCount: this._previewUnreadCount });
+      this._totalUnreadCount = this._previewUnreadCount ?? this._previewMessages.filter((m) => !m.read).length;
+    }
     this.render();
   }
   onComponentUnmounted() {
@@ -5606,8 +5676,32 @@ class CourierInboxPopupMenu extends CourierBaseElement {
       case "mode":
         this._themeManager.setMode(newValue);
         break;
+      case "preview":
+        this._isPreview = newValue != null && newValue !== "false";
+        break;
     }
   }
+  /**
+   * Render injected "dummy" inbox messages in the popup and skip all
+   * network/realtime + the shared datastore. Pass `null` to clear preview mode.
+   */
+  setPreviewData(messages, options) {
+    this._isPreview = Boolean(messages);
+    this._previewMessages = messages ?? void 0;
+    this._previewUnreadCount = options == null ? void 0 : options.unreadCount;
+    if (messages) {
+      if (this._datastoreListener) {
+        CourierInboxDatastore.shared.removeDataStoreListener(this._datastoreListener);
+        this._datastoreListener = void 0;
+      }
+      this._totalUnreadCount = (options == null ? void 0 : options.unreadCount) ?? messages.filter((m) => !m.read).length;
+    }
+    if (this._inbox) {
+      if (messages) this._inbox.setAttribute("preview", "true");
+      this._inbox.setPreviewData(messages, options);
+    }
+    this.render();
+  }
   /**
    * Called when the per-dataset unread count changes.
    * Triggers a render to update the factory with latest feeds data
@@ -6034,7 +6128,7 @@ class CourierInboxDatastoreEvents {
   }
 }
 Courier.shared.courierUserAgentName = "courier-ui-inbox";
-Courier.shared.courierUserAgentVersion = "2.4.7";
+Courier.shared.courierUserAgentVersion = "2.4.9";
 export {
   Courier2 as Courier,
   CourierInbox,