@eohjsc/react-native-smart-city 0.3.92 → 0.3.93

package/src/iot/mqtt.js

@@ -0,0 +1,233 @@
+import { updateGlobalValue } from './Monitor';
+import { Buffer } from 'buffer';
+
+const int_all = (bytes_str, config_data = null) => {
+  let val;
+  val = Number.parseInt(bytes_str, 16);
+
+  if (val > 32767) {
+    val = val - 65536;
+  }
+
+  return val;
+};
+
+const int_first4 = (bytes_str, config_data = null) => {
+  return Number.parseInt(bytes_str.slice(0, 4), 16);
+};
+
+const int_last4 = (bytes_str, config_data = null) => {
+  return Number.parseInt(bytes_str.slice(4), 16);
+};
+
+const uint_32 = (bytes_str, config_data = null) => {
+  let bits = 32;
+  let value = Number.parseInt(bytes_str, 16);
+
+  if (value & (1 << (bits - 1))) {
+    value -= 1 << bits;
+  }
+
+  return value;
+};
+
+const float_convert = (bytes_str) => {
+  const struct = require('python-struct');
+  let value = null;
+  try {
+    value = struct.unpack('>f', Buffer.from(bytes_str, 'hex'))[0];
+    // eslint-disable-next-line no-empty
+  } catch {}
+  return value;
+};
+
+const float_cdba = (bytes_str, config_data = null) => {
+  const bytes_cdba = bytes_str?.slice(4) + bytes_str?.slice(0, 4);
+  return float_convert(bytes_cdba);
+};
+
+const float_abcd = (bytes_str, config_data = null) => {
+  return float_convert(bytes_str);
+};
+
+const range_value_converting = (
+  raw_value,
+  raw_min,
+  raw_max,
+  value_min,
+  value_max
+) => {
+  const rawValue = parseInt(raw_value, 16);
+  const meaning_range = value_max - value_min;
+  const value_range = raw_max - raw_min;
+  if (!value_range) {
+    return null;
+  }
+
+  const value = rawValue - raw_min;
+  const meaning_value = (value * meaning_range) / value_range;
+  return meaning_value + value_min;
+};
+
+const convert_ai = (bytes_str, config_data = null) => {
+  return range_value_converting(
+    bytes_str,
+    config_data?.ai_trans_min_raw_in,
+    config_data?.ai_trans_max_raw_in,
+    config_data?.ai_trans_min_value,
+    config_data?.ai_trans_max_value
+  );
+};
+
+const mappingTransformer = {
+  int_all: int_all,
+  int_first4: int_first4,
+  int_last4: int_last4,
+  uint_32: uint_32,
+  float_cdba: float_cdba,
+  float_abcd: float_abcd,
+  convert_ai: convert_ai,
+};
+
+const extract_config_value = (register, value_bytes) => {
+  const transformer = mappingTransformer[register?.transformer];
+  if (!transformer) {
+    return null;
+  }
+
+  return transformer(value_bytes, register);
+};
+
+const get_modbus_length = (config) => {
+  const len = config?.len;
+  if ([1, 2].includes(config?.func)) {
+    return len * 2;
+  }
+  return len * 4;
+};
+
+const get_config_value = (register, data) => {
+  const size = get_modbus_length(register);
+  const value_bytes = data?.slice(0, size);
+
+  const value = extract_config_value(register, value_bytes);
+  if (value === undefined || value === null) {
+    return { value: null, data: null };
+  }
+
+  return { value, data: data.slice(size) };
+};
+
+const get_sensor_size = (sensor) => {
+  let size = 0;
+  (sensor?.configs || []).forEach((config) => {
+    size += get_modbus_length(config);
+  });
+  return size;
+};
+
+const get_sensor_data = (sensor, data) => {
+  const size = get_sensor_size(sensor);
+  return { sensor_data: data.slice(0, size), data: data.slice(size) };
+};
+
+const get_scale_value = (value, config) => {
+  value = value && value * (config?.scale || 1);
+  value =
+    config?.decimal_behind || config?.decimal_behind === 0
+      ? value.toFixed(config?.decimal_behind)
+      : value;
+  return value;
+};
+
+const updateGlobalValueMqtt = (config, value) => {
+  if (!config?.id) {
+    return;
+  }
+  if (value === undefined || value === null) {
+    return;
+  }
+
+  value = get_scale_value(value, config);
+  updateGlobalValue(config.id, { value: Number(value) });
+};
+
+export const handleModbusData = (chip, configById, data) => {
+  const modbus_gateway = chip?.modbus_gateway;
+  if (!modbus_gateway) {
+    return;
+  }
+
+  (modbus_gateway?.sensors || []).forEach((device) => {
+    let { sensor_data, data: new_data } = get_sensor_data(device, data);
+    data = new_data;
+
+    (device?.configs || []).forEach((register) => {
+      let { value, data: new_sensor_data } = get_config_value(
+        register,
+        sensor_data
+      );
+      sensor_data = new_sensor_data;
+
+      const configId = register?.config;
+      updateGlobalValueMqtt(configById[configId], value);
+    });
+  });
+};
+
+export const handleChipData = (configById, configId, data) => {
+  updateGlobalValueMqtt(configById[configId], Number(data?.v));
+};
+
+export const handleZigbeeData = (chip, configById, ieee_address, data) => {
+  const zigbee_gateway = chip?.zigbee_gateway;
+  if (!zigbee_gateway) {
+    return;
+  }
+
+  const zigbee_device_by_ieee = {};
+
+  (zigbee_gateway?.sensors || []).forEach((device) => {
+    zigbee_device_by_ieee[device.ieee_address] = device;
+  });
+
+  const device = zigbee_device_by_ieee[ieee_address];
+  if (device) {
+    (device.configs || []).forEach((config_map) => {
+      let value = data?.data[config_map?.key];
+      const configId = config_map?.config;
+      updateGlobalValueMqtt(configById[configId], value);
+    });
+  }
+};
+
+export const handleMqttMessage = (
+  topic,
+  payloadData,
+  code,
+  chip,
+  configById
+) => {
+  if (topic === `eoh/chip/${code}/data`) {
+    // Modbus
+    // topic: eoh/chip/${code}/data
+    // payload: {data: '01aa010a', 'ack':'1', 'chip_temperature':5333, 'rssi':-61}
+    handleModbusData(chip, configById, payloadData.data);
+  }
+
+  const matchArduinoConfigValue = topic.match(/config\/(\d+)\/value/);
+  if (matchArduinoConfigValue) {
+    // Arduino
+    // topic: eoh/chip/{code}/config/127363/value
+    // payload: {v: 2130}
+    handleChipData(configById, matchArduinoConfigValue[1], payloadData);
+  }
+
+  const matchZigbeeConfigValue = topic.match(/zigbee\/(.+)\/data/);
+  if (matchZigbeeConfigValue) {
+    // Zigbee
+    // topic: eoh/chip/code-123/zigbee/IEEE-123/data
+    // payload: {zigbee_data: 'aaa', 'data': {state: 1, state_0: 0}}
+    handleZigbeeData(chip, configById, matchZigbeeConfigValue[1], payloadData);
+  }
+};

