@ethora/chat-component 25.12.1 → 26.1.1

package/dist/components/MainComponents/MessageContainer.d.ts

@@ -4,6 +4,7 @@ interface MessageContainerProps {
     CustomMessage?: React.ComponentType<{
         message: IMessage;
         isUser: boolean;
+        $isUser?: boolean;
         isReply: boolean;
     }>;
     message: IMessage;

package/dist/components/MessageBubble/MessageReply.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 export declare const StyledMessageReply: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isUser: boolean;
-    configColor: string;
+    $isUser: boolean;
+    $configColor: string;
 }>> & string;
 interface MessageReplyProps {
     isUser: boolean;

package/dist/components/MessageNotification/MessageNotificationToast.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { IMessage } from '../../types/models/message.model';
+export interface MessageNotificationData {
+    id: string;
+    message: IMessage;
+    roomName: string;
+    senderName: string;
+    roomJID: string;
+    timestamp: number;
+}
+export interface MessageNotificationToastProps extends MessageNotificationData {
+    onClose: () => void;
+    onNavigateToMessage: (roomJID: string, messageId: string, message: IMessage, roomName: string, senderName: string) => void;
+    duration: number;
+}
+declare const MessageNotificationToast: React.FC<MessageNotificationToastProps>;
+export default MessageNotificationToast;

package/dist/components/MessageNotification/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MessageNotificationToast } from './MessageNotificationToast';
+export type { MessageNotificationData } from './MessageNotificationToast';

package/dist/components/Modals/SettingsModals/SharedStyledComponents.d.ts

@@ -0,0 +1,22 @@
+import { ButtonProps } from '../../styled/Button';
+export declare const SharedSettingsCenterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>, never>> & string;
+export declare const SharedSettingsColumnContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SharedSettingsSectionContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SharedSettingsStyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, "ref"> & {
+    ref?: import('react').Ref<HTMLSpanElement>;
+}, never>> & string;
+export declare const RowWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SharedSettingsLabelData: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, "ref"> & {
+    ref?: import('react').Ref<HTMLSpanElement>;
+}, never>> & string;
+export declare const SharedSettingsStyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLButtonElement>;
+}, {
+    borderColor: string;
+}>> & string & Omit<import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const SharedSettingsInfoPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    bgColor: string;
+}>> & string;
+export declare const SharedSettingsInfoText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/Modals/styledModalComponents.d.ts

@@ -0,0 +1,28 @@
+import { ButtonProps } from '../styled/Button';
+export declare const ModalBackground: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const ModalDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const GroupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ModalContainerFullScreen: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const HeaderLeft: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HeaderRight: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CenterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: import('react').Ref<HTMLDivElement>;
+}, never>> & string;
+export declare const ProfileImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UserInfo: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const UserStatus: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BorderedContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LabelData: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ActionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<ButtonProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: import('react').Ref<HTMLButtonElement>;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const EmptySection: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Divider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/styled/Button.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactElement } from 'react';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     text?: string | ReactElement;
     EndIcon?: ReactElement;
     StartIcon?: ReactElement;
@@ -8,5 +8,5 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'default' | 'filled' | 'outlined';
     children?: React.ReactNode;
 }
-declare const Button: React.FC<ButtonProps>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/styled/DateLabel.d.ts

@@ -7,8 +7,8 @@ interface DateLabelProps {
     };
 }
 export declare const StyledDateLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    primary?: string;
-    secondary?: string;
+    $primary?: string;
+    $secondary?: string;
 }>> & string;
 declare const DateLabel: React.FC<DateLabelProps>;
 export default DateLabel;

package/dist/components/styled/StyledComponents.d.ts

@@ -10,7 +10,7 @@ export declare const MessagesScroll: import('styled-components/dist/types').ISty
 export declare const MessagesList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Message: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isUser: boolean;
+    $isUser: boolean;
 }>> & string;
 export declare const MessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
@@ -18,18 +18,18 @@ export declare const InputContainer: import('styled-components/dist/types').ISty
 export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const SendButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const CustomMessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isUser: boolean;
