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

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

@@ -11,6 +11,17 @@ import { mockSCStore } from '../../../context/mockStore';
 
 jest.mock('axios');
 
+const mockNavigate = jest.fn();
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+    useNavigation: () => ({
+      navigate: mockNavigate,
+    }),
+  };
+});
+
 const mockedDispatch = jest.fn();
 jest.mock('react-redux', () => ({
   useSelector: jest.fn(),
@@ -42,6 +53,11 @@ describe('Test Manage Unit', () => {
     },
   };
 
+  beforeEach(() => {
+    mockNavigate.mockClear();
+    axios.get.mockClear();
+  });
+
   const getElement = (instance) => {
     const changeName = instance.findAll(
       (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_NAME
@@ -207,4 +223,57 @@ describe('Test Manage Unit', () => {
     spyToast.mockReset();
     spyToast.mockRestore();
   });
+  test('test onPress onUpdateImage', async () => {
+    await act(async () => {
+      tree = create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    const imagePicker = instance.find(
+      (item) => item.props.testID === TESTID.MANAGE_UNIT_IMAGE_PICKER
+    );
+
+    const handleChoosePhoto = instance.findAll(
+      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_PHOTO
+    );
+
+    act(() => {
+      handleChoosePhoto[0].props.onPress();
+      handleChoosePhoto[1].props.onPress();
+      imagePicker.props.setImageUrl('abc');
+    });
+
+    expect(axios.patch).toBeCalled();
+    expect(imagePicker.props.showImagePicker).toBeTruthy();
+  });
+  test('test onPress goSelectLocation', async () => {
+    await act(async () => {
+      tree = create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    const buttonWrapper = instance.find(
+      (item) => item.props.testID === TESTID.MANAGE_UNIT_CHANGE_LOCATION
+    );
+
+    act(() => {
+      buttonWrapper.props.onPress();
+    });
+    expect(mockNavigate).toBeCalled();
+  });
+  test('test onPress goToManageSubUnit', async () => {
+    await act(async () => {
+      tree = create(wrapComponent(route));
+    });
+    const instance = tree.root;
+
+    const buttonWrapper = instance.find(
+      (item) => item.props.testID === TESTID.MANAGE_UNIT_GO_TO_SUBUNIT
+    );
+
+    act(() => {
+      buttonWrapper.props.onPress();
+    });
+    expect(mockNavigate).toBeCalled();
+  });
 });

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

@@ -6,21 +6,22 @@ import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import ListSmartAccount from '../SmartAccount';
 import { SmartAccountItem } from '../SmartAccountItem';
-import { MenuActionMore } from '../../../commons';
+import { AlertAction, MenuActionMore } from '../../../commons';
+import Routes from '../../../utils/Route';
 
 const wrapComponent = (route, navigation) => (
   <SCProvider initState={mockSCStore({})}>
-    <ListSmartAccount />
+    <ListSmartAccount route={route} />
   </SCProvider>
 );
 
-const mockedNavigate = jest.fn();
-
+const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
   return {
     ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
     useNavigation: () => ({
-      goBack: mockedNavigate,
+      navigate: mockNavigate,
     }),
   };
 });
@@ -35,8 +36,13 @@ jest.mock('react', () => {
 jest.mock('axios');
 describe('Test SmartAccount', () => {
   let tree;
+  let route = {
+    params: {
+      unitId: 1,
+    },
+  };
   test('test render SmartAccount', async () => {
-    axios.get.mockImplementationOnce(() => ({
+    const reponse = {
       status: 200,
       data: [
         {
@@ -58,14 +64,25 @@ describe('Test SmartAccount', () => {
           username: 'loitest3',
         },
       ],
-    }));
+    };
+    axios.get.mockImplementationOnce(() => reponse);
     await act(async () => {
-      tree = await renderer.create(wrapComponent());
+      tree = await renderer.create(wrapComponent(route));
     });
     const instance = tree.root;
 
     const smartAccountItem = instance.findAllByType(SmartAccountItem);
     expect(smartAccountItem.length).toEqual(3);
+    act(() => {
+      smartAccountItem[0].props.gotoSmartAccountDetail(reponse.data[0]);
+      smartAccountItem[0].props.onShowMenuMore(reponse.data[0]);
+    });
+    expect(mockNavigate).toBeCalledWith(Routes.ListDeviceSmartAccount, {
+      username: reponse.data[0].username,
+      brand: reponse.data[0].brand,
+      smart_account_id: reponse.data[0].id,
+      unit_id: route.params.unitId,
+    });
   });
 
   test('test render SmartAccountItem', async () => {
@@ -79,4 +96,16 @@ describe('Test SmartAccount', () => {
     });
     expect(menuActionMore.props.isVisible).toEqual(false);
   });
+
+  test('test render AlertAction', async () => {
+    await act(async () => {
+      tree = await renderer.create(wrapComponent());
+    });
+    const instance = tree.root;
+    const alertAction = instance.findByType(AlertAction);
+    await act(async () => {
+      alertAction.props.leftButtonClick();
+    });
+    expect(alertAction).toBeDefined();
+  });
 });

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/Unit/hook/useStateAlertRemove.js

@@ -7,7 +7,7 @@ export const useStateAlertRemove = () => {
     visible: false,
     title: t('remove_account'),
     message: '',
-    leftButton: t('yes_remove'),
+    leftButton: t('remove'),
     rightButton: t('cancel'),
   });
   const hideAlertAction = useCallback(() => {

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/Apis/axios.js

@@ -151,7 +151,10 @@ export async function axiosPatch(...options) {
 export async function axiosDelete(...options) {
   return await axiosCall('delete', ...options);
 }
-
+const convertFilenameImage = (filename) => {
+  const filenameConverted = filename?.replace(/HEIC/g, 'jpg');
+  return filename || filenameConverted;
+};
 export function createFormData(data, list_file_field) {
   const formData = new FormData();
 
@@ -165,7 +168,9 @@ export function createFormData(data, list_file_field) {
       }
 
       formData.append(key, {
-        name: item.filename || item.path?.split('/').pop(),
+        name: convertFilenameImage(
+          item.filename || item.path?.split('/').pop()
+        ),
         type: item.mime,
         uri: item.path,
       });

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

@@ -668,10 +668,18 @@
   "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.",
   "text_notification_content_member_leave_unit": "**%{member_name}**  has left **%{unit_name}**.",
+  "text_notification_content_rename_unit": "Unit **%{old_unit_name}** has been renamed to **%{new_unit_name}** by **%{owner_name}**.",
   "this_spot_does_not_exsit": "This spot does not exist",
   "please_scan_again_or_contact_the_parking_manager": "Please scan again or contact the parking manager",
   "this_spot_does_not_support_to_scan": "This spot does not support to scan",
@@ -894,8 +902,9 @@
   "location_permission_required_wifi_message": "This app needs location permission as this is required to scan for wifi networks.",
   "deny": "DENY",
   "allow": "ALLOW",
+  "avatar" : "Avatar",
   "error_share_permission": "{text} {data} does not exist!",
   "text_phone_share_permission": "The phone",
   "text_email_share_permission": "Email",
-  "yes_remove": "Yes,remove"
+  "icon_unit": "Icon unit"
 }

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

@@ -676,10 +676,18 @@
   "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.",
   "text_notification_content_member_leave_unit": "**%{member_name}** vừa rời khỏi **%{unit_name}**.",
+  "text_notification_content_rename_unit": "Địa điểm **%{old_unit_name}** vừa được đổi tên thành **%{new_unit_name}** bởi **%{owner_name}**.",
   "this_spot_does_not_exsit": "Vị trí đỗ này không tồn tại",
   "please_scan_again_or_contact_the_parking_manager": "Vui lòng quét lại hoặc liên hệ với người quản lý bãi đậu xe",
   "this_spot_does_not_support_to_scan": "Vị trí đỗ này không hỗ trợ quét",
@@ -897,8 +905,9 @@
   "location_permission_required_wifi_message": "Ứng dụng này cần có quyền định vị vì ứng dụng này được yêu cầu để quét các mạng Wi-Fi.",
   "deny": "Từ chối",
   "allow": "Cho phép",
+  "avatar" : "Ảnh đại diện",
   "error_share_permission": "{text} {data} không tồn tại!",
   "text_phone_share_permission": "Số điện thoại",
   "text_email_share_permission": "Email",
-  "yes_remove": "Có,loại bỏ"
+  "icon_unit": "Ảnh đại diện địa điểm"
 }

package/src/{screens/Notification → utils}/Monitor.js

@@ -1,4 +1,4 @@
-import { getPusher, destroyPusher } from '../../utils/Pusher';
+import { getPusher, destroyPusher } from './Pusher';
 
 // eslint-disable-next-line promise/prefer-await-to-callbacks
 export const watchNotificationData = (user, callback) => {