@realtimexsco/live-chat 1.4.0 → 1.4.1

package/dist/firebase-messaging-sw.js

@@ -0,0 +1,68 @@
+/* RealtimeX live-chat push service worker (FCM).
+ *
+ * Copy this file into your app's public root so it is served at
+ * /firebase-messaging-sw.js:
+ *
+ *   cp node_modules/@realtimexsco/live-chat/dist/firebase-messaging-sw.js public/
+ *
+ * Do NOT edit the Firebase config into this file — the chat package passes it
+ * via the registration URL (?config=...), so the copy stays generic.
+ *
+ * If your app already has its own service worker at the root scope, merge the
+ * contents of this file into it instead (two workers cannot share a scope).
+ */
+
+/* global firebase, importScripts */
+
+importScripts(
+  "https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js",
+);
+importScripts(
+  "https://www.gstatic.com/firebasejs/10.14.1/firebase-messaging-compat.js",
+);
+
+var params = new URL(self.location.href).searchParams;
+var rawConfig = params.get("config");
+
+if (rawConfig) {
+  try {
+    var firebaseConfig = JSON.parse(rawConfig);
+
+    firebase.initializeApp(firebaseConfig);
+
+    // Background messages that carry a `notification` payload are displayed
+    // by FCM automatically; initializing messaging here is what enables it.
+    firebase.messaging();
+  } catch (error) {
+    console.error("[realtimex] Invalid firebase config in SW URL:", error);
+  }
+} else {
+  console.warn(
+    "[realtimex] firebase-messaging-sw.js registered without ?config= — " +
+      "push notifications will not be delivered",
+  );
+}
+
+// Focus (or open) the chat when a notification is clicked.
+self.addEventListener("notificationclick", function (event) {
+  event.notification.close();
+
+  var targetUrl =
+    (event.notification.data &&
+      event.notification.data.FCM_MSG &&
+      event.notification.data.FCM_MSG.data &&
+      event.notification.data.FCM_MSG.data.link) ||
+    "/";
+
+  event.waitUntil(
+    clients
+      .matchAll({ type: "window", includeUncontrolled: true })
+      .then(function (windowClients) {
+        for (var i = 0; i < windowClients.length; i++) {
+          if ("focus" in windowClients[i]) return windowClients[i].focus();
+        }
+        if (clients.openWindow) return clients.openWindow(targetUrl);
+        return undefined;
+      }),
+  );
+});

package/dist/index.cjs

@@ -17777,6 +17777,282 @@ 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 = (exports.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] = React2.useState({
+    supported: false,
+    allowedByWorkspace: false,
+    configured: false,
+    permission: "unsupported",
+    userEnabled: true,
+    deviceEnabled: false,
+    loading: true,
+    error: null
+  });
+  const refresh = React2.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"
+      }));
+    }
+  }, []);
+  React2.useEffect(() => {
+    void refresh();
+  }, [refresh]);
+  const enable = React2.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 = React2.useCallback(async () => {
+    setState((prev) => ({ ...prev, loading: true, error: null }));
+    try {
+      await disablePushOnThisDevice();
+    } finally {
+      await refresh();
+    }
+  }, [refresh]);
+  const setUserEnabled = React2.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: className ?? "flex items-center justify-between gap-4 rounded-xl border border-border bg-background px-4 py-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: permissionBlocked ? "Notifications are blocked in your browser settings" : push.error ?? description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.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;
 
@@ -17805,6 +18081,12 @@ exports.LoggedUserDetails = LoggedUserDetails_default;
 exports.MessageInput = ChannelMessageBoxView_default;
 exports.MessageItem = MessageItemView;
 exports.MessageList = ActiveChannelMessagesView_default;
+exports.PushNotificationToggle = PushNotificationToggle;
+exports.apiGetPushConfig = apiGetPushConfig;
+exports.apiGetPushPreference = apiGetPushPreference;
+exports.apiRegisterPushToken = apiRegisterPushToken;
+exports.apiRemovePushToken = apiRemovePushToken;
+exports.apiUpdatePushPreference = apiUpdatePushPreference;
 exports.capitalizeFirst = capitalizeFirst;
 exports.clampJumpDate = clampJumpDate;
 exports.default = index_default;
@@ -17812,13 +18094,18 @@ exports.defaultChatClassNames = defaultChatClassNames;
 exports.defaultChatComponents = defaultChatComponents;
 exports.defaultChatFeatures = defaultChatFeatures;
 exports.defaultChatLayoutConfig = defaultChatLayoutConfig;
+exports.disablePushOnThisDevice = disablePushOnThisDevice;
 exports.downloadFile = downloadFile;
+exports.enablePushOnThisDevice = enablePushOnThisDevice;
 exports.getFirstAndLastNameOneCharacter = getFirstAndLastNameOneCharacter;
 exports.getResponsiveWidth = getResponsiveWidth;
 exports.getSocketConfig = getSocketConfig;
+exports.getStoredPushToken = getStoredPushToken;
 exports.isEmpty = isEmpty;
+exports.isPushSupported = isPushSupported;
 exports.mergeChatCustomization = mergeChatCustomization;
 exports.mergeChatLayoutConfig = mergeChatLayoutConfig;
+exports.onForegroundPush = onForegroundPush;
 exports.packageDefaultComponents = packageDefaultComponents;
 exports.resolveApiUrl = resolveApiUrl;
 exports.resolveChatApiKey = resolveChatApiKey;
@@ -17840,5 +18127,6 @@ exports.useChatFeatures = useChatFeatures;
 exports.useChatFeaturesOptional = useChatFeaturesOptional;
 exports.useChatLocale = useChatLocale;
 exports.useChatTheme = useChatTheme;
+exports.usePushNotifications = usePushNotifications;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map