@abtnode/ux 1.16.21-beta-445a8baa → 1.16.21-beta-2e75c75c

package/es/blocklet/component/index.js

@@ -39,6 +39,7 @@ import BlockletSource from '../blocklet-source';
 import BlockletStatus from '../status';
 import BlockletVersion from '../version';
 import Confirm from '../../confirm';
+import AutoCheckUpdate from '../storage/auto-check-update';
 import { useNodeContext } from '../../contexts/node';
 import { formatPerson, formatError, sleep, BlockletAdminRoles, formatToDatetime } from '../../util';
 import Permission from '../../permission';
@@ -52,6 +53,7 @@ import AddComponent from './add';
 import AddRule from '../router/action/add-rule';
 import RuleList from '../router/rule-list';
 import Actions from '../../actions';
+import { useCheckUpdateByUrl } from '../../hooks/use-check-update-by-url';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const getEngineRows = (engine, t) => {
@@ -726,6 +728,7 @@ export default function BlockletComponent({
       };
     });
   };
+  useCheckUpdateByUrl(checkForUpdates);
   return /*#__PURE__*/_jsxs(Div, {
     component: "div",
     ...rest,
@@ -733,36 +736,44 @@ export default function BlockletComponent({
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      children: [/*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs(Box, {
         className: "title",
+        flexDirection: "row",
+        display: "flex",
+        alignItems: "center",
+        style: {
+          marginLeft: '1em'
+        },
         children: [t('common.components'), !needMigration && /*#__PURE__*/_jsx(Permission, {
           permission: inService ? '' : 'mutate_blocklets',
           role: inService ? BlockletAdminRoles : [],
-          children: /*#__PURE__*/_jsx(StyledBadge, {
-            top: 1.2,
-            right: 0.4,
-            color: "error",
-            badgeContent: "",
-            variant: "dot",
-            invisible: !showUpdateDot,
-            children: /*#__PURE__*/_jsxs(Button, {
-              disabled: loading || isInProgress(blocklet.status),
-              color: "secondary",
-              onClick: () => {
-                checkForUpdates();
-              },
-              "data-cy": "check-for-updates",
-              children: [/*#__PURE__*/_jsx(Box, {
-                mr: 0.5,
-                display: "flex",
-                children: loading ? /*#__PURE__*/_jsx(Spinner, {
-                  size: 16
-                }) : /*#__PURE__*/_jsx(UpdateIcon, {
-                  style: {
-                    fontSize: '1em'
-                  }
-                })
-              }), t('blocklet.component.checkUpdateTitle')]
+          children: /*#__PURE__*/_jsx(AutoCheckUpdate, {
+            children: /*#__PURE__*/_jsx(StyledBadge, {
+              top: 1.2,
+              right: 0.4,
+              color: "error",
+              badgeContent: "",
+              variant: "dot",
+              invisible: !showUpdateDot,
+              children: /*#__PURE__*/_jsxs(Button, {
+                disabled: loading || isInProgress(blocklet.status),
+                color: "secondary",
+                onClick: () => {
+                  checkForUpdates();
+                },
+                "data-cy": "check-for-updates",
+                children: [/*#__PURE__*/_jsx(Box, {
+                  mr: 0.5,
+                  display: "flex",
+                  children: loading ? /*#__PURE__*/_jsx(Spinner, {
+                    size: 16
+                  }) : /*#__PURE__*/_jsx(UpdateIcon, {
+                    style: {
+                      fontSize: '1em'
+                    }
+                  })
+                }), t('blocklet.component.checkUpdateTitle')]
+              })
             })
           })
         })]

package/es/blocklet/storage/auto-check-update.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { Box } from '@mui/material';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Toast from '@arcblock/ux/lib/Toast';
+import PropTypes from 'prop-types';
+import Tooltip from '@mui/material/Tooltip';
+import SwitchControl from '../component/switch-control';
+import { useBlockletStorageContext } from '../../contexts/blocklet-storage';
+
+/**
+ * @description
+ * @param {{
+ *  style: import('react').CSSProperties
+ * }} {...rest}
+ * @return {*}
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function AutoCheckUpdate({
+  children,
+  ...rest
+}) {
+  const {
+    t
+  } = useLocaleContext();
+  const {
+    updateAutoCheckUpdate,
+    autoCheckUpdate
+  } = useBlockletStorageContext();
+  const configAutoBackup = async () => {
+    try {
+      const enabled = !autoCheckUpdate?.enabled;
+      await updateAutoCheckUpdate({
+        enabled
+      });
+      Toast.success(enabled ? t('storage.spaces.autoCheckUpdate.enabled') : t('storage.spaces.autoCheckUpdate.disabled'));
+    } catch (error) {
+      Toast.error(error.message);
+    }
+  };
+  const enabled = Boolean(autoCheckUpdate?.enabled);
+  return /*#__PURE__*/_jsxs(Box, {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    children: [children, /*#__PURE__*/_jsx(Tooltip, {
+      title: t('storage.spaces.autoCheckUpdate.title'),
+      arrow: true,
+      placement: "right",
+      children: /*#__PURE__*/_jsx("div", {
+        children: /*#__PURE__*/_jsx(SwitchControl, {
+          checked: enabled,
+          onChange: configAutoBackup,
+          name: "enableWelcomePage",
+          style: {
+            ...rest.style,
+            zoom: 0.8
+          }
+        })
+      })
+    })]
+  });
+}
+AutoCheckUpdate.propTypes = {
+  children: PropTypes.any
+};
+AutoCheckUpdate.defaultProps = {
+  children: null
+};
+export default AutoCheckUpdate;

package/es/contexts/blocklet-storage.js

@@ -10,6 +10,7 @@ import { useNodeContext } from './node';
 import useBackupProgress from '../hooks/use-backup-progress';
 import useBackups from '../hooks/use-backups';
 import { useAutoBackup } from '../hooks/use-auto-backup';
+import { useAutoCheckUpdate } from '../hooks/use-auto-check-update';
 
 /**
  * @typedef {import('../blocklet/storage/connected').SpaceGateway} SpaceGateway
@@ -86,6 +87,10 @@ function BlockletStorageProvider({
   const autoBackup = useAutoBackup({
     deps: [autoBackupRefresh]
   });
+  const [autoCheckUpdateRefresh, setAutoCheckUpdateRefresh] = useState(false);
+  const autoCheckUpdate = useAutoCheckUpdate({
+    deps: [autoCheckUpdateRefresh]
+  });
   const refreshSpaceGateways = () => {
     setSpaceGatewaysRefresh(p => !p);
   };
@@ -95,6 +100,9 @@ function BlockletStorageProvider({
   const refreshAutoBackup = () => {
     setAutoBackupRefresh(x => !x);
   };
+  const refreshAutoCheckUpdate = () => {
+    setAutoCheckUpdateRefresh(x => !x);
+  };
 
   /**
    * @description
@@ -200,6 +208,15 @@ function BlockletStorageProvider({
     });
     refreshAutoBackup();
   };
+  const updateAutoCheckUpdate = async value => {
+    await api.updateAutoCheckUpdate({
+      input: {
+        did: blocklet.meta.did,
+        autoCheckUpdate: value
+      }
+    });
+    refreshAutoCheckUpdate();
+  };
   return /*#__PURE__*/_jsx(Provider, {
     value: {
       spaceGateways,
@@ -211,6 +228,8 @@ function BlockletStorageProvider({
       spaceGatewaysLoading,
       spaceGatewayIsSelected,
       updateAutoBackup,
+      updateAutoCheckUpdate,
+      autoCheckUpdate,
       backupEndpoint,
       backupProgress,
       backups,

package/es/hooks/use-auto-check-update.js

@@ -0,0 +1,33 @@
+/* eslint-disable import/prefer-default-export */
+import { useAsyncEffect } from 'ahooks';
+import { useState } from 'react';
+import { useBlockletContext } from '../contexts/blocklet';
+import { useNodeContext } from '../contexts/node';
+export function useAutoCheckUpdate({
+  deps
+} = {
+  deps: []
+}) {
+  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
+  const {
+    blocklet
+  } = useBlockletContext();
+  /** @type {{api: import('@abtnode/client')}} */
+  const {
+    api
+  } = useNodeContext();
+  const [autoCheckUpdate, setAutoCheckUpdate] = useState(null);
+  useAsyncEffect(async () => {
+    if (blocklet?.meta?.did) {
+      const {
+        autoCheckUpdate: data
+      } = await api.getAutoCheckUpdate({
+        input: {
+          did: blocklet.meta.did
+        }
+      });
+      setAutoCheckUpdate(data);
+    }
+  }, [blocklet?.meta?.did].concat(deps));
+  return autoCheckUpdate;
+}

package/es/hooks/use-check-update-by-url.js

@@ -0,0 +1,28 @@
+import { useEffect } from 'react';
+import Toast from '@arcblock/ux/lib/Toast';
+import { useNavigate } from 'react-router-dom';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import useEventListen from './use-event-listen';
+export function dispatchCheckUpdate() {
+  window.dispatchEvent(new CustomEvent('checkUpdate'));
+}
+export function useCheckUpdateByUrl(event) {
+  const navigate = useNavigate();
+  const {
+    t
+  } = useLocaleContext();
+  const handle = () => {
+    const params = new URLSearchParams(window.location.search);
+    if (params.get('checkUpdate')) {
+      params.delete('checkUpdate');
+      navigate(params.toString());
+      event();
+      Toast.success(t('notification.checkingForUpdates'));
+    }
+  };
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(handle, []);
+  useEventListen('checkUpdate', handle);
+}
+export default useCheckUpdateByUrl;

package/es/hooks/use-event-listen.js

@@ -0,0 +1,11 @@
+import { useRef, useEffect } from 'react';
+function useEventListen(key, callback) {
+  // reduce rerender
+  const ref = useRef(callback);
+  useEffect(() => {
+    const event = e => ref.current(e.detail);
+    window.addEventListener(key, event);
+    return () => window.removeEventListener(key, event);
+  }, [key]);
+}
+export default useEventListen;

package/es/hooks/use-passport-id.js

@@ -12,6 +12,7 @@ export default function usePassportId() {
   };
   return {
     getPassportId,
-    setPassportId
+    setPassportId,
+    clearPassportId
   };
 }

package/es/issue-passport.js

@@ -8,6 +8,7 @@ import Box from '@mui/material/Box';
 import Center from '@arcblock/ux/lib/Center';
 import Button from '@arcblock/ux/lib/Button';
 import DidConnect from '@arcblock/did-connect/lib/Connect';
+import Fullpage from '@arcblock/did-connect/lib/Connect/fullpage';
 import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { WELLKNOWN_SERVICE_PATH_PREFIX } from '@abtnode/constant';
 import wrapLocale from './wrap-locale';
@@ -94,25 +95,35 @@ function IssuePassport({
           })]
         })
       })
-    }) : /*#__PURE__*/_jsx(DidConnect, {
-      className: "connect",
-      action: "issue-passport",
-      forceConnected: false,
-      autoConnect: false,
-      checkFn: api.get,
-      checkTimeout: 10 * 60 * 1000,
-      webWalletUrl: webWalletUrl,
-      onSuccess: onReceivePassport,
-      locale: locale,
-      messages: {
-        title: t('issuePassport.title'),
-        scan: t('issuePassport.description', {
-          name: window.env.appName
-        }),
-        confirm: t('issuePassport.dialog.confirm'),
-        success: t('issuePassport.dialog.success')
-      },
-      extraParams: extraParams
+    }) : /*#__PURE__*/_jsx(Fullpage, {
+      did: window?.blocklet?.appPid || window?.env?.appPid,
+      children: /*#__PURE__*/_jsx(Box, {
+        sx: {
+          width: '560px',
+          maxWidth: '100%',
+          height: '100%'
+        },
+        children: /*#__PURE__*/_jsx(DidConnect, {
+          className: "connect",
+          action: "issue-passport",
+          forceConnected: false,
+          autoConnect: false,
+          checkFn: api.get,
+          checkTimeout: 10 * 60 * 1000,
+          webWalletUrl: webWalletUrl,
+          onSuccess: onReceivePassport,
+          locale: locale,
+          messages: {
+            title: t('issuePassport.title'),
+            scan: t('issuePassport.description', {
+              name: window.env.appName
+            }),
+            confirm: t('issuePassport.dialog.confirm'),
+            success: t('issuePassport.dialog.success')
+          },
+          extraParams: extraParams
+        })
+      })
     })
   });
 }

package/es/locales/en.js

@@ -842,6 +842,8 @@ export default {
     showRead: 'Show Read',
     markAllAsRead: 'Mark All as Read',
     markAsRead: 'Mark As Read',
+    proceed: 'Proceed',
+    checkingForUpdates: 'Checking for updates...',
     email: {
       enable: 'Enable email notification',
       from: 'Email sender',
@@ -1524,6 +1526,11 @@ export default {
         enabled: 'Automatic backup is on',
         disabled: 'Automatic backup is off'
       },
+      autoCheckUpdate: {
+        title: 'Automatically check for new version notification',
+        enabled: 'Automatically check for new version is on',
+        disabled: 'Automatically check for new version is off'
+      },
       backupSuccessfully: 'Backup successfully',
       restore: 'Restore',
       restoreSuccessfully: 'Restore successfully',

package/es/locales/zh.js

@@ -845,6 +845,8 @@ export default {
     showRead: '显示已读',
     markAllAsRead: '全部标记为已读',
     markAsRead: '标记为已读',
+    proceed: '处理',
+    checkingForUpdates: '正在检查更新...',
     email: {
       enable: '是否开启 Email 通知',
       from: '发件人邮箱',
@@ -1529,6 +1531,11 @@ export default {
         enabled: '自动备份已开启',
         disabled: '自动备份已关闭'
       },
+      autoCheckUpdate: {
+        title: '自动检测新版本提醒',
+        enabled: '自动检测新版本提醒已开启',
+        disabled: '自动检测新版本提醒已关闭'
+      },
       backupSuccessfully: '备份成功',
       restore: '还原',
       restoreSuccessfully: '还原成功',

package/es/notifications/list.js

@@ -22,6 +22,7 @@ import Permission from '../permission';
 import RelativeTime from '../relative-time';
 import { useNodeContext } from '../contexts/node';
 import { BlockletAdminRoles } from '../util';
+import { dispatchCheckUpdate } from '../hooks/use-check-update-by-url';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -87,6 +88,12 @@ export default function NotificationsList({
     onHide(e);
     navigate(viewAllUrl);
   };
+  const handleCheckForUpdates = (event, action) => {
+    event.preventDefault();
+    event.stopPropagation();
+    navigate(action);
+    dispatchCheckUpdate();
+  };
   return /*#__PURE__*/_jsxs(Div, {
     children: [/*#__PURE__*/_jsxs(Typography, {
       component: "h3",
@@ -142,14 +149,30 @@ export default function NotificationsList({
                 'text-overflow': 'ellipsis'
               },
               children: x.description
-            }), /*#__PURE__*/_jsx(RelativeTime, {
-              value: x.createdAt,
-              locale: locale,
-              style: {
-                color: theme.palette.text.secondary,
-                fontSize: '0.875rem',
-                marginTop: '4px'
-              }
+            }), /*#__PURE__*/_jsxs(Box, {
+              display: "flex",
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+              children: [/*#__PURE__*/_jsx(RelativeTime, {
+                value: x.createdAt,
+                locale: locale,
+                style: {
+                  color: theme.palette.text.secondary,
+                  fontSize: '0.875rem',
+                  marginTop: '4px'
+                }
+              }), x.action && !x.read ? /*#__PURE__*/_jsx(Button, {
+                color: "primary",
+                variant: "outlined",
+                onPointerDown: event => {
+                  event.stopPropagation();
+                  event.preventDefault();
+                },
+                onClick: e => handleCheckForUpdates(e, x.action),
+                "data-cy": "check-for-updates",
+                children: t('notification.proceed')
+              }) : null]
             })]
           })
         })]

package/lib/blocklet/component/index.js

@@ -45,6 +45,7 @@ var _blockletSource = _interopRequireDefault(require("../blocklet-source"));
 var _status = _interopRequireDefault(require("../status"));
 var _version = _interopRequireDefault(require("../version"));
 var _confirm = _interopRequireDefault(require("../../confirm"));
+var _autoCheckUpdate = _interopRequireDefault(require("../storage/auto-check-update"));
 var _node = require("../../contexts/node");
 var _util2 = require("../../util");
 var _permission = _interopRequireDefault(require("../../permission"));
@@ -58,6 +59,7 @@ var _add = _interopRequireDefault(require("./add"));
 var _addRule = _interopRequireDefault(require("../router/action/add-rule"));
 var _ruleList = _interopRequireDefault(require("../router/rule-list"));
 var _actions = _interopRequireDefault(require("../../actions"));
+var _useCheckUpdateByUrl = require("../../hooks/use-check-update-by-url");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["blocklet", "onUpdate", "getComponentUrl"];
 var _templateObject, _templateObject2, _templateObject3;
@@ -735,6 +737,7 @@ function BlockletComponent(_ref4) {
       });
     });
   };
