@abtnode/ux 1.16.5 → 1.16.6-beta-8be2fe37

package/lib/blocklet/configuration.js

@@ -20,6 +20,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
 var _LockIcon = _interopRequireDefault(require("@arcblock/icons/lib/LockIcon"));
+var _Loop = _interopRequireDefault(require("@mui/icons-material/Loop"));
 var _constant = require("@abtnode/constant");
 var _constant2 = require("@blocklet/constant");
 var _util = require("@blocklet/meta/lib/util");
@@ -34,6 +35,7 @@ var _domainActions = _interopRequireDefault(require("./router/domain-actions"));
 var _walletType = _interopRequireDefault(require("./preferences/wallet-type"));
 var _appSk = _interopRequireDefault(require("./preferences/app-sk"));
 var _addCert = _interopRequireDefault(require("./add-cert"));
+var _transferOwner = _interopRequireDefault(require("./transfer-owner"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 const _excluded = ["blocklet", "onUpdate", "hasPermission"];
@@ -62,6 +64,7 @@ function BlockletEnvironment(_ref) {
   } = (0, _react.useContext)(_context.LocaleContext);
   const [cpuCores, setCpuCores] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)('');
+  const [showTransferOwner, setShowTransferOwner] = (0, _react.useState)(false);
   const whoCanAccess = (0, _util.getWhoCanAccess)(blocklet);
   const publicToStore = blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.publicToStore;
   const theme = (0, _useTheme.default)();
@@ -533,6 +536,36 @@ function BlockletEnvironment(_ref) {
           initialValue: blocklet.environments.find(x => x.key === 'BLOCKLET_APP_SK').value,
           onChange: onAppSkChange
         })]
+      }), inService && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "config-form",
+        mt: 2,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          className: "config-item",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            className: "config-label",
+            mb: 0,
+            children: t('team.transferApp.name')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+            style: {
+              flexShrink: 0
+            },
+            variant: "contained",
+            edge: "end",
+            color: "error",
+            size: "small",
+            "data-cy": "invite-member",
+            onClick: () => setShowTransferOwner(true),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Loop.default, {
+              style: {
+                fontSize: '1.3em',
+                marginRight: 4
+              }
+            }), t('team.transferApp.name')]
+          })]
+        }), showTransferOwner && /*#__PURE__*/(0, _jsxRuntime.jsx)(_transferOwner.default, {
+          onCancel: () => setShowTransferOwner(false),
+          onSuccess: () => setShowTransferOwner(false)
+        })]
       })]
     })]
   }));

package/lib/blocklet/transfer-owner.js

@@ -0,0 +1,196 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TransferOwner;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _clickToCopy = _interopRequireDefault(require("../click-to-copy"));
+var _util = require("../util");
+var _session = require("../contexts/session");
+var _team = require("../contexts/team");
+var _jsxRuntime = require("react/jsx-runtime");
+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 TransferOwner(_ref) {
+  let {
+    onCancel,
+    onSuccess,
+    onError
+  } = _ref;
+  const {
+    api: sessionAPI
+  } = (0, _react.useContext)(_session.SessionContext);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const {
+    locale
+  } = (0, _context.useLocaleContext)();
+  const [error, setError] = (0, _react.useState)('');
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [openTransferOwner, setOpenTransferOwner] = (0, _react.useState)(false);
+  const [activeStep, setActiveStep] = (0, _react.useState)(0);
+  const [result, setResult] = (0, _react.useState)('');
+  const {
+    endpoint
+  } = (0, _team.useTeamContext)();
+  const [confirmCopied, setConfirmCopied] = (0, _react.useState)(false);
+  const onCreateSession = async res => {
+    setError(null);
+    setLoading(true);
+    try {
+      setResult(res.result);
+      setActiveStep(steps.length - 1); // 跳转到最后一步
+    } catch (err) {
+      const errMsg = (0, _util.formatError)(err);
+      setError(errMsg);
+      onError(err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleTransferOwner = () => {
+    setOpenTransferOwner(true);
+    setActiveStep(1);
+  };
+  const handleCancelTransferOwner = () => {
+    setOpenTransferOwner(false);
+    setActiveStep(0);
+  };
+  const steps = [{
+    body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        children: t('team.transferApp.transferDialog.tips.progress')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        mt: 3,
+        mb: 2,
+        children: t('team.transferApp.transferDialog.tips.newOwnerPermissions')
+      })]
+    }),
+    cancel: t('common.cancel'),
+    confirm: t('team.transferApp.transferDialog.createTransferLink'),
+    onCancel,
+    onConfirm: handleTransferOwner
+  }, {
+    body: () => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+        action: "transfer-app-owner",
+        open: openTransferOwner,
+        locale: locale,
+        checkFn: sessionAPI.get,
+        onClose: handleCancelTransferOwner,
+        onSuccess: onCreateSession,
+        checkTimeout: 5 * 60 * 1000,
+        extraParams: {},
+        messages: {
+          title: t('team.transferApp.connectDialog.title'),
+          scan: t('team.transferApp.connectDialog.scan'),
+          confirm: t('team.transferApp.connectDialog.confirm'),
+          success: t('team.transferApp.connectDialog.success')
+        },
+        popup: true
+      });
+    }
+  }, {
+    body: () => {
+      const link = (0, _util.getTransferAppLink)({
+        transferId: result.transferId,
+        endpoint
+      });
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          component: Bold,
+          children: t('team.transferApp.transferDialog.createSuccessTip', {
+            expireDate: (0, _util.formatToDatetime)(result.expireDate)
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          component: Bold,
+          mt: 1,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Bold, {
+            children: t('team.transferApp.transferDialog.createSuccessTip2')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            marginTop: '20px'
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            children: t('team.transferApp.transferDialog.link')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_clickToCopy.default, {
+            children: link
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlLabel.default, {
+            value: "end",
+            control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, {
+              checked: confirmCopied,
+              onChange: e => setConfirmCopied(e.target.checked)
+            }),
+            label: t('team.transferApp.transferDialog.iKnow'),
+            labelPlacement: "end"
+          })
+        })]
+      });
+    },
+    confirm: t('common.confirm'),
+    onConfirm: onSuccess
+  }];
+  const step = steps[activeStep];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)(Bold, {
+      className: "title",
+      children: t('team.transferApp.transferDialog.title')
+    }),
+    fullWidth: true,
+    open: true,
+    showCloseButton: false,
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [step.cancel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: step.onCancel,
+        color: "inherit",
+        children: step.cancel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: step.onConfirm,
+        color: "error",
+        disabled: loading || activeStep === steps.length - 1 && !confirmCopied,
+        variant: "contained",
+        autoFocus: true,
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          size: 16
+        }), step.confirm]
+      })]
+    }),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+      component: "div",
+      children: typeof step.body === 'function' ? step.body() : step.body
+    }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+      type: "error",
+      variant: "icon",
+      children: error
+    })]
+  });
+}
+TransferOwner.propTypes = {
+  onCancel: _propTypes.default.func.isRequired,
+  onSuccess: _propTypes.default.func.isRequired,
+  onError: _propTypes.default.func
+};
+TransferOwner.defaultProps = {
+  onError: () => {}
+};
+const Bold = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 16px;\n  font-weight: bold;\n  &.title {\n    font-size: 20px;\n  }\n"])));

