@abtnode/ux 1.8.0 → 1.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/lib/card-selector.js +28 -28
  2. package/lib/invitation/invitation-app.js +26 -15
  3. package/lib/invitation/invitation-passport.js +69 -57
  4. package/lib/invitation/invitation-receive.js +38 -34
  5. package/lib/invitation/invitation-user.js +23 -22
  6. package/lib/invitation/invitation.js +23 -21
  7. package/lib/issue-passport.js +54 -47
  8. package/lib/launch-blocklet/content-layout.js +11 -3
  9. package/lib/launch-blocklet/page-header.js +11 -7
  10. package/lib/layout/addon.js +29 -27
  11. package/lib/lost-passport.js +135 -110
  12. package/lib/nav-logo.js +63 -39
  13. package/lib/schema-form/color-input.js +57 -56
  14. package/lib/schema-form/index.js +88 -74
  15. package/lib/schema-form/passport-input.js +25 -24
  16. package/lib/schema-form/text-input.js +12 -7
  17. package/lib/toast.js +17 -14
  18. package/lib/util/index.js +2 -1
  19. package/lib/wrap-locale.js +12 -8
  20. package/package.json +8 -8
package/lib/card-selector.js CHANGED
@@ -5,17 +5,15 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = CardSelector;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
11
 
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
 
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
- 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); }
14
+ var _jsxRuntime = require("react/jsx-runtime");
17
15
 
18
- 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; }
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
17
 
20
18
  function CardSelector(_ref) {
21
19
  let {
@@ -49,7 +47,7 @@ function CardSelector(_ref) {
49
47
 
50
48
  outterCon.current.addEventListener('touchmove', func, {
51
49
  passive: false
52
- });
50
+ }); // eslint-disable-next-line react-hooks/exhaustive-deps
53
51
  }, []);
54
52
  let startX;
55
53
 
@@ -71,31 +69,33 @@ function CardSelector(_ref) {
71
69
  }
72
70
  };
73
71
 
74
- return /*#__PURE__*/_react.default.createElement(Contianer, {
72
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Contianer, {
75
73
  ref: outterCon,
76
74
  onTouchStart: touchstart,
77
- onTouchEnd: touchend
78
- }, /*#__PURE__*/_react.default.createElement("div", {
79
- className: "card-container",
80
- style: {
81
- transform: "translate(".concat(-translateX, "px, 0)")
82
- }
83
- }, list.map((e, i) => {
84
- return /*#__PURE__*/_react.default.createElement("div", {
85
- className: "card-item ".concat(i === selectedId ? 'selected' : ''),
75
+ onTouchEnd: touchend,
76
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
77
+ className: "card-container",
86
78
  style: {
87
- width,
88
- height,
89
- margin: cardSpace / 2
90
- } // eslint-disable-next-line react/no-array-index-key
91
- ,
92
- key: i,
93
- onClick: () => selectedItem(i)
94
- }, /*#__PURE__*/_react.default.createElement("img", {
95
- src: e.src,
96
- alt: e.name
97
- }));
98
- })));
79
+ transform: "translate(".concat(-translateX, "px, 0)")
80
+ },
81
+ children: list.map((e, i) => {
82
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
83
+ className: "card-item ".concat(i === selectedId ? 'selected' : ''),
84
+ style: {
85
+ width,
86
+ height,
87
+ margin: cardSpace / 2
88
+ } // eslint-disable-next-line react/no-array-index-key
89
+ ,
90
+ onClick: () => selectedItem(i),
91
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
92
+ src: e.src,
93
+ alt: e.name
94
+ })
95
+ }, i);
96
+ })
97
+ })
98
+ });
99
99
  }
100
100
 
101
101
  const Contianer = _styledComponents.default.div.withConfig({
package/lib/invitation/invitation-app.js CHANGED
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
9
 
12
10
  var _styled = _interopRequireDefault(require("@emotion/styled"));
13
11
 
14
12
  var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
15
13
 
14
+ var _jsxRuntime = require("react/jsx-runtime");
15
+
16
16
  var _templateObject;
17
17
 
18
18
  const _excluded = ["invitation"];
@@ -21,6 +21,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
21
21
 
22
22
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
23
23
 
24
+ 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; }
25
+
26
+ 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; }
27
+
28
+ 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; }
29
+
24
30
  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; }
25
31
 
26
32
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -31,19 +37,24 @@ function InvitationApp(_ref) {
31
37
  } = _ref,
32
38
  rest = _objectWithoutProperties(_ref, _excluded);
33
39
 
