@abtnode/ux 1.16.20-beta-e363262e → 1.16.20-beta-bb1cd034

package/es/blocklet/notification/email.js

@@ -1,14 +1,16 @@
-import { Box, Button, FormControl, FormControlLabel, Switch, TextField } from '@mui/material';
+import { Box, FormControl, FormControlLabel, Switch, TextField } from '@mui/material';
 import pick from 'lodash/pick';
-import { useMemoizedFn } from 'ahooks';
+import { useMemoizedFn, useReactive } from 'ahooks';
 import { Controller, useForm } from 'react-hook-form';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
+import Button from '@arcblock/ux/lib/Button';
 import isEmail from 'validator/lib/isEmail';
 import isURL from 'validator/lib/isURL';
 import isPort from 'validator/lib/isPort';
 import { useNodeContext } from '../../contexts/node';
 import { useBlockletContext } from '../../contexts/blocklet';
+import useConfirm from '../../hooks/confirm';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const defaultFormValues = {
@@ -30,6 +32,10 @@ function NotificationEmail() {
   const {
     t
   } = useLocaleContext();
+  const {
+    confirmApi,
+    confirmHolder
+  } = useConfirm();
   const did = blocklet?.meta?.did;
   const config = Object.assign({
     ...defaultFormValues
@@ -43,8 +49,12 @@ function NotificationEmail() {
   } = useForm({
     defaultValues: pick(config, Object.keys(defaultFormValues))
   });
+  const pageState = useReactive({
+    testReceiver: '',
+    testReceiverError: ''
+  });
   const enabled = watch('enabled');
-  const onSubmit = useMemoizedFn(async data => {
+  const onSubmit = useMemoizedFn(async (data, event, showNotification = true) => {
     try {
       const {
         blocklet: blockletChanged
@@ -61,11 +71,79 @@ function NotificationEmail() {
       }, blockletChanged?.settings?.notification?.email || {});
       // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
       reset(defaultValues);
-      Toast.success(t('oauth.saveSuccess'));
+      if (showNotification) {
+        Toast.success(t('oauth.saveSuccess'));
+      }
     } catch (err) {
-      Toast.error(err.message || t('oauth.saveFailed'));
+      if (showNotification) {
+        Toast.error(err.message || t('oauth.saveFailed'));
+      } else {
+        throw err;
+      }
     }
   });
+  const onTestEmail = useMemoizedFn(async (data, event, receiver) => {
+    try {
+      // HACK: 如果当前数据有修改，则需要先保存配置，才能测试
+      if (formState.isDirty) {
+        await onSubmit(data, event, false);
+      }
+      await api.sendEmail({
+        input: {
+          did,
+          receiver,
+          email: JSON.stringify({
+            body: 'Your SMTP configuration is correct!',
+            title: 'Test email',
+            type: 'notification'
+          })
+        }
+      });
+      Toast.success(t('notification.email.testSuccess'));
+    } catch (err) {
+      Toast.error(err.message || t('notification.email.testfailed'));
+    }
+  });
+  const showTestEmailModal = useMemoizedFn((data, event) => {
+    pageState.testReceiver = '';
+    pageState.testReceiverError = '';
+    confirmApi.open({
+      title: t('notification.email.testSendEmail'),
+      // eslint-disable-next-line react/no-unstable-nested-components
+      content: () => {
+        return /*#__PURE__*/_jsx(Box, {
+          sx: {
+            width: '300px'
+          },
+          children: /*#__PURE__*/_jsx(TextField, {
+            fullWidth: true,
+            name: "testReceiver",
+            label: t('notification.email.inputTestReceiver'),
+            value: pageState.testReceiver,
+            onChange: e => {
+              pageState.testReceiver = e.target.value;
+            },
+            error: !!pageState.testReceiverError,
+            helperText: pageState.testReceiverError || '　'
+          })
+        });
+      },
+      async onConfirm(close) {
+        const receiverEmail = pageState.testReceiver?.trim();
+        if (!receiverEmail) {
+          pageState.testReceiverError = t('notification.email.receiverRequired');
+          return;
+        }
+        if (!isEmail(receiverEmail)) {
+          pageState.testReceiverError = t('notification.email.receiverInvalid');
+          return;
+        }
+        pageState.testReceiverError = '';
+        await onTestEmail(data, event, receiverEmail);
+        close();
+      }
+    });
+  });
   const validateFrom = useMemoizedFn(value => {
     const val = value?.trim();
     if (!val) {
@@ -111,8 +189,8 @@ function NotificationEmail() {
     return true;
   });
   const noop = useMemoizedFn(() => true);
-  return /*#__PURE__*/_jsx(Box, {
-    children: /*#__PURE__*/_jsxs("form", {
+  return /*#__PURE__*/_jsxs(Box, {
+    children: [/*#__PURE__*/_jsxs("form", {
       onSubmit: handleSubmit(onSubmit),
       disabled: true,
       children: [/*#__PURE__*/_jsx(Controller, {
@@ -244,14 +322,22 @@ function NotificationEmail() {
             }
           })
         })
+      }), /*#__PURE__*/_jsx(Button, {
+        variant: "outlined",
+        color: "warning",
+        onClick: handleSubmit(showTestEmailModal),
+        sx: {
+          mr: 2
+        },
+        disabled: !enabled,
+        children: t('oauth.runTest')
       }), /*#__PURE__*/_jsx(Button, {
         type: "submit",
         variant: "contained",
-        onSubmit: handleSubmit(onSubmit),
         disabled: !formState.isDirty,
         children: t('oauth.save')
       })]
-    })
+    }), confirmHolder]
   });
 }
 export default NotificationEmail;

package/es/hooks/confirm.js

@@ -74,7 +74,7 @@ const ConfirmHolder = /*#__PURE__*/forwardRef((props, ref) => {
         color: 'primary'
       }
     },
-    children: state.content
+    children: state.content instanceof Function ? state.content() : state.content
   });
 });
 export default function useConfirm() {

package/es/locales/en.js

@@ -850,14 +850,33 @@ export default {
       password: 'SMTP server user password',
       fromRequired: 'Email sender is required',
       fromInvalid: 'Email sender is invalid',
+      receiverRequired: 'Email receiver is required',
+      receiverInvalid: 'Email receiver is invalid',
       hostRequired: 'SMTP server host is required',
       hostInvalid: 'SMTP server host is invalid',
       portRequired: 'SMTP server port is required',
       portInvalid: 'SMTP server port is invalid, port should be between 1 and 65535',
       userRequired: 'SMTP server username is required',
-      passwordRequired: 'SMTP server user password is required'
+      passwordRequired: 'SMTP server user password is required',
+      testSuccess: 'Test email send successfully',
+      testFailed: 'Test email send failed',
+      testReceiver: 'Email receiver',
+      testSendEmail: 'Test email send',
+      inputTestReceiver: 'Please input test receiver email',
+      disable: 'Unsubscribe email notification',
+      disableDescription: 'After unsubscribe, you will no longer receive email notifications. To receive email notifications, you can subscribe it again on this page.',
+      unsubscribe: 'Unsubscribe email notification',
+      unsubscribeDescription: 'After unsubscribe, you will no longer receive any email notifications.',
+      subscribe: 'subscribe',
+      subscribeDescription: 'To receive email notifications, you can subscribe it again on settings page.'
     },
-    comingSoon: 'More notification channel are under construction'
+    comingSoon: 'More notification channel are under construction',
+    unsubscribe: 'Unsubscribe',
+    unsubscribeSucceed: 'Unsubscribe succeeded',
+    unsubscribeFailed: 'Unsubscribe failed',
+    unsubscribeTokenRequired: 'Unsubscribe token in required',
+    unsubscribeTokenExpired: 'Unsubscribe token is expired',
+    unsubscribeTokenInvalid: 'Unsubscribe token is invalid'
   },
   router: {
     routerSetting: 'Domains & URLs',
@@ -1269,7 +1288,8 @@ export default {
       issueBy: 'Issue by {name}',
       configColor: 'Config Passport Color',
       configColorTip: 'Customize the color of the passport',
-      color: 'Passport Color'
+      color: 'Passport Color',
+      description: 'Use this passport to connect {teamName} as {title}'
     },
     inviting: {
       link: 'Invite Link',
@@ -1591,7 +1611,8 @@ export default {
     },
     comingSoon: 'More login methods are under construction',
     moreLogin: 'More Login',
-    federated: 'Federated Login'
+    federated: 'Federated Login',
+    runTest: 'Test'
   },
   expiration: {
     mobile: {

package/es/locales/zh.js

@@ -853,14 +853,33 @@ export default {
       password: 'SMTP 服务用户密码',
       fromRequired: '请输入发件人邮箱',
       fromInvalid: '发件人邮箱格式不正确',
+      receiverRequired: '请输入收件人邮箱',
+      receiverInvalid: '收件人邮箱格式不正确',
       hostRequired: '请输入 SMTP 服务地址',
       hostInvalid: '请输入 SMTP 服务地址格式不正确',
       portRequired: '请输入 SMTP 服务端口',
       portInvalid: '请输入 SMTP 服务端口，端口号应该在 0-65535 之间',
       userRequired: '请输入 SMTP 服务用户名',
-      passwordRequired: '请输入 SMTP 服务用户密码'
+      passwordRequired: '请输入 SMTP 服务用户密码',
+      testSuccess: '测试邮件发送成功',
+      testFailed: '测试邮件发送失败',
+      testReceiver: '收件人邮箱',
+      testSendEmail: '测试邮件发送',
+      inputTestReceiver: '请输入测试邮件接收者的邮箱地址',
+      disable: '禁用邮件通知',
+      disableDescription: '禁用后将不再收到邮件通知，如需收到邮件通知，可以在本页面再次开启',
+      unsubscribe: '取消邮件订阅',
+      unsubscribeDescription: '取消邮件订阅后将不再收到所有邮件通知',
+      subscribe: '订阅邮件',
+      subscribeDescription: '如需收到邮件通知，可进入配置页再次开启订阅'
     },
-    comingSoon: '更多通知方式正在建设中'
+    comingSoon: '更多通知方式正在建设中',
+    unsubscribe: '取消订阅',
+    unsubscribeSucceed: '取消订阅成功',
+    unsubscribeFailed: '取消订阅失败',
+    unsubscribeTokenRequired: '取消订阅链接不存在',
+    unsubscribeTokenExpired: '取消订阅链接已过期',
+    unsubscribeTokenInvalid: '取消订阅链接有误'
   },
   router: {
     routerSetting: '域名和网址',
@@ -1275,7 +1294,8 @@ export default {
       issueBy: '由 {name} 颁发',
       configColor: '设置通行证颜色',
       configColorTip: '通过调色盘来自定义通行证的主色调',
-      color: '通行证颜色'
+      color: '通行证颜色',
+      description: '使用此通行证以 {title} 连接 {teamName}'
     },
     inviting: {
       link: '邀请链接',
@@ -1595,7 +1615,8 @@ export default {
     },
     comingSoon: '更多登录方式正在建设中',
     moreLogin: '更多登录方式',
-    federated: '统一登录'
+    federated: '统一登录',
+    runTest: '测试'
   },
   expiration: {
     mobile: {

package/lib/blocklet/notification/email.js

@@ -10,11 +10,13 @@ var _ahooks = require("ahooks");
 var _reactHookForm = require("react-hook-form");
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _isEmail = _interopRequireDefault(require("validator/lib/isEmail"));
 var _isURL = _interopRequireDefault(require("validator/lib/isURL"));
 var _isPort = _interopRequireDefault(require("validator/lib/isPort"));
 var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
+var _confirm = _interopRequireDefault(require("../../hooks/confirm"));
 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; }
@@ -42,6 +44,10 @@ function NotificationEmail() {
   const {
     t
   } = (0, _context.useLocaleContext)();
+  const {
+    confirmApi,
+    confirmHolder
+  } = (0, _confirm.default)();
   const did = blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did;
   const config = Object.assign(_objectSpread({}, defaultFormValues), (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : (_blocklet$settings$no = _blocklet$settings.notification) === null || _blocklet$settings$no === void 0 ? void 0 : _blocklet$settings$no.email) || {});
   const {
@@ -53,8 +59,13 @@ function NotificationEmail() {
   } = (0, _reactHookForm.useForm)({
     defaultValues: (0, _pick.default)(config, Object.keys(defaultFormValues))
   });
+  const pageState = (0, _ahooks.useReactive)({
+    testReceiver: '',
+    testReceiverError: ''
+  });
   const enabled = watch('enabled');
-  const onSubmit = (0, _ahooks.useMemoizedFn)(async data => {
+  const onSubmit = (0, _ahooks.useMemoizedFn)(async function (data, event) {
+    let showNotification = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     try {
       var _blockletChanged$sett, _blockletChanged$sett2;
       const {
@@ -70,11 +81,80 @@ function NotificationEmail() {
       const defaultValues = Object.assign(_objectSpread({}, defaultFormValues), (blockletChanged === null || blockletChanged === void 0 ? void 0 : (_blockletChanged$sett = blockletChanged.settings) === null || _blockletChanged$sett === void 0 ? void 0 : (_blockletChanged$sett2 = _blockletChanged$sett.notification) === null || _blockletChanged$sett2 === void 0 ? void 0 : _blockletChanged$sett2.email) || {});
       // 将当前表单的默认值重置为新的数据，这样能够修正页面的 isDirty 数据
       reset(defaultValues);
-      _Toast.default.success(t('oauth.saveSuccess'));
+      if (showNotification) {
+        _Toast.default.success(t('oauth.saveSuccess'));
+      }
     } catch (err) {
-      _Toast.default.error(err.message || t('oauth.saveFailed'));
+      if (showNotification) {
+        _Toast.default.error(err.message || t('oauth.saveFailed'));
+      } else {
+        throw err;
+      }
     }
   });
+  const onTestEmail = (0, _ahooks.useMemoizedFn)(async (data, event, receiver) => {
+    try {
+      // HACK: 如果当前数据有修改，则需要先保存配置，才能测试
+      if (formState.isDirty) {
+        await onSubmit(data, event, false);
+      }
+      await api.sendEmail({
+        input: {
+          did,
+          receiver,
+          email: JSON.stringify({
+            body: 'Your SMTP configuration is correct!',
+            title: 'Test email',
+            type: 'notification'
+          })
+        }
+      });
+      _Toast.default.success(t('notification.email.testSuccess'));
+    } catch (err) {
+      _Toast.default.error(err.message || t('notification.email.testfailed'));
+    }
+  });
+  const showTestEmailModal = (0, _ahooks.useMemoizedFn)((data, event) => {
+    pageState.testReceiver = '';
+    pageState.testReceiverError = '';
+    confirmApi.open({
+      title: t('notification.email.testSendEmail'),
+      // eslint-disable-next-line react/no-unstable-nested-components
+      content: () => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          sx: {
+            width: '300px'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+            fullWidth: true,
+            name: "testReceiver",
+            label: t('notification.email.inputTestReceiver'),
+            value: pageState.testReceiver,
+            onChange: e => {
+              pageState.testReceiver = e.target.value;
+            },
+            error: !!pageState.testReceiverError,
+            helperText: pageState.testReceiverError || '　'
+          })
+        });
+      },
+      async onConfirm(close) {
+        var _pageState$testReceiv;
+        const receiverEmail = (_pageState$testReceiv = pageState.testReceiver) === null || _pageState$testReceiv === void 0 ? void 0 : _pageState$testReceiv.trim();
+        if (!receiverEmail) {
+          pageState.testReceiverError = t('notification.email.receiverRequired');
+          return;
+        }
+        if (!(0, _isEmail.default)(receiverEmail)) {
+          pageState.testReceiverError = t('notification.email.receiverInvalid');
+          return;
+        }
+        pageState.testReceiverError = '';
+        await onTestEmail(data, event, receiverEmail);
+        close();
+      }
+    });
+  });
   const validateFrom = (0, _ahooks.useMemoizedFn)(value => {
     const val = value === null || value === void 0 ? void 0 : value.trim();
     if (!val) {
@@ -120,8 +200,8 @@ function NotificationEmail() {
     return true;
   });
   const noop = (0, _ahooks.useMemoizedFn)(() => true);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
       onSubmit: handleSubmit(onSubmit),
       disabled: true,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
@@ -273,14 +353,22 @@ function NotificationEmail() {
             })
           });
         }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        variant: "outlined",
+        color: "warning",
+        onClick: handleSubmit(showTestEmailModal),
+        sx: {
+          mr: 2
+        },
+        disabled: !enabled,
+        children: t('oauth.runTest')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         type: "submit",
         variant: "contained",
-        onSubmit: handleSubmit(onSubmit),
         disabled: !formState.isDirty,
         children: t('oauth.save')
       })]
-    })
+    }), confirmHolder]
   });
 }
 var _default = exports.default = NotificationEmail;

