@arcblock/ux 1.1.27 → 1.6.59

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 (170) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +0 -56
  3. package/lib/ActionButton/index.js +5 -3
  4. package/lib/ActivityIndicator/index.js +75 -23
  5. package/lib/Alert/index.js +15 -11
  6. package/lib/Async/index.js +1 -1
  7. package/lib/Badge/index.js +16 -14
  8. package/lib/Blocklet/index.js +51 -25
  9. package/lib/Button/wrap.js +94 -37
  10. package/lib/ButtonGroup/index.js +3 -16
  11. package/lib/Center/index.js +30 -4
  12. package/lib/ClickToCopy/index.js +9 -7
  13. package/lib/CodeBlock/index.js +35 -8
  14. package/lib/Colors/index.js +15 -0
  15. package/lib/Colors/themes/default.js +85 -0
  16. package/lib/ContactForm/index.js +9 -9
  17. package/lib/CookieConsent/index.js +98 -0
  18. package/lib/CountDown/index.js +18 -14
  19. package/lib/Dialog/confirm.js +84 -0
  20. package/lib/Dialog/dialog.js +137 -0
  21. package/lib/Dialog/index.js +23 -0
  22. package/lib/Earth/index.js +31 -31
  23. package/lib/Empty/index.js +14 -6
  24. package/lib/Footer/index.js +15 -14
  25. package/lib/Icon/image.js +6 -4
  26. package/lib/Icon/index.js +9 -7
  27. package/lib/Img/index.js +22 -16
  28. package/lib/InfoRow/index.js +7 -5
  29. package/lib/Layout/dashboard/header.js +27 -19
  30. package/lib/Layout/dashboard/index.js +29 -18
  31. package/lib/Layout/dashboard/sidebar.js +22 -15
  32. package/lib/Layout/index.js +44 -33
  33. package/lib/Locale/context.js +91 -62
  34. package/lib/Locale/selector.js +28 -20
  35. package/lib/Logo/index.js +15 -13
  36. package/lib/Metric/index.js +5 -5
  37. package/lib/NFTDisplay/aspect-ratio-container.js +7 -5
  38. package/lib/NFTDisplay/broken.js +1 -1
  39. package/lib/NFTDisplay/index.js +66 -40
  40. package/lib/NFTDisplay/loading.js +2 -2
  41. package/lib/NFTDisplay/svg-embedder/img.js +5 -3
  42. package/lib/NFTDisplay/svg-embedder/inline-svg.js +6 -4
  43. package/lib/PageScroller/index.js +9 -9
  44. package/lib/PageScroller/usePrevValue.js +2 -2
  45. package/lib/PricingTable/PricingPlan.js +12 -12
  46. package/lib/PricingTable/index.js +5 -5
  47. package/lib/Result/common.js +176 -0
  48. package/lib/Result/index.js +61 -0
  49. package/lib/Result/result.js +69 -0
  50. package/lib/Result/translations.js +61 -0
  51. package/lib/Screenshot/index.js +14 -12
  52. package/lib/Spinner/index.js +37 -0
  53. package/lib/SplitButton/index.js +126 -0
  54. package/lib/Switch/index.js +107 -0
  55. package/lib/Tabs/index.js +15 -6
  56. package/lib/Tag/index.js +14 -12
  57. package/lib/Terminal/Player.js +42 -42
  58. package/lib/Terminal/index.js +3 -1
  59. package/lib/Terminal/util.js +1 -1
  60. package/lib/TextCollapse/index.js +6 -4
  61. package/lib/Theme/index.js +79 -60
  62. package/lib/Theme/responsiveFontSizes.js +3 -3
  63. package/lib/Toast/index.js +10 -8
  64. package/lib/Util/index.js +83 -12
  65. package/lib/Video/index.js +8 -8
  66. package/lib/Wallet/Action.js +13 -11
  67. package/lib/Wallet/Download.js +59 -57
  68. package/lib/Wallet/Open.js +1 -1
  69. package/lib/WechatPrompt/index.js +10 -10
  70. package/lib/index.js +6 -6
  71. package/lib/withTheme/index.js +5 -17
  72. package/lib/withTracker/error_boundary.js +3 -3
  73. package/lib/withTracker/index.js +6 -6
  74. package/package.json +11 -12
  75. package/src/ActionButton/index.js +65 -0
  76. package/src/ActivityIndicator/index.js +141 -0
  77. package/src/Alert/index.js +104 -0
  78. package/src/Async/index.js +39 -0
  79. package/src/Badge/index.js +71 -0
  80. package/src/Blocklet/index.js +424 -0
  81. package/src/Button/index.js +4 -0
  82. package/src/Button/wrap.js +101 -0
  83. package/src/ButtonGroup/index.js +6 -0
  84. package/src/Center/index.js +40 -0
  85. package/src/ClickToCopy/index.js +90 -0
  86. package/src/CodeBlock/index.js +160 -0
  87. package/src/Colors/index.js +1 -0
  88. package/src/Colors/themes/default.js +54 -0
  89. package/src/ContactForm/index.js +240 -0
  90. package/src/CookieConsent/index.js +90 -0
  91. package/src/CountDown/index.js +151 -0
  92. package/src/Dialog/confirm.js +76 -0
  93. package/src/Dialog/dialog.js +162 -0
  94. package/src/Dialog/index.js +2 -0
  95. package/src/DriftBot/index.js +81 -0
  96. package/src/Earth/countries.json +8057 -0
  97. package/src/Earth/index.js +511 -0
  98. package/src/Earth/util.js +69 -0
  99. package/src/Empty/index.js +41 -0
  100. package/src/Footer/index.js +110 -0
  101. package/src/Icon/image.js +55 -0
  102. package/src/Icon/index.js +69 -0
  103. package/src/Img/index.js +172 -0
  104. package/src/InfoRow/index.js +83 -0
  105. package/src/Layout/dashboard/header.js +157 -0
  106. package/src/Layout/dashboard/index.js +150 -0
  107. package/src/Layout/dashboard/sidebar.js +122 -0
  108. package/src/Layout/index.js +318 -0
  109. package/src/Locale/browser-lang.js +63 -0
  110. package/src/Locale/context.js +94 -0
  111. package/src/Locale/images/globe-dark.png +0 -0
  112. package/src/Locale/images/globe-light.png +0 -0
  113. package/src/Locale/selector.js +135 -0
  114. package/src/Logo/images/logo-dark-text.svg +3 -0
  115. package/src/Logo/images/logo-dark-top.svg +6 -0
  116. package/src/Logo/images/logo-light-text.svg +3 -0
  117. package/src/Logo/images/logo-light-top.svg +6 -0
  118. package/src/Logo/index.js +47 -0
  119. package/src/Metric/index.js +115 -0
  120. package/src/NFTDisplay/README.md +59 -0
  121. package/src/NFTDisplay/aspect-ratio-container.js +34 -0
  122. package/src/NFTDisplay/broken.js +18 -0
  123. package/src/NFTDisplay/index.js +257 -0
  124. package/src/NFTDisplay/loading.js +17 -0
  125. package/src/NFTDisplay/svg-embedder/img.js +36 -0
  126. package/src/NFTDisplay/svg-embedder/inline-svg.js +37 -0
  127. package/src/PageScroller/index.js +342 -0
  128. package/src/PageScroller/usePrevValue.js +12 -0
  129. package/src/PricingTable/PricingPlan.js +112 -0
  130. package/src/PricingTable/index.js +43 -0
  131. package/src/Result/common.js +116 -0
  132. package/src/Result/index.js +31 -0
  133. package/src/Result/result.js +57 -0
  134. package/src/Result/translations.js +56 -0
  135. package/src/Screenshot/devices.css +1366 -0
  136. package/src/Screenshot/index.js +181 -0
  137. package/src/Spinner/index.js +19 -0
  138. package/src/SplitButton/index.js +112 -0
  139. package/src/Switch/index.js +78 -0
  140. package/src/Tabs/index.js +46 -0
  141. package/src/Tag/index.js +73 -0
  142. package/src/Terminal/Player.js +364 -0
  143. package/src/Terminal/index.js +150 -0
  144. package/src/Terminal/player.css +378 -0
  145. package/src/Terminal/util.js +167 -0
  146. package/src/Terminal/xterm.css +171 -0
  147. package/src/TextCollapse/index.js +92 -0
  148. package/src/Theme/index.js +184 -0
  149. package/src/Theme/responsiveFontSizes.js +94 -0
  150. package/src/Toast/index.js +118 -0
  151. package/src/Util/index.js +281 -0
  152. package/src/Video/index.js +72 -0
  153. package/src/Wallet/Action.js +105 -0
  154. package/src/Wallet/Download.js +130 -0
  155. package/src/Wallet/Open.js +50 -0
  156. package/src/Wallet/images/abtwallet.png +0 -0
  157. package/src/Wallet/images/android_download.svg +23 -0
  158. package/src/Wallet/images/app-store.svg +20 -0
  159. package/src/Wallet/images/google-play.svg +70 -0
  160. package/src/WechatPrompt/images/android.png +0 -0
  161. package/src/WechatPrompt/images/ios.png +0 -0
  162. package/src/WechatPrompt/index.js +81 -0
  163. package/src/index.js +63 -0
  164. package/src/withTheme/index.js +72 -0
  165. package/src/withTracker/README.md +34 -0
  166. package/src/withTracker/error_boundary.js +34 -0
  167. package/src/withTracker/index.js +70 -0
  168. package/lib/GraphQLPlayground/graphiql.css +0 -1850
  169. package/lib/GraphQLPlayground/index.js +0 -299
  170. package/lib/GraphQLPlayground/util.js +0 -55