-    reply: boolean;
-    reaction: boolean;
+    $isUser: boolean;
+    $reply: boolean;
+    $reaction: boolean;
 }>> & string;
 export declare const CustomMessageBubble: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isUser: boolean;
-    deleted: boolean;
+    $isUser: boolean;
+    $deleted: boolean;
 }>> & string;
-export declare const CustomMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const CustomMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CustomUserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    isUser: boolean;
-    color?: string;
+    $isUser: boolean;
+    $color?: string;
 }>> & string;
 export declare const CustomMessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const CustomMessagePhoto: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
@@ -38,7 +38,7 @@ export declare const CustomSystemMessage: import('styled-components/dist/types')
 export declare const CustomSystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
 export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 export declare const MessageFooter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    isUser: boolean;
+    $isUser: boolean;
 }>> & string;
 export declare const Line: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledLoaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/styled/StyledInputComponents/StyledInputComponents.d.ts

@@ -1,7 +1,7 @@
 export declare const InputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MessageInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MessageInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    color?: string;
+    $color?: string;
 }>> & string;
 export declare const HiddenFileInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const Timer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -13,11 +13,11 @@ export declare const ImagePreview: import('styled-components/dist/types').IStyle
 export declare const VideoPreview: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>> & string;
 export declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const TextareaWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    dynamicHeight?: number;
-    color?: string;
-    isFocused?: boolean;
+    $dynamicHeight?: number;
+    $color?: string;
+    $isFocused?: boolean;
 }>> & string;
 export declare const TextareaInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {
-    dynamicHeight?: number;
-    color?: string;
+    $dynamicHeight?: number;
+    $color?: string;
 }>> & string;

package/dist/context/MessageNotificationContext.d.ts

@@ -0,0 +1,12 @@
+import { default as React, ReactNode } from 'react';
+import { IMessage } from '../types/models/message.model';
+import { IConfig } from '../types/types';
+interface MessageNotificationContextType {
+    showMessageNotification: (message: IMessage, roomName: string, senderName: string, roomJID: string) => void;
+}
+export declare const MessageNotificationProvider: React.FC<{
+    children: ReactNode;
+    config?: IConfig;
+}>;
+export declare const useMessageNotification: () => MessageNotificationContextType;
+export {};

package/dist/firebase-config.d.ts

