@eohjsc/react-native-smart-city 0.3.21 → 0.3.24

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

@@ -0,0 +1,102 @@
+import React from 'react';
+import { renderHook } from '@testing-library/react-hooks';
+import { useEvaluateValue } from '../useEvaluateValue';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+
+const wrapper =
+  (valueEvaluations) =>
+  ({ children }) =>
+    (
+      <SCProvider initState={mockSCStore({ valueEvaluations })}>
+        {children}
+      </SCProvider>
+    );
+
+const mockUseContext = jest.fn().mockImplementation(() => ({
+  stateData: mockSCStore({}),
+  setAction: jest.fn(),
+}));
+
+React.useContext = mockUseContext;
+
+describe('Test useEvaluateValue', () => {
+  let valueEvaluations = {};
+
+  beforeEach(() => {
+    valueEvaluations = {
+      [1]: {
+        template: 'range',
+        configuration: {
+          ranges: [
+            { start: 0.5, end: 1.5, evaluate: { text: 'On' } },
+            { start: -0.5, end: 0.49, evaluate: { text: 'Off' } },
+          ],
+        },
+      },
+      [2]: {
+        template: 'boolean',
+        configuration: {
+          on: {
+            value: 1,
+            evaluate: {
+              text: 'On',
+            },
+          },
+          off: {
+            value: 0,
+            evaluate: {
+              text: 'Off',
+            },
+          },
+        },
+      },
+    };
+  });
+
+  it('test value null or undefined', async () => {
+    const { result: evaluateValue } = renderHook(() => useEvaluateValue(), {
+      wrapper: wrapper(valueEvaluations),
+    });
+
+    expect(evaluateValue.current(1, null).text).toBe('--');
+    expect(evaluateValue.current(1, undefined).text).toBe('--');
+  });
+
+  it('test not found ValueEvaluation', async () => {
+    const { result: evaluateValue } = renderHook(() => useEvaluateValue(), {
+      wrapper: wrapper(valueEvaluations),
+    });
+
+    expect(evaluateValue.current(3, 1)).toBe(null);
+  });
+
+  it('test template not handle', async () => {
+    valueEvaluations[1].template = 'other_template';
+    const { result: evaluateValue } = renderHook(() => useEvaluateValue(), {
+      wrapper: wrapper(valueEvaluations),
+    });
+
+    expect(evaluateValue.current(1, 1)).toBe(null);
+  });
+
+  it('test evaluate range', async () => {
+    const { result: evaluateValue } = renderHook(() => useEvaluateValue(), {
+      wrapper: wrapper(valueEvaluations),
+    });
+
+    expect(evaluateValue.current(1, 1).text).toBe('On');
+    expect(evaluateValue.current(1, 0).text).toBe('Off');
+    expect(evaluateValue.current(1, 100).text).toBe(100);
+  });
+
+  it('test evaluate boolean', async () => {
+    const { result: evaluateValue } = renderHook(() => useEvaluateValue(), {
+      wrapper: wrapper(valueEvaluations),
+    });
+
+    expect(evaluateValue.current(2, 0).text).toBe('Off');
+    expect(evaluateValue.current(2, 1).text).toBe('On');
+    expect(evaluateValue.current(2, 2).text).toBe(2);
+  });
+});

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

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+import { DEVICE_TYPE } from '../../../configs/Constants';
+import { getConfigControlFromDeviceDisplay } from '../utils';
+import { useWatchConfigs } from '../../../hooks/IoT';
+
+export const useDeviceWatchConfigControl = (device, display) => {
+  const configsNeedWatching = useMemo(() => {
+    if (
+      !device?.is_managed_by_backend ||
+      [DEVICE_TYPE.GOOGLE_HOME, DEVICE_TYPE.LG_THINQ].includes(
+        device?.device_type
+      )
+    ) {
+      return [];
+    }
+    return getConfigControlFromDeviceDisplay(display);
+  }, [device, display]);
+
+  useWatchConfigs(configsNeedWatching);
+};

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

