@realtimexsco/live-chat 1.4.0 → 1.4.1

package/dist/index.d.mts

@@ -1548,4 +1548,90 @@ declare function Calendar({ className, classNames, showOutsideDays, captionLayou
 }): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
 
-export { type ActiveChannelMessagesSlotProps, type AdminsDrawerSlotProps, type AttachmentsDrawerSlotProps, type AvatarSlotProps, CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, type ChannelDetailsDrawerSlotProps, ChannelHeaderView as ChannelHeader, type ChannelHeaderSlotProps, ChannelListView as ChannelList, ChannelListItem, type ChannelListItemSlotProps, type ChannelListSlotProps, type ChannelMessageBoxSlotProps, Chat, type ChatActionModalSlotProps, ChatAlertsProvider, type ChatApiKey, ChatAvatar, type ChatCallContext, type ChatClassNames, type ChatColorMode, type ChatComponents, type ChatCustomizationConfig, ChatCustomizationProvider, ChatDateJumpMenu, type ChatDateTimePreferences, type ChatFeatures, type ChatGetApiKey, ChatLayout, type ChatLayoutConfig, type ChatLayoutSlotProps, ChatLocaleProvider, ChatMain, type ChatPanelAlertsSlotProps, type ChatQueryParams, type ChatQueryParamsByApi, ChatThemeProvider, ChatViewport, type ChatViewportHeight, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout, ForwardModalView as ForwardModal, type ForwardModalSlotProps, HeaderCallActions, type HeaderCallActionsSlotProps, type HeaderLeftSideSlotProps, type HeaderRightSideSlotProps, type HeaderSearchOverlaySlotProps, type IAttachment, type IChannel, type IDMDelete, type IDMEditMessage, type IDMForward, type IDMMessage, type IDMPin, type IDMReaction, type IDMRead, type IDMStar, type IDMTyping, type IDMUnstar, type IMessage, type ISocketConfig, type JumpToPreset, LoggedUserDetails, type LoggedUserDetailsSlotProps, type MembersDrawerSlotProps, type MessageAttachmentsSlotProps, ChannelMessageBoxView as MessageInput, MessageItemView as MessageItem, type MessageItemSlotProps, ActiveChannelMessagesView as MessageList, type MessageReactionsSlotProps, type MessageReplySnippetSlotProps, type MessageStatusSlotProps, type MessageToolbarSlotProps, type PendingJump, type PermissionDrawerSlotProps, type PhoneCallButtonSlotProps, type PinnedMessagesDrawerSlotProps, type StarredMessagesDrawerSlotProps, type UIConfig, type VideoCallButtonSlotProps, capitalizeFirst, clampJumpDate, ChatMain as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, downloadFile, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, isEmpty, mergeChatCustomization, mergeChatLayoutConfig, packageDefaultComponents, resolveApiUrl, resolveChatApiKey, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme };
+interface PushConfig {
+    /** Firebase credentials present on the backend deployment. */
+    configured: boolean;
+    /** Super-admin ceiling AND client admin toggle, resolved. */
+    enabled: boolean;
+    firebaseConfig: Record<string, string> | null;
+    vapidKey: string | null;
+}
+interface PushPreference {
+    enabled: boolean;
+    allowedByWorkspace: boolean;
+    deviceCount: number;
+}
+declare const apiGetPushConfig: () => Promise<PushConfig>;
+declare const apiRegisterPushToken: (token: string, deviceLabel?: string) => Promise<any>;
+declare const apiRemovePushToken: (token: string) => Promise<any>;
+declare const apiGetPushPreference: () => Promise<PushPreference>;
+declare const apiUpdatePushPreference: (enabled: boolean) => Promise<any>;
+declare const isPushSupported: () => boolean;
+declare const getStoredPushToken: () => string | null;
+/**
+ * Full device opt-in: browser permission prompt → FCM token → backend
+ * registration. Returns the registered token.
+ */
+declare const enablePushOnThisDevice: () => Promise<string>;
+/** Device opt-out: invalidates the FCM token and removes it server-side. */
+declare const disablePushOnThisDevice: () => Promise<void>;
+/**
+ * Foreground messages (tab focused) — FCM does not display these itself.
+ * Returns an unsubscribe function. Typical use: show the in-app toast.
+ */
+declare const onForegroundPush: (callback: (payload: {
+    title?: string;
+    body?: string;
+    data?: Record<string, string>;
+}) => void) => Promise<() => void>;
+
+interface PushNotificationsState {
+    /** Browser supports service workers + the Push API. */
+    supported: boolean;
+    /** Super-admin ceiling AND client admin toggle allow push. */
+    allowedByWorkspace: boolean;
+    /** Firebase credentials are configured on the backend. */
+    configured: boolean;
+    /** Current browser notification permission. */
+    permission: NotificationPermission | "unsupported";
+    /** The user's account-level preference (mute switch). */
+    userEnabled: boolean;
+    /** This browser has a registered push token. */
+    deviceEnabled: boolean;
+    loading: boolean;
+    error: string | null;
+}
+interface UsePushNotifications extends PushNotificationsState {
+    /** Prompt for permission and register this device. */
+    enable: () => Promise<boolean>;
+    /** Unregister this device. */
+    disable: () => Promise<void>;
+    /** Account-level mute switch across all of the user's devices. */
+    setUserEnabled: (enabled: boolean) => Promise<void>;
+    refresh: () => Promise<void>;
+}
+/**
+ * Per-user push notification opt-in for the embedded chat.
+ *
+ * Renders no UI itself — pair with PushNotificationToggle or your own
+ * control. Requires setChatBaseURL/setChatClientId/setChatAccessToken to be
+ * configured (same as the rest of the chat).
+ */
+declare const usePushNotifications: () => UsePushNotifications;
+
+interface PushNotificationToggleProps {
+    className?: string;
+    label?: string;
+    description?: string;
+}
+/**
+ * Drop-in per-user push notification switch. Renders nothing while push is
+ * unsupported by the browser, disabled by the workspace admins, or not yet
+ * configured on the backend — users only ever see a switch they can use.
+ *
+ * On: prompts for browser permission and registers this device.
+ * Off: unregisters this device.
+ */
+declare const PushNotificationToggle: ({ className, label, description, }: PushNotificationToggleProps) => React.JSX.Element | null;
+
+export { type ActiveChannelMessagesSlotProps, type AdminsDrawerSlotProps, type AttachmentsDrawerSlotProps, type AvatarSlotProps, CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, type ChannelDetailsDrawerSlotProps, ChannelHeaderView as ChannelHeader, type ChannelHeaderSlotProps, ChannelListView as ChannelList, ChannelListItem, type ChannelListItemSlotProps, type ChannelListSlotProps, type ChannelMessageBoxSlotProps, Chat, type ChatActionModalSlotProps, ChatAlertsProvider, type ChatApiKey, ChatAvatar, type ChatCallContext, type ChatClassNames, type ChatColorMode, type ChatComponents, type ChatCustomizationConfig, ChatCustomizationProvider, ChatDateJumpMenu, type ChatDateTimePreferences, type ChatFeatures, type ChatGetApiKey, ChatLayout, type ChatLayoutConfig, type ChatLayoutSlotProps, ChatLocaleProvider, ChatMain, type ChatPanelAlertsSlotProps, type ChatQueryParams, type ChatQueryParamsByApi, ChatThemeProvider, ChatViewport, type ChatViewportHeight, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout, ForwardModalView as ForwardModal, type ForwardModalSlotProps, HeaderCallActions, type HeaderCallActionsSlotProps, type HeaderLeftSideSlotProps, type HeaderRightSideSlotProps, type HeaderSearchOverlaySlotProps, type IAttachment, type IChannel, type IDMDelete, type IDMEditMessage, type IDMForward, type IDMMessage, type IDMPin, type IDMReaction, type IDMRead, type IDMStar, type IDMTyping, type IDMUnstar, type IMessage, type ISocketConfig, type JumpToPreset, LoggedUserDetails, type LoggedUserDetailsSlotProps, type MembersDrawerSlotProps, type MessageAttachmentsSlotProps, ChannelMessageBoxView as MessageInput, MessageItemView as MessageItem, type MessageItemSlotProps, ActiveChannelMessagesView as MessageList, type MessageReactionsSlotProps, type MessageReplySnippetSlotProps, type MessageStatusSlotProps, type MessageToolbarSlotProps, type PendingJump, type PermissionDrawerSlotProps, type PhoneCallButtonSlotProps, type PinnedMessagesDrawerSlotProps, type PushConfig, PushNotificationToggle, type PushNotificationToggleProps, type PushNotificationsState, type PushPreference, type StarredMessagesDrawerSlotProps, type UIConfig, type UsePushNotifications, type VideoCallButtonSlotProps, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, capitalizeFirst, clampJumpDate, ChatMain as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, resolveApiUrl, resolveChatApiKey, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };

