@eohjsc/react-native-smart-city 0.3.4 → 0.3.7

package/src/hooks/IoT/useGGHomeConnection.js

@@ -1,91 +0,0 @@
-import { useContext, useCallback } from 'react';
-import { SCContext, useSCContextSelector } from '../../context';
-import { Action } from '../../context/actionType';
-import {
-  googleHomeConnect,
-  googleHomeDisconnect,
-} from '../../iot/RemoteControl/GoogleHome';
-import { axiosPost } from '../../utils/Apis/axios';
-import { API } from '../../configs';
-
-const useGGHomeConnection = () => {
-  const { setAction } = useContext(SCContext);
-  const { connections } = useSCContextSelector((state) => state.iot.googlehome);
-  const { listDevice } = useSCContextSelector((state) => state);
-
-  const onEstablished = useCallback(
-    async (newConnections, options) => {
-      setAction(Action.SET_GOOGLE_HOME_CONNECTIONS, newConnections);
-
-      const isConnected = options.some(
-        (option) => !!newConnections[option.chip_id]
-      );
-      let chipId = options[0].chip_id;
-      if (!isConnected) {
-        setAction(Action.LIST_DEVICE_TYPES, {
-          chipId: chipId,
-          sentEmail: true,
-        });
-        await axiosPost(API.GOOGLE_HOME.CHECK_SEND_EMAIL(), {
-          chip_id: chipId,
-          is_connected: false,
-        });
-      } else if (isConnected && listDevice[chipId]?.sentEmail) {
-        setAction(Action.LIST_DEVICE_TYPES, {
-          chipId: chipId,
-          sentEmail: false,
-        });
-        await axiosPost(API.GOOGLE_HOME.CHECK_SEND_EMAIL(), {
-          chip_id: chipId,
-          is_connected: true,
-        });
-      }
-    },
-    [setAction, listDevice]
-  );
-
-  const onDisconnected = useCallback(
-    async (option) => {
-      setAction(Action.CHANGE_GOOGLE_HOME_CONN_STATE, { option, data: 0 });
-    },
-    [setAction]
-  );
-
-  const onReconnected = useCallback(
-    async (option, connection) => {
-      setAction(Action.CHANGE_GOOGLE_HOME_CONN_STATE, {
-        option,
-        data: connection,
-      });
-    },
-    [setAction]
-  );
-
-  const connectGoogleHome = useCallback(
-    async (options) => {
-      await googleHomeConnect(
-        connections,
-        options,
-        onEstablished,
-        onDisconnected,
-        onReconnected
-      );
-    },
-    [connections, onEstablished, onDisconnected, onReconnected]
-  );
-
-  const disconnectGoogleHome = useCallback(
-    async (options) => {
-      await googleHomeDisconnect(connections, options);
-      setAction(Action.SET_GOOGLE_HOME_CONNECTIONS, {});
-    },
-    [setAction, connections]
-  );
-
-  return {
-    connectGoogleHome,
-    disconnectGoogleHome,
-  };
-};
-
-export default useGGHomeConnection;

package/src/hooks/IoT/useRemoteControl.js