+  (0, _useCheckUpdateByUrl.useCheckUpdateByUrl)(checkForUpdates);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
     component: "div"
   }, rest), {}, {
@@ -742,36 +745,44 @@ function BlockletComponent(_ref4) {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         className: "title",
+        flexDirection: "row",
+        display: "flex",
+        alignItems: "center",
+        style: {
+          marginLeft: '1em'
+        },
         children: [t('common.components'), !needMigration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_permission.default, {
           permission: inService ? '' : 'mutate_blocklets',
           role: inService ? _util2.BlockletAdminRoles : [],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
-            top: 1.2,
-            right: 0.4,
-            color: "error",
-            badgeContent: "",
-            variant: "dot",
-            invisible: !showUpdateDot,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
-              disabled: loading || (0, _util.isInProgress)(blocklet.status),
-              color: "secondary",
-              onClick: () => {
-                checkForUpdates();
-              },
-              "data-cy": "check-for-updates",
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                mr: 0.5,
-                display: "flex",
-                children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-                  size: 16
-                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Update.default, {
-                  style: {
-                    fontSize: '1em'
-                  }
-                })
-              }), t('blocklet.component.checkUpdateTitle')]
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_autoCheckUpdate.default, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledBadge, {
+              top: 1.2,
+              right: 0.4,
+              color: "error",
+              badgeContent: "",
+              variant: "dot",
+              invisible: !showUpdateDot,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+                disabled: loading || (0, _util.isInProgress)(blocklet.status),
+                color: "secondary",
+                onClick: () => {
+                  checkForUpdates();
+                },
+                "data-cy": "check-for-updates",
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                  mr: 0.5,
+                  display: "flex",
+                  children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+                    size: 16
+                  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Update.default, {
+                    style: {
+                      fontSize: '1em'
+                    }
+                  })
+                }), t('blocklet.component.checkUpdateTitle')]
+              })
             })
           })
         })]

