@eohjsc/react-native-smart-city 0.3.26 → 0.3.29

package/src/screens/Unit/components/MyUnitDevice/index.js

@@ -1,15 +1,17 @@
 import React, { useState, useCallback } from 'react';
 import { StyleSheet, View, TouchableOpacity } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
+import { useGGHomeDeviceConnected } from '../../../../hooks/Common';
 
 import ItemQuickAction from '../../../../commons/Action/ItemQuickAction';
 import Text from '../../../../commons/Text';
 import Routes from '../../../../utils/Route';
 import { Colors } from '../../../../configs';
 import FImage from '../../../../commons/FImage';
+import { DEVICE_TYPE } from '../../../../configs/Constants';
 
-const MyUnitDevice = ({ sensor, unit }) => {
-  const [status, setStatus] = useState(sensor.status);
+const MyUnitDevice = ({ device, unit }) => {
+  const [status, setStatus] = useState(device.status);
   const { navigate } = useNavigation();
 
   const goToSensorDisplay = useCallback(() => {
@@ -17,34 +19,49 @@ const MyUnitDevice = ({ sensor, unit }) => {
       screen: Routes.DeviceDetail,
       params: {
         unitData: unit,
-        sensorData: sensor,
+        sensorData: device,
       },
     });
-  }, [navigate, sensor, unit]);
+  }, [navigate, device, unit]);
+
+  const { isConnecting: isGGHomeConnecting } = useGGHomeDeviceConnected(device);
+
+  const canRenderQuickAction = (() => {
+    if (
+      !!device &&
+      !device?.is_managed_by_backend &&
+      device?.device_type === DEVICE_TYPE.GOOGLE_HOME
+    ) {
+      return !isGGHomeConnecting;
+    }
+    return true;
+  })();
 
   return (
     <View style={styles.item}>
       <TouchableOpacity style={styles.flex1} onPress={goToSensorDisplay}>
         <View style={styles.rowCenter}>
-          <FImage style={styles.image} source={{ uri: sensor?.icon_kit }} />
+          <FImage style={styles.image} source={{ uri: device?.icon_kit }} />
           <View style={styles.marginTop3}>
             <Text numberOfLines={1} semibold style={styles.nameDevice}>
-              {sensor.name}
+              {device.name}
             </Text>
             <View style={styles.roomDevice}>
               <Text numberOfLines={1} style={styles.roomDevicePart}>
-                {sensor.station_name}
+                {device.station_name}
                 {status ? ` - ${status}` : ''}
               </Text>
             </View>
           </View>
         </View>
       </TouchableOpacity>
-      <ItemQuickAction
-        sensor={sensor}
-        wrapperStyle={styles.iconCircle}
-        setStatus={setStatus}
-      />
+      {canRenderQuickAction && (
+        <ItemQuickAction
+          sensor={device}
+          wrapperStyle={styles.iconCircle}
+          setStatus={setStatus}
+        />
+      )}
     </View>
   );
 };

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import renderer, { act } from 'react-test-renderer';
 import Modal from 'react-native-modal';
-import Popover from 'react-native-popover-view';
+import Popover from '../../../../commons/Popover';
 
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';

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

