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

package/src/screens/Unit/SelectAddress.js

@@ -1,10 +1,9 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { TouchableOpacity, View, ScrollView } from 'react-native';
 import MapView, { Marker, Circle, PROVIDER_GOOGLE } from 'react-native-maps';
 import { useNavigation } from '@react-navigation/native';
 import { IconOutline, IconFill } from '@ant-design/icons-react-native';
-import { check, RESULTS } from 'react-native-permissions';
-import { openPromptEnableLocation } from '../../utils/Setting/Location';
 
 import BottomButtonView from '../../commons/BottomButtonView';
 import SearchBarLocation from '../../commons/SearchLocation';
@@ -12,23 +11,22 @@ import RowLocation from '../../commons/SearchLocation/RowLocation';
 import Text from '../../commons/Text';
 import { FullLoading } from '../../commons';
 import { useTranslations } from '../../hooks/Common/useTranslations';
-import {
-  GEOLOCATION_ERROR,
-  keyPermission,
-  OpenSetting,
-} from '../../utils/Permission/common';
+
+navigator.geolocation = require('@react-native-community/geolocation');
 
 import styles from './SelectAddressStyles';
 import { API, Colors, SCConfig } from '../../configs';
 import { axiosGet } from '../../utils/Apis/axios';
 import Routes from '../../utils/Route';
-import {
-  TESTID,
-  MAP_INITIAL_REGION,
-  EOH_LOCATION,
-} from '../../configs/Constants';
+import { TESTID } from '../../configs/Constants';
 
