@eohjsc/react-native-smart-city 0.3.79 → 0.3.81

package/package.json

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

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/__test__/index.test.js

@@ -80,4 +80,16 @@ describe('Test SetupGeneratePasscode', () => {
     const wheelDateTimePicker = instance.findAllByType(WheelDateTimePicker);
     expect(wheelDateTimePicker).toHaveLength(3);
   });
+
+  it('Test onTimePicked', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+    const instance = tree.root;
+    const wheelDateTimePickers = instance.findAllByType(WheelDateTimePicker);
+    await act(async () => {
+      wheelDateTimePickers[0].props.onPicked(new Date(2022, 10, 10));
+    });
+    expect(wheelDateTimePickers[0].props.defaultValue).toBe(1668038400000);
+  });
 });

package/src/commons/ActionGroup/OnOffTemplate/SwitchButtonTemplate.js

@@ -0,0 +1,63 @@
+import React, { memo, useCallback, useState } from 'react';
+import { Switch, View } from 'react-native';
+
+import Text from '../../Text';
+import { Colors } from '../../../configs';
+import styles from './OnOffButtonTemplateStyle';
+import AccessibilityLabel from '../../../configs/AccessibilityLabel';
+
+const SwitchButtonTemplate = memo(
+  ({ isOn, triggerAction, actionGroup = {}, isLight = false, doAction }) => {
+    const [_isOn, setIsOn] = useState(isOn);
+
+    const { configuration = {}, id } = actionGroup;
+    const {
+      action_off_data,
+      action_on_data,
+      text_on,
+      text_off,
+      color_on,
+      color_off,
+    } = configuration;
+
+    const onChangeSwitch = useCallback(() => {
+      if (_isOn) {
+        setIsOn(false);
+        doAction(action_off_data, null);
+        return;
+      }
+      doAction(action_on_data, null);
+      setIsOn(true);
+    }, [action_off_data, action_on_data, doAction, _isOn]);
+
+    return (
+      <>
+        <View style={styles.barrierControlContainer}>
+          <Switch
+            trackColor={{ false: color_off, true: color_on }}
+            ios_backgroundColor={_isOn ? color_on : color_off}
+            onValueChange={onChangeSwitch}
+            value={_isOn}
+          />
+          <Text
+            style={[
+              styles.textBig,
+              { color: _isOn ? Colors.Gray8 : Colors.Gray6 },
+            ]}
+            accessibilityLabel={`${AccessibilityLabel.SENSOR_STATUS}-${id}`}
+          >
+            {_isOn ? text_on : text_off}
+          </Text>
+        </View>
+
+        {!!actionGroup.title && !isLight && (
+          <Text type="H3" semibold center>
+            {actionGroup.title}
+          </Text>
+        )}
+      </>
+    );
+  }
+);
+
+export default SwitchButtonTemplate;

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -17,10 +17,10 @@ import SvgCurrentState from '../../../assets/images/Device/current-state.svg';
 import SvgWindStrength from '../../../assets/images/Device/wind-strength.svg';
 
 function getOptionValue(option, allow_config_store_value) {
-  if (option.value_text && !allow_config_store_value) {
-    return option.value_text;
+  if (option?.value_text && !allow_config_store_value) {
+    return option?.value_text;
   }
-  return option.value_int;
+  return option?.value_int;
 }
 
 const OptionsDropdownActionTemplate = ({
@@ -29,7 +29,7 @@ const OptionsDropdownActionTemplate = ({
   sensor = {},
 }) => {
   const t = useTranslations();
-  const { configuration = {}, title } = actionGroup;
+  const { configuration = {}, title = '' } = actionGroup;
   const {
     action_data,
     options = [],
@@ -155,7 +155,7 @@ const OptionsDropdownActionTemplate = ({
       <AlertAction
         visible={stateAlert.visible}
         hideModal={hideAlertAction}
-        title={stateAlert.title}
+        title={title}
         message={stateAlert.message}
         leftButtonTitle={stateAlert.leftButton}
         leftButtonClick={hideAlertAction}

package/src/commons/ActionGroup/SliderRangeTemplate.js

@@ -30,19 +30,14 @@ const SliderRangeTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
   const [valueBrightness, setValueBrightness] = useState(getPercent());
   const [isFirstTime, setIsFirstTime] = useState(true);
 
-  // TODO Thinh: remove action_brightness_data
   const onChangeBrightness = useCallback(
     async (value) => {
       await doAction(
-        configuration?.action_brightness_data || configuration?.action_data,
+        configuration?.action_data,
         JSON.stringify({ value_brness: value, value: value })
       );
     },
-    [
-      configuration?.action_brightness_data,
-      configuration?.action_data,
-      doAction,
-    ]
+    [configuration?.action_data, doAction]
   );
 
   useEffect(() => {

package/src/commons/ActionGroup/__test__/NumberUpDownTemplate.test.js

@@ -250,7 +250,7 @@ describe('Test NumberUpDownActionTemplate', () => {
     });
 
     const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('24 *C'); // TODO should 24, configValues make changes again
+    expect(text.props.children).toEqual('24 *C');
   });
 
   it('action up with allow_config_store_value false', async () => {
@@ -276,7 +276,7 @@ describe('Test NumberUpDownActionTemplate', () => {
     });
 
     const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('26 *C'); // TODO should 26, configValues make changes again
+    expect(text.props.children).toEqual('26 *C');
   });
 
   it('action down limit ', async () => {

package/src/commons/ActionGroup/__test__/SliderRangeTemplate.test.js

@@ -66,26 +66,6 @@ describe('Test SliderRangeTemplate', () => {
     );
   });
 
-  it('render template SliderRangeTemplate with data backward compatible', async () => {
-    actionGroup.configuration.action_data = undefined;
-    actionGroup.configuration.action_brightness_data = action_data;
-    useConfigGlobalState.mockImplementation(() => [{}, jest.fn()]);
-    const sensor = { is_managed_by_backend: true, name: 'Sensor' };
-    await act(async () => {
-      wrapper = await create(wrapComponent(actionGroup, mockDoAction, sensor));
-    });
-    const instance = wrapper.root;
-    const silderRange = instance.findAllByType(SliderRange);
-    expect(silderRange).toHaveLength(1);
-    await act(async () => {
-      await silderRange[0].props.onSlidingComplete(50);
-    });
-    expect(mockDoAction).toHaveBeenCalledWith(
-      action_data,
-      JSON.stringify({ value_brness: 50, value: 50 })
-    );
-  });
-
   it('render template SliderRangeTemplate with config value not null', async () => {
     useConfigGlobalState.mockImplementation(() => [
       {

package/src/commons/ActionGroup/__test__/SwitchButtonTemplate.test.js

@@ -0,0 +1,93 @@
+import React from 'react';
+import { act, create } from 'react-test-renderer';
+
+import { mockSCStore } from '../../../context/mockStore';
+import { SCProvider } from '../../../context';
+import SwitchButtonTemplate from '../OnOffTemplate/SwitchButtonTemplate';
+
+const wrapComponent = (actionGroup, mockDoAction) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SwitchButtonTemplate actionGroup={actionGroup} doAction={mockDoAction} />
+  </SCProvider>
+);
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useFocusEffect: jest.fn(),
+  };
+});
+
+describe('Test SwitchButtonTemplate', () => {
+  const action_on_data = {
+    color: '#00979D',
+    command_prefer_over_bluetooth: true,
+    command_prefer_over_googlehome: false,
+    command_prefer_over_internet: false,
+    googlehome_actions: [],
+    icon: 'caret-up',
+    id: 20,
+    key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
+  };
+
+  const action_off_data = {
+    color: '#00979D',
+    command_prefer_over_bluetooth: true,
+    command_prefer_over_googlehome: false,
+    command_prefer_over_internet: false,
+    googlehome_actions: [],
+    icon: 'caret-up',
+    id: 20,
+    key: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
+  };
+  const actionGroup = {
+    configuration: {
+      action_on: '5ed1d4dc-a905-47cd-b0c9-f979644bd21a',
+      action_on_data: action_on_data,
+      icon_on: 'caret-up',
+      text_on: 'ON',
+      action_off: '5ed1d4dc-a905-47cd-b0c9-f979644bd21b',
+      action_off_data: action_off_data,
+      icon_off: 'caret-up',
+      text_off: 'OFF',
+    },
+  };
+  let wrapper;
+
+  const assertRender = async () => {
+    const mockDoAction = jest.fn();
+
+    await act(async () => {
+      wrapper = create(wrapComponent(actionGroup, mockDoAction));
+    });
+
+    const renderJson = wrapper.toJSON();
+    expect(renderJson[1].props?.visible).toEqual(false);
+    expect(renderJson[1]?.type).toEqual('Modal');
+  };
+
+  it('render state on', async () => {
+    await assertRender(true, 'ON');
+  });
+
+  it('render state off', async () => {
+    await assertRender(false, 'OFF');
+  });
+
+  const assertActionCall = async (state, action_data) => {
+    const mockDoAction = jest.fn();
+    await act(async () => {
+      wrapper = create(wrapComponent(actionGroup, mockDoAction));
+    });
+
+    expect(mockDoAction).not.toHaveBeenCalled();
+  };
+
+  it('action state on', async () => {
+    await assertActionCall(true, action_off_data);
+  });
+
+  it('action state off', async () => {
+    await assertActionCall(false, action_on_data);
+  });
+});

package/src/commons/ActionGroup/hooks/useDropdownAction.js

@@ -5,7 +5,6 @@ export const useDropdownAction = () => {
   const t = useTranslations();
   const [stateAlert, setStateAlert] = useState({
     visible: false,
-    title: 'Fan Speed',
     message: '',
     leftButton: t('cancel'),
     rightButton: t('done'),

package/src/commons/ActionGroup/index.js

@@ -13,6 +13,7 @@ import ColorPickerTemplate from './ColorPickerTemplate';
 import SliderRangeTemplate from './SliderRangeTemplate';
 import OnOffSmartLock from './OnOffSmartLock/OnOffSmartLock';
 import TwoButtonTemplate from './TwoButtonTemplate';
+import SwitchButtonTemplate from './OnOffTemplate/SwitchButtonTemplate';
 
 export const getActionComponent = (template) => {
   switch (template) {
@@ -46,6 +47,8 @@ export const getActionComponent = (template) => {
       return SliderRangeTemplate;
     case 'two_button_action_template':
       return TwoButtonTemplate;
+    case 'switch_button_action_template':
+      return SwitchButtonTemplate;
     default:
       return null;
   }

package/src/commons/SelectGateway/index.js

@@ -122,7 +122,7 @@ const SelectGateway = ({
           onRightClick={onRightClickNext}
           accessibilityLabelPrefix={AccessibilityLabel.PREFIX.SELECT_UNIT}
         />
-        <ModalCustom // todo Huy - make reused component
+        <ModalCustom // todo Nhat - make reused component
           onBackButtonPress={goBack}
           isVisible={showPopupGuide}
           style={styles.modal}

package/src/configs/Constants.js

@@ -260,6 +260,8 @@ export const NOTIFICATION_TYPES = {
   NOTIFY_REMOVE_SUB_UNIT: 'NOTIFY_REMOVE_SUB_UNIT',
   NOTIFY_REMOVE_DEVICE: 'NOTIFY_REMOVE_DEVICE',
   NOTIFY_EMERGENCY: 'NOTIFY_EMERGENCY',
+  NOTIFY_CHANGE_UNIT_OLD_OWNER: 'NOTIFY_CHANGE_UNIT_OLD_OWNER',
+  NOTIFY_CHANGE_UNIT_NEW_OWNER: 'NOTIFY_CHANGE_UNIT_NEW_OWNER',
   AIR_QUALITY: 'AIR_QUALITY',
   TURBIDITY: 'TURBIDITY',
   PH: 'PH',

package/src/configs/IOPinConstants.js

@@ -283,3 +283,36 @@ export const STM32_ANALOG_WRITE = [
   { key: '73', value: 'PB14' },
   { key: '74', value: 'PB4' },
 ];
+
+export const ESP8266_DIGITAL = [
+  { key: '0', value: 'GPIO 0 - D3' },
+  { key: '1', value: 'GPIO 1 - D10 - UART 0 TX' },
+  { key: '2', value: 'GPIO 2 - D4 - UART 0 TX2' },
+  { key: '3', value: 'GPIO 3 - D9 - UART 0 RX' },
+  { key: '4', value: 'GPIO 4 - D2' },
+  { key: '5', value: 'GPIO 5 - D1' },
+  { key: '12', value: 'GPIO 12 - D6' },
+  { key: '13', value: 'GPIO 13 - D7 - UART 1 RX' },
+  { key: '14', value: 'GPIO 14 - D5' },
+  { key: '15', value: 'GPIO 15 - D8 - UART 1 TX' },
+  { key: '16', value: 'GPIO 16 - D0' },
+];
+
+export const ESP8266_ANALOG_READ = [{ key: '17', value: 'GPIO 17 - A0' }];
+
+export const ESP8266_ANALOG_WRITE = [
+  { key: '0', value: 'GPIO 0 - D3' },
+  { key: '1', value: 'GPIO 1 - D10 - UART 0 TX' },
+  { key: '2', value: 'GPIO 2 - D4 - UART 0 TX2' },
+  { key: '3', value: 'GPIO 3 - D9 - UART 0 RX' },
+  { key: '4', value: 'GPIO 4 - D2' },
+  { key: '5', value: 'GPIO 5 - D1' },
+  { key: '12', value: 'GPIO 12 - D6' },
+  { key: '13', value: 'GPIO 13 - D7 - UART 1 RX' },
+  { key: '14', value: 'GPIO 14 - D5' },
+  { key: '15', value: 'GPIO 15 - D8 - UART 1 TX' },
+];
+
+export const LANGUAGE = {
+  DEFAULT: 'vi',
+};

package/src/screens/AddNewAction/SelectAction.js

@@ -441,7 +441,7 @@ const SelectAction = memo(({ route }) => {
               onSelectAction={handleOnSelectAction}
               accessibilityLabel={AccessibilityLabel.ACTION_ITEM}
             />
-            {/* TODO: Huy - refactor/combine with value_change case */}
+            {/* TODO: Nhat - refactor/combine with value_change case */}
             {!!sensorData &&
               sensorData.map((item) => {
                 const isHasValue = !!item?.value;

package/src/screens/Device/utils/index.js

@@ -1,11 +1,11 @@
 export const getConfigControlFromDeviceDisplay = (deviceDisplay) => {
   const configIds = [];
-  deviceDisplay?.items.map((item) => {
+  (deviceDisplay?.items || []).map((item) => {
     if (item.type !== 'action') {
       return;
     }
-    const actionGroup = item.configuration;
-    const { configuration } = actionGroup;
+    const actionGroup = item?.configuration || {};
+    const { configuration = {} } = actionGroup;
 
     switch (actionGroup.template) {
       case 'on_off_button_action_template':
@@ -21,7 +21,7 @@ export const getConfigControlFromDeviceDisplay = (deviceDisplay) => {
         }
         break;
       case 'StatesGridActionTemplate':
-        configuration.options.forEach((option) => {
+        (configuration?.options || []).forEach((option) => {
           configIds.push(option.config);
         });
         break;

package/src/screens/Notification/__test__/NotificationItem.test.js

@@ -54,6 +54,7 @@ describe('test NotificationItem', () => {
     NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT,
     NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT,
     NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE,
+    NOTIFICATION_TYPES.NOTIFY_CHANGE_UNIT_OLD_OWNER,
   ];
 
   for (const content_code of listCase2) {
@@ -76,6 +77,7 @@ describe('test NotificationItem', () => {
     NOTIFICATION_TYPES.NOTIFY_UPDATE_ADDRESS,
     NOTIFICATION_TYPES.NOTIFY_RENAME_SUB_UNIT,
     NOTIFICATION_TYPES.NOTIFY_INVITE_MEMBER,
+    NOTIFICATION_TYPES.NOTIFY_CHANGE_UNIT_NEW_OWNER,
   ];
 
   for (const content_code of listCaseUnitDetail) {

package/src/screens/Notification/components/NotificationItem.js

@@ -355,6 +355,29 @@ const NotificationItem = memo(({ item }) => {
           default:
             return null;
         }
+      case NOTIFICATION_TYPES.NOTIFY_CHANGE_UNIT_OLD_OWNER:
+        return {
+          content: customColorText(
+            t('text_notification_content_change_unit_for_old_owner')
+          ),
+          redirect: () => null,
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
+      case NOTIFICATION_TYPES.NOTIFY_CHANGE_UNIT_NEW_OWNER:
+        return {
+          content: customColorText(
+            t('text_notification_content_change_unit_for_new_owner')
+          ),
+          redirect: () => {
+            navigation.navigate(Routes.UnitStack, {
+              screen: Routes.UnitDetail,
+              params: {
+                unitId,
+              },
+            });
+          },
+          iconContent: <Image source={Images.logo} style={styles.logo} />,
+        };
       default:
         return null;
     }

package/src/screens/Template/__test__/detail.test.js

@@ -35,7 +35,11 @@ jest.mock('@react-navigation/native', () => {
 
 describe('Test Detail', () => {
   useRoute.mockReturnValue({
-    params: {},
+    params: {
+      item: {
+        id: 1,
+      },
+    },
   });
   let tree;
 
@@ -43,9 +47,9 @@ describe('Test Detail', () => {
     mock.onGet(API.DEV_MODE.DASHBOARD.GET_WIDGETS(1)).reply(200, [
       {
         id: 1,
-        type: 'camera',
+        type: 'value',
         configuration: {
-          uri: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
+          configs: [{ id: 1 }],
         },
       },
     ]);
@@ -81,8 +85,21 @@ describe('Test Detail', () => {
       await TouchableOpacities[1].props.onPress();
     });
     const menuActionMore = instance.findByType(MenuActionMore);
+    const mockDoAction = jest.fn();
+    const item = {
+      text: 'text',
+      doAction: mockDoAction,
+    };
+    await act(async () => {
+      await menuActionMore.props.onItemClick(item);
+    });
+    expect(mockDoAction).toBeCalled();
     const modalPopupCT = instance.findByType(ModalPopupCT);
     mock.onGet(API.DEV_MODE.DASHBOARD.DETAIL(1)).reply(200);
+    await act(async () => {
+      await menuActionMore.props.listMenuItem[0].doAction();
+    });
+    expect(mockNavigate).toHaveBeenCalled();
     await act(async () => {
       await menuActionMore.props.listMenuItem[3].doAction();
     });

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

@@ -690,6 +690,8 @@
   "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_invite_member": "**unit_owner_name** invited you to join **unit_name**.",
+  "text_notification_content_change_unit_for_old_owner": "Your ownership of **unit_name** has been assigned to **new_owner_name**.",
+  "text_notification_content_change_unit_for_new_owner": "You are now the owner of **unit_name**.",
   "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",

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

@@ -704,6 +704,8 @@
   "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_invite_member": "**unit_owner_name** mời bạn đến địa điểm **unit_name**.",
+  "text_notification_content_change_unit_for_old_owner": "Quyền sở hữu **unit_name** của bạn đã được chỉ định cho **new_owner_name**.",
+  "text_notification_content_change_unit_for_new_owner": "Bạn hiện là chủ sở hữu của **unit_name**.",
   "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",

package/src/utils/Utils.js

@@ -18,6 +18,9 @@ import {
   WRITE_DIGITAL_PIN_MODE,
   WRITE_ANALOG_PIN_MODE,
   LANGUAGE,
+  ESP8266_DIGITAL,
+  ESP8266_ANALOG_READ,
+  ESP8266_ANALOG_WRITE,
 } from '../configs/IOPinConstants';
 
 export const setAxiosDefaultAuthToken = (token) => {
@@ -150,8 +153,12 @@ export const notImplemented = (t) => {
 };
 
 export const roundNumber = (value, round = 2) => {
-  if (!isNaN) {
-    return Math.round((value || 0) * 10 ** round) / 10 ** round;
+  if (typeof value === 'string') {
+    const temp = value.split(' ');
+    return (
+      Math.round((isNaN(temp[0]) ? 0 : temp[0]) * 10 ** round) / 10 ** round +
+      ` ${temp[1] || ''}`
+    );
   }
   return value;
 };
@@ -168,6 +175,16 @@ export const PIN_MODE_MAPPING = {
 };
 
 export const PIN_MAPPING = {
+  esp8266: {
+    read: {
+      boolean: ESP8266_DIGITAL,
+      integer: ESP8266_ANALOG_READ,
+    },
+    write: {
+      boolean: ESP8266_DIGITAL,
+      integer: ESP8266_ANALOG_WRITE,
+    },
+  },
   esp32: {
     read: {
       boolean: ESP32_DIGITAL,

package/src/utils/__test__/Utils.test.js

@@ -19,6 +19,7 @@ import {
   ToastBottomHelper,
   objectIds,
   notImplemented,
+  roundNumber,
 } from '../Utils';
 
 describe('Test utils', () => {
@@ -50,6 +51,9 @@ describe('Test utils', () => {
   it('test setAxiosDefaultLanguage', () => {
     setAxiosDefaultLanguage('en');
     expect(api.headers['Accept-Language']).toBe('en');
+
+    setAxiosDefaultLanguage();
+    expect(api.headers['Accept-Language']).toBe('vi');
   });
 
   it('test setAxiosDefaultAuthToken', () => {
@@ -134,6 +138,7 @@ describe('Test utils', () => {
       configIds: [],
     });
   });
+
   it('test objectIds with devices', async () => {
     const data = await objectIds([
       {
@@ -166,4 +171,14 @@ describe('Test utils', () => {
     });
     expect(mockTranslate).toBeCalledWith('feature_under_development');
   });
+
+  it('Test roundNumber', async () => {
+    let result;
+    result = await roundNumber('NaN kwh');
+    expect(result).toBe('0 kwh');
+    result = await roundNumber('123.123 kwh');
+    expect(result).toBe('123.12 kwh');
+    result = await roundNumber(12.12);
+    expect(result).toBe(12.12);
+  });
 });