@abtnode/ux 1.16.5 → 1.16.6-beta-4562aa60

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: '描述',
@@ -315,6 +326,7 @@ module.exports = {
     statusTip: 'Blocklet {status}',
     initialUptime: '少于1分钟',
     dashboard: 'Blocklet 控制台',
+    noComponent: '应用没有组件，无法启动',
     action: {
       stopDescription: '停止该基石程序将会使页面不可以访问，可能会导致使用它的用户出现错误',
       confirmStop: '是的，停止',
@@ -698,7 +710,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 +989,36 @@ module.exports = {
         success: '授权成功'
       }
     },
+    transferApp: {
+      name: '转移所有者',
+      transferDialog: {
+        title: '转移应用',
+        tips: {
+          progress: '转移应用需要对方接受后才能完成转移操作，对方一旦接受，无法再使用当前应用所有者凭据登录应用。',
+          newOwnerPermissions: '新 Owner 将有权管理成员、通行证，以及设置等所有操作。'
+        },
+        createTransferLink: '生成转移链接',
+        createSuccessTip1: '创建转移链接成功，被邀请人必须使用 <a style="color: rgb(29, 193, 199)" target="_blank" href="https://www.didwallet.io/">DID Wallet</a> 接收应用所有权',
+        createSuccessTip2: '请复制并发送给被邀请人。该链接只能使用一次，并将在 {expireDate} 过期。你的转移链接只会展示一次，关闭此窗口后将无法再次查看',
+        createSuccessTip3: '转移成功之后应用会自动重启以使变更生效',
+        link: '邀请链接',
+        iKnow: '我已复制保存好该链接'
+      },
+      connectDialog: {
+        title: '需要授权',
+        scan: '用 DID 钱包扫描下面的二维码，授权应用转让所有权',
+        confirm: '在您的 DID 钱包上确认',
+        success: '授权成功'
+      },
+      receiveDialog: {
+        title: '接收应用程序所有权',
+        scan: '用 DID 钱包扫描下面的二维码，获得应用程序所有权。',
+        confirm: '在您的 DID 钱包上确认',
+        success: '成功获得所有权'
+      },
+      successTitle: '你已成为应用的所有者',
+      visitDashboard: '访问应用控制台'
+    },
     permission: {
       create: {
         title: '创建权限',
@@ -1034,6 +1076,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 +1099,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"])));