@selfcommunity/react-core 0.4.0-alpha.11 → 0.4.0-alpha.111

package/lib/esm/hooks/useSCMobileNativePushMessaging.js

@@ -0,0 +1,140 @@
+import { useEffect, useState } from 'react';
+import { useSCContext } from '../components/provider/SCContextProvider';
+import { useSCUser } from '../components/provider/SCUserProvider';
+import { LocalStorageDB, Logger } from '@selfcommunity/utils';
+import { SCOPE_SC_CORE } from '../constants/Errors';
+import { http, Endpoints } from '@selfcommunity/api-services';
+import { PLATFORM, ANDROID_PUSH_NOTIFICATION_FCM_DEVICE_TYPE, ANDROID_PUSH_NOTIFICATION_GCM_DEVICE_TYPE, IOS_PUSH_NOTIFICATION_IOS_DEVICE_TYPE, PLATFORM_KEY, REGISTRATION_ID_KEY, NOTIFICATION_SERVICE_KEY, DEVICE_ID_KEY, NOTIFICATIONS_SERVICES, PLATFORMS, } from '../constants/Device';
+import { isMobileNativeNotificationEnabled } from '../utils/notification';
+/**
+ :::info
+ This custom hook is used to manage native push notification:
+ - register device (Android/iOS)
+ - unregister device (Android/iOS)
+ !important: the device is registered only if exist in the global window
+             object (or as keys in the localstorage) the follow:
+             - _platform: <android|iOS>
+             - _notification_service: <gcm:fcm:apns>
+             - _registration_id: <registration_id>
+             - _device_id: <device_id>
+ :::
+ */
+export default function useSCMobileNativePushMessaging() {
+    const scContext = useSCContext();
+    const scUserContext = useSCUser();
+    const [mnpmInstance, setMnpmInstance] = useState(null);
+    const [isLoading, setLoading] = useState(false);
+    /**
+     * Validate notification service
+     * @param data
+     */
+    const isValid = (data) => {
+        return (data &&
+            data.registration_id &&
+            ((data.platform === PLATFORM.ANDROID &&
+                (data.notification_service === ANDROID_PUSH_NOTIFICATION_GCM_DEVICE_TYPE ||
+                    data.notification_service === ANDROID_PUSH_NOTIFICATION_FCM_DEVICE_TYPE)) ||
+                (data.platform === PLATFORM.IOS &&
+                    (data.notification_service === IOS_PUSH_NOTIFICATION_IOS_DEVICE_TYPE ||
+                        data.notification_service === ANDROID_PUSH_NOTIFICATION_FCM_DEVICE_TYPE))));
+    };
+    /**
+     * Perform device registration
+     * @param data
+     * @param remove
+     */
+    const performUpdateDevice = (data, remove = false) => {
+        const url = remove
+            ? Endpoints.DeleteDevice.url({ type: data.notification_service, id: data.registration_id })
+            : Endpoints.NewDevice.url({ type: data.notification_service });
+        const method = remove ? Endpoints.DeleteDevice.method : Endpoints.NewDevice.method;
+        setLoading(true);
+        return http
+            .request(Object.assign({ url,
+            method }, (remove
+            ? {}
+            : {
+                data: Object.assign({ registration_id: data.registration_id, cloud_message_type: data.notification_service.toUpperCase(), name: `${data.platform} device` }, (data.device_id ? { device_id: data.device_id } : {})),
+            })))
+            .then((res) => {
+            if (res.status >= 300) {
+                return Promise.reject(res);
+            }
+            setLoading(false);
+            return Promise.resolve(res.data);
+        })
+            .catch((e) => {
+            setLoading(false);
+            return Promise.reject(e);
+        });
+    };
+    /**
+     * Collect data
+     */
+    const getDataInstance = () => {
+        if (window &&
+            window[PLATFORM_KEY] &&
+            PLATFORMS.includes(window[PLATFORM_KEY]) &&
+            window[REGISTRATION_ID_KEY] &&
+            window[NOTIFICATION_SERVICE_KEY] &&
+            NOTIFICATIONS_SERVICES.includes(window[NOTIFICATION_SERVICE_KEY])) {
+            return Object.assign({ platform: window[PLATFORM_KEY], registration_id: window[REGISTRATION_ID_KEY], notification_service: window[NOTIFICATION_SERVICE_KEY] }, (window[DEVICE_ID_KEY] ? { device_id: window[DEVICE_ID_KEY] } : {}));
+        }
+        else if (LocalStorageDB.checkifSupport() &&
+            LocalStorageDB.get(PLATFORM_KEY) &&
+            PLATFORMS.includes(LocalStorageDB.get(PLATFORM_KEY)) &&
+            LocalStorageDB.get(REGISTRATION_ID_KEY) &&
+            LocalStorageDB.get(NOTIFICATION_SERVICE_KEY) &&
+            NOTIFICATIONS_SERVICES.includes(LocalStorageDB.get(NOTIFICATION_SERVICE_KEY))) {
+            return Object.assign({ platform: LocalStorageDB.get(PLATFORM_KEY), registration_id: LocalStorageDB.get(REGISTRATION_ID_KEY), notification_service: LocalStorageDB.get(NOTIFICATION_SERVICE_KEY) }, (window[DEVICE_ID_KEY] ? { device_id: window[DEVICE_ID_KEY] } : {}));
+        }
+        else {
+            return null;
+        }
+    };
+    /**
+     * Unsubscribe device
+     */
+    const unsubscribeDevice = () => {
+        if (mnpmInstance && !isLoading) {
+            Logger.info(SCOPE_SC_CORE, 'Mobile native notification is disabled. Unregister the device.');
+            performUpdateDevice(mnpmInstance, true)
+                .then((res) => {
+                setMnpmInstance(null);
+                Logger.info(SCOPE_SC_CORE, 'Device unregistration successful. Your device will not be able to receive mobile push notifications.');
+            })
+                .catch(() => {
+                setMnpmInstance(null);
+            });
+        }
+    };
+    /**
+     * Check if there is a currently active session and a
+     * instance when the provider is mounted for the first time.
+     */
+    useEffect(() => {
+        if (scUserContext.user && isMobileNativeNotificationEnabled() && !scContext.settings.notifications.mobileNativePushMessaging.disable) {
+            const _data = getDataInstance();
+            if (isValid(_data)) {
+                if ((!mnpmInstance || (mnpmInstance && mnpmInstance.registration_id !== _data.registration_id)) && !isLoading) {
+                    Logger.info(SCOPE_SC_CORE, 'Mobile native notification is enabled. Checking and validate data...');
+                    // Register the device only if app-platform and app-registrationId and app-notificationService
+                    // exists in window/localStorage
+                    Logger.info(SCOPE_SC_CORE, 'Data is valid to register the device for receive mobile push notification.');
+                    performUpdateDevice(_data).then((res) => {
+                        setMnpmInstance(Object.assign(Object.assign({}, _data), { id: res.id }));
+                        Logger.info(SCOPE_SC_CORE, 'Device registration successful. Your device will now be able to receive mobile push notifications.');
+                    });
+                }
+            }
+            else {
+                Logger.warn(SCOPE_SC_CORE, 'Invalid data. Unable to register the device for native push notification.');
+                unsubscribeDevice();
+            }
+        }
+        else {
+            unsubscribeDevice();
+        }
+    });
+    return { mnpmInstance, setMnpmInstance };
+}