package/lib/exchange-passport.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _reactRouterDom = require("react-router-dom");
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@abtnode/constant");
+var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
+var _toast = _interopRequireDefault(require("./toast"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ExchangePassport(_ref) {
+  let {
+    SessionContext,
+    webWalletUrl,
+    onSuccess
+  } = _ref;
+  const {
+    api,
+    session
+  } = (0, _react.useContext)(SessionContext);
+  const {
+    t,
+    locale
+  } = (0, _context.useLocaleContext)();
+  const navigate = (0, _reactRouterDom.useNavigate)();
+  const {
+    searchParams
+  } = new URL(window.location.href);
+  const redirect = searchParams.get('redirect');
+  const onDone = async (result, decrypt) => {
+    onSuccess(result, decrypt);
+    await session.refresh();
+    _toast.default.success(t('exchangePassport.success'));
+    setTimeout(() => {
+      if (redirect) {
+        const url = decodeURIComponent(redirect);
+        if (url.startsWith(_constant.WELLKNOWN_SERVICE_PATH_PREFIX)) {
+          navigate(url, {
+            replace: true
+          });
+        } else {
+          window.location = url;
+        }
+      } else {
+        window.location = window.env.pathPrefix || window.env.apiPrefix || '/';
+      }
+    }, 3000);
+  };
+  const onError = err => {
+    _toast.default.error(err.message);
+  };
+  const extraParams = {};
+  const componentId = searchParams.get('componentId');
+  if (componentId) {
+    extraParams.componentId = componentId;
+  }
+  if (session.loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "connect-wrapper",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+        className: "connect",
+        action: "exchange-passport",
+        checkFn: api.get,
+        checkTimeout: 10 * 60 * 1000,
+        webWalletUrl: webWalletUrl,
+        onSuccess: onDone,
+        onError: onError,
+        locale: locale,
+        messages: {
+          title: t('exchangePassport.dialog.title'),
+          scan: t('exchangePassport.dialog.scan'),
+          confirm: t('exchangePassport.dialog.confirm'),
+          success: t('exchangePassport.dialog.success')
+        },
+        extraParams: extraParams,
+        extraContent: null
+      })
+    })
+  });
+}
+var _default = (0, _wrapLocale.default)(ExchangePassport);
+exports.default = _default;
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 100vh;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  .connect-wrapper {\n    flex: 1;\n  }\n  .connect {\n    background: #fafafa;\n  }\n"])));

package/lib/locales/en.js

@@ -53,6 +53,18 @@ module.exports = {
     title: 'Claim Server with Ownership NFT',
     tooltip: 'If you received a server ownership nft, you can claim your owner passport with this link.'
   },
+  exchangePassport: {
+    title: 'Exchange Passport with NFT',
+    success: 'You have successfully exchanged your passport and logged in with the passport',
+    login: 'Login',
+    tooltip: 'If you own NFT from collection {collections}, you can exchange your passport with this link.',
+    dialog: {
+      title: 'Exchange Passport with NFT',
+      scan: 'Connect your DID Wallet to present your NFT to get a passport',
+      confirm: 'Select NFT on your DID Wallet',
+      success: 'Passport has been successfully exchanged'
+    }
+  },
   sidebar: {
     dashboard: 'Dashboard',
     blocklets: 'Blocklets',
@@ -120,7 +132,7 @@ module.exports = {
     dAddress: 'Decentralized Identifiers (DID)',
     dataStorage: 'Data Storage',
     delConfirm: 'Delete',
-    delConfirmDescription: 'Confirm delete?',
+    delConfirmDescription: 'Confirm delete {data}?',
     delete: 'Delete',
     dependents: 'Dependents',
     description: 'Description',
@@ -974,6 +986,35 @@ module.exports = {
         success: 'Authorization Successfully'
       }
     },
+    transferApp: {
+      name: 'Transfer Ownership',
+      transferDialog: {
+        title: 'Transfer Application',
+        tips: {
+          progress: 'Transfer the application needs to be accepted by the receiver to complete the transfer operation, and once the receiver accepts it, you cannot log in to the application with the current passport again.',
+          newOwnerPermissions: 'The new Owner will have the right to manage all operations such as members, passports, and settings.'
+        },
+        createTransferLink: 'Generate Transfer Link',
+        createSuccessTip: 'The transfer link is successfully created, click to copy and send the link to the invited member, please note that this invitation link can not be reused and will expire on {expireDate}',
+        createSuccessTip2: 'Your transfer link will only be shown once and will not be viewable again after closing this dialog',
+        link: 'Transfer Link',
+        iKnow: 'I have copied and saved the link'
+      },
+      connectDialog: {
+        title: 'Authorize Required',
+        scan: 'Scan following QR code with DID Wallet to authorize application to transfer ownership.',
+        confirm: 'Confirm on your DID Wallet',
+        success: 'Authorization Successfully'
+      },
+      receiveDialog: {
+        title: 'Receive Application Ownership',
+        scan: 'Scan following QR code with DID Wallet to receive the application ownership.',
+        confirm: 'Confirm on your DID Wallet',
+        success: 'Receive Ownership Successfully'
+      },
+      successTitle: 'You have become the new owner of this application',
+      visitDashboard: 'Visit Application Dashboard'
+    },
     permission: {
       create: {
         title: 'Create Permission',
@@ -1028,6 +1069,16 @@ module.exports = {
       enableIssuanceTip: '"Issue Passport", "Invite Member" and other operations will be enabled',
       trustedPassportIssuers: 'Trusted Passport Issuers',
       trustedIssuers: 'Trusted Issuers',
+      trustedFactories: 'Trusted NFT Collections',
+      trustedFactoriesTip: 'Mange trusted NFT Collections that can be used to exchange for a passport',
+      searchFactoryAddress: 'Search Collection DID',
+      configFactories: 'Config Trusted NFT Collections',
+      configFactoriesTip: 'Allow users to exchange NFTs for passport',
+      factoryAddress: 'NFT Collection Address',
+      factoryAddressTip: 'The NFT Collection address must exist on ArcBlock Main Chain',
+      role: 'Passport Type',
+      ttl: 'Passport Valid Period',
+      ttlTip: 'Calculated since NFT genesis time, 0 means no expiration',
       externalPassport: 'External Passport',
       notTrustedIssuerTip: 'The passport cannot be used because the issuer is not on the list of trusted issuers',
       issuerDid: 'Issuer DID',
@@ -1041,6 +1092,7 @@ module.exports = {
       searchIssuerDid: 'Search Issuer DID',
       issueBy: 'Issue by {name}',
       configColor: 'Config Passport Color',
+      configColorTip: 'Customize the color of the passport',
       color: 'Passport Color'
     },
     inviting: {

package/lib/locales/zh.js

@@ -57,6 +57,17 @@ module.exports = {
     title: '使用 Owner NFT 接收节点',
     tooltip: '如果你收到了 Owner NFT，你可以通过这个链接申请你的节点所有者通行证'
   },
+  exchangePassport: {
+    title: '用 NFT 来换取通行证',
+    success: '你已经成功换取通行证，并自动登录',
+    tooltip: '如果你拥有来自 {collections} 集合的 NFT，点击这里换取通行证',
+    dialog: {
+      title: '用 NFT 来换取通行证',
+      scan: '连接 DID 钱包出示 NFT 以换取通行证',
+      confirm: '在钱包中选择 NFT',
+      success: '通行证换取成功'
+    }
+  },
   sidebar: {
     dashboard: '仪表盘',
     blocklets: '基石程序',
@@ -124,7 +135,7 @@ module.exports = {
     dAddress: '去中心化地址(DID)',
     dataStorage: '数据存储',
     delConfirm: '删除',
-    delConfirmDescription: '确认删除？',
+    delConfirmDescription: '确认删除 {data}？',
     delete: '删除',
     dependents: '被依赖',
     description: '描述',
@@ -698,7 +709,7 @@ module.exports = {
       accessKeyId: 'Access Key',
       lastUsed: '最后使用',
       tip: '请给 Access Key 起个名字',
-      saveSecretTip: '你的 Access Secret 只会展示一次，关闭次窗口后将无法再次查看，不过你可以随时重新创建新的 Access Key',
+      saveSecretTip: '你的 Access Secret 只会展示一次，关闭此窗口后将无法再次查看，不过你可以随时重新创建新的 Access Key',
       iKnow: '我已复制保存好该 Access Secret',
       showSecret: '展示 Secret',
       hideSecret: '隐藏 Secret',
@@ -977,6 +988,35 @@ module.exports = {
         success: '授权成功'
       }
     },
+    transferApp: {
+      name: '转移所有者',
+      transferDialog: {
+        title: '转移应用',
+        tips: {
+          progress: '转移应用需要对方接受后才能完成转移操作，对方一旦接受，无法再使用当前应用所有者凭据登录应用。',
+          newOwnerPermissions: '新 Owner 将有权管理成员、通行证，以及设置等所有操作。'
+        },
+        createTransferLink: '生成转移链接',
+        createSuccessTip: '创建转移链接成功，请复制并发送给被邀请人。该链接只能使用一次，并将在 {expireDate} 过期',
+        createSuccessTip2: '你的转移链接只会展示一次，关闭此窗口后将无法再次查看',
+        link: '邀请链接',
+        iKnow: '我已复制保存好该链接'
+      },
+      connectDialog: {
+        title: '需要授权',
+        scan: '用 DID 钱包扫描下面的二维码，授权应用转让所有权',
+        confirm: '在您的 DID 钱包上确认',
+        success: '授权成功'
+      },
+      receiveDialog: {
+        title: '接收应用程序所有权',
+        scan: '用 DID 钱包扫描下面的二维码，获得应用程序所有权。',
+        confirm: '在您的 DID 钱包上确认',
+        success: '成功获得所有权'
+      },
+      successTitle: '你已成为应用的所有者',
+      visitDashboard: '访问应用控制台'
+    },
     permission: {
       create: {
         title: '创建权限',
@@ -1034,6 +1074,16 @@ module.exports = {
       enableIssuanceTip: '“颁发通行证”，“邀请成员” 等操作将被允许',
       trustedPassportIssuers: '信任的通行证颁发者',
       trustedIssuers: '信任的颁发者',
+      trustedFactories: '信任的 NFT 集合',
+      trustedFactoriesTip: '管理信任的 NFT 集合，持有这些集合中 NFT 的用户可以领取指定通行证',
+      searchFactoryAddress: '搜索集合 DID',
+      configFactories: '配置信任的 NFT 集合',
+      configFactoriesTip: '允许用户用特定 NFT 来换取通行证',
+      factoryAddress: 'NFT 集合 DID',
+      factoryAddressTip: 'NFT 集合必须 ArcBlock 主链上的',
+      role: '通行证类型',
+      ttl: '通行证有效期',
+      ttlTip: '是根据 NFT 的创建日期来计算，0 表示用不过期，可以使用 365d 的语法',
       externalPassport: '外部的通信证',
       notTrustedIssuerTip: '该通行证无法使用，因为颁发者未在信任的颁发者列表中',
       issuerDid: '颁发者 DID',
@@ -1047,6 +1097,7 @@ module.exports = {
       searchIssuerDid: '搜索颁发者 DID',
       issueBy: '由 {name} 颁发',
       configColor: '设置通行证颜色',
+      configColorTip: '通过调色盘来自定义通行证的主色调',
       color: '通行证颜色'
     },
     inviting: {

package/lib/team/passports/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PassportList;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
@@ -27,9 +27,12 @@ var _detail = _interopRequireDefault(require("./detail"));
 var _color = _interopRequireDefault(require("./color"));
 var _mutateRole = _interopRequireDefault(require("./mutate-role"));
 var _trustedIssuers = _interopRequireDefault(require("./trusted-issuers"));
+var _trustedFactories = _interopRequireDefault(require("./trusted-factories"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function PassportList() {
   const {
@@ -52,7 +55,8 @@ function PassportList() {
   const [showCreate, setShowCreate] = (0, _react.useState)(false);
   const [updateForm, setUpdateForm] = (0, _react.useState)(false);
   const [showColor, setShowColor] = (0, _react.useState)(false);
-  const [showTrustedIssuers, setShowTrustedIssuers] = (0, _react.useState)(null);
+  const [showTrustedIssuers, setShowTrustedIssuers] = (0, _react.useState)(false);
+  const [showTrustedFactories, setShowTrustedFactories] = (0, _react.useState)(false);
   const [search, setSearch] = (0, _react.useState)('');
   const [loading, setLoading] = (0, _react.useState)(false);
   const toggleShowIssue = async () => {
@@ -98,6 +102,16 @@ function PassportList() {
             },
             menu: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitButton.default.Item, {
+                onClick: () => setShowTrustedFactories(true),
+                "data-cy": "config-show-trusted-factories",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+                  children: [t('team.passport.configFactories'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                    fontSize: 12,
+                    color: "#888",
+                    children: t('team.passport.configFactoriesTip')
+                  })]
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitButton.default.Item, {
                 "data-cy": "config-show-issue-passport",
                 onClick: () => {
                   toggleShowIssue();
@@ -121,8 +135,12 @@ function PassportList() {
               }), !isNodeTeam && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitButton.default.Item, {
                 onClick: () => setShowColor(true),
                 "data-cy": "config-passport-color",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-                  children: t('team.passport.configColor')
+                children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+                  children: [t('team.passport.configColor'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                    fontSize: 12,
+                    color: "#888",
+                    children: t('team.passport.configColorTip')
+                  })]
                 })
               })]
             }),
@@ -208,13 +226,13 @@ function PassportList() {
         refreshTeam();
       }
     }), updateForm && /*#__PURE__*/(0, _jsxRuntime.jsx)(_detail.default, {
-      onCancel: () => setUpdateForm(null),
+      onCancel: () => setUpdateForm(false),
       onSuccess: () => {
-        setUpdateForm(null);
+        setUpdateForm(false);
         refreshTeam();
       },
       onDelete: () => {
-        setUpdateForm(null);
+        setUpdateForm(false);
         refreshTeam();
       },
       mode: "update",
@@ -222,9 +240,11 @@ function PassportList() {
       item: updateForm
     }), showTrustedIssuers && /*#__PURE__*/(0, _jsxRuntime.jsx)(_trustedIssuers.default, {
       onCancel: () => setShowTrustedIssuers(false)
+    }), showTrustedFactories && /*#__PURE__*/(0, _jsxRuntime.jsx)(_trustedFactories.default, {
+      onCancel: () => setShowTrustedFactories(false)
     }), showColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_color.default, {
-      onCancel: () => setShowColor(null),
-      onSuccess: () => setShowColor(null)
+      onCancel: () => setShowColor(false),
+      onSuccess: () => setShowColor(false)
     })]
   });
 }

package/lib/team/passports/trusted-factories.js

@@ -0,0 +1,240 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TrustedFactoriesWithPermission;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
+var _Address = _interopRequireDefault(require("@arcblock/did-connect/lib/Address"));
+var _EditIcon = _interopRequireDefault(require("@arcblock/icons/lib/EditIcon"));
+var _DeleteIcon = _interopRequireDefault(require("@arcblock/icons/lib/DeleteIcon"));
+var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
+var _toast = _interopRequireDefault(require("../../toast"));
+var _permission = require("../../permission");
+var _node = require("../../contexts/node");
+var _team = require("../../contexts/team");
+var _util = require("../../util");
+var _confirm = _interopRequireDefault(require("../../confirm"));
+var _listHeader = _interopRequireDefault(require("../styles/list-header"));
+var _searchInput = _interopRequireDefault(require("../search-input"));
+var _trustedFactory = _interopRequireDefault(require("./trusted-factory"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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) { 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 TrustedFactories(_ref) {
+  let {
+    onCancel,
+    hasPermission
+  } = _ref;
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    teamDid,
+    trustedFactories
+  } = (0, _team.useTeamContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [delConfirm, setDelConfirm] = (0, _react.useState)(null);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [trustedFactory, setTrustedFactory] = (0, _react.useState)(null);
+  const [search, setSearch] = (0, _react.useState)('');
+  const deleteTrustedFactory = async did => {
+    if (loading) {
+      return;
+    }
+    try {
+      setLoading(true);
+      await api.configTrustedFactories({
+        input: {
+          teamDid,
+          trustedFactories: trustedFactories.filter(x => x.factoryAddress !== did)
+        }
+      });
+      await (0, _util.sleep)(800);
+      setLoading(false);
+      _toast.default.success(t('common.saveSuccess'));
+      setDelConfirm(null);
+    } catch (err) {
+      setLoading(false);
+      _toast.default.error(err.message);
+    }
+  };
+  const filterFactories = trustedFactories.filter(x => !search || x.factoryAddress.toLowerCase().includes(search.toLowerCase()));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
+    title: t('team.passport.trustedFactories'),
+    open: true,
+    onClose: onCancel,
+    fullWidth: true,
+    PaperProps: {
+      style: {
+        minHeight: '80vh'
+      }
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dialog-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dialog-h1",
+          children: t('team.passport.trustedFactoriesTip')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          component: _listHeader.default,
+          mt: 3,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "left",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_searchInput.default, {
+              placeholder: t('team.passport.searchFactoryAddress'),
+              value: search,
+              onChange: e => setSearch(e.target.value)
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "right",
+            children: hasPermission && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+              variant: "contained",
+              color: "primary",
+              size: "small",
+              "data-cy": "add-trusted-factory",
+              onClick: () => setTrustedFactory({
+                mode: 'add'
+              }),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Add.default, {
+                style: {
+                  fontSize: 16,
+                  marginRight: 4
+                }
+              }), t('team.add')]
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "list",
+          children: [filterFactories.map(x => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            mt: "20px",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+              flexGrow: 1,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
+                copyable: false,
+                prepend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                  display: "flex",
+                  alignItems: "center",
+                  mr: 1,
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+                    did: x.factoryAddress,
+                    size: 20
+                  })
+                }),
+                showDidLogo: false,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  style: {
+                    fontSize: 16
+                  },
+                  children: x.factoryAddress
+                })
+              }), !!x.remark && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+                pl: 3.5,
+                fontSize: 12,
+                maxWidth: "300px",
+                children: x.remark
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+              color: "gray",
+              mr: "24px",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tag.default, {
+                type: "success",
+                children: x.passport.role
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+              flexShrink: 0,
+              display: "flex",
+              alignItems: "center",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                onClick: () => setTrustedFactory({
+                  mode: 'update',
+                  data: (0, _cloneDeep.default)(x)
+                }),
+                "data-cy": "edit-trusted-factory",
+                size: "large",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditIcon.default, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                "data-cy": "delete-trusted-factory",
+                onClick: () => setDelConfirm({
+                  title: t('common.delete'),
+                  description: t('common.delConfirmDescription', {
+                    data: x.factoryAddress
+                  }),
+                  confirm: t('common.delConfirm'),
+                  cancel: t('common.cancel'),
+                  onConfirm: () => deleteTrustedFactory(x.factoryAddress),
+                  onCancel: () => {
+                    setLoading(false);
+                    setDelConfirm(null);
+                  }
+                }),
+                size: "large",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteIcon.default, {})
+              })]
+            })]
+          }, x.factoryAddress)), !trustedFactories.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+            children: t('common.empty')
+          })]
+        })]
+      })
+    }), trustedFactory && /*#__PURE__*/(0, _jsxRuntime.jsx)(_trustedFactory.default, {
+      data: trustedFactory.data,
+      trustedFactories: (0, _cloneDeep.default)(trustedFactories),
+      onCancel: () => setTrustedFactory(null),
+      onSuccess: () => {
+        setTrustedFactory(null);
+      }
+    }), delConfirm && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: delConfirm.title,
+      description: delConfirm.description,
+      confirm: delConfirm.confirm,
+      cancel: delConfirm.cancel,
+      params: delConfirm.params,
+      onConfirm: delConfirm.onConfirm,
+      onCancel: delConfirm.onCancel
+    })]
+  });
+}
+TrustedFactories.propTypes = {
+  onCancel: _propTypes.default.func.isRequired,
+  hasPermission: _propTypes.default.bool
+};
+TrustedFactories.defaultProps = {
+  hasPermission: false
+};
+const TrustedFactoriesInDaemon = (0, _permission.withPermission)(TrustedFactories, 'mutate_team');
+const TrustedFactoriesInService = (0, _permission.withPermission)(TrustedFactories, '', _util.BlockletAdminRoles);
+function TrustedFactoriesWithPermission(props) {
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  if (inService) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(TrustedFactoriesInService, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TrustedFactoriesInDaemon, _objectSpread({}, props));
+}
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));