@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
12
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
+ const _excluded = ["aspect", "children"];
15
+
14
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
17
 
16
18
  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; }
@@ -22,11 +24,11 @@ function AspectRatioContainer(_ref) {
22
24
  aspect,
23
25
  children
24
26
  } = _ref,
25
- rest = _objectWithoutProperties(_ref, ["aspect", "children"]);
27
+ rest = _objectWithoutProperties(_ref, _excluded);
26
28
 
27
- return _react.default.createElement(Root, Object.assign({
29
+ return /*#__PURE__*/_react.default.createElement(Root, Object.assign({
28
30
  aspect: aspect
29
- }, rest), _react.default.createElement("span", {
31
+ }, rest), /*#__PURE__*/_react.default.createElement("span", {
30
32
  className: "aspect-ratio-container__inner"
31
33
  }, children));
32
34
  }
@@ -38,8 +40,8 @@ AspectRatioContainer.propTypes = {
38
40
 
39
41
  const Root = _styledComponents.default.span.withConfig({
40
42
  displayName: "aspect-ratio-container__Root",
41
- componentId: "qqh9bx-0"
42
- })(["display:block;position:relative;width:100%;height:0;padding-bottom:", "%;.aspect-ratio-container__inner{position:absolute;top:0;bottom:0;left:0;right:0;}"], (_ref2) => {
43
+ componentId: "sc-qqh9bx-0"
44
+ })(["display:block;position:relative;width:100%;height:0;padding-bottom:", "%;.aspect-ratio-container__inner{position:absolute;top:0;bottom:0;left:0;right:0;}"], _ref2 => {
43
45
  let {
44
46
  aspect
45
47
  } = _ref2;
@@ -14,7 +14,7 @@ var _BrokenImage = _interopRequireDefault(require("@material-ui/icons/BrokenImag
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
16
  function Broken() {
17
- return _react.default.createElement(Root, {
17
+ return /*#__PURE__*/_react.default.createElement(Root, {
18
18
  className: "nft-display__broken"
19
19
  });
20
20
  }
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ exports.getNFTData = getNFTData;
7
8
 
8
9
  var _react = _interopRequireWildcard(require("react"));
9
10
 
@@ -31,15 +32,18 @@ var _loading = _interopRequireDefault(require("./loading"));
31
32
 
32
33
  var _broken = _interopRequireDefault(require("./broken"));
33
34
 
35
+ const _excluded = ["data", "address", "inset", "aspect", "component", "className", "renderError", "renderLoading", "preferredSvgEmbedder", "checkSvg", "minimumLoadingTime", "onCompleted"],
36
+ _excluded2 = ["aspect", "inset"];
37
+
34
38
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
35
39
 
36
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
40
+ 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); }
37
41
 
38
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
42
+ 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; }
39
43
 
40
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
44
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
41
45
 
42
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
46
+ 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; }
43
47
 
44
48
  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; }
45
49
 
@@ -47,25 +51,27 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
47
51
 
48
52
  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; }
49
53
 
54
+ /**
55
+ * 从 assetState 中获取 nft data, 兼容新旧两种类型的数据结构, 建议将该方法的返回值传入 NFTDisplay 组件的 data prop
56
+ * - 旧: assetState.data.value (.credentialSubject.display)
57
+ * - 新: assetState.display
58
+ */
59
+ function getNFTData(assetState) {
60
+ var _assetState$data;
61
+
62
+ return (assetState === null || assetState === void 0 ? void 0 : assetState.display) || (assetState === null || assetState === void 0 ? void 0 : (_assetState$data = assetState.data) === null || _assetState$data === void 0 ? void 0 : _assetState$data.value);
63
+ }
64
+
50
65
  function fromBase64(v) {
51
66
  if (typeof v !== 'string') {
52
67
  throw new Error('fromBase64 requires input to be a string');
53
68
  }
54
69
 
55
70
  return Buffer.from(_base64Url.default.unescape(v), 'base64');
56
- }
57
-
58
- const isVC = type => {
59
- if (type === 'VerifiableCredential') {
60
- return true;
61
- }
62
-
63
- if (Array.isArray(type) && type.includes('VerifiableCredential')) {
64
- return true;
65
- }
66
-
67
- return false;
68
- }; // 仅针对非 url type 的情况
71
+ } // const isVC = type => {
72
+ // return String(type).includes('VerifiableCredential');
73
+ // };
74
+ // 仅针对非 url type 的情况
69
75
 
70
76
 
71
77
  const getSvgEmbedder = preferredSvgEmbedder => {
@@ -97,9 +103,9 @@ function NFTDisplay(_ref) {
97
103
  minimumLoadingTime,
98
104
  onCompleted
99
105
  } = _ref,
100
- rest = _objectWithoutProperties(_ref, ["data", "address", "inset", "aspect", "component", "className", "renderError", "renderLoading", "preferredSvgEmbedder", "checkSvg", "minimumLoadingTime", "onCompleted"]);
106
+ rest = _objectWithoutProperties(_ref, _excluded);
101
107
 
102
- const wrapRoot = children => _react.default.createElement(Root, Object.assign({
108
+ const wrapRoot = children => /*#__PURE__*/_react.default.createElement(Root, Object.assign({
103
109
  as: component
104
110
  }, rest, {
105
111
  className: (0, _clsx.default)(className, {
@@ -116,10 +122,10 @@ function NFTDisplay(_ref) {
116
122
  }
117
123
 
118
124
  const {
119
- vcId,
120
- type: assetType
121
- } = parsed.current;
122
- const display = (0, _get.default)(parsed.current, 'credentialSubject.display');
125
+ vcId
126
+ } = parsed.current; // 需要兼容新旧两种类型的数据结构, nft data 有 credentialSubject 属性, 说明是旧 nft data, 否则是新 nft data
127
+
128
+ const display = parsed.current.credentialSubject ? (0, _get.default)(parsed.current, 'credentialSubject.display') : parsed.current;
123
129
  const {
124
130
  content,
125
131
  type
@@ -147,10 +153,9 @@ function NFTDisplay(_ref) {
147
153
  if (!state.loading && minimumLoadingReady || state.error) {
148
154
  onCompleted();
149
155
  }
150
- }, [state, minimumLoadingReady]); // VC 检查
151
-
156
+ }, [state, minimumLoadingReady]);
152
157
 
153
- if (state.error || !isVC(assetType)) {
158
+ if (state.error) {
154
159
  throw new Error('Failed to render NFT Display.');
155
160
  }
156
161
 
@@ -160,15 +165,36 @@ function NFTDisplay(_ref) {
160
165
  case 'url':
161
166
  {
162
167
  const urlObj = new URL(content);
163
- urlObj.searchParams.append('assetId', address);
164
- urlObj.searchParams.append('vcId', vcId);
168
+
169
+ if (!urlObj.searchParams.has('assetId')) {
170
+ urlObj.searchParams.append('assetId', address);
171
+ }
172
+
173
+ if (!urlObj.searchParams.has('vcId')) {
174
+ urlObj.searchParams.append('vcId', vcId);
175
+ }
176
+
165
177
  const url = urlObj.href;
166
- return _react.default.createElement("img", {
178
+ return /*#__PURE__*/_react.default.createElement("img", {
167
179
  src: url,
168
- onError: () => setState(_objectSpread({}, state, {
180
+ onError: () => setState(_objectSpread(_objectSpread({}, state), {}, {
181
+ error: true
182
+ })),
183
+ onLoad: () => setState(_objectSpread(_objectSpread({}, state), {}, {
184
+ loading: false
185
+ })),
186
+ alt: "NFT Display"
187
+ });
188
+ }
189
+
190
+ case 'uri':
191
+ {
192
+ return /*#__PURE__*/_react.default.createElement("img", {
193
+ src: content,
194
+ onError: () => setState(_objectSpread(_objectSpread({}, state), {}, {
169
195
  error: true
170
196
  })),
171
- onLoad: () => setState(_objectSpread({}, state, {
197
+ onLoad: () => setState(_objectSpread(_objectSpread({}, state), {}, {
172
198
  loading: false
173
199
  })),
174
200
  alt: "NFT Display"
@@ -186,7 +212,7 @@ function NFTDisplay(_ref) {
186
212
  }
187
213
 
188
214
  const Embedder = getSvgEmbedder(preferredSvgEmbedder);
189
- return _react.default.createElement(Embedder, {
215
+ return /*#__PURE__*/_react.default.createElement(Embedder, {
190
216
  svg: svg
191
217
  });
192
218
  }
@@ -198,7 +224,7 @@ function NFTDisplay(_ref) {
198
224
  }
199
225
 
200
226
  const Embedder = getSvgEmbedder(preferredSvgEmbedder);
201
- return _react.default.createElement(Embedder, {
227
+ return /*#__PURE__*/_react.default.createElement(Embedder, {
202
228
  svg: content
203
229
  });
204
230
  }
@@ -216,10 +242,10 @@ function NFTDisplay(_ref) {
216
242
  throw new Error("unsupported display protocol: ".concat(display.type));
217
243
  };
218
244
 
219
- return wrapRoot(_react.default.createElement(_react.default.Fragment, null, (state.loading || !minimumLoadingReady) && (renderLoading ? renderLoading() : _react.default.createElement(_loading.default, null)), renderNFT()));
245
+ return wrapRoot( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (state.loading || !minimumLoadingReady) && (renderLoading ? renderLoading() : /*#__PURE__*/_react.default.createElement(_loading.default, null)), renderNFT()));
220
246
  } catch (e) {
221
247
  console.error(e);
222
- return wrapRoot(renderError ? renderError() : _react.default.createElement(_broken.default, null));
248
+ return wrapRoot(renderError ? renderError() : /*#__PURE__*/_react.default.createElement(_broken.default, null));
223
249
  }
224
250
  }
225
251
 
@@ -258,7 +284,7 @@ NFTDisplay.defaultProps = {
258
284
  const Root = _styledComponents.default.div.withConfig({
259
285
  displayName: "NFTDisplay__Root",
260
286
  componentId: "sc-7p9mb0-0"
261
- })(["display:flex;justify-content:center;align-items:center;position:relative;width:150px;height:150px;overflow:hidden;&,img{max-width:100%;max-height:100%;}&.nft-display--inset{width:100%;height:100%;}"]);
287
+ })(["display:flex;justify-content:center;align-items:center;position:relative;width:150px;height:150px;overflow:hidden;&,img{max-width:100%;max-height:100%;}img{width:100%;height:100%;}&.nft-display--inset{width:100%;height:100%;}"]);
262
288
 
263
289
  function withAspectRatio(Component) {
264
290
  // eslint-disable-next-line func-names, react/prop-types
@@ -267,20 +293,20 @@ function withAspectRatio(Component) {
267
293
  aspect,
268
294
  inset
269
295
  } = _ref2,
270
- rest = _objectWithoutProperties(_ref2, ["aspect", "inset"]);
296
+ rest = _objectWithoutProperties(_ref2, _excluded2);
271
297
 
272
298
  // inset 比 aspect ratio 优先级高, 如果同时设置了 inset 和 aspect, 则后者不生效
273
299
  const applyAspectRatio = aspect > 0 && !inset;
274
300
 
275
301
  if (applyAspectRatio) {
276
- return _react.default.createElement(_aspectRatioContainer.default, {
302
+ return /*#__PURE__*/_react.default.createElement(_aspectRatioContainer.default, {
277
303
  aspect: aspect
278
- }, _react.default.createElement(Component, Object.assign({
304
+ }, /*#__PURE__*/_react.default.createElement(Component, Object.assign({
279
305
  inset: true
280
306
  }, rest)));
281
307
  }
282
308
 
283
- return _react.default.createElement(Component, Object.assign({
309
+ return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
284
310
  inset: inset
285
311
  }, rest));
286
312
  };
@@ -12,12 +12,12 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
14
  function Loading() {
15
- return _react.default.createElement(Root, {
15
+ return /*#__PURE__*/_react.default.createElement(Root, {
16
16
  className: "nft-display__loading"
17
17
  }, "loading...");
18
18
  }
19
19
 
20
20
  const Root = _styledComponents.default.span.withConfig({
21
21
  displayName: "loading__Root",
22
- componentId: "jedc6b-0"
22
+ componentId: "sc-jedc6b-0"
23
23
  })(["display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;color:#ccc;background-color:#eee;"]);
@@ -11,6 +11,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
12
  var _inlineSvg = _interopRequireDefault(require("./inline-svg"));
13
13
 
14
+ const _excluded = ["svg", "alt", "fallback"];
15
+
14
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
17
 
16
18
  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; }
@@ -35,17 +37,17 @@ function ImgEmbedder(_ref) {
35
37
  alt,
36
38
  fallback
37
39
  } = _ref,
38
- rest = _objectWithoutProperties(_ref, ["svg", "alt", "fallback"]);
40
+ rest = _objectWithoutProperties(_ref, _excluded);
39
41
 
40
42
  // 包含 foreignObject 的 svg, fallback 到 shadow dom
41
43
  if (fallback && svg.indexOf('</foreignObject>') > -1) {
42
- return _react.default.createElement(_inlineSvg.default, {
44
+ return /*#__PURE__*/_react.default.createElement(_inlineSvg.default, {
43
45
  svg: svg
44
46
  });
45
47
  }
46
48
 
47
49
  const url = svgToImgUrl(svg);
48
- return _react.default.createElement("img", Object.assign({
50
+ return /*#__PURE__*/_react.default.createElement("img", Object.assign({
49
51
  src: url,
50
52
  onLoad: () => URL.revokeObjectURL(url),
51
53
  alt: alt
@@ -13,6 +13,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
13
13
 
14
14
  var _styledComponents2 = _interopRequireDefault(require("react-shadow/styled-components"));
15
15
 
16
+ const _excluded = ["svg"];
17
+
16
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
19
 
18
20
  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; }
@@ -26,9 +28,9 @@ function InlineSvg(_ref) {
26
28
  let {
27
29
  svg
28
30
  } = _ref,
29
- rest = _objectWithoutProperties(_ref, ["svg"]);
31
+ rest = _objectWithoutProperties(_ref, _excluded);
30
32
 
31
- return _react.default.createElement(Root, rest, _react.default.createElement(Inner, {
33
+ return /*#__PURE__*/_react.default.createElement(Root, rest, /*#__PURE__*/_react.default.createElement(Inner, {
32
34
  dangerouslySetInnerHTML: {
33
35
  __html: svg
34
36
  }
@@ -40,12 +42,12 @@ InlineSvg.propTypes = {
40
42
  };
41
43
  const Root = (0, _styledComponents.default)(_styledComponents2.default.span).withConfig({
42
44
  displayName: "inline-svg__Root",
43
- componentId: "wv8c7s-0"
45
+ componentId: "sc-wv8c7s-0"
44
46
  })(["display:block;width:100%;height:100%;"]);
45
47
 
46
48
  const Inner = _styledComponents.default.div.withConfig({
47
49
  displayName: "inline-svg__Inner",
48
- componentId: "wv8c7s-1"
50
+ componentId: "sc-wv8c7s-1"
49
51
  })(["&,& > svg{height:100%;width:100%;min-width:100%;max-width:100%;}"]);
50
52
 
51
53
  var _default = InlineSvg;
@@ -19,13 +19,13 @@ var _usePrevValue = _interopRequireDefault(require("./usePrevValue"));
19
19
 
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
21
 
22
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
22
+ 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); }
23
23
 
24
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
24
+ 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; }
25
25
 
26
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
26
+ 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; }
27
27
 
28
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
28
+ 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; }
29
29
 
30
30
  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; }
31
31
 
@@ -50,7 +50,7 @@ let isBodyScrollEnabled = true;
50
50
  let isTransitionAfterComponentsToRenderChanged = false;
51
51
  const containers = [];
52
52
 
53
- const PageScroller = (_ref) => {
53
+ const PageScroller = _ref => {
54
54
  let {
55
55
  animationTimer,
56
56
  blockScrollDown,
@@ -117,13 +117,13 @@ const PageScroller = (_ref) => {
117
117
 
118
118
  while (i < componentsToRenderLength && !(0, _isNil.default)(children[i])) {
119
119
  containers[i] = true;
120
- newComponentsToRender.push(_react.default.createElement("div", {
120
+ newComponentsToRender.push( /*#__PURE__*/_react.default.createElement("div", {
121
121
  key: i,
122
122
  style: {
123
123
  height: '100%',
124
124
  width: '100%'
125
125
  }
126
- }, _react.default.cloneElement(children[i], _objectSpread({}, children[i].props))));
126
+ }, /*#__PURE__*/_react.default.cloneElement(children[i], _objectSpread({}, children[i].props))));
127
127
  i++;
128
128
  }
129
129
 
@@ -268,13 +268,13 @@ const PageScroller = (_ref) => {
268
268
  }, animationTimer + ANIMATION_TIMER_BUFFER);
269
269
  }
270
270
  }, [animationTimer, componentsToRenderLength, customPageNumber]);
271
- return _react.default.createElement("div", {
271
+ return /*#__PURE__*/_react.default.createElement("div", {
272
272
  style: {
273
273
  height,
274
274
  width,
275
275
  overflow: 'hidden'
276
276
  }
277
- }, _react.default.createElement("div", {
277
+ }, /*#__PURE__*/_react.default.createElement("div", {
278
278
  ref: pageContainer,
279
279
  onWheel: wheelScroll,
280
280
  style: {
@@ -7,9 +7,9 @@ exports.default = usePrevious;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
10
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
10
+ 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); }
11
11
 
12
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
12
+ 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; }
13
13
 
14
14
  // eslint-disable-next-line no-unused-vars
15
15
  function usePrevious(value) {
@@ -21,36 +21,36 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
21
21
 
22
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
23
 
24
- const PricingPlan = (_ref) => {
24
+ const PricingPlan = _ref => {
25
25
  let {
26
26
  plan
27
27
  } = _ref;
28
- return _react.default.createElement(PlanCard, {
28
+ return /*#__PURE__*/_react.default.createElement(PlanCard, {
29
29
  shadow: true
30
- }, _react.default.createElement("div", {
30
+ }, /*#__PURE__*/_react.default.createElement("div", {
31
31
  className: "card-header"
32
- }, _react.default.createElement("div", {
32
+ }, /*#__PURE__*/_react.default.createElement("div", {
33
33
  className: "title"
34
- }, plan.name)), _react.default.createElement(_CardContent.default, {
34
+ }, plan.name)), /*#__PURE__*/_react.default.createElement(_CardContent.default, {
35
35
  className: "card-content"
36
- }, _react.default.createElement("div", {
36
+ }, /*#__PURE__*/_react.default.createElement("div", {
37
37
  className: "plan-content"
38
- }, _react.default.createElement("div", {
38
+ }, /*#__PURE__*/_react.default.createElement("div", {
39
39
  className: "plan-pricing"
40
- }, _react.default.createElement(_Typography.default, {
40
+ }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
41
41
  component: "h2",
42
42
  variant: "h5",
43
43
  className: "price-number"
44
- }, plan.price)), _react.default.createElement("div", {
44
+ }, plan.price)), /*#__PURE__*/_react.default.createElement("div", {
45
45
  className: "plan-services"
46
- }, plan.featureList.map(line => _react.default.createElement(_Typography.default, {
46
+ }, plan.featureList.map(line => /*#__PURE__*/_react.default.createElement(_Typography.default, {
47
47
  component: "p",
48
48
  variant: "body1",
49
49
  align: "center",
50
50
  key: line
51
- }, line)))), _react.default.createElement("div", {
51
+ }, line)))), /*#__PURE__*/_react.default.createElement("div", {
52
52
  className: "plan-actions"
53
- }, plan.showButton && _react.default.createElement(_Button.default, {
53
+ }, plan.showButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
54
54
  fullWidth: true,
55
55
  variant: "outlined",
56
56
  color: "primary",
@@ -17,26 +17,26 @@ var _PricingPlan = _interopRequireDefault(require("./PricingPlan"));
17
17
 
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
19
 
20
- const PricingTable = (_ref) => {
20
+ const PricingTable = _ref => {
21
21
  let {
22
22
  plans
23
23
  } = _ref;
24
24
 
25
25
  if (plans && plans.length > 0) {
26
- return _react.default.createElement(Div, {
26
+ return /*#__PURE__*/_react.default.createElement(Div, {
27
27
  variant: "even"
28
- }, _react.default.createElement(_Grid.default, {
28
+ }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
29
29
  container: true,
30
30
  spacing: 2,
31
31
  justify: "center"
32
- }, plans.map(x => _react.default.createElement(_Grid.default, {
32
+ }, plans.map(x => /*#__PURE__*/_react.default.createElement(_Grid.default, {
33
33
  item: true,
34
34
  className: "plan-item",
35
35
  key: x.id,
36
36
  xs: 12,
37
37
  sm: 6,
38
38
  md: 3
39
- }, _react.default.createElement(_PricingPlan.default, {
39
+ }, /*#__PURE__*/_react.default.createElement(_PricingPlan.default, {
40
40
  plan: x
41
41
  })))));
42
42
  }