@abtnode/ux 1.8.0 → 1.8.3

package/lib/schema-form/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SchemaForm;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -31,14 +31,12 @@ var _passportInput = _interopRequireDefault(require("./passport-input"));
 
 var _required = _interopRequireDefault(require("./required"));
 
+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; }
@@ -81,7 +79,8 @@ function SchemaForm(_ref2) {
     value,
     defaultValue,
     onChange,
-    style
+    style,
+    disabled
   } = _ref2;
   const isControlled = Object.prototype.toString.call(value) === '[object Object]';
   const [editingItem, setEditingItem] = (0, _react.useState)(null);
@@ -90,7 +89,8 @@ function SchemaForm(_ref2) {
 
   function onFormItemChange(item, changeValue, action) {
     const {
-      key
+      key,
+      secure
     } = item;
     const oldValue = formValues[key];
     const isChanged = oldValue !== changeValue;
@@ -109,7 +109,13 @@ function SchemaForm(_ref2) {
       allValues: newValues,
       action,
       currentItem: item
-    });
+    }); // hide secure text after confirm
+
+    if (action === 'confirm' && secure) {
+      setFormValues(_objectSpread(_objectSpread({}, formValues), {}, {
+        [key]: '__encrypted__'
+      }));
+    }
   }
 
   function onItemEditingStatusChange(item) {
@@ -143,77 +149,93 @@ function SchemaForm(_ref2) {
     return currentValue;
   }
 
-  return /*#__PURE__*/_react.default.createElement(FormWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormWrapper, {
     className: "form",
-    style: style
-  }, schema === null || schema === void 0 ? void 0 : schema.map(x => {
-    const {
-      key,
-      description,
-      required,
-      componentProps = {}
-    } = x;
-    const editing = !!(editingItem && key === editingItem.key);
-    const currentValue = getValue(x, {
-      editing
-    }); // get component by componentType
-
-    const CurrentComponent = getComponent(x, {
-      editing
-    });
-    const renderComponentProps = {
-      inputProps: {
-        'data-cy': 'schema-form-item-component'
-      },
-      key,
-      description,
-      editing,
-      value: currentValue,
-      onChange: changeValue => onFormItemChange(x, changeValue, 'change'),
-      componentProps
-    };
-    return /*#__PURE__*/_react.default.createElement(_Box.default, {
-      className: "form-item",
-      key: key
-    }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-      className: "form-item-label",
-      style: {
-        color: required && !currentValue ? '#ff0000' : '#333'
+    style: style,
+    children: schema === null || schema === void 0 ? void 0 : schema.map(x => {
+      const {
+        key,
+        description,
+        required,
+        hidden = false,
+        componentProps = {}
+      } = x;
+
+      if (hidden) {
+        return null;
       }
-    }, description, required && /*#__PURE__*/_react.default.createElement(_required.default, null)), /*#__PURE__*/_react.default.createElement(_Box.default, {
-      className: "form-item-body"
-    }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-      className: "form-item-input"
-    }, /*#__PURE__*/_react.default.createElement(CurrentComponent, renderComponentProps)), /*#__PURE__*/_react.default.createElement(_Box.default, {
-      className: "form-item-action"
-    }, editing ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      "data-cy": "schema-form-item-confirm",
-      onClick: () => {
-        onFormItemChange(x, currentValue, 'confirm');
-        onItemEditingStatusChange(null);
-      },
-      disabled: loading,
-      size: "large"
-    }, loading ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
-      size: 24
-    }) : /*#__PURE__*/_react.default.createElement(_Done.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      "data-cy": "schema-form-item-cancel",
-      onClick: () => {
-        onFormItemChange(x, editingItemInitialValue.current, 'cancel');
-        onItemEditingStatusChange(null);
-      },
-      disabled: loading,
-      size: "large"
-    }, /*#__PURE__*/_react.default.createElement(_Close.default, null))) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      "data-cy": "schema-form-item-edit",
-      onClick: () => {
-        onFormItemChange(x, formValues[key], 'edit');
-        onItemEditingStatusChange(x);
-      },
-      disabled: editingItem,
-      size: "large"
-    }, /*#__PURE__*/_react.default.createElement(_EditIcon.default, null)))));
-  }));
+
+      const editing = !!(editingItem && key === editingItem.key);
+      const currentValue = getValue(x, {
+        editing
+      }); // get component by componentType
+
+      const CurrentComponent = getComponent(x, {
+        editing
+      });
+      const renderComponentProps = {
+        inputProps: {
+          'data-cy': 'schema-form-item-component'
+        },
+        key,
+        description,
+        editing,
+        value: currentValue,
+        onChange: changeValue => onFormItemChange(x, changeValue, 'change'),
+        componentProps
+      };
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        className: "form-item",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          className: "form-item-label",
+          style: {
+            color: required && !currentValue ? '#ff0000' : '#333'
+          },
+          children: [description, required && /*#__PURE__*/(0, _jsxRuntime.jsx)(_required.default, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          className: "form-item-body",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            className: "form-item-input",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CurrentComponent, _objectSpread({}, renderComponentProps))
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            className: "form-item-action",
+            children: editing ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                "data-cy": "schema-form-item-confirm",
+                onClick: () => {
+                  onFormItemChange(x, currentValue, 'confirm');
+                  onItemEditingStatusChange(null);
+                },
+                disabled: disabled || loading,
+                size: "large",
+                children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+                  size: 24
+                }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Done.default, {})
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+                "data-cy": "schema-form-item-cancel",
+                onClick: () => {
+                  onFormItemChange(x, editingItemInitialValue.current, 'cancel');
+                  onItemEditingStatusChange(null);
+                },
+                disabled: disabled || loading,
+                size: "large",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {})
+              })]
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+              "data-cy": "schema-form-item-edit",
+              onClick: () => {
+                onFormItemChange(x, formValues[key], 'edit');
+                onItemEditingStatusChange(x);
+              },
+              disabled: disabled || editingItem,
+              size: "large",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditIcon.default, {})
+            })
+          })]
+        })]
+      }, key);
+    })
+  });
 }
 
 SchemaForm.propTypes = {
@@ -222,12 +244,14 @@ SchemaForm.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   value: _propTypes.default.object,
   defaultValue: _propTypes.default.object,
-  style: _propTypes.default.object
+  style: _propTypes.default.object,
+  disabled: _propTypes.default.bool
 };
 SchemaForm.defaultProps = {
   loading: false,
   value: undefined,
   defaultValue: {},
-  style: {}
+  style: {},
+  disabled: false
 };