@@ -1,79 +0,0 @@
-import { useCallback } from 'react';
-import { useSCContextSelector } from '../../context';
-import { sendCommandOverGoogleHome } from '../../iot/RemoteControl/GoogleHome';
-import { sendCommandOverInternet } from '../../iot/RemoteControl/Internet';
-import { sendCommandOverLGThinq } from '../../iot/RemoteControl/LG';
-import {
-  sendCommandOverBluetooth,
-  SEND_COMMAND_OVER_BLUETOOTH_FAIL,
-} from '../../iot/RemoteControl/Bluetooth';
-import { ToastBottomHelper } from '../../utils/Utils';
-import { t } from 'i18n-js';
-
-const useRemoteControl = () => {
-  const ggHomeConnections = useSCContextSelector(
-    (state) => state.iot.googlehome.connections
-  );
-
-  const sendRemoteCommand = useCallback(
-    async (sensor, action, data, userId, actionName) => {
-      // No action, raise not authorized
-      let result = false;
-      if (!action) {
-        ToastBottomHelper.error(
-          t('your_account_has_not_been_authorized_to_control')
-        );
-        return result;
-      }
-
-      if (action.command_prefer_over_bluetooth) {
-        try {
-          result = await sendCommandOverBluetooth(sensor, action, data, userId);
-        } catch (err) {
-          if (err === SEND_COMMAND_OVER_BLUETOOTH_FAIL) {
-            result = await sendCommandOverInternet(
-              sensor,
-              action,
-              data,
-              'bluetooth',
-              actionName
-            );
-          } else {
-            throw err;
-          }
-        }
-      }
-
-      if (
-        action.command_prefer_over_internet ||
-        action.command_prefer_over_bluetooth
-      ) {
-        result = await sendCommandOverInternet(
-          sensor,
-          action,
-          data,
-          'internet'
-        );
-      }
-
-      if (action.command_prefer_over_googlehome) {
-        result = await sendCommandOverGoogleHome(
-          ggHomeConnections,
-          sensor,
-          action,
-          data
-        );
-      }
-
-      if (action.command_prefer_over_lg) {
-        result = await sendCommandOverLGThinq(sensor, action, data);
-      }
-      return result;
-    },
-    [ggHomeConnections]
-  );
-
-  return sendRemoteCommand;
-};
-
-export default useRemoteControl;

package/src/hooks/index.js

@@ -1,4 +0,0 @@
-import useInitDeepLink from './useInitDeepLink';
-import useReceiveNotifications from './useReceiveNotifications';
-
-export { useInitDeepLink, useReceiveNotifications };

package/src/navigations/UnitStackStyles.js

@@ -1,21 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Device } from '../configs';
-
-export const styles = StyleSheet.create({
-  icLeft: {
-    marginLeft: Device.isIOS ? 8 : 0,
-  },
-  headerLocation: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: 290,
-  },
-  headerTitle: {
-    fontSize: 20,
-    lineHeight: 28,
-  },
-  headerContent: {
-    textAlign: 'center',
-    paddingBottom: 4,
-  },
-});

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

@@ -1,80 +0,0 @@
-import React from 'react';
-import { create, act } from 'react-test-renderer';
-
-import MemberList from '../MemberList';
-import { AlertAction } from '../../../commons';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import { TouchableOpacity } from 'react-native';
-import Routes from '../../../utils/Route';
-
-jest.mock('../../../hooks/Common', () => {
-  return {
-    useIsOwnerOfUnit: () => ({ isOwner: false }),
-  };
-});
-
-const mockedNavigate = jest.fn();
-const mockUseIsFocused = jest.fn();
-
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-    useIsFocused: () => ({
-      isFocused: mockUseIsFocused,
-    }),
-  };
-});
-
-const wrapComponent = (route, state) => (
-  <SCProvider initState={mockSCStore({})}>
-    <MemberList route={route} />
-  </SCProvider>
-);
-
-describe('test MemberList', () => {
-  let route;
-  let localState = {
-    auth: {
-      account: {
-        user: {
-          id: 2,
-        },
-      },
-    },
-  };
-
-  beforeEach(() => {
-    route = {
-      params: {
-        unitId: 1,
-        unit: {
-          id: 1,
-          user_id: 2,
-          name: '',
-        },
-      },
-    };
-  });
-
-  test('AlertAction rightButtonClick', async () => {
-    let tree;
-    await act(async () => {
-      tree = await create(wrapComponent(route, localState));
-    });
-    const instance = tree.root;
-    const alertAction = instance.findByType(AlertAction);
-    await act(async () => {
-      alertAction.props.rightButtonClick();
-    });
-    const MemberListButtons = instance.findAllByType(TouchableOpacity);
-    await MemberListButtons[1].props.onPress();
-    expect(mockedNavigate).not.toBeCalledWith(Routes.AddMemberStack, {
-      screen: Routes.SharingSelectPermission,
-      params: { unit: { id: 1 } },
-    });
-  });
-});

package/src/screens/SideMenuDetail/SideMenuDetailStyles.js

