@eohjsc/react-native-smart-city 0.2.82 → 0.2.83

package/src/screens/SubUnit/__test__/AddSubUnit.test.js

@@ -199,4 +199,152 @@ describe('Test AddSubUnit', () => {
       visibilityTime: 1000,
     });
   });
+
+  test('test create Unit', async () => {
+    const response = {
+      success: true,
+      status: 200,
+      data: {
+        id: 2,
+      },
+    };
+    route.params = {
+      ...route.params,
+      location: 'Unit address',
+      isAddUnit: true,
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const viewButtonBottom = await makeValidateData(instance);
+
+    await act(async () => {
+      await viewButtonBottom.props.onRightClick();
+    });
+    expect(axios.post).toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      screen: Routes.UnitDetail,
+      params: {
+        unitId: response.data.id,
+        routeName: Routes.DashboardStack,
+      },
+    });
+  });
+
+  test('test choose Location', async () => {
+    route.params = {
+      ...route.params,
+      location: '',
+      isAddUnit: true,
+    };
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const buttonChooseLocation = instance.find(
+      (el) => el.props.testID === TESTID.ADD_SUB_UNIT_BUTTON_CHOOSE_LOCATION
+    );
+    act(() => {
+      buttonChooseLocation.props.onPress();
+    });
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddLocationMaps);
+  });
+
+  test('test create Unit Fail', async () => {
+    const response = {
+      success: false,
+      status: 400,
+    };
+    route.params = {
+      ...route.params,
+      location: 'Unit address',
+      isAddUnit: true,
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const viewButtonBottom = await makeValidateData(instance);
+
+    await act(async () => {
+      await viewButtonBottom.props.onRightClick();
+    });
+    expect(axios.post).toHaveBeenCalled();
+    expect(Toast.show).toHaveBeenCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'text_create_unit_fail'),
+      visibilityTime: 1000,
+    });
+  });
+
+  test('test create sub-unit type AddHassiDevice', async () => {
+    const response = {
+      status: 200,
+      success: true,
+      data: {},
+    };
+    route.params = {
+      ...route.params,
+      addType: 'AddHassiDevice',
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const viewButtonBottom = await makeValidateData(instance);
+    await act(async () => {
+      await viewButtonBottom.props.onRightClick();
+    });
+    expect(axios.post).toHaveBeenCalled();
+    expect(mockedGoBack).toHaveBeenCalled();
+  });
+
+  test('test create sub-unit type AddNewGateway', async () => {
+    const response = {
+      status: 200,
+      success: true,
+      data: {},
+    };
+    route.params = {
+      ...route.params,
+      addType: 'AddNewGateway',
+    };
+
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
+
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const viewButtonBottom = await makeValidateData(instance);
+    await act(async () => {
+      await viewButtonBottom.props.onRightClick();
+    });
+    expect(axios.post).toHaveBeenCalled();
+    expect(mockedNavigate).toHaveBeenCalledWith(Routes.AddCommonSelectSubUnit, {
+      ...route.params,
+    });
+  });
 });

package/src/screens/Unit/Detail.js

@@ -2,6 +2,7 @@ import React, { useCallback, useContext, useEffect, useState } from 'react';
 import { AppState, RefreshControl, View } from 'react-native';
 import { useIsFocused } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
+import { useNetInfo } from '@react-native-community/netinfo';
 
 import styles from './styles';
 import AddMenu from './AddMenu';
@@ -62,6 +63,7 @@ const UnitDetail = ({ route }) => {
     automates: [],
   });
   const [isGGHomeConnected, setIsGGHomeConnected] = useState(false);
+  const [isNetworkConnected, setIsNetworkConnected] = useState(true);
   const [station, setStation] = useState({});
   const [indexStation, setIndexStation] = useState(0);
   const [showAdd, setShowAdd, setHideAdd] = useBoolean();
@@ -73,6 +75,8 @@ const UnitDetail = ({ route }) => {
 
   const { isOwner } = useIsOwnerOfUnit(unit.user_id);
 
+  const netInfo = useNetInfo();
+
   const handleFullScreen = (data) => {
     setIsFullScreen(!isFullScreen);
     setDataFullScreen(data);
@@ -175,6 +179,10 @@ const UnitDetail = ({ route }) => {
     };
   }, [handleAppStateChange]);
 