package/lib/blocklet/storage/auto-check-update.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _switchControl = _interopRequireDefault(require("../component/switch-control"));
+var _blockletStorage = require("../../contexts/blocklet-storage");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children"];
+/**
+ * @description
+ * @param {{
+ *  style: import('react').CSSProperties
+ * }} {...rest}
+ * @return {*}
+ */
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function AutoCheckUpdate(_ref) {
+  let {
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    updateAutoCheckUpdate,
+    autoCheckUpdate
+  } = (0, _blockletStorage.useBlockletStorageContext)();
+  const configAutoBackup = async () => {
+    try {
+      const enabled = !(autoCheckUpdate !== null && autoCheckUpdate !== void 0 && autoCheckUpdate.enabled);
+      await updateAutoCheckUpdate({
+        enabled
+      });
+      _Toast.default.success(enabled ? t('storage.spaces.autoCheckUpdate.enabled') : t('storage.spaces.autoCheckUpdate.disabled'));
+    } catch (error) {
+      _Toast.default.error(error.message);
+    }
+  };
+  const enabled = Boolean(autoCheckUpdate === null || autoCheckUpdate === void 0 ? void 0 : autoCheckUpdate.enabled);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+      title: t('storage.spaces.autoCheckUpdate.title'),
+      arrow: true,
+      placement: "right",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_switchControl.default, {
+          checked: enabled,
+          onChange: configAutoBackup,
+          name: "enableWelcomePage",
+          style: _objectSpread(_objectSpread({}, rest.style), {}, {
+            zoom: 0.8
+          })
+        })
+      })
+    })]
+  });
+}
+AutoCheckUpdate.propTypes = {
+  children: _propTypes.default.any
+};
+AutoCheckUpdate.defaultProps = {
+  children: null
+};
+var _default = exports.default = AutoCheckUpdate;

