@propknot/shared-ui 1.0.1 → 1.0.3

package/dist/index.js

@@ -14473,7 +14473,9 @@ __export(index_exports, {
   getNotificationPermission: () => getNotificationPermission,
   getRelativeLuminance: () => getRelativeLuminance,
   getStatusContrastColors: () => getStatusContrastColors,
+  hasNotificationPermission: () => hasNotificationPermission,
   isColorDark: () => isColorDark,
+  isNotificationSupported: () => isNotificationSupported,
   isPushNotificationSupported: () => isPushNotificationSupported,
   isPushSubscribed: () => isPushSubscribed,
   isTenantAuthenticated: () => isTenantAuthenticated,
@@ -14487,13 +14489,16 @@ __export(index_exports, {
   notifyMessage: () => notifyMessage,
   notifySuccess: () => notifySuccess,
   notifyTicketUpdate: () => notifyTicketUpdate,
+  requestNotificationPermission: () => requestNotificationPermission2,
   rgbToHex: () => rgbToHex,
   sendTestNotification: () => sendTestNotification,
   setSocketContext: () => setSocketContext,
   setToastContext: () => setToastContext,
   showLocalNotification: () => showLocalNotification,
   showMessageNotification: () => showMessageNotification,
+  subscribeToPushNotifications: () => subscribeToPushNotifications2,
   testNotificationCoverage: () => testNotificationCoverage,
+  unsubscribeFromPushNotifications: () => unsubscribeFromPushNotifications,
   useAccessibleColors: () => useAccessibleColors,
   useAuth: () => useAuth,
   useContrastText: () => useContrastText,
@@ -19011,6 +19016,15 @@ var notificationManager = new NotificationManager2();
 var showMessageNotification = (senderName, messageContent, propertyAddress) => {
   notificationManager.showMessageNotification(senderName, messageContent, propertyAddress);
 };
+var requestNotificationPermission2 = () => {
+  return notificationManager.requestPermission();
+};
+var hasNotificationPermission = () => {
+  return notificationManager.hasPermission();
+};
+var isNotificationSupported = () => {
+  return NotificationManager2.isSupported();
+};
 
 // src/utils/pushNotifications.js
 var isPushNotificationSupported = () => {
@@ -19022,6 +19036,84 @@ var getNotificationPermission = () => {
   }
   return Notification.permission;
 };
+var urlBase64ToUint8Array = (base64String) => {
+  const padding = "=".repeat((4 - base64String.length % 4) % 4);
+  const base64 = (base64String + padding).replace(/-/g, "+").replace(/_/g, "/");
+  const rawData = window.atob(base64);
+  const outputArray = new Uint8Array(rawData.length);
+  for (let i = 0; i < rawData.length; ++i) {
+    outputArray[i] = rawData.charCodeAt(i);
+  }
+  return outputArray;
+};
+var subscribeToPushNotifications2 = async () => {
+  if (!isPushNotificationSupported()) {
+    throw new Error("Push notifications are not supported");
+  }
+  if (Notification.permission !== "granted") {
+    throw new Error("Notification permission not granted");
+  }
+  try {
+    const existingRegistrations = await navigator.serviceWorker.getRegistrations();
+    for (let registration2 of existingRegistrations) {
+      await registration2.unregister();
+    }
+    const registration = await navigator.serviceWorker.register("/sw.js", {
+      scope: "/",
+      updateViaCache: "none"
+      // Don't cache the service worker
+    });
+    await navigator.serviceWorker.ready;
+    let subscription = await registration.pushManager.getSubscription();
+    if (!subscription) {
+      const vapidPublicKey = process.env.REACT_APP_VAPID_PUBLIC_KEY || "BJ2eTitSHPWl9WBAk0F1Drwmv6bQB48aDpM1ilutZcdygYfpbK7ODrlMSzvplaHWVwPtvQ1x-Y2SK2LadSQZ2mc";
+      const subscriptionOptions = {
+        userVisibleOnly: true,
+        applicationServerKey: urlBase64ToUint8Array(vapidPublicKey)
+      };
+      subscription = await registration.pushManager.subscribe(subscriptionOptions);
+    }
+    await api_default.post("/notifications/subscribe", {
+      subscription: subscription.toJSON()
+    });
+    return subscription;
+  } catch (error) {
+    console.error("Error subscribing to push notifications:", error);
+    console.error("Error name:", error.name);
+    console.error("Error message:", error.message);
+    console.error("Error stack:", error.stack);
+    if (error.name === "AbortError") {
+      throw new Error("Push subscription was aborted. This might be due to invalid VAPID keys or browser restrictions.");
+    } else if (error.name === "NotAllowedError") {
+      throw new Error("Push notifications permission was denied by the user.");
+    } else if (error.name === "NotSupportedError") {
+      throw new Error("Push notifications are not supported in this browser.");
+    }
+    throw error;
+  }
+};
+var unsubscribeFromPushNotifications = async () => {
+  if (!isPushNotificationSupported()) {
+    return;
+  }
+  try {
+    const registration = await navigator.serviceWorker.getRegistration();
+    if (!registration) {
+      return;
+    }
+    const subscription = await registration.pushManager.getSubscription();
+    if (!subscription) {
+      return;
+    }
+    await subscription.unsubscribe();
+    await api_default.post("/notifications/unsubscribe", {
+      endpoint: subscription.endpoint
+    });
+  } catch (error) {
+    console.error("Error unsubscribing from push notifications:", error);
+    throw error;
+  }
+};
 var isPushSubscribed = async () => {
   if (!isPushNotificationSupported()) {
     return false;
@@ -19114,7 +19206,9 @@ var isTenantAuthenticated = () => {
   getNotificationPermission,
   getRelativeLuminance,
   getStatusContrastColors,
+  hasNotificationPermission,
   isColorDark,
+  isNotificationSupported,
   isPushNotificationSupported,
   isPushSubscribed,
   isTenantAuthenticated,
@@ -19128,13 +19222,16 @@ var isTenantAuthenticated = () => {
   notifyMessage,
   notifySuccess,
   notifyTicketUpdate,
+  requestNotificationPermission,
   rgbToHex,
   sendTestNotification,
   setSocketContext,
   setToastContext,
   showLocalNotification,
   showMessageNotification,
+  subscribeToPushNotifications,
   testNotificationCoverage,
+  unsubscribeFromPushNotifications,
   useAccessibleColors,
   useAuth,
   useContrastText,

package/dist/index.mjs

@@ -19026,6 +19026,15 @@ var notificationManager = new NotificationManager2();
 var showMessageNotification = (senderName, messageContent, propertyAddress) => {
   notificationManager.showMessageNotification(senderName, messageContent, propertyAddress);
 };
+var requestNotificationPermission2 = () => {
+  return notificationManager.requestPermission();
+};
+var hasNotificationPermission = () => {
+  return notificationManager.hasPermission();
+};
+var isNotificationSupported = () => {
+  return NotificationManager2.isSupported();
+};
 
 // src/utils/pushNotifications.js
 var isPushNotificationSupported = () => {
@@ -19037,6 +19046,84 @@ var getNotificationPermission = () => {
   }
   return Notification.permission;
 };
+var urlBase64ToUint8Array = (base64String) => {
+  const padding = "=".repeat((4 - base64String.length % 4) % 4);
+  const base64 = (base64String + padding).replace(/-/g, "+").replace(/_/g, "/");
+  const rawData = window.atob(base64);
+  const outputArray = new Uint8Array(rawData.length);
+  for (let i = 0; i < rawData.length; ++i) {
+    outputArray[i] = rawData.charCodeAt(i);
+  }
+  return outputArray;
+};
+var subscribeToPushNotifications2 = async () => {
+  if (!isPushNotificationSupported()) {
+    throw new Error("Push notifications are not supported");
+  }
+  if (Notification.permission !== "granted") {
+    throw new Error("Notification permission not granted");
+  }
+  try {
+    const existingRegistrations = await navigator.serviceWorker.getRegistrations();
+    for (let registration2 of existingRegistrations) {
+      await registration2.unregister();
+    }
+    const registration = await navigator.serviceWorker.register("/sw.js", {
+      scope: "/",
+      updateViaCache: "none"
+      // Don't cache the service worker
+    });
+    await navigator.serviceWorker.ready;
+    let subscription = await registration.pushManager.getSubscription();
+    if (!subscription) {
+      const vapidPublicKey = process.env.REACT_APP_VAPID_PUBLIC_KEY || "BJ2eTitSHPWl9WBAk0F1Drwmv6bQB48aDpM1ilutZcdygYfpbK7ODrlMSzvplaHWVwPtvQ1x-Y2SK2LadSQZ2mc";
+      const subscriptionOptions = {
+        userVisibleOnly: true,
+        applicationServerKey: urlBase64ToUint8Array(vapidPublicKey)
+      };
+      subscription = await registration.pushManager.subscribe(subscriptionOptions);
+    }
+    await api_default.post("/notifications/subscribe", {
+      subscription: subscription.toJSON()
+    });
+    return subscription;
+  } catch (error) {
+    console.error("Error subscribing to push notifications:", error);
+    console.error("Error name:", error.name);
+    console.error("Error message:", error.message);
+    console.error("Error stack:", error.stack);
+    if (error.name === "AbortError") {
+      throw new Error("Push subscription was aborted. This might be due to invalid VAPID keys or browser restrictions.");
+    } else if (error.name === "NotAllowedError") {
+      throw new Error("Push notifications permission was denied by the user.");
+    } else if (error.name === "NotSupportedError") {
+      throw new Error("Push notifications are not supported in this browser.");
+    }
+    throw error;
+  }
+};
+var unsubscribeFromPushNotifications = async () => {
+  if (!isPushNotificationSupported()) {
+    return;
+  }
+  try {
+    const registration = await navigator.serviceWorker.getRegistration();
+    if (!registration) {
+      return;
+    }
+    const subscription = await registration.pushManager.getSubscription();
+    if (!subscription) {
+      return;
+    }
+    await subscription.unsubscribe();
+    await api_default.post("/notifications/unsubscribe", {
+      endpoint: subscription.endpoint
+    });
+  } catch (error) {
+    console.error("Error unsubscribing from push notifications:", error);
+    throw error;
+  }
+};
 var isPushSubscribed = async () => {
   if (!isPushNotificationSupported()) {
     return false;
@@ -19128,7 +19215,9 @@ export {
   getNotificationPermission,
   getRelativeLuminance,
   getStatusContrastColors,
+  hasNotificationPermission,
   isColorDark,
+  isNotificationSupported,
   isPushNotificationSupported,
   isPushSubscribed,
   isTenantAuthenticated,
@@ -19142,13 +19231,16 @@ export {
   notifyMessage,
   notifySuccess,
   notifyTicketUpdate,
+  requestNotificationPermission2 as requestNotificationPermission,
   rgbToHex,
   sendTestNotification,
   setSocketContext,
   setToastContext,
   showLocalNotification,
   showMessageNotification,
+  subscribeToPushNotifications2 as subscribeToPushNotifications,
   testNotificationCoverage,
+  unsubscribeFromPushNotifications,
   useAccessibleColors,
   useAuth,
   useContrastText,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@propknot/shared-ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "files": [