@eohjsc/react-native-smart-city 0.2.99 → 0.3.2

package/src/screens/UnitSummary/components/WaterQuality/Item/index.js

@@ -22,11 +22,11 @@ const Item = memo((props) => {
       <View size={14} color={Colors.Gray8} style={styles.textTitleX}>
         <Text>{title}</Text>
         {waterType && (
-          <TouchableOpacity onPress={goToDetail}>
+          <TouchableOpacity onPress={goToDetail} style={styles.buttonInfo}>
             <IconOutline
               style={styles.row}
               name="info-circle"
-              size={14}
+              size={20}
               color={Colors.Black}
             />
           </TouchableOpacity>
@@ -79,4 +79,12 @@ const styles = StyleSheet.create({
   row: {
     flexDirection: 'row',
   },
+  buttonInfo: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: -10,
+    marginRight: -10,
+  },
 });

package/src/screens/UnitSummary/index.js

@@ -3,9 +3,10 @@ import { View, StyleSheet } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { TouchableOpacity } from 'react-native';
 import { IconOutline } from '@ant-design/icons-react-native';
-import { useTranslations } from '../../hooks/Common/useTranslations';
 import moment from 'moment';
 
+import { useTranslations } from '../../hooks/Common/useTranslations';
+import { useReceiveNotifications } from '../../hooks';
 import { API, Colors } from '../../configs';
 import Routes from '../../utils/Route';
 import { axiosGet } from '../../utils/Apis/axios';
@@ -139,6 +140,19 @@ const UnitSummary = memo(({ route }) => {
     fetchSummaryDetail();
   }, [fetchSummaryDetail]);
 
+  const { dataNotification } = useReceiveNotifications();
+
+  useEffect(() => {
+    if (dataNotification) {
+      const { params = {} } = dataNotification;
+      const { summary_id } = params;
+      if (summary_id && summary_id === summaryId) {
+        fetchSummaryDetail();
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dataNotification]);
+
   const UnitSummaryDetail = getComponentAndGuide();
   const ComponentName = UnitSummaryDetail?.componentName;
   const GuideName = UnitSummaryDetail?.guideName;

package/src/utils/Apis/axios.js

@@ -1,35 +1,33 @@
-import axios from 'axios';
-import { deleteData, getData, storeData } from '../Storage';
+import { create } from 'apisauce';
+import { getData, storeData } from '../Storage';
 import { ToastBottomHelper } from '../Utils';
 import NetInfo from '@react-native-community/netinfo';
 
-export const replaceParams = (apiURL, params) => {
-  let _result = apiURL;
-  if (typeof params === 'object') {
-    Object.keys(params).forEach((key) => {
-      _result = _result.replace(`{${key}}`, params[key]);
-    });
-  }
-  return _result;
-};
+const api = create({
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  timeout: 30000,
+});
 
 const parseErrorResponse = async (error) => {
   let message;
   let data = {};
-  if (
-    error.response &&
-    error.response.data &&
-    error.response.data instanceof Object
-  ) {
-    data = error.response.data;
-    const firstKey = Object.keys(error.response.data)[0];
-    message = error.response.data[firstKey];
+  if (error.data instanceof Array) {
+    message = error.data[0];
+  } else if (error.data instanceof Object) {
+    data = error.data;
+    const firstKey = Object.keys(error.data)[0];
+    message = error.data[firstKey];
 
     if (message instanceof Array) {
       message = message[0];
     }
+    if (message?.message) {
+      message = message.message;
+    }
   } else {
-    message = error.message;
+    message = error.data || error.problem;
   }
 
   if (typeof message === 'string') {
@@ -50,7 +48,7 @@ const parseErrorResponse = async (error) => {
     error,
     message,
     data,
-    resp_status: error?.response?.status,
+    resp_status: error?.status || error?.response?.status,
   };
 };
 
@@ -75,6 +73,7 @@ export async function fetchWithCache(url, config = {}, updateMethod) {
     if (cacheResponse) {
       updateMethod(cacheResponse);
     }
+    // eslint-disable-next-line no-empty
   } catch {}
   const response = await axiosGet(url, config, true);
   if (!response.cache) {
@@ -83,25 +82,34 @@ export async function fetchWithCache(url, config = {}, updateMethod) {
 }
 
 export async function axiosGet(URL, config = {}, cache = false) {
-  const cacheKey = `@CACHE_REQUEST_${URL}`;
   let response;
   try {
-    response = await axios.get(URL, config);
+    response = await api.get(URL, config.params, config);
   } catch (error) {
     if (cache) {
-      // only network error or server error
-      if (!error.response || error.response.status >= 500) {
+      if (error.message === 'Network Error') {
+        return (
+          (await axiosCache(URL, 500)) || (await parseErrorResponse(error))
+        );
+      }
+      if (!error?.response || error?.response?.status >= 500) {
         return (
-          (await axiosCache(URL, error.response.status)) ||
+          (await axiosCache(URL, error?.response?.status)) ||
           (await parseErrorResponse(error))
         );
-      } else {
-        await deleteData(cacheKey);
       }
     }
     return await parseErrorResponse(error);
   }
-  const { data } = response;
+  const { data, problem } = response;
+  if (problem === 'NETWORK_ERROR') {
+    if (cache) {
+      return (
+        (await axiosCache(URL, 500)) || (await parseErrorResponse(response))
+      );
+    }
+    return await parseErrorResponse(response);
+  }
   if (response.status === 200) {
     if (cache) {
       await storeData(`@CACHE_REQUEST_${URL}`, JSON.stringify(data));
@@ -121,18 +129,23 @@ export async function axiosGet(URL, config = {}, cache = false) {
 async function axiosCall(method, ...args) {
   let response;
   try {
-    response = await axios[method](...args);
+    response = await api[method](...args);
   } catch (error) {
     return await parseErrorResponse(error);
   }
 
-  const { data } = response;
+  const { data, problem } = response;
+  if (problem) {
+    return await parseErrorResponse(response);
+  }
+
   if (response.status >= 200 && response.status < 300) {
     return {
       success: true,
       data,
     };
   }
+  await parseErrorResponse(response);
 
   return {
     success: false,
@@ -186,3 +199,5 @@ export function createFormData(data, list_file_field) {
 
   return formData;
 }
+
+export default api;

package/src/utils/Converter/time.js

@@ -1,24 +1,6 @@
 import t from '../../hooks/Common/useTranslations';
 import moment from 'moment';
 
-export const transformDatetime = (data = {}, listFieldName = []) => {
-  listFieldName.forEach((name) => {
-    const value = data[name];
-    const isArray = Array.isArray(value);
-
-    if (!data.hasOwnProperty(name)) {
-      return;
-    }
-
-    if (isArray) {
-      data[name] = value.map((item) => (item ? moment(item) : item));
-      return;
-    }
-
-    data[name] = value ? moment(value) : value;
-  });
-};
-
 export const timeDifference = (current, previous, symbol = false) => {
   let msPerMinute = 60 * 1000;
   let msPerHour = msPerMinute * 60;

package/src/utils/I18n/translations/en.json

@@ -986,5 +986,8 @@
   "note": "Note",
   "back": "Back",
   "invaild_data": "Invaild data",
-  "This {name} was removed!" : "This {name} was removed!"
+  "This {name} was removed!" : "This {name} was removed!",
+  "camera_request_permission": "Camera request permission",
+  "camera_request_permission_des": "To use camera, please unlock camera permission",
+  "location_require_message": "EoH needs your location permission to get current location."
 }

package/src/utils/I18n/translations/vi.json

@@ -986,5 +986,9 @@
   "note": "Lưu ý ",
   "back": "Quay lại",
   "invaild_data": "Dữ liệu không hợp lệ",
-  "This {name} was removed!" : "{Name} này đã bị xóa!"
+  "This {name} was removed!" : "{Name} này đã bị xóa!",
+  "location_perm_denied": "Ứng dụng không cho phép truy cập vị trí.",
+  "camera_request_permission": "Quyền yêu cầu máy ảnh",
+  "camera_request_permission_des": "Để sử dụng máy ảnh, vui lòng mở khóa quyền đối với máy ảnh",
+  "location_require_message": "Eoh cần quyền truy cập vị trí của bạn để lấy vị trí hiện tại."
 }

package/src/utils/Permission/common.js

@@ -0,0 +1,67 @@
+/* eslint-disable promise/prefer-await-to-then */
+/* eslint-disable promise/prefer-await-to-callbacks */
+
+import {
+  check,
+  openSettings,
+  PERMISSIONS,
+  request,
+  RESULTS,
+} from 'react-native-permissions';
+import AlertAsync from 'react-native-alert-async';
+import t from '../../hooks/Common/useTranslations';
+import { Platform } from 'react-native';
+
+const isAndroid = Platform.OS === 'android';
+
+export const OpenSetting = async (alertTitle, alertMessage) => {
+  await AlertAsync(alertTitle, alertMessage, [
+    {
+      text: t('cancel'),
+      onPress: () => {},
+      style: 'cancel',
+    },
+    {
+      text: t('ok'),
+      onPress: () => {
+        openSettings().then();
+      },
+    },
+  ]);
+};
+
+export const permitPermissionFunction = (keyPermission, callback) => {
+  if (keyPermission) {
+    check(keyPermission).then((result) => {
+      switch (result) {
+        case RESULTS.DENIED:
+        case RESULTS.LIMITED:
+          request(keyPermission).then((res) => callback(res));
+          break;
+        case RESULTS.BLOCKED:
+        case RESULTS.GRANTED:
+          callback(result);
+          break;
+        default:
+          break;
+      }
+    });
+  }
+};
+
+export const keyPermission = {
+  SMS_RECEIVE: PERMISSIONS.ANDROID.RECEIVE_SMS,
+  LOCATION: isAndroid
+    ? PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION
+    : PERMISSIONS.IOS.LOCATION_WHEN_IN_USE,
+  CAMERA: isAndroid ? PERMISSIONS.ANDROID.CAMERA : PERMISSIONS.IOS.CAMERA,
+  SELECT_PHOTO: isAndroid
+    ? PERMISSIONS.ANDROID.READ_EXTERNAL_STORAGE
+    : PERMISSIONS.IOS.PHOTO_LIBRARY,
+};
+
+export const GEOLOCATION_ERROR = {
+  PERMISSION_DENIED: 1,
+  POSITION_UNAVAILABLE: 2,
+  TIMEOUT: 3,
+};

package/src/utils/Utils.js

@@ -1,21 +1,21 @@
-import { PixelRatio, Linking } from 'react-native';
+import { PixelRatio, Linking, Alert } from 'react-native';
 import Toast from 'react-native-toast-message';
 import validator from 'validator';
-import axios from 'axios';
 import { Constants } from '../configs';
+import api from './Apis/axios';
 
 export const setAxiosDefaultAuthToken = (token) => {
-  axios.defaults.headers.common.Accept = 'application/json';
-  axios.defaults.headers.common.Authorization = `Token ${token}`;
+  api.setHeaders({ Authorization: `Token ${token}` });
 };
 
 export const setAxiosDefaultLanguage = (language) => {
-  axios.defaults.headers.common['Accept-Language'] =
-    language || Constants.LANGUAGE.DEFAULT;
+  api.setHeaders({
+    'Accept-Language': language || Constants.LANGUAGE.DEFAULT,
+  });
 };
 
 export const deleteDefaultAuthToken = () => {
-  delete axios.defaults.headers.common.Authorization;
+  delete api.headers.Authorization;
 };
 
 export const validateEmail = (text) => {
@@ -129,6 +129,10 @@ export const object_Ids = (data) => {
   return listObject;
 };
 
+export const notImplemented = (t) => {
+  Alert.alert(t('feature_under_development'));
+};
+
 export default {
   validateEmail,
   isObjectEmpty,