@eohjsc/react-native-smart-city 0.2.85 → 0.2.88

package/src/screens/HanetCamera/styles/captureFaceIDStyles.js

@@ -0,0 +1,50 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  textDes: {
+    marginTop: 30,
+    fontSize: 18,
+  },
+  wrapCamera: {
+    flex: 1,
+  },
+  camera: {
+    height: '90%',
+    width: '100%',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+  },
+  maskOutter: {
+    position: 'absolute',
+    alignSelf: 'center',
+    top: '12%',
+  },
+  wrapBottom: {
+    paddingBottom: 24,
+    paddingTop: 30,
+    justifyContent: 'space-between',
+    backgroundColor: Colors.White,
+  },
+  bottomButton: {
+    padding: 12,
+    backgroundColor: Colors.Primary,
+    borderRadius: 50,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginHorizontal: 16,
+  },
+  bottomButton2: {
+    backgroundColor: Colors.White,
+    marginTop: 8,
+  },
+});

package/src/screens/HanetCamera/styles/checkinHeaderStyles.js

@@ -0,0 +1,24 @@
+import { StyleSheet } from 'react-native';
+
+export default StyleSheet.create({
+  wrap: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  arrowRight: {
+    transform: [{ rotate: '180deg' }],
+  },
+  wrapDate: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginHorizontal: 24,
+  },
+  marginRight10: {
+    marginRight: 10,
+  },
+});

package/src/screens/HanetCamera/styles/detailStyles.js

@@ -0,0 +1,107 @@
+import { StyleSheet, Platform } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  contentContainerStyle: {
+    paddingBottom: 60,
+  },
+  headerRight: {
+    flexDirection: 'row',
+  },
+  button: {
+    marginRight: 10,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  menuAction: {
+    borderRadius: 10,
+    borderBottomRightRadius: 10,
+    borderBottomLeftRadius: 10,
+    marginTop: Platform.select({
+      ios: 0,
+      android: -25,
+    }),
+  },
+  wrapTop: {
+    padding: 16,
+    backgroundColor: Colors.White,
+    shadowColor: Colors.Shadow,
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  row2: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  marginTop16: {
+    marginTop: 16,
+  },
+  marginRight10: {
+    marginRight: 10,
+  },
+  wrapDate: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginHorizontal: 24,
+  },
+  arrowRight: {
+    transform: [{ rotate: '180deg' }],
+  },
+  wrapItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    height: 70,
+  },
+  wrapItemInfo: {
+    flex: 1,
+  },
+  avatar: {
+    height: 36,
+    width: 36,
+    borderRadius: 18,
+    marginVertical: 24,
+  },
+  verticalLine: {
+    height: '100%',
+    width: 1,
+    backgroundColor: Colors.Gray4,
+    marginHorizontal: 16,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  centerCircle: {
+    height: 12,
+    width: 12,
+    borderRadius: 5,
+  },
+  timeCheckIn: {
+    marginVertical: 24,
+    width: '20%',
+  },
+  itemDescription: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  dot: {
+    height: 4,
+    width: 4,
+    backgroundColor: Colors.Gray7,
+    borderRadius: 2,
+    marginHorizontal: 4,
+  },
+});

package/src/screens/HanetCamera/styles/manageAccessStyles.js

@@ -0,0 +1,49 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  headerRight: {
+    flexDirection: 'row',
+  },
+  contentContainerStyle: {
+    paddingBottom: 60,
+  },
+  wrapItem: {
+    height: 100,
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    borderBottomWidth: 1,
+    borderBottomColor: Colors.Gray3,
+  },
+  itemAvatar: {
+    height: 48,
+    width: 48,
+    borderRadius: 24,
+    borderWidth: 1,
+    borderColor: Colors.Gray3,
+  },
+  itemName: {
+    marginLeft: 16,
+    flex: 1,
+  },
+  addMemberModal: {
+    paddingBottom: 50,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 16,
+    marginHorizontal: 16,
+    borderBottomColor: Colors.Gray3,
+    borderBottomWidth: 1,
+  },
+  textOption: {
+    marginLeft: 18,
+  },
+});

package/src/screens/HanetCamera/styles/memberInfoStyles.js

