@abtnode/ux 1.8.36 → 1.8.38

package/lib/blocklet/purchase/common.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomSelect = CustomSelect;
+exports.useStyles = exports.commonProps = void 0;
+var _styles = require("@mui/styles");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _ShoppingCart = _interopRequireDefault(require("@mui/icons-material/ShoppingCart"));
+var _VerifiedUser = _interopRequireDefault(require("@mui/icons-material/VerifiedUser"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Colors = _interopRequireDefault(require("@arcblock/ux/lib/Colors"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const commonProps = {
+  meta: _propTypes.default.object.isRequired,
+  onCancel: _propTypes.default.func.isRequired
+};
+exports.commonProps = commonProps;
+const useStyles = (0, _styles.makeStyles)(() => ({
+  dialogAuth: {
+    padding: '0 0 24px !important',
+    '& .auth-title': {
+      textAlign: 'center !important',
+      marginBottom: '4px !important'
+    },
+    '& .auth-tip--scan': {
+      textAlign: 'center !important'
+    }
+  },
+  iconRoot: {
+    minWidth: 48
+  }
+}));
+exports.useStyles = useStyles;
+function CustomSelect(_ref) {
+  let {
+    action,
+    onSelect,
+    onNext
+  } = _ref;
+  const classes = useStyles();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const options = [{
+    action: 'purchase',
+    title: t('store.purchase.purchase.title'),
+    description: t('store.purchase.purchase.description')
+  }, {
+    action: 'verify',
+    title: t('store.purchase.verify.title'),
+    description: t('store.purchase.verify.description')
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+      className: classes.tabPanel,
+      children: options.map(x => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListItem.default, {
+        button: true,
+        selected: action === x.action,
+        onClick: () => onSelect(x.action),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
+          className: classes.iconRoot,
+          children: x.action === 'purchase' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ShoppingCart.default, {
+            style: {
+              color: action === 'purchase' ? _Colors.default.primary.main : '#AAA',
+              fontSize: 32
+            }
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_VerifiedUser.default, {
+            style: {
+              color: action === 'verify' ? _Colors.default.primary.main : '#AAA',
+              fontSize: 32
+            }
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+          primary: x.title,
+          secondary: x.description
+        })]
+      }, x.action))
+    }), onNext && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      fullWidth: true,
+      disabled: !action,
+      variant: "contained",
+      color: "primary",
+      style: {
+        marginTop: 16
+      },
+      onClick: onNext,
+      children: t('common.next')
+    })]
+  });
+}
+CustomSelect.propTypes = {
+  action: _propTypes.default.oneOf(['both', 'purchase', 'verify']).isRequired,
+  onSelect: _propTypes.default.func.isRequired,
+  onNext: _propTypes.default.func.isRequired
+};

package/lib/blocklet/purchase/component-purchase.js

