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

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

@@ -1,8 +1,12 @@
 import React from 'react';
 import { renderHook } from '@testing-library/react-hooks';
-import { useEvaluateValue } from '../useEvaluateValue';
+import { useEvaluateValue, useGetEvaluateValue } from '../useEvaluateValue';
 import { SCProvider } from '../../../../context';
 import { mockSCStore } from '../../../../context/mockStore';
+import { API } from '../../../../configs';
+import MockAdapter from 'axios-mock-adapter';
+import api from '../../../../utils/Apis/axios';
+import { flushPromises } from '../../../AllGateway/test-utils';
 
 const wrapper =
   (valueEvaluations) =>
@@ -99,4 +103,23 @@ describe('Test useEvaluateValue', () => {
     expect(evaluateValue.current(2, 1).text).toBe('On');
     expect(evaluateValue.current(2, 2).text).toBe(2);
   });
+
+  it('test evaluate fetch from server if not exists', async () => {
+    const mock = new MockAdapter(api.axiosInstance);
+    mock.onGet(API.FETCH_VALUE_EVALUATION(111)).reply(200, {
+      unit_id: 1,
+      configs: [111],
+    });
+
+    const { result: evaluateValue } = renderHook(
+      () => useGetEvaluateValue(111),
+      {
+        wrapper: wrapper(valueEvaluations),
+      }
+    );
+    expect(evaluateValue.current).toBe(undefined);
+    await flushPromises();
+
+    expect(mock.history.get.length).toBe(1);
+  });
 });

package/src/screens/Sharing/InfoMemberUnit.js

@@ -148,9 +148,10 @@ const InfoMemberUnit = memo(({ route }) => {
     stateAlertAction?.is_change,
     stateAlertAction?.message,
   ]);
