@eohjsc/react-native-smart-city 0.2.95 → 0.2.96

package/src/screens/Sharing/SelectPermission.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import {
   SafeAreaView,
   View,
@@ -13,7 +13,9 @@ import { useTranslations } from '../../hooks/Common/useTranslations';
 import { API, Colors } from '../../configs';
 import ViewButtonBottom from '../../commons/ViewButtonBottom';
 import Text from '../../commons/Text';
-import { axiosGet } from '../../utils/Apis/axios';
+import { axiosGet, axiosPost } from '../../utils/Apis/axios';
+import { object_Ids } from '../../utils/Utils';
+
 import Routes from '../../utils/Route';
 import { SensorItem, TitleCheckBox } from './Components';
 import styles from './Styles/SelectPermissionStyles';
@@ -24,12 +26,14 @@ let dataStationTemp = [];
 
 const SelectPermission = ({ route }) => {
   const t = useTranslations();
-  const { unit } = route.params;
+  const { unit, type = '', member } = route.params;
   const navigation = useNavigation();
   const [dataStations, setDataStations] = useState([]);
   const [isTickAllDevices, setIsTickAllDevices] = useState(false);
   const [activeItemId, setActiveItemId] = useState(-1);
   const [loading, setLoading] = useState(true);
+  const [dataDeviceShared, setDataDeviceShared] = useState([]);
+  const [hasDataChecked, setHasDataChecked] = useState(false);
 
   const onTickTitle = (idGroup, isChecked, id) => {
     if (!idGroup) {
@@ -121,6 +125,42 @@ const SelectPermission = ({ route }) => {
     setDataStations(data);
   };
 
+  const autoCheckedGroup = useCallback(async () => {
+    if (type === 'share_device') {
+      if (hasDataChecked) {
+        const stationIds = object_Ids(dataDeviceShared)?.stationIds;
+        const sensorIds = object_Ids(dataDeviceShared)?.sensorIds;
+        const actionIds = object_Ids(dataDeviceShared)?.actionIds;
+        const configIds = object_Ids(dataDeviceShared)?.configIds;
+        const data = dataStations?.map((i) => ({
+          ...i,
+          isChecked: stationIds.includes(i.id),
+        }));
+        for (let station in data) {
+          for (let item in data[station].sensors) {
+            const itemTemp = data[station].sensors[item];
+            data[station].sensors[item] = {
+              ...itemTemp,
+              isChecked: sensorIds.includes(itemTemp?.id),
+              actions: itemTemp.actions.map((i) => ({
+                ...i,
+                isChecked: actionIds?.includes(i.id),
+              })),
+              read_configs: itemTemp.read_configs.map((i) => ({
+                ...i,
+                isChecked: configIds?.includes(i.id),
+              })),
+            };
+          }
+        }
+        const sensorIdsDefault = object_Ids(data)?.sensorIds;
+        setDataStations(data);
+        setIsTickAllDevices(sensorIdsDefault?.length === sensorIds?.length);
+        setHasDataChecked(false);
+      }
+    }
+  }, [dataDeviceShared, dataStations, hasDataChecked, type]);
+
   const GroupSenSorItem = ({ item = {}, index }) => {
     const { name = '', sensors = [], isChecked, id = '' } = item;
     return (
@@ -152,7 +192,7 @@ const SelectPermission = ({ route }) => {
     );
   };
 
-  const onPressNext = () => {
+  const onPressBottom = async () => {
     let read_permissions = [],
       control_permissions = [];
     for (let station of dataStationTemp) {
@@ -179,10 +219,28 @@ const SelectPermission = ({ route }) => {
       Alert.alert('', t('choose_at_least_one'));
       return;
     }
-    navigation.navigate(Routes.SharingInviteMembers, {
-      unit,
-      permissions: { read_permissions, control_permissions },
-    });
+    if (type === 'share_device') {
+      const phone =
+        member?.phone_number && member?.email
+          ? member?.phone_number
+          : member?.phone_number || '';
+      const email = member?.phone_number ? '' : member?.email || '';
+
+      const { success } = await axiosPost(API.SHARE.SHARE(), {
+        phone,
+        email,
+        unit: unit?.id,
+        permissions: { read_permissions, control_permissions },
+      });
+      if (success) {
+        navigation.goBack();
+      }
+    } else {
+      navigation.navigate(Routes.SharingInviteMembers, {
+        unit,
+        permissions: { read_permissions, control_permissions },
+      });
+    }
   };
 
   const renderGroupItem = ({ item }) => (
@@ -198,7 +256,7 @@ const SelectPermission = ({ route }) => {
           data={dataStations}
           renderItem={renderGroupItem}
           ListHeaderComponent={
-            Boolean(dataStations.length) && (
+            Boolean(dataStations?.length) && (
               <TitleCheckBox
                 title={t('text_all_devices')}
                 wrapStyle={styles.wrapAllDevices}
@@ -214,6 +272,29 @@ const SelectPermission = ({ route }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [dataStations, isTickAllDevices, activeItemId]);
 
+  const getShareUnitPermission = useCallback(async () => {
+    if (type === 'share_device') {
+      if (dataStations?.length > 0) {
+        const response = await axiosGet(
+          API.SHARE.UNIT_MEMBER_SHARE_DEVICE(unit?.id, member?.id)
+        );
+        if (response.success) {
+          setDataDeviceShared(response.data);
+          setHasDataChecked(true);
+        }
+      }
+      setLoading(false);
+    }
+  }, [dataStations?.length, member?.id, type, unit?.id]);
+
+  useEffect(() => {
+    autoCheckedGroup();
+  }, [autoCheckedGroup]);
+
+  useEffect(() => {
+    getShareUnitPermission();
+  }, [getShareUnitPermission]);
+
   useEffect(() => {
     (async () => {
       if (!unit) {
@@ -249,7 +330,7 @@ const SelectPermission = ({ route }) => {
       <View style={styles.contentContainer}>
         {loading ? (
           <ActivityIndicator color={Colors.Primary} />
-        ) : dataStations.length > 0 ? (
+        ) : dataStations?.length > 0 ? (
           renderFlatList
         ) : (
           <Text style={styles.textNodata} testID={TESTID.TEXT_NO_DATA_STATIONS}>
@@ -260,9 +341,9 @@ const SelectPermission = ({ route }) => {
           testIDPrefix={TESTID.PREFIX.SHARING_SELECT_PERMISSION}
           leftTitle={t('cancel')}
           onLeftClick={() => navigation.goBack()}
-          rightTitle={t('next')}
+          rightTitle={type === 'share_device' ? t('done') : t('next')}
           rightDisabled={false}
-          onRightClick={onPressNext}
+          onRightClick={onPressBottom}
         />
       </View>
     </SafeAreaView>

package/src/screens/Sharing/Styles/inforMemberUnitStyles.js

@@ -0,0 +1,92 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+import { getBottomSpace } from 'react-native-iphone-x-helper';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  userWrap: {
+    paddingVertical: 24,
+    alignItems: 'center',
+  },
+  avatar: {
+    width: 88,
+    height: 88,
+    borderRadius: 44,
+    backgroundColor: Colors.Primary,
+  },
+  loading: {
+    marginTop: 24,
+  },
+  row: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingVertical: 24,
+  },
+  rowRight: {
+    flexDirection: 'row',
+  },
+  icon: {
+    marginLeft: 8,
+    width: 15,
+  },
+  textName: {
+    paddingTop: 16,
+  },
+  role: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    padding: 10,
+    marginTop: 32,
+    marginHorizontal: 16,
+    borderRadius: 8,
+    shadowColor: Colors.Gray7,
+    backgroundColor: Colors.White,
+    shadowOffset: {
+      width: 0,
+      height: 3,
+    },
+    shadowOpacity: 0.22,
+    shadowRadius: 3,
+    elevation: 3,
+  },
+  leftRole: {
+    justifyContent: 'space-between',
+  },
+  arrowRight: {
+    position: 'absolute',
+    right: 10,
+    top: '55%',
+    transform: [{ rotate: '180deg' }],
+    tintColor: Colors.Gray7,
+    width: 7,
+    height: 11,
+  },
+  removeButton: {
+    position: 'absolute',
+    bottom: 0,
+    borderWidth: 0,
+    alignSelf: 'center',
+    paddingBottom: 16 + getBottomSpace(),
+  },
+  removeBorderBottom: {
+    borderBottomWidth: 1,
+    borderBottomColor: Colors.Red,
+  },
+  paddingLeft16: {
+    paddingLeft: 16,
+  },
+  wrapCheckBoxStyle: {
+    alignItems: 'flex-start',
+    width: 18,
+    height: 18,
+    paddingRight: 16,
+  },
+  removeButtonStyle: {
+    color: Colors.Red,
+  },
+});

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

@@ -0,0 +1,121 @@
+import React from 'react';
+import { create, act } from 'react-test-renderer';
+import { TouchableOpacity } from 'react-native';
+import InfoMemberUnit from '../InfoMemberUnit';
+import { HeaderCustom } from '../../../commons/Header';
+import axios from 'axios';
+import { SCProvider } from '../../../context';
+import { mockSCStore } from '../../../context/mockStore';
+import { AlertAction } from '../../../commons';
+import API from '../../../configs/API';
+import { TESTID } from '../../../configs/Constants';
+
+jest.mock('../../../hooks/Common', () => {
+  return {
+    useIsOwnerOfUnit: () => ({ isOwner: true }),
+  };
+});
+const mockUseIsFocused = jest.fn();
+const mockedNavigate = jest.fn();
+jest.mock('react', () => {
+  return {
+    ...jest.requireActual('react'),
+    memo: (x) => x,
+  };
+});
+
+jest.mock('@react-navigation/native', () => {
+  return {
+    ...jest.requireActual('@react-navigation/native'),
+    useRoute: jest.fn(),
+    useNavigation: () => ({
+      goBack: jest.fn(),
+      navigate: mockedNavigate,
+    }),
+    useIsFocused: () => mockUseIsFocused,
+  };
+});
+
+jest.mock('axios');
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <InfoMemberUnit route={route} />
+  </SCProvider>
+);
+
+describe('Test InfoMemberUnit', () => {
+  let tree;
+  let route;
+
+  beforeEach(() => {
+    axios.get.mockClear();
+    mockedNavigate.mockClear();
+    route = {
+      params: {
+        unit: {
+          id: 1,
+          name: 'unit',
+        },
+        member: {
+          id: 1,
+          name: 'user1',
+          share_id: 1,
+        },
+      },
+    };
+  });
+  it('render InfoMemberUnit', async () => {
+    mockUseIsFocused.mockImplementation(() => true);
+    const response = {
+      status: 200,
+      data: {
+        id: 1,
+        identity: 'owner',
+        phone_number: '88888',
+        name: 'user',
+        email: 'abc@gmail.com',
+      },
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const header = instance.findAllByType(HeaderCustom);
+    const alertAction = instance.findAllByType(AlertAction);
+    expect(header).toHaveLength(1);
+    expect(alertAction).toHaveLength(1);
+    await act(async () => {
+      alertAction[0].props.rightButtonClick();
+    });
+  });
+  it('render InfoMemberUnit delete member', async () => {
+    mockUseIsFocused.mockImplementation(() => true);
+    const response = {
+      status: 200,
+    };
+    axios.delete.mockImplementation(async () => {
+      return response;
+    });
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const header = instance.findAllByType(HeaderCustom);
+    const buttonRemove = instance.findAll(
+      (el) =>
+        el.props.testID === TESTID.REMOVE_MEMBER && el.type === TouchableOpacity
+    );
+    expect(header).toHaveLength(1);
+    expect(buttonRemove).toHaveLength(1);
+    await act(async () => {
+      buttonRemove[0].props.onPress();
+    });
+    expect(axios.delete).toHaveBeenCalledWith(
+      API.SHARE.UNITS_MEMBER_DETAIL(1, undefined)
+    );
+  });
+});

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

@@ -2,14 +2,11 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
 import axios from 'axios';
-import Toast from 'react-native-toast-message';
 import MemberList from '../MemberList';
 import { AlertAction } from '../../../commons';
-import SharingMembers from '../../../commons/Sharing/MemberList';
 import API from '../../../configs/API';
 import { TESTID } from '../../../configs/Constants';
 import { TouchableOpacity } from 'react-native';
-import { getTranslate } from '../../../utils/I18n';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import Routes from '../../../utils/Route';
@@ -17,6 +14,7 @@ import Routes from '../../../utils/Route';
 const mockedNavigate = jest.fn();
 const mockedDispatch = jest.fn();
 const mockedAddListener = jest.fn();
+const mockUseIsFocused = jest.fn();
 
 jest.mock('@react-navigation/native', () => {
   return {
@@ -25,6 +23,9 @@ jest.mock('@react-navigation/native', () => {
       addListener: mockedAddListener,
       navigate: mockedNavigate,
     }),
+    useIsFocused: () => ({
+      isFocused: mockUseIsFocused,
+    }),
   };
 });
 
@@ -85,14 +86,6 @@ describe('test MemberList', () => {
   });
 
   test('AlertAction rightButtonClick', async () => {
-    const response = {
-      status: 200,
-      data: '',
-    };
-    axios.delete.mockImplementation(async () => {
-      return response;
-    });
-
     let tree;
     await act(async () => {
       tree = await create(wrapComponent(route, localState));
@@ -102,17 +95,6 @@ describe('test MemberList', () => {
     await act(async () => {
       alertAction.props.rightButtonClick();
     });
-    expect(axios.delete).toHaveBeenCalledWith(
-      API.SHARE.UNITS_MEMBER_DETAIL(1, undefined)
-    );
-    expect(Toast.show).toHaveBeenCalledWith({
-      type: 'success',
-      position: 'bottom',
-      text1: getTranslate('en', 'sharing_removed_user', {
-        name: 'undefined',
-      }),
-      visibilityTime: 1000,
-    });
   });
 
   test('get dataMembers', async () => {
@@ -122,6 +104,7 @@ describe('test MemberList', () => {
         {
           id: 1,
           name: 'a',
+          share_id: 1,
         },
       ],
     };
@@ -134,9 +117,11 @@ describe('test MemberList', () => {
       tree = await create(wrapComponent(route, localState));
     });
     const instance = tree.root;
-    const sharingMember = instance.findAllByType(SharingMembers);
-    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
+    const sharingMember = instance.findAll(
+      (el) => el.props.testID === TESTID.SHARING_MEMBER
+    );
     expect(sharingMember).toHaveLength(1);
+    expect(axios.get).toHaveBeenCalledWith(API.SHARE.UNITS_MEMBERS(1), {});
   });
 
   test('WrapHeaderScrollable rightHeader', async () => {

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

@@ -9,6 +9,7 @@ import { ViewButtonBottom } from '../../../commons';
 import Routes from '../../../utils/Route';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
+import API from '../../../configs/API';
 
 jest.mock('axios');
 
@@ -194,4 +195,56 @@ describe('Test SelectPermission', () => {
     });
     expect(mockGoBack).toBeCalled();
   });
+  it('test selectPermission type share_device', () => {
+    mocSetdata();
+    const routes = {
+      params: {
+        unit: { id: 1 },
+        type: 'share_device',
+        member: { id: 1, name: 'a', phone_number: '89898888' },
+      },
+    };
+    const response = {
+      status: 200,
+      data: [
+        {
+          id: 204,
+          isChecked: true,
+          name: 'sensor',
+          sensors: [
+            {
+              actions: [{ id: 136, isChecked: true, name: 'action 1' }],
+              id: 123,
+              isChecked: true,
+              name: 'child1',
+              read_configs: [{ id: 137, isChecked: true, name: 'config 1' }],
+            },
+          ],
+        },
+      ],
+    };
+    axios.get.mockImplementation(async () => {
+      return response;
+    });
+    act(() => {
+      tree = create(wrapComponent(routes));
+    });
+    const instance = tree.root;
+    const ViewButtonBottomElement = instance.findAllByType(ViewButtonBottom);
+    expect(ViewButtonBottomElement).toHaveLength(1);
+    expect(axios.get).toHaveBeenCalledWith(
+      API.SHARE.UNIT_MEMBER_SHARE_DEVICE(1, 1),
+      {}
+    );
+    act(() => {
+      ViewButtonBottomElement[0].props.onRightClick();
+    });
+    expect(mockNavigate).toBeCalledWith(Routes.SharingInviteMembers, {
+      permissions: {
+        control_permissions: [{ id: 123, values: [136] }],
+        read_permissions: [{ id: 123, values: [137] }],
+      },
+      unit: 1,
+    });
+  });
 });