@eohjsc/react-native-smart-city 0.2.72 → 0.2.76

package/src/commons/ActionGroup/SmartTiviActionTemplate/component/RectangleButton.js

@@ -0,0 +1,49 @@
+import React, { memo } from 'react';
+import { TouchableOpacity, View } from 'react-native';
+
+import styles from './RectangleButtonStyles';
+import { KeyboardArrowUp, KeyboardArrowDown } from './Icon';
+import { TESTID } from '../../../../configs/Constants';
+
+const RectangleButton = memo(
+  ({ icon, onPressUp, onPressDown, wrapStyle, type, onPress }) => {
+    switch (type) {
+      case 'row':
+        return (
+          <View style={[styles.wrapRowRectangle, wrapStyle]}>
+            <TouchableOpacity style={[styles.rectangleRow]} onPress={onPress}>
+              {!!icon && icon}
+            </TouchableOpacity>
+          </View>
+        );
+      case 'column':
+        return (
+          <View style={[styles.wrapColumnRectangle, wrapStyle]}>
+            <TouchableOpacity
+              style={[styles.rectangleColumn]}
+              onPress={onPressUp}
+              testID={TESTID.SMART_TIVI_TEMPLATE.CH_VOLUME_UP_BUTTON}
+            >
+              <KeyboardArrowUp size={24} name={'up'} style={styles.padding8} />
+            </TouchableOpacity>
+            <View style={styles.iconKeyboardRetangle}>{!!icon && icon}</View>
+            <TouchableOpacity
+              style={[styles.rectangleColumn]}
+              onPress={onPressDown}
+              testID={TESTID.SMART_TIVI_TEMPLATE.CH_VOLUME_DOWN_BUTTON}
+            >
+              <KeyboardArrowDown
+                size={24}
+                name={'down'}
+                style={styles.padding8}
+              />
+            </TouchableOpacity>
+          </View>
+        );
+      default:
+        return <></>;
+    }
+  }
+);
+
+export default RectangleButton;

package/src/commons/ActionGroup/SmartTiviActionTemplate/component/RectangleButtonStyles.js

@@ -0,0 +1,47 @@
+import { StyleSheet } from 'react-native';
+import { Colors, Device } from '../../../../configs';
+const widthMonitor = Device.screenWidth;
+
+const centerRowItem = {
+  justifyContent: 'center',
+  alignItems: 'center',
+};
+const centerColumnItem = {
+  flexDirection: 'column',
+  justifyContent: 'space-between',
+};
+const borderItem = {
+  borderWidth: 1,
+  borderColor: Colors.Gray4,
+  borderRadius: 10,
+};
+export default StyleSheet.create({
+  rectangleColumn: {
+    padding: 16,
+    ...centerRowItem,
+  },
+  rectangleRow: {
+    ...centerRowItem,
+  },
+  wrapRowRectangle: {
+    flexWrap: 'nowrap',
+    ...centerColumnItem,
+    width: widthMonitor / 2 - 37,
+    ...borderItem,
+    margin: 12,
+    padding: 10,
+  },
+  wrapColumnRectangle: {
+    width: 63,
+    height: 186,
+    ...centerColumnItem,
+    backgroundColor: Colors.White,
+    ...borderItem,
+  },
+  iconKeyboardRetangle: {
+    ...centerRowItem,
+  },
+  padding8: {
+    padding: 8,
+  },
+});

package/src/commons/ActionGroup/__test__/TimerActionTemplate.test.js