@@ -1,28 +0,0 @@
-import { Colors } from '../../configs';
-import { StyleSheet } from 'react-native';
-import { getBottomSpace } from 'react-native-iphone-x-helper';
-
-export default StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.White,
-  },
-  scrollview: {
-    flex: 1,
-    marginHorizontal: 16,
-  },
-  wrap: {
-    paddingBottom: 100,
-  },
-  viewBottomFixed: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    right: 0,
-    paddingBottom: getBottomSpace() > 0 ? getBottomSpace() : 32,
-    paddingTop: 24,
-    backgroundColor: Colors.White,
-    borderColor: Colors.ShadownTransparent,
-    borderTopWidth: 1,
-  },
-});

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

@@ -1,154 +0,0 @@
-import React from 'react';
-import MockAdapter from 'axios-mock-adapter';
-import { act, create } from 'react-test-renderer';
-
-import { TESTID } from '../../../configs/Constants';
-
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import SideMenuDetail from '../index';
-import { API } from '../../../configs';
-import { TouchableOpacity } from 'react-native';
-import { ModalCustom } from '../../../commons/Modal';
-import { ToastBottomHelper } from '../../../utils/Utils';
-import api from '../../../utils/Apis/axios';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const wrapComponent = (route) => (
-  <SCProvider initState={mockSCStore({})}>
-    <SideMenuDetail route={route} />
-  </SCProvider>
-);
-
-describe('Test SideMenuDetail', () => {
-  let tree;
-  const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
-  const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
-
-  afterEach(() => {
-    spyToastSuccess.mockReset();
-    spyToastSuccess.mockRestore();
-  });
-
-  const chooseUser = async (instance) => {
-    const ChooseField = instance.find(
-      (item) =>
-        item.props.testID === TESTID.CHOOSE_FIELD &&
-        item.type === TouchableOpacity
-    );
-    await act(async () => {
-      await ChooseField.props.onPress();
-    });
-
-    const popup = instance.find(
-      (item) =>
-        item.props.testID === TESTID.CHOOSE_POPUP && item.type === ModalCustom
-    );
-    expect(popup.props.isVisible).toBeTruthy();
-
-    const button_choose_done = instance.find(
-      (el) =>
-        el.props.testID === TESTID.CHOOSE_POPUP + TESTID.BOTTOM_VIEW_MAIN &&
-        el.type === TouchableOpacity
-    );
-
-    await act(async () => {
-      await button_choose_done.props.onPress();
-    });
-    expect(popup.props.isVisible).toBeFalsy();
-  };
-
-  const enterPasscode = async (instance) => {
-    const inputPasscode = instance.find(
-      (item) => item.props.testID === TESTID.PASSCODE_FIELD
-    );
-
-    await act(async () => {
-      await inputPasscode.props.onChangeText('123456');
-    });
-  };
-
-  const onPressSubmitData = async (instance) => {
-    const buttonSubmit = instance.find(
-      (el) =>
-        el.props.testID === TESTID.SUBMIT + TESTID.BOTTOM_VIEW_MAIN &&
-        el.type === TouchableOpacity
-    );
-    await act(async () => {
-      await buttonSubmit.props.onPress();
-    });
-  };
-
-  test('render SideMenuDetail template choose field', async () => {
-    const response_side_menu = {
-      status: 200,
-      data: {
-        id: 1,
-        action: '3df74a11-1a95-4a65-8e08-936b88c8b5ca',
-        fields: [
-          {
-            type: 'choose_user',
-            key: 'user_id',
-            action: {
-              type: 'action_zigbee',
-              id: 1,
-            },
-          },
-          {
-            type: 'passcode',
-            key: 'passcode',
-            action: {
-              type: 'action_zigbee',
-              id: 1,
-            },
-          },
-          {
-            type: 'schedule',
-            key: 'schedule',
-            action: {
-              type: 'action_zigbee',
-              id: {
-                always: 2,
-                recurring: 4,
-                temporary: 5,
-              },
-            },
-          },
-        ],
-      },
-    };
-    const response_unit_members = {
-      status: 200,
-      data: [{ id: 1, name: 'Ken' }],
-    };
-
-    mock
-      .onGet(API.DEVICE.SIDE_MENU_DETAIL(1, 1))
-      .reply(200, response_side_menu.data);
-    mock
-      .onGet(API.SHARE.UNITS_MEMBERS(1))
-      .reply(200, response_unit_members.data);
-    mock.onPost(API.DEVICE.TRIGGER_ACTION(1)).reply(200, []);
-
-    const route = {
-      params: {
-        unit: { id: 1 },
-        sensor: { id: 1 },
-        side_menu: { id: 1, name: 'Setup generate pass code' },
-      },
-    };
-    await act(async () => {
-      tree = await create(wrapComponent(route));
-    });
-
-    const instance = tree.root;
-    await chooseUser(instance);
-    await onPressSubmitData(instance);
-    expect(spyToastError).toBeCalled();
-
-    await enterPasscode(instance);
-    await onPressSubmitData(instance);
-    expect(spyToastSuccess).toBeCalled();
-  });
-});