+  useEffect(() => {
+    setIsNetworkConnected(netInfo.isConnected);
+  }, [netInfo.isConnected]);
+
   const handleGoogleHomeConnect = useCallback(
     async (options) => {
       let isConnected = await googleHomeConnect(options); // this may wrong if have multiple connection
@@ -281,6 +289,7 @@ const UnitDetail = ({ route }) => {
           isOwner={isOwner}
           favorites={favorites}
           wrapItemStyle={styles.wrapItemStyle}
+          isNetworkConnected={isNetworkConnected}
           isGGHomeConnected={isGGHomeConnected}
         />
       );
@@ -307,6 +316,7 @@ const UnitDetail = ({ route }) => {
         <ShortDetailSubUnit
           unit={unit}
           station={station}
+          isNetworkConnected={isNetworkConnected}
           isGGHomeConnected={isGGHomeConnected}
         />
       );

package/src/screens/Unit/Summaries.js

@@ -34,8 +34,8 @@ const Summaries = memo(({ unit }) => {
   const goToSummary = useCallback(
     (summary) => {
       navigation.navigate(Routes.UnitSummary, {
-        summary,
-        unit,
+        summaryData: summary,
+        unitData: unit,
       });
     },
     [navigation, unit]

package/src/screens/Unit/__test__/CheckSendEmail.test.js

@@ -26,6 +26,16 @@ jest.mock('../../../iot/RemoteControl/GoogleHome', () => ({
 
 jest.mock('axios');
 
+jest.mock('@react-native-community/netinfo', () => {
+  return {
+    useNetInfo: () => {
+      return {
+        isConnected: true,
+      };
+    },
+  };
+});
+
 const wrapComponent = (route, unitData, account) => (
   <SCProvider initState={mockSCStore({})}>
     <UnitDetail

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

@@ -62,6 +62,16 @@ jest.mock('home-assistant-js-websocket', () => {
   };
 });
 
+jest.mock('@react-native-community/netinfo', () => {
+  return {
+    useNetInfo: () => {
+      return {
+        isConnected: true,
+      };
+    },
+  };
+});
+
 jest.mock('axios');
 
 describe('Test UnitDetail', () => {

package/src/screens/Unit/components/__test__/SharedUnit.test.js

@@ -12,10 +12,15 @@ import { mockSCStore } from '../../../../context/mockStore';
 
 jest.mock('axios');
 
+const mockRenewItem = jest.fn();
 const wrapComponent = (item, navigation) => (
   <SCProvider initState={mockSCStore({})}>
-    <SharedUnit item={item} navigation={navigation} />
-    );
+    <SharedUnit
+      item={item}
+      navigation={navigation}
+      renewItem={mockRenewItem}
+      index={0}
+    />
   </SCProvider>
 );
 
@@ -55,6 +60,13 @@ describe('Test SharedUnit', () => {
 
   test('test create SharedUnit unit is not pin, not star', async () => {
     const navigation = useNavigation();
+    const response = {
+      status: 200,
+      success: true,
+    };
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
 
     await act(async () => {
       tree = await create(wrapComponent(item, navigation));
@@ -100,6 +112,13 @@ describe('Test SharedUnit', () => {
     const navigation = useNavigation();
     item.is_pin = true;
     item.is_star = true;
+    const response = {
+      status: 200,
+      success: true,
+    };
+    axios.post.mockImplementation(async () => {
+      return response;
+    });
 
     await act(async () => {
       tree = await create(wrapComponent(item, navigation));

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

@@ -43,10 +43,10 @@ describe('Test UnitSummary', () => {
     Date.now = jest.fn(() => new Date('2021-01-24T12:00:00.000Z'));
     route = {
       params: {
-        unit: {
+        unitData: {
           id: 1,
         },
-        summary: {
+        summaryData: {
           id: 1,
           name: '',
           screen: Routes.AirQuality,
@@ -155,7 +155,7 @@ describe('Test UnitSummary', () => {
 
   list_value.forEach((value, index) => {
     test(`create Unit Summarty Detail ${value}`, async () => {
-      route.params.summary.screen = value;
+      route.params.summaryData.screen = value;
       await act(async () => {
         tree = await create(wrapComponent(route));
       });

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

@@ -113,10 +113,10 @@ describe('test RunningDevices', () => {
     });
     expect(mockedNavigate).toBeCalledWith('DeviceDetail', {
       isGGHomeConnected: false,
-      sensor: summaryDetail.devices[0],
+      sensorData: summaryDetail.devices[0],
       station: 'station',
       title: undefined,
-      unit: unit,
+      unitData: unit,
     });
   });
 });

package/src/screens/UnitSummary/index.js

@@ -23,15 +23,17 @@ import { timeDifference } from '../../utils/Converter/time';
 
 const UnitSummary = memo(({ route }) => {
   const t = useTranslations();
-  const { unit, summary } = route.params;
+  const { unitData, unitId, summaryData, summaryId } = route.params;
   const [summaryDetail, setSummaryDetail] = useState({});
+  const [unit, setUnit] = useState(unitData || { id: unitId });
+  const [summary, setSummary] = useState(summaryData || { id: summaryId });
 
   const [loading, setLoading] = useState(false);
   const [lastUpdated, setLastUpdated] = useState();
   const navigation = useNavigation();
 
   const getComponentAndGuide = useCallback(() => {
-    switch (summary.screen) {
+    switch (summary?.screen) {
       case Routes.AirQuality:
         return {
           guideName: Routes.AQIGuide,
@@ -66,12 +68,17 @@ const UnitSummary = memo(({ route }) => {
         return {
           componentName: ThreePhasePowerConsumption,
         };
+      default:
+        return {
+          guideName: null,
+          componentName: null,
+        };
     }
-  }, [summary.screen]);
+  }, [summary?.screen]);
 
   const fetchSummaryDetail = useCallback(async () => {
     const { success, data } = await axiosGet(
-      API.UNIT.UNIT_SUMMARY_DETAIL(unit.id, summary.id),
+      API.UNIT.UNIT_SUMMARY_DETAIL(unit?.id, summary?.id),
       {},
       true
     );
@@ -80,7 +87,41 @@ const UnitSummary = memo(({ route }) => {
       setSummaryDetail(data.data);
       setLastUpdated(data.data.last_updated);
     }
-  }, [summary.id, unit.id]);
+  }, [summary?.id, unit?.id]);
+
+  const fetchUnitDetail = useCallback(async () => {
+    const { success, data } = await axiosGet(
+      API.UNIT.UNIT_DETAIL(unit?.id),
+      {},
+      true
+    );
+    if (success) {
+      setUnit(data);
+    }
+  }, [unit.id]);
+
+  const fetchUnitSummary = useCallback(async () => {
+    const { success, data } = await axiosGet(
+      API.UNIT.UNIT_SUMMARY(unit?.id),
+      {}
+    );
+    if (success) {
+      const newData = data.filter((item) => item.id === summaryId);
+      setSummary(newData[0] || {});
+    }
+  }, [summaryId, unit?.id]);
+
+  useEffect(() => {
+    if (!unitData && unitId) {
+      fetchUnitDetail();
+    }
+  }, [fetchUnitDetail, unitData, unitId]);
+
+  useEffect(() => {
+    if (!summaryData && summaryId) {
+      fetchUnitSummary();
+    }
+  }, [fetchUnitSummary, summaryData, summaryId]);
 
   useEffect(() => {
     setLoading(true);
@@ -99,8 +140,8 @@ const UnitSummary = memo(({ route }) => {
   }, [fetchSummaryDetail]);
 
   const UnitSummaryDetail = getComponentAndGuide();
-  const ComponentName = UnitSummaryDetail.componentName;
-  const GuideName = UnitSummaryDetail.guideName;
+  const ComponentName = UnitSummaryDetail?.componentName;
+  const GuideName = UnitSummaryDetail?.guideName;
 
   const lastUpdatedStr = lastUpdated
     ? `${t('last_updated')} ${timeDifference(moment(), moment(lastUpdated))}`
@@ -109,7 +150,7 @@ const UnitSummary = memo(({ route }) => {
   return (
     <View style={[styles.container]}>
       <WrapHeaderScrollable
-        title={summary.name}
+        title={summary?.name}
         subTitle={lastUpdatedStr}
         rightComponent={
           GuideName ? (
@@ -130,7 +171,9 @@ const UnitSummary = memo(({ route }) => {
         loading={loading}
         onRefresh={onRefresh}
       >
-        <ComponentName summaryDetail={summaryDetail} unit={unit} />
+        {ComponentName && (
+          <ComponentName summaryDetail={summaryDetail} unit={unit} />
+        )}
       </WrapHeaderScrollable>
     </View>
   );

package/src/utils/I18n/translations/en.json

@@ -668,6 +668,13 @@
   "text_notification_content_pay_fine_successfully": "Your violation **%{booking}** has been paid successfully.",
   "text_notification_content_pay_fine_and_extend_successfully": "Your violation **%{booking_id_old}** has been paid successfully. The new parking session **%{booking_id_new}** is now extended until **%{leave_time}**.",
   "text_notification_content_stop_violation_free_parking_zone": "Free parking zone. You have an unpaid violation. Please complete your fine.",
+  "text_notification_content_air_quality_high": "The Air Quality index at **%{unit_name}** is **%{status}**. Wear a mask and reduce outdoor exercise.",
+  "text_notification_content_uv_index_high": "The UV index at **%{unit_name}** is **%{status}**. Reduce time in the sun and protect your skin, eye.",
+  "text_notification_content_pH_index_high": "The pH index at **%{unit_name}** is **%{status}**. Water is not safe to drink.",
+  "text_notification_content_clo_high": "The Chlorine residual at **%{unit_name}** is **%{status}**. Water is not safe to drink.",
+  "text_notification_content_turbility_high": "The Turbility at **%{unit_name}** is **%{status}**. Water is not safe to drink.",
+  "text_notification_content_smoke": "Smoke appears in **%{unit_name}**. Please check your home and call the rescue team if there is a fire.",
+  "text_notification_content_fire": "There is a fire at **%{unit_name}**, Please move out of the house immediately and call the rescue team.",
   "text_notification_content_remove_unit_to_owner": "Unit **%{unit_name}** has been removed successfully.",
   "text_notification_content_remove_unit_to_member": "Unit **%{unit_name}** has been removed by **%{unit_owner_name}**. You cannot access to this unit anymore.",
   "text_notification_content_remove_member": "You were remove from **%{unit_name}** by **%{unit_owner_name}**. You cannot access to this unit anymore.",

package/src/utils/I18n/translations/vi.json

@@ -676,6 +676,13 @@
   "text_notification_content_pay_fine_successfully": "Đỗ xe vi phạm **%{booking}** của bạn đã được thanh toán.",
   "text_notification_content_pay_fine_and_extend_successfully": "Đỗ xe vi phạm **%{oldbooking}** của bạn đã được thanh toán thành công. Phiên đỗ xe mới **%{newbooking}** sẽ kết thúc vào lúc **%{time}**.",
   "text_notification_content_stop_violation_free_parking_zone": "Thời gian đậu xe miễn phí. Bạn có một vi phạm chưa được thanh toán. Vui lòng hoàn thành tiền phạt của bạn.",
+  "text_notification_content_air_quality_high": "Chỉ số AQI tại **%{unit_name}** đang ở mức **%{status}**. Đeo khẩu trang và giảm các hoạt động ngoài trời để bảo vệ sức khoẻ của bạn.",
+  "text_notification_content_uv_index_high": "Chỉ số UV tại **%{unit_name}** đang ở mức **%{status}**. Giảm thời gian ngoài trời và bảo vệ da, mắt khỏi ánh nắng mặt trời.",
+  "text_notification_content_pH_index_high": "Độ pH của nước tại **%{unit_name}** đang ở mức **%{status}**. Nước không đảm bảo an toàn để uống.",
+  "text_notification_content_clo_high": "Độ clo của nước tại **%{unit_name}** đang ở mức **%{status}**. Nước không đảm bảo an toàn để uống.",
+  "text_notification_content_turbility_high": "Độ đục của nước tại **%{unit_name}** đang ở mức **%{status}**. Nước không đảm bảo an toàn để uống.",
+  "text_notification_content_smoke": "Xuất hiện khói tại **%{unit_name}**. Vui lòng kiểm tra nhà của bạn và gọi cho đội cứu hộ nếu xảy ra hỏa hoạn.",
+  "text_notification_content_fire": "Có đám cháy tại **%{unit_name}**, Vui lòng di chuyển ra khỏi nhà ngay lập tức và gọi cho đội cứu hộ.",
   "text_notification_content_remove_unit_to_owner": "Địa điểm **%{unit_name}** vừa được xoá thành công.",
   "text_notification_content_remove_unit_to_member": "Địa điểm **%{unit_name}** vừa được xoá bởi **%{unit_owner_name}**. Bạn không thể truy cập vào địa điểm này được nữa.",
   "text_notification_content_remove_member": "Bạn vừa được xoá khỏi **%{unit_name}** bởi **%{unit_owner_name}**. Bạn không thể truy cập vào địa điểm này được nữa.",