package/lib/team/passports/trusted-factory.js

@@ -0,0 +1,194 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TrustedFactory;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _ms = _interopRequireDefault(require("ms"));
+var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _ArrowBack = _interopRequireDefault(require("@mui/icons-material/ArrowBack"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _toast = _interopRequireDefault(require("../../toast"));
+var _node = require("../../contexts/node");
+var _team = require("../../contexts/team");
+var _util = require("../../util");
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function TrustedFactory(_ref) {
+  var _data$passport, _data$passport2;
+  let {
+    onCancel,
+    onSuccess,
+    data,
+    trustedFactories
+  } = _ref;
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    roles,
+    teamDid
+  } = (0, _team.useTeamContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [factoryAddress, setFactoryAddress] = (0, _react.useState)(data.factoryAddress || '');
+  const [remark, setRemark] = (0, _react.useState)(data.remark || '');
+  const [role, setRole] = (0, _react.useState)(((_data$passport = data.passport) === null || _data$passport === void 0 ? void 0 : _data$passport.role) || 'member');
+  // eslint-disable-next-line no-unsafe-optional-chaining
+  const [ttl, setTtl] = (0, _react.useState)((0, _ms.default)(+((_data$passport2 = data.passport) === null || _data$passport2 === void 0 ? void 0 : _data$passport2.ttl) || 0));
+  const editIndex = trustedFactories.findIndex(x => x.factoryAddress === data.factoryAddress);
+  const configTrustedFactories = async () => {
+    if (loading) {
+      return;
+    }
+    const item = {
+      factoryAddress,
+      remark,
+      passport: {
+        role,
+        ttl: (0, _ms.default)(ttl)
+      }
+    };
+    const trustedList = [...trustedFactories];
+    if (editIndex === -1) {
+      trustedList.unshift(item);
+    } else {
+      trustedList[editIndex] = item;
+    }
+    try {
+      setLoading(true);
+      await api.configTrustedFactories({
+        input: {
+          teamDid,
+          trustedFactories: trustedList
+        }
+      });
+      await (0, _util.sleep)(800);
+      setLoading(false);
+      _toast.default.success(t('common.saveSuccess'));
+      onSuccess();
+    } catch (err) {
+      console.error(err);
+      setLoading(false);
+      _toast.default.error((0, _util.formatError)(err));
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+    title: t('team.passport.trustedFactories'),
+    open: true,
+    showCloseButton: false,
+    PaperProps: {
+      style: {
+        minHeight: '80vh'
+      }
+    },
+    fullWidth: true,
+    prepend: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+      onClick: onCancel,
+      "data-cy": "close-trusted-factory",
+      size: "large",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBack.default, {})
+    }),
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: onCancel,
+        color: "inherit",
+        children: t('common.cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: () => configTrustedFactories(),
+        color: "primary",
+        disabled: !factoryAddress || !remark || !role || loading,
+        variant: "contained",
+        autoFocus: true,
+        "data-cy": "save-trusted-factory",
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          size: 16
+        }), t('common.save')]
+      })]
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dialog-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+          fullWidth: true,
+          "data-cy": "input-factory-address",
+          label: t('team.passport.factoryAddress'),
+          helperText: t('team.passport.factoryAddressTip'),
+          value: factoryAddress,
+          onChange: e => {
+            setFactoryAddress(e.target.value);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+          style: {
+            marginTop: 32
+          },
+          fullWidth: true,
+          "data-cy": "input-factory-remark",
+          label: t('common.remark'),
+          value: remark,
+          onChange: e => {
+            setRemark(e.target.value);
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+          style: {
+            marginTop: 32
+          },
+          fullWidth: true,
+          "data-cy": "input-passport-role",
+          label: t('team.passport.role'),
+          select: true,
+          value: role,
+          onChange: e => {
+            setRole(e.target.value);
+          },
+          variant: "outlined",
+          children: roles.filter(d => d.name !== 'owner').map(r => /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+            value: r.name,
+            "data-cy": "passport-role-select-option-".concat(r.name),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              children: r.title || r.name
+            })
+          }, r.name))
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+          style: {
+            marginTop: 32
+          },
+          fullWidth: true,
+          type: "text",
+          "data-cy": "input-passport-ttl",
+          label: t('team.passport.ttl'),
+          helperText: t('team.passport.ttlTip'),
+          value: ttl,
+          onChange: e => {
+            setTtl(e.target.value);
+          }
+        })]
+      })
+    })
+  });
+}
+TrustedFactory.propTypes = {
+  onCancel: _propTypes.default.func.isRequired,
+  onSuccess: _propTypes.default.func.isRequired,
+  trustedFactories: _propTypes.default.array,
+  data: _propTypes.default.object
+};
+TrustedFactory.defaultProps = {
+  data: {},
+  trustedFactories: []
+};
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));

