@realtimexsco/live-chat 1.4.7 → 1.4.8

package/dist/index.d.mts

@@ -1650,4 +1650,35 @@ interface ForegroundPushBridgeProps {
 }
 declare const ForegroundPushBridge: ({ onPush }: ForegroundPushBridgeProps) => 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, ForegroundPushBridge, type ForegroundPushBridgeProps, type ForegroundPushPayload, 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, PUSH_CHANGED_EVENT, 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 };
+/** CustomEvent name — detail: `{ conversationId: string }` */
+declare const OPEN_CONVERSATION_EVENT = "realtimex:open-conversation";
+/** Service-worker → page postMessage type */
+declare const NOTIFICATION_CLICK_SW_TYPE = "realtimex:notification-click";
+declare const resolveConversationIdFromPushData: (data?: Record<string, unknown> | null) => string;
+declare const peekPendingOpenConversation: () => string | null;
+declare const consumePendingOpenConversation: () => string | null;
+/**
+ * Ask the chat UI to open a conversation. Safe to call when ChatMain is not
+ * mounted yet — the id is kept in sessionStorage until the chat consumes it.
+ * Host apps should also navigate to their chat route (see
+ * `installNotificationClickBridge`).
+ */
+declare const requestOpenConversation: (conversationId: string) => void;
+interface NotificationClickBridgeOptions {
+    /** Host chat route, default `/chat` */
+    chatPath?: string;
+    /**
+     * Called when a notification click needs the host router to move onto
+     * the chat page (or sync `?conversationId=`). Required for redirect when
+     * the user is on another route.
+     */
+    onNavigate?: (conversationId: string, pathWithQuery: string) => void;
+}
+/**
+ * Listens for OS notification clicks (service worker postMessage) and an
+ * optional `?conversationId=` URL, then calls `requestOpenConversation` +
+ * `onNavigate` so the host can route to the chat page.
+ */
+declare const installNotificationClickBridge: (options?: NotificationClickBridgeOptions) => (() => void);
+
+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, ForegroundPushBridge, type ForegroundPushBridgeProps, type ForegroundPushPayload, 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, NOTIFICATION_CLICK_SW_TYPE, type NotificationClickBridgeOptions, OPEN_CONVERSATION_EVENT, PUSH_CHANGED_EVENT, 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, consumePendingOpenConversation, ChatMain as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, requestOpenConversation, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, 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

@@ -1650,4 +1650,35 @@ interface ForegroundPushBridgeProps {
 }
 declare const ForegroundPushBridge: ({ onPush }: ForegroundPushBridgeProps) => 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, ForegroundPushBridge, type ForegroundPushBridgeProps, type ForegroundPushPayload, 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, PUSH_CHANGED_EVENT, 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 };
+/** CustomEvent name — detail: `{ conversationId: string }` */
+declare const OPEN_CONVERSATION_EVENT = "realtimex:open-conversation";
+/** Service-worker → page postMessage type */
+declare const NOTIFICATION_CLICK_SW_TYPE = "realtimex:notification-click";
+declare const resolveConversationIdFromPushData: (data?: Record<string, unknown> | null) => string;
+declare const peekPendingOpenConversation: () => string | null;
+declare const consumePendingOpenConversation: () => string | null;
+/**
+ * Ask the chat UI to open a conversation. Safe to call when ChatMain is not
+ * mounted yet — the id is kept in sessionStorage until the chat consumes it.
+ * Host apps should also navigate to their chat route (see
+ * `installNotificationClickBridge`).
+ */
+declare const requestOpenConversation: (conversationId: string) => void;
+interface NotificationClickBridgeOptions {
+    /** Host chat route, default `/chat` */
+    chatPath?: string;
+    /**
+     * Called when a notification click needs the host router to move onto
+     * the chat page (or sync `?conversationId=`). Required for redirect when
+     * the user is on another route.
+     */
+    onNavigate?: (conversationId: string, pathWithQuery: string) => void;
+}
+/**
+ * Listens for OS notification clicks (service worker postMessage) and an
+ * optional `?conversationId=` URL, then calls `requestOpenConversation` +
+ * `onNavigate` so the host can route to the chat page.
+ */
+declare const installNotificationClickBridge: (options?: NotificationClickBridgeOptions) => (() => void);
+
+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, ForegroundPushBridge, type ForegroundPushBridgeProps, type ForegroundPushPayload, 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, NOTIFICATION_CLICK_SW_TYPE, type NotificationClickBridgeOptions, OPEN_CONVERSATION_EVENT, PUSH_CHANGED_EVENT, 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, consumePendingOpenConversation, ChatMain as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, requestOpenConversation, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, 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