-const FormWrapper = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 80%;\n  flex-grow: 1;\n  overflow-y: auto;\n  ", " {\n    width: 100%;\n    flex-shrink: 0;\n    padding: 0 24px;\n    transform: translate(0, 0);\n    max-height: 60vh;\n  }\n\n  .form-item {\n    width: 100%;\n    margin-bottom: 24px;\n    position: relative;\n    ", " {\n      flex-wrap: wrap;\n      justify-content: space-between;\n      width: 100%;\n      flex-shrink: 0;\n    }\n  }\n\n  .form-item-body {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-top: 4px;\n  }\n\n  .form-item-label {\n    line-height: 1.2;\n    font-size: 14px;\n    color: #888;\n\n    ", " {\n      text-align: left;\n      width: auto;\n      flex-grow: 1;\n    }\n  }\n\n  .form-item-input {\n    flex-grow: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    &.slot {\n      height: 40px;\n      line-height: 40px;\n      background: #f8f8f8;\n      font-size: 16px;\n    }\n  }\n\n  .form-item-action {\n    width: 100px;\n    text-align: left;\n    margin-left: 12px;\n    flex-shrink: 0;\n    ", " {\n      width: auto;\n      margin-left: 0px;\n    }\n    .MuiIconButton-root {\n      padding: 8px;\n      svg {\n        fill: #888;\n      }\n      &.Mui-disabled {\n        opacity: 0.4;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));
+const FormWrapper = (0, _styled.default)(_Box.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 80%;\n  flex-grow: 1;\n  overflow-y: auto;\n  ", " {\n    width: 100%;\n    flex-shrink: 0;\n    padding: 0 24px;\n    transform: translate(0, 0);\n    /* max-height: 60vh; */\n  }\n\n  .form-item {\n    width: 100%;\n    margin-bottom: 24px;\n    position: relative;\n    ", " {\n      flex-wrap: wrap;\n      justify-content: space-between;\n      width: 100%;\n      flex-shrink: 0;\n    }\n  }\n\n  .form-item-body {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-top: 4px;\n  }\n\n  .form-item-label {\n    line-height: 1.2;\n    font-size: 14px;\n    color: #888;\n    font-weight: bold;\n\n    ", " {\n      text-align: left;\n      width: auto;\n      flex-grow: 1;\n    }\n  }\n\n  .form-item-input {\n    flex-grow: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    &.slot {\n      height: 40px;\n      line-height: 40px;\n      background: #f8f8f8;\n      font-size: 16px;\n    }\n  }\n\n  .form-item-action {\n    // width: 100px;\n    text-align: left;\n    margin-left: 12px;\n    flex-shrink: 0;\n    ", " {\n      width: auto;\n      margin-left: 0px;\n    }\n    .MuiIconButton-root {\n      padding: 8px;\n      svg {\n        fill: #888;\n      }\n      &.Mui-disabled {\n        opacity: 0.4;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));

package/lib/schema-form/passport-input.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = PassportInput;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
@@ -21,6 +19,8 @@ var _colorInput = _interopRequireDefault(require("./color-input"));
 
 var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["editing", "value", "onChange", "componentProps"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,29 +48,30 @@ function PassportInput(_ref) {
     blocklet
   } = componentProps;
   const color = value === 'auto' ? (0, _passportColor.getPassportColorFromDid)(blocklet.appDid) : value;
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     display: "flex",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    style: {
-      width: 96,
-      marginRight: 12
-    },
-    alt: "",
-    src: (0, _createPassportSvg.default)({
-      title: 'Owner',
-      issuer: (0, _util.getDisplayName)(blocklet),
-      issuerDid: blocklet.appDid,
-      ownerName: 'Your Name',
-      isDataUrl: true,
-      preferredColor: value || 'auto'
-    })
-  }), /*#__PURE__*/_react.default.createElement(_colorInput.default, Object.assign({}, rest, {
-    editing: editing,
-    value: editing ? color : value,
-    onChange: onChange,
-    componentProps: componentProps
-  })));
+    alignItems: "center",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+      style: {
+        width: 96,
+        marginRight: 12
+      },
+      alt: "",
+      src: (0, _createPassportSvg.default)({
+        title: 'Owner',
+        issuer: (0, _util.getDisplayName)(blocklet),
+        issuerDid: blocklet.appDid,
+        ownerName: 'Your Name',
+        isDataUrl: true,
+        preferredColor: value || 'auto'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorInput.default, _objectSpread(_objectSpread({}, rest), {}, {
+      editing: editing,
+      value: editing ? color : value,
+      onChange: onChange,
+      componentProps: componentProps
+    }))]
+  });
 }
 
 PassportInput.propTypes = _objectSpread(_objectSpread({}, _commonPropTypes.default), {}, {

package/lib/schema-form/text-input.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = TextInput;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 
@@ -13,13 +13,17 @@ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 
 var _commonPropTypes = _interopRequireDefault(require("./common-prop-types"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["editing", "description", "value", "onChange", "componentProps"];
 
 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 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 _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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -52,7 +56,7 @@ function TextInput(_ref) {
   };
 
   if (editing) {
-    return /*#__PURE__*/_react.default.createElement(_TextField.default, Object.assign({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, _objectSpread({
       style: {
         flex: 1
       },
@@ -70,10 +74,11 @@ function TextInput(_ref) {
     }, rest));
   }
 
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     px: 1,
-    className: "form-item-input slot"
-  }, value);
+    className: "form-item-input slot",
+    children: value
+  });
 }
 
 TextInput.propTypes = _commonPropTypes.default;

package/lib/toast.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToastProvider = ToastProvider;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _notistack = require("notistack");
 
@@ -14,6 +14,8 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 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; }
@@ -41,31 +43,32 @@ function ToastProvider(_ref) {
   let {
     children
   } = _ref;
-
-  const notistackRef = /*#__PURE__*/_react.default.createRef();
+  const notistackRef = /*#__PURE__*/(0, _react.createRef)();
 
   const onClickDismiss = key => () => {
     notistackRef.current.closeSnackbar(key);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_notistack.SnackbarProvider, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_notistack.SnackbarProvider, {
     anchorOrigin: {
       vertical: 'top',
       horizontal: 'right'
     },
-    ref: notistackRef,
-    action: key => /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-      key: "close",
+    ref: notistackRef // eslint-disable-next-line react/no-unstable-nested-components
+    ,
+    action: key => /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       "aria-label": "close",
       color: "inherit",
       onClick: onClickDismiss(key),
-      size: "large"
-    }, /*#__PURE__*/_react.default.createElement(_Close.default, {
-      style: {
-        fontSize: 16
-      }
-    }))
-  }, /*#__PURE__*/_react.default.createElement(Toast, null), children);
+      size: "large",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Close.default, {
+        style: {
+          fontSize: 16
+        }
+      })
+    }, "close"),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Toast, {}), children]
+  });
 }
 
 function Toast() {

package/lib/util/index.js

@@ -17,6 +17,7 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function sleep(t) {
+  // eslint-disable-next-line no-promise-executor-return
   return new Promise(resolve => setTimeout(resolve, t));
 }
 
@@ -50,7 +51,7 @@ exports.validateDomain = validateDomain;
 
 function getAccessUrl(hostname) {
   let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  let params = arguments.length > 2 ? arguments[2] : undefined;
+  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
 
   if (!hostname) {
     return '';

package/lib/who-can-access/config.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _Lock = _interopRequireDefault(require("@mui/icons-material/Lock"));
+
+var _ContactMail = _interopRequireDefault(require("@mui/icons-material/ContactMail"));
+
+var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
+
+var _constant = require("@abtnode/constant");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = [{
+  value: _constant.WHO_CAN_ACCESS.OWNER,
+  icon: _Lock.default,
+  title: {
+    zh: '只有我自己可访问',
+    en: 'Only me can access'
+  },
+  description: {
+    zh: '必须提供所有者通行证才能访问应用',
+    en: 'You must provide owner passport to access this application'
+  }
+}, {
+  value: _constant.WHO_CAN_ACCESS.INVITED,
+  icon: _ContactMail.default,
+  title: {
+    zh: '只有被邀请的人可以访问',
+    en: 'Only invited people can access'
+  },
+  description: {
+    zh: '稍后您可以在管理页面中邀请成员',
+    en: 'You can invite members later in the admin page'
+  }
+}, {
+  value: _constant.WHO_CAN_ACCESS.ALL,
+  icon: _Group.default,
+  title: {
+    zh: '所有人可访问',
+    en: 'Accessible to all'
+  },
+  description: {
+    zh: '向所有人开放，无需通行证即可访问应用',
+    en: 'Open to the world anyone can access without passport'
+  }
+}];
+exports.default = _default;

package/lib/wrap-locale.js

@@ -5,19 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = wrapLocale;
 
-var _react = _interopRequireDefault(require("react"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
 
 var _locales = require("./locales");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
 
-/* eslint-disable react/jsx-props-no-spreading */
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-/* eslint-disable import/no-extraneous-dependencies */
 function wrapLocale(Component) {
-  return props => /*#__PURE__*/_react.default.createElement(_context.LocaleProvider, {
-    translations: _locales.translations
-  }, /*#__PURE__*/_react.default.createElement(Component, props));
+  return function LocaleWrapper(props) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.LocaleProvider, {
+      translations: _locales.translations,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({}, props))
+    });
+  };
 }

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.0",
+  "version": "1.8.3",
   "description": "UX components shared across abtnode packages",
   "main": "lib/index.js",
   "files": [
@@ -21,12 +21,12 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "MIT",
   "dependencies": {
-    "@abtnode/auth": "1.8.0",
-    "@abtnode/constant": "1.8.0",
-    "@arcblock/did-connect": "^2.1.41",
-    "@arcblock/icons": "^2.1.41",
-    "@arcblock/ux": "^2.1.41",
-    "@blocklet/meta": "1.8.0",
+    "@abtnode/auth": "1.8.3",
+    "@abtnode/constant": "1.8.3",
+    "@arcblock/did-connect": "^2.1.63",
+    "@arcblock/icons": "^2.1.63",
+    "@arcblock/ux": "^2.1.63",
+    "@blocklet/meta": "1.8.3",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.6.2",
@@ -34,6 +34,7 @@
     "@mui/styles": "^5.6.2",
     "ahooks": "^3.4.0",
     "dayjs": "^1.11.2",
+    "flat": "^5.0.0",
     "notistack": "2.0.5",
     "prop-types": "^15.7.2",
     "react": "^18.1.0",
@@ -51,5 +52,5 @@
     "babel-plugin-inline-react-svg": "^1.1.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "6446a85fb33721abc24bb1045d59158e6b96c241"
+  "gitHead": "c734aca7bf1fc03378c3b082d0622b6a540a8bd3"
 }