package/lib/hooks/confirm.js

@@ -82,7 +82,7 @@ const ConfirmHolder = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
         color: 'primary'
       }
     },
-    children: state.content
+    children: state.content instanceof Function ? state.content() : state.content
   });
 });
 function useConfirm() {

package/lib/locales/en.js

@@ -856,14 +856,33 @@ var _default = exports.default = {
       password: 'SMTP server user password',
       fromRequired: 'Email sender is required',
       fromInvalid: 'Email sender is invalid',
+      receiverRequired: 'Email receiver is required',
+      receiverInvalid: 'Email receiver is invalid',
       hostRequired: 'SMTP server host is required',
       hostInvalid: 'SMTP server host is invalid',
       portRequired: 'SMTP server port is required',
       portInvalid: 'SMTP server port is invalid, port should be between 1 and 65535',
       userRequired: 'SMTP server username is required',
-      passwordRequired: 'SMTP server user password is required'
+      passwordRequired: 'SMTP server user password is required',
+      testSuccess: 'Test email send successfully',
+      testFailed: 'Test email send failed',
+      testReceiver: 'Email receiver',
+      testSendEmail: 'Test email send',
+      inputTestReceiver: 'Please input test receiver email',
+      disable: 'Unsubscribe email notification',
+      disableDescription: 'After unsubscribe, you will no longer receive email notifications. To receive email notifications, you can subscribe it again on this page.',
+      unsubscribe: 'Unsubscribe email notification',
+      unsubscribeDescription: 'After unsubscribe, you will no longer receive any email notifications.',
+      subscribe: 'subscribe',
+      subscribeDescription: 'To receive email notifications, you can subscribe it again on settings page.'
     },
-    comingSoon: 'More notification channel are under construction'
+    comingSoon: 'More notification channel are under construction',
+    unsubscribe: 'Unsubscribe',
+    unsubscribeSucceed: 'Unsubscribe succeeded',
+    unsubscribeFailed: 'Unsubscribe failed',
+    unsubscribeTokenRequired: 'Unsubscribe token in required',
+    unsubscribeTokenExpired: 'Unsubscribe token is expired',
+    unsubscribeTokenInvalid: 'Unsubscribe token is invalid'
   },
   router: {
     routerSetting: 'Domains & URLs',
@@ -1275,7 +1294,8 @@ var _default = exports.default = {
       issueBy: 'Issue by {name}',
       configColor: 'Config Passport Color',
       configColorTip: 'Customize the color of the passport',
-      color: 'Passport Color'
+      color: 'Passport Color',
+      description: 'Use this passport to connect {teamName} as {title}'
     },
     inviting: {
       link: 'Invite Link',
@@ -1597,7 +1617,8 @@ var _default = exports.default = {
     },
     comingSoon: 'More login methods are under construction',
     moreLogin: 'More Login',
-    federated: 'Federated Login'
+    federated: 'Federated Login',
+    runTest: 'Test'
   },
   expiration: {
     mobile: {

package/lib/locales/zh.js

@@ -859,14 +859,33 @@ var _default = exports.default = {
       password: 'SMTP 服务用户密码',
       fromRequired: '请输入发件人邮箱',
       fromInvalid: '发件人邮箱格式不正确',
+      receiverRequired: '请输入收件人邮箱',
+      receiverInvalid: '收件人邮箱格式不正确',
       hostRequired: '请输入 SMTP 服务地址',
       hostInvalid: '请输入 SMTP 服务地址格式不正确',
       portRequired: '请输入 SMTP 服务端口',
       portInvalid: '请输入 SMTP 服务端口，端口号应该在 0-65535 之间',
       userRequired: '请输入 SMTP 服务用户名',
-      passwordRequired: '请输入 SMTP 服务用户密码'
+      passwordRequired: '请输入 SMTP 服务用户密码',
+      testSuccess: '测试邮件发送成功',
+      testFailed: '测试邮件发送失败',
+      testReceiver: '收件人邮箱',
+      testSendEmail: '测试邮件发送',
+      inputTestReceiver: '请输入测试邮件接收者的邮箱地址',
+      disable: '禁用邮件通知',
+      disableDescription: '禁用后将不再收到邮件通知，如需收到邮件通知，可以在本页面再次开启',
+      unsubscribe: '取消邮件订阅',
+      unsubscribeDescription: '取消邮件订阅后将不再收到所有邮件通知',
+      subscribe: '订阅邮件',
+      subscribeDescription: '如需收到邮件通知，可进入配置页再次开启订阅'
     },
-    comingSoon: '更多通知方式正在建设中'
+    comingSoon: '更多通知方式正在建设中',
+    unsubscribe: '取消订阅',
+    unsubscribeSucceed: '取消订阅成功',
+    unsubscribeFailed: '取消订阅失败',
+    unsubscribeTokenRequired: '取消订阅链接不存在',
+    unsubscribeTokenExpired: '取消订阅链接已过期',
+    unsubscribeTokenInvalid: '取消订阅链接有误'
   },
   router: {
     routerSetting: '域名和网址',
@@ -1281,7 +1300,8 @@ var _default = exports.default = {
       issueBy: '由 {name} 颁发',
       configColor: '设置通行证颜色',
       configColorTip: '通过调色盘来自定义通行证的主色调',
-      color: '通行证颜色'
+      color: '通行证颜色',
+      description: '使用此通行证以 {title} 连接 {teamName}'
     },
     inviting: {
       link: '邀请链接',
@@ -1601,7 +1621,8 @@ var _default = exports.default = {
     },
     comingSoon: '更多登录方式正在建设中',
     moreLogin: '更多登录方式',
-    federated: '统一登录'
+    federated: '统一登录',
+    runTest: '测试'
   },
   expiration: {
     mobile: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.20-beta-e363262e",
+  "version": "1.16.20-beta-bb1cd034",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,11 +27,11 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.20-beta-e363262e",
-    "@abtnode/constant": "1.16.20-beta-e363262e",
-    "@abtnode/util": "1.16.20-beta-e363262e",
+    "@abtnode/auth": "1.16.20-beta-bb1cd034",
+    "@abtnode/constant": "1.16.20-beta-bb1cd034",
+    "@abtnode/util": "1.16.20-beta-bb1cd034",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "^1.18.103",
+    "@arcblock/did": "^1.18.105",
     "@arcblock/did-connect": "^2.8.21",
     "@arcblock/did-motif": "^1.1.13",
     "@arcblock/icons": "^2.8.21",
@@ -39,10 +39,10 @@
     "@arcblock/react-hooks": "^2.8.21",
     "@arcblock/terminal": "^2.8.21",
     "@arcblock/ux": "^2.8.21",
-    "@blocklet/constant": "1.16.20-beta-e363262e",
+    "@blocklet/constant": "1.16.20-beta-bb1cd034",
     "@blocklet/launcher-layout": "2.2.47",
     "@blocklet/list": "^0.12.57",
-    "@blocklet/meta": "1.16.20-beta-e363262e",
+    "@blocklet/meta": "1.16.20-beta-bb1cd034",
     "@blocklet/ui-react": "^2.8.21",
     "@blocklet/uploader": "^0.0.52",
     "@emotion/react": "^11.10.4",
@@ -54,7 +54,7 @@
     "@mui/material": "^5.14.10",
     "@mui/styles": "^5.14.10",
     "@mui/x-date-pickers": "^6.14.0",
-    "@ocap/client": "1.18.103",
+    "@ocap/client": "1.18.105",
     "@uiw/react-markdown-preview": "4.0.6",
     "ahooks": "^3.7.1",
     "axios": "^0.27.2",
@@ -100,7 +100,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "479cea04dd620d8194d6221b2594b6a0f390ba76",
+  "gitHead": "b000d880478911fbad7f5b197daf8a9065463ca8",
   "exports": {
     ".": {
       "import": "./es/index.js",