@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.
- package/LICENSE +1 -1
- package/README.md +0 -56
- package/lib/ActionButton/index.js +5 -3
- package/lib/ActivityIndicator/index.js +75 -23
- package/lib/Alert/index.js +15 -11
- package/lib/Async/index.js +1 -1
- package/lib/Badge/index.js +16 -14
- package/lib/Blocklet/index.js +51 -25
- package/lib/Button/wrap.js +94 -37
- package/lib/ButtonGroup/index.js +3 -16
- package/lib/Center/index.js +30 -4
- package/lib/ClickToCopy/index.js +9 -7
- package/lib/CodeBlock/index.js +35 -8
- package/lib/Colors/index.js +15 -0
- package/lib/Colors/themes/default.js +85 -0
- package/lib/ContactForm/index.js +9 -9
- package/lib/CookieConsent/index.js +98 -0
- package/lib/CountDown/index.js +18 -14
- package/lib/Dialog/confirm.js +84 -0
- package/lib/Dialog/dialog.js +137 -0
- package/lib/Dialog/index.js +23 -0
- package/lib/Earth/index.js +31 -31
- package/lib/Empty/index.js +14 -6
- package/lib/Footer/index.js +15 -14
- package/lib/Icon/image.js +6 -4
- package/lib/Icon/index.js +9 -7
- package/lib/Img/index.js +22 -16
- package/lib/InfoRow/index.js +7 -5
- package/lib/Layout/dashboard/header.js +27 -19
- package/lib/Layout/dashboard/index.js +29 -18
- package/lib/Layout/dashboard/sidebar.js +22 -15
- package/lib/Layout/index.js +44 -33
- package/lib/Locale/context.js +91 -62
- package/lib/Locale/selector.js +28 -20
- package/lib/Logo/index.js +15 -13
- package/lib/Metric/index.js +5 -5
- package/lib/NFTDisplay/aspect-ratio-container.js +7 -5
- package/lib/NFTDisplay/broken.js +1 -1
- package/lib/NFTDisplay/index.js +66 -40
- package/lib/NFTDisplay/loading.js +2 -2
- package/lib/NFTDisplay/svg-embedder/img.js +5 -3
- package/lib/NFTDisplay/svg-embedder/inline-svg.js +6 -4
- package/lib/PageScroller/index.js +9 -9
- package/lib/PageScroller/usePrevValue.js +2 -2
- package/lib/PricingTable/PricingPlan.js +12 -12
- package/lib/PricingTable/index.js +5 -5
- package/lib/Result/common.js +176 -0
- package/lib/Result/index.js +61 -0
- package/lib/Result/result.js +69 -0
- package/lib/Result/translations.js +61 -0
- package/lib/Screenshot/index.js +14 -12
- package/lib/Spinner/index.js +37 -0
- package/lib/SplitButton/index.js +126 -0
- package/lib/Switch/index.js +107 -0
- package/lib/Tabs/index.js +15 -6
- package/lib/Tag/index.js +14 -12
- package/lib/Terminal/Player.js +42 -42
- package/lib/Terminal/index.js +3 -1
- package/lib/Terminal/util.js +1 -1
- package/lib/TextCollapse/index.js +6 -4
- package/lib/Theme/index.js +79 -60
- package/lib/Theme/responsiveFontSizes.js +3 -3
- package/lib/Toast/index.js +10 -8
- package/lib/Util/index.js +83 -12
- package/lib/Video/index.js +8 -8
- package/lib/Wallet/Action.js +13 -11
- package/lib/Wallet/Download.js +59 -57
- package/lib/Wallet/Open.js +1 -1
- package/lib/WechatPrompt/index.js +10 -10
- package/lib/index.js +6 -6
- package/lib/withTheme/index.js +5 -17
- package/lib/withTracker/error_boundary.js +3 -3
- package/lib/withTracker/index.js +6 -6
- package/package.json +11 -12
- package/src/ActionButton/index.js +65 -0
- package/src/ActivityIndicator/index.js +141 -0
- package/src/Alert/index.js +104 -0
- package/src/Async/index.js +39 -0
- package/src/Badge/index.js +71 -0
- package/src/Blocklet/index.js +424 -0
- package/src/Button/index.js +4 -0
- package/src/Button/wrap.js +101 -0
- package/src/ButtonGroup/index.js +6 -0
- package/src/Center/index.js +40 -0
- package/src/ClickToCopy/index.js +90 -0
- package/src/CodeBlock/index.js +160 -0
- package/src/Colors/index.js +1 -0
- package/src/Colors/themes/default.js +54 -0
- package/src/ContactForm/index.js +240 -0
- package/src/CookieConsent/index.js +90 -0
- package/src/CountDown/index.js +151 -0
- package/src/Dialog/confirm.js +76 -0
- package/src/Dialog/dialog.js +162 -0
- package/src/Dialog/index.js +2 -0
- package/src/DriftBot/index.js +81 -0
- package/src/Earth/countries.json +8057 -0
- package/src/Earth/index.js +511 -0
- package/src/Earth/util.js +69 -0
- package/src/Empty/index.js +41 -0
- package/src/Footer/index.js +110 -0
- package/src/Icon/image.js +55 -0
- package/src/Icon/index.js +69 -0
- package/src/Img/index.js +172 -0
- package/src/InfoRow/index.js +83 -0
- package/src/Layout/dashboard/header.js +157 -0
- package/src/Layout/dashboard/index.js +150 -0
- package/src/Layout/dashboard/sidebar.js +122 -0
- package/src/Layout/index.js +318 -0
- package/src/Locale/browser-lang.js +63 -0
- package/src/Locale/context.js +94 -0
- package/src/Locale/images/globe-dark.png +0 -0
- package/src/Locale/images/globe-light.png +0 -0
- package/src/Locale/selector.js +135 -0
- package/src/Logo/images/logo-dark-text.svg +3 -0
- package/src/Logo/images/logo-dark-top.svg +6 -0
- package/src/Logo/images/logo-light-text.svg +3 -0
- package/src/Logo/images/logo-light-top.svg +6 -0
- package/src/Logo/index.js +47 -0
- package/src/Metric/index.js +115 -0
- package/src/NFTDisplay/README.md +59 -0
- package/src/NFTDisplay/aspect-ratio-container.js +34 -0
- package/src/NFTDisplay/broken.js +18 -0
- package/src/NFTDisplay/index.js +257 -0
- package/src/NFTDisplay/loading.js +17 -0
- package/src/NFTDisplay/svg-embedder/img.js +36 -0
- package/src/NFTDisplay/svg-embedder/inline-svg.js +37 -0
- package/src/PageScroller/index.js +342 -0
- package/src/PageScroller/usePrevValue.js +12 -0
- package/src/PricingTable/PricingPlan.js +112 -0
- package/src/PricingTable/index.js +43 -0
- package/src/Result/common.js +116 -0
- package/src/Result/index.js +31 -0
- package/src/Result/result.js +57 -0
- package/src/Result/translations.js +56 -0
- package/src/Screenshot/devices.css +1366 -0
- package/src/Screenshot/index.js +181 -0
- package/src/Spinner/index.js +19 -0
- package/src/SplitButton/index.js +112 -0
- package/src/Switch/index.js +78 -0
- package/src/Tabs/index.js +46 -0
- package/src/Tag/index.js +73 -0
- package/src/Terminal/Player.js +364 -0
- package/src/Terminal/index.js +150 -0
- package/src/Terminal/player.css +378 -0
- package/src/Terminal/util.js +167 -0
- package/src/Terminal/xterm.css +171 -0
- package/src/TextCollapse/index.js +92 -0
- package/src/Theme/index.js +184 -0
- package/src/Theme/responsiveFontSizes.js +94 -0
- package/src/Toast/index.js +118 -0
- package/src/Util/index.js +281 -0
- package/src/Video/index.js +72 -0
- package/src/Wallet/Action.js +105 -0
- package/src/Wallet/Download.js +130 -0
- package/src/Wallet/Open.js +50 -0
- package/src/Wallet/images/abtwallet.png +0 -0
- package/src/Wallet/images/android_download.svg +23 -0
- package/src/Wallet/images/app-store.svg +20 -0
- package/src/Wallet/images/google-play.svg +70 -0
- package/src/WechatPrompt/images/android.png +0 -0
- package/src/WechatPrompt/images/ios.png +0 -0
- package/src/WechatPrompt/index.js +81 -0
- package/src/index.js +63 -0
- package/src/withTheme/index.js +72 -0
- package/src/withTracker/README.md +34 -0
- package/src/withTracker/error_boundary.js +34 -0
- package/src/withTracker/index.js +70 -0
- package/lib/GraphQLPlayground/graphiql.css +0 -1850
- package/lib/GraphQLPlayground/index.js +0 -299
- 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,
|
|
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;}"],
|
|
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;
|
package/lib/NFTDisplay/broken.js
CHANGED
|
@@ -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
|
}
|
package/lib/NFTDisplay/index.js
CHANGED
|
@@ -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
|
|
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);
|
|
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]
|
|
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
|
-
|
|
59
|
-
|
|
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,
|
|
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
|
-
|
|
121
|
-
|
|
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]);
|
|
151
|
-
|
|
156
|
+
}, [state, minimumLoadingReady]);
|
|
152
157
|
|
|
153
|
-
if (state.error
|
|
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
|
-
|
|
164
|
-
urlObj.searchParams.
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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);
|
|
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]
|
|
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 =
|
|
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
|
|
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 =
|
|
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 =
|
|
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
|
}
|