@eohjsc/react-native-smart-city 0.3.48 → 0.3.50

package/src/screens/Gateway/hooks/__test__/index.test.js

@@ -0,0 +1,93 @@
+import { act, renderHook } from '@testing-library/react-hooks';
+import MockAdapter from 'axios-mock-adapter';
+import Toast from 'react-native-toast-message';
+
+import api from '../../../../utils/Apis/axios';
+import { API } from '../../../../configs';
+import { useGateway } from '../useGateway';
+
+const mock = new MockAdapter(api.axiosInstance);
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useNavigation: () => ({
+      pop: jest.fn(),
+    }),
+  };
+});
+describe('Test useGateway', () => {
+  let hook;
+  beforeEach(async () => {
+    await act(() => {
+      hook = renderHook(() => useGateway());
+    });
+  });
+  afterEach(() => {
+    mock.reset();
+    Toast.show.mockClear();
+  });
+
+  it('test useGateway fetchDataDetailGateway', async () => {
+    mock
+      .onGet(API.DEV_MODE.GATEWAY.DETAIL(1))
+      .reply(200, [{ id: 1, name: 'chip 1' }]);
+
+    await act(async () => {
+      await hook.result.current.fetchDataDetailGateway(1);
+    });
+    expect(hook.result.current.gatewayDetail).toEqual([
+      { id: 1, name: 'chip 1' },
+    ]);
+  });
+
+  it('test useGateway fetchDataGateways', async () => {
+    mock
+      .onGet(API.DEV_MODE.GATEWAY.LIST())
+      .reply(200, { results: [{ id: 1, name: 'chip 1' }] });
+
+    await act(async () => {
+      await hook.result.current.fetchDataGateways();
+    });
+    expect(hook.result.current.gateways).toEqual([{ id: 1, name: 'chip 1' }]);
+  });
+
+  it('test useGateway fetchDevicesGateway isModbus', async () => {
+    mock
+      .onGet(API.DEV_MODE.MODBUS.DEVICE(1))
+      .reply(200, [{ id: 1, name: 'device 1' }]);
+
+    await act(async () => {
+      await hook.result.current.fetchDevicesGateway(1, true, false);
+    });
+    expect(hook.result.current.gatewayDevices?.modbus).toEqual([
+      { id: 1, name: 'device 1' },
+    ]);
+  });
+
+  it('test useGateway fetchDevicesGateway isZigbee', async () => {
+    mock
+      .onGet(API.DEV_MODE.ZIGBEE.DEVICE(1))
+      .reply(200, [{ id: 1, name: 'device 1' }]);
+
+    await act(async () => {
+      await hook.result.current.fetchDevicesGateway(1, false, true);
+    });
+    expect(hook.result.current.gatewayDevices?.zigbee).toEqual([
+      { id: 1, name: 'device 1' },
+    ]);
+  });
+
+  it('test useGateway deleteGatewayDetail', async () => {
+    mock.onDelete(API.DEV_MODE.GATEWAY.DETAIL(1)).reply(200);
+    await act(async () => {
+      await hook.result.current.deleteGatewayDetail(1);
+    });
+    expect(Toast.show).toBeCalledWith({
+      position: 'bottom',
+      text1: 'Delete successfully!',
+      text2: undefined,
+      type: 'success',
+      visibilityTime: 1000,
+    });
+  });
+});

package/src/screens/Gateway/hooks/useGateway.js

@@ -1,38 +1,132 @@
 import { useCallback, useState } from 'react';
-import { axiosGet } from '../../../utils/Apis/axios';
+import { useNavigation } from '@react-navigation/native';
+
+import { ToastBottomHelper } from '../../../utils/Utils';
+import { axiosGet, axiosDelete } from '../../../utils/Apis/axios';
 import API from '../../../configs/API';
+import t from '../../../hooks/Common/useTranslations';
 
