@eohjsc/react-native-smart-city 0.3.47 → 0.3.49

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eohjsc/react-native-smart-city",
   "title": "React Native Smart Home",
-  "version": "0.3.47",
+  "version": "0.3.49",
   "description": "TODO",
   "main": "index.js",
   "files": [
@@ -109,6 +109,7 @@
     "@formatjs/intl-pluralrules": "^3.4.7",
     "@invertase/react-native-apple-authentication": "^1.1.2",
     "@messageformat/core": "^3.0.0",
+    "@react-native-clipboard/clipboard": "^1.11.1",
     "@react-native-community/async-storage": "^1.12.1",
     "@react-native-community/cameraroll": "^4.0.0",
     "@react-native-community/checkbox": "^0.5.5",
@@ -182,7 +183,7 @@
     "react-native-pager-view": "^5.4.1",
     "react-native-parallax-scroll-view": "^0.21.3",
     "react-native-parsed-text": "^0.0.22",
-    "react-native-permissions": "3.0.3",
+    "react-native-permissions": "3.4.0",
     "react-native-popover-view": "^4.0.3",
     "react-native-progress": "^5.0.0",
     "react-native-reanimated": "1.10.1",

package/src/Images/DevMode/file_copy.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 1.59863H4C2.9 1.59863 2 2.49863 2 3.59863V17.5986H4V3.59863H16V1.59863ZM15 5.59863H8C6.9 5.59863 6.01 6.49863 6.01 7.59863L6 21.5986C6 22.6986 6.89 23.5986 7.99 23.5986H19C20.1 23.5986 21 22.6986 21 21.5986V11.5986L15 5.59863ZM8 21.5986V7.59863H14V12.5986H19V21.5986H8Z" fill="#808080"/>
+</svg>

package/src/commons/Action/__test__/ItemQuickAction.test.js

@@ -12,13 +12,6 @@ class Sensor {}
 
 factory.define('Sensor', Sensor, {});
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockSendRemoteControl = jest.fn();
 jest.mock('../../../hooks/IoT', () => {
   return {

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

@@ -12,14 +12,7 @@ const mockDoAction = jest.fn();
 jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: jest.fn(),
 }));
-const mockSetState = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useState: jest.fn((init) => [init, mockSetState]),
-    memo: (x) => x,
-  };
-});
+
 const wrapComponent = (actionGroup, doAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
     <ColorPickerTemplate

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

@@ -118,7 +118,7 @@ describe('Test OnOffTemplate', () => {
     });
     const instance = tree.root;
     const template = instance.findAllByType(OnOffButtonTemplate);
-    expect(template).toHaveLength(0);
+    expect(template).toHaveLength(1);
   });
 
   it('render with wrong template', async () => {

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

@@ -12,14 +12,7 @@ const mockDoAction = jest.fn();
 jest.mock('../../../iot/states', () => ({
   useConfigGlobalState: jest.fn(),
 }));
-const mockSetState = jest.fn();
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    useState: jest.fn((init) => [init, mockSetState]),
-    memo: (x) => x,
-  };
-});
+
 const wrapComponent = (actionGroup, doAction, sensor) => (
   <SCProvider initState={mockSCStore({})}>
     <SliderRangeTemplate

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

@@ -8,13 +8,6 @@ import SelectActionCard from '../../SelectActionCard';
 import Modal from 'react-native-modal';
 import ThreeButtonAction from '../ThreeButtonAction';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnSelectAction = jest.fn();
 
 const wrapComponent = (data) => (

package/src/commons/Dashboard/MyPinnedSharedUnit/index.js

@@ -12,7 +12,7 @@ import { useTranslations } from '../../../hooks/Common/useTranslations';
 import SharedUnit from '../../Unit/SharedUnit';
 import { fetchWithCache } from '../../../utils/Apis/axios';
 
-const MyPinnedSharedUnit = () => {
+const MyPinnedSharedUnit = ({ refreshing }) => {
   const t = useTranslations();
   const isFocused = useIsFocused();
   const navigation = useNavigation();
@@ -35,10 +35,10 @@ const MyPinnedSharedUnit = () => {
   }, [setSharedUnits]);
 
   useEffect(() => {
-    if (isFocused) {
+    if (isFocused || refreshing) {
       fetchSharedUnitDashboard();
     }
-  }, [fetchSharedUnitDashboard, isFocused]);
+  }, [fetchSharedUnitDashboard, isFocused, refreshing]);
 
   return (
     <>

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

@@ -32,7 +32,7 @@ jest.mock('react-redux', () => ({
 
 const wrapComponent = () => (
   <SCProvider initState={mockSCStore({})}>
-    <MyUnit />
+    <MyUnit refreshing={true} />
   </SCProvider>
 );
 

package/src/commons/Dashboard/MyUnit/index.js

@@ -13,6 +13,7 @@ import {
   useFocusEffect,
 } from '@react-navigation/native';
 import NetInfo from '@react-native-community/netinfo';
+import { BleManager } from 'react-native-ble-plx';
 import { API, Colors, Images } from '../../../configs';
 import Text from '../../Text';
 import { fetchWithCache } from '../../../utils/Apis/axios';
@@ -21,7 +22,7 @@ import styles from './styles';
 import { Section } from '../../Section';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { useUnitConnectRemoteDevices } from '../../../screens/Unit/hook/useUnitConnectRemoteDevices';
-import { useWatchConfigs } from '../../../hooks/IoT';
+import { useWatchConfigs, useBluetoothConnection } from '../../../hooks/IoT';
 import { SCContext } from '../../../context';
 import { Action } from '../../../context/actionType';
 
@@ -31,7 +32,10 @@ import Routes from '../../../utils/Route';
 import MyUnitDevice from '../../../screens/Unit/components/MyUnitDevice';
 
 let screenWidth = Dimensions.get('window').width;
-const MyUnit = () => {
+
+const bleManager = new BleManager();
+
+const MyUnit = ({ refreshing }) => {
   const t = useTranslations();
   const isFocused = useIsFocused();
   const navigation = useNavigation();
@@ -39,6 +43,15 @@ const MyUnit = () => {
   const [slideIndex, setSlideIndex] = useState(0);
   const { setAction } = useContext(SCContext);
 
+  const {
+    permissionsRequested: bluetoothPermRequested,
+    requestPerm: requestBluetoothPerm,
+  } = useBluetoothConnection();
+
+  useEffect(() => {
+    !bluetoothPermRequested && requestBluetoothPerm();
+  }, [bluetoothPermRequested, requestBluetoothPerm]);
+
   const fetchMyUnitDashboard = useCallback(async () => {
     await fetchWithCache(API.UNIT.MY_UNITS(), {}, (response) => {
       const { success, data } = response;
@@ -47,8 +60,10 @@ const MyUnit = () => {
   }, [setMyUnits]);
 
   useEffect(() => {
-    isFocused && fetchMyUnitDashboard();
-  }, [fetchMyUnitDashboard, isFocused]);
+    if (isFocused || refreshing) {
+      fetchMyUnitDashboard();
+    }
+  }, [fetchMyUnitDashboard, isFocused, refreshing]);
 
   useFocusEffect(
     useCallback(() => {
@@ -60,6 +75,17 @@ const MyUnit = () => {
     }, [])
   );
 
+  useFocusEffect(
+    useCallback(() => {
+      const subscription = bleManager.onStateChange((state) => {
+        const connected = state === 'PoweredOn';
+        setAction(Action.SET_BLUETOOTH_STATE, connected);
+      }, true);
+      return () => subscription.remove();
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [])
+  );
+
   useUnitConnectRemoteDevices(myUnits[slideIndex]);
 
   const configsNeedWatching = useMemo(() => {

package/src/commons/DevMode/Styles/ItemStyles.js

@@ -21,7 +21,7 @@ export default StyleSheet.create({
   },
   countItem: {
     fontSize: 12,
-    fontWeight: 400,
+    fontWeight: '400',
     color: Colors.Neutral.Neutral5,
   },
 });

package/src/commons/Device/PMSensor/PMSensorIndicatior.js

@@ -9,12 +9,13 @@ const keyExtractor = (item) => item.id.toString();
 const PMSensorIndicatior = memo(({ data = [], style }) => {
   const renderItem = useCallback(
     ({ item }) => {
+      const getValue = item?.value >= 0 ? item?.value : '--';
       return (
         <QualityIndicatorItem
           key={item.id.toString()}
           color={item.color}
           standard={item.standard}
-          value={item.value || '--'}
+          value={getValue}
           evaluate={item.evaluate}
           measure={item.measure}
           style={style}

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

@@ -11,13 +11,6 @@ const wrapComponent = (props) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 it('test', async () => {
   const mockSetGroupBy = jest.fn();
   let tree;

package/src/commons/Header/HeaderCustom.js

@@ -7,6 +7,7 @@ import { useNavigation } from '@react-navigation/native';
 import styles from './Styles/HeaderCustomStyles';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import { notImplemented } from '../../utils/Utils';
+import { AccessibilityLabel } from '../../configs/Constants';
 
 const HeaderCustom = ({
   title = '',
@@ -25,6 +26,7 @@ const HeaderCustom = ({
   wrapTitleStyle,
   iconBackStyle,
   isCanBack = true,
+  customTitle = false,
 }) => {
   const t = useTranslations();
   const { goBack } = useNavigation();
@@ -53,12 +55,16 @@ const HeaderCustom = ({
         </TouchableOpacity>
       )}
       <View style={[styles.wrapTitle, wrapTitleStyle]}>
-        <Text
-          style={[styles.title, titleStyles, !isShowRight && styles.title2]}
-          numberOfLines={1}
-        >
-          {title}
-        </Text>
+        {!customTitle ? (
+          <Text
+            style={[styles.title, titleStyles, !isShowRight && styles.title2]}
+            numberOfLines={1}
+          >
+            {title}
+          </Text>
+        ) : (
+          customTitle
+        )}
       </View>
 
       <View style={styles.viewRight}>
@@ -77,6 +83,7 @@ const HeaderCustom = ({
               style={styles.buttonBack}
               onPress={handleShowMenuAction}
               ref={refMenuAction}
+              accessibilityLabel={AccessibilityLabel.MENU_POPPER_MORE}
             >
               <Icon name={'more'} size={27} color={Colors.Black} />
             </TouchableOpacity>

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

@@ -5,13 +5,6 @@ import { mockSCStore } from '../../../context/mockStore';
 import { TouchableOpacity } from 'react-native';
 import MediaPlay from '../index';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const wrapComponent = (props) => (
   <SCProvider initState={mockSCStore({})}>
     <MediaPlay {...props} />

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

@@ -9,7 +9,6 @@ const mockSetState = jest.fn();
 jest.mock('react', () => {
   return {
     ...jest.requireActual('react'),
-    memo: (x) => x,
     useState: jest.fn((init) => [init, mockSetState]),
   };
 });

package/src/commons/MenuActionMore/index.js

@@ -70,7 +70,10 @@ const MenuActionMore = memo(
                 }`}
                 disabled={isDisable}
               >
-                <Text style={[styles.modalHeaderText, item?.textStyle]}>
+                <Text
+                  accessibilityLabel={AccessibilityLabel.TEXT_SUB_UNIT}
+                  style={[styles.modalHeaderText, item?.textStyle]}
+                >
                   {item?.text}
                 </Text>
               </TouchableOpacity>

package/src/commons/NavBar/index.js

@@ -51,7 +51,7 @@ const NavBar = memo(
           childRef={childRef}
           onItemClick={onSnapToItem}
           isTextCenter={false}
-          accessibilityLabel={AccessibilityLabel.NAVBAR_MENU_ACTION_MORE}
+          idLabelPopover={AccessibilityLabel.NAVBAR_MENU_ACTION_MORE}
           wrapStyle={styles.wrapStyle}
           idLabelScrollView={idLabelScrollView}
           idLabelItem={idLabelItem}

package/src/commons/OneTapTemplate/OptionsDropdownActionTemplate.js

@@ -120,7 +120,7 @@ const OptionsDropdownActionTemplate = ({ device, data, onSelectAction }) => {
                 <Text
                   type="H4"
                   bold
-                  color={activeAction >= 0 ? Colors.Primary : Colors.Disabled}
+                  color={activeAction >= 0 ? Colors.Primary : Colors.TextGray}
                   style={styles.textButton}
                 >
                   {t('done')}

package/src/commons/OneTapTemplate/__test__/NumberUpDownActionTemplate.test.js

@@ -8,13 +8,6 @@ import { TouchableOpacity } from 'react-native';
 import Text from '../../Text';
 import { AccessibilityLabel } from '../../../configs/Constants';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnSelectAction = jest.fn();
 
 const wrapComponent = (data) => (

package/src/commons/OneTapTemplate/__test__/OptionsDropdownActionTemplate.test.js

@@ -8,13 +8,6 @@ import { RadioCircle } from '../..';
 import { TouchableOpacity } from 'react-native';
 import { AccessibilityLabel } from '../../../configs/Constants';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnSelectAction = jest.fn();
 
 const wrapComponent = (data) => (

package/src/commons/OneTapTemplate/__test__/StatesGridActionTemplate.test.js

@@ -7,13 +7,6 @@ import StatesGridActionTemplate from '../StatesGridActionTemplate';
 import { TouchableOpacity } from 'react-native';
 import { AccessibilityLabel } from '../../../configs/Constants';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockOnSelectAction = jest.fn();
 
 const wrapComponent = (data) => (

package/src/commons/RowItem/index.js

@@ -5,6 +5,7 @@ import { Colors } from '../../configs';
 import Text from '../Text';
 import styles from './styles';
 import { CircleView } from '../CircleView';
+import AccessibilityLabel from '../../configs/AccessibilityLabel';
 
 const arrColor = [
   Colors.GeekBlue3,
@@ -49,7 +50,11 @@ export const RowItem = memo(
                 </View>
               )}
               <View style={styles.columeFlex}>
-                <Text numberOfLines={1} style={styles.titleName}>
+                <Text
+                  numberOfLines={1}
+                  style={styles.titleName}
+                  accessibilityLabel={AccessibilityLabel.TEXT_SUB_UNIT}
+                >
                   {text}
                 </Text>
                 {!!isShowSubText && (

package/src/commons/SelectUnit/index.js

@@ -67,7 +67,10 @@ const SelectUnit = ({ title, subTitle, onPressNext }) => {
     })();
   }, []);
   return (
-    <View style={styles.container}>
+    <View
+      style={styles.container}
+      accessibilityLabel={AccessibilityLabel.SELECT_UNIT}
+    >
       <HeaderCustom title={title} isShowSeparator />
       <Text style={styles.subtitle}>{subTitle}</Text>
       <View style={styles.contentContainer}>

package/src/commons/StatusBox/styles.js

@@ -3,7 +3,7 @@ import { Colors } from '../../configs';
 
 export default StyleSheet.create({
   viewStatus: {
-    width: 65,
+    width: 70,
     paddingHorizontal: 8,
     paddingVertical: 4,
     borderRadius: 54,
@@ -13,7 +13,7 @@ export default StyleSheet.create({
   },
   textStatus: {
     fontStyle: 'normal',
-    fontWeight: 600,
+    fontWeight: 'bold',
     letterSpacing: 0.04,
     fontSize: 12,
     lineHeight: 16,
@@ -21,7 +21,12 @@ export default StyleSheet.create({
     textAlign: 'center',
   },
   textOnline: {
-    fontStyle: 'bold',
+    letterSpacing: 0.04,
+    fontSize: 12,
+    lineHeight: 16,
+    fontStyle: 'normal',
+    fontWeight: 'bold',
+    color: Colors.Green11,
   },
   viewOnline: {
     backgroundColor: Colors.LightGreen,

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

@@ -13,13 +13,6 @@ const wrapComponent = (props) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mockNavigate = jest.fn();
 jest.mock('@react-navigation/native', () => {
   return {

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

@@ -16,13 +16,6 @@ const wrapComponent = (props) => (
   </SCProvider>
 );
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 jest.mock('react-native-permissions', () => {
   return mock;
 });

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

@@ -23,13 +23,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 describe('Test HanetCameraDetail', () => {
   Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
   let tree, props;

package/src/commons/Unit/__test__/HeaderUnit.test.js

@@ -14,11 +14,6 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  memo: (x) => x,
-}));
-
 describe('Test HeaderUnit', () => {
   afterEach(() => {
     mockedGoBack.mockClear();

package/src/commons/UnitSummary/ConfigHistoryChart/__test__/ConfigHistoryChart.test.js

@@ -10,13 +10,6 @@ import { SCProvider } from '../../../../context';
 import API from '../../../../configs/API';
 import { getPusher } from '../../../../utils/Pusher';
 
-jest.mock('react', () => {
-  return {
-    ...jest.requireActual('react'),
-    memo: (x) => x,
-  };
-});
-
 const mock = new MockAdapter(api.axiosInstance);
 
 const wrapComponent = (configs = []) => (

package/src/configs/API.js

@@ -215,6 +215,34 @@ const API = {
       LIST: () => '/chip_manager/developer_mode_chips/',
       DETAIL: (id) => `/chip_manager/developer_mode_chips/${id}/`,
     },
+    ZIGBEE: {
+      SEARCH_DEVICE: (id) => `/iot/modules/zigbee/chips/${id}/search_device/`,
+      DEVICE_CONFIGURATION: (id, deviceId) =>
+        `/iot/modules/zigbee/chips/${id}/sensors/${deviceId}/configuration/`,
+      CONFIGURATION: (id) => `/iot/modules/zigbee/chips/${id}/configuration/`,
+      DEVICE: (gatewayId) =>
+        `/iot/modules/zigbee/gateways/${gatewayId}/devices/`,
+      DEVICE_DETAIL: (gatewayId, deviceId) =>
+        `/iot/modules/zigbee/gateways/${gatewayId}/devices/${deviceId}/`,
+      CONFIG_MAP: (gatewayId, deviceId) =>
+        `/iot/modules/zigbee/gateways/${gatewayId}/devices/${deviceId}/config_maps/`,
+      ACTION: (gatewayId, deviceId) =>
+        `/iot/modules/zigbee/gateways/${gatewayId}/devices/${deviceId}/zigbee_actions/`,
+    },
+    MODBUS: {
+      DEVICE: (gatewayId) =>
+        `/iot/modules/modbus/gateways/${gatewayId}/devices/`,
+      DEVICE_DETAIL: (gatewayId, deviceId) =>
+        `/iot/modules/modbus/gateways/${gatewayId}/devices/${deviceId}/`,
+      REGISTER: (gatewayId, deviceId) =>
+        `/iot/modules/modbus/gateways/${gatewayId}/devices/${deviceId}/registers/`,
+      ACTION: (gatewayId, deviceId) =>
+        `/iot/modules/modbus/gateways/${gatewayId}/devices/${deviceId}/actions/`,
+      ACTION_DETAIL: (gatewayId, deviceId, actionId) =>
+        `/iot/modules/modbus/gateways/${gatewayId}/devices/${deviceId}/actions/${actionId}/`,
+      ACTION_ITEM_DETAIL: (actionId, actionItemId) =>
+        `/iot/modules/modbus/actions/${actionId}/items/${actionItemId}/`,
+    },
   },
 };
 

package/src/configs/AccessibilityLabel.js

@@ -262,6 +262,7 @@ export default {
   ADD_SUB_UNIT_NAME_FIELD: 'ADD_SUB_UNIT_NAME_FIELD',
   ADD_SUB_UNIT_BUTTON_CHOOSE_PHOTO: 'ADD_SUB_UNIT_BUTTON_CHOOSE_PHOTO',
   ADD_SUB_UNIT_BUTTON_CHOOSE_LOCATION: 'ADD_SUB_UNIT_BUTTON_CHOOSE_LOCATION',
+  TITLE_SUB_UNIT: 'TITLE_SUB_UNIT',
 
   SCANNING_RESPONSE_TITLE: 'SCANNING_RESPONSE_TITLE',
   SCANNING_RESPONSE_DESCRIPTION: 'SCANNING_RESPONSE_DESCRIPTION',
@@ -342,6 +343,7 @@ export default {
   MANAGE_SUB_UNIT_NAME: 'MANAGE_SUB_UNIT_NAME',
   MANAGE_SUB_UNIT_REMOVE_BUTTON: 'MANAGE_SUB_UNIT_REMOVE_BUTTON',
   MANAGE_SUB_UNIT_SELECT_FILE_BUTTON: 'MANAGE_SUB_UNIT_SELECT_FILE_BUTTON',
+  MANAGE_SUB_UNIT: 'MANAGE_SUB_UNIT',
 
   BUTTON_POPUP_RESOLVED: 'BUTTON_POPUP_RESOLVED',
   BUTTON_POPUP_RESOLVED_TITLE: 'BUTTON_POPUP_RESOLVED_TITLE',
@@ -415,11 +417,13 @@ export default {
   SELECT_SUBUNIT_NAME: 'SELECT_SUBUNIT_NAME',
   SELECT_SUBUNIT_RADIO_BUTTON: 'SELECT_SUBUNIT_RADIO_BUTTON',
   SELECT_SUBUNIT_SELECT: 'SELECT_SUBUNIT_SELECT',
+  TEXT_SUB_UNIT: 'TEXT_SUB_UNIT',
 
   // Select unit
   SELECT_UNIT_NAME: 'SELECT_UNIT_NAME',
   SELECT_UNIT_RADIO_BUTTON: 'SELECT_UNIT_RADIO_BUTTON',
   SELECT_UNIT_SELECT: 'SELECT_UNIT_SELECT',
+  SELECT_UNIT: 'SELECT_UNIT',
   SELECT_MEMBER_UNIT: 'SELECT_MEMBER_UNIT',
 
   // select wifi
@@ -649,8 +653,17 @@ export default {
   BUTTON_REMOVE_EDIT_ACTION_LIST: 'BUTTON_REMOVE_EDIT_ACTION_LIST',
   // GATEWAY
   LIST_GATEWAY: 'LIST_GATEWAY',
+  GATEWAY_INFO_ALERT: 'GATEWAY_INFO_ALERT',
+  GATEWAY_INFO_BUTTON_GOTO_CONNECTION_METHODS:
+    'GATEWAY_INFO_BUTTON_GOTO_CONNECTION_METHODS',
+  GATEWAY_INFO_BUTTON_DELETE_GATEWAY: 'GATEWAY_INFO_BUTTON_DELETE_GATEWAY',
+  MENU_POPPER_MORE: 'MENU_POPPER_MORE',
+  GATEWAY_CONNECTION_METHODS_TEXT: 'GATEWAY_CONNECTION_METHODS_TEXT',
   //Notification
   CUSTOM_TEXT: 'CUSTOM_TEXT',
   //ButtonWrapper
   BUTTON_WRAPPER: 'BUTTON_WRAPPER',
+  //devmod
+  TAB_PANE_CT_FLATLIST: 'TAB_PANE_CT_FLATLIST',
+  ROW_ITEM_DEVMOD: 'ROW_ITEM_DEVMOD',
 };

package/src/configs/Colors.js

@@ -61,6 +61,7 @@ export const Colors = {
   Gray18: '#9B9A9B',
   Gray19: '#E5E5E5',
   Gray20: '#808080',
+  Gray21: '#F2F2F2',
 
   // Range Green
   Green1: '#F6FFED',
@@ -70,6 +71,7 @@ export const Colors = {
   Green8: '#D9F7BE',
   Green9: '#389E0D',
   Green10: '#237804',
+  Green11: '#008040',
 
   //Yellow
   Yellow6: '#FADB14',
@@ -112,6 +114,8 @@ export const Colors = {
   Blue11: '#096DD9',
   Blue12: '#0050B3',
   Blue13: '#E2F0F8',
+  Blue14: '#D9ECFF',
+  Blue15: '#99CCFF',
 
   //Range Volcano:
   Volcano3: '#FFBB96',