@arcblock/ux 2.9.91 → 2.10.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 (337) hide show
  1. package/lib/ActionButton/index.js +36 -48
  2. package/lib/ActivityIndicator/index.js +122 -75
  3. package/lib/Address/compact-text.js +48 -66
  4. package/lib/Address/did-address.js +114 -87
  5. package/lib/Address/index.js +15 -27
  6. package/lib/Address/responsive-did-address.js +48 -50
  7. package/lib/Alert/index.js +58 -52
  8. package/lib/AnimationWaiter/index.js +123 -69
  9. package/lib/Async/index.js +8 -22
  10. package/lib/Avatar/did-motif.js +38 -52
  11. package/lib/Avatar/etherscan-blockies.js +4 -10
  12. package/lib/Avatar/index.js +71 -77
  13. package/lib/Badge/index.js +49 -56
  14. package/lib/Blocklet/blocklet.js +181 -97
  15. package/lib/Blocklet/index.js +4 -24
  16. package/lib/Blocklet/utils.js +50 -13
  17. package/lib/BlockletContext/index.js +21 -31
  18. package/lib/BlockletNFT/index.js +255 -115
  19. package/lib/Button/index.js +5 -11
  20. package/lib/Button/wrap.js +45 -56
  21. package/lib/ButtonGroup/index.js +3 -9
  22. package/lib/CardSelector/index.js +67 -43
  23. package/lib/Center/index.js +19 -20
  24. package/lib/ClickToCopy/copy-button.js +37 -50
  25. package/lib/ClickToCopy/hook.js +10 -18
  26. package/lib/ClickToCopy/index.js +54 -66
  27. package/lib/CodeBlock/LightBox.js +84 -11
  28. package/lib/CodeBlock/index.js +175 -101
  29. package/lib/Colors/index.js +3 -20
  30. package/lib/Colors/themes/default.js +1 -7
  31. package/lib/Colors/themes/temp.js +1 -7
  32. package/lib/ContactForm/index.js +95 -60
  33. package/lib/CookieConsent/index.js +58 -52
  34. package/lib/CountDown/index.js +90 -59
  35. package/lib/DID/index.js +80 -96
  36. package/lib/Datatable/CustomToolbar.js +188 -137
  37. package/lib/Datatable/DatatableContext.js +14 -21
  38. package/lib/Datatable/TableSearch.js +99 -58
  39. package/lib/Datatable/index.js +312 -139
  40. package/lib/Datatable/utils.js +9 -17
  41. package/lib/Dialog/confirm.js +46 -58
  42. package/lib/Dialog/dialog.js +110 -66
  43. package/lib/Dialog/index.js +4 -27
  44. package/lib/Dialog/use-confirm.js +40 -65
  45. package/lib/DidLogo/index.js +14 -22
  46. package/lib/DriftBot/index.js +34 -19
  47. package/lib/Earth/index.js +214 -110
  48. package/lib/Earth/util.js +6 -19
  49. package/lib/Empty/index.js +33 -38
  50. package/lib/ErrorBoundary/fallback.js +45 -43
  51. package/lib/ErrorBoundary/index.js +1 -16
  52. package/lib/Footer/index.js +96 -48
  53. package/lib/Header/auto-hidden.js +28 -31
  54. package/lib/Header/header.js +151 -69
  55. package/lib/Header/index.js +2 -20
  56. package/lib/Header/responsive-header.js +67 -60
  57. package/lib/Icon/image.js +41 -45
  58. package/lib/Icon/index.js +51 -53
  59. package/lib/Img/index.js +77 -88
  60. package/lib/InfoRow/index.js +66 -48
  61. package/lib/Layout/dashboard/external-link.js +38 -53
  62. package/lib/Layout/dashboard/full-page.js +27 -41
  63. package/lib/Layout/dashboard/index.js +177 -132
  64. package/lib/Layout/dashboard/sidebar.js +164 -61
  65. package/lib/Layout/dashboard-legacy/header.js +119 -66
  66. package/lib/Layout/dashboard-legacy/index.js +90 -79
  67. package/lib/Layout/dashboard-legacy/sidebar.js +95 -62
  68. package/lib/Layout/index.js +200 -106
  69. package/lib/LoadingMask/index.js +31 -38
  70. package/lib/Locale/browser-lang.js +2 -8
  71. package/lib/Locale/context.js +46 -69
  72. package/lib/Locale/languages.js +6 -15
  73. package/lib/Locale/selector.js +116 -92
  74. package/lib/Locale/util.js +7 -16
  75. package/lib/Logo/index.js +54 -57
  76. package/lib/Metric/index.js +103 -40
  77. package/lib/NFTDisplay/aspect-ratio-container.js +33 -40
  78. package/lib/NFTDisplay/broken.js +68 -52
  79. package/lib/NFTDisplay/index.js +140 -129
  80. package/lib/NFTDisplay/loading.js +14 -13
  81. package/lib/NFTDisplay/svg-embedder/img.js +18 -33
  82. package/lib/NFTDisplay/svg-embedder/inline-svg.js +28 -32
  83. package/lib/NavMenu/index.js +2 -13
  84. package/lib/NavMenu/nav-menu.js +133 -148
  85. package/lib/NavMenu/style.js +179 -12
  86. package/lib/PageScroller/index.js +82 -93
  87. package/lib/PageScroller/story/FifthComponent.js +4 -10
  88. package/lib/PageScroller/story/FirstComponent.js +4 -10
  89. package/lib/PageScroller/story/FourthComponent.js +4 -10
  90. package/lib/PageScroller/story/FullPage.js +21 -28
  91. package/lib/PageScroller/story/PageContain.js +23 -30
  92. package/lib/PageScroller/story/SecondComponent.js +4 -10
  93. package/lib/PageScroller/story/ThirdComponent.js +4 -10
  94. package/lib/PageScroller/usePrevValue.js +4 -11
  95. package/lib/Passport/index.js +2 -9
  96. package/lib/Passport/passport.js +38 -51
  97. package/lib/PoweredByArcBlock/index.js +19 -33
  98. package/lib/PricingTable/PricingPlan.js +90 -34
  99. package/lib/PricingTable/index.js +28 -26
  100. package/lib/QRCode/index.js +38 -50
  101. package/lib/RelativeTime/index.js +44 -59
  102. package/lib/Result/common.js +85 -107
  103. package/lib/Result/index.js +22 -34
  104. package/lib/Result/result.js +35 -41
  105. package/lib/Result/translations.js +1 -7
  106. package/lib/Screenshot/BaseScreenshot/index.js +65 -43
  107. package/lib/Screenshot/BaseScreenshot/shells/Macbook.js +17 -27
  108. package/lib/Screenshot/BaseScreenshot/shells/Phone.js +14 -25
  109. package/lib/Screenshot/index.js +103 -92
  110. package/lib/SessionBlocklet/index.js +125 -143
  111. package/lib/SessionManager/index.js +2 -9
  112. package/lib/SessionPermission/index.js +13 -23
  113. package/lib/SessionUser/components/logged-in.js +139 -158
  114. package/lib/SessionUser/components/session-user-item.js +44 -58
  115. package/lib/SessionUser/components/session-user-switch.js +133 -152
  116. package/lib/SessionUser/components/un-login.js +27 -35
  117. package/lib/SessionUser/components/user-info.js +62 -74
  118. package/lib/SessionUser/index.js +26 -34
  119. package/lib/SessionUser/libs/translation.js +1 -7
  120. package/lib/SessionUser/libs/utils.js +13 -34
  121. package/lib/Sparkline/index.js +4 -10
  122. package/lib/Spinner/index.js +11 -17
  123. package/lib/SplitButton/index.js +72 -68
  124. package/lib/Success/index.js +28 -34
  125. package/lib/Switch/index.js +64 -75
  126. package/lib/Tabs/index.js +84 -103
  127. package/lib/Tag/index.js +52 -56
  128. package/lib/TextCollapse/index.js +57 -50
  129. package/lib/Theme/index.js +8 -47
  130. package/lib/Theme/theme-provider.js +19 -26
  131. package/lib/Theme/theme.js +49 -62
  132. package/lib/Toast/index.js +41 -73
  133. package/lib/Typography/index.js +44 -55
  134. package/lib/Util/constant.js +16 -22
  135. package/lib/Util/deprecate.js +14 -26
  136. package/lib/Util/federated.js +16 -38
  137. package/lib/Util/index.js +63 -113
  138. package/lib/Util/passport.js +23 -33
  139. package/lib/Util/wallet.js +5 -14
  140. package/lib/Video/index.js +34 -34
  141. package/lib/Wallet/Action.js +72 -49
  142. package/lib/Wallet/Download.js +132 -115
  143. package/lib/Wallet/Open.js +26 -25
  144. package/lib/WalletOSIcon/index.js +33 -42
  145. package/lib/WebWalletSWKeeper/index.js +42 -55
  146. package/lib/WechatPrompt/index.js +53 -33
  147. package/lib/index.js +38 -265
  148. package/lib/withTheme/index.js +53 -33
  149. package/lib/withTracker/error_boundary.js +7 -18
  150. package/lib/withTracker/index.js +25 -34
  151. package/package.json +9 -316
  152. package/src/WalletOSIcon/index.jsx +1 -1
  153. package/es/ActionButton/index.js +0 -99
  154. package/es/ActivityIndicator/index.js +0 -180
  155. package/es/Address/compact-text.js +0 -105
  156. package/es/Address/did-address.js +0 -222
  157. package/es/Address/index.js +0 -23
  158. package/es/Address/responsive-did-address.js +0 -87
  159. package/es/Alert/index.js +0 -134
  160. package/es/AnimationWaiter/default-animation.json +0 -1
  161. package/es/AnimationWaiter/index.js +0 -240
  162. package/es/Async/index.js +0 -38
  163. package/es/Avatar/did-motif.js +0 -68
  164. package/es/Avatar/etherscan-blockies.js +0 -83
  165. package/es/Avatar/index.js +0 -179
  166. package/es/Badge/index.js +0 -98
  167. package/es/Blocklet/blocklet.js +0 -298
  168. package/es/Blocklet/index.js +0 -4
  169. package/es/Blocklet/utils.js +0 -52
  170. package/es/BlockletContext/index.js +0 -65
  171. package/es/BlockletNFT/index.js +0 -412
  172. package/es/Button/index.js +0 -8
  173. package/es/Button/wrap.js +0 -140
  174. package/es/ButtonGroup/index.js +0 -6
  175. package/es/CardSelector/index.js +0 -149
  176. package/es/Center/index.js +0 -41
  177. package/es/ClickToCopy/copy-button.js +0 -72
  178. package/es/ClickToCopy/hook.js +0 -39
  179. package/es/ClickToCopy/index.js +0 -92
  180. package/es/CodeBlock/LightBox.js +0 -85
  181. package/es/CodeBlock/index.js +0 -222
  182. package/es/Colors/index.js +0 -3
  183. package/es/Colors/themes/default.js +0 -77
  184. package/es/Colors/themes/temp.js +0 -41
  185. package/es/ContactForm/index.js +0 -230
  186. package/es/CookieConsent/index.js +0 -113
  187. package/es/CountDown/index.js +0 -178
  188. package/es/DID/index.js +0 -249
  189. package/es/Datatable/CustomToolbar.js +0 -396
  190. package/es/Datatable/DatatableContext.js +0 -34
  191. package/es/Datatable/TableSearch.js +0 -166
  192. package/es/Datatable/index.js +0 -629
  193. package/es/Datatable/utils.js +0 -132
  194. package/es/Dialog/confirm.js +0 -123
  195. package/es/Dialog/dialog.js +0 -201
  196. package/es/Dialog/index.js +0 -4
  197. package/es/Dialog/types.d.ts +0 -17
  198. package/es/Dialog/use-confirm.js +0 -133
  199. package/es/DidLogo/index.js +0 -31
  200. package/es/DriftBot/index.js +0 -70
  201. package/es/Earth/countries.json +0 -8057
  202. package/es/Earth/index.js +0 -521
  203. package/es/Earth/util.js +0 -51
  204. package/es/Empty/index.js +0 -65
  205. package/es/ErrorBoundary/fallback.js +0 -73
  206. package/es/ErrorBoundary/index.js +0 -1
  207. package/es/Footer/index.js +0 -172
  208. package/es/Header/auto-hidden.js +0 -35
  209. package/es/Header/header.js +0 -223
  210. package/es/Header/index.js +0 -2
  211. package/es/Header/responsive-header.js +0 -146
  212. package/es/Icon/image.js +0 -65
  213. package/es/Icon/index.js +0 -84
  214. package/es/Img/index.js +0 -218
  215. package/es/InfoRow/index.js +0 -87
  216. package/es/Layout/dashboard/external-link.js +0 -58
  217. package/es/Layout/dashboard/full-page.js +0 -53
  218. package/es/Layout/dashboard/index.js +0 -282
  219. package/es/Layout/dashboard/sidebar.js +0 -209
  220. package/es/Layout/dashboard-legacy/header.js +0 -174
  221. package/es/Layout/dashboard-legacy/index.js +0 -148
  222. package/es/Layout/dashboard-legacy/sidebar.js +0 -129
  223. package/es/Layout/index.js +0 -335
  224. package/es/LoadingMask/index.js +0 -102
  225. package/es/Locale/browser-lang.js +0 -52
  226. package/es/Locale/context.js +0 -139
  227. package/es/Locale/languages.js +0 -60
  228. package/es/Locale/selector.js +0 -186
  229. package/es/Locale/util.js +0 -21
  230. package/es/Logo/images/logo-dark-text.svg +0 -3
  231. package/es/Logo/images/logo-dark-top.svg +0 -6
  232. package/es/Logo/images/logo-light-text.svg +0 -3
  233. package/es/Logo/images/logo-light-top.svg +0 -6
  234. package/es/Logo/index.js +0 -136
  235. package/es/Metric/index.js +0 -132
  236. package/es/NFTDisplay/NFTBroken.svg +0 -34
  237. package/es/NFTDisplay/README.md +0 -59
  238. package/es/NFTDisplay/aspect-ratio-container.js +0 -39
  239. package/es/NFTDisplay/broken.js +0 -132
  240. package/es/NFTDisplay/demo/data/asset-state-display-url.json +0 -7
  241. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-1-1.json +0 -10
  242. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-374-130.json +0 -10
  243. package/es/NFTDisplay/demo/data/asset-state-gzipped-svg-with-foreign-object.json +0 -20
  244. package/es/NFTDisplay/demo/data/asset-state-svg.json +0 -29
  245. package/es/NFTDisplay/demo/data/asset-state-url.json +0 -10
  246. package/es/NFTDisplay/index.js +0 -328
  247. package/es/NFTDisplay/loading.js +0 -18
  248. package/es/NFTDisplay/svg-embedder/img.js +0 -45
  249. package/es/NFTDisplay/svg-embedder/inline-svg.js +0 -39
  250. package/es/NavMenu/index.js +0 -2
  251. package/es/NavMenu/nav-menu.js +0 -358
  252. package/es/NavMenu/style.js +0 -181
  253. package/es/PageScroller/index.js +0 -286
  254. package/es/PageScroller/story/FifthComponent.js +0 -9
  255. package/es/PageScroller/story/FirstComponent.js +0 -9
  256. package/es/PageScroller/story/FourthComponent.js +0 -12
  257. package/es/PageScroller/story/FullPage.js +0 -47
  258. package/es/PageScroller/story/PageContain.js +0 -59
  259. package/es/PageScroller/story/SecondComponent.js +0 -9
  260. package/es/PageScroller/story/ThirdComponent.js +0 -9
  261. package/es/PageScroller/story/index.css +0 -115
  262. package/es/PageScroller/usePrevValue.js +0 -9
  263. package/es/Passport/index.js +0 -2
  264. package/es/Passport/passport.js +0 -103
  265. package/es/PoweredByArcBlock/index.js +0 -31
  266. package/es/PricingTable/PricingPlan.js +0 -124
  267. package/es/PricingTable/index.js +0 -53
  268. package/es/QRCode/index.js +0 -73
  269. package/es/RelativeTime/index.js +0 -107
  270. package/es/Result/common.js +0 -140
  271. package/es/Result/demo/fixtures/result-image-404.svg +0 -1
  272. package/es/Result/index.js +0 -33
  273. package/es/Result/result.js +0 -59
  274. package/es/Result/translations.js +0 -54
  275. package/es/Screenshot/BaseScreenshot/index.js +0 -91
  276. package/es/Screenshot/BaseScreenshot/shells/Macbook.js +0 -51
  277. package/es/Screenshot/BaseScreenshot/shells/Phone.js +0 -36
  278. package/es/Screenshot/demo/images/bg-00.jpg +0 -0
  279. package/es/Screenshot/demo/images/bg-01.jpg +0 -0
  280. package/es/Screenshot/demo/images/bg-02.jpg +0 -0
  281. package/es/Screenshot/demo/images/bg-03.jpg +0 -0
  282. package/es/Screenshot/demo/images/bg-04.jpg +0 -0
  283. package/es/Screenshot/demo/images/bg-05.jpg +0 -0
  284. package/es/Screenshot/demo/images/bg-06.jpg +0 -0
  285. package/es/Screenshot/demo/images/bg-07.jpg +0 -0
  286. package/es/Screenshot/demo/images/bg-08.jpg +0 -0
  287. package/es/Screenshot/demo/images/bg-09.jpg +0 -0
  288. package/es/Screenshot/devices.css +0 -1366
  289. package/es/Screenshot/index.js +0 -299
  290. package/es/SessionBlocklet/index.js +0 -173
  291. package/es/SessionManager/index.js +0 -2
  292. package/es/SessionPermission/index.js +0 -28
  293. package/es/SessionUser/components/logged-in.js +0 -229
  294. package/es/SessionUser/components/session-user-item.js +0 -102
  295. package/es/SessionUser/components/session-user-switch.js +0 -223
  296. package/es/SessionUser/components/un-login.js +0 -64
  297. package/es/SessionUser/components/user-info.js +0 -167
  298. package/es/SessionUser/index.js +0 -49
  299. package/es/SessionUser/libs/translation.js +0 -19
  300. package/es/SessionUser/libs/utils.js +0 -29
  301. package/es/Sparkline/index.js +0 -193
  302. package/es/Spinner/index.js +0 -28
  303. package/es/SplitButton/index.js +0 -145
  304. package/es/Success/index.js +0 -175
  305. package/es/Switch/index.js +0 -96
  306. package/es/Tabs/index.js +0 -214
  307. package/es/Tag/index.js +0 -108
  308. package/es/TextCollapse/index.js +0 -92
  309. package/es/Theme/index.js +0 -16
  310. package/es/Theme/theme-provider.js +0 -39
  311. package/es/Theme/theme.js +0 -145
  312. package/es/Toast/index.js +0 -97
  313. package/es/Typography/index.js +0 -95
  314. package/es/Util/constant.js +0 -42
  315. package/es/Util/deprecate.js +0 -28
  316. package/es/Util/federated.js +0 -91
  317. package/es/Util/index.js +0 -363
  318. package/es/Util/passport.js +0 -62
  319. package/es/Util/wallet.js +0 -32
  320. package/es/Video/index.js +0 -89
  321. package/es/Wallet/Action.js +0 -119
  322. package/es/Wallet/Download.js +0 -331
  323. package/es/Wallet/Open.js +0 -45
  324. package/es/Wallet/images/abtwallet.png +0 -0
  325. package/es/Wallet/images/android_download.svg +0 -23
  326. package/es/Wallet/images/app-store.svg +0 -20
  327. package/es/Wallet/images/google-play.svg +0 -70
  328. package/es/WalletOSIcon/index.js +0 -82
  329. package/es/WebWalletSWKeeper/index.js +0 -117
  330. package/es/WechatPrompt/images/android.png +0 -0
  331. package/es/WechatPrompt/images/ios.png +0 -0
  332. package/es/WechatPrompt/index.js +0 -88
  333. package/es/index.js +0 -38
  334. package/es/withTheme/index.js +0 -69
  335. package/es/withTracker/README.md +0 -34
  336. package/es/withTracker/error_boundary.js +0 -34
  337. package/es/withTracker/index.js +0 -55
