@eohjsc/react-native-smart-city 0.7.27 → 0.7.31

package/src/screens/Automate/AddNewAction/__test__/SetupScriptReceiverNotify.test.js

@@ -0,0 +1,217 @@
+import { useNavigation, useRoute } from '@react-navigation/native';
+import { FlatList } from 'react-native';
+import MockAdapter from 'axios-mock-adapter';
+import React from 'react';
+import renderer, { act } from 'react-test-renderer';
+import BottomButtonView from '../../../../commons/BottomButtonView';
+import API from '../../../../configs/API';
+import { SCProvider } from '../../../../context';
+import { mockSCStore } from '../../../../context/mockStore';
+import { Search } from '../../../../commons/DevMode';
+import api from '../../../../utils/Apis/axios';
+import Routes from '../../../../utils/Route';
+import { getTranslate } from '../../../../utils/I18n';
+import { ToastBottomHelper } from '../../../../utils/Utils';
+import ReceiverSelect from '../ReceiverSelect';
+import SetupScriptReceiverNotify from '../SetupScriptReceiverNotify';
+import CheckBox from '@react-native-community/checkbox';
+
+const mock = new MockAdapter(api.axiosInstance);
+
+const wrapComponent = (route) => (
+  <SCProvider initState={mockSCStore({})}>
+    <SetupScriptReceiverNotify route={route} />
+  </SCProvider>
+);
+
+describe('Test SetupScriptReceiverNotify', () => {
+  const mockedNavigate = useNavigation().navigate;
+  const spyToastSuccess = jest.spyOn(ToastBottomHelper, 'success');
+  const spyToastError = jest.spyOn(ToastBottomHelper, 'error');
+
+  let tree;
+  const route = {
+    params: {
+      unitId: 1,
+      automateId: 1,
+      automate: {
+        id: 1,
+        sensor_id: 1,
+      },
+      closeScreen: Routes.ScriptDetail,
+      formData: { title: 'title', message: 'message' },
+    },
+  };
+
+  const listUser = [
+    {
+      id: 1,
+      avatar: 'https://image.com',
+      email: 'user1@eoh.io',
+      name: 'User 1',
+      phone_number: null,
+    },
+    {
+      id: 2,
+      avatar: null,
+      email: null,
+      name: 'User 2',
+      phone_number: '090xxx',
+      share_id: 3,
+    },
+  ];
+  beforeEach(() => {
+    mockedNavigate.mockClear();
+    useRoute.mockImplementation(() => route);
+    spyToastSuccess.mockClear();
+    spyToastError.mockClear();
+  });
+
+  it('test create script notify success', async () => {
+    mock.onGet(API.SHARE.UNITS_MEMBERS(1)).reply(200, listUser);
+    mock.onPost(API.AUTOMATE.ADD_SCRIPT_NOTIFY(1)).reply(200);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    let checkboxs = instance.findAllByType(CheckBox);
+    expect(checkboxs).toHaveLength(3);
+    expect(checkboxs[0].props.value).toBeFalsy(); // Select All
+    expect(checkboxs[1].props.disabled).toBeFalsy();
+    expect(checkboxs[2].props.disabled).toBeFalsy();
+
+    const receiverSelect = instance.findByType(ReceiverSelect);
+    expect(receiverSelect.props.listUser).toEqual([]);
+
+    await act(async () => {
+      checkboxs[1].props.onValueChange(true);
+    });
+    expect(checkboxs[0].props.value).toBeFalsy();
+    expect(receiverSelect.props.listUser).toEqual([1]);
+
+    checkboxs = instance.findAllByType(CheckBox);
+    await act(async () => {
+      checkboxs[2].props.onValueChange(true);
+    });
+    expect(checkboxs[0].props.value).toBeTruthy();
+
+    checkboxs = instance.findAllByType(CheckBox);
+    await act(async () => {
+      checkboxs[2].props.onValueChange(false);
+    });
+    expect(checkboxs[0].props.value).toBeFalsy();
+
+    const button = instance.findByType(BottomButtonView);
+    await act(async () => {
+      button.props.onPressMain();
+    });
+    expect(mock.history.post).toHaveLength(1);
+    expect(mock.history.post[0].url).toEqual(API.AUTOMATE.ADD_SCRIPT_NOTIFY(1));
+    expect(mock.history.post[0].data).toEqual(
+      JSON.stringify({
+        title: 'title',
+        message: 'message',
+        receiver: [1],
+      })
+    );
+    expect(spyToastSuccess).toHaveBeenCalledWith(
+      getTranslate('en', 'text_done')
+    );
+  });
+
+  it('test filter select all and deselect all', async () => {
+    mock.onGet(API.SHARE.UNITS_MEMBERS(1)).reply(200, listUser);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    let checkboxs = instance.findAllByType(CheckBox);
+    expect(checkboxs).toHaveLength(3);
+    expect(checkboxs[0].props.value).toBeFalsy(); // Select All
+    expect(checkboxs[1].props.disabled).toBeFalsy();
+    expect(checkboxs[2].props.disabled).toBeFalsy();
+
+    const flatList = instance.findByType(FlatList);
+    expect(flatList.props.data).toEqual([
+      {
+        ...listUser[0],
+        label: null,
+        invalidLabel: getTranslate('en', 'no_phone_number'),
+      },
+      {
+        ...listUser[1],
+        label: '090xxx',
+        invalidLabel: getTranslate('en', 'no_phone_number'),
+      },
+    ]);
+
+    const search = instance.findByType(Search);
+    await act(async () => {
+      search.props.onSearch('User 1');
+    });
+    expect(flatList.props.data).toEqual([
+      {
+        ...listUser[0],
+        label: null,
+        invalidLabel: getTranslate('en', 'no_phone_number'),
+      },
+    ]);
+
+    await act(async () => {
+      search.props.onSearch('090');
+    });
+    expect(flatList.props.data).toEqual([
+      {
+        ...listUser[1],
+        label: '090xxx',
+        invalidLabel: getTranslate('en', 'no_phone_number'),
+      },
+    ]);
+
+    await act(async () => {
+      search.props.onSearch('');
+    });
+    await act(async () => {
+      checkboxs[0].props.onValueChange(true); // Select All
+    });
+    checkboxs = instance.findAllByType(CheckBox);
+    expect(checkboxs[0].props.value).toBeTruthy();
+    expect(checkboxs[1].props.value).toBeTruthy();
+    expect(checkboxs[2].props.value).toBeTruthy();
+
+    await act(async () => {
+      checkboxs[0].props.onValueChange(false); // Deselect All
+    });
+    checkboxs = instance.findAllByType(CheckBox);
+    expect(checkboxs[0].props.value).toBeFalsy();
+    expect(checkboxs[1].props.value).toBeFalsy();
+    expect(checkboxs[2].props.value).toBeFalsy();
+  });
+
+  it('test create script notify fail', async () => {
+    mock.onGet(API.SHARE.UNITS_MEMBERS(1)).reply(200, listUser);
+    mock.onPost(API.AUTOMATE.ADD_SCRIPT_NOTIFY(1)).reply(400);
+    await act(async () => {
+      tree = await renderer.create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const checkboxs = instance.findAllByType(CheckBox);
+    expect(checkboxs).toHaveLength(3);
+    expect(checkboxs[0].props.value).toBeFalsy(); // Select All
+    expect(checkboxs[1].props.disabled).toBeFalsy();
+    expect(checkboxs[2].props.disabled).toBeFalsy();
+    await act(async () => {
+      checkboxs[1].props.onValueChange(true);
+    });
+
+    const button = instance.findByType(BottomButtonView);
+    await act(async () => {
+      button.props.onPressMain();
+    });
+    expect(spyToastError).toHaveBeenCalledWith(
+      getTranslate('en', 'error_please_try_later')
+    );
+  });
+});

package/src/screens/Automate/AddNewAction/__test__/SetupScriptReceiverSms.test.js

@@ -66,11 +66,12 @@ describe('Test SetupScriptReceiverSms', () => {
     });
     const instance = tree.root;
     const checkboxs = instance.findAllByType(CheckBox);
-    expect(checkboxs).toHaveLength(2);
-    expect(checkboxs[0].props.disabled).toBeFalsy();
-    expect(checkboxs[1].props.disabled).toBeTruthy();
+    expect(checkboxs).toHaveLength(3);
+    expect(checkboxs[0].props.value).toBeFalsy(); // Select All
+    expect(checkboxs[1].props.disabled).toBeFalsy();
+    expect(checkboxs[2].props.disabled).toBeTruthy();
     await act(async () => {
-      checkboxs[0].props.onValueChange(true);
+      checkboxs[1].props.onValueChange(true);
     });
 
     const button = instance.findByType(BottomButtonView);
@@ -89,11 +90,12 @@ describe('Test SetupScriptReceiverSms', () => {
     });
     const instance = tree.root;
     const checkboxs = instance.findAllByType(CheckBox);
-    expect(checkboxs).toHaveLength(2);
-    expect(checkboxs[0].props.disabled).toBeFalsy();
-    expect(checkboxs[1].props.disabled).toBeTruthy();
+    expect(checkboxs).toHaveLength(3);
+    expect(checkboxs[0].props.value).toBeFalsy(); // Select All
+    expect(checkboxs[1].props.disabled).toBeFalsy();
+    expect(checkboxs[2].props.disabled).toBeTruthy();
     await act(async () => {
-      checkboxs[0].props.onValueChange(true);
+      checkboxs[1].props.onValueChange(true);
     });
 
     const button = instance.findByType(BottomButtonView);

package/src/screens/Automate/Components/InputName.js

@@ -6,6 +6,7 @@ import { API } from '../../../configs';
 import { AccessibilityLabel } from '../../../configs/Constants';
 import _TextInput from '../../../commons/Form/TextInput';
 import styles from './InputNameStyles';
+import useInAppReview from '../../../hooks/Review/useInAppReview';
 import { useTranslations } from '../../../hooks/Common/useTranslations';
 import { axiosPost } from '../../../utils/Apis/axios';
 import NewActionWrapper from '../../Automate/AddNewAction/NewActionWrapper';
@@ -18,6 +19,8 @@ const InputName = ({ title, placeholder }) => {
   const { navigate } = useNavigation();
   const [name, setName] = useState(automateName);
   const [processing, setProcessing] = useState(false);
+  const { allowInAppReview } = useInAppReview(false);
+
   const handleContinue = useCallback(async () => {
     if (processing) {
       /* istanbul ignore next */
@@ -37,6 +40,7 @@ const InputName = ({ title, placeholder }) => {
     );
 
     if (success) {
+      allowInAppReview();
       navigate({
         name: Routes.ScriptDetail,
         merge: true,
@@ -47,7 +51,7 @@ const InputName = ({ title, placeholder }) => {
       });
     }
     setProcessing(false);
-  }, [processing, automate, name, navigate, closeScreen]);
+  }, [processing, automate, name, navigate, closeScreen, allowInAppReview]);
 
   return (
     <NewActionWrapper

package/src/screens/Automate/EditActionsList/UpdateReceiverEmailScript.js

@@ -8,7 +8,7 @@ import { useTranslations } from '../../../hooks/Common/useTranslations';
 import BottomButtonView from '../../../commons/BottomButtonView';
 import { axiosPut, axiosGet } from '../../../utils/Apis/axios';
 import { API, Colors } from '../../../configs';
-import { ToastBottomHelper } from '../../../utils/Utils';
+import { ToastBottomHelper, shortEmailName } from '../../../utils/Utils';
 import Routes from '../../../utils/Route';
 import moment from 'moment';
 import CheckBox from '@react-native-community/checkbox';
@@ -110,8 +110,9 @@ const UpdateReceiverEmailScript = ({ route }) => {
     }, [share_id, id]);
 
     const firstWordsInName = useMemo(() => {
-      return name.charAt();
-    }, [name]);
+      const nameTemp = name || shortEmailName(email);
+      return nameTemp?.charAt() || '';
+    }, [email, name]);
 
     const circleColor = arrColor[index % arrColor.length];
 

package/src/screens/Automate/EditActionsList/UpdateReceiverSmsScript.js

@@ -8,7 +8,7 @@ import { useTranslations } from '../../../hooks/Common/useTranslations';
 import BottomButtonView from '../../../commons/BottomButtonView/index.js';
 import { axiosPut, axiosGet } from '../../../utils/Apis/axios.js';
 import { API, Colors } from '../../../configs/index.js';
-import { ToastBottomHelper } from '../../../utils/Utils.js';
+import { ToastBottomHelper, shortEmailName } from '../../../utils/Utils.js';
 import Routes from '../../../utils/Route/index.js';
 import moment from 'moment';
 import CheckBox from '@react-native-community/checkbox';
@@ -96,7 +96,7 @@ const UpdateReceiverSmsScript = ({ route }) => {
   );
 
   const RowMember = memo(({ member, index, onValueChange }) => {
-    const { id, name, avatar, share_id, phone_number } = member;
+    const { id, name, email, avatar, share_id, phone_number } = member;
     const [role, roleColor] = useMemo(() => {
       if (!share_id) {
         return [t('owner'), Colors.Primary];
@@ -108,8 +108,9 @@ const UpdateReceiverSmsScript = ({ route }) => {
     }, [share_id, id]);
 
     const firstWordsInName = useMemo(() => {
-      return name.charAt();
-    }, [name]);
+      const nameTemp = name || shortEmailName(email);
+      return nameTemp?.charAt() || '';
+    }, [email, name]);
 
     const circleColor = arrColor[index % arrColor.length];
 

package/src/screens/Automate/OneTap/__test__/AddNewOneTap.test.js

@@ -12,6 +12,18 @@ import api from '../../../../utils/Apis/axios';
 import Routes from '../../../../utils/Route';
 import AddNewOneTap from '../index';
 
+const mockAllowInAppReview = jest.fn();
+const mockAskReview = jest.fn();
+jest.mock('../../../../hooks/Review/useInAppReview', () => {
+  return {
+    __esModule: true,
+    default: jest.fn(() => ({
+      allowInAppReview: mockAllowInAppReview,
+      askReview: mockAskReview,
+    })),
+  };
+});
+
 const wrapComponent = (route) => {
   useRoute.mockReturnValue(route);
   return (
@@ -28,6 +40,8 @@ describe('test OneTap', () => {
   const mockedNavigate = useNavigation().navigate;
   beforeEach(() => {
     mockedNavigate.mockClear();
+    mockAllowInAppReview.mockClear();
+    mockAskReview.mockClear();
   });
 
   it('create OneTap success', async () => {
@@ -91,6 +105,8 @@ describe('test OneTap', () => {
         },
       },
     });
+    expect(mockAllowInAppReview).toHaveBeenCalled();
+    expect(mockAskReview).not.toHaveBeenCalled();
   });
 
   it('create OneTap fail', async () => {
@@ -116,6 +132,8 @@ describe('test OneTap', () => {
       await item[0].props.onPress();
     });
     expect(global.mockedNavigate).not.toHaveBeenCalled();
+    expect(mockAllowInAppReview).not.toHaveBeenCalled();
+    expect(mockAskReview).not.toHaveBeenCalled();
   });
 
   it('test onClose have automateId', async () => {

package/src/screens/Automate/ScriptDetail/Styles/indexStyles.js

@@ -53,7 +53,7 @@ export default StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
-    marginBottom: 7,
+    marginBottom: 16,
   },
   editButton: {
     height: 40,

package/src/screens/Automate/ScriptDetail/__test__/index.test.js

@@ -3,7 +3,7 @@ import { BackHandler, Platform } from 'react-native';
 import { create, act } from 'react-test-renderer';
 import Toast from 'react-native-toast-message';
 import { useNavigation } from '@react-navigation/native';
-import { Switch, TouchableOpacity } from 'react-native';
+import { TouchableOpacity } from 'react-native';
 import MockAdapter from 'axios-mock-adapter';
 
 import { SCProvider } from '../../../../context';
@@ -92,6 +92,7 @@ describe('Test ScriptDetail', () => {
           script: {
             name: 'name',
             enable: true,
+            enabled_notifications: true,
           },
         },
       },
@@ -920,7 +921,9 @@ describe('Test ScriptDetail', () => {
       tree = await create(wrapComponent(route));
     });
     const instance = tree.root;
-    const switchButton = instance.findByType(Switch);
+    const switchButton = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_SCRIPT,
+    });
     await act(async () => {
       await switchButton.props.onValueChange(false);
     });
@@ -939,6 +942,116 @@ describe('Test ScriptDetail', () => {
         el.type === TouchableOpacity
     );
     expect(buttonEditScript).toHaveLength(0);
+    expect(mock.history.post).toHaveLength(1);
+    expect(mock.history.post[0].url).toEqual(API.AUTOMATE.ENABLE_SCRIPT(1));
+  });
+
+  it('test press disable script false', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    mock.onPost(API.AUTOMATE.ENABLE_SCRIPT(1)).reply(400);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+    const instance = tree.root;
+    const switchButton = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_SCRIPT,
+    });
+    expect(switchButton.props.value).toBeTruthy();
+
+    await act(async () => {
+      await switchButton.props.onValueChange(false);
+    });
+    expect(switchButton.props.value).toBeTruthy();
+    const buttonAddScript = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.BUTTON_ADD_SCRIPT_ACTION &&
+        el.type === TouchableOpacity
+    );
+    expect(buttonAddScript).toHaveLength(1);
+
+    const buttonEditScript = instance.findAll(
+      (el) =>
+        el.props.accessibilityLabel ===
+          AccessibilityLabel.BUTTON_EDIT_SCRIPT_ACTION &&
+        el.type === TouchableOpacity
+    );
+    expect(buttonEditScript).toHaveLength(1);
+    expect(mock.history.post).toHaveLength(1);
+    expect(mock.history.post[0].url).toEqual(API.AUTOMATE.ENABLE_SCRIPT(1));
+  });
+
+  it('test enable notifications for script', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    mock.onPost(API.AUTOMATE.ENABLE_NOTIFICATIONS(1)).reply(200);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const enableNotificationsSwitch = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_NOTIFICATIONS_SCRIPT,
+    });
+    expect(enableNotificationsSwitch.props.value).toBeTruthy();
+
+    await act(async () => {
+      await enableNotificationsSwitch.props.onValueChange(false);
+    });
+    expect(enableNotificationsSwitch.props.value).toBeFalsy();
+    expect(mock.history.post).toHaveLength(1);
+    expect(mock.history.post[0].url).toEqual(
+      API.AUTOMATE.ENABLE_NOTIFICATIONS(1)
+    );
+  });
+
+  it('test enable notifications for script fail', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    mock.onPost(API.AUTOMATE.ENABLE_NOTIFICATIONS(1)).reply(400);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const enableNotificationsSwitch = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_NOTIFICATIONS_SCRIPT,
+    });
+    expect(enableNotificationsSwitch.props.value).toBeTruthy();
+
+    await act(async () => {
+      await enableNotificationsSwitch.props.onValueChange(false);
+    });
+    expect(enableNotificationsSwitch.props.value).toBeTruthy();
+    expect(mock.history.post).toHaveLength(1);
+    expect(mock.history.post[0].url).toEqual(
+      API.AUTOMATE.ENABLE_NOTIFICATIONS(1)
+    );
+  });
+
+  it('test hidden enable notifications switch when disable script', async () => {
+    mock.onGet(API.AUTOMATE.SCRIPT_ITEMS(1)).reply(200, data);
+    mock.onPost(API.AUTOMATE.ENABLE_SCRIPT(1)).reply(200, data);
+    await act(async () => {
+      tree = await create(wrapComponent(route));
+    });
+
+    const instance = tree.root;
+    const enableSwitch = instance.findByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_SCRIPT,
+    });
+    let enableNotificationsSwitchs = instance.findAllByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_NOTIFICATIONS_SCRIPT,
+    });
+    expect(enableSwitch.props.value).toBeTruthy();
+    expect(enableNotificationsSwitchs).toHaveLength(1);
+
+    await act(async () => {
+      await enableSwitch.props.onValueChange(false);
+    });
+    expect(enableSwitch.props.value).toBeFalsy();
+    enableNotificationsSwitchs = instance.findAllByProps({
+      accessibilityLabel: AccessibilityLabel.SWITCH_ENABLE_NOTIFICATIONS_SCRIPT,
+    });
+    expect(enableNotificationsSwitchs).toHaveLength(0);
   });
 
   it('test press add action reach limit', async () => {
@@ -1068,6 +1181,7 @@ describe('Test ScriptDetail', () => {
       script: {
         name: 'name',
         enable: true,
+        enabled_notifications: true,
       },
     };
     route.params = {

package/src/screens/Automate/ScriptDetail/index.js

@@ -108,10 +108,14 @@ const ScriptDetail = ({ route }) => {
     chip_local_control,
     is_local_control,
     chip_id_local_control,
+    enabled_notifications,
   } = script || {};
 
   const [local_control, setLocalControl] = useState({});
   const [enableScript, setEnableScript] = useState(enable);
+  const [enableNotificationsScript, setEnableNotificationsScript] = useState(
+    enabled_notifications
+  );
   const [listMenuItemCondition, setListMenuItemCondition] = useState([]);
   const [isShowAddCondition, setIsShowAddCondition] = useState(false);
   const permissions = useBackendPermission();
@@ -289,6 +293,7 @@ const ScriptDetail = ({ route }) => {
     if (success) {
       setAutomate(automateData);
       setEnableScript(automateData.script.enable);
+      setEnableNotificationsScript(automateData.script.enabled_notifications);
       setNeedAllCondition(automateData.is_need_all_conditions);
     }
   }, [automateId]);
@@ -330,7 +335,6 @@ const ScriptDetail = ({ route }) => {
 
   const onChangeSwitch = useCallback(
     async (checked) => {
-      setEnableScript(checked);
       const { success } = await axiosPost(
         API.AUTOMATE.ENABLE_SCRIPT(automateId),
         {
@@ -338,8 +342,24 @@ const ScriptDetail = ({ route }) => {
         }
       );
       if (success) {
-        ToastBottomHelper.success(t('update_successfully'));
         setEnableScript(checked);
+        ToastBottomHelper.success(t('update_successfully'));
+      }
+    },
+    [automateId, t]
+  );
+
+  const onChangeNotificationsSwitch = useCallback(
+    async (checked) => {
+      const { success } = await axiosPost(
+        API.AUTOMATE.ENABLE_NOTIFICATIONS(automateId),
+        {
+          enable: checked,
+        }
+      );
+      if (success) {
+        setEnableNotificationsScript(checked);
+        ToastBottomHelper.success(t('update_successfully'));
       }
     },
     [automateId, t]
@@ -680,7 +700,25 @@ const ScriptDetail = ({ route }) => {
               <Text type="H3" semibold>
                 {t('enable_this_script')}
               </Text>
-              <Switch value={enableScript} onValueChange={onChangeSwitch} />
+              <Switch
+                value={enableScript}
+                onValueChange={onChangeSwitch}
+                accessibilityLabel={AccessibilityLabel.SWITCH_ENABLE_SCRIPT}
+              />
+            </View>
+          )}
+          {!!enableScript && (
+            <View style={styles.row}>
+              <Text type="H3" semibold>
+                {t('enable_notifications_for_this_script')}
+              </Text>
+              <Switch
+                value={enableNotificationsScript}
+                onValueChange={onChangeNotificationsSwitch}
+                accessibilityLabel={
+                  AccessibilityLabel.SWITCH_ENABLE_NOTIFICATIONS_SCRIPT
+                }
+              />
             </View>
           )}
           {renderLocalControl}
@@ -955,7 +993,7 @@ const Item = ({ item, index, enableScript, t, local_control }) => {
       </View>
     );
   } else if (notify_script) {
-    const { title, message, unit_name } = notify_script;
+    const { title, message, unit_name, str_receivers } = notify_script;
     return (
       <View style={styles.wrapItem}>
         <View style={styles.leftItem}>
@@ -978,7 +1016,7 @@ const Item = ({ item, index, enableScript, t, local_control }) => {
             </View>
           </View>
           <Text numberOfLines={1} type="H4" color={color}>
-            {unit_name}
+            {`${unit_name}: ${str_receivers}`}
           </Text>
         </View>
       </View>
@@ -1008,7 +1046,7 @@ const Item = ({ item, index, enableScript, t, local_control }) => {
       </View>
     );
   } else if (email_script) {
-    const { title, message, str_emails } = email_script;
+    const { title, message, unit_name, str_emails } = email_script;
     return (
       <View style={styles.wrapItem}>
         <View style={styles.leftItem}>
@@ -1031,13 +1069,13 @@ const Item = ({ item, index, enableScript, t, local_control }) => {
             </View>
           </View>
           <Text numberOfLines={1} type="H4" color={color}>
-            {str_emails}
+            {`${unit_name}: ${str_emails}`}
           </Text>
         </View>
       </View>
     );
   } else if (sms_script) {
-    const { message, str_phone_numbers } = sms_script;
+    const { message, unit_name, str_phone_numbers } = sms_script;
     color = local_control.is_local_control ? color : Colors.Gray7;
     return (
       <View style={styles.wrapItem}>
@@ -1056,7 +1094,7 @@ const Item = ({ item, index, enableScript, t, local_control }) => {
                 {message}
               </Text>
               <Text numberOfLines={1} type="H4" color={color}>
-                {str_phone_numbers}
+                {`${unit_name}: ${str_phone_numbers}`}
               </Text>
             </View>
           </View>