@@ -1,4 +1,6 @@
-export declare const config: {
+import { FirebaseApp } from 'firebase/app';
+import { Messaging } from 'firebase/messaging';
+export declare const defaultConfig: {
     apiKey: any;
     authDomain: any;
     projectId: any;
@@ -6,4 +8,6 @@ export declare const config: {
     messagingSenderId: any;
     appId: any;
 };
-export declare const app: import('@firebase/app').FirebaseApp;
+export declare const getFirebaseMessaging: (customConfig?: any) => Messaging | null;
+export declare const app: FirebaseApp;
+export declare const messaging: Messaging;

package/dist/firebase-messaging-sw.js

@@ -0,0 +1,351 @@
+/* ============================================================
+ * Unified Service Worker
+ * Handles BOTH Firebase Cloud Messaging (FCM) background pushes
+ * AND generic Web Push API events, so all push notifications
+ * are captured regardless of origin.
+ * ============================================================ */
+
+// ── Firebase SDK ──────────────────────────────────────────────
+importScripts('https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js');
+importScripts('https://www.gstatic.com/firebasejs/10.12.0/firebase-messaging-compat.js');
+
+// ── Dynamic Configuration ─────────────────────────────────────
+const params = new URL(self.location).searchParams;
+const firebaseConfig = {
+  apiKey: params.get('apiKey'),
+  authDomain: params.get('authDomain'),
+  projectId: params.get('projectId'),
+  storageBucket: params.get('storageBucket'),
+  messagingSenderId: params.get('messagingSenderId'),
+  appId: params.get('appId'),
+};
+
+// Only initialize if we have at least apiKey and appId
+if (firebaseConfig.apiKey && firebaseConfig.appId) {
+  firebase.initializeApp(firebaseConfig);
+}
+
+const messaging = firebase.messaging();
+const APP_URL = self.location.origin;
+
+// ── Deduplication ─────────────────────────────────────────────
+// Track message IDs handled by FCM so the generic `push` listener
+// can skip them and avoid duplicate notifications.
+const _handledByFcm = new Set();
+const DEDUP_TTL_MS = 60_000; // auto-cleanup after 60 s
+
+function markHandledByFcm(id) {
+  if (!id) return;
+  _handledByFcm.add(id);
+  console.log('[SW] FCM message marked as handled:', id);
+  setTimeout(() => _handledByFcm.delete(id), DEDUP_TTL_MS);
+}
+
+function wasHandledByFcm(id) {
+  return id ? _handledByFcm.has(id) : false;
+}
+
+// ── Shared Helpers ────────────────────────────────────────────
+function isSystemPayload(data) {
+  return !data?.msgID && !data?.jid && !!data?.userJid;
+}
+
+function buildTargetUrl(data, notification, fallbackUrl) {
+  if (fallbackUrl && String(fallbackUrl).startsWith('http')) return fallbackUrl;
+
+  const title = notification?.title || data?.title || '';
+  if (title.startsWith('http')) return title;
+
+  if (isSystemPayload(data)) return APP_URL;
+  if (!data?.jid) return APP_URL;
+  const chatId = String(data.jid).split('@')[0];
+  return `${APP_URL}/chat?chatId=${encodeURIComponent(chatId)}`;
+}
+
+function postBridgeToClients(windowClients, bridgePayload) {
+  windowClients.forEach((client) => {
+    client.postMessage({
+      type: 'PUSH_FOREGROUND_BRIDGE',
+      payload: bridgePayload,
+    });
+  });
+}
+
+function isAnyClientVisible(windowClients) {
+  return windowClients.some((c) => c.visibilityState === 'visible');
+}
+
+// ── 1. FCM Background Messages ───────────────────────────────
+// This fires for pushes delivered through Firebase Cloud Messaging
+// when no foreground tab is handling them via onMessage().
+messaging.onBackgroundMessage((payload) => {
+  console.log('[SW] FCM onBackgroundMessage received', payload);
+
+  const data = payload.data || {};
+  const notification = payload.notification || {};
+  const messageId = payload.messageId || data.msgID || null;
+
+  // Mark so the generic push handler skips this one
+  markHandledByFcm(messageId);
+
+  const isSystem = isSystemPayload(data);
+  const title =
+    (isSystem ? 'System' : undefined) ||
+    notification.title ||
+    data.title ||
+    'New Message';
+  const body =
+    notification.body || data.body || 'You have a new message.';
+  const url = buildTargetUrl(data, notification, data.url);
+
+  const bridgePayload = {
+    messageId,
+    notification: { title, body, image: notification.image || '/favicon.ico' },
+    data: {
+      ...data,
+      jid: data.jid || '',
+      userJid: data.userJid || '',
+      msgID: data.msgID || '',
+      workspaceId: data.workspaceId || data.workspace_id || '',
+    },
+  };
+
+  const options = {
+    body,
+    icon: notification.image || '/favicon.ico',
+    badge: '/favicon.ico',
+    tag: data.tag || 'ethora-notification',
+    data: {
+      url,
+      roomJid: data.jid || null,
+      senderId: data.userJid || null,
+      messageId,
+      workspaceId: data.workspaceId || data.workspace_id || null,
+    },
+    requireInteraction: false,
+    silent: false,
+  };
+
+  return clients
+    .matchAll({ type: 'window', includeUncontrolled: true })
+    .then((windowClients) => {
+      postBridgeToClients(windowClients, bridgePayload);
+
+      if (!isAnyClientVisible(windowClients)) {
+        console.log(
+          `[NotifyPolicy] source=fcm_bg action=show reason=${isSystem ? 'system' : 'background'} msgId=${messageId || ''}`
+        );
+        return self.registration.showNotification(title, options);
+      } else {
+        console.log(
+          `[NotifyPolicy] source=fcm_bg action=skip reason=tab_visible msgId=${messageId || ''}`
+        );
+      }
+    });
+});
+
+// ── 2. Generic Web Push API ───────────────────────────────────
+// This fires for ANY push delivered via the Web Push protocol,
+// including direct backend pushes for XMPP messages that are
+// NOT routed through FCM.
+self.addEventListener('push', (event) => {
+  console.log('[SW] Generic push event received');
+
+  let raw = {};
+  try {
+    if (event.data) {
+      raw = event.data.json();
+    }
+  } catch (err) {
+    console.warn('[SW] Failed to parse push payload as JSON:', err);
+    raw = { title: 'New message', body: event.data ? event.data.text() : '' };
+  }
+
+  const notification = raw.notification || {};
+  const payloadData = raw.data || {};
+  const messageId = raw.messageId || payloadData.msgID || null;
+
+  // Skip if FCM already handled this exact message
+  if (wasHandledByFcm(messageId)) {
+    console.log(`[SW] push event skipped – already handled by FCM (msgId=${messageId})`);
+    return;
+  }
+
+  const isSystem = isSystemPayload(payloadData);
+  const title =
+    (isSystem ? 'System' : undefined) ||
+    notification.title ||
+    raw.title ||
+    'Ethora Chat';
+  const body =
+    notification.body ||
+    raw.body ||
+    raw.message ||
+    payloadData.body ||
+    'You have a new message.';
+  const url = buildTargetUrl(
+    payloadData,
+    notification,
+    raw.url || raw.clickAction
+  );
+
+  const bridgePayload = {
+    messageId,
+    notification: {
+      title,
+      body,
+      image: raw.icon || '/favicon.ico',
+    },
+    data: {
+      ...payloadData,
+      jid: raw.roomJid || payloadData.jid || '',
+      userJid: raw.senderId || payloadData.userJid || '',
+      msgID: messageId || '',
+      workspaceId: raw.workspaceId || payloadData.workspaceId || payloadData.workspace_id || '',
+    },
+  };
+
+  const options = {
+    body,
+    icon: raw.icon || '/favicon.ico',
+    badge: raw.badge || '/favicon.ico',
+    tag: raw.tag || 'ethora-notification',
+    data: {
+      url,
+      roomJid: raw.roomJid || payloadData.jid || null,
+      senderId: raw.senderId || payloadData.userJid || null,
+      messageId,
+      workspaceId: raw.workspaceId || payloadData.workspaceId || payloadData.workspace_id || null,
+    },
+    requireInteraction: false,
+    silent: false,
+  };
+
+  event.waitUntil(
+    clients
+      .matchAll({ type: 'window', includeUncontrolled: true })
+      .then((windowClients) => {
+        postBridgeToClients(windowClients, bridgePayload);
+
+        if (!isAnyClientVisible(windowClients)) {
+          console.log(
+            `[NotifyPolicy] source=push_bg action=show reason=${isSystem ? 'system' : 'background'} msgId=${messageId || ''}`
+          );
+          return self.registration.showNotification(title, options);
+        } else {
+          console.log(
+            `[NotifyPolicy] source=push_bg action=skip reason=tab_visible msgId=${messageId || ''}`
+          );
+        }
+      })
+  );
+});
+
+// ── 3. Notification Click ─────────────────────────────────────
+self.addEventListener('notificationclick', (event) => {
+  console.log('[NotifyPolicy] source=push_bg action=click_start');
+  event.notification.close();
+
+  const targetUrl =
+    (event.notification.data && event.notification.data.url) || APP_URL;
+  console.log('[NotifyPolicy] source=push_bg action=click_url', {
+    url: targetUrl,
+  });
+
+  async function handleClick() {
+    try {
+      const windowClients = await clients.matchAll({
+        type: 'window',
+        includeUncontrolled: true,
+      });
+      console.log('[NotifyPolicy] source=push_bg action=clients_found', {
+        count: windowClients.length,
+      });
+
+      // 1. Try to find an exactly matching URL
+      for (const client of windowClients) {
+        if (client.url === targetUrl && 'focus' in client) {
+          console.log('[NotifyPolicy] source=push_bg action=focus_exact', {
+            url: client.url,
+          });
+          return client.focus();
+        }
+      }
+
+      // 2. Try to find any client on our origin, focus it, and navigate
+      for (const client of windowClients) {
+        try {
+          const clientOrigin = new URL(client.url).origin;
+          const swOrigin = self.location.origin;
+          if (clientOrigin === swOrigin && 'focus' in client) {
+            console.log(
+              '[NotifyPolicy] source=push_bg action=focus_and_navigate',
+              { from: client.url, to: targetUrl }
+            );
+            const focusedClient = await client.focus();
+            if (focusedClient && 'navigate' in focusedClient) {
+              return focusedClient.navigate(targetUrl);
+            }
+          }
+        } catch (e) {
+          // Ignore invalid URLs
+        }
+      }
+
+      // 3. Fallback: Open a new window
+      if (clients.openWindow) {
+        console.log('[NotifyPolicy] source=push_bg action=open_new_window', {
+          url: targetUrl,
+        });
+        return clients.openWindow(targetUrl);
+      }
+    } catch (err) {
+      console.error('[NotifyPolicy] source=push_bg action=click_error', err);
+      if (clients.openWindow) {
+        return clients.openWindow(targetUrl);
+      }
+    }
+  }
+
+  event.waitUntil(handleClick());
+});
+
+// ── 4. Push Subscription Change ───────────────────────────────
+// Fired when the browser automatically re-creates a subscription
+// (e.g. after expiry). Notify clients so they can re-register.
+self.addEventListener('pushsubscriptionchange', (event) => {
+  console.log('[SW] Push subscription changed – re-subscribing');
+
+  event.waitUntil(
+    self.registration.pushManager
+      .subscribe({ userVisibleOnly: true })
+      .then((subscription) => {
+        console.log(
+          '[SW] New subscription obtained:',
+          subscription.endpoint
+        );
+        return clients.matchAll().then((allClients) => {
+          allClients.forEach((client) => {
+            client.postMessage({
+              type: 'PUSH_SUBSCRIPTION_CHANGED',
+              subscription: subscription.toJSON(),
+            });
+          });
+        });
+      })
+      .catch((err) => {
+        console.error('[SW] pushsubscriptionchange – failed to re-subscribe:', err);
+      })
+  );
+});
+
+// ── 5. Lifecycle ──────────────────────────────────────────────
+self.addEventListener('activate', (event) => {
+  console.log('[SW] Service worker activated');
+  event.waitUntil(clients.claim());
+});
+
+self.addEventListener('install', () => {
+  console.log('[SW] Service worker installed');
+  self.skipWaiting();
+});

package/dist/helpers/getDataFromXml.d.ts

@@ -11,6 +11,7 @@ interface DataXml {
     langSource?: Iso639_1Codes;
     xmppId?: string;
     xmppFrom?: string;
+    isHistory?: boolean;
     data: {
         [x: string]: any;
     };

package/dist/helpers/initRoomsPresence.d.ts

@@ -2,4 +2,4 @@ import { default as XmppClient } from '../networking/xmppClient';
 import { IRoom } from '../types/types';
 export declare const initRoomsPresence: (client: XmppClient, rooms: {
     [jid: string]: IRoom;
-}) => Promise<any>;
+}) => Promise<void>;

package/dist/helpers/storeConsole.d.ts

@@ -0,0 +1,6 @@
+import { roomHeapSliceState } from '../roomStore/roomHeapSlice';
+export declare const useStoreConsole: () => {
+    chatSettingStore: any;
+    rooms: any;
+    roomHeapSlice: roomHeapSliceState & import('redux-persist/es/persistReducer').PersistPartial;
+};

package/dist/hooks/useInAppNotifications.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Hook to enable in-app notifications globally
+ * Call this hook in your app root or XMPP provider to enable notifications
+ * even when the chat component isn't mounted
+ *
+ * @example
+ * ```tsx
+ * import { useInAppNotifications } from '@ethora/chat-component';
+ *
+ * function App() {
+ *   useInAppNotifications();
+ *   return <YourApp />;
+ * }
+ * ```
+ */
+export declare const useInAppNotifications: () => {
+    navigateToMessage: (roomJID: string, messageId: string) => void;
+};