34
- return /*#__PURE__*/_react.default.createElement(Root, rest, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
35
- did: invitation.info.did,
36
- src: invitation.info.logo,
37
- style: {
38
- flexShrink: 0
39
- }
40
- }), /*#__PURE__*/_react.default.createElement("div", {
41
- className: "invite-app__content"
42
- }, /*#__PURE__*/_react.default.createElement("div", {
43
- className: "invite-app__title"
44
- }, invitation.info.name), /*#__PURE__*/_react.default.createElement("div", {
45
- className: "invite-app__description"
46
- }, invitation.info.description)));
40
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
41
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
42
+ did: invitation.info.did,
43
+ src: invitation.info.logo,
44
+ style: {
45
+ flexShrink: 0
46
+ }
47
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
48
+ className: "invite-app__content",
49
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
50
+ className: "invite-app__title",
51
+ children: invitation.info.name
52
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
53
+ className: "invite-app__description",
54
+ children: invitation.info.description
55
+ })]
56
+ })]
57
+ }));
47
58
  }
48
59
 
49
60
  InvitationApp.propTypes = {
package/lib/invitation/invitation-passport.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
@@ -19,14 +19,12 @@ var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
19
19
 
20
20
  var _iconsMaterial = require("@mui/icons-material");
21
21
 
22
+ var _jsxRuntime = require("react/jsx-runtime");
23
+
22
24
  var _templateObject;
23
25
 
24
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
27
 
26
- 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); }
27
-
28
- 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; }
29
-
30
28
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
31
29
 
32
30
  function InvitationPassport(_ref) {
@@ -52,7 +50,7 @@ function InvitationPassport(_ref) {
52
50
  // ownerAvatarUrl: user.avatar,
53
51
  isDataUrl: true,
54
52
  preferredColor: invitation.info.passportColor || passportColor
55
- });
53
+ }); // eslint-disable-next-line react-hooks/exhaustive-deps
56
54
  }, [invitation, roleName]);
57
55
  const onViewPermission = (0, _react.useCallback)(() => {
58
56
  setOpen(true);
@@ -60,57 +58,71 @@ function InvitationPassport(_ref) {
60
58
  const onClose = (0, _react.useCallback)(() => {
61
59
  setOpen(false);
62
60
  }, []);
63
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Root, null, /*#__PURE__*/_react.default.createElement("div", {
64
- className: "invite-passport__card"
65
- }, /*#__PURE__*/_react.default.createElement("img", {
66
- src: display,
67
- alt: "passport",
68
- className: "invite-passport__cover"
69
- })), /*#__PURE__*/_react.default.createElement("div", {
70
- className: "invite-passport__content"
71
- }, /*#__PURE__*/_react.default.createElement("div", {
72
- className: "invite-passport__title"
73
- }, roleName), /*#__PURE__*/_react.default.createElement("div", {
74
- className: "invite-passport__description",
75
- title: invitation.role.description
76
- }, invitation.role.description), /*#__PURE__*/_react.default.createElement("div", {
77
- style: {
78
- flex: 1
79
- }
80
- }), /*#__PURE__*/_react.default.createElement("div", {
81
- className: "invite-passport__view-permission",
82
- onClick: onViewPermission
83
- }, t('invite.viewPermission')))), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
84
- open: open,
85
- title: t('invite.viewPermission'),
86
- PaperProps: {
87
- style: {
88
- minHeight: 'auto',
89
- paddingBottom: '20px'
90
- }
91
- },
92
- onClose: onClose
93
- }, invitation.role.permissions && invitation.role.permissions.length > 0 ? /*#__PURE__*/_react.default.createElement("ul", {
94
- style: {
95
- listStyle: 'circle',
96
- padding: '0 20px'
97
- }
98
- }, invitation.role.permissions.map(item => /*#__PURE__*/_react.default.createElement("li", {
99
- key: item.name,
100
- style: {
101
- listStyle: 'circle'
102
- }
103
- }, item.description))) : /*#__PURE__*/_react.default.createElement("div", {
104
- style: {
105
- color: '#999',
106
- textAlign: 'center'
107
- }
108
- }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Inbox, {
109
- style: {
110
- width: '30px',
111
- height: '30px'
112
- }
113
- }), /*#__PURE__*/_react.default.createElement("div", null, t('invite.emptyPermission')))));
61
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
62
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
63
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
64
+ className: "invite-passport__card",
65
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
66
+ src: display,
67
+ alt: "passport",
68
+ className: "invite-passport__cover"
69
+ })
70
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
71
+ className: "invite-passport__content",
72
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
73
+ className: "invite-passport__title",
74
+ children: roleName
75
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
76
+ className: "invite-passport__description",
77
+ title: invitation.role.description,
78
+ children: invitation.role.description
79
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
80
+ style: {
81
+ flex: 1
82
+ }
83
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
84
+ className: "invite-passport__view-permission",
85
+ onClick: onViewPermission,
86
+ children: t('invite.viewPermission')
87
+ })]
88
+ })]
89
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
90
+ open: open,
91
+ title: t('invite.viewPermission'),
92
+ PaperProps: {
93
+ style: {
94
+ minHeight: 'auto',
95
+ paddingBottom: '20px'
96
+ }
97
+ },
98
+ onClose: onClose,
99
+ children: invitation.role.permissions && invitation.role.permissions.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
100
+ style: {
101
+ listStyle: 'circle',
102
+ padding: '0 20px'
103
+ },
104
+ children: invitation.role.permissions.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
105
+ style: {
106
+ listStyle: 'circle'
107
+ },
108
+ children: item.description
109
+ }, item.name))
110
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
111
+ style: {
112
+ color: '#999',
113
+ textAlign: 'center'
114
+ },
115
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.Inbox, {
116
+ style: {
117
+ width: '30px',
118
+ height: '30px'
119
+ }
120
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
121
+ children: t('invite.emptyPermission')
122
+ })]
123
+ })
124
+ })]
125
+ });
114
126
  }