@@ -13,7 +13,7 @@ import { Sun, Moon, Search, X, Loader2, UserPlus, ChevronDown, ArrowLeft, Users,
 import { cva } from 'class-variance-authority';
 import EmojiPicker, { Theme } from 'emoji-picker-react';
 import { getDefaultClassNames, DayPicker } from 'react-day-picker';
-import { toast, Toaster } from 'react-hot-toast';
+import toast2, { toast, Toaster } from 'react-hot-toast';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -4626,6 +4626,127 @@ var Chat = ({
 // src/hooks/useChatController.ts
 init_useStore();
 init_store_helpers();
+
+// src/notifications/open-conversation.ts
+init_store_helpers();
+var OPEN_CONVERSATION_EVENT = "realtimex:open-conversation";
+var NOTIFICATION_CLICK_SW_TYPE = "realtimex:notification-click";
+var PENDING_STORAGE_KEY = "realtimex:pending-open-conversation";
+var resolveConversationIdFromPushData = (data) => {
+  if (!data || typeof data !== "object") return "";
+  const nested = data.FCM_MSG && typeof data.FCM_MSG === "object" ? data.FCM_MSG.data : void 0;
+  const source = { ...nested || {}, ...data };
+  return String(
+    source.conversationId || source.conversation_id || source.conversationID || ""
+  );
+};
+var peekPendingOpenConversation = () => {
+  try {
+    return sessionStorage.getItem(PENDING_STORAGE_KEY);
+  } catch {
+    return null;
+  }
+};
+var consumePendingOpenConversation = () => {
+  const id = peekPendingOpenConversation();
+  try {
+    sessionStorage.removeItem(PENDING_STORAGE_KEY);
+  } catch {
+  }
+  return id;
+};
+var requestOpenConversation = (conversationId) => {
+  const id = String(conversationId || "").trim();
+  if (!id) return;
+  try {
+    sessionStorage.setItem(PENDING_STORAGE_KEY, id);
+  } catch {
+  }
+  try {
+    window.dispatchEvent(
+      new CustomEvent(OPEN_CONVERSATION_EVENT, {
+        detail: { conversationId: id }
+      })
+    );
+  } catch {
+  }
+};
+var mapConversationToChannel = (conversation, loggedUserId, allUsers) => {
+  const conversationId = String(conversation?._id || conversation?.id || "");
+  const isGroup = isGroupConversation(conversation);
+  if (isGroup) {
+    const rawName2 = conversation.groupName || conversation.name || "Group Chat";
+    return {
+      id: conversationId,
+      conversationId,
+      name: rawName2.charAt(0).toUpperCase() + rawName2.slice(1),
+      image: resolveGroupImage(conversation),
+      isGroup: true,
+      isLeft: !!conversation.isLeft,
+      isBlocked: !!conversation.isBlocked,
+      pinnedCount: conversation.pinnedCount,
+      starredCount: conversation.starredCount
+    };
+  }
+  const { id: otherId, user } = resolveOtherParticipant(
+    conversation,
+    loggedUserId,
+    allUsers
+  );
+  const rawName = user?.name || "Unknown User";
+  return {
+    id: otherId || conversationId,
+    conversationId,
+    name: rawName.charAt(0).toUpperCase() + rawName.slice(1),
+    image: user?.image || void 0,
+    email: user?.email,
+    isGroup: false,
+    isLeft: !!conversation.isLeft,
+    isBlocked: !!conversation.isBlocked,
+    pinnedCount: conversation.pinnedCount,
+    starredCount: conversation.starredCount
+  };
+};
+var readConversationIdFromLocation = () => {
+  try {
+    return new URLSearchParams(window.location.search).get("conversationId") || "";
+  } catch {
+    return "";
+  }
+};
+var consumedUrlConversationIds = /* @__PURE__ */ new Set();
+var installNotificationClickBridge = (options = {}) => {
+  if (typeof window === "undefined") return () => void 0;
+  const chatPath = options.chatPath || "/chat";
+  const handleOpen = (conversationId) => {
+    const id = String(conversationId || "").trim();
+    if (!id) return;
+    requestOpenConversation(id);
+    const pathWithQuery = `${chatPath}?conversationId=${encodeURIComponent(id)}`;
+    options.onNavigate?.(id, pathWithQuery);
+  };
+  const onSwMessage = (event) => {
+    const data = event.data;
+    console.log("[realtimex-push] SW \u2192 page message:", data);
+    if (!data || data.type !== NOTIFICATION_CLICK_SW_TYPE) return;
+    console.log(
+      "[realtimex-push] notification click conversationId:",
+      data.conversationId
+    );
+    handleOpen(String(data.conversationId || ""));
+  };
+  navigator.serviceWorker?.addEventListener("message", onSwMessage);
+  const fromUrl = readConversationIdFromLocation();
+  if (fromUrl && !consumedUrlConversationIds.has(fromUrl)) {
+    consumedUrlConversationIds.add(fromUrl);
+    handleOpen(fromUrl);
+  }
+  return () => {
+    navigator.serviceWorker?.removeEventListener("message", onSwMessage);
+  };
+};
+
+// src/hooks/useChatController.ts
 function resolveMessageType(content, attachments) {
   if (attachments.length === 0) return "text";
   if (!content.trim() && attachments.length === 1) {
@@ -4698,6 +4819,10 @@ var useChatController = () => {
   const lastDM = useStore((s) => s.lastDM);
   const loggedUserDetails = useStore((s) => s.loggedUserDetails);
   const rateLimitResetAt2 = useStore((s) => s.rateLimitResetAt);
+  const allUsers = useStore((s) => s.allUsers);
+  const isFetchingConversations = useStore((s) => s.isFetchingConversations);
+  const conversations = useStore((s) => s.conversations);
+  const [pendingOpenConversationId, setPendingOpenConversationId] = useState(() => peekPendingOpenConversation());
   const conversationsLength = useStore(
     (s) => state.activeChannel?.conversationId ? 0 : s.conversations.length
   );
@@ -4726,6 +4851,73 @@ var useChatController = () => {
       isGroupConversation(latestInfo)
     ].join("|");
   });
+  useEffect(() => {
+    const onOpen = (event) => {
+      const id = String(
+        event.detail?.conversationId || ""
+      ).trim();
+      if (id) setPendingOpenConversationId(id);
+    };
+    window.addEventListener(OPEN_CONVERSATION_EVENT, onOpen);
+    return () => window.removeEventListener(OPEN_CONVERSATION_EVENT, onOpen);
+  }, []);
+  useEffect(() => {
+    if (!pendingOpenConversationId || !loggedUserDetails) return;
+    let cancelled = false;
+    const openPending = async () => {
+      const targetId = String(pendingOpenConversationId);
+      let conversation = conversations.find(
+        (c) => String(c._id || c.id) === targetId
+      ) || null;
+      if (!conversation) {
+        const fromInfo = conversationInfos[targetId];
+        if (fromInfo) conversation = fromInfo;
+      }
+      if (!conversation) {
+        if (isFetchingConversations) return;
+        try {
+          await fetchConversationInfo2(targetId);
+        } catch {
+          return;
+        }
+        if (cancelled) return;
+        const stateNow = useStore.getState();
+        conversation = stateNow.conversations.find(
+          (c) => String(c._id || c.id) === targetId
+        ) || stateNow.conversationInfos[targetId] || null;
+      }
+      if (!conversation || cancelled) return;
+      const channel = mapConversationToChannel(
+        conversation,
+        loggedUserDetails._id,
+        allUsers
+      );
+      setState((prev) => {
+        if (prev.activeChannel?.conversationId && String(prev.activeChannel.conversationId) === targetId) {
+          return prev;
+        }
+        return {
+          ...prev,
+          activeChannel: channel,
+          activeConversationId: targetId
+        };
+      });
+      consumePendingOpenConversation();
+      setPendingOpenConversationId(null);
+    };
+    void openPending();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    pendingOpenConversationId,
+    loggedUserDetails,
+    conversations,
+    conversationInfos,
+    isFetchingConversations,
+    allUsers,
+    fetchConversationInfo2
+  ]);
   useEffect(() => {
     const handler = setTimeout(() => {
       updateState({ debouncedSearch: state.searchQuery });
@@ -17583,6 +17775,9 @@ var onForegroundPush = async (callback) => {
   }
   const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
   return fb.onMessage(messaging, (payload) => {
+    console.log("[realtimex-push] FCM foreground payload (raw):", payload);
+    console.log("[realtimex-push] FCM foreground data:", payload?.data);
+    console.log("[realtimex-push] FCM foreground notification:", payload?.notification);
     callback({
       title: payload?.notification?.title,
       body: payload?.notification?.body,
@@ -17603,9 +17798,6 @@ var rememberToastId = (id) => {
   }
   return true;
 };
-var resolveIncomingConversationId = (data) => String(
-  data?.conversationId || data?.conversation_id || data?.conversationID || ""
-);
 var resolveToastText = (title, body) => {
   if (title && body) return `${title}: ${body}`;
   return title || body || "";
@@ -17615,7 +17807,39 @@ var emitToast = (payload, onPush) => {
   const title = payload.title || payload.data?.title;
   const body = payload.body || payload.data?.body || payload.data?.message;
   const text = resolveToastText(title, body);
-  if (text) showNotification(text, "info");
+  const conversationId = resolveConversationIdFromPushData(payload.data);
+  if (!text) return;
+  if (conversationId) {
+    toast2.custom(
+      (t) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            toast2.dismiss(t.id);
+            requestOpenConversation(conversationId);
+          },
+          style: {
+            display: "block",
+            width: "100%",
+            textAlign: "left",
+            cursor: "pointer",
+            background: "var(--background, #fff)",
+            color: "var(--foreground, #111)",
+            border: "1px solid rgba(0,0,0,0.08)",
+            borderRadius: 8,
+            padding: "10px 14px",
+            boxShadow: "0 4px 12px rgba(0,0,0,0.12)",
+            font: "inherit"
+          },
+          children: text
+        }
+      ),
+      { duration: 5e3 }
+    );
+    return;
+  }
+  showNotification(text, "info");
 };
 var ForegroundPushBridge = ({ onPush }) => {
   const lastDM = useStore((s) => s.lastDM);
@@ -17666,22 +17890,29 @@ var ForegroundPushBridge = ({ onPush }) => {
     let retryTimer = null;
     let cancelled = false;
     const handlePayload = (payload) => {
-      const incoming = resolveIncomingConversationId(payload.data);
+      console.log("[realtimex-push] ForegroundPushBridge payload:", payload);
+      console.log("[realtimex-push] ForegroundPushBridge data keys:", payload.data);
+      const incoming = resolveConversationIdFromPushData(payload.data);
       const activeId = String(
         useStore.getState().activeConversationId || ""
       );
       const messageId2 = String(
         payload.data?.messageId || payload.data?.message_id || payload.data?.messageID || ""
       );
+      console.log("[realtimex-push] resolved from backend data:", {
+        conversationId: incoming,
+        messageId: messageId2,
+        activeConversationId: activeId
+      });
       if (incoming && activeId && incoming === activeId) {
-        console.debug(
+        console.log(
           "[realtimex-push] foreground push suppressed (conversation open):",
           incoming
         );
         return;
       }
       if (!rememberToastId(messageId2)) return;
-      console.debug("[realtimex-push] foreground push \u2192 toast:", {
+      console.log("[realtimex-push] foreground push \u2192 toast:", {
         title: payload.title,
         conversationId: incoming,
         activeConversationId: activeId
@@ -17730,6 +17961,18 @@ var ForegroundPushBridge = ({ onPush }) => {
       window.removeEventListener(PUSH_CHANGED_EVENT, onPushChanged);
     };
   }, []);
+  useEffect(() => {
+    const onOpen = (event) => {
+      const id = String(
+        event.detail?.conversationId || ""
+      );
+      if (id) {
+        console.debug("[realtimex-push] open-conversation event:", id);
+      }
+    };
+    window.addEventListener(OPEN_CONVERSATION_EVENT, onOpen);
+    return () => window.removeEventListener(OPEN_CONVERSATION_EVENT, onOpen);
+  }, []);
   return /* @__PURE__ */ jsx(
     Toaster,
     {
@@ -18198,6 +18441,6 @@ var PushNotificationToggle = ({
 // 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, ForegroundPushBridge, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, PUSH_CHANGED_EVENT, 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 };
+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, ForegroundPushBridge, ForwardModalView as ForwardModal, HeaderCallActions_default as HeaderCallActions, LoggedUserDetails_default as LoggedUserDetails, ChannelMessageBoxView_default as MessageInput, MessageItemView as MessageItem, ActiveChannelMessagesView_default as MessageList, NOTIFICATION_CLICK_SW_TYPE, OPEN_CONVERSATION_EVENT, PUSH_CHANGED_EVENT, PushNotificationToggle, apiGetPushConfig, apiGetPushPreference, apiRegisterPushToken, apiRemovePushToken, apiUpdatePushPreference, capitalizeFirst, clampJumpDate, consumePendingOpenConversation, index_default as default, defaultChatClassNames, defaultChatComponents, defaultChatFeatures, defaultChatLayoutConfig, disablePushOnThisDevice, downloadFile, enablePushOnThisDevice, getChatBaseUrl, getChatQueryParamApis, getChatQueryParams, getChatQueryParamsByApi, getChatSocketUrl, getFirstAndLastNameOneCharacter, getResponsiveWidth, getSocketConfig, getStoredPushToken, installNotificationClickBridge, isEmpty, isPushSupported, mergeChatCustomization, mergeChatLayoutConfig, onForegroundPush, packageDefaultComponents, peekPendingOpenConversation, requestOpenConversation, resolveApiUrl, resolveChatApiKey, resolveConversationIdFromPushData, 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