@eohjsc/react-native-smart-city 0.3.90 → 0.3.92

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

@@ -487,25 +487,6 @@ describe('Test ActionGroup', () => {
     expect(options).toHaveLength(actionGroup.configuration.options.length);
   });
 
-  it('render CurtainButtonTemplate', async () => {
-    // todo Bang remove
-    Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
-    const actionGroup = {
-      template: 'curtain_action_template',
-      title: 'Timer',
-      configuration: {},
-    };
-    const mockDoAction = jest.fn();
-    await act(async () => {
-      wrapper = renderer.create(
-        wrapComponent(actionGroup, mockDoAction, sensor)
-      );
-    });
-    const instance = wrapper.root;
-    const texts = instance.findAllByType(TouchableOpacity);
-    expect(texts).toHaveLength(3);
-  });
-
   it('render SmartTiviActionTemplate', async () => {
     Date.now = jest.fn(() => new Date('2021-09-09T10:00:00.000Z'));
     const actionGroup = {

package/src/commons/ActionGroup/index.js

@@ -7,7 +7,6 @@ import NumberUpDownActionTemplate from './NumberUpDownActionTemplate';
 import OptionsDropdownActionTemplate from './OptionsDropdownActionTemplate';
 import OnOffTemplate from './OnOffTemplate';
 import TimerActionTemplate from './TimerActionTemplate';
-import CurtainButtonTemplate from './CurtainButtonTemplate';
 import SmartTiviActionTemplate from './SmartTiviActionTemplate/SmartTiviActionTemplate';
 import ColorPickerTemplate from './ColorPickerTemplate';
 import SliderRangeTemplate from './SliderRangeTemplate';
@@ -37,8 +36,6 @@ export const getActionComponent = (template) => {
       return OptionsDropdownActionTemplate;
     case 'TimerActionTemplate':
       return TimerActionTemplate;
-    case 'curtain_action_template':
-      return CurtainButtonTemplate;
     case 'SmartTiviActionTemplate':
       return SmartTiviActionTemplate;
     case 'color_picker_template':

package/src/commons/ActionTemplate/CurtainAction.js

@@ -1,4 +1,4 @@
-import React, { memo, useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
 import styles from './CurtainActionStyles';
@@ -37,19 +37,19 @@ const CurtainAction = ({ configuration, onPress, template }) => {
   return (
     <>
       <TouchableOpacity onPress={onPressActionClose}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text1}
         </Text>
       </TouchableOpacity>
 
       <TouchableOpacity onPress={onPressActionStop}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text2}
         </Text>
       </TouchableOpacity>
 
       <TouchableOpacity onPress={onPressActionOpen}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text3}
         </Text>
       </TouchableOpacity>
@@ -57,4 +57,4 @@ const CurtainAction = ({ configuration, onPress, template }) => {
   );
 };
 
-export default memo(CurtainAction);
+export default CurtainAction;

package/src/commons/ActionTemplate/CurtainActionStyles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
 
 export default StyleSheet.create({
-  textwithline: {
+  textWithLine: {
     paddingBottom: 16,
     paddingTop: 16,
     borderBottomWidth: 1,

package/src/commons/ActionTemplate/OnOffButtonAction.js

@@ -1,4 +1,4 @@
-import React, { memo, useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
 import AccessibilityLabel from '../../configs/AccessibilityLabel';
 import Text from '../Text';
@@ -33,7 +33,7 @@ const OnOffButtonAction = ({ title, configuration, onPress, template }) => {
       <TouchableOpacity onPress={onPressActionOn}>
         <Text
           type="H4"
-          style={styles.textwithline}
+          style={styles.textWithLine}
           accessibilityLabel={AccessibilityLabel.ON_OFF_BUTTON_ACTION_TITLE}
         >
           {title} {text_on}
@@ -42,7 +42,7 @@ const OnOffButtonAction = ({ title, configuration, onPress, template }) => {
       <TouchableOpacity onPress={onPressActionOff}>
         <Text
           type="H4"
-          style={styles.textwithline}
+          style={styles.textWithLine}
           accessibilityLabel={AccessibilityLabel.ON_OFF_BUTTON_ACTION_TITLE}
         >
           {title} {text_off}
@@ -52,4 +52,4 @@ const OnOffButtonAction = ({ title, configuration, onPress, template }) => {
   );
 };
 
-export default memo(OnOffButtonAction);
+export default OnOffButtonAction;

package/src/commons/ActionTemplate/OnOffButtonActionStyles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
 
 export default StyleSheet.create({
-  textwithline: {
+  textWithLine: {
     paddingBottom: 16,
     paddingTop: 16,
     borderBottomWidth: 1,

package/src/commons/ActionTemplate/OnOffSimpleAction.js

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
 import { useTranslations } from '../../hooks/Common/useTranslations';
@@ -36,12 +36,12 @@ const OnOffSimpleAction = ({ configuration, onPress, template }) => {
         accessibilityLabel={AccessibilityLabel.ON_OFF_SIMPLE_ACTION_ON}
         onPress={onPressActionOn}
       >
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {t('text_on')}
         </Text>
       </TouchableOpacity>
       <TouchableOpacity onPress={onPressActionOff}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {t('text_off')}
         </Text>
       </TouchableOpacity>
@@ -49,4 +49,4 @@ const OnOffSimpleAction = ({ configuration, onPress, template }) => {
   );
 };
 
-export default memo(OnOffSimpleAction);
+export default OnOffSimpleAction;

package/src/commons/ActionTemplate/OnOffSimpleActionStyles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
 
 export default StyleSheet.create({
-  textwithline: {
+  textWithLine: {
     paddingBottom: 16,
     paddingTop: 16,
     borderBottomWidth: 1,

package/src/commons/ActionTemplate/OnOffSmartLockAction.js

@@ -1,4 +1,4 @@
-import React, { memo, useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
 import styles from './OnOffSmartLockActionStyles';
@@ -31,13 +31,13 @@ const OnOffSmartLockAction = ({ configuration, onPress, template }) => {
   return (
     <>
       <TouchableOpacity onPress={onPressActionClose}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text_off}
         </Text>
       </TouchableOpacity>
 
       <TouchableOpacity onPress={onPressActionOpen}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text_on}
         </Text>
       </TouchableOpacity>
@@ -45,4 +45,4 @@ const OnOffSmartLockAction = ({ configuration, onPress, template }) => {
   );
 };
 
-export default memo(OnOffSmartLockAction);
+export default OnOffSmartLockAction;

package/src/commons/ActionTemplate/OnOffSmartLockActionStyles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
 
 export default StyleSheet.create({
-  textwithline: {
+  textWithLine: {
     paddingBottom: 16,
     paddingTop: 16,
     borderBottomWidth: 1,

package/src/commons/ActionTemplate/OneButtonAction.js

@@ -1,4 +1,4 @@
-import React, { memo } from 'react';
+import React from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
 import styles from './OneButtonActionStyles';
@@ -17,11 +17,11 @@ const OneButtonAction = ({ configuration, onPress, template }) => {
   return (
     <>
       <TouchableOpacity onPress={onPressAction}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text}
         </Text>
       </TouchableOpacity>
     </>
   );
 };
-export default memo(OneButtonAction);
+export default OneButtonAction;

package/src/commons/ActionTemplate/OneButtonActionStyles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
 
 export default StyleSheet.create({
-  textwithline: {
+  textWithLine: {
     paddingBottom: 16,
     paddingTop: 16,
     borderBottomWidth: 1,

package/src/commons/ActionTemplate/ThreeButtonAction.js

@@ -1,4 +1,4 @@
-import React, { memo, useCallback } from 'react';
+import React, { useCallback } from 'react';
 import { TouchableOpacity } from 'react-native';
 import Text from '../Text';
 import styles from './ThreeButtonActionStyles';
@@ -35,19 +35,19 @@ const ThreeButtonAction = ({ configuration, onPress, template }) => {
   return (
     <>
       <TouchableOpacity onPress={onPressAction1}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text1}
         </Text>
       </TouchableOpacity>
 
       <TouchableOpacity onPress={onPressAction2}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text2}
         </Text>
       </TouchableOpacity>
 
       <TouchableOpacity onPress={onPressAction3}>
-        <Text type="H4" style={styles.textwithline}>
+        <Text type="H4" style={styles.textWithLine}>
           {text3}
         </Text>
       </TouchableOpacity>
@@ -55,4 +55,4 @@ const ThreeButtonAction = ({ configuration, onPress, template }) => {
   );
 };
 
-export default memo(ThreeButtonAction);
+export default ThreeButtonAction;

package/src/commons/ActionTemplate/ThreeButtonActionStyles.js

@@ -2,7 +2,7 @@ import { StyleSheet } from 'react-native';
 import { Colors } from '../../configs';
 
 export default StyleSheet.create({
-  textwithline: {
+  textWithLine: {
     paddingBottom: 16,
     paddingTop: 16,
     borderBottomWidth: 1,

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

@@ -26,7 +26,7 @@ describe('Test CurtainAction', () => {
     };
     const mockFuntion = jest.fn();
     await act(async () => {
-      tree = renderer.create(wrapComponent(configuration, mockFuntion));
+      tree = await renderer.create(wrapComponent(configuration, mockFuntion));
     });
     const instance = tree.root;
     const touchOpacity = instance.findAllByType(TouchableOpacity);

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

@@ -31,7 +31,7 @@ describe('Test OnOffButtonAction', () => {
     };
     const mockFuntion = jest.fn();
     await act(async () => {
-      tree = renderer.create(wrapComponent(configuration, mockFuntion));
+      tree = await renderer.create(wrapComponent(configuration, mockFuntion));
     });
     const instance = tree.root;
     const touchOpacity = instance.findAllByType(TouchableOpacity);

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

@@ -19,7 +19,7 @@ describe('Test OnOffSimpleAction', () => {
     const configuration = {};
     const mockFuntion = jest.fn();
     await act(async () => {
-      tree = renderer.create(wrapComponent(configuration, mockFuntion));
+      tree = await renderer.create(wrapComponent(configuration, mockFuntion));
     });
     const instance = tree.root;
     const touchOpacity = instance.findAllByType(TouchableOpacity);

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

@@ -24,7 +24,7 @@ describe('Test OnOffSmartLockAction', () => {
     };
     const mockFuntion = jest.fn();
     await act(async () => {
-      tree = renderer.create(wrapComponent(configuration, mockFuntion));
+      tree = await renderer.create(wrapComponent(configuration, mockFuntion));
     });
     const instance = tree.root;
     const touchOpacity = instance.findAllByType(TouchableOpacity);

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

@@ -19,7 +19,7 @@ describe('Test OneButtonAction', () => {
     const configuration = {};
     const mockFuntion = jest.fn();
     await act(async () => {
-      tree = renderer.create(wrapComponent(configuration, mockFuntion));
+      tree = await renderer.create(wrapComponent(configuration, mockFuntion));
     });
     const instance = tree.root;
     const touchOpacity = instance.findAllByType(TouchableOpacity);

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

@@ -19,7 +19,7 @@ describe('Test ThreeButtonAction', () => {
     const configuration = {};
     const mockFuntion = jest.fn();
     await act(async () => {
-      tree = renderer.create(wrapComponent(configuration, mockFuntion));
+      tree = await renderer.create(wrapComponent(configuration, mockFuntion));
     });
     const instance = tree.root;
     const touchOpacity = instance.findAllByType(TouchableOpacity);

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

@@ -10,84 +10,35 @@ import ThreeButtonAction from '../ThreeButtonAction';
 
 const mockOnSelectAction = jest.fn();
 
-const wrapComponent = (data) => (
+const wrapComponent = (item) => (
   <SCProvider initState={mockSCStore({})}>
-    <ActionTemplate data={data} onSelectAction={mockOnSelectAction} />
+    <ActionTemplate item={item} onSelectAction={mockOnSelectAction} />
   </SCProvider>
 );
 
 describe('Test ActionTemplate', () => {
   let tree;
-  let data = [
-    {
-      title: '',
-      template: 'three_button_action_template',
-      configuration: {
-        action1: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        action2: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        action3: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        icon1: 'up',
-        icon2: 'stop',
-        icon3: 'down',
-        text1: 'OPEN',
-        text2: 'STOP',
-        text3: 'CLOSE',
-        text_lock: 'Door lock',
-        is_display_lock: true,
-      },
-    },
-    {
-      title: '',
-      template: 'on_off_button_action_template',
-      configuration: {
-        action_on: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        action_off: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        text_on: 'On',
-        text_off: 'Off',
-      },
-    },
-    {
-      title: '',
-      template: 'one_button_action_template',
-      configuration: {
-        action: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        text: 'One',
-      },
+  let item = {
+    title: '',
+    template: 'three_button_action_template',
+    configuration: {
+      action1: '94ae262d-46e3-42ff-9d10-516831ecc830',
+      action2: '94ae262d-46e3-42ff-9d10-516831ecc830',
+      action3: '94ae262d-46e3-42ff-9d10-516831ecc830',
+      icon1: 'up',
+      icon2: 'stop',
+      icon3: 'down',
+      text1: 'OPEN',
+      text2: 'STOP',
+      text3: 'CLOSE',
+      text_lock: 'Door lock',
+      is_display_lock: true,
     },
-    {
-      title: '',
-      template: 'OnOffSimpleActionTemplate',
-      configuration: {
-        action_on: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        action_off: '94ae262d-46e3-42ff-9d10-516831ecc830',
-      },
-    },
-    {
-      title: '',
-      template: 'curtain_action_template',
-      configuration: {
-        open_action: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        close_action: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        stop_action: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        text1: 'One',
-        text2: 'Two',
-        text3: 'Three',
-      },
-    },
-    {
-      title: '',
-      template: 'OnOffSmartLockActionTemplate',
-      configuration: {
-        action_on: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        action_off: '94ae262d-46e3-42ff-9d10-516831ecc830',
-        text_on: 'on',
-        text_off: 'off',
-      },
-    },
-  ];
+  };
+
   it('test onPress SelectActionCard', async () => {
     await act(async () => {
-      tree = renderer.create(wrapComponent(data));
+      tree = await renderer.create(wrapComponent(item));
     });
     const instance = tree.root;
     const selectActionCard = instance.findByType(SelectActionCard);
@@ -100,7 +51,7 @@ describe('Test ActionTemplate', () => {
 
   it('test onPressSelectAction', async () => {
     await act(async () => {
-      tree = renderer.create(wrapComponent(data));
+      tree = await renderer.create(wrapComponent(item));
     });
     const instance = tree.root;
 

package/src/commons/ActionTemplate/index.js

@@ -13,7 +13,7 @@ import CurtainAction from './CurtainAction';
 import OnOffSmartLockAction from './OnOffSmartLockAction';
 import { DEVICE_TYPE } from '../../configs/Constants';
 
-const ActionTemplate = memo(({ device, data, onSelectAction }) => {
+const ActionTemplate = memo(({ device, item, onSelectAction }) => {
   const t = useTranslations();
   const [visible, setVisible] = useState(false);
   const onClose = () => setVisible(false);
@@ -47,66 +47,30 @@ const ActionTemplate = memo(({ device, data, onSelectAction }) => {
   );
 
   const renderAction = useMemo(() => {
-    return data.map((item, index) => {
-      switch (item.template) {
-        case 'on_off_button_action_template':
-          return (
-            <OnOffButtonAction
-              {...item}
-              onPress={onPressSelectAction}
-              key={index}
-            />
-          );
-        case 'one_button_action_template':
-          return (
-            <OneButtonAction
-              {...item}
-              onPress={onPressSelectAction}
-              key={index}
-            />
-          );
-        case 'three_button_action_template':
-          return (
-            <ThreeButtonAction
-              {...item}
-              onPress={onPressSelectAction}
-              key={index}
-            />
-          );
-        case 'OnOffSimpleActionTemplate':
-          return (
-            <OnOffSimpleAction
-              {...item}
-              onPress={onPressSelectAction}
-              key={index}
-            />
-          );
-        case 'curtain_action_template':
-          return (
-            <CurtainAction
-              {...item}
-              onPress={onPressSelectAction}
-              key={index}
-            />
-          );
-        case 'OnOffSmartLockActionTemplate':
-          return (
-            <OnOffSmartLockAction
-              {...item}
-              onPress={onPressSelectAction}
-              key={index}
-            />
-          );
-      }
-    });
-  }, [data, onPressSelectAction]);
+    switch (item.template) {
+      case 'on_off_button_action_template':
+        return <OnOffButtonAction {...item} onPress={onPressSelectAction} />;
+      case 'one_button_action_template':
+        return <OneButtonAction {...item} onPress={onPressSelectAction} />;
+      case 'three_button_action_template':
+        return <ThreeButtonAction {...item} onPress={onPressSelectAction} />;
+      case 'OnOffSimpleActionTemplate':
+        return <OnOffSimpleAction {...item} onPress={onPressSelectAction} />;
+      case 'curtain_action_template':
+        return <CurtainAction {...item} onPress={onPressSelectAction} />;
+      case 'OnOffSmartLockActionTemplate':
+        return <OnOffSmartLockAction {...item} onPress={onPressSelectAction} />;
+      default:
+        return null;
+    }
+  }, [item, onPressSelectAction]);
 
   return (
     <>
       <SelectActionCard
         onPress={onPress}
         action={actionName}
-        title={t(data[0]?.title === 'Power' ? 'power' : 'action')}
+        title={t(item?.title === 'Power' ? 'power' : 'action')}
       />
 
       <ModalCustom

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

@@ -7,7 +7,7 @@ describe('Test Alert', () => {
   let tree;
   it('create Alert', async () => {
     await act(async () => {
-      tree = renderer.create(<Alert />);
+      tree = await renderer.create(<Alert />);
     });
     const instance = tree.root;
     const Modals = instance.findAllByType(Modal);

package/src/commons/Auth/AccountList.js

@@ -7,7 +7,7 @@ const AccountList = ({ accounts }) => {
   return (
     <ScrollView scrollIndicatorInsets={{ right: 1 }}>
       {accounts.map((account) => (
-        <AccountItem key={account.id || account.name} account={account} />
+        <AccountItem key={account.id} account={account} />
       ))}
     </ScrollView>
   );

package/src/commons/Auth/__test__/OtpInputList.test.js

@@ -10,39 +10,37 @@ describe('Test OtpInputList', () => {
   let tree;
 
   for (const code of list_code) {
-    test(`create OtpInputList ${code} onfinishInputCode is func`, async () => {
+    it(`create OtpInputList ${code} onfinishInputCode is func`, async () => {
       await act(async () => {
-        tree = renderer.create(<OtpInputList onfinishInputCode={mockFunc} />);
+        tree = await renderer.create(
+          <OtpInputList onfinishInputCode={mockFunc} />
+        );
       });
 
       const instance = tree.root;
       const textInputs = instance.findAllByType(TextInput);
-      await Promise.all(
-        textInputs.map(async (el, index) => {
-          await act(async () => {
-            el.props.onFocus(code); // TODO check onFocus(code)
-            el.props.onChangeText('1');
-          });
-        })
-      );
+      for (let index = 0; index < textInputs.length; index++) {
+        await act(async () => {
+          textInputs[index].props.onFocus(code);
+          textInputs[index].props.onChangeText('1');
+        });
+      }
       expect(mockFunc).toHaveBeenCalledWith('111111');
     });
   }
 
   it('create OtpInputList not parameter', async () => {
     await act(async () => {
-      tree = renderer.create(<OtpInputList />);
+      tree = await renderer.create(<OtpInputList />);
     });
     const instance = tree.root;
     const textInputs = instance.findAllByType(TextInput);
-    await Promise.all(
-      textInputs.map(async (el, index) => {
-        await act(async () => {
-          el.props.onFocus();
-          el.props.onChangeText('');
-        });
-      })
-    );
+    for (let index = 0; index < textInputs.length; index++) {
+      await act(async () => {
+        textInputs[index].props.onFocus();
+        textInputs[index].props.onChangeText('1');
+      });
+    }
     expect(mockFunc).toHaveBeenCalledWith('111111');
   });
 });

package/src/commons/Automate/ItemAutomate.js

@@ -5,20 +5,26 @@ import { Colors } from '../../configs';
 import styles from './ItemAutomateStyles';
 import { AUTOMATES } from '../../configs/Constants';
 import { useTranslations } from '../../hooks/Common/useTranslations';
+import { generateAutomationConditionText } from '../../screens/Automate/ScriptDetail/utils';
+import { useGetEvaluateValue } from '../../screens/Device/hooks/useEvaluateValue';
 
 const ItemAutomate = ({
-  type,
+  automate,
   isSelected = false,
   disabledOnPress = false,
-  textCondition,
   index,
   setSelectedIndex,
   onPress,
 }) => {
   const t = useTranslations();
-  const item = AUTOMATES[type];
-  const isItemOneTap = AUTOMATES[type] === AUTOMATES.one_tap;
+  const item = AUTOMATES[automate?.type];
+  const isItemOneTap = AUTOMATES[automate?.type] === AUTOMATES.one_tap;
   const Icon = item?.icon;
+  const valueEvaluation = useGetEvaluateValue(automate?.config);
+
+  const textCondition = useMemo(() => {
+    return generateAutomationConditionText(automate, valueEvaluation, t);
+  }, [automate, t, valueEvaluation]);
 
   const renderText = useMemo(() => {
     if (textCondition) {