@trycourier/courier-react-components 1.2.4 → 2.0.1

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from '@trycourier/courier-ui-inbox';
+import { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeed } from '@trycourier/courier-ui-inbox';
 import { CourierComponentThemeMode } from '@trycourier/courier-ui-core';
 export interface CourierInboxProps {
     /** Height of the inbox container. Defaults to "auto" and will resize itself based on it's children. */
@@ -10,8 +10,10 @@ export interface CourierInboxProps {
     darkTheme?: CourierInboxTheme;
     /** Theme mode: "light", "dark", or "system". Defaults to "system" */
     mode?: CourierComponentThemeMode;
-    /** Type of feed to display in the inbox ("inbox" or "archive"). Defaults to "inbox" */
-    feedType?: CourierInboxFeedType;
+    /** Type of feed to display in the inbox. Defaults to "inbox" */
+    feedType?: string;
+    /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */
+    feeds?: CourierInboxFeed[];
     /** Callback fired when a message is clicked. */
     onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;
     /** Callback fired when a message action (e.g., button) is clicked. */

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from '@trycourier/courier-ui-inbox';
+import { CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme, CourierInboxFeed } from '@trycourier/courier-ui-inbox';
 import { CourierComponentThemeMode } from '@trycourier/courier-ui-core';
 export interface CourierInboxPopupMenuProps {
     /** Alignment of the popup menu: 'top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center', 'center-right', 'center-left', 'center-center'. */
@@ -22,8 +22,8 @@ export interface CourierInboxPopupMenuProps {
     darkTheme?: CourierInboxTheme;
     /** Theme mode: 'light', 'dark', or 'system'. */
     mode?: CourierComponentThemeMode;
-    /** Type of feed to display in the popup menu ('inbox' or 'archive'). */
-    feedType?: CourierInboxFeedType;
+    /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */
+    feeds?: CourierInboxFeed[];
     /** Callback fired when a message is clicked. */
     onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;
     /** Callback fired when a message action (e.g., button) is clicked. */

package/dist/components/courier-toast-component.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, CSSProperties } from 'react';
-import { CourierToastTheme, CourierToastItemFactoryProps, CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from '@trycourier/courier-ui-toast';
+import { CourierToastTheme, CourierToast as CourierToastElement, CourierToastItemFactoryProps, CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from '@trycourier/courier-ui-toast';
 import { CourierComponentThemeMode } from '@trycourier/courier-ui-core';
 /** Props that may be passed to the CourierToast component. */
 export interface CourierToastProps {

package/dist/hooks/use-courier.d.ts

@@ -1,5 +1,5 @@
 import { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';
-import { CourierInboxFeedType, InboxDataSet } from '@trycourier/courier-ui-inbox';
+import { InboxDataSet, CourierInboxFeed } from '@trycourier/courier-ui-inbox';
 type AuthenticationHooks = {
     userId?: string;
     signIn: (props: CourierProps) => void;
@@ -10,7 +10,7 @@ type InboxHooks = {
         canUseCache: boolean;
     }) => Promise<void>;
     fetchNextPageOfMessages: (props: {
-        feedType: CourierInboxFeedType;
+        datasetId: string;
     }) => Promise<InboxDataSet | null>;
     setPaginationLimit: (limit: number) => void;
     readMessage: (message: InboxMessage) => Promise<void>;
@@ -20,9 +20,10 @@ type InboxHooks = {
     openMessage: (message: InboxMessage) => Promise<void>;
     unarchiveMessage: (message: InboxMessage) => Promise<void>;
     readAllMessages: () => Promise<void>;
-    inbox?: InboxDataSet;
-    archive?: InboxDataSet;
-    unreadCount?: number;
+    registerFeeds: (feeds: CourierInboxFeed[]) => void;
+    listenForUpdates: () => Promise<void>;
+    feeds: Record<string, InboxDataSet>;
+    totalUnreadCount?: number;
     error?: Error;
 };
 type ToastHooks = {

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@trycourier/courier-js"),t=require("@trycourier/courier-ui-inbox"),r=require("@trycourier/courier-ui-toast"),s=require("react"),n=require("react/jsx-runtime"),o=({children:e})=>{const[t,r]=s.useState(!1);return s.useEffect((()=>{r(!0)}),[]),"undefined"==typeof window?null:t?n.jsx(n.Fragment,{children:e}):null},a=s.createContext(null),i=s.forwardRef(((e,t)=>{const r=s.useContext(a);if(!r)throw new Error("RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.");const i=s.useRef(null),[u,c]=s.useState(!1);function d(){return i.current}s.useEffect((()=>{const t=d();t&&t.onMessageClick(e.onMessageClick)}),[e.onMessageClick,u]),s.useEffect((()=>{const t=d();t&&t.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,u]),s.useEffect((()=>{const t=d();t&&t.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,u]),s.useEffect((()=>{const t=d();t&&e.renderHeader&&queueMicrotask((()=>{t.setHeader((t=>{const s=e.renderHeader(t);return r(s)}))}))}),[e.renderHeader,u]),s.useEffect((()=>{const t=d();t&&e.renderListItem&&queueMicrotask((()=>{t.setListItem((t=>{const s=e.renderListItem(t);return r(s)}))}))}),[e.renderListItem,u]),s.useEffect((()=>{const t=d();t&&e.renderEmptyState&&queueMicrotask((()=>{t.setEmptyState((t=>{const s=e.renderEmptyState(t);return r(s)}))}))}),[e.renderEmptyState,u]),s.useEffect((()=>{const t=d();t&&e.renderLoadingState&&queueMicrotask((()=>{t.setLoadingState((t=>{const s=e.renderLoadingState(t);return r(s)}))}))}),[e.renderLoadingState,u]),s.useEffect((()=>{const t=d();t&&e.renderErrorState&&queueMicrotask((()=>{t.setErrorState((t=>{const s=e.renderErrorState(t);return r(s)}))}))}),[e.renderErrorState,u]),s.useEffect((()=>{const t=d();t&&e.renderPaginationItem&&queueMicrotask((()=>{t.setPaginationItem((t=>{const s=e.renderPaginationItem(t);return r(s)}))}))}),[e.renderPaginationItem,u]),s.useEffect((()=>{const t=d();t&&queueMicrotask((()=>{t.setFeedType(e.feedType||"inbox")}))}),[e.feedType,u]);const g=n.jsx("courier-inbox",{ref:function(e){t&&("function"==typeof t?t(e):t.current=e),i.current=e,c(!!e)},height:e.height,"light-theme":e.lightTheme?JSON.stringify(e.lightTheme):void 0,"dark-theme":e.darkTheme?JSON.stringify(e.darkTheme):void 0,mode:e.mode});return n.jsx(o,{children:g})})),u=s.forwardRef(((e,t)=>{const r=s.useContext(a);if(!r)throw new Error("RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.");const i=s.useRef(null),[u,c]=s.useState(!1);function d(){return i.current}const g=s.useRef(void 0);s.useEffect((()=>{const t=d();t&&e.feedType!==g.current&&(g.current=e.feedType,queueMicrotask((()=>{var r;null==(r=t.setFeedType)||r.call(t,e.feedType??"inbox")})))}),[e.feedType,u]),s.useEffect((()=>{const t=d();t&&t.onMessageClick(e.onMessageClick)}),[e.onMessageClick,u]),s.useEffect((()=>{const t=d();t&&t.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,u]),s.useEffect((()=>{const t=d();t&&t.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,u]),s.useEffect((()=>{const t=d();t&&e.renderHeader&&queueMicrotask((()=>{t.setHeader((t=>{const s=e.renderHeader(t);return r(s)}))}))}),[e.renderHeader,u]),s.useEffect((()=>{const t=d();t&&e.renderListItem&&queueMicrotask((()=>{t.setListItem((t=>{const s=e.renderListItem(t);return r(s)}))}))}),[e.renderListItem,u]),s.useEffect((()=>{const t=d();t&&e.renderEmptyState&&queueMicrotask((()=>{t.setEmptyState((t=>{const s=e.renderEmptyState(t);return r(s)}))}))}),[e.renderEmptyState,u]),s.useEffect((()=>{const t=d();t&&e.renderLoadingState&&queueMicrotask((()=>{t.setLoadingState((t=>{const s=e.renderLoadingState(t);return r(s)}))}))}),[e.renderLoadingState,u]),s.useEffect((()=>{const t=d();t&&e.renderErrorState&&queueMicrotask((()=>{t.setErrorState((t=>{const s=e.renderErrorState(t);return r(s)}))}))}),[e.renderErrorState,u]),s.useEffect((()=>{const t=d();t&&e.renderPaginationItem&&queueMicrotask((()=>{t.setPaginationItem((t=>{const s=e.renderPaginationItem(t);return r(s)}))}))}),[e.renderPaginationItem,u]),s.useEffect((()=>{const t=d();t&&e.renderMenuButton&&queueMicrotask((()=>{t.setMenuButton((t=>{const s=e.renderMenuButton(t);return r(s)}))}))}),[e.renderMenuButton,u]);const f=n.jsx("courier-inbox-popup-menu",{ref:function(e){t&&("function"==typeof t?t(e):t.current=e),i.current=e,c(!!e)},"popup-alignment":e.popupAlignment,"popup-width":e.popupWidth,"popup-height":e.popupHeight,left:e.left,top:e.top,right:e.right,bottom:e.bottom,"light-theme":e.lightTheme?JSON.stringify(e.lightTheme):void 0,"dark-theme":e.darkTheme?JSON.stringify(e.darkTheme):void 0,mode:e.mode});return n.jsx(o,{children:f})})),c=s.forwardRef(((e,t)=>{const r=s.useContext(a);if(!r)throw new Error("RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.");const[i,u]=s.useState({elementMounted:!1,onItemClickSet:!1,onItemActionClickSet:!1,renderToastItemSet:!1,renderToastItemContentSet:!1}),[c,d]=s.useState(!1),g=s.useRef(null);function f(){return g.current}s.useEffect((()=>{Object.values(i).every((e=>e))&&e.onReady&&e.onReady(!0)}),[i,e.onReady]),s.useEffect((()=>{c&&u((e=>({...e,elementMounted:!0})))}),[c]),s.useEffect((()=>{const t=f();t&&(t.onToastItemClick(e.onToastItemClick),u((e=>({...e,onItemClickSet:!0}))))}),[e.onToastItemClick,c]),s.useEffect((()=>{const t=f();t&&(t.onToastItemActionClick(e.onToastItemActionClick),u((e=>({...e,onItemActionClickSet:!0}))))}),[e.onToastItemActionClick,c]),s.useEffect((()=>{const t=f();t&&e.renderToastItem?(queueMicrotask((()=>{t.setToastItem((t=>{const s=e.renderToastItem(t);return r(s)}))})),u((e=>({...e,renderToastItemSet:!0})))):u((e=>({...e,renderToastItemSet:!0})))}),[e.renderToastItem,c]),s.useEffect((()=>{const t=f();t&&e.renderToastItemContent?queueMicrotask((()=>{t.setToastItemContent((t=>{const s=e.renderToastItemContent(t);return r(s)})),u((e=>({...e,renderToastItemContentSet:!0})))})):u((e=>({...e,renderToastItemContentSet:!0})))}),[e.renderToastItemContent,c]);const m=n.jsx("courier-toast",{ref:function(e){t&&("function"==typeof t?t(e):t.current=e),g.current=e,d(!!e)},style:e.style,"light-theme":e.lightTheme?JSON.stringify(e.lightTheme):void 0,"dark-theme":e.darkTheme?JSON.stringify(e.darkTheme):void 0,mode:e.mode,"auto-dismiss":e.autoDismiss,"auto-dismiss-timeout-ms":e.autoDismissTimeoutMs,"dismiss-button":e.dismissButton});return n.jsx(o,{children:m})}));exports.CourierInboxComponent=i,exports.CourierInboxPopupMenuComponent=u,exports.CourierRenderContext=a,exports.CourierToastComponent=c,exports.useCourier=()=>{const n=t=>e.Courier.shared.signIn(t),o=()=>e.Courier.shared.signOut(),a=e=>t.CourierInboxDatastore.shared.load(e),i=e=>t.CourierInboxDatastore.shared.fetchNextPageOfMessages(e),u=t=>e.Courier.shared.paginationLimit=t,c=e=>t.CourierInboxDatastore.shared.readMessage({message:e}),d=e=>t.CourierInboxDatastore.shared.unreadMessage({message:e}),g=e=>t.CourierInboxDatastore.shared.clickMessage({message:e}),f=e=>t.CourierInboxDatastore.shared.archiveMessage({message:e}),m=e=>t.CourierInboxDatastore.shared.openMessage({message:e}),h=e=>t.CourierInboxDatastore.shared.unarchiveMessage({message:e}),l=()=>t.CourierInboxDatastore.shared.readAllMessages(),[C,M]=s.useState({userId:void 0,signIn:n,signOut:o}),[p,I]=s.useState({load:a,fetchNextPageOfMessages:i,setPaginationLimit:u,readMessage:c,unreadMessage:d,clickMessage:g,archiveMessage:f,openMessage:m,unarchiveMessage:h,readAllMessages:l}),S=e=>r.CourierToastDatastore.shared.addMessage(e),E=e=>r.CourierToastDatastore.shared.removeMessage(e),[x,k]=s.useState({addMessage:S,removeMessage:E});s.useEffect((()=>{const s=e.Courier.shared.addAuthenticationListener((()=>T())),n=new t.CourierInboxDataStoreListener({onError:e=>y(e),onDataSetChange:()=>y(),onPageAdded:()=>y(),onMessageAdd:()=>y(),onMessageRemove:()=>y(),onMessageUpdate:()=>y(),onUnreadCountChange:()=>y()});t.CourierInboxDatastore.shared.addDataStoreListener(n);const o=new r.CourierToastDatastoreListener({onMessageAdd:()=>v(),onMessageRemove:()=>v(),onError:e=>v(e)});return r.CourierToastDatastore.shared.addDatastoreListener(o),T(),y(),v(),()=>{s.remove(),n.remove(),o.remove()}}),[]);const T=()=>{var t;const r=null==(t=e.Courier.shared.client)?void 0:t.options;M({userId:null==r?void 0:r.userId,signIn:n,signOut:o})},y=e=>{const r=t.CourierInboxDatastore.shared;I({load:a,fetchNextPageOfMessages:i,setPaginationLimit:u,readMessage:c,unreadMessage:d,clickMessage:g,archiveMessage:f,openMessage:m,unarchiveMessage:h,readAllMessages:l,inbox:r.inboxDataSet,archive:r.archiveDataSet,unreadCount:r.unreadCount,error:e})},v=e=>{k({addMessage:S,removeMessage:E,error:e})};return{shared:e.Courier.shared,auth:C,inbox:p,toast:x}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@trycourier/courier-js"),t=require("@trycourier/courier-ui-inbox"),r=require("@trycourier/courier-ui-toast"),s=require("react"),n=require("react/jsx-runtime"),o=({children:e})=>{const[t,r]=s.useState(!1);return s.useEffect((()=>{r(!0)}),[]),"undefined"==typeof window?null:t?n.jsx(n.Fragment,{children:e}):null},a=s.createContext(null),i=s.forwardRef(((e,t)=>{const r=s.useContext(a);if(!r)throw new Error("RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.");const i=s.useRef(null),[u,d]=s.useState(!1),c=s.useRef(!1);function g(){return i.current}s.useEffect((()=>{const t=g();t&&t.onMessageClick(e.onMessageClick)}),[e.onMessageClick,u]),s.useEffect((()=>{const t=g();t&&t.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,u]),s.useEffect((()=>{const t=g();t&&t.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,u]),s.useEffect((()=>{const t=g();t&&e.renderHeader&&queueMicrotask((()=>{t.setHeader((t=>{const s=e.renderHeader(t);return r(s)}))}))}),[e.renderHeader,u]),s.useEffect((()=>{const t=g();t&&e.renderListItem&&queueMicrotask((()=>{t.setListItem((t=>{const s=e.renderListItem(t);return r(s)}))}))}),[e.renderListItem,u]),s.useEffect((()=>{const t=g();t&&e.renderEmptyState&&queueMicrotask((()=>{t.setEmptyState((t=>{const s=e.renderEmptyState(t);return r(s)}))}))}),[e.renderEmptyState,u]),s.useEffect((()=>{const t=g();t&&e.renderLoadingState&&queueMicrotask((()=>{t.setLoadingState((t=>{const s=e.renderLoadingState(t);return r(s)}))}))}),[e.renderLoadingState,u]),s.useEffect((()=>{const t=g();t&&e.renderErrorState&&queueMicrotask((()=>{t.setErrorState((t=>{const s=e.renderErrorState(t);return r(s)}))}))}),[e.renderErrorState,u]),s.useEffect((()=>{const t=g();t&&e.renderPaginationItem&&queueMicrotask((()=>{t.setPaginationItem((t=>{const s=e.renderPaginationItem(t);return r(s)}))}))}),[e.renderPaginationItem,u]),s.useEffect((()=>{const t=g();t&&e.feeds&&!c.current&&(c.current=!0,queueMicrotask((()=>{t.setFeeds(e.feeds)})))}),[e.feeds,u]);const f=n.jsx("courier-inbox",{ref:function(e){t&&("function"==typeof t?t(e):t.current=e),i.current=e,d(!!e)},height:e.height,"light-theme":e.lightTheme?JSON.stringify(e.lightTheme):void 0,"dark-theme":e.darkTheme?JSON.stringify(e.darkTheme):void 0,mode:e.mode});return n.jsx(o,{children:f})})),u=s.forwardRef(((e,t)=>{const r=s.useContext(a);if(!r)throw new Error("RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.");const i=s.useRef(null),[u,d]=s.useState(!1),c=s.useRef(!1);function g(){return i.current}s.useEffect((()=>{const t=g();t&&t.onMessageClick(e.onMessageClick)}),[e.onMessageClick,u]),s.useEffect((()=>{const t=g();t&&t.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,u]),s.useEffect((()=>{const t=g();t&&t.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,u]),s.useEffect((()=>{const t=g();t&&e.renderHeader&&queueMicrotask((()=>{t.setHeader((t=>{const s=e.renderHeader(t);return r(s)}))}))}),[e.renderHeader,u]),s.useEffect((()=>{const t=g();t&&e.renderListItem&&queueMicrotask((()=>{t.setListItem((t=>{const s=e.renderListItem(t);return r(s)}))}))}),[e.renderListItem,u]),s.useEffect((()=>{const t=g();t&&e.renderEmptyState&&queueMicrotask((()=>{t.setEmptyState((t=>{const s=e.renderEmptyState(t);return r(s)}))}))}),[e.renderEmptyState,u]),s.useEffect((()=>{const t=g();t&&e.renderLoadingState&&queueMicrotask((()=>{t.setLoadingState((t=>{const s=e.renderLoadingState(t);return r(s)}))}))}),[e.renderLoadingState,u]),s.useEffect((()=>{const t=g();t&&e.renderErrorState&&queueMicrotask((()=>{t.setErrorState((t=>{const s=e.renderErrorState(t);return r(s)}))}))}),[e.renderErrorState,u]),s.useEffect((()=>{const t=g();t&&e.renderPaginationItem&&queueMicrotask((()=>{t.setPaginationItem((t=>{const s=e.renderPaginationItem(t);return r(s)}))}))}),[e.renderPaginationItem,u]),s.useEffect((()=>{const t=g();t&&e.renderMenuButton&&queueMicrotask((()=>{t.setMenuButton((t=>{const s=e.renderMenuButton(t);return r(s)}))}))}),[e.renderMenuButton,u]),s.useEffect((()=>{const t=g();t&&e.feeds&&!c.current&&(c.current=!0,queueMicrotask((()=>{t.setFeeds(e.feeds)})))}),[e.feeds,u]);const f=n.jsx("courier-inbox-popup-menu",{ref:function(e){t&&("function"==typeof t?t(e):t.current=e),i.current=e,d(!!e)},"popup-alignment":e.popupAlignment,"popup-width":e.popupWidth,"popup-height":e.popupHeight,left:e.left,top:e.top,right:e.right,bottom:e.bottom,"light-theme":e.lightTheme?JSON.stringify(e.lightTheme):void 0,"dark-theme":e.darkTheme?JSON.stringify(e.darkTheme):void 0,mode:e.mode});return n.jsx(o,{children:f})})),d=s.forwardRef(((e,t)=>{const r=s.useContext(a);if(!r)throw new Error("RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.");const[i,u]=s.useState({elementMounted:!1,onItemClickSet:!1,onItemActionClickSet:!1,renderToastItemSet:!1,renderToastItemContentSet:!1}),[d,c]=s.useState(!1),g=s.useRef(null);function f(){return g.current}s.useEffect((()=>{Object.values(i).every((e=>e))&&e.onReady&&e.onReady(!0)}),[i,e.onReady]),s.useEffect((()=>{d&&u((e=>({...e,elementMounted:!0})))}),[d]),s.useEffect((()=>{const t=f();t&&(t.onToastItemClick(e.onToastItemClick),u((e=>({...e,onItemClickSet:!0}))))}),[e.onToastItemClick,d]),s.useEffect((()=>{const t=f();t&&(t.onToastItemActionClick(e.onToastItemActionClick),u((e=>({...e,onItemActionClickSet:!0}))))}),[e.onToastItemActionClick,d]),s.useEffect((()=>{const t=f();t&&e.renderToastItem?(queueMicrotask((()=>{t.setToastItem((t=>{const s=e.renderToastItem(t);return r(s)}))})),u((e=>({...e,renderToastItemSet:!0})))):u((e=>({...e,renderToastItemSet:!0})))}),[e.renderToastItem,d]),s.useEffect((()=>{const t=f();t&&e.renderToastItemContent?queueMicrotask((()=>{t.setToastItemContent((t=>{const s=e.renderToastItemContent(t);return r(s)})),u((e=>({...e,renderToastItemContentSet:!0})))})):u((e=>({...e,renderToastItemContentSet:!0})))}),[e.renderToastItemContent,d]);const m=n.jsx("courier-toast",{ref:function(e){t&&("function"==typeof t?t(e):t.current=e),g.current=e,c(!!e)},style:e.style,"light-theme":e.lightTheme?JSON.stringify(e.lightTheme):void 0,"dark-theme":e.darkTheme?JSON.stringify(e.darkTheme):void 0,mode:e.mode,"auto-dismiss":e.autoDismiss,"auto-dismiss-timeout-ms":e.autoDismissTimeoutMs,"dismiss-button":e.dismissButton});return n.jsx(o,{children:m})}));exports.CourierInboxComponent=i,exports.CourierInboxPopupMenuComponent=u,exports.CourierRenderContext=a,exports.CourierToastComponent=d,exports.useCourier=()=>{const n=t=>e.Courier.shared.signIn(t),o=()=>e.Courier.shared.signOut(),a=e=>t.CourierInboxDatastore.shared.load(e),i=e=>t.CourierInboxDatastore.shared.fetchNextPageOfMessages(e),u=t=>e.Courier.shared.paginationLimit=t,d=e=>t.CourierInboxDatastore.shared.readMessage({message:e}),c=e=>t.CourierInboxDatastore.shared.unreadMessage({message:e}),g=e=>t.CourierInboxDatastore.shared.clickMessage({message:e}),f=e=>t.CourierInboxDatastore.shared.archiveMessage({message:e}),m=e=>t.CourierInboxDatastore.shared.openMessage({message:e}),C=e=>t.CourierInboxDatastore.shared.unarchiveMessage({message:e}),h=()=>t.CourierInboxDatastore.shared.readAllMessages(),l=e=>t.CourierInboxDatastore.shared.registerFeeds(e),M=()=>t.CourierInboxDatastore.shared.listenForUpdates(),[p,I]=s.useState({userId:void 0,signIn:n,signOut:o}),[E,S]=s.useState({load:a,fetchNextPageOfMessages:i,setPaginationLimit:u,readMessage:d,unreadMessage:c,clickMessage:g,archiveMessage:f,openMessage:m,unarchiveMessage:C,readAllMessages:h,registerFeeds:l,listenForUpdates:M,feeds:{}}),k=e=>r.CourierToastDatastore.shared.addMessage(e),x=e=>r.CourierToastDatastore.shared.removeMessage(e),[T,L]=s.useState({addMessage:k,removeMessage:x});s.useEffect((()=>{const s=e.Courier.shared.addAuthenticationListener((()=>y())),n=new t.CourierInboxDataStoreListener({onError:e=>b(e),onDataSetChange:()=>b(),onPageAdded:()=>b(),onMessageAdd:()=>b(),onMessageRemove:()=>b(),onMessageUpdate:()=>b(),onUnreadCountChange:()=>b(),onTotalUnreadCountChange:()=>b()});t.CourierInboxDatastore.shared.addDataStoreListener(n);const o=new r.CourierToastDatastoreListener({onMessageAdd:()=>v(),onMessageRemove:()=>v(),onError:e=>v(e)});return r.CourierToastDatastore.shared.addDatastoreListener(o),y(),b(),v(),()=>{s.remove(),n.remove(),o.remove()}}),[]);const y=()=>{var t;const r=null==(t=e.Courier.shared.client)?void 0:t.options;I({userId:null==r?void 0:r.userId,signIn:n,signOut:o})},b=e=>{const r=t.CourierInboxDatastore.shared,s=r.getDatasets();S({load:a,fetchNextPageOfMessages:i,setPaginationLimit:u,readMessage:d,unreadMessage:c,clickMessage:g,archiveMessage:f,openMessage:m,unarchiveMessage:C,readAllMessages:h,registerFeeds:l,listenForUpdates:M,feeds:s,totalUnreadCount:r.totalUnreadCount,error:e})},v=e=>{L({addMessage:k,removeMessage:x,error:e})};return{shared:e.Courier.shared,auth:p,inbox:E,toast:T}};
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/components/courier-client-component.tsx","../src/context/render-context.ts","../src/components/courier-inbox-component.tsx","../src/components/courier-inbox-popup-menu-component.tsx","../src/components/courier-toast-component.tsx","../src/hooks/use-courier.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n  children: React.ReactNode;\n}\n\n// This class prevents issues with server side rendering react components\n// It will force the component to only render client side\n// A future update could support server side rendering if there is enough demand\nexport const CourierClientComponent: React.FC<CourierClientProps> = ({ children }) => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // During SSR, render nothing or fallback\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return <>{children}</>;\n};","import { createContext, ReactNode } from \"react\";\n\ntype RenderFn = (node: ReactNode) => HTMLElement;\n\n/**\n * Context providing a function to render a React component.\n *\n * Courier's React package renders as follows:\n *\n *   - React engine (client application)\n *     - Courier React components\n *       - Courier web components\n *         - [Optional] User-provided React components (ex. a list item)\n *\n * By default, React will not render the user-provided React components within Courier's\n * web components. We instead manually render the user-provided React components and inject\n * them into the Courier web components.\n *\n * Client rendering changed between React 17 and 18, so the SDKs provide React version-specific\n * rendering functions. See\n * https://18.react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis.\n */\nexport const CourierRenderContext = createContext<RenderFn | null>(null);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, useState } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from \"@trycourier/courier-ui-inbox\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\n\nexport interface CourierInboxProps {\n  /** Height of the inbox container. Defaults to \"auto\" and will resize itself based on it's children. */\n  height?: string;\n\n  /** Theme object for light mode */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: \"light\", \"dark\", or \"system\". Defaults to \"system\" */\n  mode?: CourierComponentThemeMode;\n\n  /** Type of feed to display in the inbox (\"inbox\" or \"archive\"). Defaults to \"inbox\" */\n  feedType?: CourierInboxFeedType;\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). Only works on devices that support touch. */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxComponent = forwardRef<CourierInboxElement, CourierInboxProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.\");\n  }\n\n  // Element ref for use in effects, updated by handleRef.\n  const inboxRef = useRef<CourierInboxElement | null>(null);\n  const [elementReady, setElementReady] = useState(false);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierInboxElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierInboxElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    inboxRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierInboxElement | null {\n    return inboxRef.current;\n  }\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, elementReady]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, elementReady]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, elementReady]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderHeader, elementReady]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderListItem, elementReady]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, elementReady]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, elementReady]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderErrorState, elementReady]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, elementReady]);\n\n  // Set feed type\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    queueMicrotask(() => {\n      inbox.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-inbox\n      ref={handleRef}\n      height={props.height}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n","import { useEffect, useRef, forwardRef, ReactNode, useContext, useState } from 'react';\nimport {\n  CourierInboxFeedType,\n  CourierInboxHeaderFactoryProps,\n  CourierInboxListItemActionFactoryProps,\n  CourierInboxListItemFactoryProps,\n  CourierInboxMenuButtonFactoryProps,\n  CourierInboxPopupMenu as CourierInboxPopupMenuElement,\n  CourierInboxPaginationItemFactoryProps,\n  CourierInboxPopupAlignment,\n  CourierInboxStateEmptyFactoryProps,\n  CourierInboxStateErrorFactoryProps,\n  CourierInboxStateLoadingFactoryProps,\n  CourierInboxTheme,\n} from '@trycourier/courier-ui-inbox';\nimport { CourierComponentThemeMode } from '@trycourier/courier-ui-core';\nimport { CourierClientComponent } from './courier-client-component';\nimport { CourierRenderContext } from '../context/render-context';\n\nexport interface CourierInboxPopupMenuProps {\n  /** Alignment of the popup menu: 'top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center', 'center-right', 'center-left', 'center-center'. */\n  popupAlignment?: CourierInboxPopupAlignment;\n\n  /** Width of the popup menu container. */\n  popupWidth?: string;\n\n  /** Height of the popup menu container. */\n  popupHeight?: string;\n\n  /** CSS left position for the popup menu. */\n  left?: string;\n\n  /** CSS top position for the popup menu. */\n  top?: string;\n\n  /** CSS right position for the popup menu. */\n  right?: string;\n\n  /** CSS bottom position for the popup menu. */\n  bottom?: string;\n\n  /** Theme object for light mode. */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode. */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: 'light', 'dark', or 'system'. */\n  mode?: CourierComponentThemeMode;\n\n  /** Type of feed to display in the popup menu ('inbox' or 'archive'). */\n  feedType?: CourierInboxFeedType;\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the menu button. */\n  renderMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxPopupMenuComponent = forwardRef<CourierInboxPopupMenuElement, CourierInboxPopupMenuProps>(\n  (props, ref) => {\n    const render = useContext(CourierRenderContext);\n    if (!render) {\n      throw new Error(\"RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.\");\n    }\n\n    // Element ref for use in effects, updated by handleRef.\n    const inboxRef = useRef<CourierInboxPopupMenuElement | null>(null);\n    const [elementReady, setElementReady] = useState(false);\n\n    // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n    // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n    // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n    // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n    function handleRef(el: CourierInboxPopupMenuElement | null) {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(el);\n        } else {\n          // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n          (ref as React.RefObject<CourierInboxPopupMenuElement | null>).current = el;\n        }\n      }\n\n      // Store the element for use in effects\n      inboxRef.current = el;\n\n      // Update element ready state\n      setElementReady(!!el);\n    }\n\n    // Helper to get the current element\n    function getEl(): CourierInboxPopupMenuElement | null {\n      return inboxRef.current;\n    }\n\n    // Use a ref to track the last set feedType to prevent duplicate state changes\n    const lastFeedTypeRef = useRef<CourierInboxFeedType | undefined>(undefined);\n\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      // Only set feedType if it has changed from the last set value\n      if (props.feedType !== lastFeedTypeRef.current) {\n        lastFeedTypeRef.current = props.feedType;\n        queueMicrotask(() => {\n          menu.setFeedType?.(props.feedType ?? 'inbox');\n        });\n      }\n    }, [props.feedType, elementReady]);\n\n    // Handle message click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageClick(props.onMessageClick);\n    }, [props.onMessageClick, elementReady]);\n\n    // Handle message action click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageActionClick(props.onMessageActionClick);\n    }, [props.onMessageActionClick, elementReady]);\n\n    // Handle message long press\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageLongPress(props.onMessageLongPress);\n    }, [props.onMessageLongPress, elementReady]);\n\n    // Render header\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderHeader) return;\n      queueMicrotask(() => {\n        menu.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderHeader!(headerProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderHeader, elementReady]);\n\n    // Render list item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderListItem) return;\n      queueMicrotask(() => {\n        menu.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderListItem!(itemProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderListItem, elementReady]);\n\n    // Render empty state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderEmptyState) return;\n      queueMicrotask(() => {\n        menu.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderEmptyState!(emptyStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderEmptyState, elementReady]);\n\n    // Render loading state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderLoadingState) return;\n      queueMicrotask(() => {\n        menu.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderLoadingState!(loadingStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderLoadingState, elementReady]);\n\n    // Render error state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderErrorState) return;\n      queueMicrotask(() => {\n        menu.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderErrorState!(errorStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderErrorState, elementReady]);\n\n    // Render pagination item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderPaginationItem) return;\n      queueMicrotask(() => {\n        menu.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderPaginationItem!(paginationProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderPaginationItem, elementReady]);\n\n    // Render menu button\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderMenuButton) return;\n      queueMicrotask(() => {\n        menu.setMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderMenuButton!(buttonProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderMenuButton, elementReady]);\n\n    const children = (\n      /* @ts-ignore */\n      <courier-inbox-popup-menu\n        ref={handleRef}\n        popup-alignment={props.popupAlignment}\n        popup-width={props.popupWidth}\n        popup-height={props.popupHeight}\n        left={props.left}\n        top={props.top}\n        right={props.right}\n        bottom={props.bottom}\n        light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n        dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n        mode={props.mode}\n      />\n    );\n\n    return (\n      <CourierClientComponent children={children} />\n    );\n  }\n);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, CSSProperties, useState } from \"react\";\nimport { CourierToastTheme, CourierToast as CourierToastElement, CourierToastItemFactoryProps } from \"@trycourier/courier-ui-toast\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\nimport { CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from \"@trycourier/courier-ui-toast\";\n\n/** Props that may be passed to the CourierToast component. */\nexport interface CourierToastProps {\n  /**\n   * Styles applied to the CourierToast component.\n   *\n   * By default, the component has the following styles:\n   *\n   * ```css\n   * position: \"fixed\";\n   * width: \"380px\";\n   * top: \"30px\";\n   * right: \"30px\";\n   * z-index: 999;\n   * ```\n   *\n   * Setting styles directly on the component is useful to customize the component's\n   * position and layout. Setting `height` is effectively a no-op, as `height`\n   * will be dynamically set by the component as toast items are added and removed.\n   */\n  style?: CSSProperties;\n\n  /** Theme object used to render the component when light mode is used. */\n  lightTheme?: CourierToastTheme;\n\n  /** Theme object used to render the component when dark mode is used. */\n  darkTheme?: CourierToastTheme;\n\n  /** Manually set the theme mode to one of \"light\", \"dark\", or \"system\". Defaults to \"system\". */\n  mode?: CourierComponentThemeMode;\n\n  /** Enable toasts to auto-dismiss, including a timer bar at the top of the toast. Defaults to false. */\n  autoDismiss?: boolean;\n\n  /**\n   * The timeout before a toast auto-dismisses, if {@link CourierToastProps.autoDismiss} is enabled.\n   * Defaults to 5000ms.\n   */\n  autoDismissTimeoutMs?: number;\n\n  /**\n   * Set the dismiss button's visibility.\n   *\n   * Defaults to \"auto\", which makes the button always visible if `autoDismiss` is false\n   * and visible on hover if `autoDismiss` is true.\n   */\n  dismissButton?: CourierToastDismissButtonOption;\n\n  /** Callback function invoked when a toast item is clicked. */\n  onToastItemClick?: (props: CourierToastItemClickEvent) => void;\n\n  /** Callback function invoked when a toast item action button is clicked. */\n  onToastItemActionClick?: (props: CourierToastItemActionClickEvent) => void;\n\n  /**\n   * Callback function invoked when the component is ready to receive messages.\n   *\n   * Use onReady to ensure CourierToast has applied event listeners and\n   * render props passed to the component before toasts are presented.\n   *\n   * @example\n   * ```tsx\n   * const [toastReady, setToastReady] = useState(false);\n   * const courier = useCourier();\n   *\n   * useEffect(() => {\n   *   if (toastReady) {\n   *     courier.shared.signIn({ userId, jwt });\n   *   }\n   * }, [toastReady]);\n   *\n   * return <CourierToast onReady={setToastReady} renderToastItem={myCustomItem} />\n   * ```\n   */\n  onReady?: (ready: boolean) => void;\n\n  /** Render prop specifying how to render an entire toast item. */\n  renderToastItem?: (props: CourierToastItemFactoryProps) => ReactNode;\n\n  /**\n   * Render prop specifying how to render a toast item's content.\n   *\n   * The toast item's container, including the stack, auto-dismiss timer, and dismiss button\n   * are still present when this prop is set.\n   *\n   * See {@link CourierToastProps.dismissButton} to customize the dismiss button's visibility and\n   * {@link CourierToastProps.renderToastItem} to customize the entire toast item, including\n   * its container.\n   */\n  renderToastItemContent?: (props: CourierToastItemFactoryProps) => ReactNode;\n}\n\nexport const CourierToastComponent = forwardRef<CourierToastElement, CourierToastProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.\");\n  }\n\n  // Track ready state for each of the useEffects that is called for a prop set on CourierToastComponent\n  // which must be translated into an imperative call on <courier-toast>.\n  // When all the steps are complete, props.onReady is called to indicate the component is ready to receive toasts.\n  const [setupSteps, setSetupSteps] = useState({\n    elementMounted: false,\n    onItemClickSet: false,\n    onItemActionClickSet: false,\n    renderToastItemSet: false,\n    renderToastItemContentSet: false\n  });\n  const [elementReady, setElementReady] = useState(false);\n\n  // Element ref for use in effects, updated by handleRef.\n  const toastRef = useRef<CourierToastElement | null>(null);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierToastElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierToastElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    toastRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierToastElement | null {\n    return toastRef.current;\n  }\n\n  // Check if all setup steps are complete and fire onReady\n  useEffect(() => {\n    const allStepsComplete = Object.values(setupSteps).every(step => step);\n    if (allStepsComplete && props.onReady) {\n      props.onReady(true);\n    }\n  }, [setupSteps, props.onReady]);\n\n  // Track when element is mounted\n  useEffect(() => {\n    if (elementReady) {\n      setSetupSteps(prev => ({ ...prev, elementMounted: true }));\n    }\n  }, [elementReady]);\n\n  // Handle toast item click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemClick(props.onToastItemClick);\n    setSetupSteps(prev => ({ ...prev, onItemClickSet: true }));\n  }, [props.onToastItemClick, elementReady]);\n\n  // Handle toast item action click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemActionClick(props.onToastItemActionClick);\n    setSetupSteps(prev => ({ ...prev, onItemActionClickSet: true }));\n  }, [props.onToastItemActionClick, elementReady]);\n\n  // Render toast item\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItem) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n      return;\n    }\n\n    queueMicrotask(() => {\n      toast.setToastItem((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n    setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n\n  }, [props.renderToastItem, elementReady]);\n\n  // Render toast item content\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItemContent) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n      return;\n    }\n    queueMicrotask(() => {\n      toast.setToastItemContent((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItemContent!(itemProps);\n        return render(reactNode);\n      });\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n    });\n  }, [props.renderToastItemContent, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-toast\n      ref={handleRef}\n      style={props.style}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n      auto-dismiss={props.autoDismiss}\n      auto-dismiss-timeout-ms={props.autoDismissTimeoutMs}\n      dismiss-button={props.dismissButton}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n","import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, CourierInboxFeedType, InboxDataSet } from '@trycourier/courier-ui-inbox';\nimport { CourierToastDatastore, CourierToastDatastoreListener } from '@trycourier/courier-ui-toast';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { canUseCache: boolean }) => Promise<void>,\n  fetchNextPageOfMessages: (props: { feedType: CourierInboxFeedType }) => Promise<InboxDataSet | null>,\n  setPaginationLimit: (limit: number) => void,\n  readMessage: (message: InboxMessage) => Promise<void>,\n  unreadMessage: (message: InboxMessage) => Promise<void>,\n  clickMessage: (message: InboxMessage) => Promise<void>,\n  archiveMessage: (message: InboxMessage) => Promise<void>,\n  openMessage: (message: InboxMessage) => Promise<void>,\n  unarchiveMessage: (message: InboxMessage) => Promise<void>,\n  readAllMessages: () => Promise<void>,\n  inbox?: InboxDataSet,\n  archive?: InboxDataSet,\n  unreadCount?: number,\n  error?: Error\n}\n\ntype ToastHooks = {\n  addMessage: (message: InboxMessage) => void;\n  removeMessage: (message: InboxMessage) => void;\n  error?: Error,\n}\n\n// A hook for managing the shared state of Courier\n// If you want to use more functions, checkout the Courier JS SDK which\n// can be used directly by importing from '@trycourier/courier-js'\nexport const useCourier = () => {\n\n  // Authentication Functions\n  const signIn = (props: CourierProps) => Courier.shared.signIn(props);\n  const signOut = () => Courier.shared.signOut();\n\n  // Inbox Functions\n  const loadInbox = (props?: { canUseCache: boolean }) => CourierInboxDatastore.shared.load(props);\n  const fetchNextPageOfMessages = (props: { feedType: CourierInboxFeedType }) => CourierInboxDatastore.shared.fetchNextPageOfMessages(props);\n  const setPaginationLimit = (limit: number) => Courier.shared.paginationLimit = limit;\n  const readMessage = (message: InboxMessage) => CourierInboxDatastore.shared.readMessage({ message });\n  const unreadMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unreadMessage({ message });\n  const clickMessage = (message: InboxMessage) => CourierInboxDatastore.shared.clickMessage({ message });\n  const archiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.archiveMessage({ message });\n  const openMessage = (message: InboxMessage) => CourierInboxDatastore.shared.openMessage({ message });\n  const unarchiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unarchiveMessage({ message });\n  const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();\n\n  // State\n  const [auth, setAuth] = React.useState<AuthenticationHooks>({\n    userId: undefined,\n    signIn,\n    signOut\n  });\n\n  const [inbox, setInbox] = React.useState<InboxHooks>({\n    load: loadInbox,\n    fetchNextPageOfMessages,\n    setPaginationLimit,\n    readMessage,\n    unreadMessage,\n    clickMessage,\n    archiveMessage,\n    openMessage,\n    unarchiveMessage,\n    readAllMessages\n  });\n\n  const addToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.addMessage(message);\n  const removeToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.removeMessage(message);\n\n  const [toast, setToast] = React.useState<ToastHooks>({\n    addMessage: addToastMessage,\n    removeMessage: removeToastMessage,\n  });\n\n  React.useEffect(() => {\n\n    // Add a listener to the Courier instance\n    const listener = Courier.shared.addAuthenticationListener(() => refreshAuth());\n\n    // Add inbox data store listener\n    const inboxListener = new CourierInboxDataStoreListener({\n      onError: (error: Error) => refreshInbox(error),\n      onDataSetChange: () => refreshInbox(),\n      onPageAdded: () => refreshInbox(),\n      onMessageAdd: () => refreshInbox(),\n      onMessageRemove: () => refreshInbox(),\n      onMessageUpdate: () => refreshInbox(),\n      onUnreadCountChange: () => refreshInbox()\n    });\n    CourierInboxDatastore.shared.addDataStoreListener(inboxListener);\n\n    const toastListener = new CourierToastDatastoreListener({\n      onMessageAdd: () => refreshToast(),\n      onMessageRemove: () => refreshToast(),\n      onError: (error: Error) => refreshToast(error),\n    });\n    CourierToastDatastore.shared.addDatastoreListener(toastListener);\n\n    // Set initial values\n    refreshAuth();\n    refreshInbox();\n    refreshToast();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.remove();\n      toastListener.remove();\n    };\n  }, []);\n\n  const refreshAuth = () => {\n    const options = Courier.shared.client?.options;\n    setAuth({\n      userId: options?.userId,\n      signIn,\n      signOut\n    });\n  }\n\n  const refreshInbox = (error?: Error) => {\n    const datastore = CourierInboxDatastore.shared;\n    setInbox({\n      load: loadInbox,\n      fetchNextPageOfMessages,\n      setPaginationLimit,\n      readMessage,\n      unreadMessage,\n      clickMessage,\n      archiveMessage,\n      openMessage,\n      unarchiveMessage,\n      readAllMessages,\n      inbox: datastore.inboxDataSet,\n      archive: datastore.archiveDataSet,\n      unreadCount: datastore.unreadCount,\n      error: error,\n    });\n  }\n\n  const refreshToast = (error?: Error) => {\n    setToast({\n      addMessage: addToastMessage,\n      removeMessage: removeToastMessage,\n      error,\n    });\n  };\n\n  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n    toast: toast,\n  };\n};\n"],"names":["CourierClientComponent","children","isMounted","setIsMounted","useState","useEffect","window","CourierRenderContext","createContext","CourierInboxComponent","forwardRef","props","ref","render","useContext","Error","inboxRef","useRef","elementReady","setElementReady","getEl","current","inbox","onMessageClick","onMessageActionClick","onMessageLongPress","renderHeader","queueMicrotask","setHeader","headerProps","reactNode","renderListItem","setListItem","itemProps","renderEmptyState","setEmptyState","emptyStateProps","renderLoadingState","setLoadingState","loadingStateProps","renderErrorState","setErrorState","errorStateProps","renderPaginationItem","setPaginationItem","paginationProps","setFeedType","feedType","jsx","el","height","lightTheme","JSON","stringify","darkTheme","mode","CourierInboxPopupMenuComponent","lastFeedTypeRef","menu","_a","call","renderMenuButton","setMenuButton","buttonProps","popupAlignment","popupWidth","popupHeight","left","top","right","bottom","CourierToastComponent","setupSteps","setSetupSteps","elementMounted","onItemClickSet","onItemActionClickSet","renderToastItemSet","renderToastItemContentSet","toastRef","Object","values","every","step","onReady","prev","toast","onToastItemClick","onToastItemActionClick","renderToastItem","setToastItem","renderToastItemContent","setToastItemContent","style","autoDismiss","autoDismissTimeoutMs","dismissButton","signIn","Courier","shared","signOut","loadInbox","CourierInboxDatastore","load","fetchNextPageOfMessages","setPaginationLimit","limit","paginationLimit","readMessage","message","unreadMessage","clickMessage","archiveMessage","openMessage","unarchiveMessage","readAllMessages","auth","setAuth","React","userId","setInbox","addToastMessage","CourierToastDatastore","addMessage","removeToastMessage","removeMessage","setToast","listener","addAuthenticationListener","refreshAuth","inboxListener","CourierInboxDataStoreListener","onError","error","refreshInbox","onDataSetChange","onPageAdded","onMessageAdd","onMessageRemove","onMessageUpdate","onUnreadCountChange","addDataStoreListener","toastListener","CourierToastDatastoreListener","refreshToast","addDatastoreListener","remove","options","client","datastore","inboxDataSet","archive","archiveDataSet","unreadCount"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/components/courier-client-component.tsx","../src/context/render-context.ts","../src/components/courier-inbox-component.tsx","../src/components/courier-inbox-popup-menu-component.tsx","../src/components/courier-toast-component.tsx","../src/hooks/use-courier.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n  children: React.ReactNode;\n}\n\n// This class prevents issues with server side rendering react components\n// It will force the component to only render client side\n// A future update could support server side rendering if there is enough demand\nexport const CourierClientComponent: React.FC<CourierClientProps> = ({ children }) => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // During SSR, render nothing or fallback\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return <>{children}</>;\n};","import { createContext, ReactNode } from \"react\";\n\ntype RenderFn = (node: ReactNode) => HTMLElement;\n\n/**\n * Context providing a function to render a React component.\n *\n * Courier's React package renders as follows:\n *\n *   - React engine (client application)\n *     - Courier React components\n *       - Courier web components\n *         - [Optional] User-provided React components (ex. a list item)\n *\n * By default, React will not render the user-provided React components within Courier's\n * web components. We instead manually render the user-provided React components and inject\n * them into the Courier web components.\n *\n * Client rendering changed between React 17 and 18, so the SDKs provide React version-specific\n * rendering functions. See\n * https://18.react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis.\n */\nexport const CourierRenderContext = createContext<RenderFn | null>(null);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, useState } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeed } from \"@trycourier/courier-ui-inbox\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\n\nexport interface CourierInboxProps {\n  /** Height of the inbox container. Defaults to \"auto\" and will resize itself based on it's children. */\n  height?: string;\n\n  /** Theme object for light mode */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: \"light\", \"dark\", or \"system\". Defaults to \"system\" */\n  mode?: CourierComponentThemeMode;\n\n  /** Type of feed to display in the inbox. Defaults to \"inbox\" */\n  feedType?: string;\n\n  /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */\n  feeds?: CourierInboxFeed[];\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). Only works on devices that support touch. */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxComponent = forwardRef<CourierInboxElement, CourierInboxProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.\");\n  }\n\n  // Element ref for use in effects, updated by handleRef.\n  const inboxRef = useRef<CourierInboxElement | null>(null);\n  const [elementReady, setElementReady] = useState(false);\n  const feedsSetRef = useRef(false);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierInboxElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierInboxElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    inboxRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierInboxElement | null {\n    return inboxRef.current;\n  }\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, elementReady]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, elementReady]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, elementReady]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderHeader, elementReady]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderListItem, elementReady]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, elementReady]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, elementReady]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderErrorState, elementReady]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, elementReady]);\n\n  // Set feeds (only once when element is ready)\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.feeds || feedsSetRef.current) return;\n    feedsSetRef.current = true;\n    queueMicrotask(() => {\n      inbox.setFeeds(props.feeds!);\n    });\n  }, [props.feeds, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-inbox\n      ref={handleRef}\n      height={props.height}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n","import { useEffect, useRef, forwardRef, ReactNode, useContext, useState } from 'react';\nimport {\n  CourierInboxHeaderFactoryProps,\n  CourierInboxListItemActionFactoryProps,\n  CourierInboxListItemFactoryProps,\n  CourierInboxMenuButtonFactoryProps,\n  CourierInboxPopupMenu as CourierInboxPopupMenuElement,\n  CourierInboxPaginationItemFactoryProps,\n  CourierInboxPopupAlignment,\n  CourierInboxStateEmptyFactoryProps,\n  CourierInboxStateErrorFactoryProps,\n  CourierInboxStateLoadingFactoryProps,\n  CourierInboxTheme,\n  CourierInboxFeed,\n} from '@trycourier/courier-ui-inbox';\nimport { CourierComponentThemeMode } from '@trycourier/courier-ui-core';\nimport { CourierClientComponent } from './courier-client-component';\nimport { CourierRenderContext } from '../context/render-context';\n\nexport interface CourierInboxPopupMenuProps {\n  /** Alignment of the popup menu: 'top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center', 'center-right', 'center-left', 'center-center'. */\n  popupAlignment?: CourierInboxPopupAlignment;\n\n  /** Width of the popup menu container. */\n  popupWidth?: string;\n\n  /** Height of the popup menu container. */\n  popupHeight?: string;\n\n  /** CSS left position for the popup menu. */\n  left?: string;\n\n  /** CSS top position for the popup menu. */\n  top?: string;\n\n  /** CSS right position for the popup menu. */\n  right?: string;\n\n  /** CSS bottom position for the popup menu. */\n  bottom?: string;\n\n  /** Theme object for light mode. */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode. */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: 'light', 'dark', or 'system'. */\n  mode?: CourierComponentThemeMode;\n\n  /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */\n  feeds?: CourierInboxFeed[];\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the menu button. */\n  renderMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxPopupMenuComponent = forwardRef<CourierInboxPopupMenuElement, CourierInboxPopupMenuProps>(\n  (props, ref) => {\n    const render = useContext(CourierRenderContext);\n    if (!render) {\n      throw new Error(\"RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.\");\n    }\n\n    // Element ref for use in effects, updated by handleRef.\n    const inboxRef = useRef<CourierInboxPopupMenuElement | null>(null);\n    const [elementReady, setElementReady] = useState(false);\n    const feedsSetRef = useRef(false);\n\n    // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n    // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n    // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n    // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n    function handleRef(el: CourierInboxPopupMenuElement | null) {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(el);\n        } else {\n          // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n          (ref as React.RefObject<CourierInboxPopupMenuElement | null>).current = el;\n        }\n      }\n\n      // Store the element for use in effects\n      inboxRef.current = el;\n\n      // Update element ready state\n      setElementReady(!!el);\n    }\n\n    // Helper to get the current element\n    function getEl(): CourierInboxPopupMenuElement | null {\n      return inboxRef.current;\n    }\n\n    // Handle message click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageClick(props.onMessageClick);\n    }, [props.onMessageClick, elementReady]);\n\n    // Handle message action click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageActionClick(props.onMessageActionClick);\n    }, [props.onMessageActionClick, elementReady]);\n\n    // Handle message long press\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageLongPress(props.onMessageLongPress);\n    }, [props.onMessageLongPress, elementReady]);\n\n    // Render header\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderHeader) return;\n      queueMicrotask(() => {\n        menu.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderHeader!(headerProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderHeader, elementReady]);\n\n    // Render list item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderListItem) return;\n      queueMicrotask(() => {\n        menu.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderListItem!(itemProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderListItem, elementReady]);\n\n    // Render empty state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderEmptyState) return;\n      queueMicrotask(() => {\n        menu.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderEmptyState!(emptyStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderEmptyState, elementReady]);\n\n    // Render loading state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderLoadingState) return;\n      queueMicrotask(() => {\n        menu.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderLoadingState!(loadingStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderLoadingState, elementReady]);\n\n    // Render error state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderErrorState) return;\n      queueMicrotask(() => {\n        menu.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderErrorState!(errorStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderErrorState, elementReady]);\n\n    // Render pagination item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderPaginationItem) return;\n      queueMicrotask(() => {\n        menu.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderPaginationItem!(paginationProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderPaginationItem, elementReady]);\n\n    // Render menu button\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderMenuButton) return;\n      queueMicrotask(() => {\n        menu.setMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderMenuButton!(buttonProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderMenuButton, elementReady]);\n\n    // Set feeds (only once when element is ready)\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.feeds || feedsSetRef.current) return;\n      feedsSetRef.current = true;\n      queueMicrotask(() => {\n        menu.setFeeds(props.feeds!);\n      });\n    }, [props.feeds, elementReady]);\n\n    const children = (\n      /* @ts-ignore */\n      <courier-inbox-popup-menu\n        ref={handleRef}\n        popup-alignment={props.popupAlignment}\n        popup-width={props.popupWidth}\n        popup-height={props.popupHeight}\n        left={props.left}\n        top={props.top}\n        right={props.right}\n        bottom={props.bottom}\n        light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n        dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n        mode={props.mode}\n      />\n    );\n\n    return (\n      <CourierClientComponent children={children} />\n    );\n  }\n);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, CSSProperties, useState } from \"react\";\nimport { CourierToastTheme, CourierToast as CourierToastElement, CourierToastItemFactoryProps } from \"@trycourier/courier-ui-toast\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\nimport { CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from \"@trycourier/courier-ui-toast\";\n\n/** Props that may be passed to the CourierToast component. */\nexport interface CourierToastProps {\n  /**\n   * Styles applied to the CourierToast component.\n   *\n   * By default, the component has the following styles:\n   *\n   * ```css\n   * position: \"fixed\";\n   * width: \"380px\";\n   * top: \"30px\";\n   * right: \"30px\";\n   * z-index: 999;\n   * ```\n   *\n   * Setting styles directly on the component is useful to customize the component's\n   * position and layout. Setting `height` is effectively a no-op, as `height`\n   * will be dynamically set by the component as toast items are added and removed.\n   */\n  style?: CSSProperties;\n\n  /** Theme object used to render the component when light mode is used. */\n  lightTheme?: CourierToastTheme;\n\n  /** Theme object used to render the component when dark mode is used. */\n  darkTheme?: CourierToastTheme;\n\n  /** Manually set the theme mode to one of \"light\", \"dark\", or \"system\". Defaults to \"system\". */\n  mode?: CourierComponentThemeMode;\n\n  /** Enable toasts to auto-dismiss, including a timer bar at the top of the toast. Defaults to false. */\n  autoDismiss?: boolean;\n\n  /**\n   * The timeout before a toast auto-dismisses, if {@link CourierToastProps.autoDismiss} is enabled.\n   * Defaults to 5000ms.\n   */\n  autoDismissTimeoutMs?: number;\n\n  /**\n   * Set the dismiss button's visibility.\n   *\n   * Defaults to \"auto\", which makes the button always visible if `autoDismiss` is false\n   * and visible on hover if `autoDismiss` is true.\n   */\n  dismissButton?: CourierToastDismissButtonOption;\n\n  /** Callback function invoked when a toast item is clicked. */\n  onToastItemClick?: (props: CourierToastItemClickEvent) => void;\n\n  /** Callback function invoked when a toast item action button is clicked. */\n  onToastItemActionClick?: (props: CourierToastItemActionClickEvent) => void;\n\n  /**\n   * Callback function invoked when the component is ready to receive messages.\n   *\n   * Use onReady to ensure CourierToast has applied event listeners and\n   * render props passed to the component before toasts are presented.\n   *\n   * @example\n   * ```tsx\n   * const [toastReady, setToastReady] = useState(false);\n   * const courier = useCourier();\n   *\n   * useEffect(() => {\n   *   if (toastReady) {\n   *     courier.shared.signIn({ userId, jwt });\n   *   }\n   * }, [toastReady]);\n   *\n   * return <CourierToast onReady={setToastReady} renderToastItem={myCustomItem} />\n   * ```\n   */\n  onReady?: (ready: boolean) => void;\n\n  /** Render prop specifying how to render an entire toast item. */\n  renderToastItem?: (props: CourierToastItemFactoryProps) => ReactNode;\n\n  /**\n   * Render prop specifying how to render a toast item's content.\n   *\n   * The toast item's container, including the stack, auto-dismiss timer, and dismiss button\n   * are still present when this prop is set.\n   *\n   * See {@link CourierToastProps.dismissButton} to customize the dismiss button's visibility and\n   * {@link CourierToastProps.renderToastItem} to customize the entire toast item, including\n   * its container.\n   */\n  renderToastItemContent?: (props: CourierToastItemFactoryProps) => ReactNode;\n}\n\nexport const CourierToastComponent = forwardRef<CourierToastElement, CourierToastProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.\");\n  }\n\n  // Track ready state for each of the useEffects that is called for a prop set on CourierToastComponent\n  // which must be translated into an imperative call on <courier-toast>.\n  // When all the steps are complete, props.onReady is called to indicate the component is ready to receive toasts.\n  const [setupSteps, setSetupSteps] = useState({\n    elementMounted: false,\n    onItemClickSet: false,\n    onItemActionClickSet: false,\n    renderToastItemSet: false,\n    renderToastItemContentSet: false\n  });\n  const [elementReady, setElementReady] = useState(false);\n\n  // Element ref for use in effects, updated by handleRef.\n  const toastRef = useRef<CourierToastElement | null>(null);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierToastElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierToastElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    toastRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierToastElement | null {\n    return toastRef.current;\n  }\n\n  // Check if all setup steps are complete and fire onReady\n  useEffect(() => {\n    const allStepsComplete = Object.values(setupSteps).every(step => step);\n    if (allStepsComplete && props.onReady) {\n      props.onReady(true);\n    }\n  }, [setupSteps, props.onReady]);\n\n  // Track when element is mounted\n  useEffect(() => {\n    if (elementReady) {\n      setSetupSteps(prev => ({ ...prev, elementMounted: true }));\n    }\n  }, [elementReady]);\n\n  // Handle toast item click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemClick(props.onToastItemClick);\n    setSetupSteps(prev => ({ ...prev, onItemClickSet: true }));\n  }, [props.onToastItemClick, elementReady]);\n\n  // Handle toast item action click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemActionClick(props.onToastItemActionClick);\n    setSetupSteps(prev => ({ ...prev, onItemActionClickSet: true }));\n  }, [props.onToastItemActionClick, elementReady]);\n\n  // Render toast item\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItem) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n      return;\n    }\n\n    queueMicrotask(() => {\n      toast.setToastItem((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n    setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n\n  }, [props.renderToastItem, elementReady]);\n\n  // Render toast item content\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItemContent) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n      return;\n    }\n    queueMicrotask(() => {\n      toast.setToastItemContent((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItemContent!(itemProps);\n        return render(reactNode);\n      });\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n    });\n  }, [props.renderToastItemContent, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-toast\n      ref={handleRef}\n      style={props.style}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n      auto-dismiss={props.autoDismiss}\n      auto-dismiss-timeout-ms={props.autoDismissTimeoutMs}\n      dismiss-button={props.dismissButton}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n","import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, InboxDataSet, CourierInboxFeed } from '@trycourier/courier-ui-inbox';\nimport { CourierToastDatastore, CourierToastDatastoreListener } from '@trycourier/courier-ui-toast';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { canUseCache: boolean }) => Promise<void>,\n  fetchNextPageOfMessages: (props: { datasetId: string }) => Promise<InboxDataSet | null>,\n  setPaginationLimit: (limit: number) => void,\n  readMessage: (message: InboxMessage) => Promise<void>,\n  unreadMessage: (message: InboxMessage) => Promise<void>,\n  clickMessage: (message: InboxMessage) => Promise<void>,\n  archiveMessage: (message: InboxMessage) => Promise<void>,\n  openMessage: (message: InboxMessage) => Promise<void>,\n  unarchiveMessage: (message: InboxMessage) => Promise<void>,\n  readAllMessages: () => Promise<void>,\n  registerFeeds: (feeds: CourierInboxFeed[]) => void,\n  listenForUpdates: () => Promise<void>,\n  feeds: Record<string, InboxDataSet>,\n  totalUnreadCount?: number,\n  error?: Error\n}\n\ntype ToastHooks = {\n  addMessage: (message: InboxMessage) => void;\n  removeMessage: (message: InboxMessage) => void;\n  error?: Error,\n}\n\n// A hook for managing the shared state of Courier\n// If you want to use more functions, checkout the Courier JS SDK which\n// can be used directly by importing from '@trycourier/courier-js'\nexport const useCourier = () => {\n\n  // Authentication Functions\n  const signIn = (props: CourierProps) => Courier.shared.signIn(props);\n  const signOut = () => Courier.shared.signOut();\n\n  // Inbox Functions\n  const loadInbox = (props?: { canUseCache: boolean }) => CourierInboxDatastore.shared.load(props);\n  const fetchNextPageOfMessages = (props: { datasetId: string }) => CourierInboxDatastore.shared.fetchNextPageOfMessages(props);\n  const setPaginationLimit = (limit: number) => Courier.shared.paginationLimit = limit;\n  const readMessage = (message: InboxMessage) => CourierInboxDatastore.shared.readMessage({ message });\n  const unreadMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unreadMessage({ message });\n  const clickMessage = (message: InboxMessage) => CourierInboxDatastore.shared.clickMessage({ message });\n  const archiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.archiveMessage({ message });\n  const openMessage = (message: InboxMessage) => CourierInboxDatastore.shared.openMessage({ message });\n  const unarchiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unarchiveMessage({ message });\n  const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();\n  const registerFeeds = (feeds: CourierInboxFeed[]) => CourierInboxDatastore.shared.registerFeeds(feeds);\n  const listenForUpdates = () => CourierInboxDatastore.shared.listenForUpdates();\n\n  // State\n  const [auth, setAuth] = React.useState<AuthenticationHooks>({\n    userId: undefined,\n    signIn,\n    signOut\n  });\n\n  const [inbox, setInbox] = React.useState<InboxHooks>({\n    load: loadInbox,\n    fetchNextPageOfMessages,\n    setPaginationLimit,\n    readMessage,\n    unreadMessage,\n    clickMessage,\n    archiveMessage,\n    openMessage,\n    unarchiveMessage,\n    readAllMessages,\n    registerFeeds,\n    listenForUpdates,\n    feeds: {}\n  });\n\n  const addToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.addMessage(message);\n  const removeToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.removeMessage(message);\n\n  const [toast, setToast] = React.useState<ToastHooks>({\n    addMessage: addToastMessage,\n    removeMessage: removeToastMessage,\n  });\n\n  React.useEffect(() => {\n\n    // Add a listener to the Courier instance\n    const listener = Courier.shared.addAuthenticationListener(() => refreshAuth());\n\n    // Add inbox data store listener\n    const inboxListener = new CourierInboxDataStoreListener({\n      onError: (error: Error) => refreshInbox(error),\n      onDataSetChange: () => refreshInbox(),\n      onPageAdded: () => refreshInbox(),\n      onMessageAdd: () => refreshInbox(),\n      onMessageRemove: () => refreshInbox(),\n      onMessageUpdate: () => refreshInbox(),\n      onUnreadCountChange: () => refreshInbox(),\n      onTotalUnreadCountChange: () => refreshInbox()\n    });\n    CourierInboxDatastore.shared.addDataStoreListener(inboxListener);\n\n    const toastListener = new CourierToastDatastoreListener({\n      onMessageAdd: () => refreshToast(),\n      onMessageRemove: () => refreshToast(),\n      onError: (error: Error) => refreshToast(error),\n    });\n    CourierToastDatastore.shared.addDatastoreListener(toastListener);\n\n    // Set initial values\n    refreshAuth();\n    refreshInbox();\n    refreshToast();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.remove();\n      toastListener.remove();\n    };\n  }, []);\n\n  const refreshAuth = () => {\n    const options = Courier.shared.client?.options;\n    setAuth({\n      userId: options?.userId,\n      signIn,\n      signOut\n    });\n  }\n\n  const refreshInbox = (error?: Error) => {\n    const datastore = CourierInboxDatastore.shared;\n    const allDatasets = datastore.getDatasets();\n    setInbox({\n      load: loadInbox,\n      fetchNextPageOfMessages,\n      setPaginationLimit,\n      readMessage,\n      unreadMessage,\n      clickMessage,\n      archiveMessage,\n      openMessage,\n      unarchiveMessage,\n      readAllMessages,\n      registerFeeds,\n      listenForUpdates,\n      feeds: allDatasets,\n      totalUnreadCount: datastore.totalUnreadCount,\n      error: error,\n    });\n  }\n\n  const refreshToast = (error?: Error) => {\n    setToast({\n      addMessage: addToastMessage,\n      removeMessage: removeToastMessage,\n      error,\n    });\n  };\n\n  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n    toast: toast,\n  };\n};\n"],"names":["CourierClientComponent","children","isMounted","setIsMounted","useState","useEffect","window","CourierRenderContext","createContext","CourierInboxComponent","forwardRef","props","ref","render","useContext","Error","inboxRef","useRef","elementReady","setElementReady","feedsSetRef","getEl","current","inbox","onMessageClick","onMessageActionClick","onMessageLongPress","renderHeader","queueMicrotask","setHeader","headerProps","reactNode","renderListItem","setListItem","itemProps","renderEmptyState","setEmptyState","emptyStateProps","renderLoadingState","setLoadingState","loadingStateProps","renderErrorState","setErrorState","errorStateProps","renderPaginationItem","setPaginationItem","paginationProps","feeds","setFeeds","jsx","el","height","lightTheme","JSON","stringify","darkTheme","mode","CourierInboxPopupMenuComponent","menu","renderMenuButton","setMenuButton","buttonProps","popupAlignment","popupWidth","popupHeight","left","top","right","bottom","CourierToastComponent","setupSteps","setSetupSteps","elementMounted","onItemClickSet","onItemActionClickSet","renderToastItemSet","renderToastItemContentSet","toastRef","Object","values","every","step","onReady","prev","toast","onToastItemClick","onToastItemActionClick","renderToastItem","setToastItem","renderToastItemContent","setToastItemContent","style","autoDismiss","autoDismissTimeoutMs","dismissButton","signIn","Courier","shared","signOut","loadInbox","CourierInboxDatastore","load","fetchNextPageOfMessages","setPaginationLimit","limit","paginationLimit","readMessage","message","unreadMessage","clickMessage","archiveMessage","openMessage","unarchiveMessage","readAllMessages","registerFeeds","listenForUpdates","auth","setAuth","React","userId","setInbox","addToastMessage","CourierToastDatastore","addMessage","removeToastMessage","removeMessage","setToast","listener","addAuthenticationListener","refreshAuth","inboxListener","CourierInboxDataStoreListener","onError","error","refreshInbox","onDataSetChange","onPageAdded","onMessageAdd","onMessageRemove","onMessageUpdate","onUnreadCountChange","onTotalUnreadCountChange","addDataStoreListener","toastListener","CourierToastDatastoreListener","refreshToast","addDatastoreListener","remove","options","client","datastore","allDatasets","getDatasets","totalUnreadCount"],"mappings":"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"}

package/dist/index.mjs

@@ -16,6 +16,8 @@ const useCourier = () => {
   const openMessage = (message) => CourierInboxDatastore.shared.openMessage({ message });
   const unarchiveMessage = (message) => CourierInboxDatastore.shared.unarchiveMessage({ message });
   const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();
+  const registerFeeds = (feeds) => CourierInboxDatastore.shared.registerFeeds(feeds);
+  const listenForUpdates = () => CourierInboxDatastore.shared.listenForUpdates();
   const [auth, setAuth] = React.useState({
     userId: void 0,
     signIn,
@@ -31,7 +33,10 @@ const useCourier = () => {
     archiveMessage,
     openMessage,
     unarchiveMessage,
-    readAllMessages
+    readAllMessages,
+    registerFeeds,
+    listenForUpdates,
+    feeds: {}
   });
   const addToastMessage = (message) => CourierToastDatastore.shared.addMessage(message);
   const removeToastMessage = (message) => CourierToastDatastore.shared.removeMessage(message);
@@ -48,7 +53,8 @@ const useCourier = () => {
       onMessageAdd: () => refreshInbox(),
       onMessageRemove: () => refreshInbox(),
       onMessageUpdate: () => refreshInbox(),
-      onUnreadCountChange: () => refreshInbox()
+      onUnreadCountChange: () => refreshInbox(),
+      onTotalUnreadCountChange: () => refreshInbox()
     });
     CourierInboxDatastore.shared.addDataStoreListener(inboxListener);
     const toastListener = new CourierToastDatastoreListener({
@@ -77,6 +83,7 @@ const useCourier = () => {
   };
   const refreshInbox = (error) => {
     const datastore = CourierInboxDatastore.shared;
+    const allDatasets = datastore.getDatasets();
     setInbox({
       load: loadInbox,
       fetchNextPageOfMessages,
@@ -88,9 +95,10 @@ const useCourier = () => {
       openMessage,
       unarchiveMessage,
       readAllMessages,
-      inbox: datastore.inboxDataSet,
-      archive: datastore.archiveDataSet,
-      unreadCount: datastore.unreadCount,
+      registerFeeds,
+      listenForUpdates,
+      feeds: allDatasets,
+      totalUnreadCount: datastore.totalUnreadCount,
       error
     });
   };
@@ -129,6 +137,7 @@ const CourierInboxComponent = forwardRef((props, ref) => {
   }
   const inboxRef = useRef(null);
   const [elementReady, setElementReady] = useState(false);
+  const feedsSetRef = useRef(false);
   function handleRef(el) {
     if (ref) {
       if (typeof ref === "function") {
@@ -220,11 +229,12 @@ const CourierInboxComponent = forwardRef((props, ref) => {
   }, [props.renderPaginationItem, elementReady]);
   useEffect(() => {
     const inbox = getEl();
-    if (!inbox) return;
+    if (!inbox || !props.feeds || feedsSetRef.current) return;
+    feedsSetRef.current = true;
     queueMicrotask(() => {
-      inbox.setFeedType(props.feedType || "inbox");
+      inbox.setFeeds(props.feeds);
     });
-  }, [props.feedType, elementReady]);
+  }, [props.feeds, elementReady]);
   const children = (
     /* @ts-ignore */
     /* @__PURE__ */ jsx(
@@ -248,6 +258,7 @@ const CourierInboxPopupMenuComponent = forwardRef(
     }
     const inboxRef = useRef(null);
     const [elementReady, setElementReady] = useState(false);
+    const feedsSetRef = useRef(false);
     function handleRef(el) {
       if (ref) {
         if (typeof ref === "function") {
@@ -262,18 +273,6 @@ const CourierInboxPopupMenuComponent = forwardRef(
     function getEl() {
       return inboxRef.current;
     }
-    const lastFeedTypeRef = useRef(void 0);
-    useEffect(() => {
-      const menu = getEl();
-      if (!menu) return;
-      if (props.feedType !== lastFeedTypeRef.current) {
-        lastFeedTypeRef.current = props.feedType;
-        queueMicrotask(() => {
-          var _a;
-          (_a = menu.setFeedType) == null ? void 0 : _a.call(menu, props.feedType ?? "inbox");
-        });
-      }
-    }, [props.feedType, elementReady]);
     useEffect(() => {
       const menu = getEl();
       if (!menu) return;
@@ -359,6 +358,14 @@ const CourierInboxPopupMenuComponent = forwardRef(
         });
       });
     }, [props.renderMenuButton, elementReady]);
+    useEffect(() => {
+      const menu = getEl();
+      if (!menu || !props.feeds || feedsSetRef.current) return;
+      feedsSetRef.current = true;
+      queueMicrotask(() => {
+        menu.setFeeds(props.feeds);
+      });
+    }, [props.feeds, elementReady]);
     const children = (
       /* @ts-ignore */
       /* @__PURE__ */ jsx(

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/hooks/use-courier.tsx","../src/components/courier-client-component.tsx","../src/context/render-context.ts","../src/components/courier-inbox-component.tsx","../src/components/courier-inbox-popup-menu-component.tsx","../src/components/courier-toast-component.tsx"],"sourcesContent":["import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, CourierInboxFeedType, InboxDataSet } from '@trycourier/courier-ui-inbox';\nimport { CourierToastDatastore, CourierToastDatastoreListener } from '@trycourier/courier-ui-toast';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { canUseCache: boolean }) => Promise<void>,\n  fetchNextPageOfMessages: (props: { feedType: CourierInboxFeedType }) => Promise<InboxDataSet | null>,\n  setPaginationLimit: (limit: number) => void,\n  readMessage: (message: InboxMessage) => Promise<void>,\n  unreadMessage: (message: InboxMessage) => Promise<void>,\n  clickMessage: (message: InboxMessage) => Promise<void>,\n  archiveMessage: (message: InboxMessage) => Promise<void>,\n  openMessage: (message: InboxMessage) => Promise<void>,\n  unarchiveMessage: (message: InboxMessage) => Promise<void>,\n  readAllMessages: () => Promise<void>,\n  inbox?: InboxDataSet,\n  archive?: InboxDataSet,\n  unreadCount?: number,\n  error?: Error\n}\n\ntype ToastHooks = {\n  addMessage: (message: InboxMessage) => void;\n  removeMessage: (message: InboxMessage) => void;\n  error?: Error,\n}\n\n// A hook for managing the shared state of Courier\n// If you want to use more functions, checkout the Courier JS SDK which\n// can be used directly by importing from '@trycourier/courier-js'\nexport const useCourier = () => {\n\n  // Authentication Functions\n  const signIn = (props: CourierProps) => Courier.shared.signIn(props);\n  const signOut = () => Courier.shared.signOut();\n\n  // Inbox Functions\n  const loadInbox = (props?: { canUseCache: boolean }) => CourierInboxDatastore.shared.load(props);\n  const fetchNextPageOfMessages = (props: { feedType: CourierInboxFeedType }) => CourierInboxDatastore.shared.fetchNextPageOfMessages(props);\n  const setPaginationLimit = (limit: number) => Courier.shared.paginationLimit = limit;\n  const readMessage = (message: InboxMessage) => CourierInboxDatastore.shared.readMessage({ message });\n  const unreadMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unreadMessage({ message });\n  const clickMessage = (message: InboxMessage) => CourierInboxDatastore.shared.clickMessage({ message });\n  const archiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.archiveMessage({ message });\n  const openMessage = (message: InboxMessage) => CourierInboxDatastore.shared.openMessage({ message });\n  const unarchiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unarchiveMessage({ message });\n  const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();\n\n  // State\n  const [auth, setAuth] = React.useState<AuthenticationHooks>({\n    userId: undefined,\n    signIn,\n    signOut\n  });\n\n  const [inbox, setInbox] = React.useState<InboxHooks>({\n    load: loadInbox,\n    fetchNextPageOfMessages,\n    setPaginationLimit,\n    readMessage,\n    unreadMessage,\n    clickMessage,\n    archiveMessage,\n    openMessage,\n    unarchiveMessage,\n    readAllMessages\n  });\n\n  const addToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.addMessage(message);\n  const removeToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.removeMessage(message);\n\n  const [toast, setToast] = React.useState<ToastHooks>({\n    addMessage: addToastMessage,\n    removeMessage: removeToastMessage,\n  });\n\n  React.useEffect(() => {\n\n    // Add a listener to the Courier instance\n    const listener = Courier.shared.addAuthenticationListener(() => refreshAuth());\n\n    // Add inbox data store listener\n    const inboxListener = new CourierInboxDataStoreListener({\n      onError: (error: Error) => refreshInbox(error),\n      onDataSetChange: () => refreshInbox(),\n      onPageAdded: () => refreshInbox(),\n      onMessageAdd: () => refreshInbox(),\n      onMessageRemove: () => refreshInbox(),\n      onMessageUpdate: () => refreshInbox(),\n      onUnreadCountChange: () => refreshInbox()\n    });\n    CourierInboxDatastore.shared.addDataStoreListener(inboxListener);\n\n    const toastListener = new CourierToastDatastoreListener({\n      onMessageAdd: () => refreshToast(),\n      onMessageRemove: () => refreshToast(),\n      onError: (error: Error) => refreshToast(error),\n    });\n    CourierToastDatastore.shared.addDatastoreListener(toastListener);\n\n    // Set initial values\n    refreshAuth();\n    refreshInbox();\n    refreshToast();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.remove();\n      toastListener.remove();\n    };\n  }, []);\n\n  const refreshAuth = () => {\n    const options = Courier.shared.client?.options;\n    setAuth({\n      userId: options?.userId,\n      signIn,\n      signOut\n    });\n  }\n\n  const refreshInbox = (error?: Error) => {\n    const datastore = CourierInboxDatastore.shared;\n    setInbox({\n      load: loadInbox,\n      fetchNextPageOfMessages,\n      setPaginationLimit,\n      readMessage,\n      unreadMessage,\n      clickMessage,\n      archiveMessage,\n      openMessage,\n      unarchiveMessage,\n      readAllMessages,\n      inbox: datastore.inboxDataSet,\n      archive: datastore.archiveDataSet,\n      unreadCount: datastore.unreadCount,\n      error: error,\n    });\n  }\n\n  const refreshToast = (error?: Error) => {\n    setToast({\n      addMessage: addToastMessage,\n      removeMessage: removeToastMessage,\n      error,\n    });\n  };\n\n  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n    toast: toast,\n  };\n};\n","import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n  children: React.ReactNode;\n}\n\n// This class prevents issues with server side rendering react components\n// It will force the component to only render client side\n// A future update could support server side rendering if there is enough demand\nexport const CourierClientComponent: React.FC<CourierClientProps> = ({ children }) => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // During SSR, render nothing or fallback\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return <>{children}</>;\n};","import { createContext, ReactNode } from \"react\";\n\ntype RenderFn = (node: ReactNode) => HTMLElement;\n\n/**\n * Context providing a function to render a React component.\n *\n * Courier's React package renders as follows:\n *\n *   - React engine (client application)\n *     - Courier React components\n *       - Courier web components\n *         - [Optional] User-provided React components (ex. a list item)\n *\n * By default, React will not render the user-provided React components within Courier's\n * web components. We instead manually render the user-provided React components and inject\n * them into the Courier web components.\n *\n * Client rendering changed between React 17 and 18, so the SDKs provide React version-specific\n * rendering functions. See\n * https://18.react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis.\n */\nexport const CourierRenderContext = createContext<RenderFn | null>(null);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, useState } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from \"@trycourier/courier-ui-inbox\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\n\nexport interface CourierInboxProps {\n  /** Height of the inbox container. Defaults to \"auto\" and will resize itself based on it's children. */\n  height?: string;\n\n  /** Theme object for light mode */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: \"light\", \"dark\", or \"system\". Defaults to \"system\" */\n  mode?: CourierComponentThemeMode;\n\n  /** Type of feed to display in the inbox (\"inbox\" or \"archive\"). Defaults to \"inbox\" */\n  feedType?: CourierInboxFeedType;\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). Only works on devices that support touch. */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxComponent = forwardRef<CourierInboxElement, CourierInboxProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.\");\n  }\n\n  // Element ref for use in effects, updated by handleRef.\n  const inboxRef = useRef<CourierInboxElement | null>(null);\n  const [elementReady, setElementReady] = useState(false);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierInboxElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierInboxElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    inboxRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierInboxElement | null {\n    return inboxRef.current;\n  }\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, elementReady]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, elementReady]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, elementReady]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderHeader, elementReady]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderListItem, elementReady]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, elementReady]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, elementReady]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderErrorState, elementReady]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, elementReady]);\n\n  // Set feed type\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    queueMicrotask(() => {\n      inbox.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-inbox\n      ref={handleRef}\n      height={props.height}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n","import { useEffect, useRef, forwardRef, ReactNode, useContext, useState } from 'react';\nimport {\n  CourierInboxFeedType,\n  CourierInboxHeaderFactoryProps,\n  CourierInboxListItemActionFactoryProps,\n  CourierInboxListItemFactoryProps,\n  CourierInboxMenuButtonFactoryProps,\n  CourierInboxPopupMenu as CourierInboxPopupMenuElement,\n  CourierInboxPaginationItemFactoryProps,\n  CourierInboxPopupAlignment,\n  CourierInboxStateEmptyFactoryProps,\n  CourierInboxStateErrorFactoryProps,\n  CourierInboxStateLoadingFactoryProps,\n  CourierInboxTheme,\n} from '@trycourier/courier-ui-inbox';\nimport { CourierComponentThemeMode } from '@trycourier/courier-ui-core';\nimport { CourierClientComponent } from './courier-client-component';\nimport { CourierRenderContext } from '../context/render-context';\n\nexport interface CourierInboxPopupMenuProps {\n  /** Alignment of the popup menu: 'top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center', 'center-right', 'center-left', 'center-center'. */\n  popupAlignment?: CourierInboxPopupAlignment;\n\n  /** Width of the popup menu container. */\n  popupWidth?: string;\n\n  /** Height of the popup menu container. */\n  popupHeight?: string;\n\n  /** CSS left position for the popup menu. */\n  left?: string;\n\n  /** CSS top position for the popup menu. */\n  top?: string;\n\n  /** CSS right position for the popup menu. */\n  right?: string;\n\n  /** CSS bottom position for the popup menu. */\n  bottom?: string;\n\n  /** Theme object for light mode. */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode. */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: 'light', 'dark', or 'system'. */\n  mode?: CourierComponentThemeMode;\n\n  /** Type of feed to display in the popup menu ('inbox' or 'archive'). */\n  feedType?: CourierInboxFeedType;\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the menu button. */\n  renderMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxPopupMenuComponent = forwardRef<CourierInboxPopupMenuElement, CourierInboxPopupMenuProps>(\n  (props, ref) => {\n    const render = useContext(CourierRenderContext);\n    if (!render) {\n      throw new Error(\"RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.\");\n    }\n\n    // Element ref for use in effects, updated by handleRef.\n    const inboxRef = useRef<CourierInboxPopupMenuElement | null>(null);\n    const [elementReady, setElementReady] = useState(false);\n\n    // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n    // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n    // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n    // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n    function handleRef(el: CourierInboxPopupMenuElement | null) {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(el);\n        } else {\n          // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n          (ref as React.RefObject<CourierInboxPopupMenuElement | null>).current = el;\n        }\n      }\n\n      // Store the element for use in effects\n      inboxRef.current = el;\n\n      // Update element ready state\n      setElementReady(!!el);\n    }\n\n    // Helper to get the current element\n    function getEl(): CourierInboxPopupMenuElement | null {\n      return inboxRef.current;\n    }\n\n    // Use a ref to track the last set feedType to prevent duplicate state changes\n    const lastFeedTypeRef = useRef<CourierInboxFeedType | undefined>(undefined);\n\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      // Only set feedType if it has changed from the last set value\n      if (props.feedType !== lastFeedTypeRef.current) {\n        lastFeedTypeRef.current = props.feedType;\n        queueMicrotask(() => {\n          menu.setFeedType?.(props.feedType ?? 'inbox');\n        });\n      }\n    }, [props.feedType, elementReady]);\n\n    // Handle message click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageClick(props.onMessageClick);\n    }, [props.onMessageClick, elementReady]);\n\n    // Handle message action click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageActionClick(props.onMessageActionClick);\n    }, [props.onMessageActionClick, elementReady]);\n\n    // Handle message long press\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageLongPress(props.onMessageLongPress);\n    }, [props.onMessageLongPress, elementReady]);\n\n    // Render header\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderHeader) return;\n      queueMicrotask(() => {\n        menu.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderHeader!(headerProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderHeader, elementReady]);\n\n    // Render list item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderListItem) return;\n      queueMicrotask(() => {\n        menu.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderListItem!(itemProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderListItem, elementReady]);\n\n    // Render empty state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderEmptyState) return;\n      queueMicrotask(() => {\n        menu.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderEmptyState!(emptyStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderEmptyState, elementReady]);\n\n    // Render loading state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderLoadingState) return;\n      queueMicrotask(() => {\n        menu.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderLoadingState!(loadingStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderLoadingState, elementReady]);\n\n    // Render error state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderErrorState) return;\n      queueMicrotask(() => {\n        menu.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderErrorState!(errorStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderErrorState, elementReady]);\n\n    // Render pagination item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderPaginationItem) return;\n      queueMicrotask(() => {\n        menu.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderPaginationItem!(paginationProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderPaginationItem, elementReady]);\n\n    // Render menu button\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderMenuButton) return;\n      queueMicrotask(() => {\n        menu.setMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderMenuButton!(buttonProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderMenuButton, elementReady]);\n\n    const children = (\n      /* @ts-ignore */\n      <courier-inbox-popup-menu\n        ref={handleRef}\n        popup-alignment={props.popupAlignment}\n        popup-width={props.popupWidth}\n        popup-height={props.popupHeight}\n        left={props.left}\n        top={props.top}\n        right={props.right}\n        bottom={props.bottom}\n        light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n        dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n        mode={props.mode}\n      />\n    );\n\n    return (\n      <CourierClientComponent children={children} />\n    );\n  }\n);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, CSSProperties, useState } from \"react\";\nimport { CourierToastTheme, CourierToast as CourierToastElement, CourierToastItemFactoryProps } from \"@trycourier/courier-ui-toast\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\nimport { CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from \"@trycourier/courier-ui-toast\";\n\n/** Props that may be passed to the CourierToast component. */\nexport interface CourierToastProps {\n  /**\n   * Styles applied to the CourierToast component.\n   *\n   * By default, the component has the following styles:\n   *\n   * ```css\n   * position: \"fixed\";\n   * width: \"380px\";\n   * top: \"30px\";\n   * right: \"30px\";\n   * z-index: 999;\n   * ```\n   *\n   * Setting styles directly on the component is useful to customize the component's\n   * position and layout. Setting `height` is effectively a no-op, as `height`\n   * will be dynamically set by the component as toast items are added and removed.\n   */\n  style?: CSSProperties;\n\n  /** Theme object used to render the component when light mode is used. */\n  lightTheme?: CourierToastTheme;\n\n  /** Theme object used to render the component when dark mode is used. */\n  darkTheme?: CourierToastTheme;\n\n  /** Manually set the theme mode to one of \"light\", \"dark\", or \"system\". Defaults to \"system\". */\n  mode?: CourierComponentThemeMode;\n\n  /** Enable toasts to auto-dismiss, including a timer bar at the top of the toast. Defaults to false. */\n  autoDismiss?: boolean;\n\n  /**\n   * The timeout before a toast auto-dismisses, if {@link CourierToastProps.autoDismiss} is enabled.\n   * Defaults to 5000ms.\n   */\n  autoDismissTimeoutMs?: number;\n\n  /**\n   * Set the dismiss button's visibility.\n   *\n   * Defaults to \"auto\", which makes the button always visible if `autoDismiss` is false\n   * and visible on hover if `autoDismiss` is true.\n   */\n  dismissButton?: CourierToastDismissButtonOption;\n\n  /** Callback function invoked when a toast item is clicked. */\n  onToastItemClick?: (props: CourierToastItemClickEvent) => void;\n\n  /** Callback function invoked when a toast item action button is clicked. */\n  onToastItemActionClick?: (props: CourierToastItemActionClickEvent) => void;\n\n  /**\n   * Callback function invoked when the component is ready to receive messages.\n   *\n   * Use onReady to ensure CourierToast has applied event listeners and\n   * render props passed to the component before toasts are presented.\n   *\n   * @example\n   * ```tsx\n   * const [toastReady, setToastReady] = useState(false);\n   * const courier = useCourier();\n   *\n   * useEffect(() => {\n   *   if (toastReady) {\n   *     courier.shared.signIn({ userId, jwt });\n   *   }\n   * }, [toastReady]);\n   *\n   * return <CourierToast onReady={setToastReady} renderToastItem={myCustomItem} />\n   * ```\n   */\n  onReady?: (ready: boolean) => void;\n\n  /** Render prop specifying how to render an entire toast item. */\n  renderToastItem?: (props: CourierToastItemFactoryProps) => ReactNode;\n\n  /**\n   * Render prop specifying how to render a toast item's content.\n   *\n   * The toast item's container, including the stack, auto-dismiss timer, and dismiss button\n   * are still present when this prop is set.\n   *\n   * See {@link CourierToastProps.dismissButton} to customize the dismiss button's visibility and\n   * {@link CourierToastProps.renderToastItem} to customize the entire toast item, including\n   * its container.\n   */\n  renderToastItemContent?: (props: CourierToastItemFactoryProps) => ReactNode;\n}\n\nexport const CourierToastComponent = forwardRef<CourierToastElement, CourierToastProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.\");\n  }\n\n  // Track ready state for each of the useEffects that is called for a prop set on CourierToastComponent\n  // which must be translated into an imperative call on <courier-toast>.\n  // When all the steps are complete, props.onReady is called to indicate the component is ready to receive toasts.\n  const [setupSteps, setSetupSteps] = useState({\n    elementMounted: false,\n    onItemClickSet: false,\n    onItemActionClickSet: false,\n    renderToastItemSet: false,\n    renderToastItemContentSet: false\n  });\n  const [elementReady, setElementReady] = useState(false);\n\n  // Element ref for use in effects, updated by handleRef.\n  const toastRef = useRef<CourierToastElement | null>(null);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierToastElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierToastElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    toastRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierToastElement | null {\n    return toastRef.current;\n  }\n\n  // Check if all setup steps are complete and fire onReady\n  useEffect(() => {\n    const allStepsComplete = Object.values(setupSteps).every(step => step);\n    if (allStepsComplete && props.onReady) {\n      props.onReady(true);\n    }\n  }, [setupSteps, props.onReady]);\n\n  // Track when element is mounted\n  useEffect(() => {\n    if (elementReady) {\n      setSetupSteps(prev => ({ ...prev, elementMounted: true }));\n    }\n  }, [elementReady]);\n\n  // Handle toast item click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemClick(props.onToastItemClick);\n    setSetupSteps(prev => ({ ...prev, onItemClickSet: true }));\n  }, [props.onToastItemClick, elementReady]);\n\n  // Handle toast item action click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemActionClick(props.onToastItemActionClick);\n    setSetupSteps(prev => ({ ...prev, onItemActionClickSet: true }));\n  }, [props.onToastItemActionClick, elementReady]);\n\n  // Render toast item\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItem) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n      return;\n    }\n\n    queueMicrotask(() => {\n      toast.setToastItem((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n    setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n\n  }, [props.renderToastItem, elementReady]);\n\n  // Render toast item content\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItemContent) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n      return;\n    }\n    queueMicrotask(() => {\n      toast.setToastItemContent((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItemContent!(itemProps);\n        return render(reactNode);\n      });\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n    });\n  }, [props.renderToastItemContent, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-toast\n      ref={handleRef}\n      style={props.style}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n      auto-dismiss={props.autoDismiss}\n      auto-dismiss-timeout-ms={props.autoDismissTimeoutMs}\n      dismiss-button={props.dismissButton}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/hooks/use-courier.tsx","../src/components/courier-client-component.tsx","../src/context/render-context.ts","../src/components/courier-inbox-component.tsx","../src/components/courier-inbox-popup-menu-component.tsx","../src/components/courier-toast-component.tsx"],"sourcesContent":["import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, InboxDataSet, CourierInboxFeed } from '@trycourier/courier-ui-inbox';\nimport { CourierToastDatastore, CourierToastDatastoreListener } from '@trycourier/courier-ui-toast';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { canUseCache: boolean }) => Promise<void>,\n  fetchNextPageOfMessages: (props: { datasetId: string }) => Promise<InboxDataSet | null>,\n  setPaginationLimit: (limit: number) => void,\n  readMessage: (message: InboxMessage) => Promise<void>,\n  unreadMessage: (message: InboxMessage) => Promise<void>,\n  clickMessage: (message: InboxMessage) => Promise<void>,\n  archiveMessage: (message: InboxMessage) => Promise<void>,\n  openMessage: (message: InboxMessage) => Promise<void>,\n  unarchiveMessage: (message: InboxMessage) => Promise<void>,\n  readAllMessages: () => Promise<void>,\n  registerFeeds: (feeds: CourierInboxFeed[]) => void,\n  listenForUpdates: () => Promise<void>,\n  feeds: Record<string, InboxDataSet>,\n  totalUnreadCount?: number,\n  error?: Error\n}\n\ntype ToastHooks = {\n  addMessage: (message: InboxMessage) => void;\n  removeMessage: (message: InboxMessage) => void;\n  error?: Error,\n}\n\n// A hook for managing the shared state of Courier\n// If you want to use more functions, checkout the Courier JS SDK which\n// can be used directly by importing from '@trycourier/courier-js'\nexport const useCourier = () => {\n\n  // Authentication Functions\n  const signIn = (props: CourierProps) => Courier.shared.signIn(props);\n  const signOut = () => Courier.shared.signOut();\n\n  // Inbox Functions\n  const loadInbox = (props?: { canUseCache: boolean }) => CourierInboxDatastore.shared.load(props);\n  const fetchNextPageOfMessages = (props: { datasetId: string }) => CourierInboxDatastore.shared.fetchNextPageOfMessages(props);\n  const setPaginationLimit = (limit: number) => Courier.shared.paginationLimit = limit;\n  const readMessage = (message: InboxMessage) => CourierInboxDatastore.shared.readMessage({ message });\n  const unreadMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unreadMessage({ message });\n  const clickMessage = (message: InboxMessage) => CourierInboxDatastore.shared.clickMessage({ message });\n  const archiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.archiveMessage({ message });\n  const openMessage = (message: InboxMessage) => CourierInboxDatastore.shared.openMessage({ message });\n  const unarchiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unarchiveMessage({ message });\n  const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();\n  const registerFeeds = (feeds: CourierInboxFeed[]) => CourierInboxDatastore.shared.registerFeeds(feeds);\n  const listenForUpdates = () => CourierInboxDatastore.shared.listenForUpdates();\n\n  // State\n  const [auth, setAuth] = React.useState<AuthenticationHooks>({\n    userId: undefined,\n    signIn,\n    signOut\n  });\n\n  const [inbox, setInbox] = React.useState<InboxHooks>({\n    load: loadInbox,\n    fetchNextPageOfMessages,\n    setPaginationLimit,\n    readMessage,\n    unreadMessage,\n    clickMessage,\n    archiveMessage,\n    openMessage,\n    unarchiveMessage,\n    readAllMessages,\n    registerFeeds,\n    listenForUpdates,\n    feeds: {}\n  });\n\n  const addToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.addMessage(message);\n  const removeToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.removeMessage(message);\n\n  const [toast, setToast] = React.useState<ToastHooks>({\n    addMessage: addToastMessage,\n    removeMessage: removeToastMessage,\n  });\n\n  React.useEffect(() => {\n\n    // Add a listener to the Courier instance\n    const listener = Courier.shared.addAuthenticationListener(() => refreshAuth());\n\n    // Add inbox data store listener\n    const inboxListener = new CourierInboxDataStoreListener({\n      onError: (error: Error) => refreshInbox(error),\n      onDataSetChange: () => refreshInbox(),\n      onPageAdded: () => refreshInbox(),\n      onMessageAdd: () => refreshInbox(),\n      onMessageRemove: () => refreshInbox(),\n      onMessageUpdate: () => refreshInbox(),\n      onUnreadCountChange: () => refreshInbox(),\n      onTotalUnreadCountChange: () => refreshInbox()\n    });\n    CourierInboxDatastore.shared.addDataStoreListener(inboxListener);\n\n    const toastListener = new CourierToastDatastoreListener({\n      onMessageAdd: () => refreshToast(),\n      onMessageRemove: () => refreshToast(),\n      onError: (error: Error) => refreshToast(error),\n    });\n    CourierToastDatastore.shared.addDatastoreListener(toastListener);\n\n    // Set initial values\n    refreshAuth();\n    refreshInbox();\n    refreshToast();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.remove();\n      toastListener.remove();\n    };\n  }, []);\n\n  const refreshAuth = () => {\n    const options = Courier.shared.client?.options;\n    setAuth({\n      userId: options?.userId,\n      signIn,\n      signOut\n    });\n  }\n\n  const refreshInbox = (error?: Error) => {\n    const datastore = CourierInboxDatastore.shared;\n    const allDatasets = datastore.getDatasets();\n    setInbox({\n      load: loadInbox,\n      fetchNextPageOfMessages,\n      setPaginationLimit,\n      readMessage,\n      unreadMessage,\n      clickMessage,\n      archiveMessage,\n      openMessage,\n      unarchiveMessage,\n      readAllMessages,\n      registerFeeds,\n      listenForUpdates,\n      feeds: allDatasets,\n      totalUnreadCount: datastore.totalUnreadCount,\n      error: error,\n    });\n  }\n\n  const refreshToast = (error?: Error) => {\n    setToast({\n      addMessage: addToastMessage,\n      removeMessage: removeToastMessage,\n      error,\n    });\n  };\n\n  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n    toast: toast,\n  };\n};\n","import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n  children: React.ReactNode;\n}\n\n// This class prevents issues with server side rendering react components\n// It will force the component to only render client side\n// A future update could support server side rendering if there is enough demand\nexport const CourierClientComponent: React.FC<CourierClientProps> = ({ children }) => {\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => {\n    setIsMounted(true);\n  }, []);\n\n  // During SSR, render nothing or fallback\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return <>{children}</>;\n};","import { createContext, ReactNode } from \"react\";\n\ntype RenderFn = (node: ReactNode) => HTMLElement;\n\n/**\n * Context providing a function to render a React component.\n *\n * Courier's React package renders as follows:\n *\n *   - React engine (client application)\n *     - Courier React components\n *       - Courier web components\n *         - [Optional] User-provided React components (ex. a list item)\n *\n * By default, React will not render the user-provided React components within Courier's\n * web components. We instead manually render the user-provided React components and inject\n * them into the Courier web components.\n *\n * Client rendering changed between React 17 and 18, so the SDKs provide React version-specific\n * rendering functions. See\n * https://18.react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis.\n */\nexport const CourierRenderContext = createContext<RenderFn | null>(null);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, useState } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeed } from \"@trycourier/courier-ui-inbox\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\n\nexport interface CourierInboxProps {\n  /** Height of the inbox container. Defaults to \"auto\" and will resize itself based on it's children. */\n  height?: string;\n\n  /** Theme object for light mode */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: \"light\", \"dark\", or \"system\". Defaults to \"system\" */\n  mode?: CourierComponentThemeMode;\n\n  /** Type of feed to display in the inbox. Defaults to \"inbox\" */\n  feedType?: string;\n\n  /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */\n  feeds?: CourierInboxFeed[];\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). Only works on devices that support touch. */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxComponent = forwardRef<CourierInboxElement, CourierInboxProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.\");\n  }\n\n  // Element ref for use in effects, updated by handleRef.\n  const inboxRef = useRef<CourierInboxElement | null>(null);\n  const [elementReady, setElementReady] = useState(false);\n  const feedsSetRef = useRef(false);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierInboxElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierInboxElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    inboxRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierInboxElement | null {\n    return inboxRef.current;\n  }\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, elementReady]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, elementReady]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, elementReady]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderHeader, elementReady]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderListItem, elementReady]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, elementReady]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, elementReady]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderErrorState, elementReady]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return render(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, elementReady]);\n\n  // Set feeds (only once when element is ready)\n  useEffect(() => {\n    const inbox = getEl();\n    if (!inbox || !props.feeds || feedsSetRef.current) return;\n    feedsSetRef.current = true;\n    queueMicrotask(() => {\n      inbox.setFeeds(props.feeds!);\n    });\n  }, [props.feeds, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-inbox\n      ref={handleRef}\n      height={props.height}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n","import { useEffect, useRef, forwardRef, ReactNode, useContext, useState } from 'react';\nimport {\n  CourierInboxHeaderFactoryProps,\n  CourierInboxListItemActionFactoryProps,\n  CourierInboxListItemFactoryProps,\n  CourierInboxMenuButtonFactoryProps,\n  CourierInboxPopupMenu as CourierInboxPopupMenuElement,\n  CourierInboxPaginationItemFactoryProps,\n  CourierInboxPopupAlignment,\n  CourierInboxStateEmptyFactoryProps,\n  CourierInboxStateErrorFactoryProps,\n  CourierInboxStateLoadingFactoryProps,\n  CourierInboxTheme,\n  CourierInboxFeed,\n} from '@trycourier/courier-ui-inbox';\nimport { CourierComponentThemeMode } from '@trycourier/courier-ui-core';\nimport { CourierClientComponent } from './courier-client-component';\nimport { CourierRenderContext } from '../context/render-context';\n\nexport interface CourierInboxPopupMenuProps {\n  /** Alignment of the popup menu: 'top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center', 'center-right', 'center-left', 'center-center'. */\n  popupAlignment?: CourierInboxPopupAlignment;\n\n  /** Width of the popup menu container. */\n  popupWidth?: string;\n\n  /** Height of the popup menu container. */\n  popupHeight?: string;\n\n  /** CSS left position for the popup menu. */\n  left?: string;\n\n  /** CSS top position for the popup menu. */\n  top?: string;\n\n  /** CSS right position for the popup menu. */\n  right?: string;\n\n  /** CSS bottom position for the popup menu. */\n  bottom?: string;\n\n  /** Theme object for light mode. */\n  lightTheme?: CourierInboxTheme;\n\n  /** Theme object for dark mode. */\n  darkTheme?: CourierInboxTheme;\n\n  /** Theme mode: 'light', 'dark', or 'system'. */\n  mode?: CourierComponentThemeMode;\n\n  /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */\n  feeds?: CourierInboxFeed[];\n\n  /** Callback fired when a message is clicked. */\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Callback fired when a message action (e.g., button) is clicked. */\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n  /** Callback fired when a message is long-pressed (for mobile/gesture support). */\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n  /** Allows you to pass a custom component as the header. */\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the list item. */\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the empty state. */\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the loading state. */\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the error state. */\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the pagination list item. */\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n\n  /** Allows you to pass a custom component as the menu button. */\n  renderMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => ReactNode;\n}\n\nexport const CourierInboxPopupMenuComponent = forwardRef<CourierInboxPopupMenuElement, CourierInboxPopupMenuProps>(\n  (props, ref) => {\n    const render = useContext(CourierRenderContext);\n    if (!render) {\n      throw new Error(\"RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.\");\n    }\n\n    // Element ref for use in effects, updated by handleRef.\n    const inboxRef = useRef<CourierInboxPopupMenuElement | null>(null);\n    const [elementReady, setElementReady] = useState(false);\n    const feedsSetRef = useRef(false);\n\n    // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n    // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n    // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n    // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n    function handleRef(el: CourierInboxPopupMenuElement | null) {\n      if (ref) {\n        if (typeof ref === 'function') {\n          ref(el);\n        } else {\n          // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n          (ref as React.RefObject<CourierInboxPopupMenuElement | null>).current = el;\n        }\n      }\n\n      // Store the element for use in effects\n      inboxRef.current = el;\n\n      // Update element ready state\n      setElementReady(!!el);\n    }\n\n    // Helper to get the current element\n    function getEl(): CourierInboxPopupMenuElement | null {\n      return inboxRef.current;\n    }\n\n    // Handle message click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageClick(props.onMessageClick);\n    }, [props.onMessageClick, elementReady]);\n\n    // Handle message action click\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageActionClick(props.onMessageActionClick);\n    }, [props.onMessageActionClick, elementReady]);\n\n    // Handle message long press\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu) return;\n      menu.onMessageLongPress(props.onMessageLongPress);\n    }, [props.onMessageLongPress, elementReady]);\n\n    // Render header\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderHeader) return;\n      queueMicrotask(() => {\n        menu.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderHeader!(headerProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderHeader, elementReady]);\n\n    // Render list item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderListItem) return;\n      queueMicrotask(() => {\n        menu.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderListItem!(itemProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderListItem, elementReady]);\n\n    // Render empty state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderEmptyState) return;\n      queueMicrotask(() => {\n        menu.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderEmptyState!(emptyStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderEmptyState, elementReady]);\n\n    // Render loading state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderLoadingState) return;\n      queueMicrotask(() => {\n        menu.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderLoadingState!(loadingStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderLoadingState, elementReady]);\n\n    // Render error state\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderErrorState) return;\n      queueMicrotask(() => {\n        menu.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderErrorState!(errorStateProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderErrorState, elementReady]);\n\n    // Render pagination item\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderPaginationItem) return;\n      queueMicrotask(() => {\n        menu.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderPaginationItem!(paginationProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderPaginationItem, elementReady]);\n\n    // Render menu button\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.renderMenuButton) return;\n      queueMicrotask(() => {\n        menu.setMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n          const reactNode = props.renderMenuButton!(buttonProps);\n          return render(reactNode);\n        });\n      });\n    }, [props.renderMenuButton, elementReady]);\n\n    // Set feeds (only once when element is ready)\n    useEffect(() => {\n      const menu = getEl();\n      if (!menu || !props.feeds || feedsSetRef.current) return;\n      feedsSetRef.current = true;\n      queueMicrotask(() => {\n        menu.setFeeds(props.feeds!);\n      });\n    }, [props.feeds, elementReady]);\n\n    const children = (\n      /* @ts-ignore */\n      <courier-inbox-popup-menu\n        ref={handleRef}\n        popup-alignment={props.popupAlignment}\n        popup-width={props.popupWidth}\n        popup-height={props.popupHeight}\n        left={props.left}\n        top={props.top}\n        right={props.right}\n        bottom={props.bottom}\n        light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n        dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n        mode={props.mode}\n      />\n    );\n\n    return (\n      <CourierClientComponent children={children} />\n    );\n  }\n);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, CSSProperties, useState } from \"react\";\nimport { CourierToastTheme, CourierToast as CourierToastElement, CourierToastItemFactoryProps } from \"@trycourier/courier-ui-toast\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\nimport { CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from \"@trycourier/courier-ui-toast\";\n\n/** Props that may be passed to the CourierToast component. */\nexport interface CourierToastProps {\n  /**\n   * Styles applied to the CourierToast component.\n   *\n   * By default, the component has the following styles:\n   *\n   * ```css\n   * position: \"fixed\";\n   * width: \"380px\";\n   * top: \"30px\";\n   * right: \"30px\";\n   * z-index: 999;\n   * ```\n   *\n   * Setting styles directly on the component is useful to customize the component's\n   * position and layout. Setting `height` is effectively a no-op, as `height`\n   * will be dynamically set by the component as toast items are added and removed.\n   */\n  style?: CSSProperties;\n\n  /** Theme object used to render the component when light mode is used. */\n  lightTheme?: CourierToastTheme;\n\n  /** Theme object used to render the component when dark mode is used. */\n  darkTheme?: CourierToastTheme;\n\n  /** Manually set the theme mode to one of \"light\", \"dark\", or \"system\". Defaults to \"system\". */\n  mode?: CourierComponentThemeMode;\n\n  /** Enable toasts to auto-dismiss, including a timer bar at the top of the toast. Defaults to false. */\n  autoDismiss?: boolean;\n\n  /**\n   * The timeout before a toast auto-dismisses, if {@link CourierToastProps.autoDismiss} is enabled.\n   * Defaults to 5000ms.\n   */\n  autoDismissTimeoutMs?: number;\n\n  /**\n   * Set the dismiss button's visibility.\n   *\n   * Defaults to \"auto\", which makes the button always visible if `autoDismiss` is false\n   * and visible on hover if `autoDismiss` is true.\n   */\n  dismissButton?: CourierToastDismissButtonOption;\n\n  /** Callback function invoked when a toast item is clicked. */\n  onToastItemClick?: (props: CourierToastItemClickEvent) => void;\n\n  /** Callback function invoked when a toast item action button is clicked. */\n  onToastItemActionClick?: (props: CourierToastItemActionClickEvent) => void;\n\n  /**\n   * Callback function invoked when the component is ready to receive messages.\n   *\n   * Use onReady to ensure CourierToast has applied event listeners and\n   * render props passed to the component before toasts are presented.\n   *\n   * @example\n   * ```tsx\n   * const [toastReady, setToastReady] = useState(false);\n   * const courier = useCourier();\n   *\n   * useEffect(() => {\n   *   if (toastReady) {\n   *     courier.shared.signIn({ userId, jwt });\n   *   }\n   * }, [toastReady]);\n   *\n   * return <CourierToast onReady={setToastReady} renderToastItem={myCustomItem} />\n   * ```\n   */\n  onReady?: (ready: boolean) => void;\n\n  /** Render prop specifying how to render an entire toast item. */\n  renderToastItem?: (props: CourierToastItemFactoryProps) => ReactNode;\n\n  /**\n   * Render prop specifying how to render a toast item's content.\n   *\n   * The toast item's container, including the stack, auto-dismiss timer, and dismiss button\n   * are still present when this prop is set.\n   *\n   * See {@link CourierToastProps.dismissButton} to customize the dismiss button's visibility and\n   * {@link CourierToastProps.renderToastItem} to customize the entire toast item, including\n   * its container.\n   */\n  renderToastItemContent?: (props: CourierToastItemFactoryProps) => ReactNode;\n}\n\nexport const CourierToastComponent = forwardRef<CourierToastElement, CourierToastProps>((props, ref) => {\n  const render = useContext(CourierRenderContext);\n  if (!render) {\n    throw new Error(\"RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.\");\n  }\n\n  // Track ready state for each of the useEffects that is called for a prop set on CourierToastComponent\n  // which must be translated into an imperative call on <courier-toast>.\n  // When all the steps are complete, props.onReady is called to indicate the component is ready to receive toasts.\n  const [setupSteps, setSetupSteps] = useState({\n    elementMounted: false,\n    onItemClickSet: false,\n    onItemActionClickSet: false,\n    renderToastItemSet: false,\n    renderToastItemContentSet: false\n  });\n  const [elementReady, setElementReady] = useState(false);\n\n  // Element ref for use in effects, updated by handleRef.\n  const toastRef = useRef<CourierToastElement | null>(null);\n\n  // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n  // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n  // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n  // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n  function handleRef(el: CourierToastElement | null) {\n    if (ref) {\n\n      // Propagate ref to ref callback functions\n      if (typeof ref === 'function') {\n        ref(el);\n      } else {\n        // Propagate ref to ref objects\n        // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n        (ref as React.RefObject<CourierToastElement | null>).current = el;\n      }\n    }\n\n    // Store the element for use in effects\n    toastRef.current = el;\n\n    // Update element ready state\n    setElementReady(!!el);\n  }\n\n  // Helper to get the current element\n  function getEl(): CourierToastElement | null {\n    return toastRef.current;\n  }\n\n  // Check if all setup steps are complete and fire onReady\n  useEffect(() => {\n    const allStepsComplete = Object.values(setupSteps).every(step => step);\n    if (allStepsComplete && props.onReady) {\n      props.onReady(true);\n    }\n  }, [setupSteps, props.onReady]);\n\n  // Track when element is mounted\n  useEffect(() => {\n    if (elementReady) {\n      setSetupSteps(prev => ({ ...prev, elementMounted: true }));\n    }\n  }, [elementReady]);\n\n  // Handle toast item click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemClick(props.onToastItemClick);\n    setSetupSteps(prev => ({ ...prev, onItemClickSet: true }));\n  }, [props.onToastItemClick, elementReady]);\n\n  // Handle toast item action click\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast) return;\n    toast.onToastItemActionClick(props.onToastItemActionClick);\n    setSetupSteps(prev => ({ ...prev, onItemActionClickSet: true }));\n  }, [props.onToastItemActionClick, elementReady]);\n\n  // Render toast item\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItem) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n      return;\n    }\n\n    queueMicrotask(() => {\n      toast.setToastItem((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItem!(itemProps);\n        return render(reactNode);\n      });\n    });\n    setSetupSteps(prev => ({ ...prev, renderToastItemSet: true }));\n\n  }, [props.renderToastItem, elementReady]);\n\n  // Render toast item content\n  useEffect(() => {\n    const toast = getEl();\n    if (!toast || !props.renderToastItemContent) {\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n      return;\n    }\n    queueMicrotask(() => {\n      toast.setToastItemContent((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n        const reactNode = props.renderToastItemContent!(itemProps);\n        return render(reactNode);\n      });\n      setSetupSteps(prev => ({ ...prev, renderToastItemContentSet: true }));\n    });\n  }, [props.renderToastItemContent, elementReady]);\n\n  const children = (\n    /* @ts-ignore */\n    <courier-toast\n      ref={handleRef}\n      style={props.style}\n      light-theme={props.lightTheme ? JSON.stringify(props.lightTheme) : undefined}\n      dark-theme={props.darkTheme ? JSON.stringify(props.darkTheme) : undefined}\n      mode={props.mode}\n      auto-dismiss={props.autoDismiss}\n      auto-dismiss-timeout-ms={props.autoDismissTimeoutMs}\n      dismiss-button={props.dismissButton}\n    />\n  );\n\n  return (\n    <CourierClientComponent children={children} />\n  );\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycourier/courier-react-components",
-  "version": "1.2.4",
+  "version": "2.0.1",
   "description": "React components for the Courier web UI",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
@@ -23,16 +23,16 @@
     "url": "https://github.com/trycourier/courier-web"
   },
   "dependencies": {
-    "@trycourier/courier-js": "2.1.3",
-    "@trycourier/courier-ui-core": "1.0.14",
-    "@trycourier/courier-ui-inbox": "1.2.3",
-    "@trycourier/courier-ui-toast": "1.0.4"
+    "@trycourier/courier-js": "3.0.0",
+    "@trycourier/courier-ui-core": "2.0.0",
+    "@trycourier/courier-ui-inbox": "2.1.0",
+    "@trycourier/courier-ui-toast": "2.0.0"
   },
   "devDependencies": {
-    "@trycourier/courier-js": "2.1.3",
-    "@trycourier/courier-ui-core": "1.0.14",
-    "@trycourier/courier-ui-inbox": "1.2.3",
-    "@trycourier/courier-ui-toast": "1.0.4",
+    "@trycourier/courier-js": "3.0.0",
+    "@trycourier/courier-ui-core": "2.0.0",
+    "@trycourier/courier-ui-inbox": "2.1.0",
+    "@trycourier/courier-ui-toast": "2.0.0",
     "@types/react": "17.0.2",
     "@types/react-dom": "17.0.2",
     "react": "17.0.2",