@realtimexsco/live-chat 1.4.3 → 1.4.5

package/dist/index.cjs

@@ -17382,6 +17382,311 @@ function ChatViewport({
   );
 }
 var ChatViewport_default = ChatViewport;
+var showNotification = (message, type = "info", icon, duration) => {
+  const options = {
+    icon,
+    duration
+  };
+  switch (type) {
+    case "success":
+      reactHotToast.toast.success(message, options);
+      break;
+    case "error":
+      reactHotToast.toast.error(message, options);
+      break;
+    case "info":
+      reactHotToast.toast(message, options);
+      break;
+    case "warning":
+      reactHotToast.toast(message, { ...options, icon: "\u26A0\uFE0F" });
+      break;
+    default:
+      reactHotToast.toast(message, options);
+  }
+};
+var downloadFile = async (src, name) => {
+  try {
+    const link = document.createElement("a");
+    link.href = src;
+    link.setAttribute("download", name);
+    link.setAttribute("rel", "noopener noreferrer");
+    link.click();
+    showNotification("File Downloaded Successfully", "success");
+  } catch (err) {
+    console.error("File download failed:", err);
+    showNotification("Failed to download file", "error");
+  }
+};
+var getResponsiveWidth = (width) => {
+  const screenWidth = window.innerWidth;
+  if (width) {
+    return width;
+  } else if (screenWidth < 640) {
+    return 350;
+  } else if (screenWidth >= 640 && screenWidth < 1024) {
+    return 600;
+  } else if (screenWidth >= 1024 && screenWidth < 1280) {
+    return 800;
+  } else {
+    return 1e3;
+  }
+};
+var isEmpty = (value) => {
+  if (value === null || value === void 0) return true;
+  if (typeof value === "string") return value.trim().length === 0;
+  if (Array.isArray(value)) {
+    return value.length === 0 || value.every((item) => isEmpty(item));
+  }
+  if (typeof value === "object") {
+    return Object.keys(value).length === 0;
+  }
+  return false;
+};
+function uniqueList(list, key) {
+  const seen = /* @__PURE__ */ new Set();
+  return list.filter((item) => {
+    const value = item[key];
+    if (seen.has(value)) return false;
+    seen.add(value);
+    return true;
+  });
+}
+var capitalizeFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+var getFirstAndLastNameOneCharacter = (name) => {
+  const names = name.split(" ");
+  return names.map((name2) => name2.charAt(0).toUpperCase()).join("");
+};
+
+// src/notifications/ForegroundPushBridge.tsx
+init_useStore();
+
+// src/notifications/push.service.ts
+init_client();
+var PUSH_TOKEN_STORAGE_KEY = "realtimex-push-token";
+var SERVICE_WORKER_PATH = "/firebase-messaging-sw.js";
+var PUSH_CHANGED_EVENT = "realtimex:push-changed";
+var emitPushChanged = (enabled) => {
+  try {
+    window.dispatchEvent(
+      new CustomEvent(PUSH_CHANGED_EVENT, { detail: { enabled } })
+    );
+  } catch {
+  }
+};
+var v2Url = "https://realtimex.softwareco.com/api/v2";
+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);
+  emitPushChanged(true);
+  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);
+  emitPushChanged(false);
+};
+var onForegroundPush = async (callback) => {
+  const config = await apiGetPushConfig();
+  if (!config?.configured || !config.firebaseConfig) {
+    throw new Error("Push config unavailable (not configured or API not ready)");
+  }
+  const { fb, messaging } = await getFirebaseMessaging(config.firebaseConfig);
+  return fb.onMessage(messaging, (payload) => {
+    callback({
+      title: payload?.notification?.title,
+      body: payload?.notification?.body,
+      data: payload?.data
+    });
+  });
+};
+
+// src/notifications/ForegroundPushBridge.tsx
+var RETRY_DELAYS_MS = [1e3, 3e3, 8e3, 2e4];
+var ForegroundPushBridge = ({ onPush }) => {
+  React2.useEffect(() => {
+    let unsubscribe = null;
+    let retryTimer = null;
+    let cancelled = false;
+    const handlePayload = (payload) => {
+      const incoming = payload.data?.conversationId;
+      const activeId = exports.useChatStore.getState().activeConversationId;
+      if (incoming && activeId && incoming === activeId) {
+        console.debug(
+          "[realtimex-push] foreground push suppressed (conversation open):",
+          incoming
+        );
+        return;
+      }
+      console.debug("[realtimex-push] foreground push \u2192 toast:", {
+        title: payload.title,
+        conversationId: incoming,
+        activeConversationId: activeId
+      });
+      if (onPush && onPush(payload) !== false) return;
+      const text = payload.title ? payload.body ? `${payload.title}: ${payload.body}` : payload.title : payload.body;
+      if (text) showNotification(text, "info");
+    };
+    const start = async (attempt = 0) => {
+      if (cancelled || unsubscribe || !getStoredPushToken()) return;
+      try {
+        const stop = await onForegroundPush(handlePayload);
+        if (cancelled) stop();
+        else {
+          unsubscribe = stop;
+          console.debug(
+            "[realtimex-push] foreground listener active"
+          );
+        }
+      } catch (error) {
+        if (cancelled || attempt >= RETRY_DELAYS_MS.length) {
+          console.debug(
+            "[realtimex-push] foreground listener NOT started:",
+            error instanceof Error ? error.message : error
+          );
+          return;
+        }
+        retryTimer = setTimeout(
+          () => void start(attempt + 1),
+          RETRY_DELAYS_MS[attempt]
+        );
+      }
+    };
+    void start();
+    const onPushChanged = (event) => {
+      const enabled = event.detail?.enabled;
+      if (enabled) void start();
+      else {
+        unsubscribe?.();
+        unsubscribe = null;
+      }
+    };
+    window.addEventListener(PUSH_CHANGED_EVENT, onPushChanged);
+    return () => {
+      cancelled = true;
+      if (retryTimer) clearTimeout(retryTimer);
+      unsubscribe?.();
+      window.removeEventListener(PUSH_CHANGED_EVENT, onPushChanged);
+    };
+  }, [onPush]);
+  return null;
+};
 var ChatMain = ({
   clientId,
   loggedUserDetails,
@@ -17446,7 +17751,7 @@ var ChatMain = ({
           defaultHour12,
           onDateTimePreferencesChange,
           showDateTimeSettings,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
             Chat,
             {
               client: clientObj,
@@ -17460,25 +17765,28 @@ var ChatMain = ({
               queryParams,
               queryParamApis,
               queryParamsByApi,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                ChatAlertsProvider,
-                {
-                  value: {
-                    error,
-                    info,
-                    onDismissError: onErrorDismiss,
-                    onDismissInfo: onInfoDismiss
-                  },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ChatLayout_default,
-                    {
-                      layout,
-                      loggedUserDetails,
-                      themeColor
-                    }
-                  )
-                }
-              )
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ForegroundPushBridge, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ChatAlertsProvider,
+                  {
+                    value: {
+                      error,
+                      info,
+                      onDismissError: onErrorDismiss,
+                      onDismissInfo: onInfoDismiss
+                    },
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      ChatLayout_default,
+                      {
+                        layout,
+                        loggedUserDetails,
+                        themeColor
+                      }
+                    )
+                  }
+                )
+              ]
             }
           )
         }