package/lib/contexts/blocklet-storage.js

@@ -18,6 +18,7 @@ var _node = require("./node");
 var _useBackupProgress = _interopRequireDefault(require("../hooks/use-backup-progress"));
 var _useBackups = _interopRequireDefault(require("../hooks/use-backups"));
 var _useAutoBackup = require("../hooks/use-auto-backup");
+var _useAutoCheckUpdate = require("../hooks/use-auto-check-update");
 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; }
@@ -96,6 +97,10 @@ function BlockletStorageProvider(_ref) {
   const autoBackup = (0, _useAutoBackup.useAutoBackup)({
     deps: [autoBackupRefresh]
   });
+  const [autoCheckUpdateRefresh, setAutoCheckUpdateRefresh] = (0, _react.useState)(false);
+  const autoCheckUpdate = (0, _useAutoCheckUpdate.useAutoCheckUpdate)({
+    deps: [autoCheckUpdateRefresh]
+  });
   const refreshSpaceGateways = () => {
     setSpaceGatewaysRefresh(p => !p);
   };
@@ -105,6 +110,9 @@ function BlockletStorageProvider(_ref) {
   const refreshAutoBackup = () => {
     setAutoBackupRefresh(x => !x);
   };
+  const refreshAutoCheckUpdate = () => {
+    setAutoCheckUpdateRefresh(x => !x);
+  };
 
   /**
    * @description
@@ -210,6 +218,15 @@ function BlockletStorageProvider(_ref) {
     });
     refreshAutoBackup();
   };
+  const updateAutoCheckUpdate = async value => {
+    await api.updateAutoCheckUpdate({
+      input: {
+        did: blocklet.meta.did,
+        autoCheckUpdate: value
+      }
+    });
+    refreshAutoCheckUpdate();
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: {
       spaceGateways,
@@ -221,6 +238,8 @@ function BlockletStorageProvider(_ref) {
       spaceGatewaysLoading,
       spaceGatewayIsSelected,
       updateAutoBackup,
+      updateAutoCheckUpdate,
+      autoCheckUpdate,
       backupEndpoint,
       backupProgress,
       backups,

package/lib/hooks/use-auto-check-update.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAutoCheckUpdate = useAutoCheckUpdate;
+var _ahooks = require("ahooks");
+var _react = require("react");
+var _blocklet = require("../contexts/blocklet");
+var _node = require("../contexts/node");
+/* eslint-disable import/prefer-default-export */
+
+function useAutoCheckUpdate() {
+  var _blocklet$meta2;
+  let {
+    deps
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    deps: []
+  };
+  /** @type {{ blocklet: import('@abtnode/client').BlockletState }} */
+  const {
+    blocklet
+  } = (0, _blocklet.useBlockletContext)();
+  /** @type {{api: import('@abtnode/client')}} */
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [autoCheckUpdate, setAutoCheckUpdate] = (0, _react.useState)(null);
+  (0, _ahooks.useAsyncEffect)(async () => {
+    var _blocklet$meta;
+    if (blocklet !== null && blocklet !== void 0 && (_blocklet$meta = blocklet.meta) !== null && _blocklet$meta !== void 0 && _blocklet$meta.did) {
+      const {
+        autoCheckUpdate: data
+      } = await api.getAutoCheckUpdate({
+        input: {
+          did: blocklet.meta.did
+        }
+      });
+      setAutoCheckUpdate(data);
+    }
+  }, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta2 = blocklet.meta) === null || _blocklet$meta2 === void 0 ? void 0 : _blocklet$meta2.did].concat(deps));
+  return autoCheckUpdate;
+}

