datastake-daf 0.6.536 → 0.6.538

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.536",
+	"version": "0.6.538",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",
@@ -22,6 +22,7 @@
 		"docx-preview": "^0.3.7",
 		"dot-object": "^2.1.5",
 		"file-saver": "^2.0.5",
+		"firebase": "^12.4.0",
 		"html-to-image": "^1.11.13",
 		"leaflet": "^1.0.3",
 		"leaflet-editable": "^1.3.0",

package/rollup.config.js

@@ -46,6 +46,7 @@ const external = [
   "file-saver",
   "axios",
   "form-data",
+  "firebase"
 ];
 
 // Four builds, components, utils, hooks, context

package/src/@daf/core/context/Notifications/NotificationsHistory/index.js

@@ -0,0 +1,28 @@
+import React, { createContext, useContext } from "react";
+import useNotifications from "../useNotifications.js";
+
+const status = 'all';
+
+export const NotificationsHistoryContext = createContext({
+  loading: false,
+  _notifications: [],
+  _fetch: [],
+  total: 0,
+});
+
+// eslint-disable-next-line react/prop-types
+export const NotificationsHistoryProvider = ({ children }) => {
+  const { loading, _notifications, _fetch, total } = useNotifications({ status });
+  const value = { loading, _notifications, _fetch, total };
+
+  return (
+    <NotificationsHistoryContext.Provider value={value}>
+      {children}
+    </NotificationsHistoryContext.Provider>
+  )
+};
+
+export const useNotificationsHistoryContext = () => {
+  const value = useContext(NotificationsHistoryContext);
+  return value;
+}

package/src/@daf/core/context/Notifications/useNotifications.js

@@ -0,0 +1,84 @@
+import { useCallback, useEffect, useState } from "react";
+import NotificationService from '../../../services/NotificationService.js';
+
+export default function useNotifications({ status = 'unread' }) {
+  const [total, setTotal] = useState(0);
+  const [loading, setLoading] = useState(false);
+  const [notifications, setNotifications] = useState([]);
+
+  const addNotification = useCallback((notification) => {
+    if (notification) {
+      // push
+      setTotal((p) => p + 1);
+      setNotifications((p) => [...p, notification]);
+    }
+  }, []);
+
+  const removeNotification = useCallback(async (id) => {
+    try {
+      await NotificationService.readOne(id);
+      setTotal((p) => p - 1);
+      setNotifications((p) => p.filter((n) => n.id !== id));
+    } catch (err) {
+      console.log(err);
+      // TO-DO Remove this
+      setTotal((p) => p - 1);
+      setNotifications((p) => p.filter((n) => n.id !== id));
+    }
+  }, []);
+
+  const clearAll = useCallback(async () => {
+    try {
+      await NotificationService.readAll();
+      setTotal(0);
+      setNotifications([]);
+    } catch (err) {
+      console.log(err);
+      // TO-DO Remove this
+      setTotal(0);
+      setNotifications([]);
+    }
+  }, []);
+
+  const _fetch = async () => {
+    if ((notifications.length && total >= notifications.length) || loading) {
+      return;
+    }
+
+    setLoading(true);
+
+    try {
+      const _res = await NotificationService.get({ status });
+      if (_res.data) {
+        setTotal(() => _res.data.total);
+        setNotifications((p) => [...p, ..._res.data.data]);
+        setLoading(false);
+        return;
+      }
+      setLoading(false);
+
+    } catch {
+      setLoading(false);
+      setTotal(0);
+      setNotifications([]);
+    }
+  }
+
+  useEffect(() => {
+    _fetch();
+  }, []);
+
+  const _notifications = notifications
+    .sort((a, b) => b.createdAt - a.createdAt);
+
+  return {
+    total,
+    loading,
+    notifications,
+    _notifications,
+    _fetch,
+    removeNotification,
+    addNotification,
+    clearAll,
+  };
+}

package/src/@daf/hooks/useFirebase.js

