@trycourier/courier-ui-inbox 1.0.0-beta

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

@@ -0,0 +1,19 @@
+import { CourierInboxMenuOption } from './courier-inbox-option-menu';
+import { CourierInboxFeedType } from '../types/feed-type';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+export declare class CourierInboxHeaderTitle extends HTMLElement {
+    private _themeSubscription;
+    private _option;
+    private _feedType?;
+    private _titleElement;
+    private _iconElement;
+    private _unreadBadge;
+    private _container;
+    private _style;
+    constructor(themeManager: CourierInboxThemeManager, option: CourierInboxMenuOption);
+    private getStyles;
+    private refreshTheme;
+    updateSelectedOption(option: CourierInboxMenuOption, feedType: CourierInboxFeedType, unreadCount: number): void;
+    private updateFilter;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,30 @@
+import { CourierInboxFeedType } from '../types/feed-type';
+import { CourierElement } from '@trycourier/courier-ui-core';
+import { CourierInboxHeaderFactoryProps } from '../types/factories';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+export type CourierInboxHeaderMenuItemId = CourierInboxFeedType | 'markAllRead' | 'archiveAll' | 'archiveRead';
+export declare class CourierInboxHeader extends CourierElement {
+    private _themeSubscription;
+    private _feedType;
+    private _unreadCount;
+    private getFilterOptions;
+    private getActionOptions;
+    private _titleSection?;
+    private _filterMenu?;
+    private _actionMenu?;
+    private _style?;
+    private _onFeedTypeChange;
+    constructor(props: {
+        themeManager: CourierInboxThemeManager;
+        onFeedTypeChange: (feedType: CourierInboxFeedType) => void;
+    });
+    static get observedAttributes(): string[];
+    private refreshTheme;
+    private handleOptionMenuItemClick;
+    render(props: CourierInboxHeaderFactoryProps): void;
+    private refreshTitleSection;
+    build(newElement: HTMLElement | undefined | null): void;
+    defaultElement(): HTMLElement;
+    private getStyles;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,17 @@
+import { CourierInboxIcon, CourierInboxTheme } from '../types/courier-inbox-theme';
+export type CourierListItemActionMenuOption = {
+    id: string;
+    icon: CourierInboxIcon;
+    onClick: () => void;
+};
+export declare class CourierListItemActionMenu extends HTMLElement {
+    private _theme;
+    private _options;
+    private _style;
+    constructor(theme: CourierInboxTheme);
+    private getStyles;
+    setOptions(options: CourierListItemActionMenuOption[]): void;
+    private renderMenu;
+    show(): void;
+    hide(): void;
+}

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

@@ -0,0 +1,36 @@
+import { InboxAction, InboxMessage } from '../../@trycourier/courier-js/src';
+import { CourierInboxFeedType } from '../types/feed-type';
+import { CourierInboxTheme } from '../types/courier-inbox-theme';
+export declare class CourierListItem extends HTMLElement {
+    private _theme;
+    private _message;
+    private _feedType;
+    private _isMobile;
+    private _titleElement;
+    private _subtitleElement;
+    private _timeElement;
+    private _style;
+    private _menu;
+    private _unreadIndicator;
+    private _actionsContainer;
+    private _longPressTimeout;
+    private _isLongPress;
+    private onItemClick;
+    private onItemLongPress;
+    private onItemActionClick;
+    constructor(theme: CourierInboxTheme);
+    private _setupHoverBehavior;
+    private _setupLongPressBehavior;
+    setOnLongPress(cb: (message: InboxMessage) => void): void;
+    private _getMenuOptions;
+    private _showMenu;
+    private _hideMenu;
+    private _getStyles;
+    private _refreshStyles;
+    connectedCallback(): void;
+    setMessage(message: InboxMessage, feedType: CourierInboxFeedType): void;
+    setOnItemClick(cb: (message: InboxMessage) => void): void;
+    setOnItemActionClick(cb: (message: InboxMessage, action: InboxAction) => void): void;
+    setOnItemLongPress(cb: (message: InboxMessage) => void): void;
+    private _updateContent;
+}

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

@@ -0,0 +1,53 @@
+import { InboxAction, InboxMessage } from '../../@trycourier/courier-js/src';
+import { InboxDataSet } from '../types/inbox-data-set';
+import { CourierInboxFeedType } from '../types/feed-type';
+import { CourierInboxStateErrorFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxListItemFactoryProps, CourierInboxPaginationItemFactoryProps } from '../types/factories';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+export declare class CourierInboxList extends HTMLElement {
+    private _themeSubscription;
+    private _messages;
+    private _feedType;
+    private _isLoading;
+    private _error;
+    private _canPaginate;
+    private _onMessageClick;
+    private _onMessageActionClick;
+    private _onMessageLongPress;
+    private _onRefresh;
+    private _onPaginationTrigger?;
+    private _listItemFactory?;
+    private _paginationItemFactory?;
+    private _loadingStateFactory?;
+    private _emptyStateFactory?;
+    private _errorStateFactory?;
+    get messages(): InboxMessage[];
+    constructor(props: {
+        themeManager: CourierInboxThemeManager;
+        onRefresh: () => void;
+        onPaginationTrigger: (feedType: CourierInboxFeedType) => void;
+        onMessageClick: (message: InboxMessage, index: number) => void;
+        onMessageActionClick: (message: InboxMessage, action: InboxAction, index: number) => void;
+        onMessageLongPress: (message: InboxMessage, index: number) => void;
+    });
+    private getStyles;
+    private reset;
+    setDataSet(dataSet: InboxDataSet): void;
+    addPage(dataSet: InboxDataSet): void;
+    addMessage(message: InboxMessage, index?: number): void;
+    removeMessage(index?: number): void;
+    updateMessage(message: InboxMessage, index?: number): void;
+    setFeedType(feedType: CourierInboxFeedType): void;
+    setLoading(isLoading: boolean): void;
+    setError(error: Error | null): void;
+    setErrorNoClient(): void;
+    private handleRetry;
+    private handleRefresh;
+    private render;
+    setLoadingStateFactory(factory: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => HTMLElement): void;
+    setEmptyStateFactory(factory: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => HTMLElement): void;
+    setErrorStateFactory(factory: (props: CourierInboxStateErrorFactoryProps | undefined | null) => HTMLElement): void;
+    setListItemFactory(factory: (props: CourierInboxListItemFactoryProps | undefined | null) => HTMLElement): void;
+    setPaginationItemFactory(factory: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => HTMLElement): void;
+    refreshTheme(): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,14 @@
+import { CourierElement } from '@trycourier/courier-ui-core';
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+export declare class CourierInboxMenuButton extends CourierElement {
+    private _themeSubscription;
+    private _container?;
+    private _triggerButton?;
+    private _unreadCountBadge?;
+    constructor(themeBus: CourierInboxThemeManager);
+    defaultElement(): HTMLElement;
+    private getStyles;
+    onUnreadCountChange(unreadCount: number): void;
+    private updateTheme;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,51 @@
+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';
+export type CourierInboxPopupAlignment = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' | 'center-right' | 'center-left' | 'center-center';
+export declare class CourierInboxMenu extends HTMLElement implements CourierInboxDatastoreEvents {
+    private _width;
+    private _height;
+    private _popupAlignment;
+    private _top;
+    private _right;
+    private _bottom;
+    private _left;
+    private _themeManager;
+    get theme(): CourierInboxTheme;
+    setLightTheme(theme: CourierInboxTheme): void;
+    setDarkTheme(theme: CourierInboxTheme): void;
+    private _triggerButton;
+    private _popup;
+    private _inbox;
+    private _style;
+    private _datastoreListener?;
+    private _popupMenuButtonFactory?;
+    static get observedAttributes(): string[];
+    constructor();
+    private refreshTheme;
+    private getStyles;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    onUnreadCountChange(_: number): void;
+    onMessageClick(handler?: (props: CourierInboxListItemFactoryProps) => void): void;
+    onMessageActionClick(handler?: (props: CourierInboxListItemActionFactoryProps) => void): void;
+    onMessageLongPress(handler?: (props: CourierInboxListItemFactoryProps) => void): void;
+    private isValidPosition;
+    private updatePopupPosition;
+    private togglePopup;
+    private handleOutsideClick;
+    setContent(element: HTMLElement): void;
+    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;
+    private render;
+    disconnectedCallback(): void;
+}

package/dist/components/courier-inbox-option-menu-item.d.ts

@@ -0,0 +1,20 @@
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxMenuOption } from './courier-inbox-option-menu';
+export declare class CourierInboxOptionMenuItem extends HTMLElement {
+    private _option;
+    private _isSelected?;
+    private _content;
+    private _itemIcon;
+    private _title;
+    private _selectionIcon;
+    private _style;
+    private _themeManager;
+    constructor(props: {
+        option: CourierInboxMenuOption;
+        selectable: boolean;
+        isSelected: boolean;
+        themeManager: CourierInboxThemeManager;
+    });
+    private getStyles;
+    refreshTheme(): void;
+}

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

@@ -0,0 +1,32 @@
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+import { CourierInboxHeaderMenuItemId } from './courier-inbox-header';
+import { CourierInboxIcon } from '../types/courier-inbox-theme';
+export type CourierInboxMenuOptionType = 'filters' | 'actions';
+export type CourierInboxMenuOption = {
+    id: CourierInboxHeaderMenuItemId;
+    text: string;
+    icon: CourierInboxIcon;
+    selectionIcon?: CourierInboxIcon | null;
+    onClick: (option: CourierInboxMenuOption) => void;
+};
+export declare class CourierInboxOptionMenu extends HTMLElement {
+    private _themeSubscription;
+    private _type;
+    private _selectedIndex;
+    private _options;
+    private _selectable;
+    private _onMenuOpen;
+    private _menuButton;
+    private _menu;
+    private _style;
+    constructor(themeManager: CourierInboxThemeManager, type: CourierInboxMenuOptionType, selectable: boolean, options: CourierInboxMenuOption[], onMenuOpen: () => void);
+    private getStyles;
+    private refreshTheme;
+    setOptions(options: CourierInboxMenuOption[]): void;
+    private refreshMenuItems;
+    private toggleMenu;
+    private handleOutsideClick;
+    closeMenu(): void;
+    selectOption(option: CourierInboxMenuOption): void;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,14 @@
+import { CourierInboxTheme } from '../types/courier-inbox-theme';
+export declare class CourierInboxPaginationListItem extends HTMLElement {
+    private skeletonLoadingList?;
+    private observer;
+    private customItem?;
+    private onPaginationTrigger;
+    constructor(props: {
+        theme: CourierInboxTheme;
+        customItem?: HTMLElement;
+        onPaginationTrigger: () => void;
+    });
+    private getStyles;
+    disconnectedCallback(): void;
+}

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

@@ -0,0 +1,6 @@
+import { CourierInboxTheme } from '../types/courier-inbox-theme';
+export declare class CourierInboxSkeletonListItem extends HTMLElement {
+    private _shadow;
+    constructor(theme: CourierInboxTheme, opacity: number);
+    private getStyles;
+}

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

@@ -0,0 +1,8 @@
+import { CourierElement } from '@trycourier/courier-ui-core';
+import { CourierInboxTheme } from '../types/courier-inbox-theme';
+export declare class CourierInboxSkeletonList extends CourierElement {
+    private _theme;
+    constructor(theme: CourierInboxTheme);
+    defaultElement(): HTMLElement;
+    private getStyles;
+}

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

@@ -0,0 +1,43 @@
+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 HTMLElement {
+    private _currentFeed;
+    private _themeManager;
+    get theme(): CourierInboxTheme;
+    setLightTheme(theme: CourierInboxTheme): void;
+    setDarkTheme(theme: CourierInboxTheme): void;
+    private _shadow;
+    private _list;
+    private _datastoreListener;
+    private _authListener;
+    private _style;
+    private _header;
+    private _headerFactory;
+    private _onMessageClick?;
+    private _onMessageActionClick?;
+    private _onMessageLongPress?;
+    private _defaultProps;
+    static get observedAttributes(): string[];
+    constructor(themeManager?: CourierInboxThemeManager);
+    private refreshTheme;
+    private getStyles;
+    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;
+    onMessageClick(handler?: (props: CourierInboxListItemFactoryProps) => void): void;
+    onMessageActionClick(handler?: (props: CourierInboxListItemActionFactoryProps) => void): void;
+    onMessageLongPress(handler?: (props: CourierInboxListItemFactoryProps) => void): void;
+    setFeedType(feedType: CourierInboxFeedType): void;
+    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

@@ -0,0 +1,18 @@
+import { CourierInboxThemeManager } from '../types/courier-inbox-theme-manager';
+export type CourierUnreadCountLocation = 'button' | 'header';
+export declare class CourierUnreadCountBadge extends HTMLElement {
+    private _themeSubscription;
+    private _location;
+    private _count;
+    private _badge;
+    private _style;
+    constructor(props: {
+        themeBus: CourierInboxThemeManager;
+        location: CourierUnreadCountLocation;
+    });
+    private getStyles;
+    setCount(count: number): void;
+    refreshTheme(location: CourierUnreadCountLocation): void;
+    private updateBadge;
+    disconnectedCallback(): void;
+}

package/dist/datastore/datastore-listener.d.ts

@@ -0,0 +1,6 @@
+import { CourierInboxDatastoreEvents } from './datatore-events';
+export declare class CourierInboxDataStoreListener {
+    readonly events: CourierInboxDatastoreEvents;
+    constructor(events: CourierInboxDatastoreEvents);
+    remove(): void;
+}

package/dist/datastore/datastore.d.ts

@@ -0,0 +1,42 @@
+import { InboxMessage } from '../../@trycourier/courier-js/src';
+import { InboxDataSet } from '../types/inbox-data-set';
+import { CourierInboxDataStoreListener } from './datastore-listener';
+import { CourierInboxFeedType } from '../types/feed-type';
+export declare class CourierInboxDatastore {
+    private static instance;
+    private _inboxDataSet?;
+    private _archiveDataSet?;
+    private _dataStoreListeners;
+    private _unreadCount?;
+    private isPaginatingInbox;
+    private isPaginatingArchive;
+    static get shared(): CourierInboxDatastore;
+    get unreadCount(): number;
+    get inboxDataSet(): InboxDataSet;
+    get archiveDataSet(): InboxDataSet;
+    addDataStoreListener(listener: CourierInboxDataStoreListener): void;
+    removeDataStoreListener(listener: CourierInboxDataStoreListener): void;
+    private fetchDataSet;
+    private fetchUnreadCount;
+    load(props?: {
+        feedType: CourierInboxFeedType;
+        canUseCache: boolean;
+    }): Promise<void>;
+    private connectSocket;
+    private getMessage;
+    fetchNextPageOfMessages(props: {
+        feedType: CourierInboxFeedType;
+    }): Promise<InboxDataSet | null>;
+    private applyLocalMessageChange;
+    readMessage(message: InboxMessage, canCallApi?: boolean): Promise<void>;
+    unreadMessage(message: InboxMessage, canCallApi?: boolean): Promise<void>;
+    openMessage(message: InboxMessage, canCallApi?: boolean): Promise<void>;
+    clickMessage(message: InboxMessage, canCallApi?: boolean): Promise<void>;
+    archiveMessage(message: InboxMessage, canCallApi?: boolean): Promise<void>;
+    readAllMessages(canCallApi?: boolean): Promise<void>;
+    private findInsertIndex;
+    private addPage;
+    private addMessage;
+    private removeMessage;
+    private updateMessage;
+}

package/dist/datastore/datatore-events.d.ts

@@ -0,0 +1,12 @@
+import { CourierInboxFeedType } from '../types/feed-type';
+import { InboxDataSet } from '../types/inbox-data-set';
+import { InboxMessage } from '../../@trycourier/courier-js/src';
+export declare class CourierInboxDatastoreEvents {
+    onDataSetChange?(dataSet: InboxDataSet, feedType: CourierInboxFeedType): void;
+    onPageAdded?(dataSet: InboxDataSet, feedType: CourierInboxFeedType): void;
+    onUnreadCountChange?(unreadCount: number): void;
+    onMessageAdd?(message: InboxMessage, index: number, feedType: CourierInboxFeedType): void;
+    onMessageRemove?(message: InboxMessage, index: number, feedType: CourierInboxFeedType): void;
+    onMessageUpdate?(message: InboxMessage, index: number, feedType: CourierInboxFeedType): void;
+    onError?(error: Error): void;
+}

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+export * from './components/courier-inbox';
+export * from './components/courier-inbox-header';
+export * from './components/courier-inbox-list-item';
+export * from './components/courier-inbox-menu';
+export * from './utils/extensions';
+export * from './types/factories';
+export * from './types/feed-type';
+export * from './types/courier-inbox-theme';
+export * from './types/courier-inbox-theme-manager';
+export * from './types/inbox-data-set';
+export * from './datastore/datastore';
+export * from './datastore/datastore-listener';
+export * from './datastore/datatore-events';