@eohjsc/react-native-smart-city 0.3.30 → 0.3.33

package/src/commons/ConnectingProcess/index.js

@@ -1,213 +0,0 @@
-import React, { useEffect, useCallback, useState } from 'react';
-import { SafeAreaView, View, TouchableOpacity } from 'react-native';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-import Routes from '../../utils/Route';
-import { useNavigation } from '@react-navigation/native';
-import ImageSuccessfully from '../../Images/Common/SuccessfullyConnected.svg';
-
-import Text from '../Text';
-import { axiosPatch, axiosPost } from '../../utils/Apis/axios';
-import { API, Colors } from '../../configs';
-import styles from './styles';
-import DeviceItem from './DeviceItem/DeviceItem';
-import Connecting from '../Connecting';
-import { useSCContextSelector } from '../../context';
-
-const ConnectingSuccess = ({
-  unit,
-  sensor,
-  station,
-  unit_name,
-  newName,
-  setNewName,
-  isSelection,
-  handleSelectionChange,
-}) => {
-  const t = useTranslations();
-  return (
-    <View style={styles.ConnectingSuccess}>
-      <ImageSuccessfully />
-      <Text bold style={styles.connectingText}>
-        {t('successfully_connected')}
-      </Text>
-      <Text size={14} style={styles.textHome}>
-        {`${unit?.name || unit_name} ${
-          station?.name !== undefined ? '- ' + station?.name : ''
-        }`}
-      </Text>
-      <DeviceItem
-        icon={sensor?.icon_kit}
-        name={newName}
-        setNewName={setNewName}
-        handleSelectionChange={handleSelectionChange}
-        isSelection={isSelection}
-      />
-    </View>
-  );
-};
-
-const ConnectingProcess = ({ route }) => {
-  const { navigate, goBack } = useNavigation();
-  const t = useTranslations();
-
-  const {
-    scan_sensor_data,
-    gateway,
-    station,
-    unit,
-    unit_id,
-    unit_name,
-    devicePrefixName,
-    wifi_ssid,
-    wifi_pass,
-  } = route.params || {};
-  const [isLoading, setIsLoading] = useState(true);
-  const [sensor, setSensor] = useState(null);
-  const user = useSCContextSelector((state) => state?.auth?.account?.user);
-  const [newName, setNewName] = useState('');
-  const [isSelection, setIsSelection] = useState(true);
-
-  const connectingDevice = useCallback(async () => {
-    setIsLoading(true);
-    switch (devicePrefixName) {
-      case 'SENSOR': {
-        const body = { imei: scan_sensor_data?.imei, chip: gateway?.id };
-        const { success, data } = await axiosPost(
-          API.SUB_UNIT.SENSOR_SCAN(station.id),
-          body
-        );
-        if (success) {
-          setSensor(data);
-          setNewName(data?.name);
-        } else {
-          goBack();
-        }
-
-        break;
-      }
-      case 'ROBOT': {
-        const { success, data } = await axiosPost(API.UNIT.CHIP_SCAN(unit.id), {
-          imei: gateway?.imei,
-          qr_code: scan_sensor_data?.imei,
-          name: gateway?.model,
-          station: station?.id,
-          wifi_ssid: wifi_ssid,
-          wifi_pass: wifi_pass,
-          phone: user?.phone_number,
-        });
-        if (success) {
-          setSensor(data);
-          setNewName(data?.name);
-        } else {
-          goBack();
-        }
-        break;
-      }
-      case 'LITE': {
-        const { success, data } = await axiosPost(
-          API.UNIT.ADD_GATEWAY(unit_id),
-          {
-            imei: gateway?.imei,
-            chip_name: gateway?.model,
-          }
-        );
-        if (success) {
-          setSensor(data);
-          setNewName(data?.name || gateway?.model);
-        } else {
-          goBack();
-        }
-        break;
-      }
-    }
-    setIsLoading(false);
-  }, [
-    devicePrefixName,
-    scan_sensor_data?.imei,
-    gateway?.id,
-    gateway?.imei,
-    gateway?.model,
-    station,
-    goBack,
-    unit,
-    wifi_ssid,
-    wifi_pass,
-    user?.phone_number,
-    unit_id,
-  ]);
-
-  const handleDone = useCallback(async () => {
-    switch (devicePrefixName) {
-      case 'SENSOR': {
-        await axiosPatch(API.SENSOR.SENSOR_DETAIL(sensor?.id), {
-          name: newName,
-        });
-        break;
-      }
-      case 'ROBOT':
-      case 'LITE': {
-        await axiosPatch(API.CHIP.CHIP_DETAIL(sensor?.id), {
-          name: newName,
-        });
-        break;
-      }
-    }
-    navigate(Routes.UnitStack, {
-      screen: Routes.UnitDetail,
-      params: {
-        unitId: unit?.id || unit_id,
-        unitData: unit,
-        routeName: 'DashboardStack',
-        stationId: station?.id,
-      },
-    });
-  }, [
-    devicePrefixName,
-    navigate,
-    newName,
-    sensor?.id,
-    station?.id,
-    unit,
-    unit_id,
-  ]);
-
-  const handleSelectionChange = useCallback(() => {
-    setIsSelection(false);
-  }, []);
-
-  useEffect(() => {
-    connectingDevice();
-  }, [connectingDevice]);
-
-  return (
-    <SafeAreaView style={styles.wrap}>
-      <View style={styles.boxText}>
-        <Text bold style={styles.connectingText}>
-          {t('connect_device')}
-        </Text>
-        {!!isLoading && <Connecting isLoading={isLoading} />}
-        {!isLoading && (
-          <ConnectingSuccess
-            unit={unit}
-            sensor={sensor}
-            station={station}
-            unit_name={unit_name}
-            newName={newName}
-            setNewName={setNewName}
-            isSelection={isSelection}
-            handleSelectionChange={handleSelectionChange}
-          />
-        )}
-      </View>
-      {!isLoading && (
-        <TouchableOpacity style={styles.buttonDone} onPress={handleDone}>
-          <Text color={Colors.Primary} type={'H4'}>
-            {t('done')}
-          </Text>
-        </TouchableOpacity>
-      )}
-    </SafeAreaView>
-  );
-};
-
-export default ConnectingProcess;