@@ -60,7 +60,7 @@ describe('Test TimerActionTemplate success with config value', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(6);
+    expect(texts).toHaveLength(8);
     expect(texts[0].props.children).toEqual('Timer');
     expect(texts[1].props.children).toEqual('Setting at 18:30');
 

package/src/commons/ActionGroup/__test__/TimerActionTemplateWithutConfigValue.test.js

@@ -62,7 +62,7 @@ describe('Test TimerActionTemplate without config value', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(5);
+    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
 
     const switchButton = instance.findByType(Switch);

package/src/commons/ActionGroup/__test__/index.test.js

@@ -332,8 +332,8 @@ describe('Test ActionGroup', () => {
       wrapper = renderer.create(wrapComponent(actionGroup, mockDoAction, {}));
     });
     const instance = wrapper.root;
-    const text = instance.findByType(Text);
-    expect(text.props.children).toEqual('28 *C');
+    const text = instance.findAllByType(Text);
+    expect(text[0].props.children).toEqual('28 *C');
 
     const touchs = instance.findAllByType(TouchableOpacity);
     expect(touchs).toHaveLength(2);
@@ -418,7 +418,7 @@ describe('Test ActionGroup', () => {
     const instance = wrapper.root;
 
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(5);
+    expect(texts).toHaveLength(7);
     expect(texts[0].props.children).toEqual('Timer');
 
     const switchButton = instance.findByType(Switch);

package/src/commons/ActionGroup/index.js

@@ -9,6 +9,7 @@ import OptionsDropdownActionTemplate from './OptionsDropdownActionTemplate';
 import OnOffTemplate from './OnOffTemplate';
 import TimerActionTemplate from './TimerActionTemplate';
 import CurtainButtonTemplate from './CurtainButtonTemplate';
+import SmartTiviActionTemplate from './SmartTiviActionTemplate/SmartTiviActionTemplate';
 
 export const getActionComponent = (template) => {
   switch (template) {
@@ -32,6 +33,8 @@ export const getActionComponent = (template) => {
       return TimerActionTemplate;
     case 'curtain_action_template':
       return CurtainButtonTemplate;
+    case 'SmartTiviActionTemplate':
+      return SmartTiviActionTemplate;
     default:
       return null;
   }

package/src/commons/ActionTemplate/__test__/index.test.js

@@ -77,11 +77,11 @@ describe('Test ActionTemplate', () => {
     const instance = tree.root;
 
     const selectActionCard = instance.findByType(SelectActionCard);
-    const modal = instance.findByType(Modal);
+    const modal = instance.findAllByType(Modal);
     act(() => {
       selectActionCard.props.onPress();
     });
-    expect(modal.props.isVisible).toBe(true);
+    expect(modal[0].props.isVisible).toBe(true);
   });
   test('test onPressSelectAction', () => {
     act(() => {

package/src/commons/Automate/__test__/ItemAutomate.test.js

@@ -19,6 +19,6 @@ describe('Test ItemAutomate', () => {
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
+    expect(texts).toHaveLength(4);
   });
 });

package/src/commons/Dashboard/MyPinnedSharedUnit/__test__/MyPinnedSharedUnit.test.js

@@ -49,7 +49,7 @@ describe('Test MyPinnedSharedUnit', () => {
     });
     const instance = tree.root;
     const texts = instance.findAllByType(Text);
-    expect(texts).toHaveLength(2);
+    expect(texts).toHaveLength(4);
     expect(texts[0].props.children).toEqual(
       getTranslate('en', 'text_shared_units')
     );

package/src/commons/Device/HistoryChart.js

@@ -190,13 +190,17 @@ const HistoryChart = memo(
               />
             )}
           </View>
-          <DateTimeRangeChange
-            startTime={eventPicker.startTime}
-            onStart={onStart}
-            onEnd={onEnd}
-            endTime={eventPicker.endTime}
-            formatType={formatType}
-          />
+          {!(
+            configuration.type === 'horizontal_bar_chart' && groupBy !== 'date'
+          ) && (
+            <DateTimeRangeChange
+              startTime={eventPicker.startTime}
+              onStart={onStart}
+              onEnd={onEnd}
+              endTime={eventPicker.endTime}
+              formatType={formatType}
+            />
+          )}
         </View>
         {configuration.config === 'power_consumption' && (
           <View style={styles.wrapCalculateCost}>

package/src/commons/Device/HorizontalBarChart.js

@@ -65,8 +65,9 @@ const HorizontalBarChart = memo(({ datas, config }) => {
             }
 
             const formatMoney = (number) => {
+              const formatNumber = number.toFixed();
               return (
-                parseInt(number, 10)
+                parseInt(formatNumber, 10)
                   .toFixed(0)
                   .toString()
                   .replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1.') + 'đ'

package/src/commons/Device/ItemDevice.js

@@ -8,8 +8,10 @@ import {
 import Routes from '../../utils/Route';
 import { IconFill, IconOutline } from '@ant-design/icons-react-native';
 import { useNavigation } from '@react-navigation/native';
+import { useTranslations } from '../../hooks/Common/useTranslations';
 import ItemQuickAction from '../../commons/Action/ItemQuickAction';
 import Text from '../../commons/Text';
+import { isDeviceConnected } from '../../iot/RemoteControl/Bluetooth';
 
 import { Colors, Constants } from '../../configs';
 import { TESTID } from '../../configs/Constants';
@@ -29,8 +31,10 @@ const ItemDevice = memo(
     unit,
     station,
     isGGHomeConnected,
+    status,
     wrapStyle,
   }) => {
+    const t = useTranslations();
     const navigation = useNavigation();
 
     const goToSensorDisplay = useCallback(() => {
@@ -52,10 +56,20 @@ const ItemDevice = memo(
       );
     };
 
+    const isNetworkConnected =
+      status === undefined ? sensor.is_connected : status.is_connected;
+    const isBLEConnected = isDeviceConnected(
+      sensor?.remote_control_options?.bluetooth?.address
+    );
+    const isConnected =
+      isNetworkConnected || isGGHomeConnected || isBLEConnected;
+    const borderColor = isConnected ? Colors.Gray4 : Colors.Red6;
+    const textConnected = isConnected ? t('connected') : t('disconnected');
+
     return (
       <TouchableWithoutFeedback onPress={goToSensorDisplay}>
         <View
-          style={[styles.container, wrapStyle]}
+          style={[styles.container, wrapStyle, { borderColor }]}
           testID={TESTID.SUB_UNIT_DEVICES}
         >
           <View style={styles.boxIcon}>
@@ -82,7 +96,7 @@ const ItemDevice = memo(
                 color={Colors.Gray8}
                 style={styles.lineHeight20}
               >
-                {description}
+                {description || textConnected}
               </Text>
               <IconOutline name="right" size={12} />
             </View>
@@ -112,6 +126,7 @@ const styles = StyleSheet.create({
     backgroundColor: Colors.White,
     justifyContent: 'space-between',
     marginBottom: 8,
+    borderWidth: 1,
   },
   boxIcon: {
     flexDirection: 'row',

package/src/commons/Device/WaterQualitySensor/QualityIndicatorsItem.js

@@ -68,7 +68,7 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: Colors.Gray4,
     marginRight: 8,
-    width: (width / 375) * 112,
+    width: (width / 375) * 120,
   },
   rowFlex: {
     flexDirection: 'row',

package/src/commons/Device/WindDirection/Compass/Compass.test.js

@@ -37,7 +37,7 @@ describe('Test Compass', () => {
       });
       const instance = tree.root;
       const textInputs = instance.findAllByType(Text);
-      expect(textInputs.length).toEqual(1);
+      expect(textInputs.length).toEqual(3);
       expect(textInputs[0].props.children).toEqual(list_result[index]);
     });
   });
@@ -48,6 +48,6 @@ describe('Test Compass', () => {
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(Text);
-    expect(textInputs.length).toEqual(1);
+    expect(textInputs.length).toEqual(3);
   });
 });

package/src/commons/Device/__test__/ConnectedViewHeader.test.js

@@ -28,7 +28,7 @@ describe('Test ConnectedViewHeader', () => {
     });
     const isntance = tree.root;
     const texts = isntance.findAllByType(Text);
-    expect(texts).toHaveLength(1);
+    expect(texts).toHaveLength(3);
   });
 
   test('render ConnectedViewHeader no last updated', async () => {
@@ -37,6 +37,6 @@ describe('Test ConnectedViewHeader', () => {
     });
     const isntance = tree.root;
     const texts = isntance.findAllByType(Text);
-    expect(texts).toHaveLength(1);
+    expect(texts).toHaveLength(3);
   });
 });

package/src/commons/Device/__test__/DisconnectedView.test.js

@@ -21,7 +21,7 @@ describe('Test DisconnectedView', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(10);
+    expect(Views).toHaveLength(15);
   });
 
   test('render DisconnectedView icon sensor', () => {
@@ -31,7 +31,7 @@ describe('Test DisconnectedView', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(10);
+    expect(Views).toHaveLength(15);
   });
 
   test('render DisconnectedView icon barrier', () => {
@@ -41,7 +41,7 @@ describe('Test DisconnectedView', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(10);
+    expect(Views).toHaveLength(15);
   });
 
   test('render DisconnectedView icon wind', () => {
@@ -51,7 +51,7 @@ describe('Test DisconnectedView', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(10);
+    expect(Views).toHaveLength(15);
   });
 
   test('render DisconnectedView icon test', () => {
@@ -61,6 +61,6 @@ describe('Test DisconnectedView', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(10);
+    expect(Views).toHaveLength(15);
   });
 });

package/src/commons/Explore/__test__/HeaderExplore.test.js

@@ -20,6 +20,6 @@ describe('Test HeaderExplore', () => {
     });
     const instance = tree.root;
     const button = instance.findAllByType(Text);
-    expect(button.length).toBe(1);
+    expect(button.length).toBe(3);
   });
 });

package/src/commons/MediaPlayerDetail/__test__/MediaPlayerDetail.test.js

@@ -32,7 +32,7 @@ describe('Test MediaPlayerDetail', () => {
     });
 
     const texts = instance.findAllByType(Text);
-    expect(texts.length).toEqual(2);
+    expect(texts.length).toEqual(4);
     expect(texts[1].props.children).toEqual('cameraName');
 
     const pauseIcon = instance.findAllByType(PauseIcon);

package/src/commons/Modal/__test__/ModalBottom.test.js

@@ -25,7 +25,7 @@ describe('Test ModalBottom', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(5);
+    expect(Views).toHaveLength(10);
   });
 
   it('Test render without isVisible', async () => {
@@ -34,6 +34,6 @@ describe('Test ModalBottom', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(5);
+    expect(Views).toHaveLength(10);
   });
 });

package/src/commons/Sharing/__test__/MemberList.test.js

@@ -27,7 +27,7 @@ describe('MemberList', () => {
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(Text);
-    expect(textInputs.length).toBe(2);
+    expect(textInputs.length).toBe(4);
   });
   test('MemberList snapshot id dataMember !== ownerId', () => {
     const dataMember = [{ id: 1, name: 'CEO' }];
@@ -36,7 +36,7 @@ describe('MemberList', () => {
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(Text);
-    expect(textInputs.length).toBe(1);
+    expect(textInputs.length).toBe(3);
   });
   test('MemberList snapshot id dataMember === currentUserId', () => {
     const dataMember = [{ id: 1, name: 'CEO' }];
@@ -45,7 +45,7 @@ describe('MemberList', () => {
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(Text);
-    expect(textInputs.length).toBe(2);
+    expect(textInputs.length).toBe(4);
   });
   test('MemberList dataMember null', () => {
     const dataMember = [];

package/src/commons/Sharing/__test__/RowMember.test.js

@@ -26,7 +26,7 @@ describe('RowMember', () => {
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(Text);
-    expect(textInputs.length).toBe(2);
+    expect(textInputs.length).toBe(4);
     expect(textInputs[0].props.children).toEqual('CEO');
   });
   test('RowMember owner dont have name show start of email ', () => {
@@ -36,7 +36,7 @@ describe('RowMember', () => {
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(Text);
-    expect(textInputs.length).toBe(2);
+    expect(textInputs.length).toBe(4);
     expect(textInputs[0].props.children).toEqual('abc');
   });
 });

package/src/commons/SubUnit/Favorites/index.js

@@ -1,12 +1,15 @@
-import React from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { View } from 'react-native';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
+import { useIsFocused } from '@react-navigation/native';
 
 import { Section } from '../../Section';
 import ItemDevice from '../../Device/ItemDevice';
 import ItemOneTap from '../OneTap/ItemOneTap';
 import ItemAddNew from '../../Device/ItemAddNew';
 import styles from './styles';
+import { API } from '../../../configs';
+import { axiosGet } from '../../../utils/Apis/axios';
 
 const SubUnitFavorites = ({
   unit,
@@ -16,6 +19,33 @@ const SubUnitFavorites = ({
   wrapItemStyle,
 }) => {
   const t = useTranslations();
+  const isFocused = useIsFocused();
+  const intervalSensorStatus = useRef();
+  const [sensorsStatus, setSensorsStatus] = useState([]);
+
+  useEffect(() => {
+    if (isFocused) {
+      const getSensorsStatus = async () => {
+        const params = new URLSearchParams();
+        if (favorites?.devices?.length > 0) {
+          favorites.devices.forEach((sensor) => {
+            params.append('sensors', sensor.id);
+          });
+          const { success, data } = await axiosGet(API.SENSOR.STATUS(), {
+            params: params,
+          });
+          if (success) {
+            setSensorsStatus(data);
+          }
+        }
+      };
+      const updateInterval = setInterval(getSensorsStatus, 5000);
+      intervalSensorStatus.current = updateInterval;
+      return () => clearInterval(updateInterval);
+    } else {
+      clearInterval(intervalSensorStatus.current);
+    }
+  }, [isFocused, favorites?.devices]);
 
   const handleOnAddNew = () => {
     alert(t('feature_under_development'));
@@ -39,6 +69,7 @@ const SubUnitFavorites = ({
               unit={unit}
               station={sensor.station}
               isGGHomeConnected={isGGHomeConnected}
+              status={sensorsStatus.find((s) => s.id === sensor.id)}
               wrapStyle={wrapItemStyle}
             />
           ))}

package/src/commons/SubUnit/ShortDetail.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { useState, useEffect, useRef } from 'react';
 import { StyleSheet, View } from 'react-native';
-import { useNavigation } from '@react-navigation/native';
+import { useNavigation, useIsFocused } from '@react-navigation/native';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 
-import { Images, Device } from '../../configs';
+import { Images, Device, API } from '../../configs';
 import { SubUnitName, TESTID } from '../../configs/Constants';
 import { Section } from '../Section';
 import Text from '../Text';
@@ -13,6 +13,7 @@ import { standardizeCameraScreenSize } from '../../utils/Utils';
 import Routes from '../../utils/Route';
 import FastImage from 'react-native-fast-image';
 import MediaPlayerDetail from '../MediaPlayerDetail';
+import { axiosGet } from '../../utils/Apis/axios';
 
 const { standardizeWidth, standardizeHeight } = standardizeCameraScreenSize(
   Device.screenWidth - 32
@@ -20,7 +21,35 @@ const { standardizeWidth, standardizeHeight } = standardizeCameraScreenSize(
 
 const ShortDetailSubUnit = ({ unit, station, isGGHomeConnected }) => {
   const t = useTranslations();
+  const isFocused = useIsFocused();
   const { navigate } = useNavigation();
+  const intervalSensorStatus = useRef();
+
+  const [sensorsStatus, setSensorsStatus] = useState([]);
+
+  useEffect(() => {
+    if (isFocused) {
+      const getSensorsStatus = async () => {
+        const params = new URLSearchParams();
+        if (station?.sensors?.length > 0) {
+          station.sensors.forEach((sensor) => {
+            params.append('sensors', sensor.id);
+          });
+          const { success, data } = await axiosGet(API.SENSOR.STATUS(), {
+            params: params,
+          });
+          if (success) {
+            setSensorsStatus(data);
+          }
+        }
+      };
+      const updateInterval = setInterval(getSensorsStatus, 5000);
+      intervalSensorStatus.current = updateInterval;
+      return () => clearInterval(updateInterval);
+    } else {
+      clearInterval(intervalSensorStatus.current);
+    }
+  }, [isFocused, station?.sensors]);
 
   const renderCamera = () => {
     if (station?.camera) {
@@ -115,6 +144,7 @@ const ShortDetailSubUnit = ({ unit, station, isGGHomeConnected }) => {
               unit={unit}
               station={station}
               isGGHomeConnected={isGGHomeConnected}
+              status={sensorsStatus.find((s) => s.id === sensor.id)}
             />
           ))}
         <ItemAddNew title={itemAddNewTitle} onAddNew={handleOnAddNew} />

package/src/commons/SubUnit/__test__/Favorites.test.js

@@ -27,6 +27,7 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockNavigate,
     }),
+    useIsFocused: () => true,
   };
 });
 

package/src/commons/SubUnit/__test__/ShortDetail.test.js

@@ -22,6 +22,7 @@ jest.mock('@react-navigation/native', () => {
     useNavigation: () => ({
       navigate: mockedNavigate,
     }),
+    useIsFocused: () => true,
   };
 });
 

package/src/commons/Today/__test__/Today.test.js

@@ -20,6 +20,6 @@ describe('Test Today', () => {
     });
     const instance = tree.root;
     const Views = instance.findAllByType(View);
-    expect(Views).toHaveLength(1);
+    expect(Views).toHaveLength(6);
   });
 });

package/src/configs/API.js

@@ -87,6 +87,7 @@ const API = {
     CHANGE_SUB_UNIT: (unit_id, station_id, id) =>
       SCConfig.apiRoot +
       `/property_manager/${unit_id}/sub_units/${station_id}/devices/${id}/change_sub_unit/`,
+    STATUS: () => SCConfig.apiRoot + '/property_manager/sensors/status/',
   },
   SHARED_SENSOR: {
     ACCESS: (id) =>
@@ -204,6 +205,9 @@ const API = {
     REMOVE_SMART_ACCOUNT: (id) =>
       SCConfig.apiRoot + `/smart_account/smart_accounts/${id}/`,
   },
+  PUSHER: {
+    AUTH: () => SCConfig.apiRoot + '/smart_parking/pusher/auth/',
+  },
 };
 
 export default API;

package/src/configs/Constants.js

@@ -178,6 +178,28 @@ export const TESTID = {
   MY_UNIT_NO_UNIT: 'MY_UNIT_NO_UNIT',
   ITEM_UNIT: 'ITEM_UNIT',
 
+  // SmartTiviTemplate
+  SMART_TIVI_TEMPLATE: {
+    BIG_BUTTON: 'BIG_BUTTON',
+    ONOFF_BUTTON: 'ONOFF_BUTTON',
+    EXIT_BUTTON: 'EXIT_BUTTON',
+    CH_VOLUME_UP_BUTTON: 'CH_VOLUME_UP_BUTTON',
+    CH_VOLUME_DOWN_BUTTON: 'CH_VOLUME_DOWN_BUTTON',
+    PREV_BUTTON: 'PREV_BUTTON',
+    STOP_BUTTON: 'STOP_BUTTON',
+    NEXT_BUTTON: 'NEXT_BUTTON',
+    UP_BUTTON: 'UP_BUTTON',
+    DOWN_BUTTON: 'DOWN_BUTTON',
+    LEFT_BUTTON: 'LEFT_BUTTON',
+    RIGHT_BUTTON: 'RIGHT_BUTTON',
+    OK_BUTTON: 'OK_BUTTON',
+    HOME_BUTTON: 'HOME_BUTTON',
+    BACK_BUTTON: 'BACK_BUTTON',
+    VOLUME_BUTTON: 'VOLUME_BUTTON',
+    CH_BUTTON: 'CH_BUTTON',
+    CONTROL_BUTTON: 'CONTROL_BUTTON',
+  },
+
   // sub unit
   SUB_UNIT_FULL_CAMERA: 'SUB_UNIT_FULL_CAMERA',
   SUB_UNIT_CAMERA_VIEW: 'SUB_UNIT_CAMERA_VIEW',
@@ -612,6 +634,7 @@ export const NOTIFICATION_TYPES = {
   REMINDER: 'REMINDER',
   NOTIFY_REMOVE_UNIT: 'NOTIFY_REMOVE_UNIT',
   NOTIFY_REMOVE_MEMBER: 'NOTIFY_REMOVE_MEMBER',
+  NOTIFY_MEMBER_LEAVE_UNIT: 'NOTIFY_MEMBER_LEAVE_UNIT',
 };
 
 export const ACTIVITY_LOG_TYPES = {