@eohjsc/react-native-smart-city 0.6.2 → 0.7.3-rc1

package/src/screens/UnitSummary/__test__/index.test.js

@@ -20,22 +20,11 @@ import { mockSCStore } from '../../../context/mockStore';
 import api from '../../../utils/Apis/axios';
 import { WrapHeaderScrollable } from '../../../commons';
 import AirQuality from '../components/AirQuality';
+import Text from '../../../commons/Text';
+import { useConfigGlobalState } from '../../../iot/states';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => true,
-    useFocusEffect: (func) => func(),
-  };
-});
-
 jest.mock('react-native-onesignal', () => {
   return {
     setNotificationWillShowInForegroundHandler: jest.fn(),
@@ -49,6 +38,10 @@ jest.mock('../../../hooks', () => {
   };
 });
 
+jest.mock('../../../iot/states', () => ({
+  useConfigGlobalState: jest.fn(),
+}));
+
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <UnitSummary route={route} />
@@ -60,6 +53,7 @@ describe('Test UnitSummary', () => {
 
   beforeEach(() => {
     mock.reset();
+    useConfigGlobalState.mockReturnValue([{}]);
     Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
     route = {
       params: {
@@ -79,7 +73,9 @@ describe('Test UnitSummary', () => {
   let tree;
 
   it('onRefresh', async () => {
-    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200, {
+      data: {},
+    });
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
@@ -188,7 +184,9 @@ describe('Test UnitSummary', () => {
 
   it('test receive notification with summary_id then reload data', async () => {
     jest.useFakeTimers();
-    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200, {
+      data: {},
+    });
     const dataNotification = {
       params: {
         summary_id: 1,
@@ -207,7 +205,9 @@ describe('Test UnitSummary', () => {
 
   it('test receive notification with other summary_id then not reload data', async () => {
     jest.useFakeTimers();
-    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200);
+    mock.onGet(API.UNIT.UNIT_SUMMARY_DETAIL(1, 1)).reply(200, {
+      data: {},
+    });
     const dataNotification = {
       params: {
         summary_id: 2,
@@ -222,6 +222,7 @@ describe('Test UnitSummary', () => {
     await act(async () => {
       jest.runOnlyPendingTimers();
     });
+    expect(mock.history.get.length).toBe(1);
   });
 
   let list_value = [
@@ -286,13 +287,46 @@ describe('Test UnitSummary', () => {
         await act(async () => {
           await touch.props.onPress();
         });
-        expect(mockedNavigate).toHaveBeenLastCalledWith(
+        expect(global.mockedNavigate).toHaveBeenLastCalledWith(
           UnitSummaryDetail.guideName
         );
       }
     });
   });
 
+  test('create Unit Summary temperature value', async () => {
+    mock
+      .onGet(
+        API.UNIT.UNIT_SUMMARY_DETAIL(
+          route.params.unitId,
+          route.params.summaryData.id
+        )
+      )
+      .reply(200, {
+        data: {
+          listConfigs: {
+            temp: 1,
+          },
+        },
+      });
+    route.params.summaryData.screen = Routes.Temperature;
+    useConfigGlobalState.mockReturnValue([
+      {
+        1: {
+          value: 50,
+        },
+      },
+    ]);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const texts = instance.findAll((el) => {
+      return el.type === Text && el.props.children === '50 °C';
+    });
+    expect(texts).toHaveLength(1);
+  });
+
   it('Test render without params', async () => {
     useReceiveNotifications.mockImplementationOnce(() => ({
       dataNotification: {},

package/src/screens/UnitSummary/components/3PPowerConsumption/__test__/3PPowerConsumption.test.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { API } from '../../../../../configs';
@@ -7,30 +7,9 @@ import { SCProvider } from '../../../../../context';
 import { mockSCStore } from '../../../../../context/mockStore';
 import MockAdapter from 'axios-mock-adapter';
 import api from '../../../../../utils/Apis/axios';
+import PMSensorIndicator from '../../../../../commons/Device/PMSensor/PMSensorIndicator';
 
 const mock = new MockAdapter(api.axiosInstance);
-const mockSetState = jest.fn();
-
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useState: jest.fn(),
-  };
-});
-
-const mockedNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useFocusEffect: (func) => func(),
-  };
-});
-
-useState.mockImplementation((init) => [init, mockSetState]);
 
 const wrapComponent = (summaryDetail) => (
   <SCProvider initState={mockSCStore({})}>
@@ -59,7 +38,6 @@ describe('Test 3PPowerConsumption', () => {
         power_factor_1: 8,
         power_factor_2: 9,
         power_factor_3: 10,
-        total_power: 11,
       },
     };
     await act(async () => {
@@ -85,6 +63,9 @@ describe('Test 3PPowerConsumption', () => {
       { id: 10, color: '#52C41A', title: 'Power Factor 3', measure: '' },
     ];
     expect(listIndicator.props.data).toEqual(resultList);
+
+    const indicator = instance.findByType(PMSensorIndicator);
+    expect(indicator.props.data).toHaveLength(0);
   });
 
   it('render 3PPowerConsumption with total_power', async () => {
@@ -100,6 +81,8 @@ describe('Test 3PPowerConsumption', () => {
     await act(async () => {
       tree = await renderer.create(wrapComponent(summaryDetail));
     });
-    expect(mockSetState).toHaveBeenCalledWith([{}]);
+    const instance = tree.root;
+    const indicator = instance.findByType(PMSensorIndicator);
+    expect(indicator.props.data).toHaveLength(1);
   });
 });

package/src/screens/UnitSummary/components/AirQuality/__test__/index.test.js

@@ -12,13 +12,7 @@ import { Section, Text } from '../../../../../commons';
 import AccessibilityLabel from '../../../../../configs/AccessibilityLabel';
 
 new MockAdapter(api.axiosInstance);
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useFocusEffect: (func) => func(),
-  };
-});
+
 const wrapComponent = (data) => (
   <SCProvider initState={mockSCStore({})}>
     <AirQuality {...data} />

package/src/screens/UnitSummary/components/AirQuality/index.js

@@ -1,6 +1,7 @@
 import React, { memo, useCallback, useMemo, useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 
 import styles from './styles';
 
@@ -79,7 +80,7 @@ const AirQuality = memo(({ summaryDetail }) => {
             <View
               style={[styles.boxEmotion, { backgroundColor: outdoorColor }]}
             >
-              <IconOutline name={outdoorIcon} size={35} />
+              <AntDesign name={outdoorIcon} size={35} />
             </View>
             <View
               style={[
@@ -121,7 +122,11 @@ const AirQuality = memo(({ summaryDetail }) => {
           {<SegmentedRoundChart data={outdoor} />}
           {!!advices?.length && (
             <View style={styles.boxHealth}>
-              <IconOutline name="alert" size={20} style={styles.iconMargin} />
+              <MaterialCommunityIcons
+                name="alert-circle-outline"
+                size={20}
+                style={styles.iconMargin}
+              />
               <Text semibold color={Colors.Gray9} type="H4">
                 {t('Health advices:')}
               </Text>

package/src/screens/UnitSummary/components/PowerConsumption/__test__/PowerConsumption.test.js

@@ -13,17 +13,6 @@ import { Today } from '../../../../../commons';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-const mockedNavigate = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useFocusEffect: (func) => func(),
-  };
-});
 const wrapComponent = (summaryDetail) => (
   <SCProvider initState={mockSCStore({})}>
     <PowerConsumption summaryDetail={summaryDetail} />

package/src/screens/UnitSummary/components/RunningDevices/__test__/index.test.js

@@ -12,17 +12,6 @@ const wrapComponent = (unit, summaryDetail) => (
   </SCProvider>
 );
 
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => true,
-  };
-});
-
 const mockConnectHomeAssistant = jest.fn();
 jest.mock('../../../../../hooks/IoT', () => {
   return {
@@ -34,10 +23,6 @@ jest.mock('../../../../../hooks/IoT', () => {
 });
 
 describe('test RunningDevices', () => {
-  afterEach(() => {
-    mockedNavigate.mockClear();
-  });
-
   let list_svgMain = [
     '',
     'sensor',
@@ -128,7 +113,7 @@ describe('test RunningDevices', () => {
     await act(async () => {
       button[0].props.onPress();
     });
-    expect(mockedNavigate).toBeCalledWith('DeviceDetail', {
+    expect(global.mockedNavigate).toBeCalledWith('DeviceDetail', {
       sensorData: summaryDetail.devices[0],
       station: 'station',
       title: undefined,

package/src/screens/UnitSummary/components/Temperature/index.js

@@ -25,18 +25,21 @@ const Temperature = ({ summaryDetail }) => {
     () => [
       {
         id: temp,
+        key: 'temp',
         svgMain: <SvgTemperature />,
         title: `${t('text_temperature')}`,
         measure: '°C',
       },
       {
         id: humi,
+        key: 'humi',
         svgMain: <SvgHumidity />,
         title: `${t('text_humidity')}`,
         measure: '%',
       },
       {
         id: wind,
+        key: 'wind',
         svgMain: <SvgWind />,
         title: `${t('text_wind')}`,
         des: `${t('text_win_direction')}: ${windDirection || t('loading')}`,
@@ -44,6 +47,7 @@ const Temperature = ({ summaryDetail }) => {
       },
       {
         id: rain,
+        key: 'rain',
         svgMain: <SvgRain />,
         title: `${t('text_rain')}`,
         measure: '',
@@ -78,7 +82,7 @@ const Temperature = ({ summaryDetail }) => {
         <Today style={styles.textIndoor} />
         <View style={styles.boxTemperature}>
           {dataTemperature.map((item) => (
-            <ItemTemperature {...item} key={item.id} />
+            <ItemTemperature {...item} key={item.key} />
           ))}
         </View>
       </Section>

package/src/screens/UnitSummary/components/UvIndex/__test__/index.test.js

@@ -9,14 +9,6 @@ import api from '../../../../../utils/Apis/axios';
 
 new MockAdapter(api.axiosInstance);
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useFocusEffect: (func) => func(),
-  };
-});
-
 const wrapComponent = (data) => (
   <SCProvider initState={mockSCStore({})}>
     <UvIndex {...data} />

package/src/screens/UnitSummary/components/UvIndex/index.js

@@ -1,6 +1,6 @@
 import React, { memo, useMemo } from 'react';
 import { View } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors } from '../../../../configs';
@@ -37,7 +37,11 @@ const UvIndex = memo(({ summaryDetail }) => {
         <Today />
         <SegmentedRoundChart data={data} />
         <View style={styles.boxHealth}>
-          <IconOutline name="alert" size={20} style={styles.iconMargin} />
+          <MaterialCommunityIcons
+            name="alert-circle-outline"
+            size={20}
+            style={styles.iconMargin}
+          />
           <Text
             semibold
             color={Colors.Gray9}

package/src/screens/UnitSummary/components/WaterQuality/Item/index.js

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import { useNavigation } from '@react-navigation/native';
 
 import Text from '../../../../../commons/Text';
@@ -23,9 +23,9 @@ const Item = memo(({ id, svgMain, title, measure, des, color, waterType }) => {
         <Text>{title}</Text>
         {waterType && (
           <TouchableOpacity onPress={goToDetail} style={styles.buttonInfo}>
-            <IconOutline
+            <AntDesign
               style={styles.row}
-              name="info-circle"
+              name="infocirlceo"
               size={20}
               color={Colors.Black}
             />

package/src/screens/UnitSummary/components/WaterQuality/__test__/index.test.js

@@ -8,19 +8,9 @@ import { SCProvider } from '../../../../../context';
 import { mockSCStore } from '../../../../../context/mockStore';
 import MockAdapter from 'axios-mock-adapter';
 import api from '../../../../../utils/Apis/axios';
+import { useNavigation } from '@react-navigation/native';
 
 new MockAdapter(api.axiosInstance);
-const mockNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useNavigation: () => ({
-      navigate: mockNavigate,
-    }),
-    useFocusEffect: (func) => func(),
-  };
-});
 
 const wrapComponent = (data) => (
   <SCProvider initState={mockSCStore({})}>
@@ -29,10 +19,10 @@ const wrapComponent = (data) => (
 );
 
 describe('Test WaterQualityGuide', () => {
+  const { navigate } = useNavigation();
   let data;
   beforeEach(() => {
     Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
-    mockNavigate.mockClear();
     data = {
       summaryDetail: {
         ph_id: 1,
@@ -45,6 +35,7 @@ describe('Test WaterQualityGuide', () => {
           ph: 1,
           tur: 2,
           clo: 3,
+          temp: 4,
         },
       },
     };
@@ -83,25 +74,30 @@ describe('Test WaterQualityGuide', () => {
     await act(async () => {
       buttons[0].props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledTimes(1);
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.WaterQualityGuide, {
+    expect(navigate).toHaveBeenCalledTimes(1);
+    expect(navigate).toHaveBeenCalledWith(Routes.WaterQualityGuide, {
       waterType: 'turbidity',
     });
 
     await act(async () => {
       buttons[1].props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledTimes(2);
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.WaterQualityGuide, {
+    expect(navigate).toHaveBeenCalledTimes(2);
+    expect(navigate).toHaveBeenCalledWith(Routes.WaterQualityGuide, {
       waterType: 'ph',
     });
 
     await act(async () => {
       buttons[2].props.onPress();
     });
-    expect(mockNavigate).toHaveBeenCalledTimes(3);
-    expect(mockNavigate).toHaveBeenCalledWith(Routes.WaterQualityGuide, {
+    expect(navigate).toHaveBeenCalledTimes(3);
+    expect(navigate).toHaveBeenCalledWith(Routes.WaterQualityGuide, {
       waterType: 'clo',
     });
+
+    await act(async () => {
+      buttons[3].props.onPress();
+    });
+    expect(navigate).toHaveBeenCalledTimes(3); // not call navigate
   });
 });

package/src/screens/UnitSummary/components/__test__/UnitSummary.test.js

@@ -22,8 +22,8 @@ describe('Test UnitSummary', () => {
       tree = await create(<UnitSummary {...defaultProps} index={0} />);
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities[0].props.style).toEqual([
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities[0].props.style).toEqual([
       styles.summaryContainer,
       { borderTopLeftRadius: 10 },
     ]);
@@ -34,8 +34,8 @@ describe('Test UnitSummary', () => {
       tree = await create(<UnitSummary {...defaultProps} index={1} />);
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities[0].props.style).toEqual([
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities[0].props.style).toEqual([
       styles.summaryContainer,
       { borderTopRightRadius: 10 },
     ]);
@@ -46,8 +46,8 @@ describe('Test UnitSummary', () => {
       tree = await create(<UnitSummary {...defaultProps} index={1} len={2} />);
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities[0].props.style).toEqual([
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities[0].props.style).toEqual([
       styles.summaryContainer,
       { borderBottomRightRadius: 10 },
     ]);
@@ -58,8 +58,8 @@ describe('Test UnitSummary', () => {
       tree = await create(<UnitSummary {...defaultProps} index={2} len={3} />);
     });
     const instance = tree.root;
-    const TouchableOpacities = instance.findAllByType(TouchableOpacity);
-    expect(TouchableOpacities[0].props.style).toEqual([
+    const touchableOpacities = instance.findAllByType(TouchableOpacity);
+    expect(touchableOpacities[0].props.style).toEqual([
       styles.summaryContainer,
       { borderBottomLeftRadius: 10 },
     ]);

package/src/screens/UnitSummary/index.js

@@ -2,7 +2,7 @@ import React, { memo, useCallback, useEffect, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
+import AntDesign from 'react-native-vector-icons/AntDesign';
 import moment from 'moment';
 
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -129,9 +129,9 @@ const UnitSummary = memo(({ route }) => {
     fetchSummaryDetail();
   }, [fetchSummaryDetail, summary?.screen]);
 
-  const onRefresh = useCallback(() => {
+  const onRefresh = useCallback(async () => {
     setLoading(true);
-    fetchSummaryDetail();
+    await fetchSummaryDetail();
   }, [fetchSummaryDetail]);
 
   const { dataNotification } = useReceiveNotifications();
@@ -168,9 +168,9 @@ const UnitSummary = memo(({ route }) => {
                 accessibilityLabel={AccessibilityLabel.UNIT_SUMMARY_GUIDE_TOUCH}
                 onPress={() => navigation.navigate(GuideName)}
               >
-                <IconOutline
-                  name="info-circle"
-                  size={27}
+                <AntDesign
+                  name={'infocirlceo'}
+                  size={25}
                   color={Colors.Black}
                 />
               </TouchableOpacity>

package/src/utils/Apis/axios.js

@@ -17,7 +17,9 @@ const api = create({
 
 if (__DEV__ && process.env.NODE_ENV !== 'test') {
   api.axiosInstance.interceptors.request.use((request) => {
-    console.log(`${request.method.toUpperCase()} ${request.url || ''}`);
+    console.log(
+      `${new Date()} ${request.method.toUpperCase()} ${request.url || ''}`
+    );
     if (process.env.DEBUG_AXIOS_DETAIL_REQUEST) {
       if (request.data) {
         console.log(JSON.stringify(request.data));
@@ -28,7 +30,7 @@ if (__DEV__ && process.env.NODE_ENV !== 'test') {
   });
 
   api.axiosInstance.interceptors.response.use((response) => {
-    console.log(`${response.status} ${response.config.url}`);
+    console.log(`${new Date()} ${response.status} ${response.config.url}`);
     if (process.env.DEBUG_AXIOS_DETAIL_REQUEST) {
       console.log(response.data);
     }

package/src/utils/Converter/__test__/timer.test.js

@@ -17,6 +17,14 @@ describe('Test timer', () => {
     expect(result).toBe('1 seconds ago');
   });
 
+  it('Test timeDifference when previous is string', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      '2022-08-01T03:24:00'
+    );
+    expect(result).toBe('1 seconds ago');
+  });
+
   it('Test timeDifference when elapsed < msPerMinute and symbol=true', async () => {
     result = await timeDifference(
       new Date('2022-08-01T03:24:01'),

package/src/utils/Functions/preloadImages.js

@@ -7,7 +7,7 @@ export const preloadImagesFromUnits = async (units, storeKey) => {
   const isFirstTime = await getData(storeKey);
   if (units?.length && !isFirstTime) {
     await storeData(storeKey, 'true');
-    Promise.all(
+    const results = await Promise.all(
       units.map(async (item) => {
         const unitId =
           storeKey === STORAGE_KEY.IS_FIRST_TIME_LOAD_MY_UNITS
@@ -22,18 +22,17 @@ export const preloadImagesFromUnits = async (units, storeKey) => {
           return success && data;
         }
       })
-      // eslint-disable-next-line promise/prefer-await-to-then
-    ).then((results) => {
-      const icons = results
-        .map((item) => item?.stations?.map((i) => i?.background) || [])
-        .flat()
-        .filter(Boolean);
-      FastImage.preload(
-        icons.map((uri) => ({
-          uri,
-          priority: FastImage.priority.high,
-        }))
-      );
-    });
+    );
+
+    const icons = results
+      .map((item) => item?.stations?.map((i) => i?.background) || [])
+      .flat()
+      .filter(Boolean);
+    FastImage.preload(
+      icons.map((uri) => ({
+        uri,
+        priority: FastImage.priority.high,
+      }))
+    );
   }
 };

package/src/utils/Monitor.js

@@ -1,9 +1,8 @@
 import { getPusher, destroyPusher } from './Pusher';
 
-// eslint-disable-next-line promise/prefer-await-to-callbacks
-export const watchNotificationData = (user, callback) => {
+export const watchNotificationData = (user, handler) => {
   const channel = getPusher().subscribe(`private-user-${user.id}`);
-  channel.bind('new-notification', callback);
+  channel.bind('new-notification', handler);
 };
 
 export const unwatchNotificationData = (user) => {

package/src/utils/Route/index.js

@@ -19,7 +19,6 @@ const Routes = {
   EditSubUnit: 'EditSubUnit',
   Language: 'Language',
   SubUnit: 'SubUnit',
-  SubUnitDetail: 'SubUnitDetail',
   DeviceDetail: 'DeviceDetail',
   HanetCameraStack: 'HanetCameraStack',
   HanetCameraDetail: 'HanetCameraDetail',

package/src/utils/Storage.js

@@ -1,4 +1,4 @@
-import AsyncStorage from '@react-native-community/async-storage';
+import AsyncStorage from '@react-native-async-storage/async-storage';
 
 export const STORAGE_KEY = {
   FIREBASE_APP_CONFIG: 'app_config',