package/src/commons/ConnectingProcess/styles.js

@@ -1,69 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { Colors } from '../../configs';
-import {
-  getStatusBarHeight,
-  getBottomSpace,
-} from 'react-native-iphone-x-helper';
-
-export default StyleSheet.create({
-  wrap: {
-    paddingTop: getStatusBarHeight(true),
-    backgroundColor: Colors.White,
-    width: '100%',
-    height: '100%',
-    justifyContent: 'space-between',
-  },
-  connectingText: {
-    marginLeft: 30,
-    marginTop: 16,
-    fontSize: 20,
-    color: Colors.Gray9,
-  },
-  animatedEllipsis: {
-    fontSize: 25,
-    color: Colors.Gray9,
-    marginTop: 14,
-  },
-  warningText: {
-    marginHorizontal: 30,
-    marginTop: 16,
-    fontSize: 14,
-    color: Colors.Gray8,
-  },
-  boxText: {
-    flex: 1,
-  },
-  progressBar: {
-    flexDirection: 'column',
-    marginTop: 180,
-    marginHorizontal: 30,
-  },
-  connecting: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    marginBottom: 10,
-  },
-  percentLoad: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  textPercentLoad: {
-    marginLeft: 10,
-  },
-  ConnectingSuccess: {
-    marginTop: 180,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  textHome: {
-    paddingTop: 16,
-    paddingBottom: 8,
-  },
-  buttonDone: {
-    width: '100%',
-    justifyContent: 'center',
-    alignItems: 'center',
-    paddingBottom: getBottomSpace() + 24,
-  },
-});

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/iot/RemoteControl/index.js

@@ -1,55 +0,0 @@
-// import {
-//   SEND_COMMAND_OVER_BLUETOOTH_FAIL,
-//   sendCommandOverBluetooth,
-// } from './Bluetooth';
-// import { sendCommandOverInternet } from './Internet';
-// import { sendCommandOverGoogleHome } from './GoogleHome';
-// import { ToastBottomHelper } from '../../utils/Utils';
-// import t from '../../hooks/Common/useTranslations';
-// import { sendCommandOverLGThinq } from './LG';
-
-// export const sendRemoteCommand = async (
-//   sensor,
-//   action,
-//   data,
-//   userId = null,
-//   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) {
-//     result = await sendCommandOverInternet(sensor, action, data, 'internet');
-//   }
-
-//   if (action.command_prefer_over_googlehome) {
-//     result = await sendCommandOverGoogleHome(sensor, action, data);
-//   }
-
-//   if (action.command_prefer_over_lg) {
-//     result = await sendCommandOverLGThinq(sensor, action, data);
-//   }
-//   return result;
-// };

package/src/screens/AddNewDevice/ConnectDevices.js