package/src/navigations/UnitStack.js

@@ -33,7 +33,7 @@ import TDSGuide from '../screens/TDSGuide';
 import WaterQualityGuide from '../screens/WaterQualityGuide';
 import DeviceInfo from '../screens/DeviceInfo';
 import AddNewOneTap from '../screens/Automate/OneTap';
-import AddNewAutoSmart from '../screens/AddNewAutoSmart';
+import AddUnknownTypeSmart from '../screens/Automate/AddNewAutoSmart/AddUnknownTypeSmart';
 import PlaybackCamera from '../screens/PlayBackCamera';
 import AllCamera from '../screens/AllCamera';
 import ManageAccessScreen from '../screens/ManageAccess';
@@ -65,6 +65,7 @@ import SelectControlDevices from '../screens/Automate/AddNewAction/SelectControl
 import ChooseAction from '../screens/Automate/AddNewAction/ChooseAction';
 import ScenarioName from '../screens/Automate/Scenario/ScenarioName';
 import ValueChangeName from '../screens/Automate/ValueChange/ValueChangeName';
+import AddAutomationTypeSmart from '../screens/Automate/AddNewAutoSmart/AddAutomationTypeSmart';
 
 const Stack = createStackNavigator();
 
@@ -399,8 +400,15 @@ export const UnitStack = memo((props) => {
         }}
       />
       <Stack.Screen
-        name={Route.AddNewAutoSmart}
-        component={AddNewAutoSmart}
+        name={Route.AddUnknownTypeSmart}
+        component={AddUnknownTypeSmart}
+        options={{
+          headerShown: false,
+        }}
+      />
+      <Stack.Screen
+        name={Route.AddAutomationTypeSmart}
+        component={AddAutomationTypeSmart}
         options={{
           headerShown: false,
         }}

package/src/screens/AddLocationMaps/index.js

@@ -7,7 +7,7 @@ import { check, RESULTS } from 'react-native-permissions';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 
 import Text from '../../commons/Text';
