@eohjsc/react-native-smart-city 0.7.15 → 0.7.16

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

@@ -111,6 +111,34 @@ describe('Test ScriptDetail', () => {
     };
   });
 
+  const expectMockedDispatch = (screen, screenParams) => {
+    const mockState = {
+      routes: [{ name: 'Home' }],
+    };
+    const updatedState = mockedDispatch.mock.calls[0][0](mockState);
+    expect(updatedState).toEqual({
+      type: 'RESET',
+      payload: {
+        index: 2,
+        routes: [
+          {
+            name: 'Home',
+          },
+          {
+            name: Routes.ScriptDetail,
+            params: route.params,
+          },
+          {
+            name: screen,
+            params: screenParams,
+          },
+        ],
+      },
+    });
+    expect(mockedDispatch).toHaveBeenCalledTimes(1);
+    mockedDispatch.mockClear();
+  };
+
   it('test rename script', async () => {
     await act(async () => {
       tree = await create(wrapComponent(route));
@@ -370,56 +398,41 @@ describe('Test ScriptDetail', () => {
           AccessibilityLabel.AUTOMATE_LIST_SCRIPT_ACTION &&
         el.type === TouchableOpacity
     );
-    expect(listScriptActions).toHaveLength(4);
+    expect(listScriptActions).toHaveLength(5);
     await act(async () => {
       await listScriptActions[0].props.onPress();
     });
 
-    expect(global.mockedNavigate).toHaveBeenCalledWith(
-      Routes.SelectControlDevices,
-      {
-        unitId: route.params.preAutomate.unit,
-        automateId: route.params.preAutomate.id,
-        numberActionCanAdd: 2,
-        closeScreen: undefined,
-        routeName: null,
-      }
-    );
-    mockedNavigate.mockClear();
+    expectMockedDispatch(Routes.SelectControlDevices, {
+      unitId: route.params.preAutomate.unit,
+      automateId: route.params.preAutomate.id,
+      numberActionCanAdd: 2,
+      closeScreen: undefined,
+      routeName: null,
+    });
     await act(async () => {
       await listScriptActions[1].props.onPress();
     });
 
-    expect(global.mockedNavigate).toHaveBeenCalledWith(
-      Routes.SetupScriptNotify,
-      {
-        automate: route.params.preAutomate,
-        unitId: route.params.preAutomate.unit,
-      }
-    );
-    mockedNavigate.mockClear();
+    expectMockedDispatch(Routes.SetupScriptNotify, {
+      automate: route.params.preAutomate,
+      unitId: route.params.preAutomate.unit,
+    });
     await act(async () => {
       await listScriptActions[2].props.onPress();
     });
 
-    expect(global.mockedNavigate).toHaveBeenCalledWith(
-      Routes.SetupScriptDelay,
-      {
-        automate: route.params.preAutomate,
-      }
-    );
-    mockedNavigate.mockClear();
+    expectMockedDispatch(Routes.SetupScriptDelay, {
+      automate: route.params.preAutomate,
+    });
     await act(async () => {
       await listScriptActions[3].props.onPress();
     });
 
-    expect(global.mockedNavigate).toHaveBeenCalledWith(
-      Routes.SetupScriptEmail,
-      {
-        automate: route.params.preAutomate,
-        unitId: route.params.preAutomate.unit,
-      }
-    );
+    expectMockedDispatch(Routes.SetupScriptEmail, {
+      automate: route.params.preAutomate,
+      unitId: route.params.preAutomate.unit,
+    });
   });
 
   it('test press disable script', async () => {

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

@@ -19,6 +19,7 @@ import Add from '../../../../assets/images/Add.svg';
 import Delay from '../../../../assets/images/Delay.svg';
 import Notify from '../../../../assets/images/Notify.svg';
 import Email from '../../../../assets/images/Email.svg';
+import Sms from '../../../../assets/images/Sms.svg';
 import IconComponent from '../../../commons/IconComponent';
 import MenuActionMore from '../../../commons/MenuActionMore';
 import WrapHeaderScrollable from '../../../commons/Sharing/WrapHeaderScrollable';
@@ -39,6 +40,8 @@ import RenameScript from './Components/RenameScript';
 import { useStarredScript } from './hooks/useStarredScript';
 import styles from './Styles/indexStyles';
 import ItemConditionScriptDetail from '../../../commons/Automate/ItemConditionScriptDetail';
+import { ModalCustom } from '../../../commons/Modal';
+import { Card } from '../../../commons/CardShadow';
 
 const PreventDoubleTouch = withPreventDoubleClick(TouchableOpacity);
 
@@ -68,7 +71,8 @@ const ScriptDetail = ({ route }) => {
   const [isShowRename, setIsShowRename] = useState(false);
   const [isShowDelete, setIsShowDelete] = useState(false);
   const [isShowAddAction, setIsShowAddAction] = useState(false);
-
+  const [isShowLocalControl, setIsShowLocalControl] = useState(false);
+  const [listChipShared, setListChipShared] = useState([]);
   const {
     script,
     type,
@@ -79,7 +83,18 @@ const ScriptDetail = ({ route }) => {
     value_change,
   } = automate;
   const { end_device_id, unit_id } = value_change || {};
-  const { enable } = script || {};
+  const {
+    enable,
+    chip_local_control,
+    is_local_control,
+    chip_id_local_control,
+  } = script || {};
+
+  const [local_control, setLocalControl] = useState({
+    is_local_control,
+    chip_local_control,
+    chip_id_local_control,
+  });
   const [enableScript, setEnableScript] = useState(enable);
   const refMenuAction1 = useRef();
   const onShowActivityLog = useCallback(() => {
@@ -97,6 +112,42 @@ const ScriptDetail = ({ route }) => {
     });
   }, [navigate, automateId, type, unit]);
 
+  const handleNavigate = useCallback(
+    (screen, screenParams) => {
+      dispatch((state) => {
+        const index = state.routes.findIndex((r) => r.name === closeScreen);
+        let routes = [];
+        if (!closeScreen) {
+          routes = state.routes;
+        } else if (index >= 0) {
+          routes = state.routes.slice(0, index + 1);
+        }
+        const hasScriptDetail = routes.some(
+          (r) => r.name === Routes.ScriptDetail
+        );
+
+        if (!hasScriptDetail) {
+          routes.push({
+            name: Routes.ScriptDetail,
+            params: route.params,
+          });
+        }
+
+        routes.push({
+          name: screen,
+          params: screenParams,
+        });
+
+        return CommonActions.reset({
+          ...state,
+          routes: routes,
+          index: routes.length - 1,
+        });
+      });
+    },
+    [closeScreen, dispatch, route.params]
+  );
+
   const handleUpdateAutomate = useCallback(async () => {
     if (!can_edit) {
       ToastBottomHelper.error(
@@ -110,40 +161,11 @@ const ScriptDetail = ({ route }) => {
     }
 
     // Reset stack and navigate to AddUnknownTypeSmart
-    dispatch((state) => {
-      const index = state.routes.findIndex((r) => r.name === closeScreen);
-      let routes = [];
-      if (!closeScreen) {
-        routes = state.routes;
-      } else if (index >= 0) {
-        routes = state.routes.slice(0, index + 1);
-      }
-      const hasScriptDetail = routes.some(
-        (r) => r.name === Routes.ScriptDetail
-      );
-
-      if (!hasScriptDetail) {
-        routes.push({
-          name: Routes.ScriptDetail,
-          params: route.params,
-        });
-      }
-
-      routes.push({
-        name: Routes.AddUnknownTypeSmart,
-        params: {
-          automate,
-          closeScreen: route.name,
-        },
-      });
-
-      return CommonActions.reset({
-        ...state,
-        routes: routes,
-        index: routes.length - 1,
-      });
+    handleNavigate(Routes.AddUnknownTypeSmart, {
+      automate,
+      closeScreen: route.name,
     });
-  }, [automate, can_edit, closeScreen, enableScript, dispatch, route, t]);
+  }, [automate, can_edit, enableScript, route.name, t, handleNavigate]);
 
   const listMenuItem = useMemo(
     () => [
@@ -309,6 +331,83 @@ const ScriptDetail = ({ route }) => {
     showPopoverWithRef1(refMenuAction1);
   }, [showPopoverWithRef1, refMenuAction1]);
 
+  const onCloseLocalControl = () => setIsShowLocalControl(false);
+
+  const fetchChipShared = useCallback(async () => {
+    const { success, data: listChip } = await axiosGet(
+      API.DEV_MODE.GATEWAY.SHARED(),
+      {
+        unit: unit_id,
+      },
+      true
+    );
+    if (success) {
+      setListChipShared(listChip);
+    }
+  }, [unit_id]);
+
+  const onShowLocalControl = useCallback(async () => {
+    setIsShowLocalControl(true);
+  }, []);
+
+  useEffect(() => {
+    fetchChipShared();
+  }, [fetchChipShared]);
+
+  const onPressSelectChip = useCallback(
+    async (enable_local_control, item) => {
+      const { success } = await axiosPost(
+        API.AUTOMATE.ENABLE_LOCAL_CONTROL(automateId),
+        {
+          is_local_control: enable_local_control,
+          chip_local_control: item.id,
+        }
+      );
+      setIsShowLocalControl(false);
+      if (success) {
+        setLocalControl({
+          is_local_control: enable_local_control,
+          chip_local_control: item.name,
+          chip_id_local_control: item.id,
+        });
+      }
+    },
+    [automateId]
+  );
+
+  const renderLocalControl = useMemo(() => {
+    if (!!can_edit && type !== AUTOMATE_TYPE.ONE_TAP) {
+      return (
+        <View style={styles.row}>
+          <Text type="H3" semibold style={styles.width40}>
+            {t('local_control')}
+          </Text>
+          <Card style={styles.card}>
+            <TouchableOpacity
+              style={styles.localControl}
+              onPress={onShowLocalControl}
+            >
+              <Text numberOfLines={1}>
+                {local_control.is_local_control
+                  ? local_control.chip_local_control
+                  : t('disable')}
+              </Text>
+
+              <IconOutline name="down" size={15} style={styles.marginLeft5} />
+            </TouchableOpacity>
+          </Card>
+        </View>
+      );
+    }
+  }, [
+    can_edit,
+    local_control.chip_local_control,
+    local_control.is_local_control,
+    onShowLocalControl,
+    t,
+    type,
+  ]);
+
   return (
     <View style={styles.wrap}>
       <WrapHeaderScrollable
@@ -326,6 +425,7 @@ const ScriptDetail = ({ route }) => {
               <Switch value={enableScript} onValueChange={onChangeSwitch} />
             </View>
           )}
+          {renderLocalControl}
           <Text type="H3" semibold>
             {t('how_to_start')}
           </Text>
@@ -370,6 +470,7 @@ const ScriptDetail = ({ route }) => {
               index={index}
               enableScript={enableScript}
               t={t}
+              local_control={local_control}
             />
           ))}
           {!!can_edit && !!enableScript && (
@@ -414,6 +515,8 @@ const ScriptDetail = ({ route }) => {
         numberActionAdded={data.length}
         isVisible={isShowAddAction}
         setIsVisible={setIsShowAddAction}
+        type={type}
+        navigate={handleNavigate}
       />
       <RenameScript
         automate={automate}
@@ -426,14 +529,60 @@ const ScriptDetail = ({ route }) => {
         setIsVisible={setIsShowDelete}
         isVisible={isShowDelete}
       />
+      <ModalCustom
+        isVisible={isShowLocalControl}
+        onBackButtonPress={onCloseLocalControl}
+        onBackdropPress={onCloseLocalControl}
+      >
+        <View style={styles.popoverStyle}>
+          <TouchableOpacity
+            style={styles.textDisable}
+            onPress={() => {
+              onPressSelectChip(false, {
+                id: local_control.chip_id_local_control,
+                name: local_control.chip_local_control,
+              });
+            }}
+          >
+            <Text>{t('disable')}</Text>
+            {!local_control.is_local_control && (
+              <IconOutline style={styles.checked} name={'check'} size={20} />
+            )}
+          </TouchableOpacity>
+          {listChipShared.map((item) => (
+            <TouchableOpacity
+              style={styles.listChip}
+              onPress={() => {
+                onPressSelectChip(true, item);
+              }}
+            >
+              <Text>{item.name}</Text>
+              {local_control.chip_id_local_control === item.id &&
+                local_control.is_local_control && (
+                  <IconOutline
+                    style={styles.checked}
+                    name={'check'}
+                    size={20}
+                  />
+                )}
+            </TouchableOpacity>
+          ))}
+        </View>
+      </ModalCustom>
     </View>
   );
 };
 
-const Item = ({ item, index, enableScript, t }) => {
-  const color = enableScript ? Colors.Gray9 : Colors.Gray7;
+const Item = ({ item, index, enableScript, t, local_control }) => {
+  let color = enableScript ? Colors.Gray9 : Colors.Gray7;
   const paddedIndex = (index + 1).toString().padStart(2, '0');
-  const { action_script, notify_script, delay_script, email_script } = item;
+  const {
+    action_script,
+    notify_script,
+    delay_script,
+    email_script,
+    sms_script,
+  } = item;
   if (action_script) {
     const {
       sensor_icon_kit,
@@ -564,6 +713,38 @@ const Item = ({ item, index, enableScript, t }) => {
         </View>
       </View>
     );
+  } else if (sms_script) {
+    const { message, str_phone_numbers } = sms_script;
+    color = local_control.is_local_control ? color : Colors.Gray7;
+    return (
+      <View style={styles.wrapItem}>
+        <View style={styles.leftItem}>
+          <Text color={color} type="H4" semibold>
+            {paddedIndex}
+          </Text>
+        </View>
+        <View style={styles.rightItem}>
+          <View style={styles.insideItemRight}>
+            <View style={styles.iconEndDevice}>
+              <Sms />
+            </View>
+            <View style={styles.contentItem}>
+              <Text numberOfLines={1} type="H4" color={color} semibold>
+                {message}
+              </Text>
+              <Text numberOfLines={1} type="H4" color={color}>
+                {str_phone_numbers}
+              </Text>
+            </View>
+          </View>
+          {!local_control.is_local_control && (
+            <Text numberOfLines={1} type="H4" color={Colors.Red}>
+              {t('only_in_local_control')}
+            </Text>
+          )}
+        </View>
+      </View>
+    );
   }
 };
 

package/src/utils/I18n/translations/en.js

@@ -727,10 +727,13 @@ export default {
   update_title_notification: 'Update title',
   update_message_notification: 'Update warning content',
   email_content: 'E-mail content',
+  sms_content: 'SMS content',
   email_to: 'E-mail to',
+  sms_to: 'SMS to',
   subject: 'Subject',
   message: 'Message...',
   no_email: 'No email address',
+  no_phone_number: 'No phone number',
   update_title_email: 'Update title',
   update_message_email: 'Update warning content',
   update_action: 'Update action',
@@ -1068,9 +1071,16 @@ export default {
   automate: 'Automate',
   smart: 'Smart',
   enable_this_script: 'Enable this script',
+  local_control: 'Local control',
+  choose_gateway: 'Choose gateway',
   this_script_has_been_disabled: 'This script has been disabled',
+  disable: 'Disable',
   control_device: 'Control device',
   send_email: 'Send e-mail',
+  sms_alarm: 'SMS Alarm',
+  message_sms:
+    'Warning content: "There is a fire alarm from the 1st floor, please check."',
+  only_in_local_control: 'Operates only in local control mode',
   send_app_notification: 'Send app notification',
   delay_the_action: 'Delay the action',
   email_the_action: 'Send e-mail',

package/src/utils/I18n/translations/vi.js

@@ -750,10 +750,13 @@ export default {
   update_title_notification: 'Cập nhật tiêu đề',
   update_message_notification: 'Cập nhật nội dung cảnh báo',
   email_content: 'Nội dung E-mail',
+  sms_content: 'Nội dung SMS',
   email_to: 'Gửi E-mail tới',
+  sms_to: 'SMS tới',
   subject: 'Tiêu đè',
   message: 'Tin nhắn...',
   no_email: 'Không có địa chỉ email',
+  no_phone_number: 'Không có số điện thoại',
   update_action: 'Cập nhật hành động',
   updated_action_order: 'Đã cập nhật thứ tự hành động',
   message_notification:
@@ -1078,9 +1081,16 @@ export default {
   automate: 'Tự động',
   smart: 'Thông minh',
   enable_this_script: 'Kích hoạt kịch bản này',
+  local_control: 'Điều khiển cục bộ',
+  choose_gateway: 'Chọn gateway',
   this_script_has_been_disabled: 'Kịch bản này đã bị vô hiệu hoá',
+  disable: 'Vô hiệu hóa',
   control_device: 'Thiết bị điều khiển',
   send_email: 'Gửi e-mail',
+  sms_alarm: 'Cảnh báo SMS',
+  message_sms:
+    'Nội dung cảnh báo: “Đang có tín hiệu báo cháy từ lầu 1, vui lòng kiểm tra.”',
+  only_in_local_control: 'Chỉ hoạt động ở chế độ điều khiển cục bộ',
   send_app_notification: 'Gửi thông báo qua ứng dụng',
   delay_the_action: 'Trì hoãn hành động',
   wait: 'Chờ đợi',

package/src/utils/Route/index.js

@@ -139,8 +139,11 @@ const Routes = {
   SetupScriptNotify: 'SetupScriptNotify',
   SetupScriptDelay: 'SetupScriptDelay',
   SetupScriptEmail: 'SetupScriptEmail',
+  SetupScriptSms: 'SetupScriptSms',
   SetupScriptReceiverEmail: 'SetupScriptReceiverEmail',
   UpdateReceiverEmailScript: 'UpdateReceiverEmailScript',
+  SetupScriptReceiverSms: 'SetupScriptReceiverSms',
+  UpdateReceiverSmsScript: 'UpdateReceiverSmsScript',
   ScenarioName: 'ScenarioName',
   ValueChangeName: 'ValueChangeName',
   AllCamera: 'AllCamera',