@abtnode/ux 1.16.26-beta-818ea1c5 → 1.16.26-beta-351de484

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 (81) hide show
  1. package/es/blocklet/{oauth → authentication/federated}/federated-detail-dialog.js +2 -2
  2. package/es/blocklet/{oauth → authentication/federated}/federated-join-dialog.js +2 -2
  3. package/es/blocklet/{oauth → authentication/federated}/federated-site-list.js +3 -3
  4. package/es/blocklet/{oauth/federated.js → authentication/federated/index.js} +1 -1
  5. package/es/blocklet/{oauth → authentication}/index.js +7 -5
  6. package/es/blocklet/authentication/oauth/apple.js +198 -0
  7. package/es/blocklet/{oauth → authentication/oauth}/auth0.js +27 -7
  8. package/es/blocklet/authentication/oauth/drag-item.js +177 -0
  9. package/es/blocklet/authentication/oauth/github.js +145 -0
  10. package/es/blocklet/authentication/oauth/google.js +144 -0
  11. package/es/blocklet/authentication/oauth/index.js +122 -0
  12. package/es/blocklet/preferences/index.js +6 -6
  13. package/es/blocklet/publish/connect-store-list.js +8 -6
  14. package/es/blocklet/publish/create-release.js +16 -7
  15. package/es/blocklet/publish/project-list.js +30 -3
  16. package/es/confirm.js +5 -2
  17. package/es/layout/feedback.js +7 -4
  18. package/es/locales/ar.js +34 -4
  19. package/es/locales/de.js +35 -5
  20. package/es/locales/en.js +34 -4
  21. package/es/locales/es.js +35 -5
  22. package/es/locales/fr.js +35 -5
  23. package/es/locales/hi.js +35 -5
  24. package/es/locales/i18n.db +0 -0
  25. package/es/locales/id.js +35 -5
  26. package/es/locales/ja.js +34 -4
  27. package/es/locales/ko.js +35 -5
  28. package/es/locales/pt.js +35 -5
  29. package/es/locales/ru.js +34 -4
  30. package/es/locales/th.js +34 -4
  31. package/es/locales/vi.js +34 -4
  32. package/es/locales/zh-tw.js +34 -4
  33. package/es/locales/zh.js +35 -5
  34. package/es/store/connect-actions.js +14 -5
  35. package/es/store/delete.js +7 -3
  36. package/es/store/item.js +99 -20
  37. package/es/team/members/index.js +16 -13
  38. package/es/team/members/member.js +2 -7
  39. package/lib/blocklet/{oauth → authentication/federated}/federated-detail-dialog.js +2 -2
  40. package/lib/blocklet/{oauth → authentication/federated}/federated-join-dialog.js +2 -2
  41. package/lib/blocklet/{oauth → authentication/federated}/federated-site-list.js +3 -3
  42. package/lib/blocklet/{oauth/federated.js → authentication/federated/index.js} +1 -1
  43. package/lib/blocklet/{oauth → authentication}/index.js +7 -5
  44. package/lib/blocklet/authentication/oauth/apple.js +226 -0
  45. package/lib/blocklet/authentication/oauth/auth0.js +189 -0
  46. package/lib/blocklet/authentication/oauth/drag-item.js +185 -0
  47. package/lib/blocklet/{oauth/auth0.js → authentication/oauth/github.js} +26 -25
  48. package/lib/blocklet/authentication/oauth/google.js +166 -0
  49. package/lib/blocklet/authentication/oauth/index.js +136 -0
  50. package/lib/blocklet/preferences/index.js +6 -6
  51. package/lib/blocklet/publish/connect-store-list.js +9 -8
  52. package/lib/blocklet/publish/create-release.js +16 -6
  53. package/lib/blocklet/publish/project-list.js +29 -2
  54. package/lib/confirm.js +7 -4
  55. package/lib/layout/feedback.js +6 -3
  56. package/lib/locales/ar.js +34 -4
  57. package/lib/locales/de.js +35 -5
  58. package/lib/locales/en.js +34 -4
  59. package/lib/locales/es.js +35 -5
  60. package/lib/locales/fr.js +35 -5
  61. package/lib/locales/hi.js +35 -5
  62. package/lib/locales/i18n.db +0 -0
  63. package/lib/locales/id.js +35 -5
  64. package/lib/locales/ja.js +34 -4
  65. package/lib/locales/ko.js +35 -5
  66. package/lib/locales/pt.js +35 -5
  67. package/lib/locales/ru.js +34 -4
  68. package/lib/locales/th.js +34 -4
  69. package/lib/locales/vi.js +34 -4
  70. package/lib/locales/zh-tw.js +34 -4
  71. package/lib/locales/zh.js +35 -5
  72. package/lib/store/connect-actions.js +14 -5
  73. package/lib/store/delete.js +7 -3
  74. package/lib/store/item.js +111 -19
  75. package/lib/team/members/index.js +13 -11
  76. package/lib/team/members/member.js +1 -6
  77. package/package.json +30 -20
  78. /package/es/blocklet/{oauth → authentication}/common-settings.js +0 -0
  79. /package/es/blocklet/{oauth → authentication/federated}/federated-invite-dialog.js +0 -0
  80. /package/lib/blocklet/{oauth → authentication}/common-settings.js +0 -0
  81. /package/lib/blocklet/{oauth → authentication/federated}/federated-invite-dialog.js +0 -0