115
127
 
116
128
  InvitationPassport.propTypes = {
package/lib/invitation/invitation-receive.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
@@ -23,14 +23,12 @@ var _util = require("../util");
23
23
 
24
24
  var _usePassportId = _interopRequireDefault(require("../../lib/hooks/use-passport-id"));
25
25
 
26
+ var _jsxRuntime = require("react/jsx-runtime");
27
+
26
28
  var _templateObject;
27
29
 
28
30
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
31
 
30
- 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); }
31
-
32
- 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; }
33
-
34
32
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
35
33
 
36
34
  function InvitationReceive(_ref) {
@@ -65,36 +63,42 @@ function InvitationReceive(_ref) {
65
63
  return;
66
64
  }
67
65
 
68
- setOpen(true);
66
+ setOpen(true); // eslint-disable-next-line react-hooks/exhaustive-deps
69
67
  }, []);
70
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Root, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
71
- size: "large",
72
- variant: "contained",
73
- className: "invite-receive__button",
74
- "data-cy": "invite-receive-passport",
75
- color: "primary",
76
- onClick: onClickReceive
77
- }, t('invite.receive')), /*#__PURE__*/_react.default.createElement("div", {
78
- className: "invite-receive__until"
79
- }, t('invite.validUntil'), (0, _util.formatDateTime)(invitation.expireDate))), /*#__PURE__*/_react.default.createElement(_Connect.default, {
80
- popup: true,
81
- open: open,
82
- className: "connect",
83
- action: "invite",
84
- checkFn: checkFn,
85
- checkTimeout: 10 * 60 * 1000,
86
- onSuccess: onLogin,
87
- onClose: onClose,
88
- locale: locale,
89
- webWalletUrl: (0, _utils.getWebWalletUrl)(),
90
- messages: {
91
- title: t('receive.dialog.title'),
92
- scan: t('receive.dialog.scan'),
93
- confirm: t('receive.dialog.confirm'),
94
- success: t('receive.dialog.success')
95
- },
96
- extraParams: extraParams
97
- }));
68
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
69
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
70
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
71
+ size: "large",
72
+ variant: "contained",
73
+ className: "invite-receive__button",
74
+ "data-cy": "invite-receive-passport",
75
+ color: "primary",
76
+ onClick: onClickReceive,
77
+ children: t('invite.receive')
78
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
79
+ className: "invite-receive__until",
80
+ children: [t('invite.validUntil'), (0, _util.formatDateTime)(invitation.expireDate)]
81
+ })]
82
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
83
+ popup: true,
84
+ open: open,
85
+ className: "connect",
86
+ action: "invite",
87
+ checkFn: checkFn,
88
+ checkTimeout: 10 * 60 * 1000,
89
+ onSuccess: onLogin,
90
+ onClose: onClose,
91
+ locale: locale,
92
+ webWalletUrl: (0, _utils.getWebWalletUrl)(),
93
+ messages: {
94
+ title: t('receive.dialog.title'),
95
+ scan: t('receive.dialog.scan'),
96
+ confirm: t('receive.dialog.confirm'),
97
+ success: t('receive.dialog.success')
98
+ },
99
+ extraParams: extraParams
100
+ })]
101
+ });
98
102
  }
99
103
 
100
104
  InvitationReceive.propTypes = {
package/lib/invitation/invitation-user.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireWildcard(require("react"));
8
+ var _react = require("react");
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
@@ -17,14 +17,12 @@ var _context = require("@arcblock/ux/lib/Locale/context");
17
17
 
18
18
  var _util = require("../util");
19
19
 
20
+ var _jsxRuntime = require("react/jsx-runtime");
21
+
20
22
  var _templateObject;
21
23
 
22
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
25
 
24
- 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); }
25
-
26
- 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; }
27
-
28
26
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
29
27
 
