@abtnode/ux 1.16.27-beta-725ce3a6 → 1.16.27-beta-d1555a79

package/lib/blocklet/audit-logs.js

@@ -1,143 +1,131 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = WrappedAuditLogs;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _reactRouterDom = require("react-router-dom");
-var _reactMarkdownPreview = _interopRequireDefault(require("@uiw/react-markdown-preview"));
-var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _constant = require("@abtnode/constant");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Pagination = _interopRequireDefault(require("@mui/lab/Pagination"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
-var _auditLog = require("../contexts/audit-log");
-var _node = require("../contexts/node");
-var _relativeTime = _interopRequireDefault(require("../relative-time"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
 /* eslint-disable react/prop-types */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const getUserLink = _ref => {
-  let {
-    log,
-    info,
-    inService
-  } = _ref;
+import styled from '@emotion/styled';
+import { Link } from 'react-router-dom';
+import MarkdownPreview from '@uiw/react-markdown-preview';
+import DidAvatar from '@arcblock/did-connect/lib/Avatar';
+import Spinner from '@mui/material/CircularProgress';
+import Empty from '@arcblock/ux/lib/Empty';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { WELLKNOWN_BLOCKLET_ADMIN_PATH } from '@abtnode/constant';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Pagination from '@mui/lab/Pagination';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+import InputLabel from '@mui/material/InputLabel';
+import FormControl from '@mui/material/FormControl';
+import Tag from '@arcblock/ux/lib/Tag';
+import { useAuditLogContext, AuditLogProvider } from '../contexts/audit-log';
+import { useNodeContext } from '../contexts/node';
+import RelativeTime from '../relative-time';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const getUserLink = ({
+  log,
+  info,
+  inService
+}) => {
   if (inService) {
     // TODO
-    return "".concat(_constant.WELLKNOWN_BLOCKLET_ADMIN_PATH, "/members?did=").concat(log.actor.did);
+    return `${WELLKNOWN_BLOCKLET_ADMIN_PATH}/members?did=${log.actor.did}`;
   }
   if (log.scope === info.did) {
-    return "/team/members?did=".concat(log.actor.did);
+    return `/team/members?did=${log.actor.did}`;
   }
-  return "/blocklets/".concat(log.scope, "/members?did=").concat(log.actor.did);
+  return `/blocklets/${log.scope}/members?did=${log.actor.did}`;
 };
-function AuditLog(_ref2) {
-  var _log$env$os, _log$env$browser;
-  let {
-    log
-  } = _ref2;
+function AuditLog({
+  log
+}) {
   const {
     inService,
     info
-  } = (0, _node.useNodeContext)();
+  } = useNodeContext();
   const {
     showScope,
     scopeFormatter = x => x
-  } = (0, _auditLog.useAuditLogContext)();
+  } = useAuditLogContext();
   if (!log.actor.did) {
     return null;
   }
 
   // HACK: blocklet 类型会在存储前被强制置为 `''`，所以需要增加空字符串判断
   const isUser = !['blocklet', ''].includes(log.actor.role);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+  return /*#__PURE__*/_jsxs(Box, {
     className: "log-entry",
     "data-cy": "log-entry",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/_jsx("div", {
       className: "log-author",
-      children: isUser ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+      children: isUser ? /*#__PURE__*/_jsx(DidAvatar, {
         did: log.actor.did,
         size: 36,
         shape: "circle"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+      }) : /*#__PURE__*/_jsx(DidAvatar, {
         did: log.actor.did,
         size: 36
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    }), /*#__PURE__*/_jsxs("div", {
       className: "log-body",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+      children: [/*#__PURE__*/_jsxs(Typography, {
         className: "log-header",
         color: "textSecondary",
         component: "p",
         gutterBottom: true,
         display: "flex",
         alignItems: "center",
-        children: [showScope && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+        children: [showScope && /*#__PURE__*/_jsx(Link, {
           to: log.link,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+          children: /*#__PURE__*/_jsx(Tag, {
             style: {
               marginRight: 8
             },
             children: scopeFormatter(log.scope)
           })
-        }), isUser ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Link, {
+        }), isUser ? /*#__PURE__*/_jsxs(Link, {
           to: getUserLink({
             log,
             inService,
             info
           }),
           target: "_blank",
-          children: [log.actor.fullName, log.actor.role ? "(".concat(log.actor.role, ")") : '']
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-          children: [log.actor.fullName, log.actor.role ? "(".concat(log.actor.role, ")") : '']
-        }), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: [log.actor.fullName, log.actor.role ? `(${log.actor.role})` : '']
+        }) : /*#__PURE__*/_jsxs("span", {
+          children: [log.actor.fullName, log.actor.role ? `(${log.actor.role})` : '']
+        }), ' ', /*#__PURE__*/_jsx("span", {
           style: {
             margin: '0 4px'
           },
           children: "-"
         }), " ", log.action]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      }), /*#__PURE__*/_jsx(Typography, {
         className: "log-content",
         maxWidth: "lg",
         color: "textPrimary",
         component: "div",
         "data-color-mode": "light",
         gutterBottom: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdownPreview.default, {
+        children: /*#__PURE__*/_jsx(MarkdownPreview, {
           source: log.content,
           linkTarget: "_blank"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      }), /*#__PURE__*/_jsxs(Box, {
         className: "log-meta",
         variant: "body2",
-        children: [!!log.ip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        children: [!!log.ip && /*#__PURE__*/_jsx(Typography, {
           component: "span",
           color: "textSecondary",
-          children: "IP: ".concat(log.ip)
-        }), !!((_log$env$os = log.env.os) !== null && _log$env$os !== void 0 && _log$env$os.name) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+          children: `IP: ${log.ip}`
+        }), !!log.env.os?.name && /*#__PURE__*/_jsxs(Typography, {
           component: "span",
           color: "textSecondary",
           children: [log.env.os.name, "(", log.env.os.version, ")"]
-        }), !!((_log$env$browser = log.env.browser) !== null && _log$env$browser !== void 0 && _log$env$browser.name) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+        }), !!log.env.browser?.name && /*#__PURE__*/_jsxs(Typography, {
           component: "span",
           color: "textSecondary",
           children: [log.env.browser.name, "(", log.env.browser.version, ")"]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        }), /*#__PURE__*/_jsx(Typography, {
           component: "span",
           color: "textSecondary",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeTime.default, {
+          children: /*#__PURE__*/_jsx(RelativeTime, {
             value: log.createdAt
           })
         })]
@@ -148,7 +136,7 @@ function AuditLog(_ref2) {
 function AuditLogs() {
   const {
     t
-  } = (0, _context.useLocaleContext)();
+  } = useLocaleContext();
   const {
     data,
     loading,
@@ -157,50 +145,50 @@ function AuditLogs() {
     categories,
     setCategory,
     fetch
-  } = (0, _auditLog.useAuditLogContext)();
+  } = useAuditLogContext();
   if (loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    return /*#__PURE__*/_jsx("div", {
       style: {
         textAlign: 'center',
         marginTop: '50px'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+      children: /*#__PURE__*/_jsx(Spinner, {})
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
+  return /*#__PURE__*/_jsxs(Div, {
     "data-cy": "audit-logs",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+    children: [/*#__PURE__*/_jsx(Box, {
       className: "log-controls",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_FormControl.default, {
+      children: /*#__PURE__*/_jsxs(FormControl, {
         style: {
           width: '240px'
         },
         variant: "outlined",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, {
+        children: [/*#__PURE__*/_jsx(InputLabel, {
           children: t('common.filter')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
+        }), /*#__PURE__*/_jsx(Select, {
           "data-cy": "filter-by-category-trigger",
           value: filter.category,
           onChange: e => setCategory(e.target.value),
           fullWidth: true,
           label: t('common.category'),
           disabled: loading,
-          children: categories.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+          children: categories.map(x => /*#__PURE__*/_jsx(MenuItem, {
             value: x.value,
-            "data-cy": "filter-by-category-".concat(x.value),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            "data-cy": `filter-by-category-${x.value}`,
+            children: /*#__PURE__*/_jsx(Box, {
+              children: /*#__PURE__*/_jsx("span", {
                 children: x.label
               })
             })
           }, x.label))
         })]
       })
-    }), data.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+    }), data.length === 0 && /*#__PURE__*/_jsx(Empty, {
       children: t('common.empty')
-    }), data.length > 0 && data.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(AuditLog, {
+    }), data.length > 0 && data.map(x => /*#__PURE__*/_jsx(AuditLog, {
       log: x
-    }, x.id)), paging.pageCount > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.default, {
+    }, x.id)), paging.pageCount > 1 && /*#__PURE__*/_jsx(Pagination, {
       page: paging.page,
       count: paging.pageCount,
       onChange: (e, page) => fetch({
@@ -211,24 +199,77 @@ function AuditLogs() {
     })]
   });
 }
-function WrappedAuditLogs(_ref3) {
-  let {
-    scope,
-    categories,
-    showScope,
-    scopeFormatter
-  } = _ref3;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_auditLog.AuditLogProvider, {
+export default function WrappedAuditLogs({
+  scope,
+  categories,
+  showScope,
+  scopeFormatter
+}) {
+  return /*#__PURE__*/_jsx(AuditLogProvider, {
     scope: scope,
     categories: categories,
     showScope: showScope,
     scopeFormatter: scopeFormatter,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AuditLogs, {})
+    children: /*#__PURE__*/_jsx(AuditLogs, {})
   });
 }
-const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .log-controls {\n    display: flex;\n    justify-content: space-between;\n  }\n  .log-entry {\n    display: flex;\n    margin: 16px 0;\n\n    .log-author {\n      margin-right: 8px;\n    }\n\n    .log-body {\n      flex: 1;\n\n      a {\n        color: ", ";\n      }\n\n      .log-header {\n      }\n\n      .log-content {\n        p {\n          margin-bottom: 4px;\n        }\n        ul,\n        ol {\n          padding-left: 2rem;\n        }\n        li {\n          list-style-type: disc;\n        }\n        code.code-highlight {\n          max-height: 300px;\n          overflow: auto;\n        }\n      }\n\n      .log-meta {\n        margin-top: 4px;\n\n        span {\n          font-size: 0.8rem;\n          display: inline-block;\n          margin-right: 8px;\n          padding-right: 8px;\n          border-right: 1px solid #ccc;\n\n          &:last-of-type {\n            border-right: none;\n          }\n        }\n      }\n    }\n  }\n"])), _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.palette.primary.main;
-});
+const Div = styled.div`
+  .log-controls {
+    display: flex;
+    justify-content: space-between;
+  }
+  .log-entry {
+    display: flex;
+    margin: 16px 0;
+
+    .log-author {
+      margin-right: 8px;
+    }
+
+    .log-body {
+      flex: 1;
+
+      a {
+        color: ${({
+  theme
+}) => theme.palette.primary.main};
+      }
+
+      .log-header {
+      }
+
+      .log-content {
+        p {
+          margin-bottom: 4px;
+        }
+        ul,
+        ol {
+          padding-left: 2rem;
+        }
+        li {
+          list-style-type: disc;
+        }
+        code.code-highlight {
+          max-height: 300px;
+          overflow: auto;
+        }
+      }
+
+      .log-meta {
+        margin-top: 4px;
+
+        span {
+          font-size: 0.8rem;
+          display: inline-block;
+          margin-right: 8px;
+          padding-right: 8px;
+          border-right: 1px solid #ccc;
+
+          &:last-of-type {
+            border-right: none;
+          }
+        }
+      }
+    }
+  }
+`;

package/lib/blocklet/authentication/common-settings.js

@@ -1,63 +1,49 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CommonSettings;
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _reactHookForm = require("react-hook-form");
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _Slider = _interopRequireDefault(require("@mui/material/Slider"));
-var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
-var _ahooks = require("ahooks");
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _constant = require("@abtnode/constant");
-var _blocklet = require("../../contexts/blocklet");
-var _node = require("../../contexts/node");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : 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); }
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Box from '@mui/material/Box';
+import { Controller, useForm } from 'react-hook-form';
+import Button from '@mui/material/Button';
+import FormControl from '@mui/material/FormControl';
+import Slider from '@mui/material/Slider';
+import Stack from '@mui/material/Stack';
+import Toast from '@arcblock/ux/lib/Toast';
+import { useMemoizedFn } from 'ahooks';
+import pick from 'lodash/pick';
+import { SESSION_TTL } from '@abtnode/constant';
+import { useBlockletContext } from '../../contexts/blocklet';
+import { useNodeContext } from '../../contexts/node';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const defaultForm = {
-  ttl: _constant.SESSION_TTL
+  ttl: SESSION_TTL
 };
-function fixTtl(data) {
-  let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+function fixTtl(data, reverse = false) {
   const ttl = reverse ? data.ttl * 86400 : data.ttl / 86400;
-  return _objectSpread(_objectSpread({}, data), {}, {
+  return {
+    ...data,
     ttl
-  });
+  };
 }
-function CommonSettings() {
-  var _blocklet$meta, _blocklet$settings;
+export default function CommonSettings() {
   const {
     api
-  } = (0, _node.useNodeContext)();
+  } = useNodeContext();
   const {
     blocklet
-  } = (0, _blocklet.useBlockletContext)();
-  const did = blocklet === null || blocklet === void 0 || (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did;
-  const sessionSettings = Object.assign({}, defaultForm, (blocklet === null || blocklet === void 0 || (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.session) || {});
+  } = useBlockletContext();
+  const did = blocklet?.meta?.did;
+  const sessionSettings = Object.assign({}, defaultForm, blocklet?.settings?.session || {});
   const {
     handleSubmit,
     control,
     formState,
     reset
-  } = (0, _reactHookForm.useForm)({
-    defaultValues: (0, _pick.default)(fixTtl(sessionSettings), ['ttl'])
+  } = useForm({
+    defaultValues: pick(fixTtl(sessionSettings), ['ttl'])
   });
   const {
     t
-  } = (0, _context.useLocaleContext)();
-  const onSubmit = (0, _ahooks.useMemoizedFn)(async data => {
+  } = useLocaleContext();
+  const onSubmit = useMemoizedFn(async data => {
     try {
-      var _blockletChanged$sett;
       const {
         blocklet: blockletChanged
       } = await api.updateAppSessionConfig({
@@ -66,78 +52,76 @@ function CommonSettings() {
           config: fixTtl(data, true)
         }
       });
-      const defaultValues = Object.assign({}, defaultForm, (0, _pick.default)((blockletChanged === null || blockletChanged === void 0 || (_blockletChanged$sett = blockletChanged.settings) === null || _blockletChanged$sett === void 0 ? void 0 : _blockletChanged$sett.session) || {}, ['ttl']));
+      const defaultValues = Object.assign({}, defaultForm, pick(blockletChanged?.settings?.session || {}, ['ttl']));
       // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
       reset(fixTtl(defaultValues));
-      _Toast.default.success(t('common.configSuccess'));
+      Toast.success(t('common.configSuccess'));
     } catch (err) {
-      _Toast.default.error(err.message);
+      Toast.error(err.message);
     }
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+  return /*#__PURE__*/_jsx(Box, {
+    children: /*#__PURE__*/_jsxs("form", {
       onSubmit: handleSubmit(onSubmit),
       disabled: true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
+      children: [/*#__PURE__*/_jsx(Controller, {
         name: "ttl",
         control: control,
-        render: _ref => {
-          let {
-            field
-          } = _ref;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControl.default, {
-            fullWidth: true,
-            sx: {
-              mb: 2
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-              px: 3,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                mx: -3,
-                my: 0.5,
-                children: t('blocklet.config.session.ttl', {
-                  day: field.value
+        render: ({
+          field
+        }) => /*#__PURE__*/_jsx(FormControl, {
+          fullWidth: true,
+          sx: {
+            mb: 2
+          },
+          children: /*#__PURE__*/_jsxs(Stack, {
+            px: 3,
+            children: [/*#__PURE__*/_jsx(Box, {
+              mx: -3,
+              my: 0.5,
+              children: t('blocklet.config.session.ttl', {
+                day: field.value
+              })
+            }), /*#__PURE__*/_jsx(Slider, {
+              ...field,
+              defaultValue: 7,
+              step: 1,
+              marks: [{
+                value: 1,
+                label: t('blocklet.config.session.day', {
+                  day: 1
                 })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Slider.default, _objectSpread(_objectSpread({}, field), {}, {
-                defaultValue: 7,
-                step: 1,
-                marks: [{
-                  value: 1,
-                  label: t('blocklet.config.session.day', {
-                    day: 1
-                  })
-                }, {
-                  value: 7,
-                  label: t('blocklet.config.session.days', {
-                    day: 7
-                  })
-                }, {
-                  value: 14,
-                  label: t('blocklet.config.session.days', {
-                    day: 14
-                  })
-                }, {
-                  value: 21,
-                  label: t('blocklet.config.session.days', {
-                    day: 21
-                  })
-                }, {
-                  value: 30,
-                  label: t('blocklet.config.session.days', {
-                    day: 30
-                  })
-                }],
-                min: 1,
-                max: 30,
-                valueLabelDisplay: "auto",
-                style: {
-                  maxWidth: '360px'
-                }
-              }))]
-            })
-          });
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+              }, {
+                value: 7,
+                label: t('blocklet.config.session.days', {
+                  day: 7
+                })
+              }, {
+                value: 14,
+                label: t('blocklet.config.session.days', {
+                  day: 14
+                })
+              }, {
+                value: 21,
+                label: t('blocklet.config.session.days', {
+                  day: 21
+                })
+              }, {
+                value: 30,
+                label: t('blocklet.config.session.days', {
+                  day: 30
+                })
+              }],
+              min: 1,
+              max: 30,
+              valueLabelDisplay: "auto",
+              style: {
+                maxWidth: '360px'
+              }
+            })]
+          })
+        })
+      }), /*#__PURE__*/_jsx(Button, {
         type: "submit",
         variant: "contained",
         onSubmit: handleSubmit(onSubmit),