@trycourier/courier-react 8.0.17-beta → 8.0.19-beta

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

@@ -1,4 +1,5 @@
-import { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from '@trycourier/courier-ui-inbox';
+import { JSX } from '../../../../node_modules/react';
+import { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from '@trycourier/courier-ui-inbox';
 import { CourierComponentThemeMode } from '@trycourier/courier-ui-core';
 export interface CourierInboxPopupMenuProps {
     popupAlignment?: CourierInboxPopupAlignment;
@@ -15,12 +16,12 @@ export interface CourierInboxPopupMenuProps {
     onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;
     onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;
     onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;
-    renderPopupHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => React.ReactNode;
-    renderPopupListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => React.ReactNode;
-    renderPopupEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => React.ReactNode;
-    renderPopupLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => React.ReactNode;
-    renderPopupErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => React.ReactNode;
-    renderPopupPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => React.ReactNode;
-    renderPopupMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => React.ReactNode;
+    renderPopupHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => JSX.Element;
+    renderPopupListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => JSX.Element;
+    renderPopupEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => JSX.Element;
+    renderPopupLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => JSX.Element;
+    renderPopupErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => JSX.Element;
+    renderPopupPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => JSX.Element;
+    renderPopupMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => JSX.Element;
 }
-export declare const CourierInboxPopupMenu: (props: CourierInboxPopupMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CourierInboxPopupMenu: import('../../../../node_modules/react').ForwardRefExoticComponent<CourierInboxPopupMenuProps & import('../../../../node_modules/react').RefAttributes<CourierInboxPopupMenuElement>>;

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

@@ -1,5 +1,5 @@
-import { default as React } from '../../../../node_modules/react';
-import { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from '@trycourier/courier-ui-inbox';
+import { JSX } from '../../../../node_modules/react';
+import { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from '@trycourier/courier-ui-inbox';
 import { CourierComponentThemeMode } from '@trycourier/courier-ui-core';
 export interface CourierInboxProps {
     height?: string;
@@ -10,11 +10,11 @@ export interface CourierInboxProps {
     onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;
     onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;
     onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;
-    renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => React.ReactNode;
-    renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => React.ReactNode;
-    renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => React.ReactNode;
-    renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => React.ReactNode;
-    renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => React.ReactNode;
-    renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => React.ReactNode;
+    renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => JSX.Element;
+    renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => JSX.Element;
+    renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => JSX.Element;
+    renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => JSX.Element;
+    renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => JSX.Element;
+    renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => JSX.Element;
 }
-export declare const CourierInbox: (props: CourierInboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CourierInbox: import('../../../../node_modules/react').ForwardRefExoticComponent<CourierInboxProps & import('../../../../node_modules/react').RefAttributes<CourierInboxElement>>;

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@trycourier/courier-js"),r=require("@trycourier/courier-ui-inbox"),t=require("react"),s=require("react/jsx-runtime"),n=require("react-dom"),o=require("react-dom/client");function a(e){const r=document.createElement("div"),t=o.createRoot(r);n.flushSync((()=>{t.render(e)}));const s=r.firstElementChild;if(!(s instanceof HTMLElement))throw new Error("renderListItem must return a single JSX element that renders to an HTMLElement (e.g., <div>)");return s}const u=({children:e})=>{const[r,n]=t.useState(!1);return t.useEffect((()=>{n(!0)}),[]),"undefined"==typeof window?null:r?s.jsx(s.Fragment,{children:e}):null},i=t.forwardRef(((e,r)=>{const n=t.useRef(null);return t.useEffect((()=>{"function"==typeof r?r(n.current):r&&(r.current=n.current)}),[r]),t.useEffect((()=>{const r=n.current;r&&r.onMessageClick(e.onMessageClick)}),[e.onMessageClick,n]),t.useEffect((()=>{const r=n.current;r&&r.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,n]),t.useEffect((()=>{const r=n.current;r&&r.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,n]),t.useEffect((()=>{const r=n.current;r&&e.renderHeader&&queueMicrotask((()=>{r.setHeader((r=>a(e.renderHeader(r))))}))}),[e.renderHeader,n]),t.useEffect((()=>{const r=n.current;r&&e.renderListItem&&queueMicrotask((()=>{r.setListItem((r=>a(e.renderListItem(r))))}))}),[e.renderListItem,n]),t.useEffect((()=>{const r=n.current;r&&e.renderEmptyState&&queueMicrotask((()=>{r.setEmptyState((r=>a(e.renderEmptyState(r))))}))}),[e.renderEmptyState,n]),t.useEffect((()=>{const r=n.current;r&&e.renderLoadingState&&queueMicrotask((()=>{r.setLoadingState((r=>a(e.renderLoadingState(r))))}))}),[e.renderLoadingState,n]),t.useEffect((()=>{const r=n.current;r&&e.renderErrorState&&queueMicrotask((()=>{r.setErrorState((r=>a(e.renderErrorState(r))))}))}),[e.renderErrorState,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPaginationItem&&queueMicrotask((()=>{r.setPaginationItem((r=>a(e.renderPaginationItem(r))))}))}),[e.renderPaginationItem,n]),t.useEffect((()=>{const r=n.current;r&&queueMicrotask((()=>{r.setFeedType(e.feedType||"inbox")}))}),[e.feedType,n]),s.jsx(u,{children:s.jsx("courier-inbox",{ref:n,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})})}));i.displayName="CourierInbox";const c=t.forwardRef(((e,r)=>{const n=t.useRef(null);return t.useEffect((()=>{"function"==typeof r?r(n.current):r&&(r.current=n.current)}),[r]),t.useEffect((()=>{const r=n.current;r&&r.onMessageClick(e.onMessageClick)}),[e.onMessageClick,n]),t.useEffect((()=>{const r=n.current;r&&r.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,n]),t.useEffect((()=>{const r=n.current;r&&r.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupHeader&&queueMicrotask((()=>{r.setPopupHeader((r=>a(e.renderPopupHeader(r))))}))}),[e.renderPopupHeader,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupListItem&&queueMicrotask((()=>{r.setPopupListItem((r=>a(e.renderPopupListItem(r))))}))}),[e.renderPopupListItem,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupEmptyState&&queueMicrotask((()=>{r.setPopupEmptyState((r=>a(e.renderPopupEmptyState(r))))}))}),[e.renderPopupEmptyState,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupLoadingState&&queueMicrotask((()=>{r.setPopupLoadingState((r=>a(e.renderPopupLoadingState(r))))}))}),[e.renderPopupLoadingState,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupErrorState&&queueMicrotask((()=>{r.setPopupErrorState((r=>a(e.renderPopupErrorState(r))))}))}),[e.renderPopupErrorState,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupPaginationItem&&queueMicrotask((()=>{r.setPopupPaginationItem((r=>a(e.renderPopupPaginationItem(r))))}))}),[e.renderPopupPaginationItem,n]),t.useEffect((()=>{const r=n.current;r&&e.renderPopupMenuButton&&queueMicrotask((()=>{r.setPopupMenuButton((r=>a(e.renderPopupMenuButton(r))))}))}),[e.renderPopupMenuButton,n]),t.useEffect((()=>{const r=n.current;r&&queueMicrotask((()=>{r.setFeedType(e.feedType||"inbox")}))}),[e.feedType,n]),s.jsx(u,{children:s.jsx("courier-inbox-popup-menu",{ref:n,"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})})}));c.displayName="CourierInboxPopupMenu",Object.defineProperty(exports,"archiveMessage",{enumerable:!0,get:()=>r.archiveMessage}),Object.defineProperty(exports,"clickMessage",{enumerable:!0,get:()=>r.clickMessage}),Object.defineProperty(exports,"defaultDarkTheme",{enumerable:!0,get:()=>r.defaultDarkTheme}),Object.defineProperty(exports,"defaultLightTheme",{enumerable:!0,get:()=>r.defaultLightTheme}),Object.defineProperty(exports,"markAsRead",{enumerable:!0,get:()=>r.markAsRead}),Object.defineProperty(exports,"markAsUnread",{enumerable:!0,get:()=>r.markAsUnread}),Object.defineProperty(exports,"mergeTheme",{enumerable:!0,get:()=>r.mergeTheme}),Object.defineProperty(exports,"openMessage",{enumerable:!0,get:()=>r.openMessage}),exports.CourierInbox=i,exports.CourierInboxPopupMenu=c,exports.useCourier=()=>{const s=r=>e.Courier.shared.signIn(r),n=()=>e.Courier.shared.signOut(),o=e=>r.CourierInboxDatastore.shared.load(e),a=e=>r.CourierInboxDatastore.shared.fetchNextPageOfMessages(e),u=r=>e.Courier.shared.paginationLimit=r,i=e=>r.CourierInboxDatastore.shared.readMessage({message:e}),c=e=>r.CourierInboxDatastore.shared.unreadMessage({message:e}),d=e=>r.CourierInboxDatastore.shared.clickMessage({message:e}),p=e=>r.CourierInboxDatastore.shared.archiveMessage({message:e}),g=e=>r.CourierInboxDatastore.shared.openMessage({message:e}),f=e=>r.CourierInboxDatastore.shared.unarchiveMessage({message:e}),m=()=>r.CourierInboxDatastore.shared.readAllMessages(),[h,l]=t.useState({userId:void 0,signIn:s,signOut:n}),[M,P]=t.useState({load:o,fetchNextPageOfMessages:a,setPaginationLimit:u,readMessage:i,unreadMessage:c,clickMessage:d,archiveMessage:p,openMessage:g,unarchiveMessage:f,readAllMessages:m});t.useEffect((()=>{const t=e.Courier.shared.addAuthenticationListener((()=>E())),s=new r.CourierInboxDataStoreListener({onError:e=>x(e),onDataSetChange:()=>x(),onPageAdded:()=>x(),onMessageAdd:()=>x(),onMessageRemove:()=>x(),onMessageUpdate:()=>x(),onUnreadCountChange:()=>x()});return r.CourierInboxDatastore.shared.addDataStoreListener(s),E(),x(),()=>{t.remove(),s.remove()}}),[]);const E=()=>{var r;const t=null==(r=e.Courier.shared.client)?void 0:r.options;l({userId:null==t?void 0:t.userId,signIn:s,signOut:n})},x=e=>{const t=r.CourierInboxDatastore.shared;P({load:o,fetchNextPageOfMessages:a,setPaginationLimit:u,readMessage:i,unreadMessage:c,clickMessage:d,archiveMessage:p,openMessage:g,unarchiveMessage:f,readAllMessages:m,inbox:t.inboxDataSet,archive:t.archiveDataSet,unreadCount:t.unreadCount,error:e})};return{shared:e.Courier.shared,auth:h,inbox:M}};
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/utils/utils.tsx","../src/components/courier-client-component.tsx","../src/components/courier-inbox.tsx","../src/components/courier-inbox-popup-menu.tsx","../src/hooks/use-courier.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { createRoot } from \"react-dom/client\";\n\n/**\n * Converts a React node to an HTMLElement.\n * This function uses flushSync to ensure the DOM is updated synchronously.\n * @param node - The React node to convert.\n * @returns The converted HTMLElement.\n */\nexport function reactNodeToHTMLElement(node: ReactNode): HTMLElement {\n  const container = document.createElement('div');\n\n  // Use React 18 root\n  const root = createRoot(container);\n  flushSync(() => {\n    root.render(node);\n  });\n\n  // Wait until React mounts the content synchronously\n  const element = container.firstElementChild;\n  if (!(element instanceof HTMLElement)) {\n    throw new Error(\n      'renderListItem must return a single JSX element that renders to an HTMLElement (e.g., <div>)'\n    );\n  }\n\n  return element;\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 { useRef, useEffect, JSX, forwardRef } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxProps {\n  height?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => JSX.Element;\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => JSX.Element;\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => JSX.Element;\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => JSX.Element;\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => JSX.Element;\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => JSX.Element;\n}\n\nexport const CourierInbox = forwardRef<CourierInboxElement, CourierInboxProps>((props, ref) => {\n  const inboxRef = useRef<CourierInboxElement | null>(null);\n\n  // Expose the internal ref to the parent if a ref was passed in\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(inboxRef.current);\n    } else if (ref) {\n      (ref as React.RefObject<CourierInboxElement | null>).current = inboxRef.current;\n    }\n  }, [ref]);\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, inboxRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, inboxRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, inboxRef]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderHeader, inboxRef]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderListItem, inboxRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, inboxRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, inboxRef]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderErrorState, inboxRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, inboxRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    queueMicrotask(() => {\n      inbox.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, inboxRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox\n        ref={inboxRef}\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    </CourierClientComponent>\n  );\n});\n\nCourierInbox.displayName = 'CourierInbox';","import { useRef, useEffect, JSX, forwardRef } from \"react\";\nimport { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxPopupMenuProps {\n  popupAlignment?: CourierInboxPopupAlignment;\n  popupWidth?: string;\n  popupHeight?: string;\n  left?: string;\n  top?: string;\n  right?: string;\n  bottom?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderPopupHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => JSX.Element;\n  renderPopupListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => JSX.Element;\n  renderPopupEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => JSX.Element;\n  renderPopupLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => JSX.Element;\n  renderPopupErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => JSX.Element;\n  renderPopupPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => JSX.Element;\n  renderPopupMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => JSX.Element;\n}\n\nexport const CourierInboxPopupMenu = forwardRef<CourierInboxPopupMenuElement, CourierInboxPopupMenuProps>((props, ref) => {\n  const menuRef = useRef<CourierInboxPopupMenuElement>(null);\n\n  // Expose the internal ref to the parent if a ref was passed in\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(menuRef.current);\n    } else if (ref) {\n      (ref as React.RefObject<CourierInboxPopupMenuElement | null>).current = menuRef.current;\n    }\n  }, [ref]);\n\n  // Handle message click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, menuRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, menuRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, menuRef]);\n\n  // Render header\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupHeader) return;\n    queueMicrotask(() => {\n      menu.setPopupHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupHeader, menuRef]);\n\n  // Render list item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupListItem) return;\n    queueMicrotask(() => {\n      menu.setPopupListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupListItem, menuRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupEmptyState) return;\n    queueMicrotask(() => {\n      menu.setPopupEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupEmptyState, menuRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupLoadingState) return;\n    queueMicrotask(() => {\n      menu.setPopupLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupLoadingState, menuRef]);\n\n  // Render error state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupErrorState) return;\n    queueMicrotask(() => {\n      menu.setPopupErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupErrorState, menuRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupPaginationItem) return;\n    queueMicrotask(() => {\n      menu.setPopupPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupPaginationItem, menuRef]);\n\n  // Render menu button\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupMenuButton) return;\n    queueMicrotask(() => {\n      menu.setPopupMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupMenuButton!(buttonProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupMenuButton, menuRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    queueMicrotask(() => {\n      menu.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, menuRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox-popup-menu\n        ref={menuRef}\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    </CourierClientComponent>\n  );\n});\n\nCourierInboxPopupMenu.displayName = 'CourierInboxPopupMenu';","import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, CourierInboxFeedType, InboxDataSet } from '@trycourier/courier-ui-inbox';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { feedType: CourierInboxFeedType, 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\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?: { feedType: CourierInboxFeedType, 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  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    // Set initial values\n    refreshAuth();\n    refreshInbox();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.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  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n  };\n};\n"],"names":["reactNodeToHTMLElement","node","container","document","createElement","root","createRoot","flushSync","render","element","firstElementChild","HTMLElement","Error","CourierClientComponent","children","isMounted","setIsMounted","useState","useEffect","window","CourierInbox","forwardRef","props","ref","inboxRef","useRef","current","inbox","onMessageClick","onMessageActionClick","onMessageLongPress","renderHeader","queueMicrotask","setHeader","headerProps","renderListItem","setListItem","itemProps","renderEmptyState","setEmptyState","emptyStateProps","renderLoadingState","setLoadingState","loadingStateProps","renderErrorState","setErrorState","errorStateProps","renderPaginationItem","setPaginationItem","paginationProps","setFeedType","feedType","jsxRuntime","jsx","height","lightTheme","JSON","stringify","darkTheme","mode","displayName","CourierInboxPopupMenu","menuRef","menu","renderPopupHeader","setPopupHeader","renderPopupListItem","setPopupListItem","renderPopupEmptyState","setPopupEmptyState","renderPopupLoadingState","setPopupLoadingState","renderPopupErrorState","setPopupErrorState","renderPopupPaginationItem","setPopupPaginationItem","renderPopupMenuButton","setPopupMenuButton","buttonProps","popupAlignment","popupWidth","popupHeight","left","top","right","bottom","signIn","Courier","shared","signOut","loadInbox","CourierInboxDatastore","load","fetchNextPageOfMessages","setPaginationLimit","limit","paginationLimit","readMessage","message","unreadMessage","clickMessage","archiveMessage","openMessage","unarchiveMessage","readAllMessages","auth","setAuth","React","userId","setInbox","listener","addAuthenticationListener","refreshAuth","inboxListener","CourierInboxDataStoreListener","onError","error","refreshInbox","onDataSetChange","onPageAdded","onMessageAdd","onMessageRemove","onMessageUpdate","onUnreadCountChange","addDataStoreListener","remove","options","client","_a","datastore","inboxDataSet","archive","archiveDataSet","unreadCount"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,3 +1,8 @@
 export * from './hooks/use-courier';
 export * from './components/courier-inbox';
 export * from './components/courier-inbox-popup-menu';
+export type { CourierProps, CourierClientOptions, CourierBrand, CourierApiUrls, CourierUserPreferences, CourierUserPreferencesStatus, CourierUserPreferencesChannel, CourierUserPreferencesPaging, CourierUserPreferencesTopic, CourierUserPreferencesTopicResponse, CourierDevice, CourierToken, CourierGetInboxMessageResponse, CourierGetInboxMessagesResponse, InboxMessage, InboxAction, InboxMessageEventEnvelope, } from '@trycourier/courier-js';
+export { markAsRead, markAsUnread, clickMessage, archiveMessage, openMessage } from '@trycourier/courier-ui-inbox';
+export type { CourierInboxHeaderFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxListItemFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxFeedType } from '@trycourier/courier-ui-inbox';
+export type { CourierInboxTheme, CourierInboxFontTheme, CourierInboxIconTheme, CourierInboxFilterItemTheme, CourierInboxUnreadIndicatorTheme, CourierInboxIconButtonTheme, CourierInboxButtonTheme, CourierInboxMenuButtonTheme, CourierInboxPopupTheme, CourierInboxListItemTheme, CourierInboxSkeletonLoadingStateTheme, CourierInboxInfoStateTheme, CourierMenuItemTheme, CourierFilterMenuTheme, CourierActionMenuTheme } from '@trycourier/courier-ui-inbox';
+export { defaultLightTheme, defaultDarkTheme, mergeTheme } from '@trycourier/courier-ui-inbox';

package/dist/index.mjs

@@ -1,8 +1,10 @@
-import { CourierInboxDatastore, CourierInboxDataStoreListener } from "@trycourier/courier-ui-inbox";
-import React, { useState, useEffect, useRef } from "react";
 import { Courier } from "@trycourier/courier-js";
-import { createRoot } from "react-dom/client";
+import { CourierInboxDatastore, CourierInboxDataStoreListener } from "@trycourier/courier-ui-inbox";
+import { archiveMessage, clickMessage, defaultDarkTheme, defaultLightTheme, markAsRead, markAsUnread, mergeTheme, openMessage } from "@trycourier/courier-ui-inbox";
+import React, { useState, useEffect, forwardRef, useRef } from "react";
+import { jsx, Fragment } from "react/jsx-runtime";
 import { flushSync } from "react-dom";
+import { createRoot } from "react-dom/client";
 const useCourier = () => {
   const signIn = (props) => Courier.shared.signIn(props);
   const signOut = () => Courier.shared.signOut();
@@ -11,9 +13,9 @@ const useCourier = () => {
   const setPaginationLimit = (limit) => Courier.shared.paginationLimit = limit;
   const readMessage = (message) => CourierInboxDatastore.shared.readMessage({ message });
   const unreadMessage = (message) => CourierInboxDatastore.shared.unreadMessage({ message });
-  const clickMessage = (message) => CourierInboxDatastore.shared.clickMessage({ message });
-  const archiveMessage = (message) => CourierInboxDatastore.shared.archiveMessage({ message });
-  const openMessage = (message) => CourierInboxDatastore.shared.openMessage({ message });
+  const clickMessage2 = (message) => CourierInboxDatastore.shared.clickMessage({ message });
+  const archiveMessage2 = (message) => CourierInboxDatastore.shared.archiveMessage({ message });
+  const openMessage2 = (message) => CourierInboxDatastore.shared.openMessage({ message });
   const unarchiveMessage = (message) => CourierInboxDatastore.shared.unarchiveMessage({ message });
   const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();
   const [auth, setAuth] = React.useState({
@@ -27,9 +29,9 @@ const useCourier = () => {
     setPaginationLimit,
     readMessage,
     unreadMessage,
-    clickMessage,
-    archiveMessage,
-    openMessage,
+    clickMessage: clickMessage2,
+    archiveMessage: archiveMessage2,
+    openMessage: openMessage2,
     unarchiveMessage,
     readAllMessages
   });
@@ -69,9 +71,9 @@ const useCourier = () => {
       setPaginationLimit,
       readMessage,
       unreadMessage,
-      clickMessage,
-      archiveMessage,
-      openMessage,
+      clickMessage: clickMessage2,
+      archiveMessage: archiveMessage2,
+      openMessage: openMessage2,
       unarchiveMessage,
       readAllMessages,
       inbox: datastore.inboxDataSet,
@@ -86,65 +88,19 @@ const useCourier = () => {
     inbox
   };
 };
-var jsxRuntime = { exports: {} };
-var reactJsxRuntime_production = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production;
-function requireReactJsxRuntime_production() {
-  if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-  hasRequiredReactJsxRuntime_production = 1;
-  var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-  function jsxProd(type, config, maybeKey) {
-    var key = null;
-    void 0 !== maybeKey && (key = "" + maybeKey);
-    void 0 !== config.key && (key = "" + config.key);
-    if ("key" in config) {
-      maybeKey = {};
-      for (var propName in config)
-        "key" !== propName && (maybeKey[propName] = config[propName]);
-    } else maybeKey = config;
-    config = maybeKey.ref;
-    return {
-      $$typeof: REACT_ELEMENT_TYPE,
-      type,
-      key,
-      ref: void 0 !== config ? config : null,
-      props: maybeKey
-    };
-  }
-  reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-  reactJsxRuntime_production.jsx = jsxProd;
-  reactJsxRuntime_production.jsxs = jsxProd;
-  return reactJsxRuntime_production;
-}
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-  hasRequiredJsxRuntime = 1;
-  {
-    jsxRuntime.exports = requireReactJsxRuntime_production();
-  }
-  return jsxRuntime.exports;
-}
-var jsxRuntimeExports = requireJsxRuntime();
 function reactNodeToHTMLElement(node) {
   const container = document.createElement("div");
+  const root = createRoot(container);
   flushSync(() => {
-    render(node, container);
+    root.render(node);
   });
-  return container;
-}
-function render(node, container) {
-  const root = createRoot(container);
-  return root.render(node);
+  const element = container.firstElementChild;
+  if (!(element instanceof HTMLElement)) {
+    throw new Error(
+      "renderListItem must return a single JSX element that renders to an HTMLElement (e.g., <div>)"
+    );
+  }
+  return element;
 }
 const CourierClientComponent = ({ children }) => {
   const [isMounted, setIsMounted] = useState(false);
@@ -157,10 +113,17 @@ const CourierClientComponent = ({ children }) => {
   if (!isMounted) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
+  return /* @__PURE__ */ jsx(Fragment, { children });
 };
-const CourierInbox = (props) => {
+const CourierInbox = forwardRef((props, ref) => {
   const inboxRef = useRef(null);
+  useEffect(() => {
+    if (typeof ref === "function") {
+      ref(inboxRef.current);
+    } else if (ref) {
+      ref.current = inboxRef.current;
+    }
+  }, [ref]);
   useEffect(() => {
     const inbox = inboxRef.current;
     if (!inbox) return;
@@ -243,7 +206,7 @@ const CourierInbox = (props) => {
       inbox.setFeedType(props.feedType || "inbox");
     });
   }, [props.feedType, inboxRef]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CourierClientComponent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(CourierClientComponent, { children: /* @__PURE__ */ jsx(
     "courier-inbox",
     {
       ref: inboxRef,
@@ -253,9 +216,17 @@ const CourierInbox = (props) => {
       mode: props.mode
     }
   ) });
-};
-const CourierInboxPopupMenu = (props) => {
+});
+CourierInbox.displayName = "CourierInbox";
+const CourierInboxPopupMenu = forwardRef((props, ref) => {
   const menuRef = useRef(null);
+  useEffect(() => {
+    if (typeof ref === "function") {
+      ref(menuRef.current);
+    } else if (ref) {
+      ref.current = menuRef.current;
+    }
+  }, [ref]);
   useEffect(() => {
     const menu = menuRef.current;
     if (!menu) return;
@@ -348,7 +319,7 @@ const CourierInboxPopupMenu = (props) => {
       menu.setFeedType(props.feedType || "inbox");
     });
   }, [props.feedType, menuRef]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CourierClientComponent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(CourierClientComponent, { children: /* @__PURE__ */ jsx(
     "courier-inbox-popup-menu",
     {
       ref: menuRef,
@@ -364,10 +335,19 @@ const CourierInboxPopupMenu = (props) => {
       mode: props.mode
     }
   ) });
-};
+});
+CourierInboxPopupMenu.displayName = "CourierInboxPopupMenu";
 export {
   CourierInbox,
   CourierInboxPopupMenu,
+  archiveMessage,
+  clickMessage,
+  defaultDarkTheme,
+  defaultLightTheme,
+  markAsRead,
+  markAsUnread,
+  mergeTheme,
+  openMessage,
   useCourier
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/hooks/use-courier.tsx","../../../node_modules/react/cjs/react-jsx-runtime.production.js","../../../node_modules/react/jsx-runtime.js","../src/utils/utils.tsx","../src/components/courier-client-component.tsx","../src/components/courier-inbox.tsx","../src/components/courier-inbox-popup-menu.tsx"],"sourcesContent":["import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, CourierInboxFeedType, InboxDataSet } from '@trycourier/courier-ui-inbox';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { feedType: CourierInboxFeedType, 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\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?: { feedType: CourierInboxFeedType, 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  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    // Set initial values\n    refreshAuth();\n    refreshInbox();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.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  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n  };\n};\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","import { ReactNode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\n\n/**\n * Converts a React node to an HTMLElement.\n * This function uses flushSync to ensure the DOM is updated synchronously.\n * @param node - The React node to convert.\n * @returns The converted HTMLElement.\n */\nexport function reactNodeToHTMLElement(node: ReactNode): HTMLElement {\n  const container = document.createElement('div');\n\n  // Use flushSync to ensure the DOM is updated synchronously\n  flushSync(() => {\n    render(node, container);\n  });\n\n  return container;\n}\n\n/**\n * Render a React node using createRoot.\n * @param node - The React node to render.\n * @param container - The container to render the node into.\n * @returns The rendered node.\n */\nfunction render(node: ReactNode, container: HTMLElement) {\n  const root = createRoot(container);\n  return root.render(node);\n}","import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n  children: React.ReactNode;\n}\n\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 React, { useRef, useEffect } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxProps {\n  height?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => React.ReactNode;\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => React.ReactNode;\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => React.ReactNode;\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => React.ReactNode;\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => React.ReactNode;\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => React.ReactNode;\n}\n\nexport const CourierInbox = (props: CourierInboxProps) => {\n  const inboxRef = useRef<CourierInboxElement>(null);\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, inboxRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, inboxRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, inboxRef]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderHeader, inboxRef]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderListItem, inboxRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, inboxRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, inboxRef]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderErrorState, inboxRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, inboxRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    queueMicrotask(() => {\n      inbox.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, inboxRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox\n        ref={inboxRef}\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    </CourierClientComponent>\n  );\n};","import { useRef, useEffect } from \"react\";\nimport { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxPopupMenuProps {\n  popupAlignment?: CourierInboxPopupAlignment;\n  popupWidth?: string;\n  popupHeight?: string;\n  left?: string;\n  top?: string;\n  right?: string;\n  bottom?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderPopupHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => React.ReactNode;\n}\n\nexport const CourierInboxPopupMenu = (props: CourierInboxPopupMenuProps) => {\n  const menuRef = useRef<CourierInboxPopupMenuElement>(null);\n\n  // Handle message click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, menuRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, menuRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, menuRef]);\n\n  // Render header\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupHeader) return;\n    queueMicrotask(() => {\n      menu.setPopupHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupHeader, menuRef]);\n\n  // Render list item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupListItem) return;\n    queueMicrotask(() => {\n      menu.setPopupListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupListItem, menuRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupEmptyState) return;\n    queueMicrotask(() => {\n      menu.setPopupEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupEmptyState, menuRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupLoadingState) return;\n    queueMicrotask(() => {\n      menu.setPopupLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupLoadingState, menuRef]);\n\n  // Render error state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupErrorState) return;\n    queueMicrotask(() => {\n      menu.setPopupErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupErrorState, menuRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupPaginationItem) return;\n    queueMicrotask(() => {\n      menu.setPopupPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupPaginationItem, menuRef]);\n\n  // Render menu button\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupMenuButton) return;\n    queueMicrotask(() => {\n      menu.setPopupMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupMenuButton!(buttonProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupMenuButton, menuRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    queueMicrotask(() => {\n      menu.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, menuRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox-popup-menu\n        ref={menuRef}\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    </CourierClientComponent>\n  );\n};\n"],"names":["jsxRuntimeModule","require$$0","jsx"],"mappings":";;;;;AA8BO,MAAM,aAAa,MAAM;AAG9B,QAAM,SAAS,CAAC,UAAwB,QAAQ,OAAO,OAAO,KAAK;AACnE,QAAM,UAAU,MAAM,QAAQ,OAAO,QAAQ;AAG7C,QAAM,YAAY,CAAC,UAAqE,sBAAsB,OAAO,KAAK,KAAK;AAC/H,QAAM,0BAA0B,CAAC,UAA8C,sBAAsB,OAAO,wBAAwB,KAAK;AACzI,QAAM,qBAAqB,CAAC,UAAkB,QAAQ,OAAO,kBAAkB;AACzE,QAAA,cAAc,CAAC,YAA0B,sBAAsB,OAAO,YAAY,EAAE,SAAS;AAC7F,QAAA,gBAAgB,CAAC,YAA0B,sBAAsB,OAAO,cAAc,EAAE,SAAS;AACjG,QAAA,eAAe,CAAC,YAA0B,sBAAsB,OAAO,aAAa,EAAE,SAAS;AAC/F,QAAA,iBAAiB,CAAC,YAA0B,sBAAsB,OAAO,eAAe,EAAE,SAAS;AACnG,QAAA,cAAc,CAAC,YAA0B,sBAAsB,OAAO,YAAY,EAAE,SAAS;AAC7F,QAAA,mBAAmB,CAAC,YAA0B,sBAAsB,OAAO,iBAAiB,EAAE,SAAS;AAC7G,QAAM,kBAAkB,MAAM,sBAAsB,OAAO,gBAAgB;AAG3E,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAA8B;AAAA,IAC1D,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAqB;AAAA,IACnD,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,QAAM,UAAU,MAAM;AAGpB,UAAM,WAAW,QAAQ,OAAO,0BAA0B,MAAM,aAAa;AAGvE,UAAA,gBAAgB,IAAI,8BAA8B;AAAA,MACtD,SAAS,CAAC,UAAiB,aAAa,KAAK;AAAA,MAC7C,iBAAiB,MAAM,aAAa;AAAA,MACpC,aAAa,MAAM,aAAa;AAAA,MAChC,cAAc,MAAM,aAAa;AAAA,MACjC,iBAAiB,MAAM,aAAa;AAAA,MACpC,iBAAiB,MAAM,aAAa;AAAA,MACpC,qBAAqB,MAAM,aAAa;AAAA,IAAA,CACzC;AACqB,0BAAA,OAAO,qBAAqB,aAAa;AAGnD,gBAAA;AACC,iBAAA;AAGb,WAAO,MAAM;AACX,eAAS,OAAO;AAChB,oBAAc,OAAO;AAAA,IACvB;AAAA,EACF,GAAG,EAAE;AAEL,QAAM,cAAc,MAAM;;AAClB,UAAA,WAAU,aAAQ,OAAO,WAAf,mBAAuB;AAC/B,YAAA;AAAA,MACN,QAAQ,mCAAS;AAAA,MACjB;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AAEM,QAAA,eAAe,CAAC,UAAkB;AACtC,UAAM,YAAY,sBAAsB;AAC/B,aAAA;AAAA,MACP,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,UAAU;AAAA,MACjB,SAAS,UAAU;AAAA,MACnB,aAAa,UAAU;AAAA,MACvB;AAAA,IAAA,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL,QAAQ,QAAQ;AAAA,IAChB;AAAA,IACA;AAAA,EACF;AACF;;;;;;;;;;;;;;;;ACvHA,MAAI,qBAAqB,OAAO,IAAI,4BAA4B,GAC9D,sBAAsB,OAAO,IAAI,gBAAgB;AACnD,WAAS,QAAQ,MAAM,QAAQ,UAAU;AACvC,QAAI,MAAM;AACV,eAAW,aAAa,MAAM,KAAK;AACnC,eAAW,OAAO,QAAQ,MAAM,KAAK,OAAO;AAC5C,QAAI,SAAS,QAAQ;AACnB,iBAAW,CAAE;AACb,eAAS,YAAY;AACnB,kBAAU,aAAa,SAAS,QAAQ,IAAI,OAAO,QAAQ;AAAA,IAC9D,MAAM,YAAW;AAClB,aAAS,SAAS;AAClB,WAAO;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,KAAK,WAAW,SAAS,SAAS;AAAA,MAClC,OAAO;AAAA,IACR;AAAA,EACH;AACA,6BAAA,WAAmB;AACnB,6BAAA,MAAc;AACd,6BAAA,OAAe;;;;;;;AC/B4B;AAClCA,eAAA,UAAUC,kCAA+C;AAAA;;;;ACO3D,SAAS,uBAAuB,MAA8B;AAC7D,QAAA,YAAY,SAAS,cAAc,KAAK;AAG9C,YAAU,MAAM;AACd,WAAO,MAAM,SAAS;AAAA,EAAA,CACvB;AAEM,SAAA;AACT;AAQA,SAAS,OAAO,MAAiB,WAAwB;AACjD,QAAA,OAAO,WAAW,SAAS;AAC1B,SAAA,KAAK,OAAO,IAAI;AACzB;ACxBO,MAAM,yBAAuD,CAAC,EAAE,eAAe;AACpF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,YAAU,MAAM;AACd,iBAAa,IAAI;AAAA,EACnB,GAAG,EAAE;AAGD,MAAA,OAAO,WAAW,aAAa;AAC1B,WAAA;AAAA,EAAA;AAGT,MAAI,CAAC,WAAW;AACP,WAAA;AAAA,EAAA;AAGT,6EAAU,UAAS;AACrB;ACAa,MAAA,eAAe,CAAC,UAA6B;AAClD,QAAA,WAAW,OAA4B,IAAI;AAGjD,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,MAAO;AACN,UAAA,eAAe,MAAM,cAAc;AAAA,EACxC,GAAA,CAAC,MAAM,gBAAgB,QAAQ,CAAC;AAGnC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,MAAO;AACN,UAAA,qBAAqB,MAAM,oBAAoB;AAAA,EACpD,GAAA,CAAC,MAAM,sBAAsB,QAAQ,CAAC;AAGzC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,MAAO;AACN,UAAA,mBAAmB,MAAM,kBAAkB;AAAA,EAChD,GAAA,CAAC,MAAM,oBAAoB,QAAQ,CAAC;AAGvC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,MAAM,aAAc;AACnC,mBAAe,MAAM;AACb,YAAA,UAAU,CAAC,gBAAiF;AAC1F,cAAA,YAAY,MAAM,aAAc,WAAW;AACjD,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,cAAc,QAAQ,CAAC;AAGjC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,MAAM,eAAgB;AACrC,mBAAe,MAAM;AACb,YAAA,YAAY,CAAC,cAAiF;AAC5F,cAAA,YAAY,MAAM,eAAgB,SAAS;AACjD,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,gBAAgB,QAAQ,CAAC;AAGnC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,MAAM,iBAAkB;AACvC,mBAAe,MAAM;AACb,YAAA,cAAc,CAAC,oBAAyF;AACtG,cAAA,YAAY,MAAM,iBAAkB,eAAe;AACzD,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,kBAAkB,QAAQ,CAAC;AAGrC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,MAAM,mBAAoB;AACzC,mBAAe,MAAM;AACb,YAAA,gBAAgB,CAAC,sBAA6F;AAC5G,cAAA,YAAY,MAAM,mBAAoB,iBAAiB;AAC7D,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,oBAAoB,QAAQ,CAAC;AAGvC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,MAAM,iBAAkB;AACvC,mBAAe,MAAM;AACb,YAAA,cAAc,CAAC,oBAAyF;AACtG,cAAA,YAAY,MAAM,iBAAkB,eAAe;AACzD,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,kBAAkB,QAAQ,CAAC;AAGrC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,SAAS,CAAC,MAAM,qBAAsB;AAC3C,mBAAe,MAAM;AACb,YAAA,kBAAkB,CAAC,oBAA6F;AAC9G,cAAA,YAAY,MAAM,qBAAsB,eAAe;AAC7D,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,sBAAsB,QAAQ,CAAC;AAGzC,YAAU,MAAM;AACd,UAAM,QAAQ,SAAS;AACvB,QAAI,CAAC,MAAO;AACZ,mBAAe,MAAM;AACb,YAAA,YAAY,MAAM,YAAY,OAAO;AAAA,IAAA,CAC5C;AAAA,EACA,GAAA,CAAC,MAAM,UAAU,QAAQ,CAAC;AAE7B,+CACG,wBAEC,EAAA,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,QAAQ,MAAM;AAAA,MACd,eAAa,MAAM,aAAa,KAAK,UAAU,MAAM,UAAU,IAAI;AAAA,MACnE,cAAY,MAAM,YAAY,KAAK,UAAU,MAAM,SAAS,IAAI;AAAA,MAChE,MAAM,MAAM;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;AC9Ga,MAAA,wBAAwB,CAAC,UAAsC;AACpE,QAAA,UAAU,OAAqC,IAAI;AAGzD,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACN,SAAA,eAAe,MAAM,cAAc;AAAA,EACvC,GAAA,CAAC,MAAM,gBAAgB,OAAO,CAAC;AAGlC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACN,SAAA,qBAAqB,MAAM,oBAAoB;AAAA,EACnD,GAAA,CAAC,MAAM,sBAAsB,OAAO,CAAC;AAGxC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACN,SAAA,mBAAmB,MAAM,kBAAkB;AAAA,EAC/C,GAAA,CAAC,MAAM,oBAAoB,OAAO,CAAC;AAGtC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,kBAAmB;AACvC,mBAAe,MAAM;AACd,WAAA,eAAe,CAAC,gBAAiF;AAC9F,cAAA,YAAY,MAAM,kBAAmB,WAAW;AACtD,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,mBAAmB,OAAO,CAAC;AAGrC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,oBAAqB;AACzC,mBAAe,MAAM;AACd,WAAA,iBAAiB,CAAC,cAAiF;AAChG,cAAA,YAAY,MAAM,oBAAqB,SAAS;AACtD,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,qBAAqB,OAAO,CAAC;AAGvC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,sBAAuB;AAC3C,mBAAe,MAAM;AACd,WAAA,mBAAmB,CAAC,oBAAyF;AAC1G,cAAA,YAAY,MAAM,sBAAuB,eAAe;AAC9D,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,uBAAuB,OAAO,CAAC;AAGzC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,wBAAyB;AAC7C,mBAAe,MAAM;AACd,WAAA,qBAAqB,CAAC,sBAA6F;AAChH,cAAA,YAAY,MAAM,wBAAyB,iBAAiB;AAClE,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,yBAAyB,OAAO,CAAC;AAG3C,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,sBAAuB;AAC3C,mBAAe,MAAM;AACd,WAAA,mBAAmB,CAAC,oBAAyF;AAC1G,cAAA,YAAY,MAAM,sBAAuB,eAAe;AAC9D,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,uBAAuB,OAAO,CAAC;AAGzC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,0BAA2B;AAC/C,mBAAe,MAAM;AACd,WAAA,uBAAuB,CAAC,oBAA6F;AAClH,cAAA,YAAY,MAAM,0BAA2B,eAAe;AAClE,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,2BAA2B,OAAO,CAAC;AAG7C,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,CAAC,MAAM,sBAAuB;AAC3C,mBAAe,MAAM;AACd,WAAA,mBAAmB,CAAC,gBAAqF;AACtG,cAAA,YAAY,MAAM,sBAAuB,WAAW;AAC1D,eAAO,uBAAuB,SAAS;AAAA,MAAA,CACxC;AAAA,IAAA,CACF;AAAA,EACA,GAAA,CAAC,MAAM,uBAAuB,OAAO,CAAC;AAGzC,YAAU,MAAM;AACd,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,KAAM;AACX,mBAAe,MAAM;AACd,WAAA,YAAY,MAAM,YAAY,OAAO;AAAA,IAAA,CAC3C;AAAA,EACA,GAAA,CAAC,MAAM,UAAU,OAAO,CAAC;AAE5B,+CACG,wBAEC,EAAA,UAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,mBAAiB,MAAM;AAAA,MACvB,eAAa,MAAM;AAAA,MACnB,gBAAc,MAAM;AAAA,MACpB,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,MACX,OAAO,MAAM;AAAA,MACb,QAAQ,MAAM;AAAA,MACd,eAAa,MAAM,aAAa,KAAK,UAAU,MAAM,UAAU,IAAI;AAAA,MACnE,cAAY,MAAM,YAAY,KAAK,UAAU,MAAM,SAAS,IAAI;AAAA,MAChE,MAAM,MAAM;AAAA,IAAA;AAAA,EAAA,GAEhB;AAEJ;","x_google_ignoreList":[1,2]}
+{"version":3,"file":"index.mjs","sources":["../src/hooks/use-courier.tsx","../src/utils/utils.tsx","../src/components/courier-client-component.tsx","../src/components/courier-inbox.tsx","../src/components/courier-inbox-popup-menu.tsx"],"sourcesContent":["import React from 'react';\nimport { Courier, CourierProps, InboxMessage } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, CourierInboxFeedType, InboxDataSet } from '@trycourier/courier-ui-inbox';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { feedType: CourierInboxFeedType, 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\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?: { feedType: CourierInboxFeedType, 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  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    // Set initial values\n    refreshAuth();\n    refreshInbox();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.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  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n  };\n};\n","import { ReactNode } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { createRoot } from \"react-dom/client\";\n\n/**\n * Converts a React node to an HTMLElement.\n * This function uses flushSync to ensure the DOM is updated synchronously.\n * @param node - The React node to convert.\n * @returns The converted HTMLElement.\n */\nexport function reactNodeToHTMLElement(node: ReactNode): HTMLElement {\n  const container = document.createElement('div');\n\n  // Use React 18 root\n  const root = createRoot(container);\n  flushSync(() => {\n    root.render(node);\n  });\n\n  // Wait until React mounts the content synchronously\n  const element = container.firstElementChild;\n  if (!(element instanceof HTMLElement)) {\n    throw new Error(\n      'renderListItem must return a single JSX element that renders to an HTMLElement (e.g., <div>)'\n    );\n  }\n\n  return element;\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 { useRef, useEffect, JSX, forwardRef } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxProps {\n  height?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => JSX.Element;\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => JSX.Element;\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => JSX.Element;\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => JSX.Element;\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => JSX.Element;\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => JSX.Element;\n}\n\nexport const CourierInbox = forwardRef<CourierInboxElement, CourierInboxProps>((props, ref) => {\n  const inboxRef = useRef<CourierInboxElement | null>(null);\n\n  // Expose the internal ref to the parent if a ref was passed in\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(inboxRef.current);\n    } else if (ref) {\n      (ref as React.RefObject<CourierInboxElement | null>).current = inboxRef.current;\n    }\n  }, [ref]);\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, inboxRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, inboxRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, inboxRef]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderHeader, inboxRef]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderListItem, inboxRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, inboxRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, inboxRef]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderErrorState, inboxRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, inboxRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    queueMicrotask(() => {\n      inbox.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, inboxRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox\n        ref={inboxRef}\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    </CourierClientComponent>\n  );\n});\n\nCourierInbox.displayName = 'CourierInbox';","import { useRef, useEffect, JSX, forwardRef } from \"react\";\nimport { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxPopupMenuProps {\n  popupAlignment?: CourierInboxPopupAlignment;\n  popupWidth?: string;\n  popupHeight?: string;\n  left?: string;\n  top?: string;\n  right?: string;\n  bottom?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderPopupHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => JSX.Element;\n  renderPopupListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => JSX.Element;\n  renderPopupEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => JSX.Element;\n  renderPopupLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => JSX.Element;\n  renderPopupErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => JSX.Element;\n  renderPopupPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => JSX.Element;\n  renderPopupMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => JSX.Element;\n}\n\nexport const CourierInboxPopupMenu = forwardRef<CourierInboxPopupMenuElement, CourierInboxPopupMenuProps>((props, ref) => {\n  const menuRef = useRef<CourierInboxPopupMenuElement>(null);\n\n  // Expose the internal ref to the parent if a ref was passed in\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(menuRef.current);\n    } else if (ref) {\n      (ref as React.RefObject<CourierInboxPopupMenuElement | null>).current = menuRef.current;\n    }\n  }, [ref]);\n\n  // Handle message click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, menuRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, menuRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, menuRef]);\n\n  // Render header\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupHeader) return;\n    queueMicrotask(() => {\n      menu.setPopupHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupHeader, menuRef]);\n\n  // Render list item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupListItem) return;\n    queueMicrotask(() => {\n      menu.setPopupListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupListItem, menuRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupEmptyState) return;\n    queueMicrotask(() => {\n      menu.setPopupEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupEmptyState, menuRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupLoadingState) return;\n    queueMicrotask(() => {\n      menu.setPopupLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupLoadingState, menuRef]);\n\n  // Render error state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupErrorState) return;\n    queueMicrotask(() => {\n      menu.setPopupErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupErrorState, menuRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupPaginationItem) return;\n    queueMicrotask(() => {\n      menu.setPopupPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupPaginationItem, menuRef]);\n\n  // Render menu button\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupMenuButton) return;\n    queueMicrotask(() => {\n      menu.setPopupMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupMenuButton!(buttonProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupMenuButton, menuRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    queueMicrotask(() => {\n      menu.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, menuRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox-popup-menu\n        ref={menuRef}\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    </CourierClientComponent>\n  );\n});\n\nCourierInboxPopupMenu.displayName = 'CourierInboxPopupMenu';"],"names":["clickMessage","archiveMessage","openMessage"],"mappings":"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"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@trycourier/courier-react",
-  "version": "8.0.17-beta",
+  "version": "8.0.19-beta",
   "description": "The React components for the Courier web UI",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "scripts": {
@@ -26,9 +26,9 @@
   "author": "Courier",
   "license": "MIT",
   "dependencies": {
-    "@trycourier/courier-js": "2.0.3-beta",
-    "@trycourier/courier-ui-core": "1.0.5-beta",
-    "@trycourier/courier-ui-inbox": "1.0.7-beta"
+    "@trycourier/courier-js": "2.0.4-beta",
+    "@trycourier/courier-ui-core": "1.0.7-beta",
+    "@trycourier/courier-ui-inbox": "1.0.8-beta"
   },
   "peerDependencies": {
     "react": ">=18.0.0",

package/dist/index.js

@@ -1,2 +0,0 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("@trycourier/courier-ui-inbox"),require("react"),require("@trycourier/courier-js"),require("react-dom/client"),require("react-dom")):"function"==typeof define&&define.amd?define(["exports","@trycourier/courier-ui-inbox","react","@trycourier/courier-js","react-dom/client","react-dom"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).CourierReact={},e.CourierInboxUI,e.React,e.CourierJS,e.ReactDOMClient,e.ReactDOM)}(this,(function(e,r,t,o,n,s){"use strict";var a,i,u={exports:{}},c={};var d=(i||(i=1,u.exports=function(){if(a)return c;a=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(r,t,o){var n=null;if(void 0!==o&&(n=""+o),void 0!==t.key&&(n=""+t.key),"key"in t)for(var s in o={},t)"key"!==s&&(o[s]=t[s]);else o=t;return t=o.ref,{$$typeof:e,type:r,key:n,ref:void 0!==t?t:null,props:o}}return c.Fragment=r,c.jsx=t,c.jsxs=t,c}()),u.exports);function p(e){const r=document.createElement("div");return s.flushSync((()=>{!function(e,r){const t=n.createRoot(r);t.render(e)}(e,r)})),r}const g=({children:e})=>{const[r,o]=t.useState(!1);return t.useEffect((()=>{o(!0)}),[]),"undefined"==typeof window?null:r?d.jsx(d.Fragment,{children:e}):null};e.CourierInbox=e=>{const r=t.useRef(null);return t.useEffect((()=>{const t=r.current;t&&t.onMessageClick(e.onMessageClick)}),[e.onMessageClick,r]),t.useEffect((()=>{const t=r.current;t&&t.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,r]),t.useEffect((()=>{const t=r.current;t&&t.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,r]),t.useEffect((()=>{const t=r.current;t&&e.renderHeader&&queueMicrotask((()=>{t.setHeader((r=>p(e.renderHeader(r))))}))}),[e.renderHeader,r]),t.useEffect((()=>{const t=r.current;t&&e.renderListItem&&queueMicrotask((()=>{t.setListItem((r=>p(e.renderListItem(r))))}))}),[e.renderListItem,r]),t.useEffect((()=>{const t=r.current;t&&e.renderEmptyState&&queueMicrotask((()=>{t.setEmptyState((r=>p(e.renderEmptyState(r))))}))}),[e.renderEmptyState,r]),t.useEffect((()=>{const t=r.current;t&&e.renderLoadingState&&queueMicrotask((()=>{t.setLoadingState((r=>p(e.renderLoadingState(r))))}))}),[e.renderLoadingState,r]),t.useEffect((()=>{const t=r.current;t&&e.renderErrorState&&queueMicrotask((()=>{t.setErrorState((r=>p(e.renderErrorState(r))))}))}),[e.renderErrorState,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPaginationItem&&queueMicrotask((()=>{t.setPaginationItem((r=>p(e.renderPaginationItem(r))))}))}),[e.renderPaginationItem,r]),t.useEffect((()=>{const t=r.current;t&&queueMicrotask((()=>{t.setFeedType(e.feedType||"inbox")}))}),[e.feedType,r]),d.jsx(g,{children:d.jsx("courier-inbox",{ref:r,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})})},e.CourierInboxPopupMenu=e=>{const r=t.useRef(null);return t.useEffect((()=>{const t=r.current;t&&t.onMessageClick(e.onMessageClick)}),[e.onMessageClick,r]),t.useEffect((()=>{const t=r.current;t&&t.onMessageActionClick(e.onMessageActionClick)}),[e.onMessageActionClick,r]),t.useEffect((()=>{const t=r.current;t&&t.onMessageLongPress(e.onMessageLongPress)}),[e.onMessageLongPress,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupHeader&&queueMicrotask((()=>{t.setPopupHeader((r=>p(e.renderPopupHeader(r))))}))}),[e.renderPopupHeader,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupListItem&&queueMicrotask((()=>{t.setPopupListItem((r=>p(e.renderPopupListItem(r))))}))}),[e.renderPopupListItem,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupEmptyState&&queueMicrotask((()=>{t.setPopupEmptyState((r=>p(e.renderPopupEmptyState(r))))}))}),[e.renderPopupEmptyState,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupLoadingState&&queueMicrotask((()=>{t.setPopupLoadingState((r=>p(e.renderPopupLoadingState(r))))}))}),[e.renderPopupLoadingState,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupErrorState&&queueMicrotask((()=>{t.setPopupErrorState((r=>p(e.renderPopupErrorState(r))))}))}),[e.renderPopupErrorState,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupPaginationItem&&queueMicrotask((()=>{t.setPopupPaginationItem((r=>p(e.renderPopupPaginationItem(r))))}))}),[e.renderPopupPaginationItem,r]),t.useEffect((()=>{const t=r.current;t&&e.renderPopupMenuButton&&queueMicrotask((()=>{t.setPopupMenuButton((r=>p(e.renderPopupMenuButton(r))))}))}),[e.renderPopupMenuButton,r]),t.useEffect((()=>{const t=r.current;t&&queueMicrotask((()=>{t.setFeedType(e.feedType||"inbox")}))}),[e.feedType,r]),d.jsx(g,{children:d.jsx("courier-inbox-popup-menu",{ref:r,"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})})},e.useCourier=()=>{const e=e=>o.Courier.shared.signIn(e),n=()=>o.Courier.shared.signOut(),s=e=>r.CourierInboxDatastore.shared.load(e),a=e=>r.CourierInboxDatastore.shared.fetchNextPageOfMessages(e),i=e=>o.Courier.shared.paginationLimit=e,u=e=>r.CourierInboxDatastore.shared.readMessage({message:e}),c=e=>r.CourierInboxDatastore.shared.unreadMessage({message:e}),d=e=>r.CourierInboxDatastore.shared.clickMessage({message:e}),p=e=>r.CourierInboxDatastore.shared.archiveMessage({message:e}),g=e=>r.CourierInboxDatastore.shared.openMessage({message:e}),f=e=>r.CourierInboxDatastore.shared.unarchiveMessage({message:e}),l=()=>r.CourierInboxDatastore.shared.readAllMessages(),[m,h]=t.useState({userId:void 0,signIn:e,signOut:n}),[M,P]=t.useState({load:s,fetchNextPageOfMessages:a,setPaginationLimit:i,readMessage:u,unreadMessage:c,clickMessage:d,archiveMessage:p,openMessage:g,unarchiveMessage:f,readAllMessages:l});t.useEffect((()=>{const e=o.Courier.shared.addAuthenticationListener((()=>C())),t=new r.CourierInboxDataStoreListener({onError:e=>S(e),onDataSetChange:()=>S(),onPageAdded:()=>S(),onMessageAdd:()=>S(),onMessageRemove:()=>S(),onMessageUpdate:()=>S(),onUnreadCountChange:()=>S()});return r.CourierInboxDatastore.shared.addDataStoreListener(t),C(),S(),()=>{e.remove(),t.remove()}}),[]);const C=()=>{var r;const t=null==(r=o.Courier.shared.client)?void 0:r.options;h({userId:null==t?void 0:t.userId,signIn:e,signOut:n})},S=e=>{const t=r.CourierInboxDatastore.shared;P({load:s,fetchNextPageOfMessages:a,setPaginationLimit:i,readMessage:u,unreadMessage:c,clickMessage:d,archiveMessage:p,openMessage:g,unarchiveMessage:f,readAllMessages:l,inbox:t.inboxDataSet,archive:t.archiveDataSet,unreadCount:t.unreadCount,error:e})};return{shared:o.Courier.shared,auth:m,inbox:M}},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/react/jsx-runtime.js","../../../node_modules/react/cjs/react-jsx-runtime.production.js","../src/utils/utils.tsx","../src/components/courier-client-component.tsx","../src/components/courier-inbox.tsx","../src/components/courier-inbox-popup-menu.tsx","../src/hooks/use-courier.tsx"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n","/**\n * @license React\n * react-jsx-runtime.production.js\n *\n * Copyright (c) Meta Platforms, Inc. and affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n\"use strict\";\nvar REACT_ELEMENT_TYPE = Symbol.for(\"react.transitional.element\"),\n  REACT_FRAGMENT_TYPE = Symbol.for(\"react.fragment\");\nfunction jsxProd(type, config, maybeKey) {\n  var key = null;\n  void 0 !== maybeKey && (key = \"\" + maybeKey);\n  void 0 !== config.key && (key = \"\" + config.key);\n  if (\"key\" in config) {\n    maybeKey = {};\n    for (var propName in config)\n      \"key\" !== propName && (maybeKey[propName] = config[propName]);\n  } else maybeKey = config;\n  config = maybeKey.ref;\n  return {\n    $$typeof: REACT_ELEMENT_TYPE,\n    type: type,\n    key: key,\n    ref: void 0 !== config ? config : null,\n    props: maybeKey\n  };\n}\nexports.Fragment = REACT_FRAGMENT_TYPE;\nexports.jsx = jsxProd;\nexports.jsxs = jsxProd;\n","import { ReactNode } from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport { flushSync } from \"react-dom\";\n\n/**\n * Converts a React node to an HTMLElement.\n * This function uses flushSync to ensure the DOM is updated synchronously.\n * @param node - The React node to convert.\n * @returns The converted HTMLElement.\n */\nexport function reactNodeToHTMLElement(node: ReactNode): HTMLElement {\n  const container = document.createElement('div');\n\n  // Use flushSync to ensure the DOM is updated synchronously\n  flushSync(() => {\n    render(node, container);\n  });\n\n  return container;\n}\n\n/**\n * Render a React node using createRoot.\n * @param node - The React node to render.\n * @param container - The container to render the node into.\n * @returns The rendered node.\n */\nfunction render(node: ReactNode, container: HTMLElement) {\n  const root = createRoot(container);\n  return root.render(node);\n}","import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n  children: React.ReactNode;\n}\n\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 React, { useRef, useEffect } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeedType } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxProps {\n  height?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => React.ReactNode;\n  renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => React.ReactNode;\n  renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => React.ReactNode;\n  renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => React.ReactNode;\n  renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => React.ReactNode;\n  renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => React.ReactNode;\n}\n\nexport const CourierInbox = (props: CourierInboxProps) => {\n  const inboxRef = useRef<CourierInboxElement>(null);\n\n  // Handle message click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, inboxRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, inboxRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    inbox.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, inboxRef]);\n\n  // Render header\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderHeader) return;\n    queueMicrotask(() => {\n      inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderHeader, inboxRef]);\n\n  // Render list item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderListItem) return;\n    queueMicrotask(() => {\n      inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderListItem, inboxRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderEmptyState) return;\n    queueMicrotask(() => {\n      inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderEmptyState, inboxRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderLoadingState) return;\n    queueMicrotask(() => {\n      inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderLoadingState, inboxRef]);\n\n  // Render error state\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderErrorState) return;\n    queueMicrotask(() => {\n      inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderErrorState, inboxRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox || !props.renderPaginationItem) return;\n    queueMicrotask(() => {\n      inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPaginationItem, inboxRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const inbox = inboxRef.current;\n    if (!inbox) return;\n    queueMicrotask(() => {\n      inbox.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, inboxRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox\n        ref={inboxRef}\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    </CourierClientComponent>\n  );\n};","import { useRef, useEffect } from \"react\";\nimport { CourierInboxFeedType, CourierInboxHeaderFactoryProps, CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxMenuButtonFactoryProps, CourierInboxPopupMenu as CourierInboxPopupMenuElement, CourierInboxPaginationItemFactoryProps, CourierInboxPopupAlignment, CourierInboxStateEmptyFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxTheme } from \"@trycourier/courier-ui-inbox\";\nimport { reactNodeToHTMLElement } from \"../utils/utils\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\nexport interface CourierInboxPopupMenuProps {\n  popupAlignment?: CourierInboxPopupAlignment;\n  popupWidth?: string;\n  popupHeight?: string;\n  left?: string;\n  top?: string;\n  right?: string;\n  bottom?: string;\n  lightTheme?: CourierInboxTheme;\n  darkTheme?: CourierInboxTheme;\n  mode?: CourierComponentThemeMode;\n  feedType?: CourierInboxFeedType;\n  onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n  onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n  onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n  renderPopupHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => React.ReactNode;\n  renderPopupMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => React.ReactNode;\n}\n\nexport const CourierInboxPopupMenu = (props: CourierInboxPopupMenuProps) => {\n  const menuRef = useRef<CourierInboxPopupMenuElement>(null);\n\n  // Handle message click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageClick(props.onMessageClick);\n  }, [props.onMessageClick, menuRef]);\n\n  // Handle message action click\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageActionClick(props.onMessageActionClick);\n  }, [props.onMessageActionClick, menuRef]);\n\n  // Handle message long press\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    menu.onMessageLongPress(props.onMessageLongPress);\n  }, [props.onMessageLongPress, menuRef]);\n\n  // Render header\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupHeader) return;\n    queueMicrotask(() => {\n      menu.setPopupHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupHeader!(headerProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupHeader, menuRef]);\n\n  // Render list item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupListItem) return;\n    queueMicrotask(() => {\n      menu.setPopupListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupListItem!(itemProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupListItem, menuRef]);\n\n  // Render empty state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupEmptyState) return;\n    queueMicrotask(() => {\n      menu.setPopupEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupEmptyState!(emptyStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupEmptyState, menuRef]);\n\n  // Render loading state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupLoadingState) return;\n    queueMicrotask(() => {\n      menu.setPopupLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupLoadingState!(loadingStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupLoadingState, menuRef]);\n\n  // Render error state\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupErrorState) return;\n    queueMicrotask(() => {\n      menu.setPopupErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupErrorState!(errorStateProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupErrorState, menuRef]);\n\n  // Render pagination item\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupPaginationItem) return;\n    queueMicrotask(() => {\n      menu.setPopupPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupPaginationItem!(paginationProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupPaginationItem, menuRef]);\n\n  // Render menu button\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu || !props.renderPopupMenuButton) return;\n    queueMicrotask(() => {\n      menu.setPopupMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n        const reactNode = props.renderPopupMenuButton!(buttonProps);\n        return reactNodeToHTMLElement(reactNode);\n      });\n    });\n  }, [props.renderPopupMenuButton, menuRef]);\n\n  // Set feed type\n  useEffect(() => {\n    const menu = menuRef.current;\n    if (!menu) return;\n    queueMicrotask(() => {\n      menu.setFeedType(props.feedType || 'inbox');\n    });\n  }, [props.feedType, menuRef]);\n\n  return (\n    <CourierClientComponent>\n      {/* @ts-ignore */}\n      <courier-inbox-popup-menu\n        ref={menuRef}\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    </CourierClientComponent>\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';\n\ntype AuthenticationHooks = {\n  userId?: string,\n  signIn: (props: CourierProps) => void,\n  signOut: () => void\n}\n\ntype InboxHooks = {\n  load: (props?: { feedType: CourierInboxFeedType, 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\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?: { feedType: CourierInboxFeedType, 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  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    // Set initial values\n    refreshAuth();\n    refreshInbox();\n\n    // Remove listeners when the component unmounts\n    return () => {\n      listener.remove();\n      inboxListener.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  return {\n    shared: Courier.shared,\n    auth: auth,\n    inbox: inbox,\n  };\n};\n"],"names":["jsxRuntimeModule","exports","REACT_ELEMENT_TYPE","Symbol","for","REACT_FRAGMENT_TYPE","jsxProd","type","config","maybeKey","key","propName","ref","$$typeof","props","reactJsxRuntime_production","Fragment","jsx","jsxs","require$$0","reactNodeToHTMLElement","node","container","document","createElement","flushSync","root","createRoot","render","CourierClientComponent","children","isMounted","setIsMounted","useState","useEffect","window","inboxRef","useRef","inbox","current","onMessageClick","onMessageActionClick","onMessageLongPress","renderHeader","queueMicrotask","setHeader","headerProps","renderListItem","setListItem","itemProps","renderEmptyState","setEmptyState","emptyStateProps","renderLoadingState","setLoadingState","loadingStateProps","renderErrorState","setErrorState","errorStateProps","renderPaginationItem","setPaginationItem","paginationProps","setFeedType","feedType","jsxRuntimeExports","height","lightTheme","JSON","stringify","darkTheme","mode","menuRef","menu","renderPopupHeader","setPopupHeader","renderPopupListItem","setPopupListItem","renderPopupEmptyState","setPopupEmptyState","renderPopupLoadingState","setPopupLoadingState","renderPopupErrorState","setPopupErrorState","renderPopupPaginationItem","setPopupPaginationItem","renderPopupMenuButton","setPopupMenuButton","buttonProps","popupAlignment","popupWidth","popupHeight","left","top","right","bottom","signIn","Courier","shared","signOut","loadInbox","CourierInboxDatastore","load","fetchNextPageOfMessages","setPaginationLimit","limit","paginationLimit","readMessage","message","unreadMessage","clickMessage","archiveMessage","openMessage","unarchiveMessage","readAllMessages","auth","setAuth","React","userId","setInbox","listener","addAuthenticationListener","refreshAuth","inboxListener","CourierInboxDataStoreListener","onError","error","refreshInbox","onDataSetChange","onPageAdded","onMessageAdd","onMessageRemove","onMessageUpdate","onUnreadCountChange","addDataStoreListener","remove","options","client","_a","datastore","inboxDataSet","archive","archiveDataSet","unreadCount"],"mappings":"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","x_google_ignoreList":[0,1]}