package/lib/hooks/use-check-update-by-url.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.dispatchCheckUpdate = dispatchCheckUpdate;
+exports.useCheckUpdateByUrl = useCheckUpdateByUrl;
+var _react = require("react");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _reactRouterDom = require("react-router-dom");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _useEventListen = _interopRequireDefault(require("./use-event-listen"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function dispatchCheckUpdate() {
+  window.dispatchEvent(new CustomEvent('checkUpdate'));
+}
+function useCheckUpdateByUrl(event) {
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const handle = () => {
+    const params = new URLSearchParams(window.location.search);
+    if (params.get('checkUpdate')) {
+      params.delete('checkUpdate');
+      navigate(params.toString());
+      event();
+      _Toast.default.success(t('notification.checkingForUpdates'));
+    }
+  };
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  (0, _react.useEffect)(handle, []);
+  (0, _useEventListen.default)('checkUpdate', handle);
+}
+var _default = exports.default = useCheckUpdateByUrl;

package/lib/hooks/use-event-listen.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+function useEventListen(key, callback) {
+  // reduce rerender
+  const ref = (0, _react.useRef)(callback);
+  (0, _react.useEffect)(() => {
+    const event = e => ref.current(e.detail);
+    window.addEventListener(key, event);
+    return () => window.removeEventListener(key, event);
+  }, [key]);
+}
+var _default = exports.default = useEventListen;

package/lib/hooks/use-passport-id.js

@@ -18,6 +18,7 @@ function usePassportId() {
   };
   return {
     getPassportId,
-    setPassportId
+    setPassportId,
+    clearPassportId
   };
 }

package/lib/issue-passport.js

@@ -13,6 +13,7 @@ var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _fullpage = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect/fullpage"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _constant = require("@abtnode/constant");
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
@@ -24,6 +25,7 @@ var _templateObject;
 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) } })); }
 function IssuePassport(_ref) {
+  var _window, _window$blocklet, _window2, _window2$env;
   let {
     SessionContext,
     webWalletUrl
@@ -103,25 +105,35 @@ function IssuePassport(_ref) {
           })]
         })
       })
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
-      className: "connect",
-      action: "issue-passport",
-      forceConnected: false,
-      autoConnect: false,
-      checkFn: api.get,
-      checkTimeout: 10 * 60 * 1000,
-      webWalletUrl: webWalletUrl,
-      onSuccess: onReceivePassport,
-      locale: locale,
-      messages: {
-        title: t('issuePassport.title'),
-        scan: t('issuePassport.description', {
-          name: window.env.appName
-        }),
-        confirm: t('issuePassport.dialog.confirm'),
-        success: t('issuePassport.dialog.success')
-      },
-      extraParams: extraParams
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_fullpage.default, {
+      did: ((_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.appPid) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$env = _window2.env) === null || _window2$env === void 0 ? void 0 : _window2$env.appPid),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        sx: {
+          width: '560px',
+          maxWidth: '100%',
+          height: '100%'
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+          className: "connect",
+          action: "issue-passport",
+          forceConnected: false,
+          autoConnect: false,
+          checkFn: api.get,
+          checkTimeout: 10 * 60 * 1000,
+          webWalletUrl: webWalletUrl,
+          onSuccess: onReceivePassport,
+          locale: locale,
+          messages: {
+            title: t('issuePassport.title'),
+            scan: t('issuePassport.description', {
+              name: window.env.appName
+            }),
+            confirm: t('issuePassport.dialog.confirm'),
+            success: t('issuePassport.dialog.success')
+          },
+          extraParams: extraParams
+        })
+      })
     })
   });
 }