@@ -1,184 +0,0 @@
-import React, { memo, useCallback } from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
-import { IconOutline } from '@ant-design/icons-react-native';
-import { useTranslations } from '../../hooks/Common/useTranslations';
-
-import { Colors } from '../../configs';
-import Text from '../../commons/Text';
-import _TextInput from '../../commons/Form/TextInput';
-import { AlertAction } from '../../commons';
-import SvgDoor from '../../../assets/images/Device/door.svg';
-
-import { useConnectDevices } from './hooks/ConnectDevices';
-import { useStateAlertRename } from './hooks/useStateAlertRename';
-import { TESTID } from '../../configs/Constants';
-
-const ConnectDevices = memo(({ route }) => {
-  const t = useTranslations();
-  const { new_sensor, station_id, unit_id, unit_name } = route.params;
-  const {
-    onPressDone,
-    onChangeTemporaryDeviceName,
-    temporaryDeviceName,
-    deviceName,
-    setDeviceName,
-  } = useConnectDevices(new_sensor, station_id, unit_id);
-  const { stateAlertRename, onShowRenameAlert, hideAlertAction } =
-    useStateAlertRename();
-
-  const onPressRename = useCallback(() => {
-    setDeviceName(temporaryDeviceName);
-    hideAlertAction();
-  }, [hideAlertAction, setDeviceName, temporaryDeviceName]);
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.content}>
-        <IconOutline name="check-circle" size={28} color={Colors.Green6} />
-        <Text
-          testID={TESTID.CONNECTED_DEVICE_SUCCESS}
-          semibold
-          color={Colors.Black}
-          size={20}
-          style={styles.textStatus}
-        >
-          {t('successfully_connected')}
-        </Text>
-        <Text
-          testID={TESTID.CONNECTED_DEVICE_UNIT_NAME}
-          size={14}
-          color={Colors.Gray9}
-          style={styles.textStation}
-        >
-          {unit_name}
-        </Text>
-
-        <View style={styles.boxDevice}>
-          <SvgDoor />
-          <Text
-            testID={TESTID.CONNECTED_DEVICE_DEVICE_NAME}
-            size={16}
-            color={Colors.Gray9}
-            style={styles.textDeviceName}
-          >
-            {deviceName}
-          </Text>
-        </View>
-
-        <TouchableOpacity
-          testID={TESTID.CONNECTED_DEVICE_BUTTON_RENAME_DEVICE}
-          style={styles.textRename}
-          onPress={onShowRenameAlert}
-        >
-          <Text
-            testID={TESTID.CONNECTED_DEVICE_RENAME_DEVICE}
-            size={14}
-            color={Colors.Orange}
-          >
-            {t('rename_your_device')}
-          </Text>
-        </TouchableOpacity>
-      </View>
-      <TouchableOpacity style={styles.btnDone} onPress={onPressDone}>
-        <Text
-          testID={TESTID.CONNECTED_DEVICE_DONE}
-          semibold
-          size={16}
-          color={Colors.Primary}
-        >
-          {t('done')}
-        </Text>
-      </TouchableOpacity>
-      <AlertAction
-        visible={stateAlertRename.visible}
-        hideModal={hideAlertAction}
-        title={stateAlertRename.title}
-        message={stateAlertRename.message}
-        leftButtonTitle={stateAlertRename.leftButton}
-        leftButtonClick={hideAlertAction}
-        rightButtonTitle={stateAlertRename.rightButton}
-        rightButtonClick={onPressRename}
-      >
-        <View style={styles.wrapRename}>
-          <_TextInput
-            value={temporaryDeviceName}
-            onChange={onChangeTemporaryDeviceName}
-            textInputStyle={styles.roomName}
-            wrapStyle={styles.textInput}
-            selectionColor={Colors.Primary}
-          />
-        </View>
-      </AlertAction>
-    </View>
-  );
-});
-
-export default ConnectDevices;
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: Colors.Gray19,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  boxDevice: {
-    padding: 16,
-    flexDirection: 'row',
-    borderWidth: 1,
-    borderRadius: 10,
-    borderColor: Colors.Gray4,
-    backgroundColor: Colors.White,
-    alignItems: 'center',
-    shadowColor: Colors.Shadow,
-    shadowOffset: {
-      width: 0,
-      height: 8,
-    },
-    shadowOpacity: 1,
-    shadowRadius: 12,
-    elevation: 2,
-  },
-  content: {
-    flex: 1,
-    backgroundColor: Colors.Gray19,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  btnDone: {
-    height: 48,
-    width: '100%',
-    alignItems: 'center',
-  },
-  textStatus: {
-    lineHeight: 28,
-    marginTop: 8,
-    marginBottom: 16,
-  },
-  textStation: {
-    lineHeight: 22,
-    marginBottom: 8,
-  },
-  textDeviceName: {
-    marginLeft: 8,
-  },
-  textRename: {
-    marginTop: 16,
-  },
-  textInput: {
-    marginTop: 0,
-  },
-  roomName: {
-    borderWidth: 0,
-    borderBottomWidth: 1,
-    borderBottomColor: Colors.Primary,
-    paddingLeft: 0,
-    fontSize: 16,
-    lineHeight: 24,
-    margin: 0,
-    padding: 0,
-  },
-  wrapRename: {
-    marginHorizontal: 16,
-  },
-});