@@ -21,7 +21,8 @@ function DeleteStore(_ref) {
21
21
  store,
22
22
  teamDid,
23
23
  onDelete,
24
- children
24
+ children,
25
+ projectId = ''
25
26
  } = _ref;
26
27
  const {
27
28
  api
@@ -42,7 +43,8 @@ function DeleteStore(_ref) {
42
43
  await api.deleteBlockletStore({
43
44
  input: {
44
45
  teamDid,
45
- url: store.url
46
+ url: store.url,
47
+ projectId
46
48
  }
47
49
  });
48
50
  if (onDelete && typeof onDelete === 'function') {
@@ -105,9 +107,11 @@ DeleteStore.propTypes = {
105
107
  children: _propTypes.default.node,
106
108
  teamDid: _propTypes.default.string.isRequired,
107
109
  store: _propTypes.default.object.isRequired,
108
- onDelete: _propTypes.default.func
110
+ onDelete: _propTypes.default.func,
111
+ projectId: _propTypes.default.string
109
112
  };
110
113
  DeleteStore.defaultProps = {
111
114
  children: null,
115
+ projectId: '',
112
116
  onDelete: () => {}
113
117
  };
package/lib/store/item.js CHANGED
@@ -9,6 +9,7 @@ var _material = require("@mui/material");
9
9
  var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
10
10
  var _BackupOutlined = _interopRequireDefault(require("@mui/icons-material/BackupOutlined"));
11
11
  var _LinkOutlined = _interopRequireDefault(require("@mui/icons-material/LinkOutlined"));
12
+ var _AdminPanelSettings = _interopRequireDefault(require("@mui/icons-material/AdminPanelSettings"));
12
13
  var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
13
14
  var _propTypes = _interopRequireDefault(require("prop-types"));
14
15
  var _react = require("react");
@@ -19,8 +20,17 @@ var _delete = _interopRequireDefault(require("./delete"));
19
20
  var _node = require("../contexts/node");
20
21
  var _util = require("../util");
21
22
  var _connectActions = _interopRequireDefault(require("./connect-actions"));
23
+ var _didAddress = _interopRequireDefault(require("../did-address"));
22
24
  var _jsxRuntime = require("react/jsx-runtime");
25
+ const _excluded = ["className"];
23
26
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
29
+ 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; }
30
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
31
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
32
+ 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; }
33
+ 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; }
24
34
  const useStyles = (0, _styles.makeStyles)(() => ({
25
35
  buttonText: {
26
36
  textTransform: 'none !important'
@@ -69,7 +79,34 @@ const useStyles = (0, _styles.makeStyles)(() => ({
69
79
  backgroundColor: '#e0e0e0'
70
80
  }
71
81
  }));
72
- function StoreItem(_ref) {
82
+ const WhiteTooltip = (0, _styles.styled)(_ref => {
83
+ let {
84
+ className
85
+ } = _ref,
86
+ props = _objectWithoutProperties(_ref, _excluded);
87
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, _objectSpread(_objectSpread({}, props), {}, {
88
+ classes: {
89
+ popper: className
90
+ }
91
+ }));
92
+ })(_ref2 => {
93
+ let {
94
+ theme
95
+ } = _ref2;
96
+ return {
97
+ ["& .".concat(_material.tooltipClasses.tooltip)]: {
98
+ backgroundColor: '#fff',
99
+ color: 'rgba(0, 0, 0, 0.87)',
100
+ maxWidth: 220,
101
+ borderRadius: 8,
102
+ padding: theme.spacing(2),
103
+ fontSize: theme.typography.pxToRem(12),
104
+ border: '1px solid rgba(0,0,0,0.08)',
105
+ boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.05)'
106
+ }
107
+ };
108
+ });
109
+ function StoreItem(_ref3) {
73
110
  let {
74
111
  teamDid,
75
112
  projectId,
@@ -78,10 +115,10 @@ function StoreItem(_ref) {
78
115
  onDelete,
79
116
  kind,
80
117
  published,
81
- connected,
118
+ connectedStore,
82
119
  releaseType,
83
120
  onPublish
84
- } = _ref;
121
+ } = _ref3;
85
122
  const classes = useStyles();
86
123
  const {
87
124
  t
@@ -91,6 +128,7 @@ function StoreItem(_ref) {
91
128
  } = (0, _node.useNodeContext)();
92
129
  const [loading, setLoading] = (0, _react.useState)(false);
93
130
  const isPublish = kind === 'publish';
131
+ const connected = !!connectedStore;
94
132
  const handleOpenUrl = e => {
95
133
  e.stopPropagation();
96
134
  if (isPublish) {
@@ -109,7 +147,8 @@ function StoreItem(_ref) {
109
147
  did: teamDid,
110
148
  storeUrl: store.url,
111
149
  storeId: store.id,
112
- storeName: store.name
150
+ storeName: store.name,
151
+ projectId
113
152
  }
114
153
  }).then(res => {
115
154
  if (!(res !== null && res !== void 0 && res.url)) {
@@ -153,18 +192,24 @@ function StoreItem(_ref) {
153
192
  }, [connected]);
154
193
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
155
194
  className: classes.box,
156
- children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
195
+ children: [!isPublish && loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
157
196
  sx: {
158
197
  marginRight: 2
159
198
  },
160
199
  size: 16
161
200
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
162
201
  className: classes.menuName,
163
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
164
- component: "span",
165
- className: classes.title,
166
- variant: "subtitle1",
167
- children: store.name
202
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
203
+ sx: {
204
+ display: 'flex',
205
+ flexDirection: 'row'
206
+ },
207
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
208
+ component: "span",
209
+ className: classes.title,
210
+ variant: "subtitle1",
211
+ children: store.name
212
+ })
168
213
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
169
214
  className: classes.url,
170
215
  component: "span",
@@ -173,7 +218,29 @@ function StoreItem(_ref) {
173
218
  })]
174
219
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
175
220
  className: classes.actions,
176
- children: [isPublish && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
221
+ children: [connectedStore && /*#__PURE__*/(0, _jsxRuntime.jsx)(WhiteTooltip, {
222
+ placement: "left",
223
+ title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
224
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
225
+ component: "span",
226
+ className: classes.title,
227
+ variant: "subtitle1",
228
+ children: connectedStore.developerName
229
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
230
+ size: 14,
231
+ responsive: true,
232
+ did: connectedStore.developerDid
233
+ })]
234
+ }),
235
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdminPanelSettings.default, {
236
+ sx: {
237
+ color: 'rgba(10,10,60,0.3)',
238
+ fontSize: 22,
239
+ marginRight: 1,
240
+ cursor: 'help'
241
+ }
242
+ })
243
+ }), isPublish && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
177
244
  disabled: loading,
