{"version":3,"file":"index.mjs","sources":["../src/hooks/use-courier.tsx","../src/components/courier-client-component.tsx","../src/context/render-context.ts","../src/components/courier-inbox-component.tsx","../src/components/courier-inbox-popup-menu-component.tsx","../src/components/courier-toast-component.tsx","../src/components/courier-preferences-component.tsx"],"sourcesContent":["import React from 'react';\nimport { Courier, CourierProps, InboxMessage, CourierUserPreferences, CourierUserPreferencesStatus, CourierUserPreferencesChannel, CourierUserPreferencesTopic, CourierDigestScheduleOption } from '@trycourier/courier-js';\nimport { CourierInboxDatastore, CourierInboxDataStoreListener, InboxDataSet, CourierInboxFeed } from '@trycourier/courier-ui-inbox';\nimport { CourierToastDatastore, CourierToastDatastoreListener } from '@trycourier/courier-ui-toast';\n\ntype AuthenticationHooks = {\n userId?: string,\n signIn: (props: CourierProps) => void,\n signOut: () => void\n}\n\ntype InboxHooks = {\n load: (props?: { canUseCache: boolean }) => Promise,\n fetchNextPageOfMessages: (props: { datasetId: string }) => Promise,\n setPaginationLimit: (limit: number) => void,\n readMessage: (message: InboxMessage) => Promise,\n unreadMessage: (message: InboxMessage) => Promise,\n clickMessage: (message: InboxMessage) => Promise,\n archiveMessage: (message: InboxMessage) => Promise,\n openMessage: (message: InboxMessage) => void,\n unarchiveMessage: (message: InboxMessage) => Promise,\n readAllMessages: () => Promise,\n registerFeeds: (feeds: CourierInboxFeed[]) => void,\n listenForUpdates: () => Promise,\n feeds: Record,\n totalUnreadCount?: number,\n error?: Error\n}\n\ntype ToastHooks = {\n addMessage: (message: InboxMessage) => void;\n removeMessage: (message: InboxMessage) => void;\n error?: Error,\n}\n\ntype PreferencesHooks = {\n getUserPreferences: (props?: { paginationCursor?: string }) => Promise;\n getUserPreferenceTopic: (props: { topicId: string }) => Promise;\n putUserPreferenceTopic: (props: {\n topicId: string;\n status: CourierUserPreferencesStatus;\n hasCustomRouting: boolean;\n customRouting: CourierUserPreferencesChannel[];\n digestSchedule?: string;\n }) => Promise;\n getDigestSchedules: (props: { topicId: string }) => Promise;\n getNotificationCenterUrl: (props: { clientKey: string }) => string;\n}\n\n// A hook for managing the shared state of Courier\n// If you want to use more functions, checkout the Courier JS SDK which\n// can be used directly by importing from '@trycourier/courier-js'\nexport const useCourier = () => {\n\n // Authentication Functions\n const signIn = (props: CourierProps) => Courier.shared.signIn(props);\n const signOut = () => Courier.shared.signOut();\n\n // Inbox Functions\n const loadInbox = (props?: { canUseCache: boolean }) => CourierInboxDatastore.shared.load(props);\n const fetchNextPageOfMessages = (props: { datasetId: string }) => CourierInboxDatastore.shared.fetchNextPageOfMessages(props);\n const setPaginationLimit = (limit: number) => Courier.shared.paginationLimit = limit;\n const readMessage = (message: InboxMessage) => CourierInboxDatastore.shared.readMessage({ message });\n const unreadMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unreadMessage({ message });\n const clickMessage = (message: InboxMessage) => CourierInboxDatastore.shared.clickMessage({ message });\n const archiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.archiveMessage({ message });\n const openMessage = (message: InboxMessage) => CourierInboxDatastore.shared.openMessage({ message });\n const unarchiveMessage = (message: InboxMessage) => CourierInboxDatastore.shared.unarchiveMessage({ message });\n const readAllMessages = () => CourierInboxDatastore.shared.readAllMessages();\n const registerFeeds = (feeds: CourierInboxFeed[]) => CourierInboxDatastore.shared.registerFeeds(feeds);\n const listenForUpdates = () => CourierInboxDatastore.shared.listenForUpdates();\n\n // State\n const [auth, setAuth] = React.useState({\n userId: undefined,\n signIn,\n signOut\n });\n\n const [inbox, setInbox] = React.useState({\n load: loadInbox,\n fetchNextPageOfMessages,\n setPaginationLimit,\n readMessage,\n unreadMessage,\n clickMessage,\n archiveMessage,\n openMessage,\n unarchiveMessage,\n readAllMessages,\n registerFeeds,\n listenForUpdates,\n feeds: {}\n });\n\n const addToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.addMessage(message);\n const removeToastMessage = (message: InboxMessage) => CourierToastDatastore.shared.removeMessage(message);\n\n const [toast, setToast] = React.useState({\n addMessage: addToastMessage,\n removeMessage: removeToastMessage,\n });\n\n const getUserPreferences = (props?: { paginationCursor?: string }) => Courier.shared.client!.preferences.getUserPreferences(props);\n const getUserPreferenceTopic = (props: { topicId: string }) => Courier.shared.client!.preferences.getUserPreferenceTopic(props);\n const putUserPreferenceTopic = (props: { topicId: string; status: CourierUserPreferencesStatus; hasCustomRouting: boolean; customRouting: CourierUserPreferencesChannel[]; digestSchedule?: string }) => Courier.shared.client!.preferences.putUserPreferenceTopic(props);\n const getDigestSchedules = (props: { topicId: string }) => Courier.shared.client!.preferences.getDigestSchedules(props);\n const getNotificationCenterUrl = (props: { clientKey: string }) => Courier.shared.client!.preferences.getNotificationCenterUrl(props);\n\n const preferences: PreferencesHooks = {\n getUserPreferences,\n getUserPreferenceTopic,\n putUserPreferenceTopic,\n getDigestSchedules,\n getNotificationCenterUrl,\n };\n\n React.useEffect(() => {\n\n // Add a listener to the Courier instance\n const listener = Courier.shared.addAuthenticationListener(() => refreshAuth());\n\n // Add inbox data store listener\n const inboxListener = new CourierInboxDataStoreListener({\n onError: (error: Error) => refreshInbox(error),\n onDataSetChange: () => refreshInbox(),\n onPageAdded: () => refreshInbox(),\n onMessageAdd: () => refreshInbox(),\n onMessageRemove: () => refreshInbox(),\n onMessageUpdate: () => refreshInbox(),\n onUnreadCountChange: () => refreshInbox(),\n onTotalUnreadCountChange: () => refreshInbox()\n });\n CourierInboxDatastore.shared.addDataStoreListener(inboxListener);\n\n const toastListener = new CourierToastDatastoreListener({\n onMessageAdd: () => refreshToast(),\n onMessageRemove: () => refreshToast(),\n onError: (error: Error) => refreshToast(error),\n });\n CourierToastDatastore.shared.addDatastoreListener(toastListener);\n\n // Set initial values\n refreshAuth();\n refreshInbox();\n refreshToast();\n\n // Remove listeners when the component unmounts\n return () => {\n listener.remove();\n inboxListener.remove();\n toastListener.remove();\n };\n }, []);\n\n const refreshAuth = () => {\n const options = Courier.shared.client?.options;\n setAuth({\n userId: options?.userId,\n signIn,\n signOut\n });\n }\n\n const refreshInbox = (error?: Error) => {\n const datastore = CourierInboxDatastore.shared;\n const allDatasets = datastore.getDatasets();\n setInbox({\n load: loadInbox,\n fetchNextPageOfMessages,\n setPaginationLimit,\n readMessage,\n unreadMessage,\n clickMessage,\n archiveMessage,\n openMessage,\n unarchiveMessage,\n readAllMessages,\n registerFeeds,\n listenForUpdates,\n feeds: allDatasets,\n totalUnreadCount: datastore.totalUnreadCount,\n error: error,\n });\n }\n\n const refreshToast = (error?: Error) => {\n setToast({\n addMessage: addToastMessage,\n removeMessage: removeToastMessage,\n error,\n });\n };\n\n return {\n shared: Courier.shared,\n auth: auth,\n inbox: inbox,\n toast: toast,\n preferences: preferences,\n };\n};\n","import React, { useState, useEffect } from 'react';\n\ninterface CourierClientProps {\n children: React.ReactNode;\n}\n\n// This class prevents issues with server side rendering react components\n// It will force the component to only render client side\n// A future update could support server side rendering if there is enough demand\nexport const CourierClientComponent: React.FC = ({ children }) => {\n const [isMounted, setIsMounted] = useState(false);\n\n useEffect(() => {\n setIsMounted(true);\n }, []);\n\n // During SSR, render nothing or fallback\n if (typeof window === 'undefined') {\n return null;\n }\n\n if (!isMounted) {\n return null;\n }\n\n return <>{children};\n};","import { createContext, ReactNode } from \"react\";\n\ntype RenderFn = (node: ReactNode) => HTMLElement;\n\n/**\n * Context providing a function to render a React component.\n *\n * Courier's React package renders as follows:\n *\n * - React engine (client application)\n * - Courier React components\n * - Courier web components\n * - [Optional] User-provided React components (ex. a list item)\n *\n * By default, React will not render the user-provided React components within Courier's\n * web components. We instead manually render the user-provided React components and inject\n * them into the Courier web components.\n *\n * Client rendering changed between React 17 and 18, so the SDKs provide React version-specific\n * rendering functions. See\n * https://18.react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis.\n */\nexport const CourierRenderContext = createContext(null);\n","import { useRef, useEffect, useMemo, forwardRef, ReactNode, useContext, useState } from \"react\";\nimport { CourierInboxListItemActionFactoryProps, CourierInboxListItemFactoryProps, CourierInboxTheme, CourierInbox as CourierInboxElement, CourierInboxHeaderFactoryProps, CourierInboxStateEmptyFactoryProps, CourierInboxStateLoadingFactoryProps, CourierInboxStateErrorFactoryProps, CourierInboxPaginationItemFactoryProps, CourierInboxFeed } from \"@trycourier/courier-ui-inbox\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { InboxMessage } from \"@trycourier/courier-js\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\n\nexport interface CourierInboxProps {\n /** Height of the inbox container. Defaults to \"auto\" and will resize itself based on it's children. */\n height?: string;\n\n /** Theme object for light mode */\n lightTheme?: CourierInboxTheme;\n\n /** Theme object for dark mode */\n darkTheme?: CourierInboxTheme;\n\n /** Theme mode: \"light\", \"dark\", or \"system\". Defaults to \"system\" */\n mode?: CourierComponentThemeMode;\n\n /** Type of feed to display in the inbox. Defaults to \"inbox\" */\n feedType?: string;\n\n /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */\n feeds?: CourierInboxFeed[];\n\n /** Callback fired when a message is clicked. */\n onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n /** Callback fired when a message action (e.g., button) is clicked. */\n onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n /** Callback fired when a message is long-pressed (for mobile/gesture support). Only works on devices that support touch. */\n onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n /** Allows you to pass a custom component as the header. */\n renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the list item. */\n renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the empty state. */\n renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the loading state. */\n renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the error state. */\n renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the pagination list item. */\n renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n\n /**\n * Render injected \"dummy\" inbox messages instead of fetching from the API.\n * No sign-in / network is required, and the live (shared) inbox is unaffected.\n */\n previewMessages?: InboxMessage[];\n\n /** Optional unread-count override for the preview (defaults to unread messages). */\n previewUnreadCount?: number;\n}\n\nexport const CourierInboxComponent = forwardRef((props, ref) => {\n const render = useContext(CourierRenderContext);\n if (!render) {\n throw new Error(\"RenderContext not found. Ensure CourierInbox is wrapped in a CourierRenderContext.\");\n }\n\n // Element ref for use in effects, updated by handleRef.\n const inboxRef = useRef(null);\n const [elementReady, setElementReady] = useState(false);\n\n // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n function handleRef(el: CourierInboxElement | null) {\n if (ref) {\n\n // Propagate ref to ref callback functions\n if (typeof ref === 'function') {\n ref(el);\n } else {\n // Propagate ref to ref objects\n // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n (ref as React.RefObject).current = el;\n }\n }\n\n // Store the element for use in effects\n inboxRef.current = el;\n\n // Update element ready state\n setElementReady(!!el);\n }\n\n // Helper to get the current element\n function getEl(): CourierInboxElement | null {\n return inboxRef.current;\n }\n\n // Handle message click\n useEffect(() => {\n const inbox = getEl();\n if (!inbox) return;\n inbox.onMessageClick(props.onMessageClick);\n }, [props.onMessageClick, elementReady]);\n\n // Handle message action click\n useEffect(() => {\n const inbox = getEl();\n if (!inbox) return;\n inbox.onMessageActionClick(props.onMessageActionClick);\n }, [props.onMessageActionClick, elementReady]);\n\n // Handle message long press\n useEffect(() => {\n const inbox = getEl();\n if (!inbox) return;\n inbox.onMessageLongPress(props.onMessageLongPress);\n }, [props.onMessageLongPress, elementReady]);\n\n // Inject preview/dummy data (skips fetch + the shared datastore)\n useEffect(() => {\n const inbox = getEl();\n if (!inbox) return;\n inbox.setPreviewData(props.previewMessages ?? null, {\n unreadCount: props.previewUnreadCount,\n });\n }, [props.previewMessages, props.previewUnreadCount, elementReady]);\n\n // Render header\n useEffect(() => {\n const inbox = getEl();\n if (!inbox || !props.renderHeader) return;\n queueMicrotask(() => {\n inbox.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderHeader!(headerProps);\n return render(reactNode);\n });\n });\n }, [props.renderHeader, elementReady]);\n\n // Render list item\n useEffect(() => {\n const inbox = getEl();\n if (!inbox || !props.renderListItem) return;\n queueMicrotask(() => {\n inbox.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderListItem!(itemProps);\n return render(reactNode);\n });\n });\n }, [props.renderListItem, elementReady]);\n\n // Render empty state\n useEffect(() => {\n const inbox = getEl();\n if (!inbox || !props.renderEmptyState) return;\n queueMicrotask(() => {\n inbox.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderEmptyState!(emptyStateProps);\n return render(reactNode);\n });\n });\n }, [props.renderEmptyState, elementReady]);\n\n // Render loading state\n useEffect(() => {\n const inbox = getEl();\n if (!inbox || !props.renderLoadingState) return;\n queueMicrotask(() => {\n inbox.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderLoadingState!(loadingStateProps);\n return render(reactNode);\n });\n });\n }, [props.renderLoadingState, elementReady]);\n\n // Render error state\n useEffect(() => {\n const inbox = getEl();\n if (!inbox || !props.renderErrorState) return;\n queueMicrotask(() => {\n inbox.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderErrorState!(errorStateProps);\n return render(reactNode);\n });\n });\n }, [props.renderErrorState, elementReady]);\n\n // Render pagination item\n useEffect(() => {\n const inbox = getEl();\n if (!inbox || !props.renderPaginationItem) return;\n queueMicrotask(() => {\n inbox.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderPaginationItem!(paginationProps);\n return render(reactNode);\n });\n });\n }, [props.renderPaginationItem, elementReady]);\n\n const feedsAttr = useMemo(\n () => props.feeds ? JSON.stringify(props.feeds) : undefined,\n [props.feeds]\n );\n\n const children = (\n /* @ts-ignore */\n \n );\n\n return (\n \n );\n});\n","import { useEffect, useMemo, useRef, forwardRef, ReactNode, useContext, useState } from 'react';\nimport {\n CourierInboxHeaderFactoryProps,\n CourierInboxListItemActionFactoryProps,\n CourierInboxListItemFactoryProps,\n CourierInboxMenuButtonFactoryProps,\n CourierInboxPopupMenu as CourierInboxPopupMenuElement,\n CourierInboxPaginationItemFactoryProps,\n CourierInboxPopupAlignment,\n CourierInboxStateEmptyFactoryProps,\n CourierInboxStateErrorFactoryProps,\n CourierInboxStateLoadingFactoryProps,\n CourierInboxTheme,\n CourierInboxFeed,\n} from '@trycourier/courier-ui-inbox';\nimport { CourierComponentThemeMode } from '@trycourier/courier-ui-core';\nimport { InboxMessage } from '@trycourier/courier-js';\nimport { CourierClientComponent } from './courier-client-component';\nimport { CourierRenderContext } from '../context/render-context';\n\nexport interface CourierInboxPopupMenuProps {\n /** Alignment of the popup menu: 'top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center', 'center-right', 'center-left', 'center-center'. */\n popupAlignment?: CourierInboxPopupAlignment;\n\n /** Width of the popup menu container. */\n popupWidth?: string;\n\n /** Height of the popup menu container. */\n popupHeight?: string;\n\n /** CSS left position for the popup menu. */\n left?: string;\n\n /** CSS top position for the popup menu. */\n top?: string;\n\n /** CSS right position for the popup menu. */\n right?: string;\n\n /** CSS bottom position for the popup menu. */\n bottom?: string;\n\n /** Theme object for light mode. */\n lightTheme?: CourierInboxTheme;\n\n /** Theme object for dark mode. */\n darkTheme?: CourierInboxTheme;\n\n /** Theme mode: 'light', 'dark', or 'system'. */\n mode?: CourierComponentThemeMode;\n\n /** Array of feeds to display in the inbox. Each feed contains tabs with different filters. */\n feeds?: CourierInboxFeed[];\n\n /** Callback fired when a message is clicked. */\n onMessageClick?: (props: CourierInboxListItemFactoryProps) => void;\n\n /** Callback fired when a message action (e.g., button) is clicked. */\n onMessageActionClick?: (props: CourierInboxListItemActionFactoryProps) => void;\n\n /** Callback fired when a message is long-pressed (for mobile/gesture support). */\n onMessageLongPress?: (props: CourierInboxListItemFactoryProps) => void;\n\n /** Allows you to pass a custom component as the header. */\n renderHeader?: (props: CourierInboxHeaderFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the list item. */\n renderListItem?: (props: CourierInboxListItemFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the empty state. */\n renderEmptyState?: (props: CourierInboxStateEmptyFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the loading state. */\n renderLoadingState?: (props: CourierInboxStateLoadingFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the error state. */\n renderErrorState?: (props: CourierInboxStateErrorFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the pagination list item. */\n renderPaginationItem?: (props: CourierInboxPaginationItemFactoryProps | undefined | null) => ReactNode;\n\n /** Allows you to pass a custom component as the menu button. */\n renderMenuButton?: (props: CourierInboxMenuButtonFactoryProps | undefined | null) => ReactNode;\n\n /**\n * Render injected \"dummy\" inbox messages instead of fetching from the API.\n * No sign-in / network is required, and the live (shared) inbox is unaffected.\n */\n previewMessages?: InboxMessage[];\n\n /** Optional unread-count override for the preview (defaults to unread messages). */\n previewUnreadCount?: number;\n}\n\nexport const CourierInboxPopupMenuComponent = forwardRef(\n (props, ref) => {\n const render = useContext(CourierRenderContext);\n if (!render) {\n throw new Error(\"RenderContext not found. Ensure CourierInboxPopupMenu is wrapped in a CourierRenderContext.\");\n }\n\n // Element ref for use in effects, updated by handleRef.\n const inboxRef = useRef(null);\n const [elementReady, setElementReady] = useState(false);\n\n // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n function handleRef(el: CourierInboxPopupMenuElement | null) {\n if (ref) {\n if (typeof ref === 'function') {\n ref(el);\n } else {\n // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n (ref as React.RefObject).current = el;\n }\n }\n\n // Store the element for use in effects\n inboxRef.current = el;\n\n // Update element ready state\n setElementReady(!!el);\n }\n\n // Helper to get the current element\n function getEl(): CourierInboxPopupMenuElement | null {\n return inboxRef.current;\n }\n\n // Handle message click\n useEffect(() => {\n const menu = getEl();\n if (!menu) return;\n menu.onMessageClick(props.onMessageClick);\n }, [props.onMessageClick, elementReady]);\n\n // Handle message action click\n useEffect(() => {\n const menu = getEl();\n if (!menu) return;\n menu.onMessageActionClick(props.onMessageActionClick);\n }, [props.onMessageActionClick, elementReady]);\n\n // Handle message long press\n useEffect(() => {\n const menu = getEl();\n if (!menu) return;\n menu.onMessageLongPress(props.onMessageLongPress);\n }, [props.onMessageLongPress, elementReady]);\n\n // Inject preview/dummy data (skips fetch + the shared datastore)\n useEffect(() => {\n const menu = getEl();\n if (!menu) return;\n menu.setPreviewData(props.previewMessages ?? null, {\n unreadCount: props.previewUnreadCount,\n });\n }, [props.previewMessages, props.previewUnreadCount, elementReady]);\n\n // Render header\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderHeader) return;\n queueMicrotask(() => {\n menu.setHeader((headerProps?: CourierInboxHeaderFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderHeader!(headerProps);\n return render(reactNode);\n });\n });\n }, [props.renderHeader, elementReady]);\n\n // Render list item\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderListItem) return;\n queueMicrotask(() => {\n menu.setListItem((itemProps?: CourierInboxListItemFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderListItem!(itemProps);\n return render(reactNode);\n });\n });\n }, [props.renderListItem, elementReady]);\n\n // Render empty state\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderEmptyState) return;\n queueMicrotask(() => {\n menu.setEmptyState((emptyStateProps?: CourierInboxStateEmptyFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderEmptyState!(emptyStateProps);\n return render(reactNode);\n });\n });\n }, [props.renderEmptyState, elementReady]);\n\n // Render loading state\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderLoadingState) return;\n queueMicrotask(() => {\n menu.setLoadingState((loadingStateProps?: CourierInboxStateLoadingFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderLoadingState!(loadingStateProps);\n return render(reactNode);\n });\n });\n }, [props.renderLoadingState, elementReady]);\n\n // Render error state\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderErrorState) return;\n queueMicrotask(() => {\n menu.setErrorState((errorStateProps?: CourierInboxStateErrorFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderErrorState!(errorStateProps);\n return render(reactNode);\n });\n });\n }, [props.renderErrorState, elementReady]);\n\n // Render pagination item\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderPaginationItem) return;\n queueMicrotask(() => {\n menu.setPaginationItem((paginationProps?: CourierInboxPaginationItemFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderPaginationItem!(paginationProps);\n return render(reactNode);\n });\n });\n }, [props.renderPaginationItem, elementReady]);\n\n // Render menu button\n useEffect(() => {\n const menu = getEl();\n if (!menu || !props.renderMenuButton) return;\n queueMicrotask(() => {\n menu.setMenuButton((buttonProps?: CourierInboxMenuButtonFactoryProps | undefined | null): HTMLElement => {\n const reactNode = props.renderMenuButton!(buttonProps);\n return render(reactNode);\n });\n });\n }, [props.renderMenuButton, elementReady]);\n\n const feedsAttr = useMemo(\n () => props.feeds ? JSON.stringify(props.feeds) : undefined,\n [props.feeds]\n );\n\n const children = (\n /* @ts-ignore */\n \n );\n\n return (\n \n );\n }\n);\n","import { useRef, useEffect, forwardRef, ReactNode, useContext, CSSProperties, useState, useCallback } from \"react\";\nimport { CourierToastTheme, CourierToast as CourierToastElement, CourierToastItemFactoryProps } from \"@trycourier/courier-ui-toast\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierClientComponent } from \"./courier-client-component\";\nimport { CourierRenderContext } from \"../context/render-context\";\nimport { CourierToastDismissButtonOption, CourierToastItemClickEvent, CourierToastItemActionClickEvent } from \"@trycourier/courier-ui-toast\";\n\n/** Props that may be passed to the CourierToast component. */\nexport interface CourierToastProps {\n /**\n * Styles applied to the CourierToast component.\n *\n * By default, the component has the following styles:\n *\n * ```css\n * position: \"fixed\";\n * width: \"380px\";\n * top: \"30px\";\n * right: \"30px\";\n * z-index: 999;\n * ```\n *\n * Setting styles directly on the component is useful to customize the component's\n * position and layout. Setting `height` is effectively a no-op, as `height`\n * will be dynamically set by the component as toast items are added and removed.\n */\n style?: CSSProperties;\n\n /** Theme object used to render the component when light mode is used. */\n lightTheme?: CourierToastTheme;\n\n /** Theme object used to render the component when dark mode is used. */\n darkTheme?: CourierToastTheme;\n\n /** Manually set the theme mode to one of \"light\", \"dark\", or \"system\". Defaults to \"system\". */\n mode?: CourierComponentThemeMode;\n\n /** Enable toasts to auto-dismiss, including a timer bar at the top of the toast. Defaults to false. */\n autoDismiss?: boolean;\n\n /**\n * The timeout before a toast auto-dismisses, if {@link CourierToastProps.autoDismiss} is enabled.\n * Defaults to 5000ms.\n */\n autoDismissTimeoutMs?: number;\n\n /**\n * Set the dismiss button's visibility.\n *\n * Defaults to \"auto\", which makes the button always visible if `autoDismiss` is false\n * and visible on hover if `autoDismiss` is true.\n */\n dismissButton?: CourierToastDismissButtonOption;\n\n /** Callback function invoked when a toast item is clicked. */\n onToastItemClick?: (props: CourierToastItemClickEvent) => void;\n\n /** Callback function invoked when a toast item action button is clicked. */\n onToastItemActionClick?: (props: CourierToastItemActionClickEvent) => void;\n\n /**\n * Callback function invoked when the component is ready to receive messages.\n *\n * Use onReady to ensure CourierToast has applied event listeners and\n * render props passed to the component before toasts are presented.\n *\n * @example\n * ```tsx\n * const [toastReady, setToastReady] = useState(false);\n * const courier = useCourier();\n *\n * useEffect(() => {\n * if (toastReady) {\n * courier.shared.signIn({ userId, jwt });\n * }\n * }, [toastReady]);\n *\n * return \n * ```\n */\n onReady?: (ready: boolean) => void;\n\n /** Render prop specifying how to render an entire toast item. */\n renderToastItem?: (props: CourierToastItemFactoryProps) => ReactNode;\n\n /**\n * Render prop specifying how to render a toast item's content.\n *\n * The toast item's container, including the stack, auto-dismiss timer, and dismiss button\n * are still present when this prop is set.\n *\n * This callback is stabilized internally, so wrapping it in `useCallback` is optional.\n * Memoizing in parent components can still reduce parent re-renders.\n *\n * See {@link CourierToastProps.dismissButton} to customize the dismiss button's visibility and\n * {@link CourierToastProps.renderToastItem} to customize the entire toast item, including\n * its container.\n */\n renderToastItemContent?: (props: CourierToastItemFactoryProps) => ReactNode;\n}\n\ntype SetupSteps = {\n elementMounted: boolean;\n onItemClickSet: boolean;\n onItemActionClickSet: boolean;\n renderToastItemSet: boolean;\n renderToastItemContentSet: boolean;\n};\n\nexport const CourierToastComponent = forwardRef((props, ref) => {\n const render = useContext(CourierRenderContext);\n if (!render) {\n throw new Error(\"RenderContext not found. Ensure CourierToast is wrapped in a CourierRenderContext.\");\n }\n\n // Track ready state for each of the useEffects that is called for a prop set on CourierToastComponent\n // which must be translated into an imperative call on .\n // When all the steps are complete, props.onReady is called to indicate the component is ready to receive toasts.\n const [setupSteps, setSetupSteps] = useState({\n elementMounted: false,\n onItemClickSet: false,\n onItemActionClickSet: false,\n renderToastItemSet: false,\n renderToastItemContentSet: false\n });\n const [elementReady, setElementReady] = useState(false);\n\n // Element ref for use in effects, updated by handleRef.\n const toastRef = useRef(null);\n const isMountedRef = useRef(false);\n const onReadyCalledRef = useRef(false);\n const renderToastItemRef = useRef(props.renderToastItem);\n const renderToastItemContentRef = useRef(props.renderToastItemContent);\n\n if (props.renderToastItem) {\n renderToastItemRef.current = props.renderToastItem;\n }\n\n if (props.renderToastItemContent) {\n renderToastItemContentRef.current = props.renderToastItemContent;\n }\n\n const hasRenderToastItem = !!props.renderToastItem;\n const hasRenderToastItemContent = !!props.renderToastItemContent;\n\n const markSetupStepComplete = useCallback((step: keyof SetupSteps) => {\n setSetupSteps(prev => {\n if (prev[step]) {\n return prev;\n }\n\n return {\n ...prev,\n [step]: true,\n } as SetupSteps;\n });\n }, []);\n\n useEffect(() => {\n isMountedRef.current = true;\n\n return () => {\n isMountedRef.current = false;\n };\n }, []);\n\n // Callback ref passed to rendered component, used to propagate the DOM element's ref to the parent component.\n // We use a callback ref (rather than a React.RefObject) since we want the parent ref to be up-to-date with\n // rendered component. Updating the parent ref via useEffect does not work, since mutating a RefObject\n // does not trigger useEffect (see https://stackoverflow.com/a/60476525).\n function handleRef(el: CourierToastElement | null) {\n if (ref) {\n\n // Propagate ref to ref callback functions\n if (typeof ref === 'function') {\n ref(el);\n } else {\n // Propagate ref to ref objects\n // @ts-ignore - RefObject.current is readonly in React 17, however it's not frozen and is equivalent the widened type MutableRefObject\n (ref as React.RefObject).current = el;\n }\n }\n\n // Store the element for use in effects\n toastRef.current = el;\n\n // Update element ready state\n setElementReady(!!el);\n }\n\n // Helper to get the current element\n function getEl(): CourierToastElement | null {\n return toastRef.current;\n }\n\n // Check if all setup steps are complete and fire onReady\n useEffect(() => {\n const allStepsComplete = Object.values(setupSteps).every(step => step);\n if (allStepsComplete && props.onReady && !onReadyCalledRef.current) {\n onReadyCalledRef.current = true;\n props.onReady(true);\n }\n }, [setupSteps, props.onReady]);\n\n // Track when element is mounted\n useEffect(() => {\n if (elementReady) {\n markSetupStepComplete(\"elementMounted\");\n }\n }, [elementReady, markSetupStepComplete]);\n\n // Handle toast item click\n useEffect(() => {\n if (!elementReady) return;\n const toast = getEl();\n if (!toast) return;\n toast.onToastItemClick(props.onToastItemClick);\n markSetupStepComplete(\"onItemClickSet\");\n }, [props.onToastItemClick, elementReady, markSetupStepComplete]);\n\n // Handle toast item action click\n useEffect(() => {\n if (!elementReady) return;\n const toast = getEl();\n if (!toast) return;\n toast.onToastItemActionClick(props.onToastItemActionClick);\n markSetupStepComplete(\"onItemActionClickSet\");\n }, [props.onToastItemActionClick, elementReady, markSetupStepComplete]);\n\n // Render toast item\n useEffect(() => {\n if (!elementReady) return;\n const toast = getEl();\n if (!toast) return;\n\n if (!hasRenderToastItem) {\n toast.setToastItem();\n markSetupStepComplete(\"renderToastItemSet\");\n return;\n }\n\n let cancelled = false;\n queueMicrotask(() => {\n if (cancelled || !isMountedRef.current) {\n return;\n }\n\n const currentToast = getEl();\n if (!currentToast || !currentToast.isConnected) {\n return;\n }\n\n currentToast.setToastItem((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n const renderToastItem = renderToastItemRef.current;\n if (!renderToastItem) {\n return document.createElement(\"div\");\n }\n\n const reactNode = renderToastItem(itemProps);\n return render(reactNode);\n });\n markSetupStepComplete(\"renderToastItemSet\");\n });\n\n return () => {\n cancelled = true;\n };\n }, [elementReady, hasRenderToastItem, markSetupStepComplete, render]);\n\n // Render toast item content\n useEffect(() => {\n if (!elementReady) return;\n const toast = getEl();\n if (!toast) return;\n\n if (!hasRenderToastItemContent) {\n toast.setToastItemContent();\n markSetupStepComplete(\"renderToastItemContentSet\");\n return;\n }\n\n let cancelled = false;\n queueMicrotask(() => {\n if (cancelled || !isMountedRef.current) {\n return;\n }\n\n const currentToast = getEl();\n if (!currentToast || !currentToast.isConnected) {\n return;\n }\n\n currentToast.setToastItemContent((itemProps: CourierToastItemFactoryProps): HTMLElement => {\n const renderToastItemContent = renderToastItemContentRef.current;\n if (!renderToastItemContent) {\n return document.createElement(\"div\");\n }\n\n const reactNode = renderToastItemContent(itemProps);\n return render(reactNode);\n });\n markSetupStepComplete(\"renderToastItemContentSet\");\n });\n\n return () => {\n cancelled = true;\n };\n }, [elementReady, hasRenderToastItemContent, markSetupStepComplete, render]);\n\n const children = (\n /* @ts-ignore */\n \n );\n\n return (\n \n );\n});\n","import { useRef, useEffect, useState, forwardRef, CSSProperties } from \"react\";\nimport {\n CourierPreferencesTheme,\n CourierPreferences as CourierPreferencesElement,\n} from \"@trycourier/courier-ui-preferences\";\nimport { CourierComponentThemeMode } from \"@trycourier/courier-ui-core\";\nimport { CourierPreferencePage } from \"@trycourier/courier-js\";\nimport { CourierClientComponent } from \"./courier-client-component\";\n\n/** Props for the CourierPreferences React component. */\nexport interface CourierPreferencesProps {\n style?: CSSProperties;\n lightTheme?: CourierPreferencesTheme;\n darkTheme?: CourierPreferencesTheme;\n mode?: CourierComponentThemeMode;\n title?: string;\n subtitle?: string;\n brandId?: string;\n channelLabels?: Record;\n /**\n * Render injected \"dummy\" preference data instead of fetching from the API.\n * Pass a full `CourierPreferencePage`; no sign-in / network is required.\n */\n previewData?: CourierPreferencePage;\n /**\n * Force the component's loading skeleton on/off. Useful while the host fetches\n * data it will inject via `previewData` (e.g. a brand) and wants the\n * component's own loading state shown in the meantime.\n */\n isLoading?: boolean;\n /**\n * Render the unpublished working draft instead of the published page (fetches\n * `draftPreferencePage`). Used by the hosted draft preview.\n */\n draft?: boolean;\n onError?: (error: Error) => void;\n}\n\nexport const CourierPreferencesComponent = forwardRef((props, ref) => {\n const elRef = useRef(null);\n // The element renders behind CourierClientComponent (client-only), so it can\n // mount AFTER these effects first run. Track readiness and include it in the\n // deps so imperative setters fire once the element exists.\n const [elementReady, setElementReady] = useState(false);\n\n function handleRef(el: CourierPreferencesElement | null) {\n if (ref) {\n if (typeof ref === 'function') {\n ref(el);\n } else {\n // @ts-ignore\n (ref as React.RefObject).current = el;\n }\n }\n elRef.current = el;\n setElementReady(!!el);\n }\n\n useEffect(() => {\n const el = elRef.current;\n if (!el) return;\n if (props.channelLabels) {\n el.setChannelLabels(props.channelLabels);\n }\n }, [props.channelLabels, elementReady]);\n\n useEffect(() => {\n const el = elRef.current;\n if (!el) return;\n el.setPreviewData(props.previewData ?? null);\n }, [props.previewData, elementReady]);\n\n useEffect(() => {\n const el = elRef.current;\n if (!el) return;\n el.setLoading(Boolean(props.isLoading));\n }, [props.isLoading, elementReady]);\n\n // When themes change, the web component's setDarkTheme/setLightTheme only calls\n // updateTheme() when _systemMode matches — it ignores an explicit _userMode override.\n // Re-calling setMode() always triggers updateTheme(), picking up the new theme values.\n useEffect(() => {\n const el = elRef.current;\n if (!el || !props.mode) return;\n el.setMode(props.mode);\n }, [props.lightTheme, props.darkTheme, props.mode, elementReady]);\n\n const children = (\n /* @ts-ignore */\n \n );\n\n return (\n \n );\n});\n\nCourierPreferencesComponent.displayName = 'CourierPreferencesComponent';\n"],"names":[],"mappings":"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"}