@eohjsc/react-native-smart-city 0.7.20 → 0.7.22

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

@@ -499,6 +499,8 @@ export default {
   west: 'West',
   condition: 'Condition',
   no_condition: 'No condition',
+  available_condition: 'Available [{number}] condition',
+  available_action: 'Available [{number}] action',
   north_east: 'North East',
   south_east: 'South East',
   south_west: 'South West',
@@ -958,7 +960,7 @@ export default {
   today: 'Today',
   yesterday: 'Yesterday',
   at: 'at',
-  choose_at_least_one: 'Please choose at least one sensor.',
+  choose_at_least_one: 'Please choose at least one device.',
   'transaction_is_unsuccessful_%{message}':
     'Transaction is unsuccessful. %{message}',
   emergency_resolved:
@@ -1030,8 +1032,21 @@ export default {
   multi_units_automate: 'Multi-Units Smart',
   tap_to_run: 'Tap to run',
   how_to_start: 'How to start',
+  go_to_unit: 'Go to Unit',
   edit_condition: 'Edit condition',
+  update_condition_success: 'Update condition success',
+  edit_condition_success: 'Edit condition success',
+  delete_condition: 'Delete condition',
+  are_met: 'Are Met (All Condition)',
+  is_met: 'Is Met (Any Condition)',
+  add_condition: 'Add condition',
+  add_condition_success: 'Add condition success',
   device_display: 'Device display',
+  time_frame: 'Time frame',
+  ex_time_frame: 'For example: 8:00 a.m. everyday.',
+  when_value_change: 'When the value of the device changes',
+  ex_when_value_change:
+    'For example: When opening the door, when the sensor value changes, etc.',
   'set_up {name}': 'Setup {name}',
   choose_action: 'Choose action',
   action: 'action',
@@ -1047,8 +1062,11 @@ export default {
   add_script: 'Add Script',
   delete_script: 'Delete Script',
   title_delete_script: 'Delete script "{scriptName}"?',
+  title_delete_condition: 'Delete condition schedule?',
   message_delete_script:
     'Are you sure you want to delete script "{scriptName}"?',
+  message_delete_condition:
+    'Are you sure you want to delete condition schedule?',
   rename_automate: 'Rename automate',
   edit_sub_unit: 'Edit Sub-unit',
   no_sub_unit_yet: 'No sub-unit yet.',
@@ -1072,6 +1090,7 @@ export default {
   smart: 'Smart',
   enable_this_script: 'Enable this script',
   local_control: 'Local control',
+  local_control_update_success: 'Local control update successful',
   choose_gateway: 'Choose gateway',
   this_script_has_been_disabled: 'This script has been disabled',
   disable: 'Disable',
@@ -1501,6 +1520,8 @@ export default {
     'You have reached the maximum number of {length} chips per unit.',
   reach_max_configs_per_unit:
     'You have reached the maximum number of {length} configurations per unit.',
+  reach_max_conditions_per_automation:
+    'You have reached the maximum number of {length} condition per scenario.',
   no_permission_plug_and_play_modbus:
     'You do not have permission to add Modbus devices. Please upgrade your service package at e-ra.io',
   no_permission_plug_and_play_zigbee:

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

@@ -491,6 +491,8 @@ export default {
   to: 'đến',
   condition: 'Điều kiện',
   no_condition: 'Không điều kiện',
+  available_condition: 'Số điều khiện còn lại [{number}]',
+  available_action: 'Số hành động còn lại [{number}]',
   shared_unit: 'Khu vực được chia sẻ',
   owner_unit: 'Chủ khu vực',
   sensor_device: 'Thiết bị cảm biến',
@@ -530,7 +532,7 @@ export default {
   role: 'Vai trò',
   change_role: 'Thay đổi vai trò',
   identity: 'Xác thực',
-  share_devices: 'Chia sẽ thiết bị',
+  share_devices: 'Chia sẻ thiết bị',
   no_member: 'Không có thành viên nào',
   sharing_removed_user: 'Thành viên {name} đã được xóa.',
   sharing_you_left: 'Bạn đã rời địa điểm.',
@@ -1042,8 +1044,21 @@ export default {
   continue: 'Tiếp tục',
   tap_to_run: 'Nhấn để chạy',
   how_to_start: 'Cách khởi động',
+  go_to_unit: 'Đi đến địa điểm',
   edit_condition: 'Chỉnh sửa điều kiện',
+  update_condition_success: 'Cập nhật điều kiện thành công',
+  edit_condition_success: 'Chỉnh sửa điều kiện thành công',
+  delete_condition: 'Xoá điều kiện',
+  are_met: 'Tất cả điều khiện đều thỏa',
+  is_met: 'Một trong các điều kiện được thỏa',
+  add_condition: 'Thêm điều khiện',
+  add_condition_success: 'Thêm điều khiện thành công',
   device_display: 'Thiết bị hiển thị',
+  time_frame: 'Khung thời gian',
+  ex_time_frame: 'Ví dụ: 8:00 a.m. mỗi ngày.',
+  when_value_change: 'Khi giá trị của thiết bị có thay đổi',
+  ex_when_value_change:
+    'Ví dụ: Khi mở cửa, khi giá trị cảm biến thay đổi, .v.v.',
   'set_up {name}': 'Thiết lập {name}',
   choose_action: 'Lựa chọn hành động',
   action: 'hành động',
@@ -1059,7 +1074,9 @@ export default {
   add_script: 'Thêm Kịch Bản',
   delete_script: 'Xóa kịch bản',
   title_delete_script: 'Xóa kịch bản "{scriptName}"?',
+  title_delete_condition: 'Xoá điều kiện lịch trình?',
   message_delete_script: 'Bạn có chắc chắn muốn xóa kịch bản "{scriptName}"?',
+  message_delete_condition: 'Bạn có chắc chắn muốn xóa điều kiện lịch trình?',
   rename_automate: 'Đổi tên tự động hóa',
   edit_sub_unit: 'Chỉnh sửa khu vực',
   no_sub_unit_yet: 'Chưa có khu vực nào.',
@@ -1082,6 +1099,7 @@ export default {
   smart: 'Thông minh',
   enable_this_script: 'Kích hoạt kịch bản này',
   local_control: 'Điều khiển tại biên',
+  local_control_update_success: 'Cập nhật điều khiển tại biên thành công',
   choose_gateway: 'Chọn gateway',
   this_script_has_been_disabled: 'Kịch bản này đã bị vô hiệu hoá',
   disable: 'Vô hiệu hóa',
@@ -1508,7 +1526,9 @@ export default {
   reach_max_chips_per_unit:
     'Bạn đã đạt đến số lượng tối đa {length} chip cho mỗi địa điểm.',
   reach_max_configs_per_unit:
-    'Bạn đã đạt đến số lượng tối đa {length} thông số cho mỗi địa điểm..',
+    'Bạn đã đạt đến số lượng tối đa {length} thông số cho mỗi địa điểm.',
+  reach_max_conditions_per_automation:
+    'Bạn đã đạt đến số lượng tối đa {length} điều kiện cho mỗi kịch bản.',
   no_permission_plug_and_play_modbus:
     '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:
@@ -1530,7 +1550,7 @@ export default {
   bellow_widget_is_not_configured: 'Tiện ích bên dưới chưa được cấu hình',
   bellow_widget_is_wrongly_configured: 'Tiện ích bên dưới được cấu hình sai',
   widget_have_not_been_shared:
-    'Tiện ích {widget} chưa được chia sẽ. Vui lòng liên hệ với chủ sở hữu',
+    'Tiện ích {widget} chưa được chia sẻ. Vui lòng liên hệ với chủ sở hữu',
   customize: 'Tùy chỉnh điều kiện',
   uri_invalid: 'URI không hợp lệ',
   when_value_is: 'Kích hoạt khi giá trị "{config_name}"',

package/src/utils/Route/index.js

@@ -155,6 +155,7 @@ const Routes = {
   EditDevice: 'EditDevice',
   SetSchedule: 'SetSchedule',
   Notification: 'Notification',
+  AddEditConditionSchedule: 'AddEditConditionSchedule',
   PersonalHealthStack: 'PersonalHealthStack',
   ListSmartAccount: 'ListSmartAccount',
   ListDeviceSmartAccount: 'ListDeviceSmartAccount',

package/src/commons/Sharing/StationDevicePermissions.js

@@ -1,204 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-import { Colors } from '../../configs';
-import Text from '../../commons/Text';
-import SensorIcon from '../../../assets/images/Device/sensor.svg';
-import BarrierIcon from '../../../assets/images/Device/barrier.svg';
-import SvgDoor from '../../../assets/images/Device/door.svg';
-import SensorInactive from '../../../assets/images/Device/sensor-inactive.svg';
-import BarrierInactive from '../../../assets/images/Device/barrier-inactive.svg';
-import DoorInactive from '../../../assets/images/Device/door-inactive.svg';
-
-import DevicePermissionsCheckbox from './DevicePermissionsCheckbox';
-
-const StationDevicePermissions = ({ dataStation, onselectSensor }) => {
-  const t = useTranslations();
-  const [listChosen, setListChosen] = useState({}); // { sensorId : indexConfigChoosen , ...}
-  const [expandedIndex, setExpandedIndex] = useState(-1);
-
-  const displayIconSensor = (svgMain, activated) => {
-    let svgResult;
-    switch (svgMain) {
-      case 'barrier':
-        svgResult = activated ? <BarrierIcon /> : <BarrierInactive />;
-        break;
-      case 'sensor':
-        svgResult = activated ? <SensorIcon /> : <SensorInactive />;
-        break;
-      default:
-        svgResult = activated ? <SvgDoor /> : <DoorInactive />;
-        break;
-    }
-    return svgResult;
-  };
-
-  const onPressExpand = useCallback(
-    (index) => () => {
-      setExpandedIndex(index === expandedIndex ? -1 : index);
-    },
-    [expandedIndex]
-  );
-
-  const onSelectIndexes = useCallback(
-    (sensor, selectionIndexes) => {
-      let readPermission = [];
-      let controlPermission = [];
-      if (selectionIndexes.indexOf(-1) > -1) {
-        //perrmision
-        readPermission = sensor.read_configs.map((item) => item.id);
-        controlPermission = sensor.actions.map((item) => item.id);
-      } else {
-        selectionIndexes.forEach((index) => {
-          if (index >= sensor.read_configs.length) {
-            //index of actions
-            controlPermission.push(
-              sensor.actions[index - sensor.read_configs.length].id
-            );
-          } else {
-            readPermission.push(sensor.read_configs[index].id);
-          }
-        });
-      }
-      onselectSensor(sensor.id, readPermission, controlPermission);
-
-      const chosen = { ...listChosen };
-      chosen[sensor.id] = selectionIndexes;
-      setListChosen(chosen);
-    },
-    [listChosen, setListChosen, onselectSensor]
-  );
-
-  const RowDevice = ({ sensor, index }) => {
-    return (
-      <View>
-        <TouchableOpacity
-          style={styles.rowContainer}
-          onPress={onPressExpand(index)}
-        >
-          <View style={styles.iconContainer}>
-            {displayIconSensor(
-              sensor.icon || 'door',
-              !!listChosen[sensor.id] && listChosen[sensor.id].length > 0
-            )}
-          </View>
-          <View style={styles.infoContainer}>
-            <Text style={styles.text}>{sensor.name}</Text>
-            <View style={styles.rightImage}>
-              <IconOutline
-                name={expandedIndex === index ? 'up' : 'down'}
-                size={20}
-                color={Colors.Gray6}
-              />
-            </View>
-          </View>
-        </TouchableOpacity>
-        <View
-          style={
-            expandedIndex === index
-              ? styles.expandContainer
-              : styles.collapseContainer
-          }
-        >
-          <DevicePermissionsCheckbox
-            sensor={sensor}
-            selectedIndexes={listChosen[sensor.id] ?? []}
-            onSelectIndexes={onSelectIndexes}
-          />
-        </View>
-        <View style={styles.lineSpace} />
-      </View>
-    );
-  };
-
-  return (
-    <>
-      <Text color={Colors.Gray8} style={styles.stationName}>
-        {dataStation.name}
-      </Text>
-      <View style={styles.box}>
-        {!dataStation.sensors.length && (
-          <Text style={styles.textEmpty}>{t('no_device')}</Text>
-        )}
-        {dataStation.sensors.map((device, index) => (
-          <RowDevice sensor={device} index={index} key={device.id} />
-        ))}
-      </View>
-    </>
-  );
-};
-
-const styles = StyleSheet.create({
-  box: {
-    paddingBottom: 16,
-    borderRadius: 20,
-    backgroundColor: Colors.White,
-    borderWidth: 1,
-    borderColor: Colors.Gray4,
-    marginBottom: 16,
-  },
-  rowContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-  },
-  iconContainer: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginRight: 16,
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-  },
-  infoContainer: {
-    flex: 1,
-    paddingVertical: 16,
-  },
-  lineSpace: {
-    borderBottomWidth: 1,
-    borderColor: Colors.Gray4,
-    position: 'absolute',
-    bottom: 0,
-    left: 72,
-    right: 24,
-    height: 1,
-  },
-  text: {
-    fontSize: 16,
-    lineHeight: 24,
-    color: Colors.Gray9,
-    marginBottom: 0,
-  },
-  rightImage: {
-    position: 'absolute',
-    right: 0,
-    top: 10,
-    bottom: 10,
-    paddingHorizontal: 10,
-    justifyContent: 'center',
-  },
-  expandContainer: {
-    marginTop: -6,
-    marginRight: 24,
-    marginLeft: 72,
-    marginBottom: 10,
-  },
-  collapseContainer: {
-    height: 0,
-    overflow: 'hidden',
-  },
-  stationName: {
-    fontSize: 14,
-    lineHeight: 22,
-    paddingLeft: 16,
-    marginBottom: 8,
-  },
-  textEmpty: {
-    flex: 1,
-    textAlign: 'center',
-    marginTop: 16,
-  },
-});
-
-export default StationDevicePermissions;

package/src/screens/Sharing/Components/CheckBoxConfig.js

@@ -1,44 +0,0 @@
-import React, { memo } from 'react';
-import { View, Text } from 'react-native';
-import { CheckBoxCustom } from '.';
-import styles from './Styles/CheckBoxConfigStyles';
-import t from '../../../hooks/Common/useTranslations';
-import AccessibilityLabel from '../../../configs/AccessibilityLabel';
-
-const CheckBoxConfig = ({
-  isChecked,
-  onPress,
-  title,
-  indexSubUnit,
-  indexEndDevice,
-  configId,
-  isControl,
-  isConfig,
-  item,
-}) => {
-  const handleOnPress = () => {
-    onPress(indexSubUnit, indexEndDevice, configId, item, isConfig, !isChecked);
-  };
-
-  return (
-    <View style={styles.wrap}>
-      <View style={styles.wrapRow}>
-        <CheckBoxCustom
-          isChecked={isChecked}
-          onPress={handleOnPress}
-          wrapStyle={styles.wrapCheckBoxStyle}
-          accessibilityLabel={`${AccessibilityLabel.SHARE_DEVICE.CHECK_BOX_CONFIG}-${configId}`}
-        />
-        <Text onPress={handleOnPress} style={styles.titleStyle}>
-          {title}
-        </Text>
-      </View>
-      <View>
-        {isControl && <Text>{t('can_control')}</Text>}
-        {isConfig && <Text>{t('view_only')}</Text>}
-      </View>
-    </View>
-  );
-};
-
-export default memo(CheckBoxConfig);

package/src/screens/Sharing/Components/CheckBoxSubUnit.js

@@ -1,35 +0,0 @@
-import React, { memo, useEffect, useState } from 'react';
-import { View, Text } from 'react-native';
-import { CheckBoxCustom } from '.';
-import styles from './Styles/TitleCheckBoxStyles';
-import AccessibilityLabel from '../../../configs/AccessibilityLabel';
-
-const CheckBoxSubUnit = ({ isChecked, onPress, title, indexSubUnit }) => {
-  const [checked, setChecked] = useState(isChecked);
-  const handleOnPress = () => {
-    setChecked(!checked);
-    onPress(indexSubUnit, !checked);
-  };
-
-  useEffect(() => {
-    if (isChecked !== checked) {
-      setChecked(isChecked);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isChecked]);
-
-  return (
-    <View style={styles.wrap}>
-      <View style={styles.wrapRow}>
-        <CheckBoxCustom
-          isChecked={checked}
-          onPress={handleOnPress}
-          accessibilityLabel={`${AccessibilityLabel.SHARE_DEVICE.CHECK_BOX_CUSTOM}-${indexSubUnit}`}
-        />
-        <Text onPress={handleOnPress}>{title}</Text>
-      </View>
-    </View>
-  );
-};
-
-export default memo(CheckBoxSubUnit);

package/src/screens/Sharing/Components/EndDevice.js

@@ -1,93 +0,0 @@
-import React, { memo, useMemo, useState } from 'react';
-import { View, Text, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { Colors } from '../../../configs';
-import styles from './Styles/DeviceItemStyles';
-import { AccessibilityLabel } from '../../../configs/Constants';
-import IconComponent from '../../../commons/IconComponent';
-import CheckBoxConfig from './CheckBoxConfig';
-
-const EndDevice = ({
-  item,
-  onTickedChild,
-  onTickEndDevice,
-  isItemExpanded,
-  toggleExpandEndDevice,
-  indexSubUnit,
-  indexEndDevice,
-  expandEndDevice,
-}) => {
-  const { name, actions, read_configs, icon_kit, icon, isChecked } = item;
-  const [checked, setChecked] = useState(isChecked);
-
-  const dataConfig = useMemo(() => {
-    return [
-      ...actions.map((i) => ({ ...i, isControl: true })),
-      ...read_configs.map((i) => ({ ...i, isConfig: true })),
-    ];
-  }, [actions, read_configs]);
-
-  const onPressItem = () => {
-    expandEndDevice();
-    onTickEndDevice(indexSubUnit, indexEndDevice, item, !checked);
-    setChecked(!checked);
-  };
-
-  const renderData = useMemo(() => {
-    return dataConfig.map((i) => (
-      <CheckBoxConfig
-        key={i.id}
-        item={item}
-        title={i.name}
-        configId={i.id}
-        isConfig={i.isConfig}
-        isControl={i.isControl}
-        onPress={onTickedChild}
-        isChecked={i.isChecked}
-        indexSubUnit={indexSubUnit}
-        indexEndDevice={indexEndDevice}
-      />
-    ));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dataConfig]);
-
-  return (
-    <View style={styles.wrap}>
-      <TouchableOpacity onPress={onPressItem}>
-        <IconComponent
-          icon={icon_kit || icon}
-          size={20}
-          style={styles.viewLeft}
-        />
-      </TouchableOpacity>
-      <View style={styles.wrapRight}>
-        <View style={styles.viewRight}>
-          <Text
-            numberOfLines={1}
-            style={styles.text}
-            onPress={onPressItem}
-            accessibilityLabel={`${AccessibilityLabel.SHARE_DEVICE.CLICK_NAME_END_DEVICE}-${indexEndDevice}`}
-          >
-            {name}
-          </Text>
-          {checked && (
-            <IconOutline name={'check'} color={Colors.Primary} size={20} />
-          )}
-
-          {dataConfig.length > 0 && (
-            <IconOutline
-              onPress={() => toggleExpandEndDevice()}
-              name={isItemExpanded ? 'up' : 'down'}
-              size={20}
-              color={Colors.Gray6}
-              accessibilityLabel={`${AccessibilityLabel.SHARE_DEVICE.EXPAND_END_DEVICE}-${indexEndDevice}`}
-            />
-          )}
-        </View>
-        {isItemExpanded && <View style={styles.wrapExpand}>{renderData}</View>}
-      </View>
-    </View>
-  );
-};
-
-export default memo(EndDevice);

package/src/screens/Sharing/Components/Styles/CheckBoxConfigStyles.js

@@ -1,18 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-export default StyleSheet.create({
-  wrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  wrapRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  wrapCheckBoxStyle: {
-    marginLeft: -10,
-  },
-  titleStyle: {
-    width: 200,
-  },
-});

package/src/screens/Sharing/Components/Styles/TitleCheckBoxStyles.js

@@ -1,21 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Colors } from '../../../../configs';
-import { normalize } from '../../../../configs/Constants';
-
-export default StyleSheet.create({
-  wrap: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-  title: {
-    color: Colors.Gray8,
-    fontSize: normalize(14),
-    lineHeight: normalize(22),
-    fontWeight: '600',
-    fontStyle: 'normal',
-  },
-  wrapRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-  },
-});

package/src/screens/Sharing/Components/__test__/TitleCheckBox.test.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-
-import { SCProvider } from '../../../../context';
-import { mockSCStore } from '../../../../context/mockStore';
-import TitleCheckBox from '../TitleCheckBox';
-import { CheckBoxCustom } from '..';
-
-const mockOnPress = jest.fn();
-const wrapComponent = (idGroup, id) => (
-  <SCProvider initState={mockSCStore({})}>
-    <TitleCheckBox idGroup={idGroup} id={id} onPress={mockOnPress} />
-  </SCProvider>
-);
-
-describe('test TitleCheckBox', () => {
-  it('test handleOnPress', async () => {
-    let tree;
-    await act(async () => {
-      tree = await create(wrapComponent(1, 2));
-    });
-    const instance = tree.root;
-    const checkBoxCustom = instance.findByType(CheckBoxCustom);
-    await act(async () => {
-      checkBoxCustom.props.onPress();
-    });
-
-    expect(checkBoxCustom.props.isChecked).toBe(true);
-    expect(mockOnPress).toHaveBeenLastCalledWith(1, true, 2);
-  });
-});