-export default () => {
-  const [loading, setLoading] = useState(true);
-  const [gateways, setGateways] = useState([]);
+export const useGateway = () => {
+  const navigation = useNavigation();
+  const [refresh, setRefresh] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(0);
   const [nameSearch, setNameSearch] = useState('');
+  const [gateways, setGateways] = useState([]);
   const [gatewayDetail, setGatewayDetail] = useState([]);
+  const [gatewayDevices, setGatewayDevices] = useState({});
+  const [detailDeviceZigbee, setDetailDeviceZigbee] = useState({});
+  const [detailDeviceModbus, setDetailDeviceModbus] = useState({});
 
-  const fetchDataDetail = useCallback(async () => {
-    setLoading(true);
-    const { success, data } = await axiosGet(API.DEV_MODE.GATEWAY.LIST());
+  const fetchDataDetailGateway = useCallback(async (id) => {
+    const { success, data } = await axiosGet(API.DEV_MODE.GATEWAY.DETAIL(id));
+    success && setGatewayDetail(data || []);
+  }, []);
+
+  const fetchRegistersModbus = useCallback(async (gatewayId, deviceId) => {
+    const { success, data } = await axiosGet(
+      API.DEV_MODE.MODBUS.REGISTER(gatewayId, deviceId)
+    );
     if (success) {
-      setGatewayDetail(data?.results || []);
+      const config_read =
+        data?.filter((register) => [1, 2, 3, 4].includes(register.func)) || [];
+      const config_write =
+        data?.filter((register) => ![1, 2, 3, 4].includes(register.func)) || [];
+
+      setDetailDeviceModbus((prev) => ({ ...prev, config_read, config_write }));
+    }
+  }, []);
+
+  const fetchActionsModbus = useCallback(async (gatewayId, deviceId) => {
+    const { success, data } = await axiosGet(
+      API.DEV_MODE.MODBUS.ACTION(gatewayId, deviceId)
+    );
+    success && setDetailDeviceModbus((prev) => ({ ...prev, actions: data }));
+  }, []);
+
+  const deleteGatewayDetail = useCallback(
+    async (id, numberGoBack = 1) => {
+      const { success } = await axiosDelete(API.DEV_MODE.GATEWAY.DETAIL(id));
+      success && ToastBottomHelper.success(t('delete_successfully'));
+      success && navigation.pop(numberGoBack);
+    },
+    [navigation]
+  );
+  const deleteDeviceDetail = useCallback(
+    async (gatewayId, deviceId, isZigbee, isModbus, numberGoBack = 1) => {
+      let success;
+      if (isZigbee) {
+        success = await axiosDelete(
+          API.DEV_MODE.ZIGBEE.DEVICE_DETAIL(gatewayId, deviceId)
+        );
+        success && setGatewayDevices((prev) => ({ ...prev, zigbee: [] }));
+      }
+      if (isModbus) {
+        success = await axiosDelete(
+          API.DEV_MODE.MODBUS.DEVICE_DETAIL(gatewayId, deviceId)
+        );
+        success && setGatewayDevices((prev) => ({ ...prev, modbus: [] }));
+      }
+      success && ToastBottomHelper.success(t('delete_successfully'));
+      success && navigation.pop(numberGoBack);
+    },
+    [navigation]
+  );
+
+  const fetchActionConfigDevice = useCallback(
+    async (gatewayId, deviceId, isConfig, isAction) => {
+      if (isConfig) {
+        const { success, data } = await axiosGet(
+          API.DEV_MODE.ZIGBEE.CONFIG_MAP(gatewayId, deviceId)
+        );
+        success &&
+          setDetailDeviceZigbee((prev) => ({ ...prev, configs: data }));
+      }
+      if (isAction) {
+        const { success, data } = await axiosGet(
+          API.DEV_MODE.ZIGBEE.ACTION(gatewayId, deviceId)
+        );
+        success &&
+          setDetailDeviceZigbee((prev) => ({ ...prev, actions: data }));
+      }
+    },
+    []
+  );
+
+  const fetchDevicesGateway = useCallback(async (id, isModbus, isZigbee) => {
+    if (isModbus) {
+      const { success, data } = await axiosGet(API.DEV_MODE.MODBUS.DEVICE(id));
+      success && setGatewayDevices((prev) => ({ ...prev, modbus: data }));
+    }
+    if (isZigbee) {
+      const { success, data } = await axiosGet(API.DEV_MODE.ZIGBEE.DEVICE(id));
+      success && setGatewayDevices((prev) => ({ ...prev, zigbee: data }));
     }
-    setLoading(false);
   }, []);
 
   const fetchDataGateways = useCallback(async () => {
-    setLoading(true);
     const { success, data } = await axiosGet(API.DEV_MODE.GATEWAY.LIST());
-    if (success) {
-      setGateways(data?.results || []);
-    }
-    setLoading(false);
+    success && setGateways(data?.results || []);
   }, []);
 
   return {
     gateways,
     fetchDataGateways,
-    loading,
+    setRefresh,
+    refresh,
     setNameSearch,
     nameSearch,
     gatewayDetail,
-    fetchDataDetail,
+    fetchDataDetailGateway,
+    fetchDevicesGateway,
+    deleteGatewayDetail,
+    deleteDeviceDetail,
+    fetchActionConfigDevice,
+    fetchRegistersModbus,
+    fetchActionsModbus,
+    gatewayDevices,
+    setSelectedIndex,
+    selectedIndex,
+    detailDeviceZigbee,
+    detailDeviceModbus,
   };
 };

package/src/screens/Gateway/index.js

@@ -8,15 +8,21 @@ import { Text } from '../../commons';
 import styles from './styles';
 import { Search, EmptyComponent } from '../../commons/DevMode';
 import GatewayItem from './components/GatewayItem';
-import useGateway from './hooks/useGateway';
+import { useGateway } from './hooks/useGateway';
 import Routes from '../../utils/Route';
 
 const Gateway = ({ route }) => {
   const t = useTranslations();
   const isFocused = useIsFocused();
   const { navigate } = useNavigation();
-  const { gateways, fetchDataGateways, setNameSearch, nameSearch } =
-    useGateway();
+  const {
+    gateways,
+    fetchDataGateways,
+    setNameSearch,
+    nameSearch,
+    refresh,
+    setRefresh,
+  } = useGateway();
 
   const goGoDetail = useCallback(
     (item) => () => {
@@ -50,6 +56,12 @@ const Gateway = ({ route }) => {
     [goGoDetail]
   );
 
+  const onRefresh = useCallback(() => {
+    setRefresh(true);
+    fetchDataGateways();
+    setRefresh(false);
+  }, [fetchDataGateways, setRefresh]);
+
   useEffect(() => {
     isFocused && fetchDataGateways();
   }, [isFocused, fetchDataGateways]);
@@ -64,7 +76,11 @@ const Gateway = ({ route }) => {
       </Text>
       <Search onSearch={setNameSearch} />
       <FlatList
+        onRefresh={onRefresh}
+        refreshing={refresh}
         columnWrapperStyle={styles.spaceBetween}
+        showsVerticalScrollIndicator={false}
+        showsHorizontalScrollIndicator={false}
         contentContainerStyle={styles.contentContainerStyle}
         keyExtractor={(item) => item?.id}
         data={gatewaysSearched}

package/src/screens/Gateway/styles.js

@@ -1,30 +1,28 @@
 import { StyleSheet } from 'react-native';
-import { Colors, Constants } from '../../configs';
+import { Colors } from '../../configs';
 
 export default StyleSheet.create({
   wrap: {
     flex: 1,
     paddingTop: 16,
     paddingHorizontal: 16,
-    backgroundColor: Colors.Gray2,
+    backgroundColor: Colors.White,
   },
   textTitle: {
     fontStyle: 'normal',
-    fontWeight: 650,
+    fontWeight: '600',
     fontSize: 28,
     lineHeight: 36,
-    marignBottom: 16,
-  },
-  scrollview: {
-    flex: 1,
   },
   contentContainerStyle: {
+    flex: 1,
     flexDirection: 'column',
+    height: 'auto',
   },
   wrapEmpty: {
+    flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    height: Constants.height - 330,
   },
   spaceBetween: {
     justifyContent: 'space-between',

package/src/screens/Gateway/utils/index.js

@@ -0,0 +1,16 @@
+/* eslint-disable no-bitwise */
+export const splitHexValue = (decValue) => {
+  const hexValue = decValue.toString(16).padStart(4, '0');
+  return [
+    parseInt(hexValue.substring(0, 2), 16),
+    parseInt(hexValue.substring(2), 16),
+  ];
+};
+
+export const calculateStartAddress = (sa1, sa2) => {
+  return (sa1 << 8) | sa2;
+};
+
+export const calculateLength = (len1, len2) => {
+  return (len1 << 8) | len2;
+};

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

@@ -20,13 +20,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockGoBack = jest.fn();
 jest.mock('@react-navigation/native', () => {
   return {

package/src/screens/HanetCamera/__test__/CaptureFaceID.test.js

@@ -17,13 +17,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 jest.mock('@react-navigation/native', () => {

package/src/screens/HanetCamera/__test__/Detail.test.js

@@ -33,13 +33,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 describe('Test HanetCameraDetail', () => {
   Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
   let tree, route, responseDisplay, responseCheckin;

package/src/screens/HanetCamera/__test__/ManageAccess.test.js

@@ -21,13 +21,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockedNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
   return {

package/src/screens/HanetCamera/__test__/MemberInfo.test.js

@@ -20,13 +20,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockedNavigate = jest.fn();
 const mockedGoBack = jest.fn();
 jest.mock('@react-navigation/native', () => {

package/src/screens/ManageAccess/__test__/ManageAccess.test.js

@@ -16,12 +16,6 @@ const mock = new MockAdapter(api.axiosInstance);
 
 const mockUseIsFocused = jest.fn();
 const mockedNavigate = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
 
 jest.mock('@react-navigation/native', () => {
   return {

package/src/screens/ManageAccess/hooks/__test__/useManageAccess.test.js

@@ -6,13 +6,6 @@ import api from '../../../../utils/Apis/axios';
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 describe('Test Use Manage Access', () => {
   const unit = { id: 1, name: 'unit name' };
   const sensor = {

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

@@ -24,13 +24,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
     <MoveToAnotherSubUnit route={route} />

package/src/screens/Notification/__test__/Notification.test.js

@@ -18,13 +18,6 @@ const wrapComponent = () => (
 
 const mock = new MockAdapter(api.axiosInstance);
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 jest.mock('react-native-onesignal', () => {
   return {
     disablePush: jest.fn(),

package/src/screens/Notification/__test__/NotificationItem.test.js

@@ -165,6 +165,7 @@ describe('test NotificationItem', () => {
     NOTIFICATION_TYPES.FIRE,
     NOTIFICATION_TYPES.SOS,
     NOTIFICATION_TYPES.FILTER_WATER,
+    NOTIFICATION_TYPES.LOW_BATTERY,
   ];
   for (const content_code of listSensorType2) {
     test(`create ItemNotification ${content_code}`, async () => {

package/src/screens/Notification/components/NotificationItem.js

@@ -187,6 +187,21 @@ const NotificationItem = memo(({ item }) => {
             }),
           iconContent: <Image source={Images.logo} style={styles.logo} />,
         };
+      case NOTIFICATION_TYPES.LOW_BATTERY:
+        return {
+          content: customColorText(t('text_notification_content_low_battery')),
+          redirect: () =>
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.DeviceDetail,
+              params: {
+                unitId,
+                sensorId,
+              },
+            }),
+          iconContent: (
+            <IconComponent iconKit={icon} style={styles.iconNotification} />
+          ),
+        };
       case NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT:
         return {
           content: customColorText(
@@ -342,7 +357,7 @@ const NotificationItem = memo(({ item }) => {
       default:
         return null;
     }
-  }, [content_code, customColorText, navigation, params, t]);
+  }, [content_code, customColorText, icon, navigation, params, t]);
 
   const { content, redirect, iconContent } = renderItem() || {};
 

package/src/screens/Notification/index.js

@@ -96,6 +96,7 @@ const Notification = memo(() => {
         onLoadMore={handleOnLoadMore}
         onRefresh={onRefresh}
         disableLoadMore={page >= maxPageNotification}
+        styleScrollView={styles.styleScrollView}
       >
         {notifications.map((item, index) => (
           <NotificationItem item={item} key={index} />

package/src/screens/Notification/styles/indexStyles.js

@@ -16,4 +16,7 @@ export default StyleSheet.create({
   iconPlus: {
     marginRight: 22,
   },
+  styleScrollView: {
+    marginTop: -10,
+  },
 });

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

@@ -37,7 +37,6 @@ jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
     useState: jest.fn((init) => [init, mockSetState]),
-    memo: (x) => x,
   };
 });
 

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

@@ -27,13 +27,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockGoBack = jest.fn();
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {

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

@@ -22,7 +22,6 @@ const mockNavigate = jest.fn();
 jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
-    memo: (x) => x,
     useState: jest.fn((init) => [init, mockSetState]),
   };
 });

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

@@ -21,13 +21,6 @@ const wrapComponent = (route) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockNavigate = jest.fn();
 const mockGoBack = jest.fn();
 const mockDispatch = jest.fn();

package/src/screens/Sharing/Components/__test__/DeviceItem.test.js

@@ -7,13 +7,6 @@ import DeviceItem from '../DeviceItem';
 import { Text } from 'react-native';
 import { AccessibilityLabel } from '../../../../configs/Constants';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnTickedDevice = jest.fn();
 const mockOnTickedChild = jest.fn();
 const wrapComponent = (item) => (

package/src/screens/Sharing/Components/__test__/ItemChangeRole.test.js

@@ -6,13 +6,6 @@ import { mockSCStore } from '../../../../context/mockStore';
 import ItemChangeRole from '../ItemChangeRole';
 import { TouchableOpacity } from 'react-native';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnPress = jest.fn();
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>

package/src/screens/Sharing/Components/__test__/TitleCheckBox.test.js

@@ -6,13 +6,6 @@ import { mockSCStore } from '../../../../context/mockStore';
 import TitleCheckBox from '../TitleCheckBox';
 import { CheckBoxCustom } from '..';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnPress = jest.fn();
 const wrapComponent = (idGroup, id) => (
   <SCProvider initState={mockSCStore({})}>

package/src/screens/Sharing/SelectPermission.js

@@ -8,7 +8,7 @@ import Text from '../../commons/Text';
 import { DeviceItem, TitleCheckBox } from './Components';
 import styles from './Styles/SelectPermissionStyles';
 import { axiosGet, axiosPost } from '../../utils/Apis/axios';
-import { object_Ids } from '../../utils/Utils';
+import { objectIds } from '../../utils/Utils';
 import Routes from '../../utils/Route';
 import { API, Colors } from '../../configs';
 import { AccessibilityLabel } from '../../configs/Constants';
@@ -174,7 +174,7 @@ const SelectPermission = ({ route }) => {
     if (isUpdateSharedDevice) {
       if (hasDataChecked) {
         const { stationIds, deviceIds, actionIds, configIds } =
-          object_Ids(dataDeviceShared);
+          objectIds(dataDeviceShared);
         for (let station in dataStations) {
           for (let item in dataStations[station].devices) {
             const itemTemp = dataStations[station].devices[item];

package/src/screens/Sharing/__test__/InfoMemberUnit.test.js

@@ -21,12 +21,6 @@ jest.mock('../../../hooks/Common', () => {
 });
 const mockUseIsFocused = jest.fn();
 const mockedNavigate = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
 
 const mockGoBack = jest.fn();