package/lib/team/passports/trusted-issuer.js

@@ -271,7 +271,7 @@ function TrustedIssuer(_ref) {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteIcon.default, {})
               })
             })]
-          })), !mappings.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          }, "mapping-".concat(index))), !mappings.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             my: 2,
             color: "text.secondary",
             fontSize: "16px",
@@ -294,4 +294,4 @@ TrustedIssuer.defaultProps = {
   data: {},
   trustedPassports: []
 };
-const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .MuiOutlinedInput-root {\n    border-radius: 36px;\n    .MuiSelect-root.MuiOutlinedInput-input {\n      padding-top: 8.5px;\n      padding-bottom: 8.5px;\n    }\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));
+const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));

package/lib/team/passports/trusted-issuers.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = TrustedIssuersWithPermission;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
@@ -31,6 +31,8 @@ var _trustedIssuer = _interopRequireDefault(require("./trusted-issuer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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; }
@@ -182,7 +184,9 @@ function TrustedIssuers(_ref) {
                 "data-cy": "delete-mapping-rule",
                 onClick: () => setDelConfirm({
                   title: t('common.delete'),
-                  description: t('common.delConfirmDescription'),
+                  description: t('common.delConfirmDescription', {
+                    data: x.issuerDid
+                  }),
                   confirm: t('common.delConfirm'),
                   cancel: t('common.cancel'),
                   onConfirm: () => deleteTrustedIssuer(x.issuerDid),
@@ -195,7 +199,7 @@ function TrustedIssuers(_ref) {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteIcon.default, {})
               })]
             })]