@@ -26,7 +26,7 @@ describe('Test MyUnitDevice', () => {
 
   beforeEach(() => {
     props = {
-      sensor: {
+      device: {
         status: 'Ok',
         name: 'Test',
         station_name: '',
@@ -54,7 +54,7 @@ describe('Test MyUnitDevice', () => {
   });
 
   it('Test render without status', async () => {
-    props.sensor.status = undefined;
+    props.device.status = undefined;
     await act(() => {
       tree = create(wrapComponent(props));
     });

package/src/screens/Unit/hook/useUnitConnectRemoteDevices.js

@@ -5,7 +5,9 @@ import { useGGHomeConnection } from '../../../hooks/IoT';
 import { useSCContextSelector } from '../../../context';
 
 export const useUnitConnectRemoteDevices = (unit) => {
-  const { isNetworkConnected } = useSCContextSelector((state) => state.app);
+  const isNetworkConnected = useSCContextSelector(
+    (state) => state.app.isNetworkConnected
+  );
 
   const { connectGoogleHome } = useGGHomeConnection();
 
@@ -21,15 +23,14 @@ export const useUnitConnectRemoteDevices = (unit) => {
   }, []);
 
   useEffect(() => {
-    if (unit.remote_control_options && unit.remote_control_options.bluetooth) {
+    if (unit?.remote_control_options?.bluetooth) {
       scanBluetoothDevices(unit.remote_control_options.bluetooth);
     }
   }, [unit]);
 
   useEffect(() => {
     if (
-      unit.remote_control_options &&
-      unit.remote_control_options.googlehome?.length &&
+      unit?.remote_control_options?.googlehome?.length &&
       isNetworkConnected
     ) {
       (async () => {
@@ -40,7 +41,7 @@ export const useUnitConnectRemoteDevices = (unit) => {
   }, [unit, isNetworkConnected]);
 
   useEffect(() => {
-    if (unit.remote_control_options && unit.remote_control_options.lg_thinq) {
+    if (unit?.remote_control_options?.lg_thinq) {
       (async () => {
         await handleLgThinqConnect(unit.remote_control_options.lg_thinq);
       })();

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

@@ -0,0 +1,99 @@
+import { getDateData, getTitleFromTime, timeDifference } from '../time';
+
+describe('Test timer', () => {
+  let result;
+  it('Test timeDifference when elapsed < msPerMinute and symbol=false', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('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'),
+      new Date('2022-08-01T03:24:00'),
+      true
+    );
+    expect(result).toBe('1 secs ago');
+  });
+
+  it('Test timeDifference when elapsed < msPerHour and symbol=false', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('2022-08-01T03:00:00')
+    );
+    expect(result).toBe('24 minutes ago');
+  });
+
+  it('Test timeDifference when elapsed < msPerHour and symbol=true', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('2022-08-01T03:00:00'),
+      true
+    );
+    expect(result).toBe('24 mins ago');
+  });
+
+  it('Test timeDifference when elapsed < msPerDay and symbol=false', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('2022-08-01T02:00:00')
+    );
+    expect(result).toBe('1 hours ago');
+  });
+
+  it('Test timeDifference when elapsed < msPerMonthe', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('2022-07-31T02:00:00')
+    );
+    expect(result).toBe('1 days ago');
+  });
+
+  it('Test timeDifference when elapsed < msPerYear', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('2022-05-31T02:00:00')
+    );
+    expect(result).toBe('2 months ago');
+  });
+
+  it('Test timeDifference when elapsed > msPerYear', async () => {
+    result = await timeDifference(
+      new Date('2022-08-01T03:24:01'),
+      new Date('2021-05-31T02:00:00')
+    );
+    expect(result).toBe('1 years ago');
+  });
+
+  it('Test getTitleFromTime when time = current', async () => {
+    result = await getTitleFromTime(new Date(), new Date());
+    expect(result).toBe('Today');
+  });
+
+  it('Test getTitleFromTime when time > current', async () => {
+    result = await getTitleFromTime(
+      new Date('2022-05-31T02:00:00'),
+      new Date('2022-05-30T02:00:00')
+    );
+    expect(result).toBe('31/05/2022');
+  });
+
+  it('Test getTitleFromTime when time < current', async () => {
+    result = await getTitleFromTime(
+      new Date('2022-05-29T02:00:00'),
+      new Date('2022-05-30T02:00:00')
+    );
+    expect(result).toBe('Yesterday');
+  });
+
+  it('Test getDateData', async () => {
+    result = await getDateData(
+      new Date('2022-05-30T02:00:00'),
+      new Date('2022-06-30T02:00:00')
+    );
+    expect(result).toEqual([[], 0]);
+  });
+});

package/src/utils/Functions/Search.js

@@ -0,0 +1,17 @@
+export const formatVietnamese = (str) => {
+  str = str.toLowerCase();
+  str = str.replace(/à|á|ạ|ả|ã|â|ầ|ấ|ậ|ẩ|ẫ|ă|ằ|ắ|ặ|ẳ|ẵ/g, 'a');
+  str = str.replace(/è|é|ẹ|ẻ|ẽ|ê|ề|ế|ệ|ể|ễ/g, 'e');
+  str = str.replace(/ì|í|ị|ỉ|ĩ/g, 'i');
+  str = str.replace(/ò|ó|ọ|ỏ|õ|ô|ồ|ố|ộ|ổ|ỗ|ơ|ờ|ớ|ợ|ở|ỡ/g, 'o');
+  str = str.replace(/ù|ú|ụ|ủ|ũ|ư|ừ|ứ|ự|ử|ữ/g, 'u');
+  str = str.replace(/ỳ|ý|ỵ|ỷ|ỹ/g, 'y');
+  str = str.replace(/đ/g, 'd');
+  return str;
+};
+
+export const convertToSlug = (text) => {
+  text = text.substring(0, Math.max(80, text.length));
+  text = formatVietnamese(text);
+  return text.toLowerCase().replace(/[^\w ]+/g, '');
+};

package/src/utils/Functions/ShortEmail.js

@@ -0,0 +1,4 @@
+export const shortEmailName = (email) => {
+  const regex = '([^@]+)';
+  return email?.match(regex)[0] || '';
+};

package/src/utils/Functions/__test__/Search.test.js

@@ -0,0 +1,6 @@
+const { convertToSlug } = require('../Search');
+
+it('Test Search function', () => {
+  const data = convertToSlug('Bệnh viện');
+  expect(data).toEqual('benh vien');
+});

package/src/utils/Functions/__test__/ShortEmail.test.js

@@ -0,0 +1,6 @@
+import { shortEmailName } from '../ShortEmail';
+
+it('Test shortEmailName function', () => {
+  const data = shortEmailName('emailExample@gmail.com');
+  expect(data).toEqual('emailExample');
+});

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

@@ -666,47 +666,27 @@
   "is": "is",
   "is_below": "is below",
   "is_above": "is above",
-  "text_notification_title_remind_to_make_payment": "Complete payment for your booking",
-  "text_notification_title_expire_parking_session": "Parking session expires soon",
-  "text_notification_title_remind_to_scan_qr_code": "Scan QR Code to activate your booking",
-  "text_notification_title_user_cancel": "Booking cancellation has been accepted",
-  "text_notification_title_system_cancel_no_payment": "Your booking is cancelled",
-  "text_notification_title_booking_successfully": "Booking successfully",
-  "text_notification_title_parking_completed": "Parking completed",
-  "text_notification_content_remind_to_make_payment": "Your booking **%{booking}** is not completed. Please make payment before **%{time}** to reserve your booking.",
-  "text_notification_content_expire_parking_session": "Your parking **%{booking}** will expire soon. Please leave before **%{time}** or extend your booking hours.",
-  "text_notification_content_remind_to_scan_qr_code": "Your booking **%{booking}** is not yet activated. Please remember to scan the QR code when you arrive at your booked parking spot to activate it.",
-  "text_notification_content_user_cancel": "Request to cancel your booking has been accepted. Booking **%{booking}** was cancelled successfully.",
-  "text_notification_content_system_cancel_no_payment": "Your booking **%{booking}** is automatically cancelled by the system because no payment has been made on time.",
-  "text_notification_content_booking_successfully": "Your booking **%{booking}** was confirmed.",
-  "text_notification_content_parking_completed": "Your booking **%{booking}** is completed. Thank you for using our service.",
-  "text_notification_content_invite_member": "**%{unit_owner_name}** invited you to join **%{unit_name}**.",
-  "text_notification_content_not_move_car_after_parking_session_expire": "Your car (booking **%{booking}**) was locked for violating our parking regulations. Please pay a fine to unlock and move your car.",
-  "text_notification_content_move_car_without_pay_violation": "You have an unpaid violation. Please complete your fine.",
-  "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, eyes.",
-  "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_active_sos": "SOS button is activating at **%{unit_name}**, Please check it NOW.",
-  "text_notification_content_replace_water_filter": "Filter **%{number_coil}** of **%{device_name}** in **%{unit_name}**: **%{sub_unit_name}** has less than 10h remaining. Check and replace now.",
-  "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 removed 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}**.",
-  "text_notification_content_divice_disconnect": "**%{device_name}** at **%{unit_name}**: **%{sub_unit_name}** has been disconnected. Please check and reconnect.",
-  "text_notification_content_rename_sub_unit": "Sub-unit **%{old_sub_unit_name}**: **%{unit_name}** has been renamed to **%{new_sub_unit_name}** by **%{unti_owner_name}**.",
-  "text_notification_content_remove_sub_unit": "Sub-unit **%{sub_unit_name}** has been removed from **%{unit_name}** by **%{unit_owner_name}**.",
-  "text_notification_content_remove_device": "Device **%{device_name}** has been removed from **%{unit_name}** by **%{unit_owner_name}**.",
-  "text_notification_content_update_address": "New address of **%{unit_name}** has been updated by **%{unit_owner_name}** to **%{unit_address}**.",
-  "text_notification_content_emergency": "The Emergency button has been activated at **%{unit_name}**: **%{sub_unit_name}**. Please check now!",
-  "text_notification_content_emergency_resolve": "Emergency situation activated at **%{unit_name}**: **%{sub_unit_name}** has resolved.",
+  "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, eyes.",
+  "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_active_sos": "SOS button is activating at **unit_name**, Please check it NOW.",
+  "text_notification_content_replace_water_filter": "Filter **config_name** of **device_name** in **station_name** has less than 10h remaining. Check and replace now.",
+  "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 removed 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**.",
+  "text_notification_content_divice_disconnect": "**device_name** at **unit_name**: **sub_unit_name** has been disconnected. Please check and reconnect.",
+  "text_notification_content_rename_sub_unit": "Sub-unit **old_sub_unit_name**: **unit_name** has been renamed to **new_sub_unit_name** by **unti_owner_name**.",
+  "text_notification_content_remove_sub_unit": "Sub-unit **sub_unit_name** has been removed from **unit_name** by **unit_owner_name**.",
+  "text_notification_content_remove_device": "Device **device_name** has been removed from **unit_name** by **unit_owner_name**.",
+  "text_notification_content_update_address": "New address of **unit_name** has been updated by **unit_owner_name** to **unit_address**.",
+  "text_notification_content_emergency": "The Emergency button has been activated at **unit_name**: **sub_unit_name**. Please check now!",
+  "text_notification_content_emergency_resolve": "Emergency situation activated at **unit_name**: **sub_unit_name** has resolved.",
   "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",
@@ -1002,5 +982,15 @@
   "not_activated": "Not activated",
   "open": "Open",
   "close": "Close",
-  "create_contact_success": "Create contact success!"
+  "create_contact_success": "Create contact success!",
+  "templates": "Templates",
+  "template": "Template",
+  "gateways": "Gateways",
+  "help": "Help",
+  "about_us": "About us",
+  "exit_dev_mode": "Exit developer mode",
+  "developer_mode": "Developer Mode",
+  "what_are_you_looking_for": "What are you looking for?",
+  "no_template_yet": "No Template yet",
+  "add_your_template": "Add your template at web app"
 }

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

@@ -681,49 +681,27 @@
   "select_unit_members": "Chọn từ danh sách thành viên của địa điểm",
   "select_contacts": "Chọn liên hệ",
   "no_contact": "Không có liên hệ nào",
-  "text_notification_title_remind_to_make_payment": "Hoàn tất thanh toán đặt chỗ trước",
-  "text_notification_title_expire_parking_session": "Phiên đỗ xe sẽ sớm kết thúc",
-  "text_notification_title_remind_to_scan_qr_code": "Quét mã QR để kích hoạt đặt chỗ",
-  "text_notification_title_user_cancel": "Chấp nhận yêu cầu huỷ đặt chỗ",
-  "text_notification_title_system_cancel_no_payment": "Đặt chỗ trước của bạn đã bị huỷ",
-  "text_notification_title_system_cancel_emergency_situation": "Đặt chỗ bị huỷ do tình huống khẩn cấp",
-  "text_notification_title_booking_successfully": "Xác nhận đặt chỗ thành công",
-  "text_notification_title_parking_completed": "Hoàn tất đỗ xe",
-  "text_notification_content_remind_to_make_payment": "Đặt chỗ  **%{booking}** chưa hoàn tất. Vui lòng thực hiện thanh toán trước **%{time}** để giữ đặt trước của bạn.",
-  "text_notification_content_expire_parking_session": "Phiên đỗ xe **%{booking}** sẽ sớm kết thúc. Vui lòng di chuyển xe trước **%{time}** hoặc thêm giờ đỗ xe.",
-  "text_notification_content_remind_to_scan_qr_code": "Đặt chỗ  **%{booking}** chưa được kích hoạt. Vui lòng quét mã QR tại vị trí đỗ xe được cung cấp để kích hoạt đặt chỗ trước của bạn.",
-  "text_notification_content_user_cancel": "Yêu cầu huỷ đặt chỗ trước của bạn đã được chấp nhận. Đặt chỗ  **%{booking}** đã được huỷ thành công.",
-  "text_notification_content_system_cancel_no_payment": "Đặt chỗ  **%{booking}** đã tự động huỷ bởi hệ thống do quá hạn thanh toán.",
-  "text_notification_content_system_cancel_emergency_situation_%{spot}": "Chúng tôi rất tiếc vì đặt chỗ %{spot} đã bị huỷ vì một tình huống khẩn cấp. Bạn sẽ nhận được phiếu giảm giá cho lần đỗ xe tiếp theo. ",
-  "text_notification_content_booking_successfully": "Đặt chỗ  **%{booking}** đã được xác nhận.",
-  "text_notification_content_parking_completed": "Đặt chỗ  **%{booking}** đã hoàn tất. Cảm ơn đã sử dụng dịch vụ của chúng tôi.",
-  "text_notification_content_invite_member": "**%{unit_owner_name}** mời bạn đến địa điểm **%{unit_name}**.",
-  "text_notification_content_not_move_car_after_parking_session_expire": "Xe của bạn (booking **%{booking}**) đã bị khóa do vi phạm quy định về giờ đỗ xe của chúng tôi. Vui lòng nộp phạt để mở khóa và di chuyển xe của bạn.",
-  "text_notification_content_move_car_without_pay_violation": "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_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_active_sos": "Nút SOS đang kích hoạt tại **%{unit_name}**. Vui lòng kiểm tra nó NGAY BÂY GIỜ.",
-  "text_notification_content_replace_water_filter": "Lõi lọc **%{number_coil}** của **%{device_name}** thuộc **%{unit_name}**: **%{sub_unit_name}** còn ít hơn 10 giờ lọc. Vui lòng kiểm tra và thay lõi lọc mới.",
-  "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}**.",
-  "text_notification_content_divice_disconnect": "**%{device_name}** tại **%{unit_name}**: **%{sub_unit_name}** vừa bị mất kết nối. Vui lòng kiểm tra và kết nối lại.",
-  "text_notification_content_rename_sub_unit": "Khu vực **%{old_sub_unit_name}**: **%{unit_name}** vừa được đổi tên thành **%{new_sub_unit_name}** bởi **%{unti_owner_name}**.",
-  "text_notification_content_remove_sub_unit": "Khu vực **%{sub_unit_name}** vừa được xoá khỏi **%{unit_name}** bởi **%{unit_owner_name}**.",
-  "text_notification_content_remove_device": "Thiết bị **%{device_name}** vừa được xoá khỏi **%{unit_name}** bởi **%{unit_owner_name}**.",
-  "text_notification_content_update_address": "Địa chỉ mới của **%{unit_name}** vừa được cập nhật bởi **%{unit_owner_name}** thành **%{unit_address}**.",
-  "text_notification_content_emergency": "Một tình huống khẩn cấp vừa được kích hoạt tại **%{unit_name}**: **%{sub_unit_name}**. Vui lòng kiểm tra ngay!",
-  "text_notification_content_emergency_resolve": "Tình huống khẩn cấp được kích hoạt tại **%{unit_name}**: **%{sub_unit_name}** đã được giải quyết.",
+  "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_active_sos": "Nút SOS đang kích hoạt tại **unit_name**. Vui lòng kiểm tra nó NGAY BÂY GIỜ.",
+  "text_notification_content_replace_water_filter": "Lõi lọc **config_name** của **device_name** thuộc **unit_name**: **station_name** còn ít hơn 10 giờ lọc. Vui lòng kiểm tra và thay lõi lọc mới.",
+  "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**.",
+  "text_notification_content_divice_disconnect": "**device_name** tại **unit_name**: **sub_unit_name** vừa bị mất kết nối. Vui lòng kiểm tra và kết nối lại.",
+  "text_notification_content_rename_sub_unit": "Khu vực **old_sub_unit_name**: **unit_name** vừa được đổi tên thành **new_sub_unit_name** bởi **unti_owner_name**.",
+  "text_notification_content_remove_sub_unit": "Khu vực **sub_unit_name** vừa được xoá khỏi **%unit_name** bởi **unit_owner_name**.",
+  "text_notification_content_remove_device": "Thiết bị **device_name** vừa được xoá khỏi **unit_name** bởi **unit_owner_name**.",
+  "text_notification_content_update_address": "Địa chỉ mới của **unit_name** vừa được cập nhật bởi **unit_owner_name** thành **unit_address**.",
+  "text_notification_content_emergency": "Một tình huống khẩn cấp vừa được kích hoạt tại **unit_name**: **sub_unit_name**. Vui lòng kiểm tra ngay!",
+  "text_notification_content_emergency_resolve": "Tình huống khẩn cấp được kích hoạt tại **unit_name**: **sub_unit_name** đã được giải quyết.",
   "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",
@@ -1003,5 +981,15 @@
   "not_activated": "Không kích hoạt",
   "open": "Mở",
   "close": "Đóng",
-  "create_contact_success": "Tạo liên hệ thành công!"
+  "create_contact_success": "Tạo liên hệ thành công!",
+  "templates": "Mẫu",
+  "template": "Mẫu",
+  "gateways": "Cổng vào",
+  "help": "Hỗ trợ",
+  "about_us": "Giới thiệu về chúng tôi",
+  "exit_dev_mode": "Thoát khỏi chế độ nhà phát triển",
+  "developer_mode": "Chế độ nhà phát triển",
+  "what_are_you_looking_for": "Bạn đang tìm kiếm cái gì?",
+  "no_template_yet": "Chưa có mẫu nào",
+  "add_your_template": "Thêm mẫu của bạn trên web"
 }

package/src/utils/Route/index.js

@@ -147,6 +147,12 @@ const Routes = {
   UnitMemberInformation: 'UnitMemberInformation',
   EnterPassword: 'EnterPassword',
   SelectAddToFavorites: 'SelectAddToFavorites',
+  Template: 'Template',
+  Gateway: 'Gateway',
+  Smart: 'Smart',
+  TemplateStack: 'TemplateStack',
+  GatewayStack: 'GatewayStack',
+  SmartStack: 'SmartStack',
 };
 
 export default Routes;

package/src/commons/Modal/ModalFullVideo.js

@@ -1,48 +0,0 @@
-import React, { useEffect } from 'react';
-import { View, TouchableOpacity, Image } from 'react-native';
-import { ModalCustom } from '../../commons/Modal';
-import MediaPlayerDetail from '../../commons/MediaPlayerDetail';
-import { Images } from '../../configs';
-import styles from './Styles/ModalFullVideoStyles';
-import { useHiddenStatusBar } from '../../hooks/Common/useStatusBar';
-
-const ModalFullVideo = ({
-  animationOut = 'fadeOut',
-  isVisible = false,
-  modalStyles,
-  data,
-  resizeMode = 'cover',
-  onClose,
-  uri,
-}) => {
-  useEffect(() => {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    useHiddenStatusBar(isVisible);
-  }, [isVisible]);
-
-  return (
-    <ModalCustom
-      animationOut={animationOut}
-      isVisible={isVisible}
-      style={modalStyles}
-    >
-      <View style={styles.modalContent}>
-        <MediaPlayerDetail
-          uri={uri || data?.uri}
-          thumbnail={data?.thumbnail}
-          style={styles.camera}
-          wrapStyles={styles.wrapStyles}
-          resizeMode={resizeMode}
-          cameraName={data?.name}
-          isFullScreen={true}
-          isPaused={false}
-        />
-        <TouchableOpacity onPress={onClose} style={styles.buttonFullScreen}>
-          <Image source={Images.fullscreen} />
-        </TouchableOpacity>
-      </View>
-    </ModalCustom>
-  );
-};
-
-export default ModalFullVideo;

package/src/commons/Modal/Styles/ModalFullVideoStyles.js

@@ -1,26 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { normalize } from '../../../configs/Constants';
-
-export default StyleSheet.create({
-  modalContent: {
-    position: 'absolute',
-    zIndex: 10,
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  buttonFullScreen: {
-    position: 'absolute',
-    zIndex: 10,
-    width: normalize(40),
-    height: normalize(40),
-    bottom: normalize(30),
-    left: normalize(20),
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  wrapStyles: {
-    borderRadius: 0,
-  },
-});