@@ -0,0 +1,251 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentPurchase = ComponentPurchase;
+exports.default = void 0;
+var _react = require("react");
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _util = require("@blocklet/meta/lib/util");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _pWaitFor = _interopRequireDefault(require("p-wait-for"));
+var _toast = _interopRequireDefault(require("../../toast"));
+var _node = require("../../contexts/node");
+var _util2 = require("../../util");
+var _api = require("../../util/api");
+var _common = require("./common");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["mode"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function ComponentPurchase(_ref) {
+  let {
+    meta,
+    onCancel,
+    mode,
+    handlePaySuccess
+  } = _ref;
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const {
+    info
+  } = (0, _node.useNodeContext)();
+  const webWalletUrl = (0, _util2.getWebWalletUrl)(info);
+  const [nw, setNw] = (0, _react.useState)(null);
+  const baseUrl = new URL(meta === null || meta === void 0 ? void 0 : meta.registryUrl).origin;
+  const name = (0, _util.getDisplayName)({
+    meta
+  });
+  const handleConnectSuccess = async (result, decrypt) => {
+    const success = async _ref2 => {
+      let {
+        downloadTokenList
+      } = _ref2;
+      handlePaySuccess({
+        downloadTokenList
+      });
+    };
+    const failure = async errorMessage => {
+      _toast.default.error(errorMessage);
+      onCancel(errorMessage);
+    };
+    async function handleConnectSessionStatus(url) {
+      return (0, _pWaitFor.default)(() => {
+        return _api.api.get(url).then(async _ref3 => {
+          let {
+            data
+          } = _ref3;
+          const downloadTokenList = data === null || data === void 0 ? void 0 : data.downloadTokenList;
+          if (data.status === 'succeed') {
+            if (downloadTokenList && downloadTokenList.length) {
+              await success({
+                downloadTokenList
+              });
+            } else {
+              await failure(t('blocklet.component.missDownloadTokenTip'));
+              return true;
+            }
+            return true;
+          }
+          if (data.status === 'error') {
+            console.error('vc error: ', data);
+            await failure(data === null || data === void 0 ? void 0 : data.error);
+            return true;
+          }
+          return false;
+        });
+      }, {
+        interval: 1000
+      });
+    }
+    if (mode === 'purchase' && nw) {
+      const {
+        statusUrl
+      } = (0, _util2.extractStatusUrlFromNextWorkflow)(nw);
+      // poll status url, to get download token
+      await handleConnectSessionStatus(statusUrl);
+    } else {
+      await success({
+        downloadTokenList: result.downloadTokenList && decrypt(result.downloadTokenList)
+      });
+    }
+  };
+  (0, _react.useEffect)(() => {
+    // only purchase mode has nw
+    if (mode === 'purchase') {
+      const nextWorkflowUrl = new URL(baseUrl);
+      nextWorkflowUrl.pathname = '/api/did/verify-purchase-blocklet/token';
+      nextWorkflowUrl.searchParams.set('serverDid', info.did);
+      nextWorkflowUrl.searchParams.set('blockletDid', meta === null || meta === void 0 ? void 0 : meta.did);
+      try {
+        _api.api.get(nextWorkflowUrl.href).then(_ref4 => {
+          let {
+            data
+          } = _ref4;
+          const url = "".concat(data.url);
+          setNw(url);
+        });
+      } catch (error) {
+        console.error('get next workflow url error: ', error);
+      }
+    }
+    return () => {
+      setNw(null);
+    };
+  }, [mode]); // eslint-disable-line
+
+  // If nw does not exist, then connect should not be render
+  if (mode === 'purchase' && !nw) {
+    return '';
+  }
+  const modePropsMap = {
+    verify: {
+      action: 'verify-purchase-blocklet',
+      checkFn: _api.axios.create({
+        baseURL: baseUrl
+      }).get,
+      extraParams: {
+        serverDid: info.did,
+        blockletDid: meta === null || meta === void 0 ? void 0 : meta.did
+      },
+      messages: {
+        title: t('store.purchase.verify.auth.title', {
+          name
+        }),
+        scan: t('store.purchase.verify.auth.scan'),
+        confirm: t('store.purchase.verify.auth.confirm'),
+        success: t('store.purchase.verify.auth.success')
+      }
+    },
+    purchase: {
+      action: 'acquire-asset',
+      checkFn: _api.axios.create({
+        baseURL: (0, _urlJoin.default)(baseUrl, '/store')
+      }).get,
+      extraParams: {
+        factory: meta.nftFactory,
+        nw
+      },
+      messages: {
+        title: t('store.purchase.auth.title', {
+          name
+        }),
+        scan: t('store.purchase.auth.scan'),
+        confirm: t('store.purchase.auth.confirm'),
+        success: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: t('store.purchase.auth.success')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+            children: t('blocklet.component.purchaseComponentSecondCheckTip')
+          })]
+        })
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, _objectSpread({
+    open: true,
+    locale: locale,
+    popup: false,
+    saveConnect: false,
+    className: "connect",
+    baseUrl: baseUrl,
+    onSuccess: handleConnectSuccess,
+    cancelWhenScanned: onCancel,
+    onClose: onCancel,
+    checkTimeout: 60 * 5000,
+    webWalletUrl: webWalletUrl,
+    disableClose: true,
+    showDownload: false
+  }, modePropsMap[mode]));
+}
+ComponentPurchase.propTypes = _objectSpread(_objectSpread({}, _common.commonProps), {}, {
+  handlePaySuccess: _propTypes.default.func,
+  mode: _propTypes.default.oneOf(['verify', 'purchase']).isRequired
+});
+ComponentPurchase.defaultProps = {
+  handlePaySuccess: () => {}
+};
+const ComponentPurchaseSelect = /*#__PURE__*/(0, _react.forwardRef)((_ref5, ref) => {
+  let {
+      mode
+    } = _ref5,
+    rest = _objectWithoutProperties(_ref5, _excluded);
+  const [action, setAction] = (0, _react.useState)(mode !== 'both' ? mode : 'verify');
+  const [step, setStep] = (0, _react.useState)(mode !== 'both' ? 2 : 1);
+  const onSelect = async act => {
+    if (act === action) {
+      return;
+    }
+    setAction(act);
+  };
+  const onNext = async () => {
+    if (!action) {
+      return;
+    }
+    if (step === 2) {
+      return;
+    }
+    setStep(2);
+  };
+
+  // expose the func and activeStep
+  (0, _react.useImperativeHandle)(ref, () => ({
+    onNext,
+    getCurrentStep: () => {
+      return step;
+    }
+  }));
+  if (step === 1) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        maxWidth: 520
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_common.CustomSelect, {
+        action: action,
+        onNext: null,
+        onSelect: onSelect
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ComponentPurchase, _objectSpread(_objectSpread({}, rest), {}, {
+    mode: action
+  }));
+});
+ComponentPurchaseSelect.propTypes = {
+  mode: _propTypes.default.oneOf(['both', 'verify', 'purchase']).isRequired,
+  ref: _propTypes.default.any
+};
+ComponentPurchaseSelect.defaultProps = {
+  ref: {}
+};
+var _default = ComponentPurchaseSelect;
+exports.default = _default;