-          })), !trustedPassports.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
+          }, x.issuerDid)), !trustedPassports.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
             children: t('common.empty')
           })]
         })]

package/lib/util/index.js

@@ -28,7 +28,7 @@ exports.getBlockletUrls = getBlockletUrls;
 exports.getExplorerLink = getExplorerLink;
 exports.getPathPrefix = exports.getIssuePassportLink = exports.getInviteLink = void 0;
 exports.getRelativeTime = getRelativeTime;
-exports.getStoreList = void 0;
+exports.getTransferAppLink = exports.getStoreList = void 0;
 exports.getWebWalletUrl = getWebWalletUrl;
 exports.isNewStoreUrl = exports.isInstalling = exports.isDownloading = exports.isChrome = exports.isCertificateMatch = exports.isBlockletDev = void 0;
 exports.isProtectedRole = isProtectedRole;
@@ -384,15 +384,29 @@ const getInviteLink = _ref2 => {
   return u.href;
 };
 exports.getInviteLink = getInviteLink;
-const getIssuePassportLink = _ref3 => {
+const getTransferAppLink = _ref3 => {
   let {
-    id,
+    transferId,
     endpoint
   } = _ref3;
   if (!endpoint) {
     return '';
   }
   const u = new URL(endpoint);
+  u.pathname = (0, _urlJoin.default)(u.pathname, _constant.WELLKNOWN_SERVICE_PATH_PREFIX, 'transfer');
+  u.searchParams.set('transferId', transferId);
+  return u.href;
+};
+exports.getTransferAppLink = getTransferAppLink;
+const getIssuePassportLink = _ref4 => {
+  let {
+    id,
+    endpoint
+  } = _ref4;
+  if (!endpoint) {
+    return '';
+  }
+  const u = new URL(endpoint);
   u.pathname = (0, _urlJoin.default)(u.pathname, _constant.WELLKNOWN_SERVICE_PATH_PREFIX, 'issue-passport');
   u.searchParams.set('id', id);
   return u.href;
@@ -457,12 +471,12 @@ function formatFactoryPrice(blocklet) {
   }));
   return list;
 }
