@abtnode/ux 1.16.25-beta-e3dbef52 → 1.16.25-beta-44800645

package/es/locales/th.js

@@ -687,7 +687,9 @@ export default {
       installResourceHelp: 'เอกสารช่วยเหลือ',
       componentIncluded: 'รวมอยู่ใน',
       componentForceRequired: 'บังคับต้องการ'
-    }
+    },
+    titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
+    descriptionValidationError: 'ความยาวคำอธิบายต้องอยู่ระหว่าง 3 ถึง 160 ตัวอักษร.'
   },
   dashboard: {
     nodeDid: 'โหนด',
@@ -1037,7 +1039,11 @@ export default {
         pathPrefixTip: "หากคุณตั้งค่าคำนำหน้าเป็น '/my-prefix' จะทำให้คำขอที่ตั้งต้นด้วยคำนำหน้าเหล่านั้นจะถูกส่งมายังบล็อกเลตที่กำหนด",
         blocklet: 'Blocklet ไหนจะดูแลการร้องขอเหล่านั้น?',
         port: 'พอร์ตของบล็อกเล็ตใดที่จะรับผิดชอบการร้องขอ?',
-        portTip: 'นี่คือค่าพื้นฐานของพอร์ตหลักของ blocklet ถ้า blocklet ของคุณฟังถึงพอร์ตหลายๆพอร์ต คุณสามารถปรับแต่งได้'
+        portTip: 'นี่คือค่าพื้นฐานของพอร์ตหลักของ blocklet ถ้า blocklet ของคุณฟังถึงพอร์ตหลายๆพอร์ต คุณสามารถปรับแต่งได้',
+        responseType: 'ประเภทการตอบกลับ',
+        responseBody: 'เนื้อหาการตอบกลับ',
+        responseBodyTip: 'วางเนื้อหาการตอบสนองของคุณที่นี่ ต้องไม่เกิน 4096 อักขระ',
+        responseBodyRequired: 'เนื้อหาการตอบกลับต้องไม่เป็นค่าว่าง'
       },
       delete: {
         title: 'ลบการแมปลิงก์ URL',
@@ -1189,7 +1195,10 @@ export default {
         url: 'URL ที่กำหนดเอง',
         slack: 'Slack Webhook',
         tested: 'ส่งข้อความทดสอบแล้ว'
-      }
+      },
+      activeUserSessions: 'เซสชันผู้ใช้ที่ใช้งานอยู่',
+      forceLogout: 'ออกจากระบบบังคับ',
+      forceLogoutDescription: 'ยืนยันให้ออกจากระบบผู้ใช้นี้หรือไม่?'
     },
     transferNode: {
       name: 'โอนสิทธิ์การเป็นเจ้าของ',

package/es/locales/vi.js

@@ -687,7 +687,9 @@ export default {
       installResourceHelp: 'Tài liệu giúp đỡ',
       componentIncluded: 'Bao gồm',
       componentForceRequired: 'Bắt Buộc Yêu Cầu'
-    }
+    },
+    titleValidationError: 'Độ dài tiêu đề phải ít nhất 3 ký tự',
+    descriptionValidationError: 'Chiều dài mô tả phải từ 3 đến 160 ký tự.'
   },
   dashboard: {
     nodeDid: 'Nút',
@@ -1037,7 +1039,11 @@ export default {
         pathPrefixTip: "Nếu bạn đặt tiền tố là '/tiền-tố-của-tôi', thì tất cả các yêu cầu bắt đầu bằng tiền tố đó sẽ được định tuyến đến khối đã được cấu hình",
         blocklet: 'Blocklet nào sẽ xử lý những yêu cầu đó?',
         port: 'Cổng nào của blocklet sẽ xử lý các yêu cầu?',
-        portTip: 'Mặc định là cổng chính của blocklet, nếu blocklet của bạn lắng nghe trên nhiều cổng, bạn có thể tùy chỉnh điều này'
+        portTip: 'Mặc định là cổng chính của blocklet, nếu blocklet của bạn lắng nghe trên nhiều cổng, bạn có thể tùy chỉnh điều này',
+        responseType: 'Loại phản hồi',
+        responseBody: 'Nội dung phản hồi',
+        responseBodyTip: 'Dán nội dung đáp ứng của bạn vào đây, không vượt quá 4096 ký tự',
+        responseBodyRequired: 'Nội dung phản hồi không thể trống'
       },
       delete: {
         title: 'Xóa Liên kết URL',
@@ -1189,7 +1195,10 @@ export default {
         url: 'URL tùy chỉnh',
         slack: 'Slack Webhook',
         tested: 'Tin nhắn kiểm tra đã được gửi'
-      }
+      },
+      activeUserSessions: 'Phiên người dùng hoạt động',
+      forceLogout: 'Đăng xuất bắt buộc',
+      forceLogoutDescription: 'Xác nhận đăng xuất buộc người dùng này?'
     },
     transferNode: {
       name: 'Chuyển quyền sở hữu',

package/es/locales/zh-tw.js

@@ -687,7 +687,9 @@ export default {
       installResourceHelp: '幫助文件',
       componentIncluded: '已包含',
       componentForceRequired: '強制要求'
-    }
+    },
+    titleValidationError: '標題長度必須至少為3到40個字符',
+    descriptionValidationError: '描述長度必須介於3到160個字符之間'
   },
   dashboard: {
     nodeDid: '節點',
@@ -1037,7 +1039,11 @@ export default {
         pathPrefixTip: "如果您將前綴設置為'/my-prefix'，則所有以該前綴開頭的請求將被路由到配置的區塊",
         blocklet: '哪一個Blocklet將處理這些請求？',
         port: '區塊上的哪個埠將處理請求？',
-        portTip: '這預設為 blocklet 的主要埠口，如果您的 blocklet 監聽多個埠口，您可以自訂這個'
+        portTip: '這預設為 blocklet 的主要埠口，如果您的 blocklet 監聽多個埠口，您可以自訂這個',
+        responseType: '回應類型',
+        responseBody: '回應內容',
+        responseBodyTip: '請將您的回覆內容貼上此處，不得超過4096個字元',
+        responseBodyRequired: '回應內容不能為空'
       },
       delete: {
         title: '刪除URL映射',
@@ -1189,7 +1195,10 @@ export default {
         url: '客製網址',
         slack: 'Slack Webhook',
         tested: '測試訊息已發送'
-      }
+      },
+      activeUserSessions: '活躍用戶會話',
+      forceLogout: '強制登出',
+      forceLogoutDescription: '確認是否強制登出此使用者？'
     },
     transferNode: {
       name: '轉讓所有權',

package/es/locales/zh.js

@@ -690,7 +690,9 @@ export default {
         noDescription: '请填写 Blocklet 描述',
         noNote: '请填写 发布说明'
       }
-    }
+    },
+    titleValidationError: '标题长度必须至少为3到40个字符',
+    descriptionValidationError: '描述长度必须在3到160个字符之间'
   },
   dashboard: {
     nodeDid: '节点地址',
@@ -1041,7 +1043,11 @@ export default {
         pathPrefixTip: "如果你填写了 '/prefix'，那么所有以其为前缀的请求都会被转发到配置的基石程序",
         blocklet: '把请求代理到哪个服务？',
         port: '把请求代理到哪个端口？',
-        portTip: '这里的默认值是应用默认监听的端口，如果你的应用会启用多个端口，你可以根据需要自定义'
+        portTip: '这里的默认值是应用默认监听的端口，如果你的应用会启用多个端口，你可以根据需要自定义',
+        responseType: '回应类型',
+        responseBody: '响应内容',
+        responseBodyTip: '请将您的回复内容粘贴在这里，不要超过4096个字符',
+        responseBodyRequired: '响应内容不能为空'
       },
       delete: {
         title: '删除规则',
@@ -1193,7 +1199,10 @@ export default {
         url: '自定义 URL',
         slack: 'Slack 通知',
         tested: '测试消息已经发送'
-      }
+      },
+      activeUserSessions: '活跃用户会话',
+      forceLogout: '强制注销',
+      forceLogoutDescription: '确认是否强制退出此用户？'
     },
     transferNode: {
       name: '转移所有者',

package/es/team/members/actions.js

@@ -2,33 +2,66 @@ import { useState, useContext } from 'react';
 import PropTypes from 'prop-types';
 import MenuItem from '@mui/material/MenuItem';
 import AddIcon from '@mui/icons-material/Add';
+import LogoutIcon from '@mui/icons-material/Logout';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import ListItemText from '@mui/material/ListItemText';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import ForbidLoginIcon from '@arcblock/icons/lib/ForbidLoginIcon';
 import AllowLoginIcon from '@arcblock/icons/lib/AllowLoginIcon';
 import { getWalletDid } from '@blocklet/meta/lib/did-utils';
+import { useConfirm } from '@arcblock/ux/lib/Dialog';
+import { useMemoizedFn } from 'ahooks';
+import pAll from 'p-all';
 import { useTeamContext } from '../../contexts/team';
 import Actions from '../../actions';
 import IssuePassport from './issue-passport';
 import ToggleUserApproval from './toggle-user-approval';
+import { useNodeContext } from '../../contexts/node';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function MemberActions({
+  type,
   user,
-  onIssuePassport
+  onIssuePassport,
+  onRefresh
 }) {
   const {
     teamDid,
     roles
   } = useTeamContext();
+  const {
+    confirmHolder,
+    confirmApi
+  } = useConfirm();
   const {
     t
   } = useContext(LocaleContext);
   const [enablePassportIssuance, setEnablePassportIssuance] = useState(false);
+  const {
+    api
+  } = useNodeContext();
+  const logoutUser = useMemoizedFn(async () => {
+    const {
+      userSessions = []
+    } = user;
+    const list = userSessions.map(x => {
+      return () => api.logoutUser({
+        input: {
+          teamDid,
+          appPid: teamDid,
+          userDid: user.did,
+          visitorId: x.visitorId
+        }
+      });
+    });
+    await pAll(list, {
+      concurrency: 3,
+      stopOnError: false
+    });
+  });
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Actions, {
+    children: [confirmHolder, /*#__PURE__*/_jsx(Actions, {
       "data-cy": "member-actions",
       actions: [{
         icon: /*#__PURE__*/_jsx(AddIcon, {
@@ -66,7 +99,27 @@ export default function MemberActions({
             primary: user.approved ? t('team.member.forbidLogin') : t('team.member.allowLogin')
           })]
         })
-      }, "toggle-approval")]
+      }, "toggle-approval"), type === 'blocklet' && {
+        icon: /*#__PURE__*/_jsx(LogoutIcon, {
+          fontSize: "small"
+        }),
+        text: t('team.member.forceLogout'),
+        onClick: e => {
+          e.stopPropagation();
+          confirmApi.open({
+            title: t('team.member.forceLogout'),
+            content: t('team.member.forceLogoutDescription'),
+            confirmButtonText: t('common.confirm'),
+            cancelButtonText: t('common.cancel'),
+            onClick: event => event.stopPropagation(),
+            onConfirm: async () => {
+              await logoutUser();
+              await confirmApi.close();
+              onRefresh();
+            }
+          });
+        }
+      }].filter(Boolean)
     }), enablePassportIssuance && /*#__PURE__*/_jsx(IssuePassport, {
       teamDid: teamDid,
       ownerDid: user.did,
@@ -81,9 +134,12 @@ export default function MemberActions({
   });
 }
 MemberActions.propTypes = {
+  type: PropTypes.oneOf(['server', 'blocklet']).isRequired,
   user: PropTypes.object.isRequired,
-  onIssuePassport: PropTypes.func
+  onIssuePassport: PropTypes.func,
+  onRefresh: PropTypes.func
 };
 MemberActions.defaultProps = {
-  onIssuePassport: () => {}
+  onIssuePassport: () => {},
+  onRefresh: () => {}
 };

package/es/team/members/index.js

@@ -1,17 +1,15 @@
 /* eslint-disable react/no-unstable-nested-components */
 /* eslint-disable jsx-a11y/aria-role */
-import { useContext, useState, useEffect } from 'react';
+import { useContext, useState, useEffect, useRef } from 'react';
 import styled from '@emotion/styled';
 import isEmpty from 'lodash/isEmpty';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import Dialog from '@arcblock/ux/lib/Dialog';
-import Tooltip from '@mui/material/Tooltip';
-import Box from '@mui/material/Box';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Checkbox from '@mui/material/Checkbox';
+import { Badge, IconButton, Tooltip, Checkbox, Box, FormControlLabel } from '@mui/material';
+import Dialog, { useConfirm } from '@arcblock/ux/lib/Dialog';
 import AddIcon from '@mui/icons-material/Add';
 import LoopIcon from '@mui/icons-material/Loop';
+import ViewListIcon from '@mui/icons-material/ViewList';
 import Avatar from '@arcblock/did-connect/lib/Avatar';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Button from '@arcblock/ux/lib/Button';
@@ -20,11 +18,12 @@ import ExternalIssuerIcon from '@arcblock/icons/lib/ExternalIssuerIcon';
 import { getTextColor } from '@abtnode/auth/lib/util/create-passport-svg';
 import Datatable, { getDurableData } from '@arcblock/ux/lib/Datatable';
 import RelativeTime from '@arcblock/ux/lib/RelativeTime';
+import Toast from '@arcblock/ux/lib/Toast';
 import { USER_TYPE } from '@abtnode/constant';
 import { TeamEvents } from '@blocklet/constant';
 import useUrlState from '@ahooksjs/use-url-state';
-import { useMount } from 'ahooks';
-import Toast from '@arcblock/ux/lib/Toast';
+import { useMemoizedFn, useMount } from 'ahooks';
+import { UserSessions } from '@blocklet/ui-react';
 import Tag from '../../tag';
 import DidAddress from '../../did-address';
 import { useNodeContext } from '../../contexts/node';
@@ -116,6 +115,29 @@ export default function MemberList({
   type,
   createPassportSvg
 }) {
+  const {
+    confirmApi,
+    confirmHolder
+  } = useConfirm({
+    sx: {
+      '.MuiDialog-paper': {
+        borderRadius: 2,
+        maxWidth: 1000
+      },
+      '.ux-dialog_title': {
+        fontWeight: 600
+      },
+      '.ux-dialog_closeButton': {
+        p: 1
+      },
+      '.MuiDialogActions-root': {
+        display: {
+          xs: 'none',
+          md: 'flex'
+        }
+      }
+    }
+  });
   const {
     appIdList = []
   } = useBlockletContext();
@@ -188,7 +210,8 @@ export default function MemberList({
   });
   const getUsers = () => {
     const query = {
-      includeTags: true
+      includeTags: true,
+      includeUserSessions: type === 'blocklet'
     };
     if (search.hideBlocked) {
       query.approved = true;
@@ -245,6 +268,21 @@ export default function MemberList({
   useSubscription(TeamEvents.userUpdated, handleUserChange, [search]);
   useSubscription(TeamEvents.userAdded, handleUserChange, [search]);
   const isInvitationEnabled = enablePassportIssuance;
+  const openUserSessions = useMemoizedFn(user => {
+    confirmApi.open({
+      title: 'User Sessions',
+      content: /*#__PURE__*/_jsx(UserSessions, {
+        user: user,
+        showAction: false,
+        showUser: false
+      }),
+      onConfirm() {
+        confirmApi.close();
+      },
+      confirmButtonText: t('common.close'),
+      showCancelButton: false
+    });
+  });
   const columns = [{
     label: t('common.name'),
     name: 'fullName',
@@ -310,6 +348,32 @@ export default function MemberList({
         return providerName;
       }
     }
+  }, type === 'blocklet' && {
+    label: t('team.member.activeUserSessions'),
+    name: 'userSessions',
+    options: {
+      customBodyRenderLite: rowIndex => {
+        const user = users[rowIndex];
+        return /*#__PURE__*/_jsx(IconButton, {
+          onClick: e => {
+            e.stopPropagation();
+            openUserSessions(user);
+          },
+          children: /*#__PURE__*/_jsx(Badge, {
+            badgeContent: user?.userSessions?.length,
+            color: user?.userSessions?.length > 0 ? 'primary' : 'default',
+            sx: user?.userSessions?.length > 0 ? {} : {
+              '.MuiBadge-badge': {
+                backgroundColor: 'grey',
+                color: 'white'
+              }
+            },
+            showZero: true,
+            children: /*#__PURE__*/_jsx(ViewListIcon, {})
+          })
+        });
+      }
+    }
   }, {
     label: t('common.actions'),
     name: '',
@@ -323,16 +387,20 @@ export default function MemberList({
           permission: inService ? '' : 'mutate_team',
           role: inService ? BlockletAdminRoles : [],
           children: /*#__PURE__*/_jsx(Actions, {
+            type: type,
             user: x,
             onIssuePassport: () => setMemberDialog({
               ...x,
               initTab: 'issuances'
+            }),
+            onRefresh: () => handleUserChange({
+              teamDid
             })
           })
         });
       }
     }
-  }];
+  }].filter(Boolean);
   const customButtons = [];
   if (isInvitationEnabled) {
     customButtons.push( /*#__PURE__*/_jsxs(Button, {
@@ -440,17 +508,20 @@ export default function MemberList({
       }));
     }
   };
+  const datatableRef = useRef(null);
   const tableOptions = {
     sort: false,
     download: false,
     filter: false,
     print: false,
     expandableRowsOnClick: true,
-    onRowClick(e, {
+    onRowClick(row, {
       dataIndex
-    }) {
-      const x = users[dataIndex];
-      setMemberDialog(x);
+    }, e) {
+      if (datatableRef.current?.contains(e.target)) {
+        const x = users[dataIndex];
+        setMemberDialog(x);
+      }
     },
     page: search.page - 1,
     rowsPerPage: search.pageSize,
@@ -458,7 +529,7 @@ export default function MemberList({
     searchDebounceTime: 600
   };
   return /*#__PURE__*/_jsxs(Div, {
-    children: [/*#__PURE__*/_jsxs(Box, {
+    children: [confirmHolder, /*#__PURE__*/_jsxs(Box, {
       className: "main",
       display: "flex",
       sx: {
@@ -483,6 +554,7 @@ export default function MemberList({
           }, x.name))
         })
       }), /*#__PURE__*/_jsx("div", {
+        ref: datatableRef,
         className: "right",
         children: /*#__PURE__*/_jsx(Datatable, {
           className: "main-table",

package/lib/actions.js

@@ -66,7 +66,9 @@ function Actions(_ref) {
       keepMounted: true,
       open: open,
       onClose: onClose,
-      PaperProps: {},
+      slotProps: {
+        paper: {}
+      },
       children: actions.map((action, index) => {
         if (typeof action === 'function') {
           return action({

package/lib/blocklet/actions.js

@@ -342,13 +342,17 @@ function BlockletActions(_ref) {
     name: t('common.restart'),
     handler: createHandler('restart', node.api.restartBlocklet, true),
     disabled: disableStart || blocklet.status !== 'running'
-  }, {
-    action: 'reload',
-    icon: _icons.default.Reload,
-    name: t('common.reload'),
-    handler: createHandler('reload', node.api.reloadBlocklet),
-    disabled: disableStart || blocklet.status !== 'running'
-  }, (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
+  },
+  // hidden reload: https://github.com/ArcBlock/blocklet-server/issues/8655
+  // {
+  //   action: 'reload',
+  //   icon: Icons.Reload,
+  //   name: t('common.reload'),
+  //   handler: createHandler('reload', node.api.reloadBlocklet),
+  //   disabled: disableStart || blocklet.status !== 'running',
+  // },
+
+  (0, _util2.isDownloading)(blocklet.status) ? cancelDownloadAction : removeAction, {
     separator: true
   }, {
     onlyInMenu: true,

package/lib/blocklet/router/action/add-rule.js

@@ -78,6 +78,13 @@ function AddRule(_ref) {
       if (params.type === _constant.ROUTING_RULE_TYPES.GENERAL_REWRITE) {
         rule.to.url = (0, _urlPathFriendly.default)(params.url);
       }
+      if (params.type === _constant.ROUTING_RULE_TYPES.DIRECT_RESPONSE) {
+        rule.to.response = {
+          status: 200,
+          contentType: params.responseType,
+          body: params.responseBody
+        };
+      }
       await api.addRoutingRule({
         input: {
           id: siteId,
@@ -143,6 +150,9 @@ function AddRule(_ref) {
             if (params.type === _constant.ROUTING_RULE_TYPES.GENERAL_REWRITE && !params.url) {
               disable = true;
             }
+            if (params.type === _constant.ROUTING_RULE_TYPES.DIRECT_RESPONSE && (!params.responseType || !params.responseBody)) {
+              disable = true;
+            }
             if (!e.target.value.trim()) {
               disable = true;
               setError(t('router.validation.pathPrefixRequired'));
@@ -175,6 +185,8 @@ function AddRule(_ref) {
       componentId: '',
       pageGroup: '',
       redirectCode: 302,
+      responseType: 'text/plain',
+      responseBody: '',
       __disableConfirm: true
     },
     onConfirm,

package/lib/blocklet/router/action/config-routing-rule.js

@@ -204,17 +204,63 @@ function ConfigRoutingRule(_ref) {
         marginBottom: 32
       },
       onChange: e => {
+        const value = e.target.value.trim();
         setParams(_objectSpread(_objectSpread({}, params), {}, {
           url: e.target.value,
-          __disableConfirm: !e.target.value.trim()
+          __disableConfirm: !value
         }));
-        if (!e.target.value.trim()) {
+        if (!value) {
           setError(t('router.validation.rewriteUrlRequired'));
         } else {
           setError('');
         }
       }
-    }, "url")]
+    }, "url"), params.type === _constant.ROUTING_RULE_TYPES.DIRECT_RESPONSE && [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      select: true,
+      label: t('router.rule.add.responseType'),
+      autoComplete: "off",
+      variant: "outlined",
+      name: "responseType",
+      fullWidth: true,
+      value: params.responseType,
+      onChange: e => setParams(_objectSpread(_objectSpread({}, params), {}, {
+        responseType: e.target.value
+      })),
+      style: {
+        marginBottom: 32
+      },
+      SelectProps: {},
+      children: _constant.ROUTING_RESPONSE_TYPES.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+        value: x.value,
+        children: x.text
+      }, x.value))
+    }, "responseType"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      label: t('router.rule.add.responseBody'),
+      autoComplete: "off",
+      variant: "outlined",
+      name: "responseBody",
+      "data-cy": "response-body-input",
+      fullWidth: true,
+      multiline: true,
+      minRows: 3,
+      value: params.responseBody,
+      helperText: t('router.rule.add.responseBodyTip'),
+      style: {
+        marginBottom: 32
+      },
+      onChange: e => {
+        const value = e.target.value.trim();
+        setParams(_objectSpread(_objectSpread({}, params), {}, {
+          responseBody: e.target.value,
+          __disableConfirm: !value
+        }));
+        if (!value) {
+          setError(t('router.rule.add.responseBodyRequired'));
+        } else {
+          setError('');
+        }
+      }
+    }, "response-body")]]
   });
 }
 ConfigRoutingRule.propTypes = {
@@ -234,6 +280,9 @@ ConfigRoutingRule.defaultProps = {
   }, {
     name: 'Rewrite - Route traffic without redirect',
     value: _constant.ROUTING_RULE_TYPES.GENERAL_REWRITE
+  }, {
+    name: 'Response - Response with provided content',
+    value: _constant.ROUTING_RULE_TYPES.DIRECT_RESPONSE
   }, {
     name: 'Component - Pass traffic to blocklet component',
     value: _constant.ROUTING_RULE_TYPES.COMPONENT

package/lib/blocklet/router/action/update-rule.js

@@ -29,6 +29,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function UpdateRule(_ref) {
+  var _to$response, _to$response2;
   let {
     id: ruleId,
     from,
@@ -81,6 +82,13 @@ function UpdateRule(_ref) {
       if (params.type === _constant.ROUTING_RULE_TYPES.GENERAL_REWRITE) {
         rule.to.url = (0, _urlPathFriendly.default)(params.url);
       }
+      if (params.type === _constant.ROUTING_RULE_TYPES.DIRECT_RESPONSE) {
+        rule.to.response = {
+          status: 200,
+          contentType: params.responseType,
+          body: params.responseBody
+        };
+      }
       await api.updateRoutingRule({
         input: {
           id: siteId,
@@ -135,6 +143,9 @@ function UpdateRule(_ref) {
             if (params.type === _constant.ROUTING_RULE_TYPES.GENERAL_REWRITE && !params.url) {
               disable = true;
             }
+            if (params.type === _constant.ROUTING_RULE_TYPES.DIRECT_RESPONSE && (!params.responseType || !params.responseBody)) {
+              disable = true;
+            }
             if (!e.target.value.trim()) {
               disable = true;
               setError(t('router.validation.pathPrefixRequired'));
@@ -169,6 +180,8 @@ function UpdateRule(_ref) {
       componentId: to.componentId || '',
       pageGroup: to.pageGroup || '',
       url: to.url || '',
+      responseType: ((_to$response = to.response) === null || _to$response === void 0 ? void 0 : _to$response.contentType) || '',
+      responseBody: (((_to$response2 = to.response) === null || _to$response2 === void 0 ? void 0 : _to$response2.body) || '').replace(/\\"/g, '"'),
       __disableConfirm: false
     },
     onConfirm,