package/src/screens/SideMenuDetail/index.js

@@ -1,148 +0,0 @@
-import React, { memo, useCallback, useEffect, useState } from 'react';
-import { View, ScrollView } from 'react-native';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-
-import styles from './SideMenuDetailStyles';
-import { HeaderCustom } from '../../commons/Header';
-import BottomButtonView from '../../commons/BottomButtonView';
-import { axiosGet, axiosPost } from '../../utils/Apis/axios';
-import { API } from '../../configs';
-import PasscodeField from '../../commons/FieldTemplate/PasscodeField';
-import ChooseUserField from '../../commons/FieldTemplate/ChooseUserField';
-import ScheduleField from '../../commons/FieldTemplate/ScheduleField';
-import { TESTID } from '../../configs/Constants';
-import { ToastBottomHelper } from '../../utils/Utils';
-import { useNavigation } from '@react-navigation/native';
-
-const SideMenuDetail = memo(({ route }) => {
-  const t = useTranslations();
-  const { goBack } = useNavigation();
-  const { unit, sensor, side_menu } = route?.params || {};
-  const [sideMenu, setSideMenu] = useState({});
-  const [dataForm, setDataForm] = useState([]);
-
-  const renderTemplateField = useCallback(
-    (item, index) => {
-      const keyItem = item.key;
-      const dataItem = item;
-      switch (item.type) {
-        case 'choose_user':
-          return (
-            <ChooseUserField
-              key={index} // Todo avoid waring unique "key" prop
-              unit={unit}
-              dataItem={dataItem}
-              index={index}
-              setDataForm={setDataForm}
-              dataForm={dataForm}
-            />
-          );
-        case 'passcode':
-          return (
-            <PasscodeField
-              key={index}
-              dataItem={dataItem}
-              index={index}
-              setDataForm={setDataForm}
-              dataForm={dataForm}
-            />
-          );
-        case 'schedule':
-          return (
-            <ScheduleField
-              key={index}
-              dataItem={dataItem}
-              keyItem={keyItem}
-              setDataForm={setDataForm}
-              dataForm={dataForm}
-            />
-          );
-        default:
-          return null;
-      }
-    },
-    [unit, dataForm]
-  );
-
-  const onPressSubmit = useCallback(async () => {
-    const data = {};
-    const actionZigbee = [];
-    for (let i = 0; i < dataForm.length; i++) {
-      if (!dataForm[i].valid) {
-        ToastBottomHelper.error(t('invaild_data'));
-        return;
-      }
-      if (dataForm[i].data) {
-        data[dataForm[i].key] = dataForm[i].data;
-        if (
-          dataForm[i].action_zigbee &&
-          !actionZigbee.includes(dataForm[i].action_zigbee)
-        ) {
-          actionZigbee.push(dataForm[i].action_zigbee);
-        }
-      } else {
-        data[dataForm[i].key] = null;
-      }
-    }
-
-    data.action_zigbee = actionZigbee;
-
-    const { success } = await axiosPost(API.DEVICE.TRIGGER_ACTION(sensor.id), {
-      key: sideMenu.action,
-      data,
-      source: 'smart_lock',
-    });
-
-    if (success) {
-      ToastBottomHelper.success(t('activated_successfully'));
-      goBack();
-    } else {
-      ToastBottomHelper.error(t('activation_failed'));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dataForm]);
-
-  const fetchSideMenuDetail = useCallback(async () => {
-    const { success, data } = await axiosGet(
-      API.DEVICE.SIDE_MENU_DETAIL(sensor.id, side_menu.id)
-    );
-    if (success) {
-      setSideMenu(data);
-      setDataForm(data.fields);
-    }
-  }, [sensor.id, side_menu.id]);
-
-  useEffect(() => {
-    fetchSideMenuDetail();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return (
-    <View style={styles.container}>
-      <HeaderCustom
-        title={side_menu.name}
-        titleStyle={styles.title}
-        isShowSeparator
-      />
-      <ScrollView
-        showsVerticalScrollIndicator={false}
-        showsHorizontalScrollIndicator={false}
-        style={styles.scrollview}
-      >
-        <View style={styles.wrap}>
-          {dataForm.map((item, index) => {
-            return renderTemplateField(item, index);
-          })}
-        </View>
-      </ScrollView>
-      <BottomButtonView
-        style={styles.viewBottomFixed}
-        testIDPrefix={TESTID.SUBMIT}
-        mainTitle={t('done')}
-        onPressMain={onPressSubmit}
-      />
-    </View>
-  );
-});
-
-export default SideMenuDetail;

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

@@ -1,100 +0,0 @@
-import React from 'react';
-import { ScrollView } from 'react-native';
-import MockAdapter from 'axios-mock-adapter';
-import renderer, { act } from 'react-test-renderer';
-import { API } from '../../../configs';
-import { SCProvider } from '../../../context';
-import { mockSCStore } from '../../../context/mockStore';
-import Summaries from '../Summaries';
-import SummaryItem from '../../../commons/SummaryItem';
-import api from '../../../utils/Apis/axios';
-import { useReceiveNotifications } from '../../../hooks';
-
-const mock = new MockAdapter(api.axiosInstance);
-
-const wrapComponent = (props) => (
-  <SCProvider initState={mockSCStore({})}>
-    <Summaries {...props} />
-  </SCProvider>
-);
-
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
-const mockedNavigate = jest.fn();
-jest.mock('@react-navigation/native', () => {
-  return {
-    ...jest.requireActual('@react-navigation/native'),
-    useIsFocused: jest.fn(),
-    useNavigation: () => ({
-      navigate: mockedNavigate,
-    }),
-  };
-});
-
-jest.mock('react-native-onesignal', () => {
-  return {
-    setNotificationWillShowInForegroundHandler: jest.fn(),
-  };
-});
-
-jest.mock('../../../hooks', () => {
-  return {
-    ...jest.requireActual('../../../hooks'),
-    useReceiveNotifications: jest.fn(() => ({ dataNotification: null })),
-  };
-});
-
-describe('Test Summaries', () => {
-  let tree, props;
-
-  beforeEach(() => {
-    props = {
-      unit: {
-        id: 1,
-      },
-    };
-  });
-
-  test('render Summaries receive noti with summary_id then reload', async () => {
-    mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
-    const dataNotification = {
-      params: {
-        summary_id: 1,
-      },
-    };
-    useReceiveNotifications.mockImplementationOnce(() => ({
-      dataNotification,
-    }));
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(props));
-    });
-    const instance = tree.root;
-    const scrollview = instance.findByType(ScrollView);
-    expect(scrollview).toBeDefined();
-    const items = instance.findAllByType(SummaryItem);
-    await act(async () => {
-      items[0].props.goToSummary({ id: 1 });
-    });
-    expect(mockedNavigate).toBeCalled();
-  });
-
-  test('render Summaries receive noti with summary_id then not reload', async () => {
-    mock.onGet(API.UNIT.UNIT_SUMMARY(1)).reply(200, [{ id: 1 }]);
-    const dataNotification = {
-      params: {
-        unit_id: 1,
-      },
-    };
-    useReceiveNotifications.mockImplementationOnce(() => ({
-      dataNotification,
-    }));
-    await act(async () => {
-      tree = await renderer.create(wrapComponent(props));
-    });
-  });
-});