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

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

@@ -10,11 +10,16 @@ import { PopoverMode } from 'react-native-popover-view';
 import { IconFill, IconOutline } from '@ant-design/icons-react-native';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 
-import { useIsFocused, useNavigation } from '@react-navigation/native';
+import {
+  CommonActions,
+  useIsFocused,
+  useNavigation,
+} from '@react-navigation/native';
 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';
@@ -35,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 { navigate, goBack } = useNavigation();
+  const { dispatch, navigate, goBack } = useNavigation();
   const { params = {} } = route;
   const refMenuAction = useRef();
   const { childRef, showingPopover, showPopoverWithRef, hidePopover } =
@@ -56,14 +63,16 @@ const ScriptDetail = ({ route }) => {
     preAutomate = {}, // pre-loaded automate data
     newActionsList, // updated actions list
     closeScreen,
+    automate: currentAutomate, // when edit and close
   } = params;
-  const [automate, setAutomate] = useState(preAutomate);
+  const [automate, setAutomate] = useState(currentAutomate || preAutomate);
   const isFocused = useIsFocused();
   const [data, setData] = useState([]);
   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,
@@ -74,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(() => {
@@ -92,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(
@@ -103,11 +159,13 @@ const ScriptDetail = ({ route }) => {
       ToastBottomHelper.error(t('this_script_has_been_disabled'));
       return;
     }
-    navigate(Routes.AddUnknownTypeSmart, {
+
+    // Reset stack and navigate to AddUnknownTypeSmart
+    handleNavigate(Routes.AddUnknownTypeSmart, {
       automate,
       closeScreen: route.name,
     });
-  }, [automate, can_edit, enableScript, navigate, route.name, t]);
+  }, [automate, can_edit, enableScript, route.name, t, handleNavigate]);
 
   const listMenuItem = useMemo(
     () => [
@@ -273,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
@@ -290,6 +425,7 @@ const ScriptDetail = ({ route }) => {
               <Switch value={enableScript} onValueChange={onChangeSwitch} />
             </View>
           )}
+          {renderLocalControl}
           <Text type="H3" semibold>
             {t('how_to_start')}
           </Text>
@@ -334,6 +470,7 @@ const ScriptDetail = ({ route }) => {
               index={index}
               enableScript={enableScript}
               t={t}
+              local_control={local_control}
             />
           ))}
           {!!can_edit && !!enableScript && (
@@ -378,6 +515,8 @@ const ScriptDetail = ({ route }) => {
         numberActionAdded={data.length}
         isVisible={isShowAddAction}
         setIsVisible={setIsShowAddAction}
+        type={type}
+        navigate={handleNavigate}
       />
       <RenameScript
         automate={automate}
@@ -390,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,
@@ -528,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/screens/SharedUnit/__test__/ShareUnit.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { create, act } from 'react-test-renderer';
-import { TouchableOpacity } from 'react-native';
+import { FlatList, RefreshControl, TouchableOpacity } from 'react-native';
 import Modal from 'react-native-modal';
 import MockAdapter from 'axios-mock-adapter';
 
@@ -67,4 +67,25 @@ describe('test SharedUnit', () => {
     });
     expect(tabHeader.props.textFilter).toEqual(t('text_latest_date'));
   });
+
+  it('should trigger refresh when pulling down', async () => {
+    mock
+      .onGet(API.UNIT.FILTER_SHARED_UNITS())
+      .reply(200, [{ id: 1, is_star: false, name: 'Unit 1' }]);
+
+    await act(async () => {
+      tree = await create(wrapComponent());
+    });
+
+    const instance = tree.root;
+    const flatList = instance.findByType(FlatList);
+
+    const refreshControl = flatList.findByType(RefreshControl);
+    expect(refreshControl.props.refreshing).toBe(false);
+
+    await act(async () => {
+      refreshControl.props.onRefresh();
+    });
+    expect(mock.history.get.length).toBeGreaterThan(0);
+  });
 });

package/src/screens/Sharing/UnitMemberList.js

@@ -46,7 +46,7 @@ const UnitMemberList = ({ route }) => {
       return;
     }
 
-    if (permissions?.max_members_per_unit <= dataMembers.length) {
+    if (permissions?.max_members_per_unit < dataMembers.length) {
       ToastBottomHelper.error(
         t('reach_max_members_per_unit', {
           length: permissions?.max_members_per_unit,

package/src/screens/Sharing/__test__/UnitMemberList.test.js

@@ -81,6 +81,16 @@ describe('test MemberList', () => {
   });
 
   it('add new member but reach limit', async () => {
+    const dataMember = [
+      {
+        id: 1,
+        name: 'owner',
+        avatar: 'https://image1.jpg',
+        phone_number: '0933123456',
+      },
+    ];
+    mockAxios.onGet(API.SHARE.UNITS_MEMBERS(1)).reply(200, dataMember);
+
     let tree;
     await act(async () => {
       tree = await create(

package/src/screens/Unit/__test__/Detail.test.js

@@ -59,7 +59,7 @@ describe('Test UnitDetail', () => {
 
   const detailUnitApiUrl = API.UNIT.UNIT_DETAIL(1);
   const summaryUnitApiUrl = API.UNIT.UNIT_SUMMARY(1);
-  const sensorStatusApiUrl = API.UNIT.SENSORS_STATUS(1);
+  const sensorStatusApiUrl = API.UNIT.END_DEVICES_STATUS(1);
   const getAutomates = API.UNIT.AUTOMATE(1);
 
   let tree;

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',