package/lib/locales/en.js

@@ -848,6 +848,8 @@ var _default = exports.default = {
     showRead: 'Show Read',
     markAllAsRead: 'Mark All as Read',
     markAsRead: 'Mark As Read',
+    proceed: 'Proceed',
+    checkingForUpdates: 'Checking for updates...',
     email: {
       enable: 'Enable email notification',
       from: 'Email sender',
@@ -1530,6 +1532,11 @@ var _default = exports.default = {
         enabled: 'Automatic backup is on',
         disabled: 'Automatic backup is off'
       },
+      autoCheckUpdate: {
+        title: 'Automatically check for new version notification',
+        enabled: 'Automatically check for new version is on',
+        disabled: 'Automatically check for new version is off'
+      },
       backupSuccessfully: 'Backup successfully',
       restore: 'Restore',
       restoreSuccessfully: 'Restore successfully',

package/lib/locales/zh.js

@@ -851,6 +851,8 @@ var _default = exports.default = {
     showRead: '显示已读',
     markAllAsRead: '全部标记为已读',
     markAsRead: '标记为已读',
+    proceed: '处理',
+    checkingForUpdates: '正在检查更新...',
     email: {
       enable: '是否开启 Email 通知',
       from: '发件人邮箱',
@@ -1535,6 +1537,11 @@ var _default = exports.default = {
         enabled: '自动备份已开启',
         disabled: '自动备份已关闭'
       },
+      autoCheckUpdate: {
+        title: '自动检测新版本提醒',
+        enabled: '自动检测新版本提醒已开启',
+        disabled: '自动检测新版本提醒已关闭'
+      },
       backupSuccessfully: '备份成功',
       restore: '还原',
       restoreSuccessfully: '还原成功',

package/lib/notifications/list.js

@@ -27,6 +27,7 @@ var _permission = _interopRequireDefault(require("../permission"));
 var _relativeTime = _interopRequireDefault(require("../relative-time"));
 var _node = require("../contexts/node");
 var _util = require("../util");
+var _useCheckUpdateByUrl = require("../hooks/use-check-update-by-url");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 /* eslint-disable operator-linebreak */
@@ -95,6 +96,12 @@ function NotificationsList(_ref) {
     onHide(e);
     navigate(viewAllUrl);
   };
+  const handleCheckForUpdates = (event, action) => {
+    event.preventDefault();
+    event.stopPropagation();
+    navigate(action);
+    (0, _useCheckUpdateByUrl.dispatchCheckUpdate)();
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
       component: "h3",
@@ -150,14 +157,30 @@ function NotificationsList(_ref) {
                 'text-overflow': 'ellipsis'
               },
               children: x.description
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeTime.default, {
-              value: x.createdAt,
-              locale: locale,
-              style: {
-                color: theme.palette.text.secondary,
-                fontSize: '0.875rem',
-                marginTop: '4px'
-              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+              display: "flex",
+              flexDirection: "row",
+              justifyContent: "space-between",
+              alignItems: "center",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_relativeTime.default, {
+                value: x.createdAt,
+                locale: locale,
+                style: {
+                  color: theme.palette.text.secondary,
+                  fontSize: '0.875rem',
+                  marginTop: '4px'
+                }
+              }), x.action && !x.read ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+                color: "primary",
+                variant: "outlined",
+                onPointerDown: event => {
+                  event.stopPropagation();
+                  event.preventDefault();
+                },
+                onClick: e => handleCheckForUpdates(e, x.action),
+                "data-cy": "check-for-updates",
+                children: t('notification.proceed')
+              }) : null]
             })]
           })
         })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.21-beta-445a8baa",
