@eohjsc/react-native-smart-city 0.3.30 → 0.3.33

package/src/commons/ActionGroup/OnOffSmartLock/OnOffSmartLock.js

@@ -1,7 +1,6 @@
 import React, { memo, useCallback, useEffect, useState } from 'react';
-import { SafeAreaView, TouchableOpacity, View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
-import { Section } from '../../Section';
 import Text from '../../Text';
 import styles from './OnOffSmartLockStyle';
 import ButtonLock from '../../../../assets/images/Device/button-lock.svg';
@@ -9,12 +8,14 @@ import ButtonUnLock from '../../../../assets/images/Device/button-unlock.svg';
 import { useConfigGlobalState } from '../../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../../hooks/IoT';
 import { watchMultiConfigs } from '../../../iot/Monitor';
-import { DEVICE_TYPE, TESTID } from '../../../configs/Constants';
+import { DEVICE_TYPE, AccessibilityLabel } from '../../../configs/Constants';
 
-const OnOffSmartLock = memo(({ actionGroup, doAction, sensor }) => {
+const OnOffSmartLock = memo(({ actionGroup = {}, doAction, sensor = {} }) => {
   const t = useTranslations();
-  const { configuration } = actionGroup;
-  const { action_on_data, action_off_data } = configuration;
+  const { configuration = {} } = actionGroup;
+  const { action_on_data, action_off_data, config, is_on_value } =
+    configuration;
+  const { is_managed_by_backend, device_type } = sensor;
   const [isUnlock, setisUnlock] = useState(true);
   const [configValues] = useConfigGlobalState('configValues');
 
@@ -27,10 +28,10 @@ const OnOffSmartLock = memo(({ actionGroup, doAction, sensor }) => {
         const dataUnlock = { door_lock: 1 };
         await doAction(action_off_data, JSON.stringify(dataUnlock));
       }
-      if (sensor?.is_managed_by_backend) {
-        configuration.config &&
-          sensor.device_type === DEVICE_TYPE.LG_THINQ &&
-          watchMultiConfigs([configuration.config]);
+      if (is_managed_by_backend) {
+        config &&
+          device_type === DEVICE_TYPE.LG_THINQ &&
+          watchMultiConfigs([config]);
       }
     }
   }, [
@@ -38,54 +39,46 @@ const OnOffSmartLock = memo(({ actionGroup, doAction, sensor }) => {
     action_on_data,
     doAction,
     isUnlock,
-    configuration,
-    sensor?.is_managed_by_backend,
-    sensor.device_type,
+    config,
+    is_managed_by_backend,
+    device_type,
   ]);
 
-  useUnwatchLGDeviceConfigControl(sensor, [configuration.config]);
+  useUnwatchLGDeviceConfigControl(sensor, [config]);
 
   useEffect(() => {
-    const { is_on_value, config } = configuration;
     const configValue = configValues[config];
     if (is_on_value && is_on_value.length) {
       setisUnlock(is_on_value.includes(configValue?.value));
     } else {
       setisUnlock(configValue?.value);
     }
-  }, [configValues, configuration]);
+  }, [config, configValues, configuration, is_on_value]);
 
   return (
-    <SafeAreaView style={styles.container}>
-      <View style={styles.wrap}>
-        <Section style={styles.section}>
-          <View style={styles.wrapController}>
-            <Text style={styles.textController}>{t('controller')}</Text>
-          </View>
-          <View>
-            <TouchableOpacity
-              onPress={handleActionSmartLock}
-              testID={TESTID.BUTTON_ON_OFF}
-              style={styles.wrapButtonSmartLock}
-            >
-              {isUnlock ? (
-                <ButtonLock style={styles.buttonSmartLock} />
-              ) : (
-                <ButtonUnLock style={styles.buttonSmartLock} />
-              )}
-              <Text style={styles.textSmartLock}>
-                {t(isUnlock ? 'lock' : 'unlock')}
-              </Text>
-            </TouchableOpacity>
-          </View>
-          <View style={styles.wrapStatus}>
-            <Text style={styles.textStatus}>
-              {t(isUnlock ? 'door_is_open' : 'door_is_close')}
-            </Text>
-          </View>
-        </Section>
+    <>
+      <View>
+        <TouchableOpacity
+          onPress={handleActionSmartLock}
+          accessibilityLabel={AccessibilityLabel.BUTTON_ON_OFF}
+          style={styles.wrapButtonSmartLock}
+        >
+          {isUnlock ? (
+            <ButtonLock style={styles.buttonSmartLock} />
+          ) : (
+            <ButtonUnLock style={styles.buttonSmartLock} />
+          )}
+          <Text style={styles.textSmartLock}>
+            {t(isUnlock ? 'lock' : 'unlock')}
+          </Text>
+        </TouchableOpacity>
       </View>
-    </SafeAreaView>
+      <View style={styles.wrapStatus}>
+        <Text style={styles.textStatus}>
+          {t(isUnlock ? 'door_is_open' : 'door_is_close')}
+        </Text>
+      </View>
+    </>
   );
 });
 

package/src/commons/ActionGroup/OnOffSmartLock/OnOffSmartLockStyle.js

@@ -28,6 +28,7 @@ export default StyleSheet.create({
     borderRadius: 10,
     borderColor: Colors.Gray4,
     borderWidth: 1,
+    marginTop: 10,
   },
   buttonSmartLock: {
     marginTop: 14,

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/ItemPasscode.js

@@ -19,7 +19,7 @@ const ButtonWrapper = ({ item, textHeadline }) => {
 };
 
 const ItemPasscode = memo(({ route }) => {
-  const { item = {} } = route.params || {};
+  const { item = {} } = route?.params || {};
 
   return (
     <SafeAreaView style={styles.container}>

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { act, create } from 'react-test-renderer';
 
 import { mockSCStore } from '../../../../../context/mockStore';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 import PasscodeList from '../index';
 import { TouchableOpacity } from 'react-native';
@@ -38,7 +38,7 @@ describe('Test SetupGeneratePasscode', () => {
     const instance = tree.root;
     const passcode_list = instance.findAll(
       (item) =>
-        item.props.testID === TESTID.PASSCODE_LIST &&
+        item.props.accessibilityLabel === AccessibilityLabel.PASSCODE_LIST &&
         item.type === TouchableOpacity
     );
 

package/src/commons/ActionGroup/OnOffSmartLock/PasscodeList/index.js

@@ -9,7 +9,7 @@ import t from '../../../../hooks/Common/useTranslations';
 import { Colors } from '../../../../configs';
 import Routes from '../../../../utils/Route';
 import styles from './PasscodeListStyles';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 
 const PasscodeList = memo(() => {
   const navigation = useNavigation();
@@ -51,7 +51,7 @@ const PasscodeList = memo(() => {
           <TouchableOpacity
             onPress={handleClickButton(item)}
             style={styles.buttonWrapper}
-            testID={TESTID.PASSCODE_LIST}
+            accessibilityLabel={AccessibilityLabel.PASSCODE_LIST}
           >
             <View>
               <Text style={styles.textCode}>{item.code}</Text>

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/ButtonWrapper.js

@@ -8,7 +8,7 @@ import styles from './SetupGeneratePasscodeStyles';
 
 const ButtonWrapper = memo(
   ({
-    testID,
+    accessibilityLabel,
     textHeadline,
     textMinutes,
     value,
@@ -27,7 +27,7 @@ const ButtonWrapper = memo(
     const boxNotSelect = { ...styles.boxSetTime, ...styles.boxSetTimeDuration };
     return (
       <View
-        testID={testID}
+        accessibilityLabel={accessibilityLabel}
         style={
           !isButtonDuration
             ? styles.buttonWrapper

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

@@ -3,7 +3,7 @@ import { act, create } from 'react-test-renderer';
 
 import SetupGeneratePasscode from '../index';
 import { mockSCStore } from '../../../../../context/mockStore';
-import { TESTID } from '../../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../../configs/Constants';
 import { SCProvider } from '../../../../../context';
 
 const mockNavigate = jest.fn();
@@ -32,13 +32,19 @@ describe('Test SetupGeneratePasscode', () => {
 
   const getElement = (instance) => {
     const changeName = instance.findAll(
-      (item) => item.props.testID === TESTID.GENERATE_PASSCODE_CHOOSE_USER
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.GENERATE_PASSCODE_CHOOSE_USER
     );
     const changeTime = instance.findAll(
-      (item) => item.props.testID === TESTID.GENERATE_PASSCODE_SET_TIME
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.GENERATE_PASSCODE_SET_TIME
     );
     const changeDuration = instance.findAll(
-      (item) => item.props.testID === TESTID.GENERATE_PASSCODE_SET_DURATION
+      (item) =>
+        item.props.accessibilityLabel ===
+        AccessibilityLabel.GENERATE_PASSCODE_SET_DURATION
     );
 
     return {
@@ -66,8 +72,8 @@ describe('Test SetupGeneratePasscode', () => {
 
     const wheelDateTimePicker = instance.findAll(
       (item) =>
-        item.props.testID ===
-        `${TESTID.WHEEL_DATE_TIME_PICKER_BUTTON}${TESTID.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
+        item.props.accessibilityLabel ===
+        `${AccessibilityLabel.WHEEL_DATE_TIME_PICKER_BUTTON}${AccessibilityLabel.VIEW_BUTTON_BOTTOM_RIGHT_BUTTON}`
     );
     await wheelDateTimePicker[5].props.onClick();
     await wheelDateTimePicker[11].props.onClick();

package/src/commons/ActionGroup/OnOffSmartLock/SetupGeneratePasscode/index.js

@@ -11,7 +11,7 @@ import TemporaryDetail from '../../../../screens/GuestInfo/components/TemporaryD
 import AccessScheduleItem from '../../../../screens/GuestInfo/components/AccessScheduleItem';
 import BottomButtonView from '../../../BottomButtonView';
 import { ACCESS_SCHEDULE } from '../../../../screens/GuestInfo/constant';
-import { TESTID } from '../../../../configs/Constants';
+import { AccessibilityLabel } from '../../../../configs/Constants';
 import ButtonWrapper from './ButtonWrapper';
 import moment from 'moment';
 import styles from './SetupGeneratePasscodeStyles';
@@ -187,14 +187,16 @@ const SetupGeneratePasscode = memo(() => {
             textHeadline={t('choose_user')}
             value={'Name'}
             isButtonChooseUser
-            testID={TESTID.GENERATE_PASSCODE_CHOOSE_USER}
+            accessibilityLabel={
+              AccessibilityLabel.GENERATE_PASSCODE_CHOOSE_USER
+            }
           />
           <ButtonWrapper
             textHeadline={t('set_time')}
             valueTime={time.format('HH:mm')}
             onPressSetTime={handleSetTime}
             isButtonSetTime
-            testID={TESTID.GENERATE_PASSCODE_SET_TIME}
+            accessibilityLabel={AccessibilityLabel.GENERATE_PASSCODE_SET_TIME}
           />
           <ButtonWrapper
             textHeadline={t('duration')}
@@ -204,7 +206,9 @@ const SetupGeneratePasscode = memo(() => {
             onPressSelectCircle={handleSelectCircle}
             isButtonDuration
             isSelectCircle={isSelectCircle}
-            testID={TESTID.GENERATE_PASSCODE_SET_DURATION}
+            accessibilityLabel={
+              AccessibilityLabel.GENERATE_PASSCODE_SET_DURATION
+            }
           />
           <View>
             <Text style={styles.textHeadLine}>{t('access_schedule')}</Text>

package/src/commons/ActionGroup/OnOffTemplate/OnOffButtonTemplate.js

@@ -5,11 +5,12 @@ import React, { memo } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import { Colors } from '../../../configs';
 import styles from './OnOffButtonTemplateStyle';
-import { TESTID } from '../../../configs/Constants';
+import { AccessibilityLabel } from '../../../configs/Constants';
 
 const OnOffButtonTemplate = memo(
-  ({ isOn, triggerAction, actionGroup, isLight = false }) => {
-    const { configuration, id } = actionGroup;
+  ({ isOn, triggerAction, actionGroup = {}, isLight = false }) => {
+    const { configuration = {}, id } = actionGroup;
+    const { icon_on, icon_off, text_on, text_off } = configuration;
 
     return (
       <>
@@ -17,12 +18,11 @@ const OnOffButtonTemplate = memo(
           <TouchableOpacity
             style={styles.bigCircle}
             onPress={triggerAction}
-            testID={`${TESTID.ON_OFF_BUTTON}-${id}`}
-            accessibilityLabel={`${TESTID.ON_OFF_BUTTON}-${id}`}
+            accessibilityLabel={`${AccessibilityLabel.ON_OFF_BUTTON}-${id}`}
           >
             <View style={styles.smallCircle}>
               <Icon
-                name={isOn ? configuration.icon_on : configuration.icon_off}
+                name={isOn ? icon_on : icon_off}
                 size={44}
                 color={isOn ? Colors.Green7 : Colors.Gray6}
               />
@@ -31,16 +31,15 @@ const OnOffButtonTemplate = memo(
                   styles.textBig,
                   { color: isOn ? Colors.Gray8 : Colors.Gray6 },
                 ]}
-                testID={`${TESTID.SENSOR_STATUS}-${id}`}
-                accessibilityLabel={`${TESTID.SENSOR_STATUS}-${id}`}
+                accessibilityLabel={`${AccessibilityLabel.SENSOR_STATUS}-${id}`}
               >
-                {isOn ? configuration.text_on : configuration.text_off}
+                {isOn ? text_on : text_off}
               </Text>
             </View>
           </TouchableOpacity>
         </View>
         {!!actionGroup.title && !isLight && (
-          <Text size={20} semibold center>
+          <Text type="H3" semibold center>
             {actionGroup.title}
           </Text>
         )}

package/src/commons/ActionGroup/OnOffTemplate/index.js

@@ -20,21 +20,27 @@ const getComponent = (template) => {
   }
 };
 
-const OnOffTemplate = memo(({ actionGroup, doAction, sensor }) => {
-  const { configuration } = actionGroup;
-  const { action_data, action_on_data, action_off_data } = configuration;
+const OnOffTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
+  const { configuration = {} } = actionGroup;
+  const {
+    action_data,
+    action_on_data,
+    action_off_data,
+    is_on_value,
+    config,
+    allow_config_store_value,
+  } = configuration;
 
   // eslint-disable-next-line no-unused-vars
   const [configValues, _] = useConfigGlobalState('configValues');
 
   const getIsOnValue = useCallback(() => {
-    const { is_on_value, config } = configuration;
     const configValue = configValues[config];
     if (is_on_value && is_on_value.length > 0) {
       return is_on_value.includes(configValue?.value);
     }
     return !!configValue?.value;
-  }, [configValues, configuration]);
+  }, [config, configValues, is_on_value]);
 
   const [isOn, setIsOn] = useState(false);
   const [tempIsOn, setTempIsOn] = useState(getIsOnValue());
@@ -49,10 +55,21 @@ const OnOffTemplate = memo(({ actionGroup, doAction, sensor }) => {
     switch (sensor?.device_type) {
       case DEVICE_TYPE.ZIGBEE:
         if (action_on_data && action_off_data) {
+          let data;
           if (isOn) {
-            await doAction(action_off_data, JSON.stringify({ state: 0 }));
+            data = { state: 0 };
+            if (allow_config_store_value && config) {
+              data.config_id = config;
+              data.config_value = 0;
+            }
+            await doAction(action_off_data, JSON.stringify(data));
           } else {
-            await doAction(action_on_data, JSON.stringify({ state: 1 }));
+            data = { state: 1 };
+            if (allow_config_store_value && config) {
+              data.config_id = config;
+              data.config_value = 1;
+            }
+            await doAction(action_on_data, JSON.stringify(data));
           }
         }
         break;
@@ -81,22 +98,23 @@ const OnOffTemplate = memo(({ actionGroup, doAction, sensor }) => {
     }
     updateStatusFromPusher();
     if (sensor?.is_managed_by_backend) {
-      configuration?.config &&
-        sensor?.device_type === DEVICE_TYPE.LG_THINQ &&
-        watchMultiConfigs([configuration?.config]);
+      if (config && sensor.device_type === DEVICE_TYPE.LG_THINQ) {
+        watchMultiConfigs([config]);
+      }
     }
   }, [
+    allow_config_store_value,
+    config,
     action_data,
     action_off_data,
     action_on_data,
-    configuration?.config,
     doAction,
     isOn,
     sensor?.device_type,
     sensor?.is_managed_by_backend,
   ]);
 
-  useUnwatchLGDeviceConfigControl(sensor, [configuration?.config]);
+  useUnwatchLGDeviceConfigControl(sensor, [config]);
 
   useEffect(() => {
     setIsOn(getIsOnValue());

package/src/commons/ActionGroup/OneBigButtonTemplate.js

@@ -6,9 +6,9 @@ import Text from '../Text';
 import { Colors } from '../../configs';
 import styles from './OneBigButtonTemplateStyle';
 
-const OneBigButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
-  const { configuration } = actionGroup;
-  const { text, action_data } = configuration || {};
+const OneBigButtonTemplate = memo(({ actionGroup = {}, doAction, sensor }) => {
+  const { configuration = {} } = actionGroup;
+  const { text, action_data, icon } = configuration;
 
   const onPressDoAction = useCallback(() => {
     doAction(action_data, null);
@@ -19,13 +19,13 @@ const OneBigButtonTemplate = memo(({ actionGroup, doAction, sensor }) => {
       <View style={styles.barrierControlContainer}>
         <TouchableOpacity style={styles.bigCircle} onPress={onPressDoAction}>
           <View style={styles.smallCircle}>
-            <Icon name={configuration.icon} size={44} color={Colors.Green7} />
+            <Icon name={icon} size={44} color={Colors.Green7} />
             <Text style={styles.textBig}>{text}</Text>
           </View>
         </TouchableOpacity>
       </View>
       {!!actionGroup.title && (
-        <Text size={20} semibold center>
+        <Text type="H3" semibold center>
           {actionGroup.title}
         </Text>
       )}

package/src/commons/ActionGroup/OptionsDropdownActionTemplate.js

@@ -10,72 +10,89 @@ import { useConfigGlobalState } from '../../iot/states';
 import { useUnwatchLGDeviceConfigControl } from '../../hooks/IoT';
 import styles from './OptionsDropdownActionTemplateStyle';
 import { watchMultiConfigs } from '../../iot/Monitor';
-import { DEVICE_TYPE, TESTID } from '../../configs/Constants';
+import { DEVICE_TYPE, AccessibilityLabel } from '../../configs/Constants';
 import IconComponent from '../../commons/IconComponent';
 import { useTranslations } from '../../hooks/Common/useTranslations';
 import SvgDoorState from '../../../assets/images/Device/door-state.svg';
 import SvgCurrentState from '../../../assets/images/Device/current-state.svg';
 import SvgWindStrength from '../../../assets/images/Device/wind-strength.svg';
 
-function getOptionValue(option) {
-  if (option.value_text) {
+function getOptionValue(option, allow_config_store_value) {
+  if (option.value_text && !allow_config_store_value) {
     return option.value_text;
   }
   return option.value_int;
 }
 
-const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
+const OptionsDropdownActionTemplate = ({
+  actionGroup = {},
+  doAction,
+  sensor = {},
+}) => {
   const t = useTranslations();
-  const { configuration, title } = actionGroup;
-  const { action_data, options, icon_kit_data, icon, icon_outlined } =
-    configuration;
+  const { configuration = {}, title } = actionGroup;
+  const {
+    action_data,
+    options = [],
+    icon_kit_data,
+    icon,
+    icon_outlined,
+    config,
+    allow_config_store_value,
+  } = configuration;
   // eslint-disable-next-line no-unused-vars
   const [configValues, setConfigValues] = useConfigGlobalState('configValues');
   const checkIcon = /\d/.test(icon); // to do check icon svg and icon antDesign
   const selectedOption = useMemo(() => {
-    const currentValue = configValues[configuration.config]?.value;
+    const currentValue = configValues[config]?.value;
     if (currentValue === null || currentValue === undefined) {
-      return configuration.options[0];
+      return options[0];
     }
 
-    for (let i = 0; i < configuration.options.length; i++) {
-      const option = configuration.options[i];
-      const value = getOptionValue(option);
+    for (let i = 0; i < options.length; i++) {
+      const option = options[i];
+      const value = getOptionValue(option, allow_config_store_value);
       if (value === currentValue) {
         return option;
       }
     }
-    return configuration.options[0];
-  }, [configValues, configuration.config, configuration.options]);
+    return options[0];
+  }, [configValues, config, options, allow_config_store_value]);
 
   const { stateAlert, hideAlertAction, onShowAlert } = useDropdownAction();
   const [selectedIndex, setSelectedIndex] = useState(
-    configuration.options.indexOf(selectedOption)
+    options.indexOf(selectedOption)
   );
 
   useEffect(() => {
-    setSelectedIndex(configuration.options.indexOf(selectedOption));
-  }, [configuration.options, selectedOption]);
+    setSelectedIndex(options.indexOf(selectedOption));
+  }, [options, selectedOption]);
 
   const onDone = useCallback(() => {
     const newOption = options[selectedIndex];
-    const value = getOptionValue(newOption);
+    const value = getOptionValue(newOption, allow_config_store_value);
+
+    let data = { level: value, key_code: newOption?.value_int };
+    if (allow_config_store_value && config) {
+      data.config_id = config;
+      data.config_value = newOption?.value_int;
+    }
+    data = JSON.stringify(data);
 
-    let data = JSON.stringify({ level: value, key_code: newOption?.value_int });
     if (sensor.device_type === DEVICE_TYPE.GOOGLE_HOME) {
       data = value;
     }
-
     doAction(action_data, data);
     if (sensor?.is_managed_by_backend) {
-      configuration.config &&
+      config &&
         sensor.device_type === DEVICE_TYPE.LG_THINQ &&
-        watchMultiConfigs([configuration.config]);
+        watchMultiConfigs([config]);
     }
     hideAlertAction();
   }, [
+    config,
+    allow_config_store_value,
     action_data,
-    configuration.config,
     doAction,
     hideAlertAction,
     options,
@@ -89,11 +106,11 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
   const iconKit = !!icon_kit_data && icon_kit_data.icon;
 
   const displaySelected = useMemo(() => {
-    if (!configuration.config) {
+    if (!config) {
       return t('not_available');
     }
     return selectedOption.text;
-  }, [configuration?.config, selectedOption?.text, t]);
+  }, [config, selectedOption?.text, t]);
 
   const iconSvg = useMemo(() => {
     switch (icon) {
@@ -128,7 +145,9 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
       </View>
       <TouchableOpacity style={styles.iconAndTextOption} onPress={onShowAlert}>
         <Text
-          testID={TESTID.OPTIONS_DROPDOWN_ACTION_DISPLAY_SELECTED}
+          accessibilityLabel={
+            AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_DISPLAY_SELECTED
+          }
           color={
             displaySelected === t('not_available') ? Colors.Gray6 : Colors.Gray8
           }
@@ -157,7 +176,9 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
               <Text
                 color={Colors.Gray6}
                 style={styles.writeNotAvailable}
-                testID={TESTID.OPTIONS_DROPDOWN_ACTION_WRITE_NOT_AVAILABLE}
+                accessibilityLabel={
+                  AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_WRITE_NOT_AVAILABLE
+                }
               >
                 {t('write_not_available')}
               </Text>
@@ -166,7 +187,9 @@ const OptionsDropdownActionTemplate = ({ actionGroup, doAction, sensor }) => {
               <View key={index} style={styles.rowContainer}>
                 <RadioCircle active={selectedIndex === index} />
                 <TouchableOpacity
-                  testID={TESTID.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM}
+                  accessibilityLabel={
+                    AccessibilityLabel.OPTIONS_DROPDOWN_ACTION_CHOOSING_ITEM
+                  }
                   style={styles.row}
                   onPress={() => {
                     setSelectedIndex(index);

package/src/commons/ActionGroup/SliderRangeTemplate.js

@@ -8,9 +8,9 @@ import SvgBrightness from '../../../assets/images/brightness.svg';
 import SliderRange from 'react-native-slider';
 import { useConfigGlobalState } from '../../iot/states';
 
-const SliderRangeTemplate = memo(({ actionGroup, doAction, sensor }) => {
+const SliderRangeTemplate = memo(({ actionGroup = {}, doAction }) => {
   const t = useTranslations();
-  const { configuration } = actionGroup;
+  const { configuration = {} } = actionGroup;
   const [valueBrightness, setValueBrightness] = useState(0);
   const [valueBrightnessTemp, setValueBrightnessTemp] = useState(0);
   const [isFirstTime, setIsFirstTime] = useState(true);