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

package/README.md

@@ -1,11 +1,9 @@
-# `@trycourier/courier-ui-inbox`
-
-Web components for Courier Inbox.
+<img width="1040" alt="courier-ui-inbox" src="https://github.com/user-attachments/assets/6227249b-d008-4719-bddc-874f34432376" />
 
 ## 1. Install
 
 ```sh
-npm i @trycourier/courier-ui-inbox@1.0.9-beta
+npm i @trycourier/courier-ui-inbox@1.0.11-beta
 ```
 
 > **Using React?** We suggest you use [@trycourier/courier-react](../courier-react/README.md) package instead.
@@ -20,13 +18,9 @@ To use the SDK, you need to generate a JWT (JSON Web Token) for your user. **Thi
    - When your app needs to authenticate a user, your frontend should make a request to your own backend (e.g., `/api/generate-courier-jwt`).
 
 2. **Your backend calls Courier to issue a JWT:**  
-   - In your backend endpoint, use your Courier API Key to call the [Courier JWT Token Endpoint](https://www.courier.com/docs/reference/auth/issue-token) and generate a JWT for the user.
+   - In your backend endpoint, use your [Courier API Key](https://app.courier.com/settings/api-keys) to call the [Courier JWT Token Endpoint](https://www.courier.com/docs/reference/auth/issue-token) and generate a JWT for the user.
    - Your backend then returns the JWT to your frontend.
 
-> **Where do I get my API Key?** Go to your [Courier API Keys](https://app.courier.com/settings/api-keys) page.
-
-**Example: Quick Testing with cURL**
-
 To quickly test JWT generation (for development only), you can use the following cURL command to call Courier's API directly. **Do not use this in production or from client-side code.**
 
 ```sh
@@ -132,7 +126,7 @@ curl --request POST \
       );
     });
 
-    // Handle message long presses (Useful for mobile web)
+    // Handle message long presses. **Only works on devices that support javascript's touch events. This will not work with a mouse cursor.**
     inbox.onMessageLongPress(({ message, index }) => {
       alert("Message long pressed at index " + index + ":\n" + JSON.stringify(message, null, 2));
     });

package/dist/components/courier-inbox-list-item.d.ts

@@ -2,8 +2,10 @@ import { InboxAction, InboxMessage } from '@trycourier/courier-js';
 import { CourierBaseElement } from '@trycourier/courier-ui-core';
 import { CourierInboxFeedType } from '../types/feed-type';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
 export declare class CourierInboxListItem extends CourierBaseElement {
     static get id(): string;
+    private _themeManager;
     private _theme;
     private _message;
     private _feedType;
@@ -19,7 +21,7 @@ export declare class CourierInboxListItem extends CourierBaseElement {
     private onItemClick;
     private onItemLongPress;
     private onItemActionClick;
-    constructor(theme: CourierInboxTheme);
+    constructor(themeManager: CourierInboxThemeManager);
     private render;
     static getStyles(theme: CourierInboxTheme): string;
     private _setupHoverBehavior;

package/dist/components/courier-inbox-list.d.ts

@@ -28,6 +28,8 @@ export declare class CourierInboxList extends CourierBaseElement {
     private _listStyles?;
     private _listItemStyles?;
     private _listItemMenuStyles?;
+    private _errorContainer?;
+    private _emptyContainer?;
     constructor(props: {
         themeManager: CourierInboxThemeManager;
         onRefresh: () => void;
@@ -50,6 +52,9 @@ export declare class CourierInboxList extends CourierBaseElement {
     setErrorNoClient(): void;
     private handleRetry;
     private handleRefresh;
+    refreshInfoStateThemes(): void;
+    get errorProps(): any;
+    get emptyProps(): any;
     private render;
     setLoadingStateFactory(factory: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => HTMLElement): void;
     setEmptyStateFactory(factory: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => HTMLElement): void;

package/dist/components/courier-inbox-popup-menu.d.ts

@@ -22,6 +22,9 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
     private _popup?;
     private _inbox?;
     private _style?;
+    private _onMessageClick?;
+    private _onMessageActionClick?;
+    private _onMessageLongPress?;
     private _datastoreListener?;
     private _popupMenuButtonFactory?;
     static get observedAttributes(): string[];
@@ -38,6 +41,7 @@ export declare class CourierInboxPopupMenu extends CourierBaseElement implements
     private isValidPosition;
     private updatePopupPosition;
     private togglePopup;
+    closePopup(): void;
     private handleOutsideClick;
     setContent(element: HTMLElement): void;
     setSize(width: string, height: string): void;

package/dist/index.d.ts

@@ -13,3 +13,4 @@ export * from './datastore/datastore-listener';
 export * from './datastore/datatore-events';
 export { Courier } from '@trycourier/courier-js';
 export type { CourierProps, CourierClientOptions, CourierBrand, CourierApiUrls, CourierUserPreferences, CourierUserPreferencesStatus, CourierUserPreferencesChannel, CourierUserPreferencesPaging, CourierUserPreferencesTopic, CourierUserPreferencesTopicResponse, CourierDevice, CourierToken, CourierGetInboxMessageResponse, CourierGetInboxMessagesResponse, InboxMessage, InboxAction, InboxMessageEventEnvelope, } from '@trycourier/courier-js';
+export type { CourierComponentThemeMode } from '@trycourier/courier-ui-core';