@eohjsc/react-native-smart-city 0.4.63 → 0.4.64

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.4.63",
+  "version": "0.4.64",
   "description": "TODO",
   "main": "index.js",
   "files": [

package/src/commons/Device/ConnectedViewHeader.js

@@ -1,5 +1,5 @@
 import React, { memo } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { Colors } from '../../configs';
@@ -54,6 +54,7 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',
+    marginTop: Platform.OS === 'ios' ? 25 : 0,
   },
   connectStatus: {
     flexDirection: 'row',

package/src/commons/Header/Styles/HeaderCustomStyles.js

@@ -54,7 +54,6 @@ export default StyleSheet.create({
     marginLeft: 0,
   },
   wrapTitle: {
-    flex: 1,
     marginHorizontal: 12,
   },
 });

package/src/commons/SubUnit/OneTap/__test__/SubUnitAutomate.test.js

@@ -275,7 +275,7 @@ describe('test Item', () => {
     });
     expect(mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_automations_per_unit'),
+      getTranslate('en', 'reach_max_automations_per_unit', { length: 0 }),
       '',
       7000
     );

package/src/iot/Monitor.js

@@ -83,6 +83,9 @@ export const watchMultiConfigs = async (configIds) => {
 };
 
 export const realWatchMultiConfigs = async (configIds) => {
+  if (configIds.length === 0) {
+    return;
+  }
   const { success, data } = await axiosPost(
     API.IOT.CHIP_MANAGER.WATCH_CONFIGS(),
     {

package/src/screens/AddNewGateway/__test__/SelectDeviceType.test.js

@@ -148,7 +148,7 @@ describe('Test select device type', () => {
     });
     expect(mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_configs_per_unit'),
+      getTranslate('en', 'reach_max_configs_per_unit', { length: 1 }),
       '',
       7000
     );
@@ -189,7 +189,7 @@ describe('Test select device type', () => {
     });
     expect(mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_chips_per_unit'),
+      getTranslate('en', 'reach_max_chips_per_unit', { length: 1 }),
       '',
       7000
     );

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

@@ -305,7 +305,7 @@ describe('Test ScriptDetail', () => {
     });
     expect(mockNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_actions_per_automation'),
+      getTranslate('en', 'reach_max_actions_per_automation', { length: 0 }),
       '',
       7000
     );

package/src/screens/Automate/__test__/MultiUnits.test.js

@@ -252,7 +252,7 @@ describe('Test MultiUnits', () => {
     });
     expect(mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_automations_per_unit'),
+      getTranslate('en', 'reach_max_automations_per_unit', { length: 0 }),
       '',
       7000
     );

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

@@ -148,7 +148,7 @@ describe('Test Automate', () => {
     });
     expect(mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_automations_per_unit'),
+      getTranslate('en', 'reach_max_automations_per_unit', { length: 0 }),
       '',
       7000
     );

package/src/screens/Device/detail.js

@@ -495,8 +495,7 @@ const DeviceDetail = ({ route }) => {
   useFocusEffect(
     useCallback(() => {
       let params = new URLSearchParams();
-      const configIds = [];
-
+      let configIds = [];
       // todo Bang refactor widgets like dashboard
       display.items.map((item) => {
         if (!item.configuration) {
@@ -514,9 +513,8 @@ const DeviceDetail = ({ route }) => {
         });
         if (item.configuration.config) {
           const config = item.configuration.config;
-          config?.id &&
-            !configIds.includes(config.id) &&
-            configIds.push(config.id);
+          const configId = config?.id ? config?.id : config;
+          !configIds.includes(configId) && configIds.push(configId);
         }
       });
       configIdsTemp.current = configIds.filter(Boolean);

package/src/screens/Device/hooks/__test__/useEvaluateValue.test.js

@@ -62,7 +62,7 @@ describe('useEvaluateValue', () => {
     };
   });
 
-  test('should evaluate range correctly', () => {
+  test('should evaluate range correctly 1', () => {
     const value = 1.2;
     const valueEvaluation = {
       id: 8662,
@@ -70,8 +70,56 @@ describe('useEvaluateValue', () => {
       configuration: {
         ranges: [
           {
-            end: 1,
+            start: 0,
+            end: 0.9,
+            evaluate: {
+              icon: 'CheckCircleOutlined',
+              text: 'Active',
+              borderColor: '#00d084',
+              backgroundColor: 'rgba(0, 208, 132, 0.3)',
+            },
+            end_condition: '<',
+            start_condition: '>=',
+          },
+          {
             start: 1,
+            end: 2,
+            evaluate: {
+              icon: 'CheckCircleOutlined',
+              text: 'InActive',
+              borderColor: '#abb8c3',
+              backgroundColor: 'rgba(171, 184, 195, 0.3)',
+            },
+            end_condition: '<',
+            start_condition: '>=',
+          },
+        ],
+      },
+      configs: [28265],
+    };
+
+    const { result } = renderHook(() => useEvaluateValue());
+    const evaluateValue = result.current;
+
+    const evaluatedResult = evaluateValue(value, valueEvaluation);
+    expect(evaluatedResult).toEqual({
+      backgroundColor: 'rgba(171, 184, 195, 0.3)',
+      borderColor: '#abb8c3',
+      icon: 'CheckCircleOutlined',
+      text: 'InActive',
+    });
+  });
+
+  test('should evaluate range correctly 2', () => {
+    const value = 1.2;
+    const valueEvaluation = {
+      id: 8662,
+      template: 'range',
+      configuration: {
+        ranges: [
+          {
+            start: 0,
+            end: null,
             evaluate: {
               icon: 'CheckCircleOutlined',
               text: 'Active',
@@ -82,8 +130,56 @@ describe('useEvaluateValue', () => {
             start_condition: '>=',
           },
           {
-            end: 0,
+            start: 1,
+            end: 2,
+            evaluate: {
+              icon: 'CheckCircleOutlined',
+              text: 'InActive',
+              borderColor: '#abb8c3',
+              backgroundColor: 'rgba(171, 184, 195, 0.3)',
+            },
+            end_condition: '<',
+            start_condition: '>=',
+          },
+        ],
+      },
+      configs: [28265],
+    };
+
+    const { result } = renderHook(() => useEvaluateValue());
+    const evaluateValue = result.current;
+
+    const evaluatedResult = evaluateValue(value, valueEvaluation);
+    expect(evaluatedResult).toEqual({
+      icon: 'CheckCircleOutlined',
+      text: 'Active',
+      borderColor: '#00d084',
+      backgroundColor: 'rgba(0, 208, 132, 0.3)',
+    });
+  });
+
+  test('should evaluate range correctly 3', () => {
+    const value = 1.2;
+    const valueEvaluation = {
+      id: 8662,
+      template: 'range',
+      configuration: {
+        ranges: [
+          {
             start: 0,
+            end: 0.9,
+            evaluate: {
+              icon: 'CheckCircleOutlined',
+              text: 'Active',
+              borderColor: '#00d084',
+              backgroundColor: 'rgba(0, 208, 132, 0.3)',
+            },
+            end_condition: '<',
+            start_condition: '>=',
+          },
+          {
+            start: 1,
+            end: null,
             evaluate: {
               icon: 'CheckCircleOutlined',
               text: 'InActive',
@@ -110,23 +206,60 @@ describe('useEvaluateValue', () => {
     });
   });
 
+  test('should evaluate map correctly', () => {
+    const value = 0;
+    const valueEvaluation = {
+      id: 8662,
+      template: 'map',
+      configuration: {
+        maps: [
+          {
+            evaluate: {
+              icon: 'CheckCircleOutlined',
+              text: 'Active',
+              borderColor: '#00d084',
+              backgroundColor: 'rgba(0, 208, 132, 0.3)',
+            },
+            values: [1],
+          },
+          {
+            evaluate: {
+              icon: 'CheckCircleOutlined',
+              text: 'InActive',
+              borderColor: '#abb8c3',
+              backgroundColor: 'rgba(171, 184, 195, 0.3)',
+            },
+            values: [0],
+          },
+        ],
+      },
+      configs: [28265],
+    };
+
+    const { result } = renderHook(() => useEvaluateValue());
+    const evaluateValue = result.current;
+
+    const evaluatedResult = evaluateValue(value, valueEvaluation);
+    expect(evaluatedResult).toEqual({
+      backgroundColor: 'rgba(171, 184, 195, 0.3)',
+      borderColor: '#abb8c3',
+      icon: 'CheckCircleOutlined',
+      text: 'InActive',
+    });
+  });
+
   test('should evaluate boolean correctly', () => {
     const value = 0;
     const valueEvaluation = {
       id: 8662,
       template: 'boolean',
+      is_on_value: [1],
       configuration: {
         on: {
-          value: 1,
-          evaluate: {
-            text: 'On',
-          },
+          text: 'On',
         },
         off: {
-          value: 0,
-          evaluate: {
-            text: 'Off',
-          },
+          text: 'Off',
         },
       },
       configs: [28265],

package/src/screens/Device/hooks/useEvaluateValue.js

@@ -20,49 +20,82 @@ const evaluateRange = (value, configuration) => {
 
   for (let i = 0; i < configuration?.ranges?.length; i++) {
     const range = configuration.ranges[i];
-    if (range.start <= value && value <= range.end) {
+    if (range.end === null && range.start <= value) {
+      return range.evaluate;
+    }
+    if (range.start === null && range.end >= value) {
       return range.evaluate;
     }
-    if (!range.end && range.start <= value) {
+    if (range.start <= value && value <= range.end) {
       return range.evaluate;
     }
   }
   return { text: value };
 };
 
+const isNumberEqual = (v1, v2) => {
+  return parseFloat(v1) === parseFloat(v2);
+};
+
+const isContainNumber = (values, v) => {
+  return values.find((value) => isNumberEqual(value, v)) !== undefined;
+};
+
+const evaluateMap = (value, configuration) => {
+  /*
+  configuration: {
+    maps: [
+      { values: [1], evaluate: 'On' },
+      { values: [0], evaluate: {text: 'Off'} },
+    ]
+  }
+ */
+
+  if (!value) {
+    value = 0;
+  }
+
+  for (let i = 0; i < configuration?.maps?.length; i++) {
+    const map = configuration.maps[i];
+    if (isContainNumber(map.values, value)) {
+      return map.evaluate;
+    }
+  }
+  return { text: value?.toString() };
+};
+
 const evaluateBoolean = (value, configuration) => {
   /*
   configuration: {
+    'is_on_value': [1],
       'on': {
-          'value': 1,
-          'evaluate': {
-              'text': 'On',
-          },
+          'text': 'On',
       },
       'off': {
-          'value': 0,
-
-          'evaluate': {
-              'text': 'Off',
-          },
+          'text': 'Off',
       },
   }
  */
   if (!value) {
     value = 0;
   }
-  if (value === configuration.on?.value) {
-    return configuration.on.evaluate;
+  let isOn =
+    configuration.is_on_value?.find((v) => isNumberEqual(v, value)) !==
+    undefined;
+  if (configuration.is_on_value) {
+    isOn = value;
   }
-  if (value === configuration.off?.value) {
-    return configuration.off.evaluate;
+
+  if (isOn) {
+    return configuration.on;
   }
-  return { text: value };
+  return configuration.off;
 };
 
 export const valueEvaluationFuncs = {
   range: evaluateRange,
   boolean: evaluateBoolean,
+  map: evaluateMap,
 };
 
 export const useEvaluateValue = () => {

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

@@ -101,7 +101,7 @@ describe('test MemberList', () => {
     });
     expect(mockedNavigate).not.toBeCalled();
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_members_per_unit'),
+      getTranslate('en', 'reach_max_members_per_unit', { length: 0 }),
       '',
       7000
     );

package/src/screens/SubUnit/AddSubUnit.js

@@ -136,7 +136,13 @@ const AddSubUnit = ({ route }) => {
           if (
             unitChoose?.stations?.length >= permissions?.max_stations_per_unit
           ) {
-            ToastBottomHelper.error(t('reach_max_stations_per_unit'), '', 7000);
+            ToastBottomHelper.error(
+              t('reach_max_stations_per_unit', {
+                length: permissions?.max_stations_per_unit,
+              }),
+              '',
+              7000
+            );
           }
         }
       }

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

@@ -343,7 +343,7 @@ describe('Test AddSubUnit', () => {
       await viewButtonBottom.props.onRightClick();
     });
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_stations_per_unit'),
+      getTranslate('en', 'reach_max_stations_per_unit', { length: 0 }),
       '',
       7000
     );

package/src/screens/Template/utils/ValueEvaluation.test.js

@@ -6,7 +6,7 @@ describe('Test ValueEvaluation', () => {
     const { result } = renderHook(() =>
       evaluateValue(1, { template: 'boolean', configuration: { id: 1 } })
     );
-    expect(result.current).toEqual({ text: 1 });
+    expect(result.current).toEqual(undefined);
   });
   it('render ValueEvaluation none configuration', async () => {
     const { result } = renderHook(() =>
@@ -14,7 +14,7 @@ describe('Test ValueEvaluation', () => {
     );
     expect(result.current).toEqual({ text: 1 });
   });
-  it('render ValueEvaluation none valueEvalation', async () => {
+  it('render ValueEvaluation none valueEvaluation', async () => {
     const { result } = renderHook(() => evaluateValue(1));
     expect(result.current).toEqual({ text: 1 });
   });

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

@@ -164,7 +164,7 @@ describe('Test AddMenu Unit', () => {
       menuActionAddnew.props.onItemClick(menuActionAddnew.props.dataActions[0]);
     });
     expect(spyToastError).toBeCalledWith(
-      getTranslate('en', 'reach_max_stations_per_unit'),
+      getTranslate('en', 'reach_max_stations_per_unit', { length: 1 }),
       '',
       7000
     );

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

@@ -1410,31 +1410,32 @@ export default {
     'minutes.\n\n Some device control functions will be interrupted during the upgrade.[Era] would like to ask ' +
     'for your understanding for this inconvenience.\n\nBest regards.',
   please_enter_a_number: 'Please enter a number',
-  reach_max_stations_per_unit:
-    'Sub-unit is incomplete. Please visit app.e-ra.io to complete your operation.',
   not_support_plug_and_play: 'Not support plug and play',
+  reach_max_stations_per_unit:
+    'You have reached the maximum number of {length} sub-unit per unit.',
   reach_max_actions_per_automation:
-    'Action is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You have reached the maximum number of {length} actions per automation.',
   reach_max_automations_per_unit:
-    'Automation is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You have reached the maximum number of {length} automations per unit.',
   reach_max_members_per_unit:
-    'Member is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You have reached the maximum number of {length} members per unit.',
   reach_max_chips_per_unit:
-    'Chip is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You have reached the maximum number of {length} chips per unit.',
   reach_max_configs_per_unit:
-    'Config is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You have reached the maximum number of {length} configurations per unit.',
   no_permission_plug_and_play_modbus:
-    'Add modbus is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You do not have permission to add Modbus devices. Please upgrade your service package at e-ra.io',
   no_permission_plug_and_play_zigbee:
-    'Add zigbee is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You do not have permission to add Zigbee devices. Please upgrade your service package at e-ra.io',
   no_permission_plug_and_play_wifi:
-    'Add wifi is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You do not have permission to add Wifi devices. Please upgrade your service package at e-ra.io',
   no_permission_plug_and_play_gateway:
-    'Add gateway is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You do not have permission to add Gateways. Please upgrade your service package at e-ra.io',
   no_permission_view_action_log:
-    'View action log is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You do not have permission to view Activity Logs. Please upgrade your service package at e-ra.io',
   no_permission_smart_script_for_multi_unit:
-    'Smart script for Multi Unit is incomplete. Please visit app.e-ra.io to complete your operation.',
+    'You do not have permission to create additional Smart Scripts for multiple locations. ' +
+    'Please upgrade your service package at e-ra.io',
   you_can_only_add_more: 'You can only add more {number}',
   actions: 'actions',
   value_must_be_less_than_8_character:

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

@@ -1422,31 +1422,31 @@ export default {
   value_must_be_greater_than_min: 'Giá trị phải lớn hơn {min}',
   value_must_be_less_than_max: 'Giá trị phải nhỏ hơn {max}',
   please_enter_a_number: 'Vui lòng nhập một số',
-  reach_max_stations_per_unit:
-    'Sub-unit chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
   not_support_plug_and_play: 'Không hỗ trợ kết nối tự động',
+  reach_max_stations_per_unit:
+    'Bạn đã đạt đến số lượng tối đa {length} khu vực cho mỗi địa điểm.',
   reach_max_actions_per_automation:
-    'Action chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn đã đạt đến số lượng tối đa {length} hành động cho mỗi tự động hoá.',
   reach_max_automations_per_unit:
-    'Automation chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn đã đạt đến số lượng tối đa {length} tự động hoá cho mỗi địa điểm.',
   reach_max_members_per_unit:
-    'Member chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn đã đạt đến số lượng tối đa {length} thành viên cho mỗi địa điểm.',
   reach_max_chips_per_unit:
-    'Chip chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn đã đạt đến số lượng tối đa {length} chip cho mỗi địa điểm.',
   reach_max_configs_per_unit:
-    'Config chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn đã đạt đến số lượng tối đa {length} thông số cho mỗi địa điểm..',
   no_permission_plug_and_play_modbus:
-    'Kết nối tự động modbus chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn không có quyền thêm thiết bị Modbus. Vui lòng nâng cấp gói dịch vụ tại e-ra.io',
   no_permission_plug_and_play_zigbee:
-    'Kết nối tự động zigbee chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn không có quyền thêm thiết bị Zigbee. Vui lòng nâng cấp gói dịch vụ tại e-ra.io',
   no_permission_plug_and_play_wifi:
-    'Kết nối tự động wifi chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn không có quyền thêm thiết bị Wifi. Vui lòng nâng cấp gói dịch vụ tại e-ra.io',
   no_permission_plug_and_play_gateway:
-    'Kết nối tự động gateway chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn không có quyền thêm Gateway. Vui lòng nâng cấp gói dịch vụ tại e-ra.io',
   no_permission_view_action_log:
-    'Xem lịch sử hoạt động chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn không có quyền xem Nhật ký hoạt động. Vui lòng nâng cấp gói dịch vụ tại e-ra.io',
   no_permission_smart_script_for_multi_unit:
-    'Kịch bản thông minh cho nhiều địa điểm chưa hoàn tất. Hãy truy cập app.e-ra.io để hoàn thiện thao tác của bạn.',
+    'Bạn không có quyền tạo thêm Kịch bản thông minh cho nhiều địa điểm. Vui lòng nâng cấp gói dịch vụ tại e-ra.io',
   you_can_only_add_more: 'Bạn chỉ có thể thêm {number}',
   actions: 'hành động',
   value_must_be_less_than_8_character: 'Giá trị phải ít hơn hoặc bằng 8 kí tự',