-const getBlockletLogoUrl = _ref4 => {
+const getBlockletLogoUrl = _ref5 => {
   let {
     did,
     baseUrl,
     logoPath
-  } = _ref4;
+  } = _ref5;
   if (logoPath && logoPath.startsWith('http')) {
     return logoPath;
   }
@@ -658,13 +672,13 @@ const toSlotDomain = domain => {
   return domain;
 };
 exports.toSlotDomain = toSlotDomain;
-const getStoreList = _ref5 => {
+const getStoreList = _ref6 => {
   var _blocklet$meta, _blocklet$settings;
   let {
     fromBlocklet,
     nodeInfo,
     blocklet
-  } = _ref5;
+  } = _ref6;
   const teamDid = fromBlocklet ? blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did : nodeInfo === null || nodeInfo === void 0 ? void 0 : nodeInfo.did;
   const storeList = fromBlocklet ? (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.storeList) || [] : (nodeInfo === null || nodeInfo === void 0 ? void 0 : nodeInfo.blockletRegistryList) || [];
   return {

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.16.5",
+  "version": "1.16.6-beta-8be2fe37",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -22,20 +22,20 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.16.5",
-    "@abtnode/constant": "1.16.5",
-    "@abtnode/util": "1.16.5",
-    "@arcblock/did-connect": "^2.5.24",
+    "@abtnode/auth": "1.16.6-beta-8be2fe37",
+    "@abtnode/constant": "1.16.6-beta-8be2fe37",
+    "@abtnode/util": "1.16.6-beta-8be2fe37",
+    "@arcblock/did-connect": "^2.5.25",
     "@arcblock/did-motif": "^1.1.10",
-    "@arcblock/icons": "^2.5.24",
-    "@arcblock/react-hooks": "^2.5.24",
-    "@arcblock/terminal": "^2.5.24",
-    "@arcblock/ux": "^2.5.24",
-    "@blocklet/constant": "1.16.5",
-    "@blocklet/launcher-layout": "^2.0.28",
+    "@arcblock/icons": "^2.5.25",
+    "@arcblock/react-hooks": "^2.5.25",
+    "@arcblock/terminal": "^2.5.25",
+    "@arcblock/ux": "^2.5.25",
+    "@blocklet/constant": "1.16.6-beta-8be2fe37",
+    "@blocklet/launcher-layout": "^2.0.30",
     "@blocklet/list": "^0.11.18",
-    "@blocklet/meta": "1.16.5",
-    "@blocklet/ui-react": "^2.5.24",
+    "@blocklet/meta": "1.16.6-beta-8be2fe37",
+    "@blocklet/ui-react": "^2.5.25",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/react": "^4.0.0",
@@ -61,6 +61,7 @@
     "lodash": "^4.17.21",
     "md5": "^2.3.0",
     "moment": "^2.29.4",
+    "ms": "^2.1.3",
     "nanoid": "^4.0.0",
     "notistack": "2.0.5",
     "p-wait-for": "^4.1.0",
@@ -89,5 +90,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "229effc24ce7e12a0dbe551b2cc57825c3803745"
+  "gitHead": "27229a1a62850e95907b7a53e0259a809d99377b"
 }