30
28
  function InvitationUser(_ref) {
@@ -48,35 +46,38 @@ function InvitationUser(_ref) {
48
46
  const accountLink = (0, _util.getExplorerLink)(invitation.info.chainHost, invitation.inviter.did, 'account');
49
47
  const messageList = (0, _util.patchJsxToLocale)(message, {
50
48
  name() {
51
- return accountLink ? /*#__PURE__*/_react.default.createElement("a", {
52
- key: "name",
49
+ return accountLink ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
53
50
  target: "_blank",
54
51
  href: accountLink,
55
52
  className: "invite-user__link",
56
- rel: "noreferrer"
57
- }, invitation.inviter.fullName) : invitation.inviter.fullName;
53
+ rel: "noreferrer",
54
+ children: invitation.inviter.fullName
55
+ }, "name") : invitation.inviter.fullName;
58
56
  },
59
57
 
60
58
  dapp() {
61
- return /*#__PURE__*/_react.default.createElement("a", {
62
- key: "dapp",
59
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
63
60
  target: "_blank",
64
61
  href: invitation.info.url,
65
62
  className: "invite-user__link",
66
- rel: "noreferrer"
67
- }, invitation.info.name);
63
+ rel: "noreferrer",
64
+ children: invitation.info.name
65
+ }, "dapp");
68
66
  }
69
67
 
70
68
  });
71
- return /*#__PURE__*/_react.default.createElement(Root, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
72
- did: invitation.inviter.did,
73
- src: encodeURI(invitation.inviter.avatar),
74
- size: 80,
75
- shape: "circle",
76
- variant: "circle"
77
- }), /*#__PURE__*/_react.default.createElement("div", {
78
- className: "invite-user__message"
79
- }, messageList));
69
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
70
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
71
+ did: invitation.inviter.did,
72
+ src: encodeURI(invitation.inviter.avatar),
73
+ size: 80,
74
+ shape: "circle",
75
+ variant: "circle"
76
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
77
+ className: "invite-user__message",
78
+ children: messageList
79
+ })]
80
+ });
80
81
  }
81
82
 
82
83
  InvitationUser.propTypes = {
package/lib/invitation/invitation.js CHANGED
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
9
 
12
10
  var _styled = _interopRequireDefault(require("@emotion/styled"));
@@ -27,6 +25,8 @@ var _invitationApp = _interopRequireDefault(require("./invitation-app"));
27
25
 
28
26
  var _wrapLocale = _interopRequireDefault(require("../wrap-locale"));
29
27
 
28
+ var _jsxRuntime = require("react/jsx-runtime");
29
+
30
30
  var _templateObject;
31
31
 
32
32
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,36 +44,38 @@ function Invitation(_ref) {
44
44
  const state = (0, _ahooks.useRequest)(getDataFn);
45
45
 
46
46
  if (state.loading) {
47
- return /*#__PURE__*/_react.default.createElement(_Spinner.default, null);
47
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {});
48
48
  }
49
49
 
50
50
  if (state.error) {
51
51
  var _state$error, _state$error$response;
52
52
 
53
- return /*#__PURE__*/_react.default.createElement(_Result.default, {
53
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Result.default, {
54
54
  status: "404",
55
55
  title: (_state$error = state.error) === null || _state$error === void 0 ? void 0 : (_state$error$response = _state$error.response) === null || _state$error$response === void 0 ? void 0 : _state$error$response.data,
56
56
  description: ""
57
57
  });
58
58
  }
59
59
 
60
- return /*#__PURE__*/_react.default.createElement(Root, {
61
- className: "page-invite__wrapper"
62
- }, /*#__PURE__*/_react.default.createElement(_invitationApp.default, {
63
- invitation: state.data
64
- }), /*#__PURE__*/_react.default.createElement("div", {
65
- className: "page-invite__card"
66
- }, /*#__PURE__*/_react.default.createElement(_invitationUser.default, {
67
- invitation: state.data
68
- }), /*#__PURE__*/_react.default.createElement(_invitationPassport.default, {
69
- invitation: state.data,
70
- passportColor: passportColor
71
- }), /*#__PURE__*/_react.default.createElement(_invitationReceive.default, {
72
- invitation: state.data,
73
- onLoginSuccess: onLoginSuccess,
74
- checkFn: checkFn,
75
- onReceive: onReceive
76
- })));
60
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
61
+ className: "page-invite__wrapper",
62
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationApp.default, {
63
+ invitation: state.data
64
+ }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
65
+ className: "page-invite__card",
66
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationUser.default, {
67
+ invitation: state.data
68
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationPassport.default, {
69
+ invitation: state.data,
70
+ passportColor: passportColor
71
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationReceive.default, {
72
+ invitation: state.data,
73
+ onLoginSuccess: onLoginSuccess,
74
+ checkFn: checkFn,
75
+ onReceive: onReceive
76
+ })]
77
+ })]
78
+ });
77
79
  }
78
80
 
79
81
  Invitation.propTypes = {