@@ -1,49 +1,37 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = UserInfo;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _material = require("@mui/material");
9
- var _react = require("@iconify/react");
10
- var _swapHorizRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/swap-horiz-rounded"));
11
- var _arrowRightAltRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/arrow-right-alt-rounded"));
12
- var _ahooks = require("ahooks");
13
- var _noop = _interopRequireDefault(require("lodash/noop"));
14
- var _Avatar = _interopRequireDefault(require("../../Avatar"));
15
- var _Util = require("../../Util");
16
- var _sessionUserSwitch = _interopRequireDefault(require("./session-user-switch"));
17
- var _Colors = require("../../Colors");
18
- var _utils = require("../libs/utils");
19
- var _translation = require("../libs/translation");
20
- var _util = require("../../Locale/util");
21
- var _jsxRuntime = require("react/jsx-runtime");
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
- function UserInfo(_ref) {
24
- var _session$user, _session$user$avatar, _session$user3, _session$user4, _session$user5;
25
- let {
26
- session,
27
- onSwitchPassport,
28
- onSwitchAccount,
29
- onBindWallet,
30
- onSwitchProfile,
31
- locale,
32
- isBlocklet
33
- } = _ref;
34
- const t = (0, _ahooks.useMemoizedFn)(function (key) {
35
- let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
36
- return (0, _util.translate)(_translation.translations, key, locale, 'en', data);
1
+ import PropTypes from 'prop-types';
2
+ import { Box, Chip, Typography } from '@mui/material';
3
+ import { Icon } from '@iconify/react';
4
+ import SwapHorizRoundedIcon from '@iconify-icons/material-symbols/swap-horiz-rounded';
5
+ import ArrowRightAltRoundedIcon from '@iconify-icons/material-symbols/arrow-right-alt-rounded';
6
+ import { useCreation, useMemoizedFn } from 'ahooks';
7
+ import noop from 'lodash/noop';
8
+ import DidAvatar from '../../Avatar';
9
+ import { getUserAvatar } from '../../Util';
10
+ import SessionUserSwitch from './session-user-switch';
11
+ import { temp as colors } from '../../Colors';
12
+ import { getWallet } from '../libs/utils';
13
+ import { translations } from '../libs/translation';
14
+ import { translate } from '../../Locale/util';
15
+ import { jsx as _jsx } from "react/jsx-runtime";
16
+ import { jsxs as _jsxs } from "react/jsx-runtime";
17
+ export default function UserInfo({
18
+ session,
19
+ onSwitchPassport,
20
+ onSwitchAccount,
21
+ onBindWallet,
22
+ onSwitchProfile,
23
+ locale,
24
+ isBlocklet
25
+ }) {
26
+ const t = useMemoizedFn((key, data = {}) => {
27
+ return translate(translations, key, locale, 'en', data);
37
28
  });
38
- const avatar = (0, _Util.getUserAvatar)((_session$user = session.user) === null || _session$user === void 0 ? void 0 : (_session$user$avatar = _session$user.avatar) === null || _session$user$avatar === void 0 ? void 0 : _session$user$avatar.replace(/\s/g, encodeURIComponent(' ')), 64);
39
- const currentRole = (0, _ahooks.useCreation)(() => {
40
- var _session$user2, _session$user2$passpo;
41
- return (_session$user2 = session.user) === null || _session$user2 === void 0 ? void 0 : (_session$user2$passpo = _session$user2.passports) === null || _session$user2$passpo === void 0 ? void 0 : _session$user2$passpo.find(item => item.name === session.user.role);
42
- }, [session === null || session === void 0 ? void 0 : (_session$user3 = session.user) === null || _session$user3 === void 0 ? void 0 : _session$user3.passports, session === null || session === void 0 ? void 0 : (_session$user4 = session.user) === null || _session$user4 === void 0 ? void 0 : _session$user4.role]);
43
- const hasBindWallet = (0, _ahooks.useCreation)(() => {
44
- return (0, _utils.getWallet)(session === null || session === void 0 ? void 0 : session.user);
45
- }, [session === null || session === void 0 ? void 0 : session.user]);
46
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
29
+ const avatar = getUserAvatar(session.user?.avatar?.replace(/\s/g, encodeURIComponent(' ')), 64);
30
+ const currentRole = useCreation(() => session.user?.passports?.find(item => item.name === session.user.role), [session?.user?.passports, session?.user?.role]);
31
+ const hasBindWallet = useCreation(() => {
32
+ return getWallet(session?.user);
33
+ }, [session?.user]);
34
+ return /*#__PURE__*/_jsxs(Box, {
47
35
  sx: {
48
36
  py: 2,
49
37
  px: 0.5,
@@ -52,7 +40,7 @@ function UserInfo(_ref) {
52
40
  flexDirection: 'column',
53
41
  gap: 1.5
54
42
  },
55
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
43
+ children: [/*#__PURE__*/_jsxs(Box, {
56
44
  sx: {
57
45
  display: 'flex',
58
46
  justifyContent: 'space-between',
@@ -60,14 +48,14 @@ function UserInfo(_ref) {
60
48
  gap: 1,
61
49
  px: 2
62
50
  },
63
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
51
+ children: [/*#__PURE__*/_jsxs(Box, {
64
52
  sx: {
65
53
  display: 'flex',
66
54
  alignItems: 'center',
67
55
  gap: 1.5
68
56
  },
69
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
70
- onClick: isBlocklet ? _noop.default : onSwitchProfile,
57
+ children: [/*#__PURE__*/_jsx(Box, {
58
+ onClick: isBlocklet ? noop : onSwitchProfile,
71
59
  "data-cy": "sessionManager-switch-profile-trigger",
72
60
  sx: {
73
61
  cursor: isBlocklet ? 'default' : 'pointer',
@@ -78,7 +66,7 @@ function UserInfo(_ref) {
78
66
  flexShrink: 0,
79
67
  '&:hover': isBlocklet ? {} : {
80
68
  '&::after': {
81
- content: "\"".concat(t('switch'), "\""),
69
+ content: `"${t('switch')}"`,
82
70
  position: 'absolute',
83
71
  bottom: 0,
84
72
  background: 'rgba(0, 0, 0, 0.2)',
@@ -92,7 +80,7 @@ function UserInfo(_ref) {
92
80
  }
93
81
  }
94
82
  },
95
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
83
+ children: /*#__PURE__*/_jsx(DidAvatar, {
96
84
  variant: "circle",
97
85
  did: session.user.did,
98
86
  src: avatar,
@@ -102,15 +90,15 @@ function UserInfo(_ref) {
102
90
  cursor: isBlocklet ? 'unset' : 'pointer'
103
91
  }
104
92
  })
105
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
93
+ }), /*#__PURE__*/_jsx(Typography, {
106
94
  variant: "h6",
107
95
  sx: {
108
96
  wordBreak: 'break-word'
109
97
  },
110
98
  children: session.user.fullName
111
99
  })]
112
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
113
- label: (currentRole === null || currentRole === void 0 ? void 0 : currentRole.title) || ((_session$user5 = session.user) === null || _session$user5 === void 0 ? void 0 : _session$user5.role.toUpperCase()),
100
+ }), /*#__PURE__*/_jsx(Chip, {
101
+ label: currentRole?.title || session.user?.role.toUpperCase(),
114
102
  size: "small",
115
103
  variant: "outlined",
116
104
  clickable: true,
@@ -118,31 +106,31 @@ function UserInfo(_ref) {
118
106
  flexShrink: 0,
119
107
  fontWeight: 'bold',
120
108
  fontSize: '12px',
121
- color: _Colors.temp.textBase,
122
- borderColor: _Colors.temp.borderBase,
109
+ color: colors.textBase,
110
+ borderColor: colors.borderBase,
123
111
  pr: 1,
124
112
  pl: 0.5,
125
113
  '&:active': {
126
114
  boxShadow: 'none'
127
115
  }
128
116
  },
129
- deleteIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Icon, {
130
- icon: _swapHorizRounded.default,
131
- color: _Colors.temp.textBase
117
+ deleteIcon: /*#__PURE__*/_jsx(Icon, {
118
+ icon: SwapHorizRoundedIcon,
119
+ color: colors.textBase
132
120
  }),
133
121
  onDelete: onSwitchPassport,
134
122
  onClick: onSwitchPassport,
135
123
  "data-cy": "sessionManager-switch-passport-trigger"
136
124
  })]
137
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sessionUserSwitch.default, {
125
+ }), /*#__PURE__*/_jsx(SessionUserSwitch, {
138
126
  session: session,
139
127
  onSwitch: onSwitchAccount,
140
128
  isBlocklet: isBlocklet,
141
129
  locale: locale
142
- }), !hasBindWallet ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
130
+ }), !hasBindWallet ? /*#__PURE__*/_jsxs(Box, {
143
131
  sx: {
144
- color: _Colors.temp.primaryBase,
145
- backgroundColor: _Colors.temp.surfacePrimarySubtitle,
132
+ color: colors.primaryBase,
133
+ backgroundColor: colors.surfacePrimarySubtitle,
146
134
  borderRadius: 1,
147
135
  display: 'flex',
148
136
  justifyContent: 'space-between',
@@ -155,25 +143,25 @@ function UserInfo(_ref) {
155
143
  },
156
144
  onClick: onBindWallet,
157
145
  "data-cy": "sessionManager-bind-trigger",
158
- children: [t('connectDIDWallet'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Icon, {
159
- icon: _arrowRightAltRounded.default,
160
- color: _Colors.temp.primaryBase,
146
+ children: [t('connectDIDWallet'), /*#__PURE__*/_jsx(Icon, {
147
+ icon: ArrowRightAltRoundedIcon,
148
+ color: colors.primaryBase,
161
149
  fontSize: 16
162
150
  })]
163
151
  }) : null]
164
152
  });
165
153
  }
166
154
  UserInfo.propTypes = {
167
- session: _propTypes.default.object.isRequired,
168
- onSwitchPassport: _propTypes.default.func.isRequired,
169
- onSwitchAccount: _propTypes.default.func.isRequired,
170
- onBindWallet: _propTypes.default.func.isRequired,
171
- onSwitchProfile: _propTypes.default.func,
172
- locale: _propTypes.default.string,
173
- isBlocklet: _propTypes.default.bool
155
+ session: PropTypes.object.isRequired,
156
+ onSwitchPassport: PropTypes.func.isRequired,
157
+ onSwitchAccount: PropTypes.func.isRequired,
158
+ onBindWallet: PropTypes.func.isRequired,
159
+ onSwitchProfile: PropTypes.func,
160
+ locale: PropTypes.string,
161
+ isBlocklet: PropTypes.bool
174
162
  };
175
163
  UserInfo.defaultProps = {
176
164
  locale: 'en',
177
165
  isBlocklet: true,
178
- onSwitchProfile: _noop.default
166
+ onSwitchProfile: noop
179
167
  };
@@ -1,28 +1,20 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = SessionUser;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
8
- var _noop = _interopRequireDefault(require("lodash/noop"));
9
- var _ahooks = require("ahooks");
10
- var _loggedIn = _interopRequireDefault(require("./components/logged-in"));
11
- var _unLogin = _interopRequireDefault(require("./components/un-login"));
12
- var _jsxRuntime = require("react/jsx-runtime");
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function SessionUser(_ref) {
15
- let {
16
- session,
17
- onBindWallet,
18
- locale,
19
- size
20
- } = _ref;
21
- const isBlocklet = (0, _ahooks.useCreation)(() => {
22
- return !!(globalThis !== null && globalThis !== void 0 && globalThis.blocklet);
1
+ import PropTypes from 'prop-types';
2
+ import noop from 'lodash/noop';
3
+ import { useCreation } from 'ahooks';
4
+ import LoggedIn from './components/logged-in';
5
+ import UnLogin from './components/un-login';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ export default function SessionUser({
8
+ session,
9
+ onBindWallet,
10
+ locale,
11
+ size
12
+ }) {
13
+ const isBlocklet = useCreation(() => {
14
+ return !!globalThis?.blocklet;
23
15
  });
24
16
  if (session.user) {
25
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_loggedIn.default, {
17
+ return /*#__PURE__*/_jsx(LoggedIn, {
26
18
  isBlocklet: isBlocklet,
27
19
  session: session,
28
20
  onBindWallet: onBindWallet,
@@ -30,7 +22,7 @@ function SessionUser(_ref) {
30
22
  size: size
31
23
  });
32
24
  }
33
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_unLogin.default, {
25
+ return /*#__PURE__*/_jsx(UnLogin, {
34
26
  session: session,
35
27
  isBlocklet: isBlocklet,
36
28
  locale: locale,
@@ -38,20 +30,20 @@ function SessionUser(_ref) {
38
30
  });
39
31
  }
40
32
  SessionUser.propTypes = {
41
- session: _propTypes.default.shape({
42
- user: _propTypes.default.shape({
43
- did: _propTypes.default.string.isRequired,
44
- fullName: _propTypes.default.string.isRequired,
45
- avatar: _propTypes.default.string.isRequired,
46
- email: _propTypes.default.string
33
+ session: PropTypes.shape({
34
+ user: PropTypes.shape({
35
+ did: PropTypes.string.isRequired,
36
+ fullName: PropTypes.string.isRequired,
37
+ avatar: PropTypes.string.isRequired,
38
+ email: PropTypes.string
47
39
  })
48
40
  }).isRequired,
49
- onBindWallet: _propTypes.default.func,
50
- locale: _propTypes.default.string,
51
- size: _propTypes.default.number
41
+ onBindWallet: PropTypes.func,
42
+ locale: PropTypes.string,
43
+ size: PropTypes.number
52
44
  };
53
45
  SessionUser.defaultProps = {
54
- onBindWallet: _noop.default,
46
+ onBindWallet: noop,
55
47
  locale: 'en',
56
48
  size: 24
57
49
  };
@@ -1,11 +1,5 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.translations = void 0;
7
1
  /* eslint-disable import/prefer-default-export */
8
- const translations = exports.translations = {
2
+ export const translations = {
9
3
  en: {
10
4
  connectDIDWallet: 'Connect your DID Wallet for enhanced security',
11
5
  switch: 'Switch',
@@ -1,50 +1,29 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getConnectedAccounts = getConnectedAccounts;
7
- exports.getConnectedDids = getConnectedDids;
8
- exports.getCurrentAppPid = void 0;
9
- exports.getPermanentDid = getPermanentDid;
10
- exports.getSourceAppPid = void 0;
11
- exports.getSourceProvider = getSourceProvider;
12
- exports.getSourceProviders = getSourceProviders;
13
- exports.getWallet = getWallet;
14
- exports.getWalletDid = getWalletDid;
15
- const getSourceAppPid = user => user === null || user === void 0 ? void 0 : user.sourceAppPid;
16
- exports.getSourceAppPid = getSourceAppPid;
17
- const getCurrentAppPid = user => {
18
- var _window, _window$blocklet;
19
- return (user === null || user === void 0 ? void 0 : user.sourceAppPid) || ((_window = window) === null || _window === void 0 ? void 0 : (_window$blocklet = _window.blocklet) === null || _window$blocklet === void 0 ? void 0 : _window$blocklet.appPid);
20
- };
21
- exports.getCurrentAppPid = getCurrentAppPid;
22
- function getPermanentDid(user) {
23
- return user === null || user === void 0 ? void 0 : user.did;
1
+ export const getSourceAppPid = user => user?.sourceAppPid;
2
+ export const getCurrentAppPid = user => user?.sourceAppPid || window?.blocklet?.appPid;
3
+ export function getPermanentDid(user) {
4
+ return user?.did;
24
5
  }
25
- function getConnectedAccounts(user) {
26
- var _user$extraConfigs;
27
- return (user === null || user === void 0 ? void 0 : user.connectedAccounts) || (user === null || user === void 0 ? void 0 : (_user$extraConfigs = user.extraConfigs) === null || _user$extraConfigs === void 0 ? void 0 : _user$extraConfigs.connectedAccounts) || [];
6
+ export function getConnectedAccounts(user) {
7
+ return user?.connectedAccounts || user?.extraConfigs?.connectedAccounts || [];
28
8
  }
29
- function getSourceProvider(user) {
30
- var _user$extraConfigs2;
31
- return (user === null || user === void 0 ? void 0 : user.sourceProvider) || (user === null || user === void 0 ? void 0 : (_user$extraConfigs2 = user.extraConfigs) === null || _user$extraConfigs2 === void 0 ? void 0 : _user$extraConfigs2.sourceProvider) || 'wallet';
9
+ export function getSourceProvider(user) {
10
+ return user?.sourceProvider || user?.extraConfigs?.sourceProvider || 'wallet';
32
11
  }
33
- function getSourceProviders(user) {
12
+ export function getSourceProviders(user) {
34
13
  const connectedAccounts = getConnectedAccounts(user);
35
14
  return connectedAccounts.map(item => item.provider);
36
15
  }
37
- function getConnectedDids(user) {
16
+ export function getConnectedDids(user) {
38
17
  const connectedAccounts = getConnectedAccounts(user);
39
18
  const didList = connectedAccounts.map(item => item.did);
40
19
  return didList;
41
20
  }
42
- function getWallet(user) {
21
+ export function getWallet(user) {
43
22
  const connectedAccounts = getConnectedAccounts(user);
44
23
  const walletAccount = connectedAccounts.find(item => item.provider === 'wallet');
45
24
  return walletAccount;
46
25
  }
47
- function getWalletDid(user) {
26
+ export function getWalletDid(user) {
48
27
  const walletAccount = getWallet(user);
49
- return walletAccount === null || walletAccount === void 0 ? void 0 : walletAccount.did;
28
+ return walletAccount?.did;
50
29
  }
@@ -1,9 +1,3 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = sparkline;
7
1
  /* eslint-disable guard-for-in */
8
2
  /* eslint-disable no-restricted-syntax */
9
3
  // origin: https://github.com/fnando/sparkline
@@ -23,7 +17,7 @@ function buildElement(tag, attrs) {
23
17
  }
24
18
  return element;
25
19
  }
26
- function sparkline(svg, entries, options) {
20
+ export default function sparkline(svg, entries, options) {
27
21
  removeChildren(svg);
28
22
  if (entries.length <= 1) {
29
23
  return;
@@ -107,7 +101,7 @@ function sparkline(svg, entries, options) {
107
101
 
108
102
  // Hold the line coordinates.
109
103
  const pathY = getY(max, height, strokeWidth + spotRadius, values[0]);
110
- let pathCoords = "M".concat(spotDiameter, " ").concat(pathY);
104
+ let pathCoords = `M${spotDiameter} ${pathY}`;
111
105
  values.forEach((value, index) => {
112
106
  const x = index * offset + spotDiameter;
113
107
  const y = getY(max, height, strokeWidth + spotRadius, value);
@@ -116,14 +110,14 @@ function sparkline(svg, entries, options) {
116
110
  x,
117
111
  y
118
112
  }));
119
- pathCoords += " L ".concat(x, " ").concat(y);
113
+ pathCoords += ` L ${x} ${y}`;
120
114
  });
121
115
  const path = buildElement('path', {
122
116
  class: 'sparkline--line',
123
117
  d: pathCoords,
124
118
  fill: 'none'
125
119
  });
126
- const fillCoords = "".concat(pathCoords, " V ").concat(fullHeight, " L ").concat(spotDiameter, " ").concat(fullHeight, " Z");
120
+ const fillCoords = `${pathCoords} V ${fullHeight} L ${spotDiameter} ${fullHeight} Z`;
127
121
  const fill = buildElement('path', {
128
122
  class: 'sparkline--fill',
129
123
  d: fillCoords,
@@ -1,18 +1,7 @@
1
- "use strict";
1
+ import CircularProgress from '@mui/material/CircularProgress';
2
+ import { withDeprecated } from '../Util/deprecate';
2
3
 
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
8
- var _deprecate = require("../Util/deprecate");
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- 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; }
12
- 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; }
13
- 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; }
14
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
15
- 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); } /**
4
+ /**
16
5
  * Spinner
17
6
  *
18
7
  * 之前的 Spinner 实现由内外 2 个环构成, 现在改为基于 @mui/material/CircularProgress 的实现
@@ -20,15 +9,20 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
20
9
  * - 之前 size prop 是 array 类型, 需要与 CircularProgress#size 兼容
21
10
  * - color 默认使用 #4598fa, 如果调用方传入了 color prop 或 style#color, 则默认 color 被覆盖
22
11
  */
12
+ import { jsx as _jsx } from "react/jsx-runtime";
23
13
  function Spinner(props) {
24
- const _props = _objectSpread({}, props);
14
+ const _props = {
15
+ ...props
16
+ };
25
17
  // 兼容之前的 size prop (设置外圈/内圈的尺寸)
26
18
  if (_props.size && Array.isArray(_props.size)) {
27
19
  [_props.size] = _props.size;
28
20
  }
29
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, _objectSpread({}, _props));
21
+ return /*#__PURE__*/_jsx(CircularProgress, {
22
+ ..._props
23
+ });
30
24
  }
31
- var _default = exports.default = (0, _deprecate.withDeprecated)(Spinner, {
25
+ export default withDeprecated(Spinner, {
32
26
  name: 'Spinner',
33
27
  alternative: '@mui/material/CircularProgress'
34
28
  });