178
245
  variant: "outlined",
179
246
  sx: {
@@ -184,10 +251,16 @@ function StoreItem(_ref) {
184
251
  sx: {
185
252
  paddingLeft: 2,
186
253
  paddingRight: 2,
187
- fontSize: 15
254
+ fontSize: 15,
255
+ width: 130
188
256
  },
189
257
  onClick: handleConnectToStore,
190
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkOutlined.default, {
258
+ children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
259
+ sx: {
260
+ marginRight: 1
261
+ },
262
+ size: 16
263
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkOutlined.default, {
191
264
  sx: {
192
265
  marginRight: 1
193
266
  }
@@ -197,9 +270,15 @@ function StoreItem(_ref) {
197
270
  sx: {
198
271
  paddingLeft: 2,
199
272
  paddingRight: 2,
200
- fontSize: 15
273
+ fontSize: 15,
274
+ width: 130
201
275
  },
202
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Done.default, {
276
+ children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
277
+ sx: {
278
+ marginRight: 1
279
+ },
280
+ size: 16
281
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Done.default, {
203
282
  sx: {
204
283
  marginRight: 1
205
284
  }
@@ -208,15 +287,23 @@ function StoreItem(_ref) {
208
287
  sx: {
209
288
  paddingLeft: 2,
210
289
  paddingRight: 2,
211
- fontSize: 15
290
+ fontSize: 15,
291
+ width: 130
212
292
  },
213
293
  onClick: handleUploadToStore,
214
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BackupOutlined.default, {
294
+ children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
215
295
  sx: {
216
296
  marginRight: 1
297
+ },
298
+ size: 16
299
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_BackupOutlined.default, {
300
+ sx: {
301
+ marginRight: 1,
302
+ fontSize: 20
217
303
  }
218
304
  }), t('common.upload')]
219
305
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectActions.default, {
306
+ projectId: projectId,
220
307
  connected: connected,
221
308
  store: store,
222
309
  onDelete: onDelete,
@@ -250,7 +337,12 @@ StoreItem.propTypes = {
250
337
  kind: _propTypes.default.string,
251
338
  teamDid: _propTypes.default.string.isRequired,
252
339
  published: _propTypes.default.bool,
253
- connected: _propTypes.default.bool,
340
+ connectedStore: _propTypes.default.shape({
341
+ storeId: _propTypes.default.string,
342
+ storeUrl: _propTypes.default.string,
343
+ developerDid: _propTypes.default.string,
344
+ developerName: _propTypes.default.string
345
+ }),
254
346
  projectId: _propTypes.default.string,
255
347
  releaseId: _propTypes.default.string,
256
348
  releaseType: _propTypes.default.string,
@@ -267,7 +359,7 @@ StoreItem.propTypes = {
267
359
  StoreItem.defaultProps = {
268
360
  kind: 'store',
269
361
  published: false,
270
- connected: false,
362
+ connectedStore: null,
271
363
  releaseId: '',
272
364
  projectId: '',
273
365
  releaseType: '',
@@ -159,6 +159,7 @@ function MemberList(_ref2) {
159
159
  const {
160
160
  appIdList = []
161
161
  } = (0, _blocklet.useBlockletContext)();
162
+ const isMobile = (0, _material.useMediaQuery)(theme => theme.breakpoints.down('md'));
162
163
  const {
163
164
  teamDid,
164
165
  invitations,
@@ -322,7 +323,8 @@ function MemberList(_ref2) {
322
323
  customBodyRender: e => {
323
324
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
324
325
  size: 14,
325
- responsive: true,
326
+ responsive: !isMobile,
327
+ compact: isMobile,
326
328
  copyable: false,
327
329
  did: e
328
330
  });
@@ -333,9 +335,14 @@ function MemberList(_ref2) {
333
335
  name: 'lastLoginAt',
334
336
  options: {
335
337
  customBodyRender: e => {
336
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
337
- value: e,
338
- locale: locale
338
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
339
+ sx: {
340
+ minWidth: '100px'
341
+ },
342
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RelativeTime.default, {
343
+ value: e,
344
+ locale: locale
345
+ })
339
346
  });
340
347
  }
341
348
  }
@@ -354,12 +361,7 @@ function MemberList(_ref2) {
354
361
  customBodyRenderLite: rowIndex => {
355
362
  const user = users[rowIndex];
356
363
  const source = user.sourceProvider || _constant.USER_TYPE.WALLET;
357
- const providerNameMap = {
358
- auth0: 'Auth0',
359
- wallet: 'DID wallet',
360
- federated: 'Federated'
361
- };
362
- const providerName = providerNameMap[source] || source;
364
+ const providerName = _constant2.PROVIDER_NAME[source] || source;
363
365
  if (user.sourceAppPid) {
364
366
  return "".concat(providerName, " (").concat(t('team.member.federated'), ")");
365
367
  }
@@ -634,7 +636,7 @@ function MemberList(_ref2) {
634
636
  })]
635
637
  });
636
638
  }
637
- const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .main {\n .left {\n width: 168px;\n flex-shrink: 0;\n margin-right: 65px;\n .tabs {\n padding-top: 16px;\n .tab {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 16px;\n transition: background 0.4s;\n\n width: 168px;\n height: 36px;\n border-radius: 8px;\n\n cursor: pointer;\n user-select: none;\n\n &:nth-child(n + 2) {\n margin-top: 24px;\n }\n\n &.active {\n background: #f2f2f2;\n }\n\n &:hover {\n background: #f2f2f2;\n }\n\n .text {\n font-weight: 400;\n font-size: 16px;\n line-height: 19px;\n\n color: #222222;\n }\n\n .badge {\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n color: #fff;\n background: #666666;\n font-size: 10px;\n font-weight: 400;\n &.is-rect {\n width: auto;\n border-radius: 8px;\n padding: 0 4px;\n }\n }\n }\n }\n @media (max-width: ", "px) {\n display: none;\n }\n }\n .right {\n flex-grow: 1;\n }\n }\n\n .member-block {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n .member-avatar {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .member-meta {\n margin-left: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n .badge-block {\n width: 14px;\n height: 14px;\n position: absolute;\n right: -4px;\n top: -4px;\n background: #ff5757;\n border-radius: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n &::after {\n content: '';\n width: 6px;\n height: 2px;\n background: #fefefe;\n }\n }\n }\n\n .table-toolbar-left {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 7px 0;\n }\n"])), props => props.theme.breakpoints.values.md);
639
+ const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .main {\n .left {\n width: 168px;\n flex-shrink: 0;\n margin-right: 65px;\n .tabs {\n padding-top: 16px;\n .tab {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 8px 16px;\n transition: background 0.4s;\n\n width: 168px;\n height: 36px;\n border-radius: 8px;\n\n cursor: pointer;\n user-select: none;\n\n &:nth-child(n + 2) {\n margin-top: 24px;\n }\n\n &.active {\n background: #f2f2f2;\n }\n\n &:hover {\n background: #f2f2f2;\n }\n\n .text {\n font-weight: 400;\n font-size: 16px;\n line-height: 19px;\n\n color: #222222;\n }\n\n .badge {\n display: flex;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n color: #fff;\n background: #666666;\n font-size: 10px;\n font-weight: 400;\n &.is-rect {\n width: auto;\n border-radius: 8px;\n padding: 0 4px;\n }\n }\n }\n }\n @media (max-width: ", "px) {\n display: none;\n }\n }\n .right {\n flex: 1;\n overflow: auto;\n }\n }\n\n .member-block {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n .member-avatar {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .member-meta {\n margin-left: 10px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n .badge-block {\n width: 14px;\n height: 14px;\n position: absolute;\n right: -4px;\n top: -4px;\n background: #ff5757;\n border-radius: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n &::after {\n content: '';\n width: 6px;\n height: 2px;\n background: #fefefe;\n }\n }\n }\n\n .table-toolbar-left {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 7px 0;\n }\n"])), props => props.theme.breakpoints.values.md);
638
640
  MemberList.propTypes = {
639
641
  type: _propTypes.default.oneOf(['server', 'blocklet']).isRequired,
640
642
  createPassportSvg: _propTypes.default.func.isRequired
@@ -148,11 +148,6 @@ function Member(_ref2) {
148
148
  await getData(teamDid, changedUser.did);
149
149
  pageState.tab = defaultTab;
150
150
  };
151
- const providerNameMap = {
152
- auth0: 'Auth0',
153
- wallet: 'DID wallet',
154
- federated: 'Federated'
155
- };
156
151
 
157
152
  // tab
158
153
  const Info = () => {
@@ -168,7 +163,7 @@ function Member(_ref2) {
168
163
  value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
169
164
  display: "flex",
170
165
  alignItems: "center",
171
- children: providerNameMap[((_pageState$user = pageState.user) === null || _pageState$user === void 0 ? void 0 : _pageState$user.sourceProvider) || _constant.USER_TYPE.WALLET] || ((_pageState$user2 = pageState.user) === null || _pageState$user2 === void 0 ? void 0 : _pageState$user2.sourceProvider)
166
+ children: _constant2.PROVIDER_NAME[((_pageState$user = pageState.user) === null || _pageState$user === void 0 ? void 0 : _pageState$user.sourceProvider) || _constant.USER_TYPE.WALLET] || ((_pageState$user2 = pageState.user) === null || _pageState$user2 === void 0 ? void 0 : _pageState$user2.sourceProvider)
172
167
  })
173
168
  }, {
174
169
  name: t('team.member.allowLogin'),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abtnode/ux",
3
- "version": "1.16.26-beta-818ea1c5",
3
+ "version": "1.16.26-beta-351de484",
4
4
  "description": "UX components shared across abtnode packages",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -28,27 +28,29 @@
28
28
  "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
29
29
  "license": "Apache-2.0",
30
30
  "dependencies": {
31
- "@abtnode/auth": "1.16.26-beta-818ea1c5",
32
- "@abtnode/constant": "1.16.26-beta-818ea1c5",
33
- "@abtnode/util": "1.16.26-beta-818ea1c5",
31
+ "@abtnode/auth": "1.16.26-beta-351de484",
32
+ "@abtnode/constant": "1.16.26-beta-351de484",
33
+ "@abtnode/util": "1.16.26-beta-351de484",
34
34
  "@ahooksjs/use-url-state": "^3.5.1",
35
35
  "@arcblock/did": "^1.18.115",
36
- "@arcblock/did-connect": "^2.9.66",
36
+ "@arcblock/did-connect": "^2.9.68",
37
37
  "@arcblock/did-motif": "^1.1.13",
38
- "@arcblock/icons": "^2.9.66",
39
- "@arcblock/nft-display": "2.9.66",
40
- "@arcblock/react-hooks": "^2.9.66",
41
- "@arcblock/terminal": "^2.9.66",
42
- "@arcblock/ux": "^2.9.66",
43
- "@blocklet/constant": "1.16.26-beta-818ea1c5",
44
- "@blocklet/launcher-layout": "2.3.6",
38
+ "@arcblock/icons": "^2.9.68",
39
+ "@arcblock/nft-display": "2.9.68",
40
+ "@arcblock/react-hooks": "^2.9.68",
41
+ "@arcblock/terminal": "^2.9.68",
42
+ "@arcblock/ux": "^2.9.68",
43
+ "@blocklet/constant": "1.16.26-beta-351de484",
44
+ "@blocklet/launcher-layout": "2.3.9",
45
45
  "@blocklet/list": "^0.12.87",
46
- "@blocklet/meta": "1.16.26-beta-818ea1c5",
47
- "@blocklet/ui-react": "^2.9.66",
46
+ "@blocklet/meta": "1.16.26-beta-351de484",
47
+ "@blocklet/ui-react": "^2.9.68",
48
48
  "@blocklet/uploader": "^0.0.77",
49
49
  "@emotion/react": "^11.10.4",
50
50
  "@emotion/styled": "^11.10.4",
51
- "@iconify/react": "^4.0.0",
51
+ "@iconify-icons/logos": "^1.2.36",
52
+ "@iconify-icons/material-symbols": "^1.2.58",
53
+ "@iconify/react": "^4.1.1",
52
54
  "@material-table/core": "^0.2.62",
53
55
  "@mui/icons-material": "^5.15.11",
54
56
  "@mui/lab": "5.0.0-alpha.162",
@@ -107,7 +109,7 @@
107
109
  "jest": "^29.7.0",
108
110
  "jest-environment-jsdom": "^29.7.0"
109
111
  },
110
- "gitHead": "94aded9a2c0f4b5a57f0ca0fa2493ec417ef3339",
112
+ "gitHead": "00eba435a21506382c7823ea804abea196390a0f",
111
113
  "exports": {
112
114
  ".": {
113
115
  "import": "./es/index.js",
@@ -121,6 +123,18 @@
121
123
  "import": "./es/blocklet/access/index.js",
122
124
  "require": "./lib/blocklet/access/index.js"
123
125
  },
126
+ "./lib/blocklet/authentication/federated": {
127
+ "import": "./es/blocklet/authentication/federated/index.js",
128
+ "require": "./lib/blocklet/authentication/federated/index.js"
129
+ },
130
+ "./lib/blocklet/authentication": {
131
+ "import": "./es/blocklet/authentication/index.js",
132
+ "require": "./lib/blocklet/authentication/index.js"
133
+ },
134
+ "./lib/blocklet/authentication/oauth": {
135
+ "import": "./es/blocklet/authentication/oauth/index.js",
136
+ "require": "./lib/blocklet/authentication/oauth/index.js"
137
+ },
124
138
  "./lib/blocklet/component/did-space": {
125
139
  "import": "./es/blocklet/component/did-space/index.js",
126
140
  "require": "./lib/blocklet/component/did-space/index.js"
@@ -137,10 +151,6 @@
137
151
  "import": "./es/blocklet/notification/index.js",
138
152
  "require": "./lib/blocklet/notification/index.js"
139
153
  },
140
- "./lib/blocklet/oauth": {
141
- "import": "./es/blocklet/oauth/index.js",
142
- "require": "./lib/blocklet/oauth/index.js"
143
- },
144
154
  "./lib/blocklet/preferences": {
145
155
  "import": "./es/blocklet/preferences/index.js",
146
156
  "require": "./lib/blocklet/preferences/index.js"