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

package/lib/blocklet/actions.js

@@ -87,20 +87,32 @@ function BlockletActions(_ref) {
         setConfirmSetting(null);
         let isRemoved = false;
         try {
-          var _blocklet$settings;
           if (action === 'remove') {
             await fn(params);
-          } else if (action === 'start' && !inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
-            // 启动 blocklet 并跳转到 setup 流程界面时携带 serverUrl 查询参数
-            const serverUrl = (0, _util3.getServerUrl)(node.info);
-            const url = new URL(recommendedUrl);
-            url.searchParams.set('serverUrl', serverUrl);
-            window.open(url.href);
-            onComplete({
-              action,
-              blocklet
+          } else if (action === 'start') {
+            var _blocklet$settings;
+            if (!inService && !skipSetup && !((_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.initialized)) {
+              // 跳转到 setup 流程界面时携带 serverUrl 查询参数
+              const serverUrl = (0, _util3.getServerUrl)(node.info);
+              const url = new URL(recommendedUrl);
+              url.searchParams.set('serverUrl', serverUrl);
+              window.open(url.href);
+              onComplete({
+                action,
+                blocklet
+              });
+              return;
+            }
+            if (!(0, _util.hasRunnableComponent)(blocklet)) {
+              _toast.default.error(t('blocklet.noComponent'));
+              return;
+            }
+            const input = {
+              did: blocklet.meta.did
+            };
+            await fn({
+              input
             });
-            return;
           } else {
             const input = {
               did: blocklet.meta.did
@@ -283,7 +295,7 @@ function BlockletActions(_ref) {
     icon: _icons.default.Start,
     name: t('common.start'),
     handler: createHandler('start', node.api.startBlocklet),
-    disabled: !(0, _util.hasRunnableComponent)(blocklet) || blocklet.status === 'running' || blocklet.status === 'corrupted' || missingRequiredConfigs.length > 0 || (0, _util2.isDownloading)(blocklet.status) || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT || recommendedUrlLoading || inProgress
+    disabled: blocklet.status === 'running' || blocklet.status === 'corrupted' || missingRequiredConfigs.length > 0 || (0, _util2.isDownloading)(blocklet.status) || blocklet.mode === _constant.BLOCKLET_MODES.DEVELOPMENT || recommendedUrlLoading || inProgress
   }, {
     action: 'stop',
     icon: _icons.default.Stop,

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": "transfer-app",
+            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/preferences/index.js

@@ -43,28 +43,31 @@ const addComponentTabs = function addComponentTabs(tabs, blocklet) {
   let ancestors = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
   const key = [...ancestors.map(x => x.meta.did), blocklet.meta.did].join('/');
-  tabs.push({
-    label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-      pl: Math.max(1, depth - 1) * 2,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "flex-start",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
-        size: 24,
-        blocklet: blocklet,
-        ancestors: ancestors
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-        ml: "16px",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
-          style: {
-            color: '#222'
-          },
-          children: (0, _util.getDisplayName)(blocklet, true)
-        })
-      })]
-    }, key),
-    value: key
-  });
+  const isContainer = !(ancestors !== null && ancestors !== void 0 && ancestors.length);
+  if (!isContainer) {
+    tabs.push({
+      label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        pl: Math.max(1, depth - 1) * 2,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bundleAvatar.default, {
+          size: 24,
+          blocklet: blocklet,
+          ancestors: ancestors
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          ml: "16px",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            style: {
+              color: '#222'
+            },
+            children: (0, _util.getDisplayName)(blocklet, true)
+          })
+        })]
+      }, key),
+      value: key
+    });
+  }
   if (blocklet.children.length > 0) {
     blocklet.children.forEach(x => {
       addComponentTabs(tabs, x, [...ancestors, blocklet], depth + 1);

package/lib/blocklet/transfer-owner.js

@@ -0,0 +1,201 @@
+"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,
+          dangerouslySetInnerHTML: {
+            __html: t('team.transferApp.transferDialog.createSuccessTip1')
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          component: Bold,
+          mt: 2,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Bold, {
+            children: t('team.transferApp.transferDialog.createSuccessTip3')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            component: Bold,
+            mt: 2,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Bold, {
+              children: t('team.transferApp.transferDialog.createSuccessTip2', {
+                expireDate: (0, _util.formatToDatetime)(result.expireDate)
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            my: 1,
+            children: /*#__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',
@@ -309,6 +321,7 @@ module.exports = {
     statusTip: 'Blocklet is {status}',
     initialUptime: 'Less than 1m',
     dashboard: 'Blocklet Dashboard',
+    noComponent: 'Application has no components and cannot be started',
     fromUrl: {
       title: 'Install Blocklet',
       label: 'Blocklet Meta URL',
@@ -974,6 +987,36 @@ 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',
+        createSuccessTip1: 'The transfer link is successfully created, the invitee must use <a style="color: rgb(29, 193, 199)" target="_blank" href="https://www.didwallet.io/">DID Wallet</a> to receive the app ownership',
+        createSuccessTip2: 'Please click to copy and send the link to the invited member, please note that this transfer link can not be reused and will expire on {expireDate}. Your transfer link will only be shown once and will not be viewable again after closing this dialog',
+        createSuccessTip3: 'After the transfer is successful, the application will automatically restart to make the changes take effect',
+        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 +1071,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 +1094,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: {