package/dist/index.d.ts

@@ -1548,4 +1548,90 @@ declare function Calendar({ className, classNames, showOutsideDays, captionLayou
 }): React.JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): React.JSX.Element;
 
-export { type ActiveChannelMessagesSlotProps, type AdminsDrawerSlotProps, type AttachmentsDrawerSlotProps, type AvatarSlotProps, CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, type ChannelDetailsDrawerSlotProps, ChannelHeaderView as ChannelHeader, type ChannelHeaderSlotProps, ChannelListView as ChannelList, ChannelListItem, type ChannelListItemSlotProps, type ChannelListSlotProps, type ChannelMessageBoxSlotProps, Chat, type ChatActionModalSlotProps, ChatAlertsProvider, type ChatApiKey, ChatAvatar, type ChatCallContext, type ChatClassNames, type ChatColorMode, type ChatComponents, type ChatCustomizationConfig, ChatCustomizationProvider, ChatDateJumpMenu, type ChatDateTimePreferences, type ChatFeatures, type ChatGetApiKey, ChatLayout, type ChatLayoutConfig, type ChatLayoutSlotProps, ChatLocaleProvider, ChatMain, type ChatPanelAlertsSlotProps, type ChatQueryParams, type ChatQueryParamsByApi, ChatThemeProvider, ChatViewport, type ChatViewportHeight, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout, ForwardModalView as ForwardModal, type ForwardModalSlotProps, HeaderCallActions, type HeaderCallActionsSlotProps, type HeaderLeftSideSlotProps, type HeaderRightSideSlotProps, type HeaderSearchOverlaySlotProps, type IAttachment, type IChannel, type IDMDelete, type IDMEditMessage, type IDMForward, type IDMMessage, type IDMPin, type IDMReaction, type IDMRead, type IDMStar, type IDMTyping, type IDMUnstar, type IMessage, type ISocketConfig, type JumpToPreset, LoggedUserDetails, type LoggedUserDetailsSlotProps, type MembersDrawerSlotProps, type MessageAttachmentsSlotProps, ChannelMessageBoxView as MessageInput, MessageItemView as MessageItem, type MessageItemSlotProps, ActiveChannelMessagesView as MessageList, type MessageReactionsSlotProps, type MessageReplySnippetSlotProps, type MessageStatusSlotProps, type MessageToolbarSlotProps, type PendingJump, type PermissionDrawerSlotProps, type PhoneCallButtonSlotProps, type PinnedMessagesDrawerSlotProps, type StarredMessagesDrawerSlotProps, type UIConfig, type VideoCallButtonSlotProps, capitalizeFirst, clampJumpDate, ChatMain as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, downloadFile, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, isEmpty, mergeChatCustomization, mergeChatLayoutConfig, packageDefaultComponents, resolveApiUrl, resolveChatApiKey, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme };
+interface PushConfig {
+    /** Firebase credentials present on the backend deployment. */
+    configured: boolean;
+    /** Super-admin ceiling AND client admin toggle, resolved. */
+    enabled: boolean;
+    firebaseConfig: Record<string, string> | null;
+    vapidKey: string | null;
+}
+interface PushPreference {
+    enabled: boolean;
+    allowedByWorkspace: boolean;
+    deviceCount: number;
+}
+declare const apiGetPushConfig: () => Promise<PushConfig>;
+declare const apiRegisterPushToken: (token: string, deviceLabel?: string) => Promise<any>;
+declare const apiRemovePushToken: (token: string) => Promise<any>;
+declare const apiGetPushPreference: () => Promise<PushPreference>;
+declare const apiUpdatePushPreference: (enabled: boolean) => Promise<any>;
+declare const isPushSupported: () => boolean;
+declare const getStoredPushToken: () => string | null;
+/**
+ * Full device opt-in: browser permission prompt → FCM token → backend
+ * registration. Returns the registered token.
+ */
+declare const enablePushOnThisDevice: () => Promise<string>;
+/** Device opt-out: invalidates the FCM token and removes it server-side. */
+declare const disablePushOnThisDevice: () => Promise<void>;
+/**
+ * Foreground messages (tab focused) — FCM does not display these itself.
+ * Returns an unsubscribe function. Typical use: show the in-app toast.
+ */
+declare const onForegroundPush: (callback: (payload: {
+    title?: string;
+    body?: string;
+    data?: Record<string, string>;
+}) => void) => Promise<() => void>;
+
+interface PushNotificationsState {
+    /** Browser supports service workers + the Push API. */
+    supported: boolean;
+    /** Super-admin ceiling AND client admin toggle allow push. */
+    allowedByWorkspace: boolean;
+    /** Firebase credentials are configured on the backend. */
+    configured: boolean;
+    /** Current browser notification permission. */
+    permission: NotificationPermission | "unsupported";
+    /** The user's account-level preference (mute switch). */
+    userEnabled: boolean;
+    /** This browser has a registered push token. */
+    deviceEnabled: boolean;
+    loading: boolean;
+    error: string | null;
+}
+interface UsePushNotifications extends PushNotificationsState {
+    /** Prompt for permission and register this device. */
+    enable: () => Promise<boolean>;
+    /** Unregister this device. */
+    disable: () => Promise<void>;
+    /** Account-level mute switch across all of the user's devices. */
+    setUserEnabled: (enabled: boolean) => Promise<void>;
+    refresh: () => Promise<void>;
+}
+/**
+ * Per-user push notification opt-in for the embedded chat.
+ *
+ * Renders no UI itself — pair with PushNotificationToggle or your own
+ * control. Requires setChatBaseURL/setChatClientId/setChatAccessToken to be
+ * configured (same as the rest of the chat).
+ */
+declare const usePushNotifications: () => UsePushNotifications;
+
+interface PushNotificationToggleProps {
+    className?: string;
+    label?: string;
+    description?: string;
+}
+/**
+ * Drop-in per-user push notification switch. Renders nothing while push is
+ * unsupported by the browser, disabled by the workspace admins, or not yet
+ * configured on the backend — users only ever see a switch they can use.
+ *
+ * On: prompts for browser permission and registers this device.
+ * Off: unregisters this device.
+ */
+declare const PushNotificationToggle: ({ className, label, description, }: PushNotificationToggleProps) => React.JSX.Element | null;
+
+export { type ActiveChannelMessagesSlotProps, type AdminsDrawerSlotProps, type AttachmentsDrawerSlotProps, type AvatarSlotProps, CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, type ChannelDetailsDrawerSlotProps, ChannelHeaderView as ChannelHeader, type ChannelHeaderSlotProps, ChannelListView as ChannelList, ChannelListItem, type ChannelListItemSlotProps, type ChannelListSlotProps, type ChannelMessageBoxSlotProps, Chat, type ChatActionModalSlotProps, ChatAlertsProvider, type ChatApiKey, ChatAvatar, type ChatCallContext, type ChatClassNames, type ChatColorMode, type ChatComponents, type ChatCustomizationConfig, ChatCustomizationProvider, ChatDateJumpMenu, type ChatDateTimePreferences, type ChatFeatures, type ChatGetApiKey, ChatLayout, type ChatLayoutConfig, type ChatLayoutSlotProps, ChatLocaleProvider, ChatMain, type ChatPanelAlertsSlotProps, type ChatQueryParams, type ChatQueryParamsByApi, ChatThemeProvider, ChatViewport, type ChatViewportHeight, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout, ForwardModalView as ForwardModal, type ForwardModalSlotProps, HeaderCallActions, type HeaderCallActionsSlotProps, type HeaderLeftSideSlotProps, type HeaderRightSideSlotProps, type HeaderSearchOverlaySlotProps, type IAttachment, type IChannel, type IDMDelete, type IDMEditMessage, type IDMForward, type IDMMessage, type IDMPin, type IDMReaction, type IDMRead, type IDMStar, type IDMTyping, type IDMUnstar, type IMessage, type ISocketConfig, type JumpToPreset, LoggedUserDetails, type LoggedUserDetailsSlotProps, type MembersDrawerSlotProps, type MessageAttachmentsSlotProps, ChannelMessageBoxView as MessageInput, MessageItemView as MessageItem, type MessageItemSlotProps, ActiveChannelMessagesView as MessageList, type MessageReactionsSlotProps, type MessageReplySnippetSlotProps, type MessageStatusSlotProps, type MessageToolbarSlotProps, type PendingJump, type PermissionDrawerSlotProps, type PhoneCallButtonSlotProps, type PinnedMessagesDrawerSlotProps, type PushConfig, PushNotificationToggle, type PushNotificationToggleProps, type PushNotificationsState, type PushPreference, type StarredMessagesDrawerSlotProps, type UIConfig, type UsePushNotifications, type VideoCallButtonSlotProps, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, capitalizeFirst, clampJumpDate, ChatMain as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, resolveApiUrl, resolveChatApiKey, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };

