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

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

@@ -1,15 +1,19 @@
-import { BaseElement } from '@trycourier/courier-ui-core';
+import { CourierBaseElement } from '@trycourier/courier-ui-core';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
-export declare class CourierInboxPaginationListItem extends BaseElement {
-    private skeletonLoadingList?;
-    private observer;
-    private customItem?;
-    private onPaginationTrigger;
+export declare class CourierInboxPaginationListItem extends CourierBaseElement {
+    static get id(): string;
+    private _theme;
+    private _style?;
+    private _skeletonLoadingList?;
+    private _observer?;
+    private _customItem?;
+    private _onPaginationTrigger;
     constructor(props: {
         theme: CourierInboxTheme;
         customItem?: HTMLElement;
         onPaginationTrigger: () => void;
     });
-    private getStyles;
-    disconnectedCallback(): void;
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
+    static getStyles(_theme: CourierInboxTheme): string;
 }

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

@@ -2,9 +2,10 @@ import { CourierInboxDatastoreEvents } from '../datastore/datatore-events';
 import { CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps } from '../types/factories';
 import { CourierInboxFeedType } from '../types/feed-type';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
-import { BaseElement } from '@trycourier/courier-ui-core';
+import { CourierComponentThemeMode, CourierBaseElement } from '@trycourier/courier-ui-core';
 export type CourierInboxPopupAlignment = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' | 'center-right' | 'center-left' | 'center-center';
-export declare class CourierInboxPopupMenu extends BaseElement implements CourierInboxDatastoreEvents {
+export declare class CourierInboxPopupMenu extends CourierBaseElement implements CourierInboxDatastoreEvents {
+    static get id(): string;
     private _width;
     private _height;
     private _popupAlignment;
@@ -16,16 +17,19 @@ export declare class CourierInboxPopupMenu extends BaseElement implements Courie
     get theme(): CourierInboxTheme;
     setLightTheme(theme: CourierInboxTheme): void;
     setDarkTheme(theme: CourierInboxTheme): void;
-    private _triggerButton;
-    private _popup;
-    private _inbox;
-    private _style;
+    setMode(mode: CourierComponentThemeMode): void;
+    private _triggerButton?;
+    private _popup?;
+    private _inbox?;
+    private _style?;
     private _datastoreListener?;
     private _popupMenuButtonFactory?;
     static get observedAttributes(): string[];
     constructor();
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
     private refreshTheme;
-    private getStyles;
+    static getStyles(theme: CourierInboxTheme, width: string, height: string): string;
     attributeChangedCallback(name: string, _: string, newValue: string): void;
     onUnreadCountChange(_: number): void;
     onMessageClick(handler?: (props: CourierInboxListItemFactoryProps) => void): void;
@@ -39,14 +43,13 @@ export declare class CourierInboxPopupMenu extends BaseElement implements Courie
     setSize(width: string, height: string): void;
     setPosition(position: CourierInboxPopupAlignment): void;
     setFeedType(feedType: CourierInboxFeedType): void;
-    setPopupHeader(factory: (props: CourierInboxHeaderFactoryProps | undefined | null) => HTMLElement): void;
-    removePopupHeader(): void;
-    setPopupLoadingState(factory: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => HTMLElement): void;
-    setPopupEmptyState(factory: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => HTMLElement): void;
-    setPopupErrorState(factory: (props: CourierInboxStateErrorFactoryProps | undefined | null) => HTMLElement): void;
-    setPopupListItem(factory: (props: CourierInboxListItemFactoryProps | undefined | null) => HTMLElement): void;
-    setPopupPaginationItem(factory: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => HTMLElement): void;
-    setPopupMenuButton(factory: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => HTMLElement): void;
+    setHeader(factory: (props: CourierInboxHeaderFactoryProps | undefined | null) => HTMLElement): void;
+    removeHeader(): void;
+    setLoadingState(factory: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => HTMLElement): void;
+    setEmptyState(factory: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => HTMLElement): void;
+    setErrorState(factory: (props: CourierInboxStateErrorFactoryProps | undefined | null) => HTMLElement): void;
+    setListItem(factory: (props: CourierInboxListItemFactoryProps | undefined | null) => HTMLElement): void;
+    setPaginationItem(factory: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => HTMLElement): void;
+    setMenuButton(factory: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => HTMLElement): void;
     private render;
-    disconnectedCallback(): void;
 }

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

@@ -1,7 +1,12 @@
-import { BaseElement } from '@trycourier/courier-ui-core';
+import { CourierBaseElement } from '@trycourier/courier-ui-core';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
-export declare class CourierInboxSkeletonListItem extends BaseElement {
-    private _shadow;
-    constructor(theme: CourierInboxTheme, opacity: number);
-    private getStyles;
+export declare class CourierInboxSkeletonListItem extends CourierBaseElement {
+    static get id(): string;
+    private _theme;
+    private _style?;
+    constructor(theme: CourierInboxTheme);
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
+    private render;
+    static getStyles(_theme: CourierInboxTheme): string;
 }

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

@@ -1,8 +1,12 @@
-import { CourierElement } from '@trycourier/courier-ui-core';
+import { CourierFactoryElement } from '@trycourier/courier-ui-core';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
-export declare class CourierInboxSkeletonList extends CourierElement {
+export declare class CourierInboxSkeletonList extends CourierFactoryElement {
+    static get id(): string;
     private _theme;
+    private _style?;
     constructor(theme: CourierInboxTheme);
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
     defaultElement(): HTMLElement;
-    private getStyles;
+    static getStyles(theme: CourierInboxTheme): string;
 }

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

@@ -1,20 +1,22 @@
-import { BaseElement } from '@trycourier/courier-ui-core';
+import { CourierBaseElement, CourierComponentThemeMode } from '@trycourier/courier-ui-core';
 import { CourierInboxFeedType } from '../types/feed-type';
 import { CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps } from '../types/factories';
 import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
-export declare class CourierInbox extends BaseElement {
+export declare class CourierInbox extends CourierBaseElement {
+    static get id(): string;
     private _currentFeed;
     private _themeManager;
     get theme(): CourierInboxTheme;
     setLightTheme(theme: CourierInboxTheme): void;
     setDarkTheme(theme: CourierInboxTheme): void;
-    private _shadow;
-    private _list;
+    setMode(mode: CourierComponentThemeMode): void;
+    private _inboxStyle?;
+    private _unreadIndicatorStyle?;
+    private _list?;
     private _datastoreListener;
     private _authListener;
-    private _style;
-    private _header;
+    private _header?;
     private _headerFactory;
     private _onMessageClick?;
     private _onMessageActionClick?;
@@ -22,6 +24,8 @@ export declare class CourierInbox extends BaseElement {
     private _defaultProps;
     static get observedAttributes(): string[];
     constructor(themeManager?: CourierInboxThemeManager);
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
     private refreshTheme;
     private getStyles;
     setHeader(factory: (props: CourierInboxHeaderFactoryProps | undefined | null) => HTMLElement): void;
@@ -38,7 +42,5 @@ export declare class CourierInbox extends BaseElement {
     private updateHeader;
     private load;
     refresh(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }

package/dist/components/courier-unread-count-badge.d.ts

@@ -1,19 +1,23 @@
-import { BaseElement } from '@trycourier/courier-ui-core';
+import { CourierBaseElement } from '@trycourier/courier-ui-core';
+import { CourierInboxTheme } from '../types/courier-inbox-theme';
 import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
 export type CourierUnreadCountLocation = 'button' | 'header';
-export declare class CourierUnreadCountBadge extends BaseElement {
+export declare class CourierUnreadCountBadge extends CourierBaseElement {
+    static get id(): string;
     private _themeSubscription;
     private _location;
     private _count;
-    private _badge;
-    private _style;
+    private _badge?;
+    private _style?;
+    get theme(): CourierInboxTheme;
     constructor(props: {
         themeBus: CourierInboxThemeManager;
         location: CourierUnreadCountLocation;
     });
-    private getStyles;
+    onComponentMounted(): void;
+    onComponentUnmounted(): void;
+    static getStyles(theme: CourierInboxTheme): string;
     setCount(count: number): void;
     refreshTheme(location: CourierUnreadCountLocation): void;
     private updateBadge;
-    disconnectedCallback(): void;
 }

package/dist/datastore/datastore.d.ts

@@ -16,16 +16,12 @@ export declare class CourierInboxDatastore {
     get archiveDataSet(): InboxDataSet;
     addDataStoreListener(listener: CourierInboxDataStoreListener): void;
     removeDataStoreListener(listener: CourierInboxDataStoreListener): void;
-    private fetchDataSet;
+    private fetchCachableDataSet;
     private fetchUnreadCount;
     load(props?: {
-        feedType: CourierInboxFeedType;
         canUseCache: boolean;
     }): Promise<void>;
-    /** Listen for inbox and archive dataset updates. */
     listenForUpdates(): Promise<void>;
-    /** Fetch either/both datasets if they aren't already loaded. */
-    private ensureDataSetsLoaded;
     private connectSocket;
     /**
      * Get a message by messageId from the inbox or archive data set

package/dist/index.d.ts

@@ -11,3 +11,5 @@ export * from './types/inbox-data-set';
 export * from './datastore/datastore';
 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';