@@ -0,0 +1,53 @@
+import { useState, useEffect } from "react";
+import { initializeApp } from "firebase/app";
+import { isSupported, getMessaging, getToken, onMessage } from "firebase/messaging";
+
+export const useFirebase = (firebaseConfig, vapidKey, onFirebaseMessage = () => {}) => {
+  const [app] = useState(initializeApp(firebaseConfig));
+  const [messaging, setMessaging] = useState();
+  const [firebaseToken, setFirebaseToken] = useState();
+
+  useEffect(() => {
+    isSupported().then((supported) => {
+      if (supported) {
+        setMessaging(getMessaging(app));
+      }
+    });
+  }, [setMessaging, app]);
+
+  const notificationHandler = function (permission) {
+    console.log("Notification permission: ", permission, messaging);
+    if (permission === "granted" && messaging) {
+      getToken(messaging, { vapidKey })
+        .then((token) => {
+          setFirebaseToken(token);
+        })
+        .catch((err) => {
+          console.error("Firebase Error: ", err);
+        });
+    }
+  }
+
+  useEffect(() => {
+    if ('Notification' in window) {
+      try {
+        Notification.requestPermission().then((permission) => notificationHandler(permission));
+      } catch (error) {
+        if (error instanceof TypeError) {
+          Notification.requestPermission((permission) => notificationHandler(permission));
+        } else {
+          console.log(error)
+        }
+      }
+    }
+  }, [messaging]);
+
+  useEffect(() => {
+    if (messaging) {
+      const unsubscribe = onMessage(messaging, onFirebaseMessage);
+      return () => unsubscribe();
+    }
+  }, [messaging, onFirebaseMessage]);
+
+  return { firebaseToken };
+}

package/src/@daf/hooks/useIsDatastake.js

@@ -0,0 +1,21 @@
+import { useCallback, useMemo } from 'react';
+
+export default function useIsDatastake({location, APP}) {
+  const isDatastake = useMemo(() => location.pathname.includes(`/${APP}`), [location]);
+
+  const getRedirectLink = useCallback((link) => {
+    if (isDatastake) {
+      return `/${APP}${link}`;
+    }
+    return link;
+  }, [isDatastake])
+
+  return { getRedirectLink, isDatastake };
+}
+
+export const getRedirectLink = (link, APP) => {
+  if (window.location.pathname.includes(`/${APP}`)) {
+    return `${APP}${link}`;
+  }
+  return link;
+}

package/src/context.js

@@ -4,6 +4,7 @@ export { useForms, FormsProvider, NOTIFICATION_MODE, onBeforeUnload, FormsContex
 export { useHistory, HistoryContext, HistoryProvider } from './@daf/core/context/History/index'
 export { GeneralProvider, useGeneralContext } from "./@daf/core/context/General/index.js";
 export { LinkingProvider, LinkingContext } from "./@daf/core/context/Linking/index.js";
-export { ApplicationsProvider, ApplicationsContext } from "./@daf/core/context/Applications/index.js";
+export { ApplicationsProvider, ApplicationsContext, useApplications } from "./@daf/core/context/Applications/index.js";
 export { ProjectSourcesProvider, ProjectSourcesContext } from "./@daf/core/context/ProjectSources/index.js";
-export { SelectProvider, SelectContext } from "./@daf/core/context/Select/index.js";
+export { SelectProvider, SelectContext } from "./@daf/core/context/Select/index.js";
+export { NotificationsHistoryContext, useNotificationsHistoryContext, NotificationsHistoryProvider } from "./@daf/core/context/Notifications/NotificationsHistory/index.js"

package/src/hooks.js

@@ -8,4 +8,5 @@ export { useMapConfig } from "./@daf/hooks/useMapHelper.js";
 export { useIsMobile } from "./@daf/hooks/useIsMobile";
 export { default as useSource } from "./@daf/hooks/useSources.js";
 export { useMapOnExpandableWidget } from "./@daf/hooks/useMapOnExpandableWidget";
-export { checkPermission, checkPermissionList, usePermissions } from "./@daf/hooks/usePermissions";
+export { checkPermission, checkPermissionList, usePermissions } from "./@daf/hooks/usePermissions";
+export { useFirebase } from "./@daf/hooks/useFirebase.js"