package/dist/index.mjs

@@ -17750,9 +17750,285 @@ var packageDefaultComponents = {
   ChatSocketStatus: ChatSocketStatus_default
 };
 
+// src/notifications/push.service.ts
+init_client();
+var PUSH_TOKEN_STORAGE_KEY = "realtimex-push-token";
+var SERVICE_WORKER_PATH = "/firebase-messaging-sw.js";
+var v2Url = (path) => {
+  const base = (getChatBaseUrl() || String(apiClient.defaults.baseURL || "")).replace(/\/$/, "").replace(/\/v1$/, "/v2");
+  return `${base}${path}`;
+};
+var apiGetPushConfig = async () => {
+  const { data } = await apiClient.get(v2Url("/notifications/push/config"));
+  return data?.data;
+};
+var apiRegisterPushToken = async (token, deviceLabel) => {
+  const { data } = await apiClient.post(v2Url("/notifications/push/token"), {
+    token,
+    deviceLabel
+  });
+  return data?.data;
+};
+var apiRemovePushToken = async (token) => {
+  const { data } = await apiClient.delete(v2Url("/notifications/push/token"), {
+    data: { token }
+  });
+  return data;
+};
+var apiGetPushPreference = async () => {
+  const { data } = await apiClient.get(
+    v2Url("/notifications/push/preference")
+  );
+  return data?.data;
+};
+var apiUpdatePushPreference = async (enabled) => {
+  const { data } = await apiClient.patch(
+    v2Url("/notifications/push/preference"),
+    { enabled }
+  );
+  return data?.data;
+};
+var isPushSupported = () => typeof window !== "undefined" && "Notification" in window && "serviceWorker" in navigator && "PushManager" in window;
+var getStoredPushToken = () => {
+  try {
+    return localStorage.getItem(PUSH_TOKEN_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+};
+var storePushToken = (token) => {
+  try {
+    if (token) localStorage.setItem(PUSH_TOKEN_STORAGE_KEY, token);
+    else localStorage.removeItem(PUSH_TOKEN_STORAGE_KEY);
+  } catch {
+  }
+};
+var defaultDeviceLabel = () => {
+  const ua = navigator.userAgent;
+  const browser = /edg\//i.test(ua) ? "Edge" : /chrome/i.test(ua) ? "Chrome" : /safari/i.test(ua) ? "Safari" : /firefox/i.test(ua) ? "Firefox" : "Browser";
+  const os = /mac/i.test(ua) ? "macOS" : /windows/i.test(ua) ? "Windows" : /android/i.test(ua) ? "Android" : /iphone|ipad/i.test(ua) ? "iOS" : /linux/i.test(ua) ? "Linux" : "Unknown OS";
+  return `${browser} on ${os}`;
+};
+var loadFirebaseMessaging = async () => {
+  try {
+    const [{ initializeApp, getApps }, messagingModule] = await Promise.all([
+      import('firebase/app'),
+      import('firebase/messaging')
+    ]);
+    return { initializeApp, getApps, ...messagingModule };
+  } catch {
+    throw new Error(
+      'Push notifications need the "firebase" package \u2014 run: npm install firebase'
+    );
+  }
+};
+var getFirebaseMessaging = async (firebaseConfig) => {
+  const fb = await loadFirebaseMessaging();
+  const app = fb.getApps().length ? fb.getApps()[0] : fb.initializeApp(firebaseConfig);
+  return { fb, messaging: fb.getMessaging(app) };
+};
+var enablePushOnThisDevice = async () => {
+  if (!isPushSupported()) {
+    throw new Error("Push notifications are not supported in this browser");
+  }
+  const config = await apiGetPushConfig();
+  if (!config?.enabled) {
+    throw new Error("Push notifications are disabled for this workspace");
+  }
+  if (!config.configured || !config.firebaseConfig || !config.vapidKey) {
+    throw new Error(
+      "Push notifications are not configured on the server yet"
+    );
+  }
+  const permission = await Notification.requestPermission();
+  if (permission !== "granted") {
+    throw new Error("Notification permission was not granted");
+  }
+  let registration;
+  try {
+    registration = await navigator.serviceWorker.register(
+      `${SERVICE_WORKER_PATH}?config=${encodeURIComponent(
+        JSON.stringify(config.firebaseConfig)
+      )}`
+    );
+  } catch {
+    throw new Error(
+      `Could not register ${SERVICE_WORKER_PATH} \u2014 copy it from node_modules/@realtimexsco/live-chat/dist/firebase-messaging-sw.js into your app's public folder`
+    );
+  }
+  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
+  const token = await fb.getToken(messaging, {
+    vapidKey: config.vapidKey,
+    serviceWorkerRegistration: registration
+  });
+  if (!token) {
+    throw new Error("Could not obtain a push token from Firebase");
+  }
+  await apiRegisterPushToken(token, defaultDeviceLabel());
+  storePushToken(token);
+  return token;
+};
+var disablePushOnThisDevice = async () => {
+  const token = getStoredPushToken();
+  if (!token) return;
+  try {
+    const config = await apiGetPushConfig();
+    if (config?.firebaseConfig) {
+      const { fb, messaging } = await getFirebaseMessaging(
+        config.firebaseConfig
+      );
+      await fb.deleteToken(messaging).catch(() => void 0);
+    }
+  } catch {
+  }
+  await apiRemovePushToken(token).catch(() => void 0);
+  storePushToken(null);
+};
+var onForegroundPush = async (callback) => {
+  const config = await apiGetPushConfig();
+  if (!config?.configured || !config.firebaseConfig) return () => void 0;
+  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
+  return fb.onMessage(messaging, (payload) => {
+    callback({
+      title: payload?.notification?.title,
+      body: payload?.notification?.body,
+      data: payload?.data
+    });
+  });
+};
+var usePushNotifications = () => {
+  const [state, setState] = useState({
+    supported: false,
+    allowedByWorkspace: false,
+    configured: false,
+    permission: "unsupported",
+    userEnabled: true,
+    deviceEnabled: false,
+    loading: true,
+    error: null
+  });
+  const refresh = useCallback(async () => {
+    if (!isPushSupported()) {
+      setState((prev) => ({
+        ...prev,
+        supported: false,
+        loading: false
+      }));
+      return;
+    }
+    try {
+      const [config, preference] = await Promise.all([
+        apiGetPushConfig(),
+        apiGetPushPreference().catch(() => null)
+      ]);
+      setState({
+        supported: true,
+        allowedByWorkspace: Boolean(config?.enabled),
+        configured: Boolean(config?.configured),
+        permission: Notification.permission,
+        userEnabled: preference?.enabled ?? true,
+        deviceEnabled: Notification.permission === "granted" && Boolean(getStoredPushToken()),
+        loading: false,
+        error: null
+      });
+    } catch (error) {
+      setState((prev) => ({
+        ...prev,
+        supported: true,
+        loading: false,
+        error: error instanceof Error ? error.message : "Could not load push settings"
+      }));
+    }
+  }, []);
+  useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const enable = useCallback(async () => {
+    setState((prev) => ({ ...prev, loading: true, error: null }));
+    try {
+      await enablePushOnThisDevice();
+      await refresh();
+      return true;
+    } catch (error) {
+      setState((prev) => ({
+        ...prev,
+        loading: false,
+        permission: isPushSupported() ? Notification.permission : "unsupported",
+        error: error instanceof Error ? error.message : "Could not enable push notifications"
+      }));
+      return false;
+    }
+  }, [refresh]);
+  const disable = useCallback(async () => {
+    setState((prev) => ({ ...prev, loading: true, error: null }));
+    try {
+      await disablePushOnThisDevice();
+    } finally {
+      await refresh();
+    }
+  }, [refresh]);
+  const setUserEnabled = useCallback(
+    async (enabled) => {
+      setState((prev) => ({ ...prev, userEnabled: enabled }));
+      try {
+        await apiUpdatePushPreference(enabled);
+      } catch (error) {
+        setState((prev) => ({
+          ...prev,
+          userEnabled: !enabled,
+          error: error instanceof Error ? error.message : "Could not update push preference"
+        }));
+      }
+    },
+    []
+  );
+  return { ...state, enable, disable, setUserEnabled, refresh };
+};
+var PushNotificationToggle = ({
+  className,
+  label = "Push notifications",
+  description = "Get notified about new messages on this device"
+}) => {
+  const push = usePushNotifications();
+  if (!push.supported || !push.allowedByWorkspace || !push.configured) {
+    return null;
+  }
+  const isOn = push.deviceEnabled && push.userEnabled;
+  const permissionBlocked = push.permission === "denied";
+  const handleChange = async (checked) => {
+    if (checked) {
+      if (!push.userEnabled) await push.setUserEnabled(true);
+      if (!push.deviceEnabled) await push.enable();
+    } else {
+      await push.disable();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: className ?? "flex items-center justify-between gap-4 rounded-xl border border-border bg-background px-4 py-3",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: label }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            checked: isOn,
+            disabled: push.loading || permissionBlocked,
+            onCheckedChange: (checked) => void handleChange(checked),
+            "aria-label": `Toggle ${label}`
+          }
+        )
+      ]
+    }
+  );
+};
+
 // src/index.ts
 var index_default = ChatMain_default;
 