+
   const handleShareDevice = useCallback(() => {
     if (isOwner && memberInfo?.identity === 'member') {
-      return navigate(Routes.AddMemberStack, {
+      navigate(Routes.AddMemberStack, {
         screen: Routes.SharingSelectPermission,
         params: {
           unit: { id: unit?.id },
@@ -159,7 +160,6 @@ const InfoMemberUnit = memo(({ route }) => {
         },
       });
     }
-    return <></>;
   }, [isOwner, navigate, unit?.id, memberInfo]);
 
   const footerWarning = useMemo(() => {

package/src/screens/Sharing/MemberList.js

@@ -14,6 +14,8 @@ import AlertAction from '../../commons/AlertAction';
 import { useDataMember, useStateAlertAction } from './hooks';
 import { AccessibilityLabel } from '../../configs/Constants';
 import { useSCContextSelector } from '../../context';
+import { useBackendPermission } from '../../utils/Permission/backend';
+import { ToastBottomHelper } from '../../utils/Utils';
 
 const MemberList = ({ route }) => {
   const t = useTranslations();
@@ -24,20 +26,39 @@ const MemberList = ({ route }) => {
   const { dataMembers, isRefresh, onRefresh, leaveUnit, loading } =
     useDataMember(unitId, unit?.user_id);
   const { isOwner } = useIsOwnerOfUnit(unit?.user_id);
+  const permissions = useBackendPermission();
 
   const { stateAlertSharingMenu, hideStateAlertSharingMenu, stateLeaveUnit } =
     useStateAlertAction();
 
   const onPressRightHeader = useCallback(() => {
-    if (isOwner) {
-      navigate(Routes.AddMemberStack, {
-        screen: Routes.SharingSelectPermission,
-        params: { unit: { id: unitId } },
-      });
-    } else {
+    if (!isOwner) {
       stateLeaveUnit(); //change state stateAlertAction
+      return;
+    }
+
+    if (permissions?.max_members_per_unit <= dataMembers.length) {
+      ToastBottomHelper.error(
+        t('reach_max_members_per_unit', {
+          max: permissions?.max_members_per_unit,
+        })
+      );
+      return;
     }
-  }, [isOwner, navigate, stateLeaveUnit, unitId]);
+
+    navigate(Routes.AddMemberStack, {
+      screen: Routes.SharingSelectPermission,
+      params: { unit: { id: unitId } },
+    });
+  }, [
+    dataMembers.length,
+    isOwner,
+    navigate,
+    permissions?.max_members_per_unit,
+    stateLeaveUnit,
+    t,
+    unitId,
+  ]);
 
   const handleLeave = useCallback(() => {
     if (!isOwner) {

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

@@ -14,6 +14,7 @@ import api from '../../../utils/Apis/axios';
 import ItemChangeRole from '../Components/ItemChangeRole';
 import ModalPopupCT from '../../../commons/ModalPopupCT';
 import Routes from '../../../utils/Route';
+import { useNavigation } from '@react-navigation/native';
 
 const mock = new MockAdapter(api.axiosInstance);
 
@@ -22,22 +23,6 @@ jest.mock('../../../hooks/Common', () => {
     useIsOwnerOfUnit: () => ({ isOwner: true }),
   };
 });
-const mockUseIsFocused = jest.fn();
-const mockedNavigate = jest.fn();
-
-const mockGoBack = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useRoute: jest.fn(),
-    useNavigation: () => ({
-      goBack: mockGoBack,
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => mockUseIsFocused,
-  };
-});
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -48,9 +33,13 @@ const wrapComponent = (route) => (
 describe('Test InfoMemberUnit', () => {
   let tree;
   let route;
+  const mockedNavigate = useNavigation().navigate;
+  const mockGoBack = useNavigation().goBack;
 
   beforeEach(() => {
     mockedNavigate.mockClear();
+    mockGoBack.mockClear();
+    mock.reset();
     route = {
       params: {
         unit: {
@@ -112,7 +101,7 @@ describe('Test InfoMemberUnit', () => {
   it('render InfoMemberUnit delete member', async () => {
     mock.onGet(API.SHARE.UNIT_MEMBER_INFO(1, 1)).reply(200, {
       id: 2,
-      identity: 'owner',
+      identity: 'member',
       phone_number: '88888',
       name: 'user',
       email: 'abc@gmail.com',
@@ -130,10 +119,15 @@ describe('Test InfoMemberUnit', () => {
     expect(header).toHaveLength(1);
     expect(buttonRemove).toHaveLength(1);
     mock.onDelete(API.SHARE.UNITS_MEMBER_DETAIL(1)).reply(200);
+
+    const alert = instance.findByType(AlertAction);
+    expect(alert.props.visible).toBeFalsy();
+
     await act(async () => {
       buttonRemove[0].props.onPress();
     });
-    expect(mockGoBack).toBeCalled();
+
+    expect(alert.props.visible).toBeTruthy();
   });
 
   it('test change owner', async () => {
@@ -191,4 +185,24 @@ describe('Test InfoMemberUnit', () => {
       type: 'infoMemberUnit',
     });
   });
+
+  it('test share device', async () => {
+    mock.onGet(API.SHARE.UNIT_MEMBER_INFO(1, 1)).reply(200, {
+      id: 2,
+      identity: 'member',
+      phone_number: '88888',
+      name: 'user',
+      email: 'abc@gmail.com',
+    });
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const rows = instance.findAllByType(TouchableOpacity);
+
+    await act(async () => {
+      await rows[rows.length - 1].props.onPress();
+    });
+    expect(mockedNavigate).toBeCalled();
+  });
 });

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

@@ -10,6 +10,8 @@ import Routes from '../../../utils/Route';
 import MockAdapter from 'axios-mock-adapter';
 import api from '../../../utils/Apis/axios';
 import { useNavigation } from '@react-navigation/native';
+import { ToastBottomHelper } from '../../../utils/Utils';
+import { getTranslate } from '../../../utils/I18n';
 
 new MockAdapter(api.axiosInstance);
 
@@ -19,8 +21,8 @@ jest.mock('../../../hooks/Common', () => {
   };
 });
 
-const wrapComponent = (route, state) => (
-  <SCProvider initState={mockSCStore({})}>
+const wrapComponent = (route, state = {}) => (
+  <SCProvider initState={mockSCStore(state)}>
     <MemberList route={route} />
   </SCProvider>
 );
@@ -64,11 +66,42 @@ describe('test MemberList', () => {
     await act(async () => {
       alertAction.props.rightButtonClick();
     });
-    const MemberListButtons = instance.findAllByType(TouchableOpacity);
-    await MemberListButtons[1].props.onPress();
+    const memberListButtons = instance.findAllByType(TouchableOpacity);
+    await act(async () => {
+      await memberListButtons[1].props.onPress();
+    });
     expect(mockedNavigate).toBeCalledWith(Routes.AddMemberStack, {
       screen: Routes.SharingSelectPermission,
       params: { unit: { id: 1 } },
     });
   });
+
+  it('add new member but reach limit', async () => {
+    let tree;
+    await act(async () => {
+      tree = await create(
+        wrapComponent(route, {
+          auth: {
+            account: {
+              user: {
+                permissions: {
+                  max_members_per_unit: 0,
+                },
+              },
+            },
+          },
+        })
+      );
+    });
+    const instance = tree.root;
+    const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
+    const memberListButtons = instance.findAllByType(TouchableOpacity);
+    await act(async () => {
+      await memberListButtons[1].props.onPress();
+    });
+    expect(mockedNavigate).not.toBeCalled();
+    expect(spyToastError).toBeCalledWith(
+      getTranslate('en', 'reach_max_members_per_unit')
+    );
+  });
 });

package/src/screens/SubUnit/AddSubUnit.js

@@ -163,7 +163,7 @@ const AddSubUnit = ({ route }) => {
 
   const validateData = useMemo(() => {
     if (isAddUnit) {
-      return roomName === '' || wallpaper === '' || location.description === '';
+      return roomName === '' || wallpaper === '' || !location.description;
     } else {
       return roomName === '' || wallpaper === '';
     }

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

@@ -62,6 +62,9 @@ describe('Test AddSubUnit', () => {
         unit: {
           id: 1,
           name: 'Unit name',
+          location: {
+            description: 'location',
+          },
         },
       },
     };
@@ -187,7 +190,9 @@ describe('Test AddSubUnit', () => {
   it('test create Unit', async () => {
     route.params = {
       ...route.params,
-      location: 'Unit address',
+      location: {
+        description: 'Unit address',
+      },
       isAddUnit: true,
     };
     mock.onPost(API.UNIT.CREATE_UNIT()).reply(200, {
@@ -231,7 +236,9 @@ describe('Test AddSubUnit', () => {
   it('test create Unit Fail', async () => {
     route.params = {
       ...route.params,
-      location: 'Unit address',
+      location: {
+        description: 'Unit address',
+      },
       isAddUnit: true,
     };
     mock.onPost(API.UNIT.CREATE_UNIT()).reply(400);
@@ -270,7 +277,13 @@ describe('Test AddSubUnit', () => {
         isAddSubUnit: true,
         routeName: 'DashboardStack',
         stationId: undefined,
-        unitData: { id: 1, name: 'Unit name' },
+        unitData: {
+          id: 1,
+          name: 'Unit name',
+          location: {
+            description: 'location',
+          },
+        },
         unitId: 1,
       },
     });

package/src/screens/Unit/AddMenu.js

@@ -7,61 +7,84 @@ import AddDeviceIcon from '../../../assets/images/Popover/Dashboard/AddDevice.sv
 import SmartAccount from '../../../assets/images/Popover/Dashboard/SmartAccount.svg';
 import AddMemberIcon from '../../../assets/images/Popover/Dashboard/AddMember.svg';
 import { useNavigation } from '@react-navigation/native';
+import { ToastBottomHelper } from '../../utils/Utils';
+import { useBackendPermission } from '../../utils/Permission/backend';
 
 const AddMenu = memo(({ unit, afterItemClick, showAdd, setHideAdd }) => {
   const t = useTranslations();
   const navigation = useNavigation();
+  const permissions = useBackendPermission();
 
   const onItemClick = useCallback(
-    ({ route: routeName, data }) => {
+    (item) => {
       setHideAdd(true);
       afterItemClick();
-      routeName && navigation.navigate(routeName, data);
+      item.onClick && item.onClick();
     },
-    [setHideAdd, afterItemClick, navigation]
+    [setHideAdd, afterItemClick]
   );
 
   const listItem = useMemo(() => {
     return [
       {
         id: 'add_sub_unit',
-        route: Routes.AddSubUnitStack,
         text: t('sub_unit'),
         image: <AddSubUnitIcon width={43} height={43} />,
-        data: {
-          screen: Routes.AddSubUnit,
-          params: { unit, isInsideUnit: true },
+        onClick: () => {
+          // 2 is station favorite and smart
+          if (unit.stations.length - 2 >= permissions.max_stations_per_unit) {
+            ToastBottomHelper.error(t('reach_max_stations_per_unit'));
+            return;
+          }
+          navigation.navigate(Routes.AddSubUnitStack, {
+            screen: Routes.AddSubUnit,
+            params: { unit, isInsideUnit: true },
+          });
         },
       },
       {
         id: 'add_member',
-        route: Routes.AddMemberStack,
         text: t('member'),
         image: <AddMemberIcon width={43} height={43} />,
-        data: { screen: Routes.SharingSelectPermission, params: { unit } },
+        onClick: () =>
+          navigation.navigate(Routes.AddMemberStack, {
+            screen: Routes.SharingSelectPermission,
+            params: { unit },
+          }),
       },
       {
         id: 'add_device',
-        route: Routes.AddGatewayStack,
         text: t('device'),
         image: <AddDeviceIcon width={43} height={43} />,
-        data: {
-          screen: Routes.SelectDeviceType,
-          params: { unit },
+        onClick: () => {
+          let hasPermission = false;
+          Object.keys(permissions).forEach((key) => {
+            if (key.includes('plug_and_play') && permissions[key]) {
+              hasPermission = true;
+            }
+          });
+          if (!hasPermission) {
+            ToastBottomHelper.error(t('not_support_plug_and_play'));
+            return;
+          }
+          navigation.navigate(Routes.AddGatewayStack, {
+            screen: Routes.SelectDeviceType,
+            params: { unit },
+          });
         },
       },
       {
         id: 'add_smart_account',
-        route: Routes.SmartAccountStack,
         text: t('name_smart_account'),
         image: <SmartAccount width={43} height={43} />,
-        data: {
-          screen: Routes.SmartAccount,
-          params: { unitId: unit?.id, unitName: unit?.name },
-        },
+        onClick: () =>
+          navigation.navigate(Routes.SmartAccountStack, {
+            screen: Routes.SmartAccount,
+            params: { unitId: unit?.id, unitName: unit?.name },
+          }),
       },
     ];
-  }, [t, unit]);
+  }, [t, unit, navigation, permissions]);
 
   const hideAddModal = useCallback(() => {
     setHideAdd(false);

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

@@ -5,13 +5,15 @@ import MenuActionAddnew from '../../../commons/MenuActionAddnew';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import AddMenu from '../AddMenu';
+import { useNavigation } from '@react-navigation/native';
+import { ToastBottomHelper } from '../../../utils/Utils';
+import { getTranslate } from '../../../utils/I18n';
 
-const mockedNavigate = jest.fn();
 const mockedAfterItemClick = jest.fn();
 const mockedHideAddModal = jest.fn();
 
-const wrapComponent = (unit) => (
-  <SCProvider initState={mockSCStore({})}>
+const wrapComponent = (unit, storeData = {}) => (
+  <SCProvider initState={mockSCStore(storeData)}>
     <AddMenu
       unit={unit}
       afterItemClick={mockedAfterItemClick}
@@ -21,17 +23,15 @@ const wrapComponent = (unit) => (
   </SCProvider>
 );
 
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: jest.fn(),
-  };
-});
-
 describe('Test AddMenu Unit', () => {
+  const mockedNavigate = useNavigation().navigate;
+  const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
+
+  beforeEach(() => {
+    mockedNavigate.mockClear();
+    spyToastError.mockClear();
+  });
+
   let tree;
   it('render AddMenu without route', async () => {
     let unit = { id: 1, name: 'Unit 1' };
@@ -68,8 +68,9 @@ describe('Test AddMenu Unit', () => {
     const menuActionAddnew = instance.findByType(MenuActionAddnew);
     await act(async () => {
       menuActionAddnew.props.onItemClick({
-        route: 'route test',
-        data: 'data test',
+        onClick: () => {
+          mockedNavigate('route test', 'data test');
+        },
       });
     });
 
@@ -77,4 +78,56 @@ describe('Test AddMenu Unit', () => {
     expect(mockedAfterItemClick).toHaveBeenCalled();
     expect(mockedNavigate).toHaveBeenCalledWith('route test', 'data test');
   });
+
+  it('add new device but have no permission', async () => {
+    let unit = { id: 1, name: 'Unit 1' };
+    await act(async () => {
+      tree = await create(
+        wrapComponent(unit, {
+          auth: {
+            account: {
+              user: {
+                permissions: {},
+              },
+            },
+          },
+        })
+      );
+    });
+
+    const instance = tree.root;
+    const menuActionAddnew = instance.findByType(MenuActionAddnew);
+    await act(async () => {
+      menuActionAddnew.props.onItemClick(menuActionAddnew.props.dataActions[2]);
+    });
+    expect(spyToastError).toBeCalledWith(
+      getTranslate('en', 'not_support_plug_and_play')
+    );
+  });
+
+  it('add new device has permission', async () => {
+    let unit = { id: 1, name: 'Unit 1' };
+    await act(async () => {
+      tree = await create(
+        wrapComponent(unit, {
+          auth: {
+            account: {
+              user: {
+                permissions: {
+                  plug_and_play_zigbee: true,
+                },
+              },
+            },
+          },
+        })
+      );
+    });
+
+    const instance = tree.root;
+    const menuActionAddnew = instance.findByType(MenuActionAddnew);
+    await act(async () => {
+      menuActionAddnew.props.onItemClick(menuActionAddnew.props.dataActions[2]);
+    });
+    expect(spyToastError).not.toBeCalled();
+  });
 });

package/src/screens/Unit/components/AutomateScript/index.js

@@ -59,7 +59,7 @@ const AutomateScript = ({ automate, onPress, isSelected }) => {
           </Text>
           <View style={styles.descriptionContainer}>
             <Text numberOfLines={1} type={'Label'} color={Colors.Gray7}>
-              {`${t('create_by')} ${author}`}
+              {t('created_by', { name: author })}
             </Text>
             <IconOutline name="right" size={12} />
           </View>