-navigator.geolocation = require('@react-native-community/geolocation');
+const initialRegion = {
+  latitudeDelta: 0.0922,
+  longitudeDelta: 0.0421,
+};
+
+const DEFAULT_LATITUDE = 10.7974046; // EoH center
+const DEFAULT_LONGITUDE = 106.7035663;
 
 const SelectAddress = memo(({ route }) => {
   const t = useTranslations();
@@ -48,9 +46,9 @@ const SelectAddress = memo(({ route }) => {
     goBack();
   }, [goBack, updateLocation, searchedLocation]);
 
-  const onTextInput = useCallback(async (value) => {
-    setInput(value);
-    if (value === '') {
+  const onTextInput = useCallback(async (input) => {
+    setInput(input);
+    if (input === '') {
       setSearchData([]);
       setSearchedLocation(null);
       return;
@@ -58,7 +56,7 @@ const SelectAddress = memo(({ route }) => {
     try {
       const config = {
         params: {
-          input: value,
+          input: input,
           key: SCConfig.GOOGLE_MAP_API_KEY,
           sessiontoken: 123456324,
           strictBounds: false,
@@ -73,7 +71,6 @@ const SelectAddress = memo(({ route }) => {
       if (success) {
         setSearchData(data.predictions);
       }
-      // eslint-disable-next-line no-empty
     } catch (error) {}
   }, []);
 
@@ -86,8 +83,7 @@ const SelectAddress = memo(({ route }) => {
       {
         latitude: lat,
         longitude: lng,
-        latitudeDelta: MAP_INITIAL_REGION.LAT,
-        longitudeDelta: MAP_INITIAL_REGION.LNG,
+        ...initialRegion,
       },
       600
     );
@@ -144,24 +140,10 @@ const SelectAddress = memo(({ route }) => {
         setLoading(false);
       },
       // eslint-disable-next-line promise/prefer-await-to-callbacks
-      async (error) => {
-        if (error.code === GEOLOCATION_ERROR.PERMISSION_DENIED) {
-          const permissionResult = await check(keyPermission.LOCATION);
-          permissionResult === RESULTS.BLOCKED &&
-            OpenSetting(
-              t('location_rationale_title'),
-              t('location_require_message')
-            );
-        } else if (error.code === GEOLOCATION_ERROR.POSITION_UNAVAILABLE) {
-          const locationEnabaled = await openPromptEnableLocation();
-          process.env.NODE_ENV !== 'test' &&
-            locationEnabaled &&
-            getCurrentPosition();
-        }
-      }
-      // { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 } // enable on emulator
+      (error) => {}
+      // { enableHighAccuracy: true, timeout: 20000, maximumAge: 1000 } enable on emulator
     );
-  }, [t]);
+  }, []);
 
   const chooseOnMap = useCallback(() => {
     navigate(Routes.ChooseLocation, {
@@ -181,10 +163,7 @@ const SelectAddress = memo(({ route }) => {
     <View style={styles.wrap}>
       <View style={styles.searchLocation}>
         <SearchBarLocation input={input} onTextInput={onTextInput} />
-        <ScrollView
-          style={styles.searchData}
-          scrollIndicatorInsets={{ right: 1 }}
-        >
+        <ScrollView style={styles.searchData}>
           {searchData.map((item, index) => (
             <RowLocation key={index} item={item} onPress={onPressRowLocation} />
           ))}
@@ -220,10 +199,9 @@ const SelectAddress = memo(({ route }) => {
         provider={PROVIDER_GOOGLE}
         style={styles.mapView}
         initialRegion={{
-          latitude: EOH_LOCATION.LAT,
-          longitude: EOH_LOCATION.LNG,
-          latitudeDelta: MAP_INITIAL_REGION.LAT,
-          longitudeDelta: MAP_INITIAL_REGION.LNG,
+          ...initialRegion,
+          latitude: DEFAULT_LATITUDE,
+          longitude: DEFAULT_LONGITUDE,
         }}
         followUserLocation={true}
       >

package/src/screens/Unit/SmartAccount.js

@@ -29,13 +29,13 @@ const ListSmartAccount = ({ route }) => {
   const [loadingRemoveItem, setLoadingRemoveItem] = useState(false);
 
   const getAllSmartAccounts = useCallback(async () => {
-    const { success, data: accountData } = await axiosGet(
-      API.SMART_ACCOUNT.LIST_SMART_ACCOUNT(unitId)
+    const { success, data } = await axiosGet(
+      API.SMART_ACCOUNT.LIST_SMART_ACCOUNT()
     );
     if (success) {
-      setData(accountData);
+      setData(data);
     }
-  }, [unitId]);
+  }, []);
 
   const { childRef, showingPopover, showPopoverWithRef, hidePopover } =
     usePopover();

package/src/screens/Unit/Station/index.js

@@ -1,6 +1,5 @@
 import React, { memo, useEffect, useRef, useState } from 'react';
 import { View, Text, TouchableOpacity, FlatList } from 'react-native';
-import { TESTID } from '../../../configs/Constants';
 import styles from './StationStyles';
 
 const Station = ({ listStation = [], onSnapToItem, indexStation }) => {
@@ -24,7 +23,6 @@ const Station = ({ listStation = [], onSnapToItem, indexStation }) => {
         key={index}
         style={styles.wrapTitle}
         onPress={handleOnSnapToItem(item, index)}
-        testID={`${TESTID.SUB_UNIT_NAME}-${item?.station?.id}`}
       >
         <Text
           style={[styles.title, index === indexStation && styles.titleActive]}
@@ -72,8 +70,6 @@ const Station = ({ listStation = [], onSnapToItem, indexStation }) => {
         extraData={data}
         renderItem={renderItem}
         showsHorizontalScrollIndicator={false}
-        scrollIndicatorInsets={{ right: 1 }}
-        testID={TESTID.NAV_LIST}
       />
     </View>
   );

package/src/screens/Unit/Summaries.js

@@ -5,7 +5,6 @@ import Routes from '../../utils/Route';
 import { useIsFocused, useNavigation } from '@react-navigation/native';
 import { axiosGet } from '../../utils/Apis/axios';
 import { API } from '../../configs';
-import { useReceiveNotifications } from '../../hooks';
 
 const Summaries = memo(({ unit }) => {
   const [unitSummaries, setUnitSummaries] = useState([]);
@@ -34,8 +33,6 @@ const Summaries = memo(({ unit }) => {
   const goToSummary = useCallback(
     (summary) => {
       navigation.navigate(Routes.UnitSummary, {
-        summaryId: summary.id,
-        unitId: unit.id,
         summaryData: summary,
         unitData: unit,
       });
@@ -53,7 +50,7 @@ const Summaries = memo(({ unit }) => {
     if (success) {
       localState.timeoutId = setTimeout(() => {
         continuousFetchSummary();
-      }, 10000);
+      }, 5000);
     }
   }, [localState, fetchUnitSummary]);
 
@@ -85,23 +82,10 @@ const Summaries = memo(({ unit }) => {
     };
   }, [localState, continuousFetchSummary, isFocused]);
 
-  const { dataNotification } = useReceiveNotifications();
-
-  useEffect(() => {
-    if (dataNotification) {
-      const { params = {} } = dataNotification;
-      const { summary_id } = params;
-      if (summary_id) {
-        fetchUnitSummary();
-      }
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dataNotification]);
-
   return (
     <>
       {!unitSummaries || !unitSummaries.length ? null : (
-        <ScrollView horizontal={true} scrollIndicatorInsets={{ right: 1 }}>
+        <ScrollView horizontal={true}>
           {unitSummaries.map((item, index) => (
             <SummaryItem key={index} item={item} goToSummary={goToSummary} />
           ))}

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

@@ -1,15 +1,12 @@
-import React from 'react';
-import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-
+import axios from 'axios';
 import { API } from '../../../configs';
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
 import UnitDetail from '../Detail';
+import { useIsFocused } from '@react-navigation/native';
+import AsyncStorage from '@react-native-community/async-storage';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
-import api from '../../../utils/Apis/axios';
-import NavBar from '../../../commons/NavBar';
-
-const mock = new MockAdapter(api.axiosInstance);
 
 const mockDispatch = jest.fn();
 
@@ -24,11 +21,11 @@ jest.mock('react-redux', () => ({
 
 jest.mock('../../../iot/RemoteControl/GoogleHome', () => ({
   ...jest.requireActual('../../../iot/RemoteControl/GoogleHome'),
-  googleHomeConnect: jest.fn(async () => ({
-    [1]: {},
-  })),
+  googleHomeConnect: jest.fn(() => false),
 }));
 
+jest.mock('axios');
+
 jest.mock('@react-native-community/netinfo', () => {
   return {
     useNetInfo: () => {
@@ -39,12 +36,6 @@ jest.mock('@react-native-community/netinfo', () => {
   };
 });
 
-jest.mock('react-native-onesignal', () => {
-  return {
-    setNotificationWillShowInForegroundHandler: jest.fn(),
-  };
-});
-
 const wrapComponent = (route, unitData, account) => (
   <SCProvider initState={mockSCStore({})}>
     <UnitDetail
@@ -55,7 +46,6 @@ const wrapComponent = (route, unitData, account) => (
 );
 
 describe('Test UnitDetail google home disconnect', () => {
-  let tree;
   const route = {
     params: {
       unitId: 1,
@@ -63,6 +53,15 @@ describe('Test UnitDetail google home disconnect', () => {
   };
   const account = {};
 
+  axios.get.mockImplementation(() => ({ status: 200 }));
+
+  beforeEach(() => {
+    jest.clearAllTimers();
+    axios.get.mockClear();
+    useIsFocused.mockImplementation(() => true);
+    AsyncStorage.clear();
+  });
+
   test('when unit has google home disconnect call api check send email', async () => {
     const unitData = {
       remote_control_options: {
@@ -77,12 +76,18 @@ describe('Test UnitDetail google home disconnect', () => {
         ],
       },
     };
-    mock.onGet(API.GOOGLE_HOME.CHECK_SEND_EMAIL()).reply(200);
-    await act(() => {
-      tree = create(wrapComponent(route, unitData, account));
+    jest.useFakeTimers();
+
+    await act(async () => {
+      await renderer.create(wrapComponent(route, unitData, account));
     });
-    const instance = tree.root;
-    const NavBars = instance.findAllByType(NavBar);
-    expect(NavBars).toHaveLength(0);
+
+    expect(axios.post).toHaveBeenCalledWith(
+      API.GOOGLE_HOME.CHECK_SEND_EMAIL(),
+      {
+        chip_id: 1,
+        is_connected: false,
+      }
+    );
   });
 });

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

@@ -1,14 +1,11 @@
 import React from 'react';
 import { act, create } from 'react-test-renderer';
-import MockAdapter from 'axios-mock-adapter';
-import MapView from 'react-native-maps';
-
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import ChooseLocation from '../ChooseLocation';
-import { API } from '../../../configs';
+import axios from 'axios';
+import { API, SCConfig } from '../../../configs';
 import BottomButtonView from '../../../commons/BottomButtonView';
-import api from '../../../utils/Apis/axios';
 
 const wrapComponent = (route) => (
   <SCProvider initState={mockSCStore({})}>
@@ -46,7 +43,7 @@ jest.mock('react-native-maps', () => {
   };
 });
 
-const mock = new MockAdapter(api.axiosInstance);
+jest.mock('axios');
 
 describe('Test ChooseLocation', () => {
   let tree;
@@ -55,6 +52,7 @@ describe('Test ChooseLocation', () => {
   const mockSetLocation = jest.fn();
 
   beforeAll(() => {
+    axios.get.mockClear();
     route = {
       params: {
         location: {
@@ -67,24 +65,6 @@ describe('Test ChooseLocation', () => {
     };
   });
 
-  test('test render without location', async () => {
-    await act(async () => {
-      tree = await create(wrapComponent({}));
-    });
-    const instance = tree.root;
-    const buttonBottom = instance.findByType(BottomButtonView);
-    expect(buttonBottom).toBeDefined();
-    await act(async () => {
-      await buttonBottom.props.onPressMain();
-    });
-    const MapViews = instance.findByType(MapView);
-    await MapViews.props.onRegionChangeComplete({
-      latitude: 1,
-      longitude: 1,
-    });
-    expect(mockSetLocation).not.toBeCalled();
-  });
-
   test('test done choose location', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -108,12 +88,19 @@ describe('Test ChooseLocation', () => {
         ],
       },
     };
-    mock
-      .onGet(API.EXTERNAL.GOOGLE_MAP.GET_LOCATION_FROM_LAT_LNG)
-      .reply(200, response.data);
+    axios.get.mockImplementation(async () => response);
     await act(async () => {
       await buttonBottom.props.onPressMain();
     });
+    expect(axios.get).toBeCalledWith(
+      API.EXTERNAL.GOOGLE_MAP.GET_LOCATION_FROM_LAT_LNG,
+      {
+        params: {
+          latlng: '10,10',
+          key: SCConfig.GOOGLE_MAP_API_KEY,
+        },
+      }
+    );
     expect(mockSetAddress).toBeCalledWith('address');
     expect(mockSetLocation).toBeCalledWith({
       description: 'address',