-export { CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, ChannelHeaderView_default as ChannelHeader, ChannelListView_default as ChannelList, ChannelListItem_default as ChannelListItem, Chat, ChatAlertsProvider, ChatAvatar_default as ChatAvatar, ChatCustomizationProvider, ChatDateJumpMenu, ChatLayout_default as ChatLayout, ChatLocaleProvider, ChatMain_default as ChatMain, ChatThemeProvider, ChatViewport, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout_default as DefaultChatLayout, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, capitalizeFirst, clampJumpDate, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, downloadFile, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, isEmpty, mergeChatCustomization, mergeChatLayoutConfig, packageDefaultComponents, resolveApiUrl, resolveChatApiKey, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socket_service_default as socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme };
+export { CHAT_API_KEYS, CHAT_GET_API_KEYS, Calendar, CalendarDayButton, Channel, ChannelHeaderView_default as ChannelHeader, ChannelListView_default as ChannelList, ChannelListItem_default as ChannelListItem, Chat, ChatAlertsProvider, ChatAvatar_default as ChatAvatar, ChatCustomizationProvider, ChatDateJumpMenu, ChatLayout_default as ChatLayout, ChatLocaleProvider, ChatMain_default as ChatMain, ChatThemeProvider, ChatViewport, DefaultChannelListItem, DefaultChatAvatar, DefaultChatLayout_default as DefaultChatLayout, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, PushNotificationToggle, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, capitalizeFirst, clampJumpDate, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, resolveApiUrl, resolveChatApiKey, resolveJumpDateBounds, resolveJumpPreset, resolveJumpStep, resolveSocketUrl, setChatAccessToken, setChatBaseURL, setChatClientId, setChatQueryParamApis, setChatQueryParams, setChatQueryParamsByApi, setChatSocketUrl, showNotification, smoothScrollToMessage, socket_service_default as socketService, startOfLocalDay, toDateInputValue, uniqueList, useChatAlerts, useChatContext, useChatController, useChatCustomization, useChatCustomizationOptional, useChatFeatures, useChatFeaturesOptional, useChatLocale, useStore as useChatStore, useChatTheme, usePushNotifications };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map