package/lib/esm/hooks/useSCSettingsManager.d.ts

@@ -20,4 +20,3 @@ export default function useSCSettingsManager(user?: SCUserType): {
     isLoading: () => boolean;
     refresh: () => void;
 };
-//# sourceMappingURL=useSCSettingsManager.d.ts.map

package/lib/esm/hooks/useSCSettingsManager.js

@@ -95,4 +95,3 @@ export default function useSCSettingsManager(user) {
     }, [user]);
     return { update, get, all, isLoading, refresh };
 }
-//# sourceMappingURL=useSCSettingsManager.js.map

package/lib/esm/hooks/useSCSubscribedIncubatorsManager.d.ts

@@ -15,8 +15,18 @@ import { SCIncubatorType, SCUserType } from '@selfcommunity/types';
  */
 export default function useSCSubscribedIncubatorsManager(user?: SCUserType): {
     incubators: any[];
-    loading: number[];
-    isLoading: (obj: {
+    loading: any[];
+    isLoading: (v: number | {
+        id: number;
+    }) => boolean;
+    subscribe?: undefined;
+    isSubscribed?: undefined;
+    refresh?: undefined;
+    emptyCache?: undefined;
+} | {
+    incubators: any[];
+    loading: any[];
+    isLoading: (v: number | {
         id: number;
     }) => boolean;
     subscribe: (incubator: SCIncubatorType) => Promise<any>;
@@ -24,4 +34,3 @@ export default function useSCSubscribedIncubatorsManager(user?: SCUserType): {
     refresh: () => void;
     emptyCache: () => void;
 };
-//# sourceMappingURL=useSCSubscribedIncubatorsManager.d.ts.map

package/lib/esm/hooks/useSCSubscribedIncubatorsManager.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from "react";
 import { http, Endpoints } from '@selfcommunity/api-services';
 import { Logger } from '@selfcommunity/utils';
 import { SCOPE_SC_CORE } from '../constants/Errors';
@@ -18,7 +18,8 @@ import useSCCachingManager from './useSCCachingManager';
  :::
  */
 export default function useSCSubscribedIncubatorsManager(user) {
-    const { cache, updateCache, emptyCache, data, setData, loading, setLoading, isLoading } = useSCCachingManager();
+    const { cache, updateCache, emptyCache, data, setData, loading, setLoading, setUnLoading, isLoading } = useSCCachingManager();
+    const authUserId = user ? user.id : null;
     /**
      * Memoized refresh all subscribed
      * It makes a single request to the server and retrieves
@@ -38,10 +39,9 @@ export default function useSCSubscribedIncubatorsManager(user) {
                 if (res.status >= 300) {
                     return Promise.reject(res);
                 }
-                updateCache(Object.keys(res.data.results).map((id) => parseInt(id)));
-                setData(Object.entries(res.data.results)
-                    .filter(([k, v]) => v === true)
-                    .map(([k, v]) => parseInt(k)));
+                const incubatorIds = res.data.results.map((i) => i.id);
+                updateCache(incubatorIds);
+                setData(incubatorIds);
                 return Promise.resolve(res.data);
             })
                 .catch((e) => {
@@ -55,7 +55,7 @@ export default function useSCSubscribedIncubatorsManager(user) {
      * Toggle action
      */
     const subscribe = useMemo(() => (incubator) => {
-        setLoading((prev) => [...prev, ...[incubator.id]]);
+        setLoading(incubator.id);
         return http
             .request({
             url: Endpoints.SubscribeToIncubator.url({ id: incubator.id }),
@@ -68,7 +68,7 @@ export default function useSCSubscribedIncubatorsManager(user) {
             updateCache([incubator.id]);
             const isSubscribed = data.includes(incubator.id);
             setData((prev) => (isSubscribed ? prev.filter((id) => id !== incubator.id) : [...[incubator.id], ...prev]));
-            setLoading((prev) => prev.filter((i) => i !== incubator.id));
+            setUnLoading(incubator.id);
             return Promise.resolve(res.data);
         });
     }, [data, loading, cache]);
@@ -79,7 +79,7 @@ export default function useSCSubscribedIncubatorsManager(user) {
      * @param incubator
      */
     const checkIsIncubatorFollowed = (incubator) => {
-        setLoading((prev) => (prev.includes(incubator.id) ? prev : [...prev, ...[incubator.id]]));
+        setLoading(incubator.id);
         http
             .request({
             url: Endpoints.CheckIncubatorSubscription.url({ id: incubator.id }),
@@ -91,22 +91,19 @@ export default function useSCSubscribedIncubatorsManager(user) {
             }
             updateCache([incubator.id]);
             setData((prev) => (res.data.subscribed ? [...prev, ...[incubator.id]] : prev.filter((id) => id !== incubator.id)));
-            setLoading((prev) => prev.filter((i) => i !== incubator.id));
+            setUnLoading(incubator.id);
             return Promise.resolve(res.data);
         });
     };
-    // /**
-    //  * Bypass remote check if the incubator is subscribed
-    //  */
-    // const getSubscriptionStatus = useMemo(
-    //   () => (incubator: SCIncubatorType) => {
-    //     const isSubscribed = incubator.subscribed === true;
-    //     updateCache([incubator.id]);
-    //     setData((prev) => (isSubscribed ? [...prev, ...[incubator.id]] : prev));
-    //     return isSubscribed;
-    //   },
-    //   [data, cache]
-    // );
+    /**
+     * Bypass remote check if the incubator is subscribed
+     */
+    const getSubscriptionStatus = useMemo(() => (incubator) => {
+        const isSubscribed = incubator.subscribed || false;
+        updateCache([incubator.id]);
+        setData((prev) => (isSubscribed ? [...prev, ...[incubator.id]] : prev));
+        return isSubscribed;
+    }, [data, cache]);
     /**
      * Memoized isSubscribed
      * If incubator is already in cache -> check if the incubator is in subscribed,
@@ -116,14 +113,26 @@ export default function useSCSubscribedIncubatorsManager(user) {
         if (cache.includes(incubator.id)) {
             return Boolean(data.includes(incubator.id));
         }
-        // if ('subscribed' in incubator) {
-        //   return getSubscriptionStatus(incubator);
-        // }
-        if (!loading.includes(incubator.id)) {
-            checkIsIncubatorFollowed(incubator);
+        if (authUserId) {
+            if ('subscribed' in incubator) {
+                return getSubscriptionStatus(incubator);
+            }
+            if (!isLoading(incubator)) {
+                checkIsIncubatorFollowed(incubator);
+            }
         }
         return false;
-    }, [data, loading, cache]);
+    }, [data, loading, cache, authUserId]);
+    /**
+     * Empty cache on logout
+     */
+    useEffect(() => {
+        if (!authUserId) {
+            emptyCache();
+        }
+    }, [authUserId]);
+    if (!user) {
+        return { incubators: data, loading, isLoading };
+    }
     return { incubators: data, loading, isLoading, subscribe, isSubscribed, refresh, emptyCache };
 }
-//# sourceMappingURL=useSCSubscribedIncubatorsManager.js.map

package/lib/esm/hooks/useSCUserIsBlocked.d.ts

@@ -0,0 +1,18 @@
+import { SCUserType } from '@selfcommunity/types';
+/**
+ :::info
+ This custom hook is used to check if the user is blocked by me or I am blocked by him.
+ :::
+ :::tipHow to use it:
+
+ Follow these steps:
+ ```jsx
+ 1. import useUserIsBlocked from '@selfcommunity/react-core';
+ 2.	const {blocked, loading: loadingBlockedBy} = useUserIsBlocked(user);
+ ```
+ :::
+ */
+export default function useSCUserIsBlocked(user: SCUserType): {
+    blocked: boolean;
+    loading: boolean;
+};

package/lib/esm/hooks/useSCUserIsBlocked.js

@@ -0,0 +1,29 @@
+import { useMemo } from 'react';
+import useSCFetchUserBlockedBy from './useSCFetchUserBlockedBy';
+import { useSCUser } from '../components/provider/SCUserProvider';
+/**
+ :::info
+ This custom hook is used to check if the user is blocked by me or I am blocked by him.
+ :::
+ :::tipHow to use it:
+
+ Follow these steps:
+ ```jsx
+ 1. import useUserIsBlocked from '@selfcommunity/react-core';
+ 2.	const {blocked, loading: loadingBlockedBy} = useUserIsBlocked(user);
+ ```
+ :::
+ */
+export default function useSCUserIsBlocked(user) {
+    // CONTEXT
+    const scUserContext = useSCUser();
+    // HOOKS
+    const { blockedBy, loading: loadingBlockedBy } = useSCFetchUserBlockedBy({ user });
+    // CONST
+    const isMe = useMemo(() => scUserContext.user && user.id === scUserContext.user.id, [scUserContext.user, user]);
+    // Status blocked
+    const blocked = !isMe && user && Boolean((scUserContext.user && scUserContext.managers.blockedUsers.isBlocked(user)) || blockedBy);
+    // Status loading
+    const loading = scUserContext.user && (scUserContext.managers.blockedUsers.isLoading() || loadingBlockedBy);
+    return { blocked, loading };
+}

package/lib/esm/hooks/useSCWebPushMessaging.d.ts

@@ -1,9 +1,19 @@
+import { SnackbarKey } from 'notistack';
+/**
+ * Browser supported on backend
+ */
+export declare const CHROME_BROWSER_TYPE = "chrome";
+export declare const FIREFOX_BROWSER_TYPE = "firefox";
+export declare const OPERA_BROWSER_TYPE = "opera";
+export declare const EDGE_BROWSER_TYPE = "edge";
+export declare const DEFAULT_BROWSER_TYPE = "chrome";
+export declare const SUPPORTED_BROWSER_TYPES: string[];
 /**
  :::info
- This custom hook is used to to init web push messaging.
+ This custom hook is used to init web push messaging.
  :::
  */
 export default function useSCWebPushMessaging(): {
     wpSubscription: any;
+    requestNotificationPermission: (snackbarId: SnackbarKey | null) => void;
 };
-//# sourceMappingURL=useSCWebPushMessaging.d.ts.map