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

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,11 +40,13 @@ 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);
 
 const ScriptDetail = ({ route }) => {
-  const { dispatch, navigate, goBack } = useNavigation();
+  const { dispatch, navigate, goBack, getState } = useNavigation();
   const { params = {} } = route;
   const refMenuAction = useRef();
   const { childRef, showingPopover, showPopoverWithRef, hidePopover } =
@@ -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,20 +112,9 @@ const ScriptDetail = ({ route }) => {
     });
   }, [navigate, automateId, type, unit]);
 
-  const handleUpdateAutomate = useCallback(async () => {
-    if (!can_edit) {
-      ToastBottomHelper.error(
-        t('only_owner_has_permission_to_edit_this_script')
-      );
-      return;
-    }
-    if (!enableScript) {
-      ToastBottomHelper.error(t('this_script_has_been_disabled'));
-      return;
-    }
-
-    // Reset stack and navigate to AddUnknownTypeSmart
-    dispatch((state) => {
+  const handleNavigate = useCallback(
+    (screen, screenParams) => {
+      const state = getState();
       const index = state.routes.findIndex((r) => r.name === closeScreen);
       let routes = [];
       if (!closeScreen) {
@@ -130,20 +134,41 @@ const ScriptDetail = ({ route }) => {
       }
 
       routes.push({
-        name: Routes.AddUnknownTypeSmart,
-        params: {
-          automate,
-          closeScreen: route.name,
-        },
+        name: screen,
+        params: screenParams,
       });
 
-      return CommonActions.reset({
-        ...state,
-        routes: routes,
-        index: routes.length - 1,
-      });
+      setTimeout(() => {
+        dispatch(
+          CommonActions.reset({
+            routes: routes,
+            index: routes.length - 1,
+          })
+        );
+      }, 500); // Workaround: Fix crash on iOS when resetting the stack with dispatch.
+      // Delay added to ensure navigation state updates before dispatching reset.
+    },
+    [closeScreen, dispatch, getState, route.params]
+  );
+
+  const handleUpdateAutomate = useCallback(async () => {
+    if (!can_edit) {
+      ToastBottomHelper.error(
+        t('only_owner_has_permission_to_edit_this_script')
+      );
+      return;
+    }
+    if (!enableScript) {
+      ToastBottomHelper.error(t('this_script_has_been_disabled'));
+      return;
+    }
+
+    // Reset stack and navigate to AddUnknownTypeSmart
+    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(
     () => [
@@ -245,7 +270,10 @@ const ScriptDetail = ({ route }) => {
       closeScreen === Routes.MultiUnits ||
       closeScreen === Routes.Automate
     ) {
-      navigate(closeScreen, {});
+      navigate({
+        name: closeScreen,
+        merge: true,
+      });
     } else {
       goBack();
     }
@@ -309,6 +337,90 @@ 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) => {
+      if (!item.id) {
+        setIsShowLocalControl(false);
+        return;
+      }
+      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.width50}>
+            {t('local_control')}
+          </Text>
+          <Card style={styles.card}>
+            <TouchableOpacity
+              style={styles.localControl}
+              onPress={onShowLocalControl}
+              accessibilityLabel={
+                AccessibilityLabel.AUTOMATE_SHOW_LOCAL_CONTROL
+              }
+            >
+              <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 +438,7 @@ const ScriptDetail = ({ route }) => {
               <Switch value={enableScript} onValueChange={onChangeSwitch} />
             </View>
           )}
+          {renderLocalControl}
           <Text type="H3" semibold>
             {t('how_to_start')}
           </Text>
@@ -370,6 +483,7 @@ const ScriptDetail = ({ route }) => {
               index={index}
               enableScript={enableScript}
               t={t}
+              local_control={local_control}
             />
           ))}
           {!!can_edit && !!enableScript && (
@@ -414,6 +528,8 @@ const ScriptDetail = ({ route }) => {
         numberActionAdded={data.length}
         isVisible={isShowAddAction}
         setIsVisible={setIsShowAddAction}
+        type={type}
+        navigate={handleNavigate}
       />
       <RenameScript
         automate={automate}
@@ -426,14 +542,68 @@ const ScriptDetail = ({ route }) => {
         setIsVisible={setIsShowDelete}
         isVisible={isShowDelete}
       />
+      <ModalCustom
+        isVisible={isShowLocalControl}
+        onBackButtonPress={onCloseLocalControl}
+        onBackdropPress={onCloseLocalControl}
+      >
+        <View key={'localControl'} style={styles.popoverStyle}>
+          <TouchableOpacity
+            style={styles.textDisable}
+            key={'listChip'}
+            onPress={() => {
+              onPressSelectChip(false, {
+                id: local_control.chip_id_local_control,
+                name: local_control.chip_local_control,
+              });
+            }}
+            accessibilityLabel={
+              AccessibilityLabel.AUTOMATE_DISABLE_LOCAL_CONTROL
+            }
+          >
+            <Text>{t('disable')}</Text>
+            {!local_control.is_local_control && (
+              <IconOutline style={styles.checked} name={'check'} size={20} />
+            )}
+          </TouchableOpacity>
+          {listChipShared.map((item, index) => (
+            <TouchableOpacity
+              key={'listChip' + index} // Add key fix warning
+              style={styles.listChip}
+              onPress={() => {
+                onPressSelectChip(true, item);
+              }}
+              accessibilityLabel={
+                AccessibilityLabel.AUTOMATE_ENABLE_LOCAL_CONTROL
+              }
+            >
+              <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 +734,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 tại biên',
+  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 tại biên',
   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',