-import { ViewButtonBottom, FullLoading } from '../../commons';
+import { FullLoading } from '../../commons';
 import SearchBarLocation from '../../commons/SearchLocation';
 import RowLocation from '../../commons/SearchLocation/RowLocation';
 import { axiosGet } from '../../utils/Apis/axios';
@@ -25,8 +25,7 @@ import {
   OpenSetting,
 } from '../../utils/Permission/common';
 import { openPromptEnableLocation } from '../../utils/Setting/Location';
-
-export const initialRadius = 250;
+import BottomButtonView from '../../commons/BottomButtonView';
 
 navigator.geolocation = require('@react-native-community/geolocation');
 
@@ -44,11 +43,7 @@ const AddLocationMaps = memo(() => {
       location: searchedLocation,
       isAddUnit: true,
     });
-  }, [searchedLocation, navigate]);
-
-  const onBack = useCallback(() => {
-    goBack();
-  }, [goBack]);
+  }, [navigate, searchedLocation]);
 
   const onTextInput = useCallback(async (newValue) => {
     setInput(newValue);
@@ -191,7 +186,10 @@ const AddLocationMaps = memo(() => {
           {t('text_explain_add_geolocation')}
         </Text>
         <View style={styles.searchLocation}>
-          <SearchBarLocation input={input} onTextInput={onTextInput} />
+          <SearchBarLocation
+            input={input?.description || input}
+            onTextInput={onTextInput}
+          />
           <ScrollView
             style={styles.searchData}
             scrollIndicatorInsets={{ right: 1 }}
@@ -282,13 +280,17 @@ const AddLocationMaps = memo(() => {
           </MapView>
         </View>
       </View>
-      <ViewButtonBottom
-        leftTitle={t('cancel')}
-        onLeftClick={onBack}
-        rightTitle={t('done')}
-        onRightClick={onDone}
-        rightDisabled={!input}
-        accessibilityLabelPrefix={'LOCATION_'}
+      <BottomButtonView
+        rowButton
+        style={styles.bottomButton}
+        mainTitle={t('done')}
+        onPressMain={onDone}
+        secondaryTitle={t('cancel')}
+        onPressSecondary={goBack}
+        typeMain={input?.description ? 'primaryText' : 'disabled'}
+        typeSecondary="primaryText"
+        accessibilityLabelPrefix="LOCATION_"
+        disableBackgroundMainButton
       />
       {loading && <FullLoading />}
     </View>

package/src/screens/AddLocationMaps/indexStyle.js

@@ -57,4 +57,7 @@ export default StyleSheet.create({
   text: {
     marginLeft: 12,
   },
+  bottomButton: {
+    backgroundColor: Colors.White,
+  },
 });

package/src/screens/Automate/AddNewAction/NewActionWrapper.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useMemo } from 'react';
-import { KeyboardAvoidingView, Platform, TouchableOpacity } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 
 import styles from './Styles/SelectActionStyles';
 import WrapHeaderScrollable from '../../../commons/Sharing/WrapHeaderScrollable';
@@ -32,10 +32,7 @@ const NewActionWrapper = ({ name, children, canNext, onNext, nextTitle }) => {
   );
 
   return (
-    <KeyboardAvoidingView
-      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
-      style={styles.wrap}
-    >
+    <View style={styles.wrap}>
       <WrapHeaderScrollable
         title={name}
         headerAniStyle={styles.headerAniStyle}
@@ -49,7 +46,7 @@ const NewActionWrapper = ({ name, children, canNext, onNext, nextTitle }) => {
         onPressMain={onNext}
         typeMain={canNext ? 'primary' : 'disabled'}
       />
-    </KeyboardAvoidingView>
+    </View>
   );
 };
 

package/src/screens/Automate/AddNewAction/SetupConfigCondition.js

@@ -7,11 +7,11 @@ import { Colors, Images } from '../../../configs';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { ModalCustom } from '../../../commons/Modal';
 import Text from '../../../commons/Text';
-import { HorizontalPicker } from '../../../commons';
 import { setStatusBarPreview } from '../../../hooks/Common/useStatusBar';
 import Routes from '../../../utils/Route';
 import NewActionWrapper from './NewActionWrapper';
 import _TextInput from '../../../commons/Form/TextInput';
+import { ToastBottomHelper } from '../../../utils/Utils';
 
 const SetupConfigCondition = () => {
   const t = useTranslations();
@@ -22,7 +22,7 @@ const SetupConfigCondition = () => {
 
   const [isShowModal, setIsShowModal] = useState(false);
   const [itemActiveModal, setItemActiveModal] = useState(defaultCondition);
-  const [value, setValue] = useState(defaultCondition?.value);
+  const [value, setValue] = useState(defaultCondition?.value || '');
 
   const hasNoValueEvaluation = !item?.evaluate_configuration;
 
@@ -68,6 +68,27 @@ const SetupConfigCondition = () => {
   };
 
   const onSave = useCallback(() => {
+    const conditionValue = parseFloat(itemActiveModal?.value);
+    if (isNaN(conditionValue)) {
+      ToastBottomHelper.error(t('value_must_be_a_number'));
+      return;
+    }
+
+    if (['<', '>', '='].includes(itemActiveModal?.condition)) {
+      if (item.range_min !== null && conditionValue < item.range_min) {
+        ToastBottomHelper.error(
+          t('value_must_be_greater_than_min', { min: item.range_min })
+        );
+        return;
+      }
+      if (item.range_max !== null && conditionValue > item.range_max) {
+        ToastBottomHelper.error(
+          t('value_must_be_less_than_max', { max: item.range_max })
+        );
+        return;
+      }
+    }
+
     navigate({
       name: Routes.ChooseConfig,
       merge: true,
@@ -78,7 +99,7 @@ const SetupConfigCondition = () => {
         },
       },
     });
-  }, [item.id, itemActiveModal, navigate]);
+  }, [item.id, item.range_max, item.range_min, itemActiveModal, navigate, t]);
 
   useEffect(() => {
     !hasNoValueEvaluation && setValue(1);
@@ -98,12 +119,9 @@ const SetupConfigCondition = () => {
     );
   }, [isShowModal]);
 
-  const onChangeValue = useCallback((v) => {
-    const newValue = parseInt(v, 10);
-    if (!isNaN(newValue)) {
-      setValue(newValue);
-      setItemActiveModal((prev) => ({ ...prev, value: newValue }));
-    }
+  const onChangeValue = useCallback((newValue) => {
+    setValue(newValue);
+    setItemActiveModal((prev) => ({ ...prev, value: newValue }));
   }, []);
 
   return (
@@ -136,7 +154,8 @@ const SetupConfigCondition = () => {
                 <_TextInput
                   textInputStyle={styles.value}
                   wrapStyle={styles.wrapValue}
-                  value={value?.toString()}
+                  value={value}
+                  keyboardType={'numeric'}
                   onChange={onChangeValue}
                 />
               </View>
@@ -144,25 +163,6 @@ const SetupConfigCondition = () => {
                 {item?.unit}
               </Text>
             </View>
-            <HorizontalPicker
-              minimum={item?.range_min}
-              maximum={item?.range_max}
-              segmentSpacing={8}
-              segmentWidth={8}
-              step={
-                item?.decimal_behind
-                  ? 1 / Math.pow(10, item?.decimal_behind)
-                  : 1
-              }
-              normalHeight={4}
-              normalWidth={4}
-              stepHeight={12}
-              stepWidth={12}
-              stepColor={Colors.Gray6}
-              normalColor={Colors.Gray6}
-              onChangeValue={onChangeValue}
-              value={value}
-            />
           </>
         )}
       </NewActionWrapper>

package/src/screens/Automate/AddNewAction/__test__/SetupSensor.test.js

@@ -1,12 +1,13 @@
 import React from 'react';
-import { Animated, TouchableOpacity, View } from 'react-native';
+import { TouchableOpacity } from 'react-native';
 import { act, create } from 'react-test-renderer';
-import { HorizontalPicker } from '../../../../commons';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
 import BottomButtonView from '../../../../commons/BottomButtonView';
 import SetupConfigCondition from '../SetupConfigCondition';
 import { useNavigation, useRoute } from '@react-navigation/native';
+import _TextInput from '../../../../commons/Form/TextInput';
+import { ToastBottomHelper } from '../../../../utils/Utils';
 
 jest.mock('react', () => {
   return {
@@ -24,11 +25,13 @@ const wrapComponent = (configuration, onPress) => (
 describe('Test SetupConfigCondition', () => {
   const mockNavigate = useNavigation().navigate;
   const mockGoBack = useNavigation().goBack;
+  const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
 
   let tree;
   beforeEach(() => {
     mockGoBack.mockReset();
     useRoute.mockClear();
+    spyToastError.mockClear();
   });
 
   it('Test render', async () => {
@@ -38,7 +41,7 @@ describe('Test SetupConfigCondition', () => {
           id: 1,
           value: 10,
           range_min: 0,
-          range_max: 10,
+          range_max: 1000,
           decimal_behind: 0,
           title: 'is below (<)',
           sensor_type: 'air_quality',
@@ -63,10 +66,10 @@ describe('Test SetupConfigCondition', () => {
     await act(async () => {
       touchableOpacities[4].props.onPress();
     });
-    const HorizontalPickers = instance.findAllByType(HorizontalPicker);
-    expect(HorizontalPickers).toHaveLength(1);
+    const inputs = instance.findAllByType(_TextInput);
+    expect(inputs).toHaveLength(1);
     await act(async () => {
-      HorizontalPickers[0].props.onChangeValue(128);
+      inputs[0].props.onChange('128');
     });
 
     const BottomButtonViews = instance.findAllByType(BottomButtonView);
@@ -77,13 +80,13 @@ describe('Test SetupConfigCondition', () => {
     expect(mockGoBack).toBeCalled();
   });
 
-  it('Test render when have no maximum', async () => {
+  const testWithRange = async (rangeMin, rangeMax, value, message) => {
     useRoute.mockReturnValue({
       params: {
         item: {
           id: 1,
-          range_min: 0,
-          range_max: 0,
+          range_min: rangeMin,
+          range_max: rangeMax,
           decimal_behind: 0,
           title: 'is below (<)',
           sensor_type: 'air_quality',
@@ -94,38 +97,41 @@ describe('Test SetupConfigCondition', () => {
       tree = await create(wrapComponent());
     });
     const instance = tree.root;
-    const picker = instance.findByType(HorizontalPicker);
-    const scroll = picker.findByType(Animated.ScrollView);
-    const views = scroll.findByType(View).findAll((el) => {
-      return el.type === View && el.props.accessibilityLabel?.includes('x-');
-    });
-    expect(views).toHaveLength(10 + 1);
-  });
-  it('Test render when have no maximum and value is near maximum', async () => {
-    useRoute.mockReturnValue({
-      params: {
-        item: {
-          id: 1,
-          range_min: 0,
-          range_max: 0,
-          decimal_behind: 1,
-          title: 'is below (<)',
-          sensor_type: 'air_quality',
-        },
-        defaultCondition: {
-          value: 0.9,
-        },
-      },
-    });
+    const input = instance.findByType(_TextInput);
+
     await act(async () => {
-      tree = await create(wrapComponent());
+      input.props.onChange(value);
     });
-    const instance = tree.root;
-    const picker = instance.findByType(HorizontalPicker);
-    const scroll = picker.findByType(Animated.ScrollView);
-    const views = scroll.findByType(View).findAll((el) => {
-      return el.type === View && el.props.accessibilityLabel?.includes('x-');
+
+    const bottomButtonView = instance.findByType(BottomButtonView);
+
+    await act(async () => {
+      bottomButtonView.props.onPressMain();
     });
-    expect(views).toHaveLength(20 - 1); // I don't know why
+
+    if (message === null) {
+      expect(mockNavigate).toBeCalled();
+    } else {
+      expect(spyToastError).toBeCalledWith(message);
+    }
+  };
+
+  it('Test render when have maximum', async () => {
+    await testWithRange(0, 10, '128', 'Value must be less than 10');
+  });
+
+  it('Test render when have no maximum', async () => {
+    await testWithRange(0, null, '128', null);
+  });
+  it('Test render when have minium', async () => {
+    await testWithRange(4, 10, '1', 'Value must be greater than 4');
+  });
+
+  it('Test render when have no minium', async () => {
+    await testWithRange(null, 10, '1', null);
+  });
+
+  it('Test render when have input not number', async () => {
+    await testWithRange(null, 10, 'abc', 'Value must be a number');
   });
 });

package/src/screens/Automate/AddNewAutoSmart/AddAutomationTypeSmart.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { AUTOMATE_TYPE } from '../../../configs/Constants';
+import Routes from '../../../utils/Route';
+import AddTypeSmart from './AddTypeSmart';
+
+const smartTypes = [
+  {
+    type: AUTOMATE_TYPE.VALUE_CHANGE,
+    route: Routes.SelectMonitorDevices,
+  },
+  {
+    type: AUTOMATE_TYPE.SCHEDULE,
+    route: Routes.SetSchedule,
+  },
+  {
+    type: AUTOMATE_TYPE.EVENT,
+    route: Routes.SelectMonitorDevices,
+  },
+];
+
+const AddAutomationTypeSmart = ({ route }) => {
+  return <AddTypeSmart route={route} smartTypes={smartTypes} />;
+};
+
+export default AddAutomationTypeSmart;