@propknot/shared-ui 1.0.2 → 1.0.4

package/dist/index.js

@@ -14457,6 +14457,7 @@ __export(index_exports, {
   SocketProvider: () => SocketProvider,
   TenantLayout: () => TenantLayout_default,
   TenantThemeProvider: () => TenantThemeProvider,
+  api: () => api,
   auditNotifications: () => auditNotifications,
   createContrastEnhancedComponents: () => createContrastEnhancedComponents,
   createNotificationAwareAPI: () => createNotificationAwareAPI,
@@ -14496,7 +14497,9 @@ __export(index_exports, {
   setToastContext: () => setToastContext,
   showLocalNotification: () => showLocalNotification,
   showMessageNotification: () => showMessageNotification,
+  subscribeToPushNotifications: () => subscribeToPushNotifications2,
   testNotificationCoverage: () => testNotificationCoverage,
+  unsubscribeFromPushNotifications: () => unsubscribeFromPushNotifications,
   useAccessibleColors: () => useAccessibleColors,
   useAuth: () => useAuth,
   useContrastText: () => useContrastText,
@@ -19034,6 +19037,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;
@@ -19110,6 +19191,7 @@ var isTenantAuthenticated = () => {
   SocketProvider,
   TenantLayout,
   TenantThemeProvider,
+  api,
   auditNotifications,
   createContrastEnhancedComponents,
   createNotificationAwareAPI,
@@ -19149,7 +19231,9 @@ var isTenantAuthenticated = () => {
   setToastContext,
   showLocalNotification,
   showMessageNotification,
+  subscribeToPushNotifications,
   testNotificationCoverage,
+  unsubscribeFromPushNotifications,
   useAccessibleColors,
   useAuth,
   useContrastText,

package/dist/index.mjs

@@ -19046,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;
@@ -19121,6 +19199,7 @@ export {
   SocketProvider,
   TenantLayout_default as TenantLayout,
   TenantThemeProvider,
+  api,
   auditNotifications,
   createContrastEnhancedComponents,
   createNotificationAwareAPI,
@@ -19160,7 +19239,9 @@ export {
   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.2",
+  "version": "1.0.4",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "files": [