@trycourier/courier-ui-inbox 1.0.8-beta → 1.0.9-beta

package/dist/index.mjs

@@ -2,6 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { Courier, InboxMessageEvent } from "@trycourier/courier-js";
+import { Courier as Courier2 } from "@trycourier/courier-js";
 var __defProp2 = Object.defineProperty;
 var __typeError = (msg) => {
   throw TypeError(msg);
@@ -556,14 +557,13 @@ class CourierInfoState extends CourierFactoryElement {
     __publicField2(this, "_title");
     __publicField2(this, "_button");
     __publicField2(this, "_style");
-    __publicField2(this, "_buttonClickCallback", null);
     this._props = props;
   }
   static get id() {
     return "courier-info-state";
   }
   defaultElement() {
-    var _a, _b;
+    var _a;
     const container = document.createElement("div");
     this._title = document.createElement("h2");
     if ((_a = this._props.title) == null ? void 0 : _a.text) {
@@ -577,11 +577,6 @@ class CourierInfoState extends CourierFactoryElement {
     container.appendChild(this._title);
     container.appendChild(this._button);
     this.appendChild(container);
-    (_b = this._button) == null ? void 0 : _b.addEventListener("click", () => {
-      if (this._buttonClickCallback) {
-        this._buttonClickCallback();
-      }
-    });
     return container;
   }
   onSystemThemeChange(_) {
@@ -628,9 +623,6 @@ class CourierInfoState extends CourierFactoryElement {
       this._button.updateButton(props.button);
     }
   }
-  setButtonClickCallback(callback) {
-    this._buttonClickCallback = callback;
-  }
 }
 class CourierIconButton extends CourierBaseElement {
   constructor(svg, color, backgroundColor, hoverBackgroundColor, activeBackgroundColor, borderRadius, height, width) {
@@ -2355,11 +2347,11 @@ class CourierInboxList extends CourierBaseElement {
           fontWeight: (_v = (_u = error == null ? void 0 : error.button) == null ? void 0 : _u.font) == null ? void 0 : _v.weight,
           shadow: (_w = error == null ? void 0 : error.button) == null ? void 0 : _w.shadow,
           border: (_x = error == null ? void 0 : error.button) == null ? void 0 : _x.border,
-          borderRadius: (_y = error == null ? void 0 : error.button) == null ? void 0 : _y.borderRadius
+          borderRadius: (_y = error == null ? void 0 : error.button) == null ? void 0 : _y.borderRadius,
+          onClick: () => this.handleRetry()
         }
       });
       errorElement.build((_z = this._errorStateFactory) == null ? void 0 : _z.call(this, { feedType: this._feedType, error: this._error }));
-      errorElement.setButtonClickCallback(() => this.handleRetry());
       this.appendChild(errorElement);
       return;
     }
@@ -2390,11 +2382,11 @@ class CourierInboxList extends CourierBaseElement {
           fontWeight: (_W = (_V = empty == null ? void 0 : empty.button) == null ? void 0 : _V.font) == null ? void 0 : _W.weight,
           shadow: (_X = empty == null ? void 0 : empty.button) == null ? void 0 : _X.shadow,
           border: (_Y = empty == null ? void 0 : empty.button) == null ? void 0 : _Y.border,
-          borderRadius: (_Z = empty == null ? void 0 : empty.button) == null ? void 0 : _Z.borderRadius
+          borderRadius: (_Z = empty == null ? void 0 : empty.button) == null ? void 0 : _Z.borderRadius,
+          onClick: () => this.handleRefresh()
         }
       });
       emptyElement.build((__ = this._emptyStateFactory) == null ? void 0 : __.call(this, { feedType: this._feedType }));
-      emptyElement.setButtonClickCallback(() => this.handleRefresh());
       this.appendChild(emptyElement);
       return;
     }
@@ -2764,7 +2756,7 @@ class CourierUnreadCountBadge extends CourierBaseElement {
   updateBadge() {
     if (this._badge) {
       if (this._count > 0) {
-        this._badge.textContent = this._count.toString();
+        this._badge.textContent = this._count > 99 ? "99+" : this._count.toString();
         this._badge.style.display = "block";
       } else {
         this._badge.style.display = "none";
@@ -3888,7 +3880,7 @@ class CourierInbox extends CourierBaseElement {
       title: "Inbox",
       icon: CourierIconSVGs.inbox,
       feedType: this._currentFeed,
-      height: "768px"
+      height: "auto"
     });
     this._themeManager = themeManager ?? new CourierInboxThemeManager(defaultLightTheme);
   }
@@ -3904,6 +3896,9 @@ class CourierInbox extends CourierBaseElement {
   setDarkTheme(theme2) {
     this._themeManager.setDarkTheme(theme2);
   }
+  setMode(mode) {
+    this._themeManager.setMode(mode);
+  }
   static get observedAttributes() {
     return ["height", "light-theme", "dark-theme", "mode", "message-click", "message-action-click", "message-long-press"];
   }
@@ -4267,7 +4262,7 @@ class CourierInboxPopupMenu extends CourierBaseElement {
     // State
     __publicField(this, "_width", "440px");
     __publicField(this, "_height", "440px");
-    __publicField(this, "_popupAlignment", "top-right");
+    __publicField(this, "_popupAlignment", "top-left");
     __publicField(this, "_top", "40px");
     __publicField(this, "_right", "0");
     __publicField(this, "_bottom", "40px");
@@ -4312,6 +4307,9 @@ class CourierInboxPopupMenu extends CourierBaseElement {
   setDarkTheme(theme2) {
     this._themeManager.setDarkTheme(theme2);
   }
+  setMode(mode) {
+    this._themeManager.setMode(mode);
+  }
   static get observedAttributes() {
     return ["popup-alignment", "message-click", "message-action-click", "message-long-press", "popup-width", "popup-height", "top", "right", "bottom", "left", "light-theme", "dark-theme", "mode"];
   }
@@ -4544,35 +4542,35 @@ class CourierInboxPopupMenu extends CourierBaseElement {
     (_a = this._inbox) == null ? void 0 : _a.setFeedType(feedType);
   }
   // Factory methods
-  setPopupHeader(factory) {
+  setHeader(factory) {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.setHeader(factory);
   }
-  removePopupHeader() {
+  removeHeader() {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.removeHeader();
   }
-  setPopupLoadingState(factory) {
+  setLoadingState(factory) {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.setLoadingState(factory);
   }
-  setPopupEmptyState(factory) {
+  setEmptyState(factory) {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.setEmptyState(factory);
   }
-  setPopupErrorState(factory) {
+  setErrorState(factory) {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.setErrorState(factory);
   }
-  setPopupListItem(factory) {
+  setListItem(factory) {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.setListItem(factory);
   }
-  setPopupPaginationItem(factory) {
+  setPaginationItem(factory) {
     var _a;
     (_a = this._inbox) == null ? void 0 : _a.setPaginationItem(factory);
   }
-  setPopupMenuButton(factory) {
+  setMenuButton(factory) {
     this._popupMenuButtonFactory = factory;
     this.render();
   }
@@ -4625,6 +4623,7 @@ class CourierInboxDatastoreEvents {
   }
 }
 export {
+  Courier2 as Courier,
   CourierInbox,
   CourierInboxDataStoreListener,
   CourierInboxDatastore,