@@ -0,0 +1,73 @@
+import { StyleSheet } from 'react-native';
+import { Colors } from '../../../configs';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: Colors.White,
+  },
+  headerRight: {
+    flexDirection: 'row',
+  },
+  wrapAvatar: {
+    alignItems: 'center',
+    marginTop: 24,
+    marginBottom: 52,
+  },
+  avatar: {
+    height: 88,
+    width: 88,
+    borderRadius: 44,
+    borderWidth: 1,
+    borderColor: Colors.Gray3,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    borderBottomColor: Colors.Gray3,
+    height: 64,
+    marginHorizontal: 16,
+  },
+  textSetPhoto: {
+    flex: 1,
+    marginLeft: 16,
+    lineHeight: 24,
+  },
+  photoID: {
+    width: 42,
+    height: 42,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: Colors.Gray3,
+  },
+  spaceBetween: {
+    justifyContent: 'space-between',
+  },
+  buttonRemove: {
+    position: 'absolute',
+    alignItems: 'center',
+    padding: 32,
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
+  textInput: {
+    margin: 16,
+    marginTop: 0,
+    borderWidth: 0,
+    paddingLeft: 0,
+    paddingTop: 0,
+    borderBottomWidth: 2,
+    borderBottomColor: Colors.Primary,
+    fontSize: 16,
+    color: Colors.Gray9,
+  },
+  bottomButton: {
+    paddingBottom: 24,
+  },
+  textError: {
+    marginHorizontal: 16,
+    marginTop: 4,
+  },
+});

package/src/screens/HanetCamera/utils/Monitor.js

@@ -0,0 +1,52 @@
+import { API } from '../../../configs';
+import Pusher from 'pusher-js/react-native';
+import { SCConfig } from '../../../configs/SCConfig';
+import { axiosPost } from '../../../utils/Apis/axios';
+
+Pusher.logToConsole = true;
+let pusher = null;
+
+const getPusher = () => {
+  if (!pusher) {
+    pusher = new Pusher(SCConfig.pusherAppKey, {
+      cluster: SCConfig.pusherAppCluste,
+      authorizer: function (channel, option) {
+        return {
+          // eslint-disable-next-line promise/prefer-await-to-callbacks
+          authorize: async function (socketId, callback) {
+            const { success, data } = await axiosPost(
+              API.CAMERA.HANET.PUSHER_AUTH(),
+              {
+                channel_name: channel.name,
+                socket_id: socketId,
+              }
+            );
+            if (success) {
+              // eslint-disable-next-line promise/prefer-await-to-callbacks
+              callback(null, data);
+            }
+          },
+        };
+      },
+    });
+  }
+  return pusher;
+};
+
+const destroyPusher = () => {
+  pusher.disconnect();
+  pusher = null;
+};
+
+// eslint-disable-next-line promise/prefer-await-to-callbacks
+export const watchHanetCheckinData = (hanetCamera, callback) => {
+  const channel = getPusher().subscribe(
+    `private-hanet-camera-${hanetCamera.device_id}`
+  );
+  channel.bind('new-checkin-data', callback);
+};
+
+export const unwatchHanetCheckinData = (hanetCamera) => {
+  getPusher().unsubscribe(`private-hanet-camera-${hanetCamera.device_id}`);
+  destroyPusher();
+};

package/src/screens/Notification/__test__/NotificationItem.test.js

@@ -6,7 +6,7 @@ import axios from 'axios';
 import { SCProvider } from '../../../context';
 import { mockSCStore } from '../../../context/mockStore';
 import NotificationItem from '../components/NotificationItem';
-import { NOTIFICATION_TYPES } from '../../../configs/Constants';
+import { NOTIFICATION_TYPES, SENSOR_TYPE } from '../../../configs/Constants';
 import Routes from '../../../utils/Route';
 import { API } from '../../../configs';
 
@@ -130,6 +130,8 @@ describe('test NotificationItem', () => {
     NOTIFICATION_TYPES.NOTIFY_REMOVE_UNIT,
     NOTIFICATION_TYPES.NOTIFY_REMOVE_MEMBER,
     NOTIFICATION_TYPES.NOTIFY_MEMBER_LEAVE_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT,
+    NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE,
     'default case',
   ];
 
@@ -148,7 +150,13 @@ describe('test NotificationItem', () => {
     });
   }
 
-  const listSensorType = ['air_quality', 'turbidity', 'ph', 'clo', 'uv'];
+  const listSensorType = [
+    SENSOR_TYPE.AIR_QUALITY,
+    SENSOR_TYPE.TURBIDITY,
+    SENSOR_TYPE.PH,
+    SENSOR_TYPE.CLO,
+    SENSOR_TYPE.UV,
+  ];
   for (const sensorType of listSensorType) {
     test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
       item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;
@@ -179,7 +187,12 @@ describe('test NotificationItem', () => {
     });
   }
 