@@ -0,0 +1,45 @@
+export const getConfigControlFromDeviceDisplay = (deviceDisplay) => {
+  const configIds = [];
+  deviceDisplay?.items.map((item) => {
+    if (item.type !== 'action') {
+      return;
+    }
+    const actionGroup = item.configuration;
+    const { configuration } = actionGroup;
+
+    switch (actionGroup.template) {
+      case 'on_off_button_action_template':
+      case 'OnOffButtonActionTemplate':
+      case 'OnOffSimpleActionTemplate':
+      case 'OnOffSmartLockActionTemplate':
+      case 'NumberUpDownActionTemplate':
+      case 'OptionsDropdownActionTemplate':
+      case 'color_picker_template':
+      case 'slider_range_template':
+        if (configuration.config) {
+          configIds.push(configuration.config);
+        }
+        break;
+      case 'StatesGridActionTemplate':
+        configuration.options.forEach((option) => {
+          configIds.push(option.config);
+        });
+        break;
+      case 'TimerActionTemplate':
+        if (configuration.config_hour) {
+          configIds.push(configuration.config_hour);
+        }
+        if (configuration.config_minute) {
+          configIds.push(configuration.config_minute);
+        }
+        break;
+      case 'two_button_action_template':
+        configIds.push(configuration.button1.config);
+        configIds.push(configuration.button2.config);
+        break;
+      default:
+        break;
+    }
+  });
+  return configIds;
+};

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

@@ -0,0 +1,111 @@
+import { getConfigControlFromDeviceDisplay } from './index';
+
+describe('Test getConfigControlFromDeviceDisplay', () => {
+  let deviceDisplay;
+
+  test('test onoff template', () => {
+    deviceDisplay = {
+      items: [
+        {
+          type: 'action',
+          configuration: {
+            template: 'on_off_button_action_template',
+            configuration: {
+              config: 1,
+            },
+          },
+        },
+        {
+          type: 'action',
+          configuration: {
+            template: 'OnOffButtonActionTemplate',
+            configuration: {
+              config: 1,
+            },
+          },
+        },
+        {
+          type: 'action',
+          configuration: {
+            template: 'OnOffSimpleActionTemplate',
+            configuration: {
+              config: null,
+            },
+          },
+        },
+      ],
+    };
+    const configs = getConfigControlFromDeviceDisplay(deviceDisplay);
+    expect(configs).toHaveLength(2);
+  });
+
+  test('test state grid template', () => {
+    deviceDisplay = {
+      items: [
+        {
+          type: 'action',
+          configuration: {
+            template: 'StatesGridActionTemplate',
+            configuration: {
+              options: [
+                {
+                  config: 1,
+                },
+              ],
+            },
+          },
+        },
+      ],
+    };
+    const configs = getConfigControlFromDeviceDisplay(deviceDisplay);
+    expect(configs).toHaveLength(1);
+  });
+
+  test('test timer action template', () => {
+    deviceDisplay = {
+      items: [
+        {
+          type: 'action',
+          configuration: {
+            template: 'TimerActionTemplate',
+            configuration: {
+              config_hour: 1,
+              config_minute: 1,
+            },
+          },
+        },
+        {
+          type: 'action',
+          configuration: {
+            template: 'TimerActionTemplate',
+            configuration: {
+              config_hour: null,
+              config_minute: null,
+            },
+          },
+        },
+      ],
+    };
+    const configs = getConfigControlFromDeviceDisplay(deviceDisplay);
+    expect(configs).toHaveLength(2);
+  });
+
+  test('test two button template', () => {
+    deviceDisplay = {
+      items: [
+        {
+          type: 'action',
+          configuration: {
+            template: 'two_button_action_template',
+            configuration: {
+              button1: { config: 1 },
+              button2: { config: 2 },
+            },
+          },
+        },
+      ],
+    };
+    const configs = getConfigControlFromDeviceDisplay(deviceDisplay);
+    expect(configs).toHaveLength(2);
+  });
+});

package/src/screens/EmergencyContacts/EmergencyContactsAddNew.js

@@ -1,20 +1,19 @@
 import React, { useCallback, useState } from 'react';