package/lib/blocklet/purchase/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComponentPurchaseSelect", {
+  enumerable: true,
+  get: function get() {
+    return _componentPurchase.default;
+  }
+});
+var _componentPurchase = _interopRequireDefault(require("./component-purchase"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/blocklet/runtime-info.js

@@ -70,6 +70,7 @@ function BlockletRuntimeInfo(_ref) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
         nameWidth: 120,
         name: name,
+        nameFormatter: x => x,
         children: value
       }, name);
     })

package/lib/blocklet/util.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.downloadExportedSource = downloadExportedSource;
 exports.fixBlocklet = exports.ensureDomainAliases = void 0;
 exports.genExportedMeta = genExportedMeta;
-exports.getLaunchURL = exports.getLaunchAgreementUrl = void 0;
+exports.getLaunchAgreementUrl = void 0;
 exports.getNameByTitle = getNameByTitle;
 exports.getServerUrl = void 0;
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -112,21 +112,9 @@ const getServerUrl = function getServerUrl(info) {
   return encodeURI ? encodeURIComponent((0, _urlJoin.default)(window.location.origin, adminPath)) : (0, _urlJoin.default)(window.location.origin, adminPath);
 };
 exports.getServerUrl = getServerUrl;
-const getLaunchURL = function getLaunchURL(meta, info) {
-  let encodeURI = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  const serverUrl = getServerUrl(info, encodeURI);
-  const metaUrl = (0, _urlJoin.default)(info === null || info === void 0 ? void 0 : info.blockletRegistry, "/api/blocklets/".concat(meta.did, "/blocklet.json"));
-  return {
-    serverUrl,
-    metaUrl
-  };
-};
-exports.getLaunchURL = getLaunchURL;
-const getLaunchAgreementUrl = (meta, info) => {
-  const {
-    metaUrl,
-    serverUrl
-  } = getLaunchURL(meta, info);
+const getLaunchAgreementUrl = (meta, info, storeUrl) => {
+  const serverUrl = getServerUrl(info);
+  const metaUrl = (0, _urlJoin.default)(storeUrl, "/api/blocklets/".concat(meta.did, "/blocklet.json"));
   const url = new URL((0, _urlJoin.default)(serverUrl, '/launch-blocklet/agreement'));
   url.searchParams.set('blocklet_meta_url', metaUrl);
   url.searchParams.set('from', window.location.href);

package/lib/blocklet/version.js

@@ -89,7 +89,7 @@ function Version(_ref) {
       const input = {
         did: blocklet.meta.did,
         version: newVersionBlocklet.version,
-        registryUrl: newVersionBlocklet.registryUrl || ''
+        storeUrl: newVersionBlocklet.registryUrl || ''
       };
       await (0, _util2.sleep)(2000);
       await api.upgradeBlocklet({

package/lib/hooks/blocklet.js

@@ -18,7 +18,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 // eslint-disable-next-line import/prefer-default-export
 function useBlocklet(_ref) {
-  var _blocklet$site, _blocklet$site$domain, _blocklet$meta, _blocklet$meta2, _blocklet$meta3, _blocklet$meta4, _blocklet$meta5, _blocklet$meta6, _blocklet$meta7, _blocklet$meta8;
+  var _blocklet$site, _blocklet$site$domain, _blocklet$meta, _blocklet$meta2, _blocklet$meta3, _blocklet$meta4, _blocklet$meta5, _blocklet$meta6, _blocklet$meta7, _blocklet$meta8, _blocklet$meta9;
   let {
     did,
     client,
@@ -109,6 +109,23 @@ function useBlocklet(_ref) {
       }
     }
   };
+  const handleRefresh = data => {
+    var _data$meta;
+    if ((data === null || data === void 0 ? void 0 : (_data$meta = data.meta) === null || _data$meta === void 0 ? void 0 : _data$meta.did) === blocklet.meta.did) {
+      refreshBlocklet({
+        showError: false
+      });
+    }
+  };
+  const handleRefreshWithoutRuntime = data => {
+    var _data$meta2;
+    if ((data === null || data === void 0 ? void 0 : (_data$meta2 = data.meta) === null || _data$meta2 === void 0 ? void 0 : _data$meta2.did) === blocklet.meta.did) {
+      refreshBlocklet({
+        attachRuntimeInfo: false,
+        showError: false
+      });
+    }
+  };
   const refreshDomainStatus = () => {
     if (did && domainListStr) {
       client.checkDomains({
@@ -131,15 +148,14 @@ function useBlocklet(_ref) {
       [data.domain]: _objectSpread(_objectSpread({}, pre[data.domain]), data)
     }));
   }, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.statusChange, () => refreshBlocklet({
-    attachRuntimeInfo: false
-  }), [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta2 = blocklet.meta) === null || _blocklet$meta2 === void 0 ? void 0 : _blocklet$meta2.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.started, refreshBlocklet, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta3 = blocklet.meta) === null || _blocklet$meta3 === void 0 ? void 0 : _blocklet$meta3.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.startFailed, refreshBlocklet, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta4 = blocklet.meta) === null || _blocklet$meta4 === void 0 ? void 0 : _blocklet$meta4.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.installed, refreshBlocklet, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta5 = blocklet.meta) === null || _blocklet$meta5 === void 0 ? void 0 : _blocklet$meta5.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.upgraded, refreshBlocklet, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta6 = blocklet.meta) === null || _blocklet$meta6 === void 0 ? void 0 : _blocklet$meta6.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.downgraded, refreshBlocklet, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta7 = blocklet.meta) === null || _blocklet$meta7 === void 0 ? void 0 : _blocklet$meta7.did, !disableSubscription]);
-  useSubscription(_constant.BlockletEvents.updated, refreshBlocklet, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta8 = blocklet.meta) === null || _blocklet$meta8 === void 0 ? void 0 : _blocklet$meta8.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.statusChange, handleRefreshWithoutRuntime, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta2 = blocklet.meta) === null || _blocklet$meta2 === void 0 ? void 0 : _blocklet$meta2.did, !disableSubscription]); // eslint-disable-line prettier/prettier
+  useSubscription(_constant.BlockletEvents.storeChange, handleRefreshWithoutRuntime, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta3 = blocklet.meta) === null || _blocklet$meta3 === void 0 ? void 0 : _blocklet$meta3.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.started, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta4 = blocklet.meta) === null || _blocklet$meta4 === void 0 ? void 0 : _blocklet$meta4.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.startFailed, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta5 = blocklet.meta) === null || _blocklet$meta5 === void 0 ? void 0 : _blocklet$meta5.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.installed, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta6 = blocklet.meta) === null || _blocklet$meta6 === void 0 ? void 0 : _blocklet$meta6.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.upgraded, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta7 = blocklet.meta) === null || _blocklet$meta7 === void 0 ? void 0 : _blocklet$meta7.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.downgraded, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta8 = blocklet.meta) === null || _blocklet$meta8 === void 0 ? void 0 : _blocklet$meta8.did, !disableSubscription]);
+  useSubscription(_constant.BlockletEvents.updated, handleRefresh, [blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta9 = blocklet.meta) === null || _blocklet$meta9 === void 0 ? void 0 : _blocklet$meta9.did, !disableSubscription]);
   const data = blocklet ? (0, _merge.default)(blocklet, {
     site: {
       domainAliases: blocklet.site.domainAliases.map(x => {

package/lib/layout/feedback.js

@@ -14,16 +14,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function Feedback(_ref) {
   let {
-    id,
-    version,
-    bundleName
+    infos
   } = _ref;
   const {
     t
   } = (0, _context.useLocaleContext)();
+  const infoStr = infos.map(x => "* ".concat(x.label, ": ").concat(x.value)).join('\n');
   const feedbackUrl = new URL('https://github.com/blocklet/blocklet-site/issues/new');
   feedbackUrl.searchParams.set('title', '[Feedback]');
-  feedbackUrl.searchParams.set('body', "\n\n[Enter feedback here]\n\n\n---\n#### Document Details\n* App Id: ".concat(id, "\n* App Version: ").concat(version, "\n* App Bundle Name: ").concat(bundleName, "\n* Page: ").concat(window.location.href, "\n"));
+  feedbackUrl.searchParams.set('body', "<!-- [Enter feedback here] -->\n\n\n\n<!--\nDocument Details\n".concat(infoStr, "\n* Page: ").concat(window.location.href, "\n-->\n"));
   return (0, _jsxRuntime.jsx)(_material.Box, {
     sx: {
       mx: {
@@ -46,12 +45,11 @@ function Feedback(_ref) {
   });
 }
 Feedback.propTypes = {
-  id: _propTypes.default.string,
-  version: _propTypes.default.string,
-  bundleName: _propTypes.default.string
+  infos: _propTypes.default.arrayOf(_propTypes.default.shape({
+    label: _propTypes.default.string,
+    value: _propTypes.default.string
+  }))
 };
 Feedback.defaultProps = {
-  id: '',
-  version: '',
-  bundleName: ''
+  infos: []
 };

package/lib/locales/en.js

@@ -60,6 +60,9 @@ module.exports = {
   },
   common: {
     about: 'About',
+    access: 'Access',
+    general: 'General',
+    preferences: 'Preferences',
     auditLogs: 'Audit Trail',
     logs: 'Logs',
     filter: 'Log Filter',
@@ -226,6 +229,8 @@ module.exports = {
     scheduleSuccess: 'successfully scheduled',
     search: 'Search',
     security: 'Security',
+    serverDid: 'Server DID',
+    serverVersion: 'Server Version',
     setting: 'Settings',
     start: 'Start',
     status: 'Status',
@@ -364,7 +369,8 @@ module.exports = {
           }
         },
         publicToStore: 'Public On Store',
-        publicInstanceTip: 'The access address of this blocklet will be displayed in the Store (along with your DID for accepting donations)'
+        publicInstanceTip: 'The access address of this blocklet will be displayed in the Store (along with your DID for accepting donations)',
+        updatedTip: 'Access Control Modified'
       },
       disabledText: 'Please edit environment variables in ".env" file or "blocklet.yml" file',
       changedTip: 'Configuration updated, please restart Blocklet',
@@ -374,7 +380,7 @@ module.exports = {
         key: 'Configuration key',
         value: 'Configuration value',
         keyValueRequired: 'Configuration key and value must be specified',
-        invalidKey: 'Configuration key must not start with BLOCKLET_',
+        invalidKey: 'Configuration key must not start with BLOCKLET_ or COMPONENT_',
         deleteForbidden: 'This configuration is required and should not be deleted',
         tip: 'Configurations prefixed with BWA_ should not contain sensitive information because they will be sent to the browser'
       }
@@ -1031,6 +1037,7 @@ module.exports = {
     dialog: {
       title: 'Authorization Required',
       freeDescription: 'You need to present Blocklet Server Ownership NFT or Blocklet Server Passport to launch application',
+      freeServerlessDescription: 'Please provide serverless NFT',
       nonFreeDescription: 'You need to present application purchase NFT and Blocklet Server NFT to launch application',
       confirm: 'Confirm on your DID Wallet',
       success: 'Authorization Successfully',

package/lib/locales/zh.js

@@ -64,6 +64,9 @@ module.exports = {
   },
   common: {
     about: '关于',
+    access: '访问',
+    general: '通用',
+    preferences: '偏好',
     auditLogs: '审计记录',
     logs: '日志',
     filter: '筛选',
@@ -232,6 +235,8 @@ module.exports = {
     scheduleSuccess: '成功加入任务队列',
     search: '搜索',
     security: '安全',
+    serverDid: '服务器 DID',
+    serverVersion: '服务器版本',
     setting: '设置',
     start: '启动',
     status: '状态',
@@ -370,7 +375,8 @@ module.exports = {
           }
         },
         publicToStore: '在 Store 公开',
-        publicInstanceTip: '此应用的访问地址将展示在 Store 中（同时也会展示你的 DID，用于接受捐赠）'
+        publicInstanceTip: '此应用的访问地址将展示在 Store 中（同时也会展示你的 DID，用于接受捐赠）',
+        updatedTip: '访问控制已修改'
       },
       disabledText: '请在 ".env" 文件或 "blocklet.yml" 文件中编辑环境变量',
       changedTip: '配置已更新，请重启 Blocklet',
@@ -380,7 +386,7 @@ module.exports = {
         key: '配置键',
         value: '配置值',
         keyValueRequired: '键和值不能为空',
-        invalidKey: '键不能以 BLOCKLET_ 开头',
+        invalidKey: '键不能以 BLOCKLET_ 或 COMPONENT_ 开头',
         deleteForbidden: '该配置项是必填项，不能删除',
         tip: '包含 BWA_ 前缀的配置项不应该包含敏感信息，因为他们会被发送到前端页面'
       }
@@ -1037,6 +1043,7 @@ module.exports = {
     dialog: {
       title: '需要您的授权',
       freeDescription: '你需要提供节点所有权 NFT 或节点通行证凭据来启动应用',
+      freeServerlessDescription: '请提供无服务 NFT',
       nonFreeDescription: '你需要提供应用购买凭证和节点通行证来启动应用',
       confirm: '在您的 DID 钱包上确认',
       success: '授权成功',

package/lib/schema-form/index.js

@@ -224,4 +224,4 @@ SchemaForm.defaultProps = {
   style: {},
   disabled: false
 };
-const StyledFormWrapper = (0, _styled.default)(_formWrapper.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 80%;\n"])));
+const StyledFormWrapper = (0, _styled.default)(_formWrapper.default)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));