@@ -17532,80 +17840,6 @@ var getSocketConfig = (accessToken, tenantId, options) => {
     }
   };
 };
-var showNotification = (message, type = "info", icon, duration) => {
-  const options = {
-    icon,
-    duration
-  };
-  switch (type) {
-    case "success":
-      reactHotToast.toast.success(message, options);
-      break;
-    case "error":
-      reactHotToast.toast.error(message, options);
-      break;
-    case "info":
-      reactHotToast.toast(message, options);
-      break;
-    case "warning":
-      reactHotToast.toast(message, { ...options, icon: "\u26A0\uFE0F" });
-      break;
-    default:
-      reactHotToast.toast(message, options);
-  }
-};
-var downloadFile = async (src, name) => {
-  try {
-    const link = document.createElement("a");
-    link.href = src;
-    link.setAttribute("download", name);
-    link.setAttribute("rel", "noopener noreferrer");
-    link.click();
-    showNotification("File Downloaded Successfully", "success");
-  } catch (err) {
-    console.error("File download failed:", err);
-    showNotification("Failed to download file", "error");
-  }
-};
-var getResponsiveWidth = (width) => {
-  const screenWidth = window.innerWidth;
-  if (width) {
-    return width;
-  } else if (screenWidth < 640) {
-    return 350;
-  } else if (screenWidth >= 640 && screenWidth < 1024) {
-    return 600;
-  } else if (screenWidth >= 1024 && screenWidth < 1280) {
-    return 800;
-  } else {
-    return 1e3;
-  }
-};
-var isEmpty = (value) => {
-  if (value === null || value === void 0) return true;
-  if (typeof value === "string") return value.trim().length === 0;
-  if (Array.isArray(value)) {
-    return value.length === 0 || value.every((item) => isEmpty(item));
-  }
-  if (typeof value === "object") {
-    return Object.keys(value).length === 0;
-  }
-  return false;
-};
-function uniqueList(list, key) {
-  const seen = /* @__PURE__ */ new Set();
-  return list.filter((item) => {
-    const value = item[key];
-    if (seen.has(value)) return false;
-    seen.add(value);
-    return true;
-  });
-}
-var capitalizeFirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);
-var getFirstAndLastNameOneCharacter = (name) => {
-  const names = name.split(" ");
-  return names.map((name2) => name2.charAt(0).toUpperCase()).join("");
-};
 var SIZE_MAP = {
   xs: "size-6",
   sm: "size-8",
@@ -17779,150 +18013,6 @@ var packageDefaultComponents = {
   ChatDateTimeSettings: ChatDateTimeSettings_default,
   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 = "https://realtimex.softwareco.com/api/v2";
-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] = React2.useState({
     supported: false,
@@ -18075,12 +18165,14 @@ exports.ChatViewport = ChatViewport;
 exports.DefaultChannelListItem = DefaultChannelListItem;
 exports.DefaultChatAvatar = DefaultChatAvatar;
 exports.DefaultChatLayout = DefaultChatLayout_default;
+exports.ForegroundPushBridge = ForegroundPushBridge;
 exports.ForwardModal = ForwardModalView;
 exports.HeaderCallActions = HeaderCallActions_default;
 exports.LoggedUserDetails = LoggedUserDetails_default;
 exports.MessageInput = ChannelMessageBoxView_default;
 exports.MessageItem = MessageItemView;
 exports.MessageList = ActiveChannelMessagesView_default;
+exports.PUSH_CHANGED_EVENT = PUSH_CHANGED_EVENT;
 exports.PushNotificationToggle = PushNotificationToggle;
 exports.apiGetPushConfig = apiGetPushConfig;
 exports.apiGetPushPreference = apiGetPushPreference;