-  const listSensorType2 = ['smoke', 'fire'];
+  const listSensorType2 = [
+    SENSOR_TYPE.SMOKE,
+    SENSOR_TYPE.FIRE,
+    SENSOR_TYPE.SOS,
+    SENSOR_TYPE.FILTER_WATER,
+  ];
   for (const sensorType of listSensorType2) {
     test(`create ItemNotification NOTIFY_INDICATOR sensor_type ${sensorType}`, () => {
       item.content_code = NOTIFICATION_TYPES.NOTIFY_INDICATOR;

package/src/screens/Notification/components/NotificationItem.js

@@ -7,7 +7,7 @@ import styles from '../styles/NotificationItemStyles';
 import Text from '../../../commons/Text';
 import { Colors, API, Images } from '../../../configs';
 import IconComponent from '../../../commons/IconComponent';
-import { NOTIFICATION_TYPES } from '../../../configs/Constants';
+import { NOTIFICATION_TYPES, SENSOR_TYPE } from '../../../configs/Constants';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { axiosPost } from '../../../utils/Apis/axios';
 import Routes from '../../../utils/Route';
@@ -224,7 +224,7 @@ const NotificationItem = memo(({ item }) => {
       case NOTIFICATION_TYPES.NOTIFY_INDICATOR:
         const { sensor_type, summary_id } = paramsJSON;
         switch (sensor_type) {
-          case 'air_quality':
+          case SENSOR_TYPE.AIR_QUALITY:
             return {
               content: customColorText(
                 t('text_notification_content_air_quality_high'),
@@ -240,7 +240,7 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
-          case 'turbidity':
+          case SENSOR_TYPE.TURBIDITY:
             return {
               content: customColorText(
                 t('text_notification_content_turbility_high'),
@@ -256,7 +256,7 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
-          case 'ph':
+          case SENSOR_TYPE.PH:
             return {
               content: customColorText(
                 t('text_notification_content_pH_index_high'),
@@ -272,7 +272,7 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
-          case 'clo':
+          case SENSOR_TYPE.CLO:
             return {
               content: customColorText(
                 t('text_notification_content_clo_high'),
@@ -288,7 +288,7 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
-          case 'uv':
+          case SENSOR_TYPE.UV:
             return {
               content: customColorText(
                 t('text_notification_content_uv_index_high'),
@@ -304,7 +304,7 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
-          case 'smoke':
+          case SENSOR_TYPE.SMOKE:
             return {
               content: customColorText(
                 t('text_notification_content_smoke'),
@@ -320,7 +320,7 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
-          case 'fire':
+          case SENSOR_TYPE.FIRE:
             return {
               content: customColorText(
                 t('text_notification_content_fire'),
@@ -336,6 +336,38 @@ const NotificationItem = memo(({ item }) => {
                 }),
               iconContent: <Image source={Images.logo} style={styles.logo} />,
             };
+          case SENSOR_TYPE.SOS:
+            return {
+              content: customColorText(
+                t('text_notification_content_active_sos'),
+                arrParams
+              ),
+              redirect: () =>
+                navigation.navigate(Routes.UnitStack, {
+                  screen: Routes.DeviceDetail,
+                  params: {
+                    unitId,
+                    sensorId,
+                  },
+                }),
+              iconContent: <Image source={Images.logo} style={styles.logo} />,
+            };
+          case SENSOR_TYPE.FILTER_WATER:
+            return {
+              content: customColorText(
+                t('text_notification_content_replace_water_filter'),
+                arrParams
+              ),
+              redirect: () =>
+                navigation.navigate(Routes.UnitStack, {
+                  screen: Routes.DeviceDetail,
+                  params: {
+                    unitId,
+                    sensorId,
+                  },
+                }),
+              iconContent: <Image source={Images.logo} style={styles.logo} />,
+            };
           default:
             return {
               content: customColorText(
@@ -428,6 +460,9 @@ const NotificationItem = memo(({ item }) => {
               },
             });
           },
+          iconContent: (
+            <IconComponent icon={'home'} style={styles.backgroundSummer} />
+          ),
         };
       case NOTIFICATION_TYPES.NOTIFY_RENAME_SUB_UNIT:
         const stationId = paramsJSON?.sub_unit_id;
@@ -445,6 +480,31 @@ const NotificationItem = memo(({ item }) => {
               },
             });
           },
+          iconContent: (
+            <IconComponent icon={'home'} style={styles.backgroundSummer} />
+          ),
+        };
+      case NOTIFICATION_TYPES.NOTIFY_REMOVE_SUB_UNIT:
+        return {
+          content: customColorText(
+            t('text_notification_content_remove_sub_unit'),
+            arrParams
+          ),
+          redirect: () => null,
+          iconContent: (
+            <IconComponent icon={'home'} style={styles.backgroundSummer} />
+          ),
+        };
+      case NOTIFICATION_TYPES.NOTIFY_REMOVE_DEVICE:
+        return {
+          content: customColorText(
+            t('text_notification_content_remove_device'),
+            arrParams
+          ),
+          redirect: () => null,
+          iconContent: (
+            <IconComponent icon={'home'} style={styles.backgroundSummer} />
+          ),
         };
       default:
         return {

package/src/screens/ScanChipQR/__test__/ScanChipQR.test.js

@@ -43,6 +43,7 @@ describe('test ScanChipQR', () => {
         station_id: 1,
         phoneNumber: '0909123456',
         chipName: 'Chip name',
+        isNewFlow: true,
       },
     };
   });