@eohjsc/react-native-smart-city 0.2.19 → 0.2.23

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

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { View, Image, StyleSheet, Animated, ScrollView } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors, Images } from '../../../../configs';
 import Text from '../../../../commons/Text';
@@ -11,6 +11,7 @@ import { colorOpacity } from '../../../../utils/Converter/color';
 const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
 
 const ListMyAllUnit = ({ unitItems }) => {
+  const t = useTranslations();
   // eslint-disable-next-line no-unused-vars
   const [scrollY, setScrollY] = useState(new Animated.Value(0));
 

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

@@ -8,7 +8,7 @@ import {
 } from 'react-native';
 import Carousel from 'react-native-snap-carousel';
 import { useNavigation } from '@react-navigation/native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors, Images } from '../../../../configs';
 import { TESTID } from '../../../../configs/Constants';
@@ -20,6 +20,7 @@ import { colorOpacity } from '../../../../utils/Converter/color';
 let screenWidth = Dimensions.get('window').width;
 
 const MyUnit = ({ myUnits }) => {
+  const t = useTranslations();
   const navigation = useNavigation();
   const carouselItems = useMemo(() => myUnits, [myUnits]);
   const goToDetail = useCallback(

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

@@ -1,12 +1,13 @@
 import React, { memo } from 'react';
 import { View, TextInput } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors } from '../../../../configs';
 import styles from './SearchBarLocationStyles';
 
 const SearchBarLocation = memo(({ input, onTextInput }) => {
+  const t = useTranslations();
   return (
     <View style={styles.container}>
       <IconOutline

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

@@ -1,6 +1,6 @@
 import React, { Fragment, useCallback } from 'react';
 import { View, Image, TouchableOpacity } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import { IconOutline, IconFill } from '@ant-design/icons-react-native';
 
 import { API, Colors, Images } from '../../../../configs';
@@ -18,6 +18,7 @@ const SharedUnit = ({
   index,
   isOptions = true,
 }) => {
+  const t = useTranslations();
   const { unit } = item;
   const goToDetail = useCallback(() => {
     navigation.navigate(Routes.UnitStack, {

package/src/screens/Unit/styles.js

@@ -67,4 +67,8 @@ export default StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-around',
   },
+  modal: {
+    margin: 0,
+    padding: 0,
+  },
 });

package/src/screens/UnitSummary/components/3PPowerConsumption/index.js

@@ -7,12 +7,13 @@ import { Section, Today } from '../../../../commons';
 import ListQualityIndicator from '../../../../commons/Device/WaterQualitySensor/ListQualityIndicator';
 import PMSensorIndicatior from '../../../../commons/Device/PMSensor/PMSensorIndicatior';
 import ConfigHistoryChart from '../../../../commons/UnitSummary/ConfigHistoryChart';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import HistoryChart from '../../../../commons/Device/HistoryChart';
 import { axiosGet } from '../../../../utils/Apis/axios';
 import { TESTID } from '../../../../configs/Constants';
 
 const ThreePhasePowerConsumption = memo(({ unit, summary, summaryDetail }) => {
+  const t = useTranslations();
   const {
     volt1Value,
     volt2Value,

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

@@ -1,6 +1,6 @@
 import React, { memo, useMemo, useEffect, useState } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import moment from 'moment';
 import { API, Colors } from '../../../../configs';
 import Text from '../../../../commons/Text';
@@ -14,6 +14,7 @@ import { TESTID } from '../../../../configs/Constants';
 import { axiosGet } from '../../../../utils/Apis/axios';
 
 const PowerConsumption = memo(({ summaryDetail }) => {
+  const t = useTranslations();
   const {
     voltValue,
     currentValue,

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

@@ -1,6 +1,6 @@
 import React, { memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { t } from 'i18n-js';
+import t, { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors } from '../../../../configs';
 import { Section, Today } from '../../../../commons';
@@ -44,6 +44,7 @@ const getDataTemperature = (summaryDetail) => {
 };
 
 const Temperature = memo(({ summaryDetail }) => {
+  const t = useTranslations();
   const { listConfigs } = summaryDetail;
 
   const showBoxHistory = useMemo(() => {

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

@@ -1,6 +1,6 @@
 import React, { memo } from 'react';
 import { View, StyleSheet } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors } from '../../../../configs';
 import Text from '../../../../commons/Text';
@@ -8,6 +8,7 @@ import TotalPowerBox from '../TotalPowerBox';
 import { TESTID } from '../../../../configs/Constants';
 
 const TotalPowerConsumption = memo(({ time, total }) => {
+  const t = useTranslations();
   return (
     <View style={styles.container}>
       <Text color={Colors.Gray9} size={16} style={styles.txtCurrent}>

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

@@ -1,7 +1,7 @@
 import React, { memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 
 import { Colors } from '../../../../configs';
 import Text from '../../../../commons/Text';
@@ -10,6 +10,7 @@ import ConfigHistoryChart from '../../../../commons/UnitSummary/ConfigHistoryCha
 import SegmentedRoundDisplay from '../../../../commons/UnitSummary/AirQuality/SegmentedRoundDisplay';
 
 const UvIndex = memo(({ summaryDetail }) => {
+  const t = useTranslations();
   const { uv_id } = summaryDetail;
   const showBoxHistory = useMemo(() => {
     return !!uv_id;

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

@@ -1,12 +1,13 @@
 import React, { memo, useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../../hooks/Common/useTranslations';
 import { Today, Section } from '../../../../commons';
 import Text from '../../../../commons/Text';
 import ConfigHistoryChart from '../../../../commons/UnitSummary/ConfigHistoryChart';
 import Item from './Item';
 
 const WaterQuality = memo(({ summaryDetail }) => {
+  const t = useTranslations();
   const { ph_id, tur_id, clo_id } = summaryDetail;
   const showBoxHistory = useMemo(() => {
     return ph_id || tur_id || clo_id ? true : false;

package/src/screens/UnitSummary/index.js

@@ -3,7 +3,7 @@ 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 { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import { API, Colors } from '../../configs';
 import Routes from '../../utils/Route';
@@ -20,6 +20,7 @@ import WaterQuality from './components/WaterQuality';
 import { TESTID } from '../../configs/Constants';
 
 const UnitSummary = memo(({ route }) => {
+  const t = useTranslations();
   const { unit, summary } = route.params;
   const [summaryDetail, setSummaryDetail] = useState({});
 

package/src/screens/WaterQualityGuide/index.js

@@ -1,6 +1,6 @@
 import React, { memo, useCallback, useMemo } from 'react';
 import { View, ScrollView, StyleSheet, SafeAreaView } from 'react-native';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import Text from '../../commons/Text';
 import { Colors, Theme } from '../../configs';
@@ -9,6 +9,7 @@ import { TESTID } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
 
 const WaterQualityGuide = memo(({ route }) => {
+  const t = useTranslations();
   const { waterType } = route.params;
   const language = useSCContextSelector((state) => state.language);
 

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

@@ -1,5 +1,5 @@
 import moment from 'moment';
-import { t } from 'i18n-js';
+import { useTranslations } from '../../../hooks/Common/useTranslations';
 
 const {
   transformDatetime,
@@ -42,6 +42,7 @@ describe('test time utils, transformDatetime', () => {
 });
 
 describe('test time utils, timeDifference', () => {
+  const t = useTranslations();
   const _testTime = (current, lastUpdated, result) => {
     const timeString = timeDifference(new Date(current), new Date(lastUpdated));
     expect(timeString).toEqual(result);
@@ -98,6 +99,7 @@ describe('test time utils, timeDifference', () => {
 });
 
 describe('test time utils, getTitleFromTime', () => {
+  const t = useTranslations();
   const _testTime = (time, current, result) => {
     const timeString = getTitleFromTime(new Date(time), new Date(current));
     expect(timeString).toEqual(result);

package/src/utils/Converter/array.js

@@ -5,3 +5,7 @@ export const removeDuplicateSearch = (recentSearch, description) => {
     }
   });
 };
+
+// Sequence generator function
+export const range = (start, stop, step) =>
+  Array.from({ length: (stop - start) / step + 1 }, (_, i) => start + i * step);

package/src/utils/Converter/time.js

@@ -1,4 +1,4 @@
-import { t } from 'i18n-js';
+import t from '../../hooks/Common/useTranslations';
 import moment from 'moment';
 
 export const transformDatetime = (data = {}, listFieldName = []) => {
@@ -19,7 +19,7 @@ export const transformDatetime = (data = {}, listFieldName = []) => {
   });
 };
 
-export const timeDifference = (current, previous) => {
+export const timeDifference = (current, previous, symbol = false) => {
   let msPerMinute = 60 * 1000;
   let msPerHour = msPerMinute * 60;
   let msPerDay = msPerHour * 24;
@@ -33,9 +33,11 @@ export const timeDifference = (current, previous) => {
     if (second < 0) {
       second = 0;
     }
-    return `${second} ${t('seconds_ago')}`;
+    return `${second} ${symbol ? t('secs_ago') : t('seconds_ago')}`;
   } else if (elapsed < msPerHour) {
-    return `${Math.round(elapsed / msPerMinute)} ${t('minutes_ago')}`;
+    return `${Math.round(elapsed / msPerMinute)} ${
+      symbol ? t('mins_ago') : t('minutes_ago')
+    }`;
   } else if (elapsed < msPerDay) {
     return `${Math.round(elapsed / msPerHour)} ${t('hours_ago')}`;
   } else if (elapsed < msPerMonth) {
@@ -62,3 +64,26 @@ export const getTitleFromTime = (time, current) => {
     return moment(time).format('DD/MM/YYYY');
   }
 };
+
+export const getDateData = (initialDate, max, min) => {
+  let dateData = [];
+  let dateIndex = -1;
+  const date = moment(min);
+  const today = moment();
+
+  while (date <= max) {
+    const dateString = date.isSame(today, 'day')
+      ? t('today')
+      : date.format('ddd DD/MM');
+    dateData.push({
+      text: dateString,
+      value: moment(date),
+    });
+    if (date.isSame(initialDate, 'day')) {
+      dateIndex = dateData.length - 1;
+    }
+    date.add(1, 'days');
+  }
+  const indexInitialDate = dateIndex !== -1 ? dateIndex : 0;
+  return [dateData, indexInitialDate];
+};

package/src/utils/I18n/index.ts

@@ -0,0 +1,6 @@
+export { getTranslate } from './translations';
+export type {
+  InterPolateString,
+  Language,
+  TranslationString,
+} from './translations';

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

@@ -100,7 +100,7 @@
   "Yesterday": "Yesterday",
   "last_updated_%{minutes}_minutes_ago": "Last updated %{minutes} minutes ago",
   "Last %{days} ago": "Last %{days} days",
-  "Welcome %{name}": "Welcome %{name}",
+  "Welcome {name}": "Welcome {name}",
   "devices": "Devices",
   "Turbidity": "Turbidity",
   "pH": "pH",
@@ -180,6 +180,9 @@
   "text_recommended_clo": "The higher the residual chlorine levels in the supply, the better and longer the chemical will be able to protect the system from contamination. However, high levels of chlorine make the water smell and give it a bad taste, which will discourage people from drinking it. \nFor normal domestic use, residual chlorine levels at the point where the consumer collects water should be between 0.2 and 0.5 mg/l. The higher level will be close to the disinfection point and the lower level at the far extremities of the supply network.",
   "text_low_level": "Low",
   "text_high_level": "High",
+  "launch_one_tap": "Launch One-Tap",
+  "des_launch_one_tap": "Quick button create at the dashboard",
+  "active_list": "Actions List",
   "text_very_good_level": "Very good",
   "text_good_level": "Good",
   "text_moderate_level": "Moderate",
@@ -308,6 +311,8 @@
   "text_remove_sub_unit_success": "Remove sub unit success!",
   "text_remove_sub_unit_fail": "Remove sub unit fail!",
   "camera": "Camera",
+  "favorites": "Favorites",
+  "add_to_favorites": "Add to Favorites",
   "add_new_device": "Add new device",
   "add_new_device_message_no_unit": "You cannot add new device. You have to add a new unit first.",
   "add_member": "Add member",
@@ -383,6 +388,7 @@
   "rebook": "Rebook",
   "cancelled": "Cancelled",
   "recent": "Recent",
+  "playback_camera": "Playback Camera",
   "vehicle_management": "Vehicle management",
   "saved_parking_areas": "Saved parking areas",
   "payment_methods": "Payment methods",
@@ -447,7 +453,9 @@
   "what_is_tds_title": "What is TDS?",
   "what_is_tds_text": "TDS: is the total dissolved solids present in a certain amount of water - (the total number of charged ions, including salts, minerals or metals) that exist in a certain volume of water. High TDS is also responsible for turbidity and sedimentation in water. TDS is expressed in mg / L or parts per million (parts per million).",
   "tds_guidlines_title": "TDS guidlines for drinking water",
-  "tds_guidlines_text": "Ideally, the TDS for drinking water should be below 300ppm and the maximum limit considered safe is 500ppm. Water sources with TDS <50ppm are usually water at a fairly pure level or water after being filtered through the RO system - this is water that contains a small amount of minerals and is completely assured to drink directly.",
+  "tds_guidlines_text_1": "Ideally, the TDS for drinking water should be below 300ppm and the maximum limit considered safe is 500ppm. Water sources with TDS <50ppm are usually water at a fairly pure level or water after being filtered through the RO system - this is water that contains a small amount of minerals and is completely assured to drink directly.",
+  "tds_guidlines_text_2": "Alpha 139G Water Purifier is certified to the national standards TCVN 11978:2017 & QCVN 4-2009/BKHCN about water purifiers for household use by the Ministry of Science and Technology.",
+  "tds_guidlines_text_3": "The quality of filtered water meets the standard of direct drinking water, QCVN 6-1:2010/BYT of the Ministry of Health includes 21 toxic physicochemical indicators such as: Arsenic, Ammonium, Lead, Cyanide, Mercury, Copper, Nitrate.. and 5 microbiological indicators: E.coli bacteria, Coliform, Streptococci feacal, Pseudomonas aeruginosa, Spores of sulfite-reducing anaerobic bacteria, ensuring absolute safety for users' health when drinking directly without boiling .(*).",
   "your_booking_is_safety": "Your booking is safely reserved. However, please be aware that there is no refund for cancellation.",
   "no_spot_available": "No spots available",
   "status_full_info": "No spots available at this moment.",
@@ -590,7 +598,9 @@
   "emergency_alert": "EMERGENCY ALERT!",
   "the_emergency_button_has_been_activated": "The Emergency button has been activated at unit ",
   "seconds_ago": "seconds ago",
+  "secs_ago": "secs ago",
   "minutes_ago": "minutes ago",
+  "mins_ago": "mins ago",
   "hours_ago": "hours ago",
   "days_ago": "days ago",
   "months_ago": "months ago",
@@ -664,6 +674,22 @@
   "gateway": "Gateway",
   "add_new_gateway": "Add new gateway",
   "chip_name": "Chip name",
+  "manage_access": "Manage Access",
+  "owners": "Owners",
+  "guest": "Guest",
+  "no_guest": "No guest",
+  "guest_info": "Guest Information",
+  "eoh_account_id": "EoH account ID",
+  "access_schedule": "Access Schedule",
+  "always": "Always",
+  "recurring": "Recurring",
+  "temporary": "Temporary",
+  "set_time": "Set time",
+  "set_date_time": "Set date and time",
+  "start": "Start",
+  "end": "End",
+  "repeat": "Repeat",
+  "add_action": "Add action",
   "connecting_your_gateway": "Connecting your gateway",
   "general_trading_conditions": "General Trading Conditions",
   "station_name": "Station name",
@@ -678,10 +704,33 @@
   "device_info": "Device Info",
   "battery": "Battery capacity",
   "voltage": "Voltage",
+  "how_to_start": "How to start",
   "temperature": "Temperature",
   "rssi_board": "RSSI Board",
+  "tap_to_run": "Tap to run",
   "request_fail": "Request fail",
   "modbus_fail": "Modbus failrate",
   "rssi_node": "RSSI Node",
+  "edit_actions_list": "Edit Actions List",
+  "des_edit_actions_list": "Click on the order number to rearrange automatic order",
+  "please_add_your_phone_number_and_chip_name": "Please add your phone number and chip name",
+  "phone_number_of_data_sim": "Phone number of data sim",
+  "select_a_sub_unit": "Select a sub-unit that you want to add this gateway",
+  "all_camera": "All Cameras",
+  "gateway_name": "Gateway name",
+  "activated_time": "Activated {time}",
+  "activated_successfully": "Activated successfully.",
+  "activation_failed": "Activation failed.",
+  "set_hour": "Set hour",
+  "sync_lg_device": "Sync LG device",
+  "lg_sync_failed": "Sync LG device failed!",
+  "lg_sync_success": "Sync LG device success!",
+  "setting_at": "Setting at",
+  "name_your_button": "Name your button",
+  "continue": "Continue",
+  "tap_to_run": "Tap to run",
+  "how_to_start": "How to start",
+  "actions_list": "Actions list",
+  "go_to_automate_scripts": "Go to automate scripts",
   "error_please_try_later": "Error! Please try later"
 }

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

@@ -32,12 +32,16 @@
   "today": "Today",
   "yesterday": "Yesterday",
   "at": "lúc",
+  "playback_camera": "Phát lại Camera",
   "Yesterday": "Hôm qua",
   "text_of_us": "của chúng tôi.",
   "replace_now": "Thay lõi ngay",
   "machine_status": "Trạng thái máy",
   "tank_working_normally": "Máy lọc hoạt động bình thường.",
   "filters": "Lõi lọc",
+  "launch_one_tap": "Khởi chạy một lần chạm",
+  "des_launch_one_tap": "Tạo nút nhanh trên trang tổng quan",
+  "active_list": "Danh sách hành động",
   "filtering": "Đang sục rửa",
   "insufficient_water_input": "Thiếu nước đầu vào.",
   "check_water_leak": "Kiểm tra rò rỉ nước.",
@@ -49,6 +53,7 @@
   "auth_already_have_an_account": "Bạn đã có tài khoản? ",
   "tds_infomation": "Chỉ số TDS",
   "what_is_tds_title": "TDS là gì?",
+  "add_action": "Thêm hành động",
   "what_is_tds_text": "TDS là tổng chất rắn hoà tan tồn tại trong một lượng nước nhất định - (tổng số các ion mang điện tích, bao gồm muối, khoáng chất hoặc kim loại) tồn tại trong một thể tích nước nhất định. TDS cao cũng là nguyên nhân gây ra độ đục và trầm tích trong nước. TDS được biểu thị bằng đơn vị mg/L hoặc ppm (parts per million - phần triệu).",
   "tds_guidlines_title": "Chỉ số TDS cho nước uống",
   "tds_guidlines_text_1": "Lý tưởng nhất, TDS cho nước uống phải dưới 300mg/lít và giới hạn tối đa được coi là an toàn là 500mg/lít. Với các nguồn nước có TDS < 50ppm thường là nước ở mức khá tinh khiết hoặc nước sau khi lọc qua hệ thống RO - đây là nước có chứa lượng khoáng nhỏ và hoàn toàn yên tâm để sử dụng uống trực tiếp.",
@@ -60,6 +65,8 @@
   "verify": "Xác nhận",
   "text_new_unit": "Địa điểm",
   "text_sub_units": "Khu vực",
+  "edit_actions_list": "Chỉnh sửa danh sách hành động",
+  "des_edit_actions_list": "Click on the order number to rearrange automatic order",
   "sub_unit": "Khu vực",
   "sub_units": "Khu vực",
   "device": "Thiết bị",
@@ -108,7 +115,7 @@
   "Today": "Hôm nay",
   "last_updated_%{minutes}_minutes_ago": "Cập nhật lần cuối %{minutes} phút trước",
   "Last %{days} ago": "%{days} ngày qua",
-  "Welcome %{name}": "Chào mừng đến %{name}",
+  "Welcome {name}": "Chào mừng đến {name}",
   "devices": "thiết bị",
   "text_no_units": "Chưa có địa điểm. Nhấn + để tạo địa điểm đầu tiên.",
   "text_last_7_days": "7 ngày qua",
@@ -337,6 +344,8 @@
   "text_remove_sub_unit_success": "Xóa khu vực thành công!",
   "text_remove_sub_unit_fail": "Xóa khu vực thất bại!",
   "camera": "Camera",
+  "favorites": "Yêu thích",
+  "add_to_favorites": "Thêm vào yêu thích",
   "add_new_device": "Thêm thiết bị",
   "add_new_device_message_no_unit": "Để thêm thiết bị mới, trước tiên bạn cần tạo một địa điểm.",
   "add_member": "Thêm thành viên",
@@ -593,7 +602,9 @@
   "emergency_alert": "Khẩn cấp!",
   "the_emergency_button_has_been_activated": "Nút cảnh báo khẩn cấp vừa được kích hoạt tại địa điểm ",
   "seconds_ago": "giây trước",
+  "secs_ago": "giây trước",
   "minutes_ago": "phút trước",
+  "mins_ago": "phút trước",
   "hours_ago": "giờ trước",
   "days_ago": "ngày trước",
   "months_ago": "tháng trước",
@@ -660,6 +671,21 @@
   "add_new_gateway": "Thêm gateway",
   "chip_name": "Tên chip",
   "connecting_your_gateway": "Đang kết nối gateway...",
+  "manage_access": "Quản lý quyền truy cập",
+  "owners": "Chủ sỡ hữu",
+  "guest": "Khách",
+  "no_guest": "Không có vị khách nào",
+  "guest_info": "Thông tin khách",
+  "eoh_account_id": "ID tài khoản EoH",
+  "access_schedule": "Lịch truy cập",
+  "always": "Luôn luôn",
+  "recurring": "Tuần hoàn",
+  "temporary": "Tạm thời",
+  "set_time": "Chọn thời gian",
+  "set_date_time": "Chọn ngày và thời gian",
+  "start": "Bắt đầu",
+  "end": "Kết thúc",
+  "repeat": "Lặp lại",
   "please_select_a_wifi_network": "Vui lòng chọn mạng Wi-Fi và nhập mật khẩu",
   "wifi_name": "Tên Wi-Fi",
   "password": "Mật khẩu",
@@ -673,6 +699,7 @@
   "station_name": "Tên station",
   "unit_name": "Tên địa điểm",
   "location": "Vị trí",
+  "tap_to_run": "Nhấn để chạy",
   "manage_sub_units": "Quản lý khu vực",
   "unit_wallpaper": "Hình nền địa điểm",
   "tap_to_change": "Nhấn để thay đổi",
@@ -682,9 +709,29 @@
   "battery": "Dung lượng pin",
   "voltage": "Điện áp",
   "temperature": "Nhiệt độ",
+  "how_to_start": "Cách bắt đầu",
   "rssi_board": "RSSI Board",
   "request_fail": "Request fail",
   "modbus_fail": "Modbus failrate",
   "rssi_node": "RSSI Node",
+  "please_add_your_phone_number_and_chip_name": "Vui lòng thêm số điện thoại và tên chip của bạn",
+  "phone_number_of_data_sim": "Số điện thoại của dữ liệu sim",
+  "select_a_sub_unit": "Lựa chọn một khu vực mà bạn muốn thêm gateway",
+  "all_camera": "All Cameras",
+  "gateway_name": "Tên Gateway",
+  "activated_time": "Đã kích hoạt {time}",
+  "activated_successfully": "Đã kích hoạt thành công.",
+  "activation_failed": "Kích hoạt đã thất bại.",
+  "set_hour": "Đặt giờ",
+  "sync_lg_device": "Đồng bộ thiết bị LG",
+  "lg_sync_failed": "Đồng bộ thiết bị LG thất bại!",
+  "lg_sync_success": "Đồng bộ thiết bị LG thành công!",
+  "setting_at": "Thiết lập tại",
+  "name_your_button": "Đặt tên cho nút nhấn của bạn",
+  "continue": "Tiếp tục",
+  "tap_to_run": "Nhấn để chạy",
+  "how_to_start": "Cách khởi động",
+  "actions_list": "Dánh sách hành động",
+  "go_to_automate_scripts": "Đi đến kịch bản tự động",
   "error_please_try_later": "Lỗi! Vui lòng thử lại sau"
 }

package/src/utils/I18n/translations.ts

@@ -0,0 +1,45 @@
+import MessageFormat from '@messageformat/core';
+
+import en from './translations/en.json';
+import vi from './translations/vi.json';
+
+export type TranslationString = keyof typeof en;
+export type Language = 'en' | 'vi';
+
+const res = {
+  en,
+  vi,
+};
+export type InterPolateString = {
+  [name: string]: string;
+};
+
+const formatMess = new MessageFormat('en');
+
+const formatMessage = (message: string, interpolateStr: InterPolateString) => {
+  try {
+    const compiledMsg = formatMess.compile(message);
+    return compiledMsg(interpolateStr);
+  } catch {
+    return message;
+  }
+};
+
+export const getTranslate = (
+  language: Language,
+  key: TranslationString,
+  interpolateStr?: InterPolateString
+) => {
+  // @ts-ignore
+  if (!res[language][key]) {
+    return key;
+  }
+
+  if (!interpolateStr) {
+    // @ts-ignore
+    return res[language][key];
+  }
+
+  // @ts-ignore
+  return formatMessage(res[language][key], interpolateStr);
+};

package/src/utils/Route/index.js

@@ -52,6 +52,7 @@ const Routes = {
   DashboardStack: 'DashboardStack',
   AddSubUnit: 'AddSubUnit',
   AddCommonSelectUnit: 'AddCommonSelectUnit',
+  AddCommonSelectSubUnit: 'AddCommonSelectSubUnit',
   UnitMemberList: 'UnitMemberList',
   SharingSelectPermission: 'SharingSelectPermission',
   SharingInviteMembers: 'SharingInviteMembers',
@@ -92,8 +93,18 @@ const Routes = {
   EmergencyContactsSelectContacts: 'EmergencyContactsSelectContacts',
   TermAndPolicy: 'TermAndPolicy',
   Browser: 'Browser',
+  ManageAccess: 'ManageAccess',
+  AddNewActionStack: 'AddNewActionStack',
+  SelectDevice: 'SelectDevice',
+  GuestInfo: 'GuestInfo',
   AddLGDevice: 'AddLGDevice',
   AddLGDeviceStack: 'AddLGDeviceStack',
+  ScriptDetail: 'TapTuRun',
+  EditActionsList: 'EditActionsList',
+  PlaybackCamera: 'PlaybackCamera',
+  AllCamera: 'AllCamera',
+  AddNewOneTap: 'AddNewOneTap',
+  AddNewScriptAction: 'AddNewScriptAction',
 };
 
 export default Routes;

package/src/utils/I18n/index.js

@@ -1,19 +0,0 @@
-import i18n from 'i18n-js';
-
-export const translations = {
-  en: require('./translations/en.json'),
-  vi: require('./translations/vi.json'),
-};
-
-export const updateTranslation = (langTranslate) => {
-  i18n.translations = {
-    en: { ...translations.en, ...langTranslate.en },
-    vi: { ...translations.vi, ...langTranslate.vi },
-  };
-};
-
-export const setLanguage = (language) => {
-  i18n.locale = language;
-};
-
-export default (key, config) => i18n.translate(key, config);