-import { SafeAreaView, StyleSheet, TextInput } from 'react-native';
+import { SafeAreaView, StyleSheet, TextInput, View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { Section, ViewButtonBottom } from '../../commons';
 import WrapHeaderScrollable from '../../commons/Sharing/WrapHeaderScrollable';
 import { API, Colors } from '../../configs';
-import { useKeyboardShow } from '../../hooks/Common';
 import { TESTID } from '../../configs/Constants';
 import { axiosPost } from '../../utils/Apis/axios';
 import { ToastBottomHelper } from '../../utils/Utils';
+import { isValidPhoneNumber } from '../../utils/Validation';
 
 export const EmergencyContactsAddNew = ({ route }) => {
   const t = useTranslations();
   const { group } = route.params;
   const { goBack } = useNavigation();
-  const { keyboardBottomPadding } = useKeyboardShow();
   const [textName, setTextName] = useState('');
   const [textPhone, setTextPhone] = useState('');
   const onTextNameChange = useCallback(
@@ -33,22 +32,28 @@ export const EmergencyContactsAddNew = ({ route }) => {
     goBack();
   }, [goBack]);
   const onSave = useCallback(async () => {
-    const { success } = await axiosPost(API.EMERGENCY_BUTTON.CREATE_CONTACT(), {
-      group: group.id,
-      phone_number: textPhone,
-      name: textName,
-    });
-    if (success) {
-      goBack();
+    if (isValidPhoneNumber(textPhone)) {
+      const { success } = await axiosPost(
+        API.EMERGENCY_BUTTON.CREATE_CONTACT(),
+        {
+          group: group.id,
+          phone_number: textPhone,
+          name: textName,
+        }
+      );
+      if (success) {
+        goBack();
+        ToastBottomHelper.success(t('create_contact_success'));
+      } else {
+        ToastBottomHelper.error(t('create_contact_failed'));
+      }
     } else {
-      ToastBottomHelper.error(t('create_contact_failed'));
+      ToastBottomHelper.error(t('invalid_phone_number'));
     }
   }, [goBack, group.id, t, textName, textPhone]);
 
   return (
-    <SafeAreaView
-      style={[styles.wrap, { marginBottom: keyboardBottomPadding }]}
-    >
+    <SafeAreaView style={styles.wrap}>
       <WrapHeaderScrollable title={t('create_contact')}>
         <Section type={'border'}>
           <TextInput
@@ -58,6 +63,7 @@ export const EmergencyContactsAddNew = ({ route }) => {
             placeholder={t('text_name')}
             underlineColorAndroid={null}
             onChangeText={onTextNameChange}
+            maxLength={64}
           />
           <TextInput
             testID={TESTID.ON_CHANGE_PHONE_EMERGENCY_CONTACT}
@@ -67,17 +73,20 @@ export const EmergencyContactsAddNew = ({ route }) => {
             underlineColorAndroid={null}
             keyboardType={'phone-pad'}
             onChangeText={onTextPhoneChange}
+            maxLength={64}
           />
         </Section>
       </WrapHeaderScrollable>
-      <ViewButtonBottom
-        leftTitle={t('cancel')}
-        leftDisabled={false}
-        onLeftClick={onCancel}
-        rightTitle={t('save')}
-        rightDisabled={!textPhone || !textName}
-        onRightClick={onSave}
-      />
+      <View style={styles.viewButtonBottom}>
+        <ViewButtonBottom
+          leftTitle={t('cancel')}
+          leftDisabled={false}
+          onLeftClick={onCancel}
+          rightTitle={t('save')}
+          rightDisabled={!textPhone || !textName}
+          onRightClick={onSave}
+        />
+      </View>
     </SafeAreaView>
   );
 };
@@ -95,4 +104,8 @@ const styles = StyleSheet.create({
     fontFamily: 'SFProDisplay-Regular',
     lineHeight: 24,
   },
+  viewButtonBottom: {
+    borderTopWidth: 1,
+    borderTopColor: Colors.Gray4,
+  },
 });

package/src/screens/EmergencyContacts/EmergencyContactsSelectContacts.js

@@ -27,8 +27,9 @@ export const EmergencyContactsSelectContacts = ({ route }) => {
     setLoading(true);
     const { success, data } = await axiosGet(API.SHARE.UNITS_MEMBERS(id));
     if (success) {
+      const result = data.filter((item) => item?.name && item?.phone_number);
       setLoading(false);
-      setDataContact(data);
+      setDataContact(result);
     }
   }, []);
 

package/src/screens/EmergencyContacts/__test__/EmergencyContactAddNew.test.js

@@ -115,22 +115,40 @@ describe('test EmergencyContactAddNew', () => {
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
+    const TextInput_ = instance.find(
+      (el) =>
+        el.props.testID === TESTID.ON_CHANGE_PHONE_EMERGENCY_CONTACT &&
+        el.type === TextInput
+    );
+
     await act(async () => {
+      await TextInput_.props.onChangeText('0901603859');
       await viewButtonBottom.props.onRightClick();
     });
 
     expect(mockedGoBack).toHaveBeenCalledTimes(1);
   });
 
-  test('onSave fail', async () => {
+  test('onSave failed', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
     const viewButtonBottom = instance.findByType(ViewButtonBottom);
 
+    const TextInput_ = instance.find(
+      (el) =>
+        el.props.testID === TESTID.ON_CHANGE_PHONE_EMERGENCY_CONTACT &&
+        el.type === TextInput
+    );
+
     mock.onPost(API.EMERGENCY_BUTTON.CREATE_CONTACT()).reply(400);
-    await viewButtonBottom.props.onRightClick();
+
+    await act(async () => {
+      await TextInput_.props.onChangeText('0901603859');
+      await viewButtonBottom.props.onRightClick();
+    });
+
     expect(Toast.show).toHaveBeenCalledWith({
       type: 'error',
       position: 'bottom',
@@ -139,4 +157,20 @@ describe('test EmergencyContactAddNew', () => {
     });
     expect(mockedGoBack).not.toHaveBeenCalled();
   });
+
+  test('invalid phone number', async () => {
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const viewButtonBottom = instance.findByType(ViewButtonBottom);
+
+    await viewButtonBottom.props.onRightClick();
+    expect(Toast.show).toHaveBeenCalledWith({
+      type: 'error',
+      position: 'bottom',
+      text1: getTranslate('en', 'invalid_phone_number'),
+      visibilityTime: 1000,
+    });
+  });
 });

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

@@ -65,7 +65,6 @@ describe('Test Render ListSubUnit', () => {
                 icon_kit: '',
                 id: 73,
                 is_managed_by_backend: true,
-                is_other_device: false,
                 name: 'Multi-Air Quality',
                 quick_action: null,
               },
@@ -91,7 +90,6 @@ describe('Test Render ListSubUnit', () => {
         icon_kit: '',
         id: 73,
         is_managed_by_backend: true,
-        is_other_device: false,
         name: 'Multi-Air Quality',
         quick_action: null,
       },

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

@@ -6,7 +6,11 @@ import MockAdapter from 'axios-mock-adapter';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import NotificationItem from '../components/NotificationItem';
-import { NOTIFICATION_TYPES, SENSOR_TYPE } from '../../../configs/Constants';
+import {
+  NOTIFICATION_TYPES,
+  SENSOR_TYPE,
+  EMERGENCY_TYPE,
+} from '../../../configs/Constants';
 import Routes from '../../../utils/Route';
 import { API } from '../../../configs';
 import api from '../../../utils/Apis/axios';
@@ -37,7 +41,7 @@ describe('test NotificationItem', () => {
       id: 1,
       content_code: '',
       is_read: true,
-      params: "{'booking_id': 1, 'booking_id_new': 1}",
+      params: { booking_id: 1, booking_id_new: 1 },
       created_at: '',
       icon: '',
     };
@@ -50,47 +54,47 @@ describe('test NotificationItem', () => {
     {
       content_code: NOTIFICATION_TYPES.REMIND_TO_MAKE_PAYMENT,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.EXPIRE_PARKING_SESSION,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.REMIND_TO_SCAN_QR_CODE,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.BOOKING_SUCCESSFULLY,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.BOOKING_EXPIRED_AND_VIOLATION_CREATED,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.MOVE_CAR_WITHOUT_PAY_VIOLATION,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.PAY_FINE_SUCCESSFULLY,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.STOP_VIOLATION_FREE_PARKING_ZONE,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.PAY_FINE_AND_EXTEND_SUCCESSFULLY,
       screen: Routes.SmartParkingBookingDetails,
-      params: "{ 'id': 1 }",
+      params: { id: 1 },
     },
   ];
 
@@ -116,17 +120,17 @@ describe('test NotificationItem', () => {
     {
       content_code: NOTIFICATION_TYPES.USER_CANCEL,
       screen: Routes.MyBookingList,
-      params: "{ 'tab': 1 }",
+      params: { tab: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.SYSTEM_CANCEL_NO_PAYMENT,
       screen: Routes.MyBookingList,
-      params: "{ 'tab': 1 }",
+      params: { tab: 1 },
     },
     {
       content_code: NOTIFICATION_TYPES.PARKING_COMPLETED,
       screen: Routes.MyBookingList,
-      params: "{ 'tab': 1 }",
+      params: { tab: 1 },
     },
   ];
   for (const notify of listCaseSmartParking2) {
@@ -181,7 +185,11 @@ describe('test NotificationItem', () => {
   for (const sensorType of listSensorType) {
     test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
       item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-      item.params = `{'sensor_type': '${sensorType}', 'unit_id': 5, 'summary_id': 11}`;
+      item.params = {
+        sensor_type: sensorType,
+        unit_id: 5,
+        summary_id: 11,
+      };
       act(() => {
         tree = create(wrapComponent(item));
       });
@@ -209,7 +217,11 @@ describe('test NotificationItem', () => {
   for (const sensorType of listSensorType2) {
     test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
       item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-      item.params = `{'sensor_type': '${sensorType}', 'unit_id': 70, 'sensor_id': 394}`;
+      item.params = {
+        sensor_type: sensorType,
+        unit_id: 70,
+        sensor_id: 394,
+      };
 
       act(() => {
         tree = create(wrapComponent(item));
@@ -231,8 +243,11 @@ describe('test NotificationItem', () => {
 
   test('test onClick Item Notify', () => {
     item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
-    item.params =
-      "{'sensor_type': 'air_quality', 'unit_id': 5, 'summary_id': 11}";
+    item.params = {
+      sensor_type: 'air_quality',
+      unit_id: 5,
+      summary_id: 11,
+    };
     item.is_read = false;
     act(() => {
       tree = create(wrapComponent(item));
@@ -254,7 +269,7 @@ describe('test NotificationItem', () => {
 
   test('test render Notify not in any case', () => {
     item.content_code = 'NEW CASE';
-    item.params = "{ 'unit_id': 1 }";
+    item.params = { unit_id: 1 };
     act(() => {
       tree = create(wrapComponent(item));
     });
@@ -279,4 +294,54 @@ describe('test NotificationItem', () => {
     });
     expect(mockNavigate).not.toHaveBeenCalledWith();
   });
+
+  test('test notify emergency ', () => {
+    item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
+    item.params = {
+      unit_id: 1,
+      sensor_id: 1,
+      type: EMERGENCY_TYPE.CREATED,
+    };
+
+    act(() => {
+      tree = create(wrapComponent(item));
+    });
+    const instance = tree.root;
+    const button = instance.findByType(TouchableOpacity);
+    act(() => {
+      button.props.onPress();
+    });
+    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      screen: Routes.DeviceDetail,
+      params: {
+        unitId: 1,
+        sensorId: 1,
+      },
+    });
+  });
+
+  test('test notify emergency_resolve ', () => {
+    item.content_code = NOTIFICATION_TYPES.NOTIFY_EMERGENCY;
+    item.params = {
+      unit_id: 1,
+      sensor_id: 1,
+      type: EMERGENCY_TYPE.RESOLVE,
+    };
+
+    act(() => {
+      tree = create(wrapComponent(item));
+    });
+    const instance = tree.root;
+    const button = instance.findByType(TouchableOpacity);
+    act(() => {
+      button.props.onPress();
+    });
+    expect(mockNavigate).toHaveBeenCalledWith(Routes.UnitStack, {
+      screen: Routes.DeviceDetail,
+      params: {
+        unitId: 1,
+        sensorId: 1,
+      },
+    });
+  });
 });