+  "version": "1.16.21-beta-2e75c75c",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -27,24 +27,24 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.21-beta-445a8baa",
-    "@abtnode/constant": "1.16.21-beta-445a8baa",
-    "@abtnode/util": "1.16.21-beta-445a8baa",
+    "@abtnode/auth": "1.16.21-beta-2e75c75c",
+    "@abtnode/constant": "1.16.21-beta-2e75c75c",
+    "@abtnode/util": "1.16.21-beta-2e75c75c",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "^1.18.107",
-    "@arcblock/did-connect": "^2.8.23",
+    "@arcblock/did": "^1.18.108",
+    "@arcblock/did-connect": "^2.9.1",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.8.23",
-    "@arcblock/nft-display": "2.8.23",
-    "@arcblock/react-hooks": "^2.8.23",
-    "@arcblock/terminal": "^2.8.23",
-    "@arcblock/ux": "^2.8.23",
-    "@blocklet/constant": "1.16.21-beta-445a8baa",
-    "@blocklet/launcher-layout": "2.2.48",
-    "@blocklet/list": "^0.12.60",
-    "@blocklet/meta": "1.16.21-beta-445a8baa",
-    "@blocklet/ui-react": "^2.8.23",
-    "@blocklet/uploader": "^0.0.56",
+    "@arcblock/icons": "^2.9.1",
+    "@arcblock/nft-display": "2.9.1",
+    "@arcblock/react-hooks": "^2.9.1",
+    "@arcblock/terminal": "^2.9.1",
+    "@arcblock/ux": "^2.9.1",
+    "@blocklet/constant": "1.16.21-beta-2e75c75c",
+    "@blocklet/launcher-layout": "2.2.50",
+    "@blocklet/list": "^0.12.62",
+    "@blocklet/meta": "1.16.21-beta-2e75c75c",
+    "@blocklet/ui-react": "^2.9.1",
+    "@blocklet/uploader": "^0.0.59",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -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.107",
+    "@ocap/client": "1.18.108",
     "@uiw/react-markdown-preview": "4.0.6",
     "ahooks": "^3.7.1",
     "axios": "^0.27.2",
@@ -102,7 +102,7 @@
     "babel-plugin-inline-react-svg": "^1.1.2",
     "glob": "^10.3.3"
   },
-  "gitHead": "7a7ff8be7f424775c3bde0eead773d8e6177fa1a",
+  "gitHead": "1fca0b58e1ed4f7a9bb268829a7c84290a01c89d",
   "exports": {
     ".": {
       "import": "./es/index.js",