@blocklet/launcher-workflow 1.7.44 → 1.7.45
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/lib/components/confirm.js +27 -19
- package/lib/components/instance-operation.js +79 -61
- package/lib/components/payment-method.js +18 -8
- package/lib/components/plan.js +39 -25
- package/lib/components/stripe/checkout.js +43 -35
- package/lib/components/stripe/paying.js +11 -10
- package/lib/contexts/request.js +7 -8
- package/lib/contexts/router.js +7 -8
- package/lib/index.js +47 -30
- package/lib/launch.js +3 -3
- package/lib/locales/en.js +7 -5
- package/lib/locales/zh.js +7 -5
- package/lib/prepare.js +92 -76
- package/lib/purchase.js +100 -89
- package/lib/start.js +11 -8
- package/package.json +8 -8
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = ConfirmDialog;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -29,11 +29,9 @@ var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery
|
|
|
29
29
|
|
|
30
30
|
var _locale = require("../contexts/locale");
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
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); }
|
|
32
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
35
33
|
|
|
36
|
-
function
|
|
34
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
37
35
|
|
|
38
36
|
const translations = {
|
|
39
37
|
en: {
|
|
@@ -73,21 +71,31 @@ function ConfirmDialog(_ref) {
|
|
|
73
71
|
}
|
|
74
72
|
};
|
|
75
73
|
|
|
76
|
-
return /*#__PURE__*/
|
|
74
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
|
|
77
75
|
open: true,
|
|
78
|
-
fullScreen: isBreakpointsDownSm
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
76
|
+
fullScreen: isBreakpointsDownSm,
|
|
77
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
|
|
78
|
+
children: typeof title === 'function' ? title() : title
|
|
79
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContent.default, {
|
|
80
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
|
|
81
|
+
children: typeof description === 'function' ? description(params, setParams) : description
|
|
82
|
+
})
|
|
83
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogActions.default, {
|
|
84
|
+
style: {
|
|
85
|
+
padding: '8px 24px 24px'
|
|
86
|
+
},
|
|
87
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
88
|
+
onClick: () => onCallback(onCancel),
|
|
89
|
+
children: cancel || (0, _lodash.default)(translations, "".concat(innerLocale, ".cancel"))
|
|
90
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
91
|
+
onClick: () => onCallback(onConfirm),
|
|
92
|
+
color: color,
|
|
93
|
+
variant: "outlined",
|
|
94
|
+
autoFocus: true,
|
|
95
|
+
children: confirm || (0, _lodash.default)(translations, "".concat(innerLocale, ".confirm"))
|
|
96
|
+
})]
|
|
97
|
+
})]
|
|
98
|
+
});
|
|
91
99
|
}
|
|
92
100
|
|
|
93
101
|
ConfirmDialog.propTypes = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = OperationPage;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _reactRouterDom = require("react-router-dom");
|
|
11
11
|
|
|
@@ -41,11 +41,9 @@ var _router = _interopRequireDefault(require("../contexts/router"));
|
|
|
41
41
|
|
|
42
42
|
var _locale = require("../contexts/locale");
|
|
43
43
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
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); }
|
|
44
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
47
45
|
|
|
48
|
-
function
|
|
46
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
49
47
|
|
|
50
48
|
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; }
|
|
51
49
|
|
|
@@ -147,15 +145,27 @@ function OperationPage(_ref) {
|
|
|
147
145
|
}, [nftId]); // eslint-disable-line
|
|
148
146
|
|
|
149
147
|
const successful = launchState.status === STATUS.success;
|
|
150
|
-
const message = [/*#__PURE__*/
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
148
|
+
const message = [/*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
|
|
149
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
150
|
+
className: "msg-before",
|
|
151
|
+
children: "1/5"
|
|
152
|
+
}), t('launch.waiting.starting')]
|
|
153
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
|
|
154
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
155
|
+
className: "msg-before",
|
|
156
|
+
children: "2/5"
|
|
157
|
+
}), t('launch.waiting.securing')]
|
|
158
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
|
|
159
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
160
|
+
className: "msg-before",
|
|
161
|
+
children: "3/5"
|
|
162
|
+
}), t('launch.waiting.prepare')]
|
|
163
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(MessageDiv, {
|
|
164
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
165
|
+
className: "msg-before",
|
|
166
|
+
children: "4/5"
|
|
167
|
+
}), t('launch.waiting.waiting')]
|
|
168
|
+
})];
|
|
159
169
|
const messageDuration = 40000; // 防止用户刷新后message进度重新开始,修正 message 展示的信息
|
|
160
170
|
|
|
161
171
|
const nowTime = Date.now();
|
|
@@ -170,53 +180,61 @@ function OperationPage(_ref) {
|
|
|
170
180
|
message.splice(0, step);
|
|
171
181
|
}
|
|
172
182
|
|
|
173
|
-
return /*#__PURE__*/
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
variant: "
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
183
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, {
|
|
184
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
|
|
185
|
+
title: t("".concat(type, ".title")),
|
|
186
|
+
className: "launch-page-header ".concat(successful ? 'header-hide' : '')
|
|
187
|
+
}), launchState.status === STATUS.waiting && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
188
|
+
className: "center",
|
|
189
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
|
|
190
|
+
}), launchState.status === STATUS.launching && /*#__PURE__*/(0, _jsxRuntime.jsx)(WaiterContainer, {
|
|
191
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AnimationWaiter.default, {
|
|
192
|
+
message: message,
|
|
193
|
+
increaseSpeed: 0.3,
|
|
194
|
+
messageLoop: false,
|
|
195
|
+
maybeDuration: 180000,
|
|
196
|
+
messageDuration: messageDuration
|
|
197
|
+
})
|
|
198
|
+
}), successful && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
|
|
199
|
+
variant: successful ? 'success' : 'loading',
|
|
200
|
+
title: successful ? t('launch.launched') : '',
|
|
201
|
+
subTitle: !successful ? t('launch.waitingForLaunching') : '',
|
|
202
|
+
footer: successful ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkEle, {
|
|
203
|
+
href: launchState.appUrl,
|
|
204
|
+
rel: "noreferrer",
|
|
205
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
|
|
206
|
+
size: [16, 10],
|
|
207
|
+
style: {
|
|
208
|
+
marginRight: 14
|
|
209
|
+
}
|
|
210
|
+
}), " ", t('common.redirecting')]
|
|
211
|
+
}) : ''
|
|
212
|
+
}), [STATUS.error, STATUS.launchFailedError].includes(launchState.status) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
|
|
213
|
+
variant: "error",
|
|
214
|
+
title: t("".concat(type, ".error.launchFailed")),
|
|
215
|
+
subTitle: type === 'launch' ? t('launch.error.launchFailedDescription') : '',
|
|
216
|
+
footer: type === 'launch' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
217
|
+
color: "primary",
|
|
218
|
+
variant: "contained",
|
|
219
|
+
className: "button",
|
|
220
|
+
component: _reactRouterDom.Link,
|
|
221
|
+
to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search)),
|
|
222
|
+
children: t('common.retry')
|
|
223
|
+
})
|
|
224
|
+
}), launchState.status === STATUS.notFoundError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_launchResultMessage.default, {
|
|
225
|
+
variant: "error",
|
|
226
|
+
title: t("".concat(type, ".error.notFound")),
|
|
227
|
+
subTitle: type === 'launch' ? t('launch.error.notFoundDescription') : '',
|
|
228
|
+
footer: type === 'launch' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
229
|
+
color: "primary",
|
|
230
|
+
variant: "contained",
|
|
231
|
+
className: "button",
|
|
232
|
+
component: _reactRouterDom.Link,
|
|
233
|
+
to: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId).concat(window.location.search)),
|
|
234
|
+
children: t('common.launch')
|
|
235
|
+
})
|
|
236
|
+
})]
|
|
237
|
+
});
|
|
220
238
|
}
|
|
221
239
|
|
|
222
240
|
const MessageDiv = _styledComponents.default.div.withConfig({
|
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = PaymentType;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
9
|
|
|
12
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -19,10 +17,18 @@ var _CreditCard = _interopRequireDefault(require("@mui/icons-material/CreditCard
|
|
|
19
17
|
|
|
20
18
|
var _locale = require("../contexts/locale");
|
|
21
19
|
|
|
20
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
+
|
|
22
22
|
const _excluded = ["type"];
|
|
23
23
|
|
|
24
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
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
|
+
|
|
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
|
+
|
|
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
|
+
|
|
26
32
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
33
|
|
|
28
34
|
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; }
|
|
@@ -38,14 +44,18 @@ function PaymentType(_ref) {
|
|
|
38
44
|
} = (0, _locale.useLocaleContext)();
|
|
39
45
|
|
|
40
46
|
if (type === _constant.CURRENCY_TYPE.crypto) {
|
|
41
|
-
return /*#__PURE__*/
|
|
42
|
-
|
|
43
|
-
|
|
47
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
|
|
48
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CryptoIcon, {
|
|
49
|
+
className: "payment-icon"
|
|
50
|
+
}), t('plan.useCrypto')]
|
|
51
|
+
}));
|
|
44
52
|
}
|
|
45
53
|
|
|
46
|
-
return /*#__PURE__*/
|
|
47
|
-
|
|
48
|
-
|
|
54
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
|
|
55
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CreditCard.default, {
|
|
56
|
+
className: "payment-icon"
|
|
57
|
+
}), t('plan.useFiat')]
|
|
58
|
+
}));
|
|
49
59
|
}
|
|
50
60
|
|
|
51
61
|
const Container = _styledComponents.default.div.withConfig({
|
package/lib/components/plan.js
CHANGED
|
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = NodeType;
|
|
7
7
|
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
9
|
|
|
12
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -21,10 +19,18 @@ var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
|
|
|
21
19
|
|
|
22
20
|
var _locale = require("../contexts/locale");
|
|
23
21
|
|
|
22
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
|
+
|
|
24
24
|
const _excluded = ["data", "selected", "paymentMethod"];
|
|
25
25
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
27
|
|
|
28
|
+
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; }
|
|
29
|
+
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
28
34
|
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; }
|
|
29
35
|
|
|
30
36
|
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; }
|
|
@@ -40,29 +46,37 @@ function NodeType(_ref) {
|
|
|
40
46
|
const {
|
|
41
47
|
locale
|
|
42
48
|
} = (0, _locale.useLocaleContext)();
|
|
43
|
-
return /*#__PURE__*/
|
|
44
|
-
className: selected ? 'item-selected' : ''
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
|
|
50
|
+
className: selected ? 'item-selected' : '',
|
|
51
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
52
|
+
className: "name",
|
|
53
|
+
component: "span",
|
|
54
|
+
children: (0, _lodash.default)(data, "name.".concat(locale))
|
|
55
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
56
|
+
className: "price",
|
|
57
|
+
component: "span",
|
|
58
|
+
children: data.prices[paymentMethod]
|
|
59
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
60
|
+
className: "rights",
|
|
61
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
62
|
+
className: "rights-list",
|
|
63
|
+
children: data.features.map(feat => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
65
|
+
className: "item-block",
|
|
66
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
67
|
+
className: "item-desc",
|
|
68
|
+
children: feat[locale]
|
|
69
|
+
})
|
|
70
|
+
})
|
|
71
|
+
}, feat[locale]))
|
|
72
|
+
})
|
|
73
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
74
|
+
className: "check-container",
|
|
75
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
|
|
76
|
+
className: "check-icon"
|
|
77
|
+
})
|
|
78
|
+
})]
|
|
79
|
+
}));
|
|
66
80
|
}
|
|
67
81
|
|
|
68
82
|
NodeType.propTypes = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = Checkout;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
@@ -29,11 +29,9 @@ var _locale = require("../../contexts/locale");
|
|
|
29
29
|
|
|
30
30
|
var _paying = _interopRequireDefault(require("./paying"));
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
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); }
|
|
32
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
35
33
|
|
|
36
|
-
function
|
|
34
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
37
35
|
|
|
38
36
|
function CheckoutForm(_ref) {
|
|
39
37
|
let {
|
|
@@ -111,23 +109,31 @@ function CheckoutForm(_ref) {
|
|
|
111
109
|
onLoad();
|
|
112
110
|
};
|
|
113
111
|
|
|
114
|
-
return /*#__PURE__*/
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
112
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {
|
|
113
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
|
|
114
|
+
onSubmit: handleSubmit,
|
|
115
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.PaymentElement, {
|
|
116
|
+
onReady: () => setElementReady(true)
|
|
117
|
+
}), (!stripe || !elements || !elementReady) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
|
|
118
|
+
relative: "parent",
|
|
119
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
|
|
120
|
+
}), stripe && elements && elementReady && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
121
|
+
id: "submit",
|
|
122
|
+
type: "submit",
|
|
123
|
+
disabled: isLoading,
|
|
124
|
+
variant: "contained",
|
|
125
|
+
color: "primary",
|
|
126
|
+
children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
127
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
|
|
128
|
+
size: 12
|
|
129
|
+
}), t('common.paying')]
|
|
130
|
+
}) : t('common.pay')
|
|
131
|
+
}), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
132
|
+
id: "payment-message",
|
|
133
|
+
children: message
|
|
134
|
+
})]
|
|
135
|
+
})
|
|
136
|
+
});
|
|
131
137
|
}
|
|
132
138
|
|
|
133
139
|
const Content = _styledComponents.default.div.withConfig({
|
|
@@ -175,23 +181,25 @@ function Checkout(_ref3) {
|
|
|
175
181
|
onCancel();
|
|
176
182
|
};
|
|
177
183
|
|
|
178
|
-
return /*#__PURE__*/
|
|
184
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
|
|
179
185
|
title: t('common.pay'),
|
|
180
186
|
showCloseButton: showCloseButton,
|
|
181
187
|
open: open,
|
|
182
188
|
onClose: handleClose,
|
|
183
|
-
disableEscapeKeyDown: true
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
189
|
+
disableEscapeKeyDown: true,
|
|
190
|
+
children: [waitingCompleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paying.default, {
|
|
191
|
+
paymentId: paymentId,
|
|
192
|
+
onComplete: onComplete,
|
|
193
|
+
onPaid: handlePaid
|
|
194
|
+
}), !waitingCompleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.Elements, {
|
|
195
|
+
options: options,
|
|
196
|
+
stripe: stripePromise,
|
|
197
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckoutForm, {
|
|
198
|
+
clientSecret: clientSecret,
|
|
199
|
+
onLoad: handleLoad
|
|
200
|
+
})
|
|
201
|
+
})]
|
|
202
|
+
});
|
|
195
203
|
}
|
|
196
204
|
|
|
197
205
|
Checkout.propTypes = {
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = Paying;
|
|
7
7
|
|
|
8
|
-
var _react =
|
|
8
|
+
var _react = require("react");
|
|
9
9
|
|
|
10
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
11
11
|
|
|
@@ -25,11 +25,9 @@ var _locale = require("../../contexts/locale");
|
|
|
25
25
|
|
|
26
26
|
var _request = _interopRequireDefault(require("../../contexts/request"));
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
31
29
|
|
|
32
|
-
function
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
31
|
|
|
34
32
|
function Paying(_ref) {
|
|
35
33
|
let {
|
|
@@ -65,11 +63,14 @@ function Paying(_ref) {
|
|
|
65
63
|
setStatus(payment.status);
|
|
66
64
|
}, 3000);
|
|
67
65
|
(0, _useInterval.default)(fetchOrder, needFetchOrderStatus ? 3000 : null);
|
|
68
|
-
return /*#__PURE__*/
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
66
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, {
|
|
67
|
+
children: [status <= _constant.PAYMENT_STATUS.paid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {}), status === _constant.PAYMENT_STATUS.done && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
|
|
68
|
+
className: "status--succeed_icon"
|
|
69
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
70
|
+
className: "status",
|
|
71
|
+
children: t("plan.paymentCredit.status.".concat(status))
|
|
72
|
+
})]
|
|
73
|
+
});
|
|
73
74
|
}
|
|
74
75
|
|
|
75
76
|
Paying.propTypes = {
|
package/lib/contexts/request.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.RequestProvider = RequestProvider;
|
|
7
7
|
exports.default = useRequest;
|
|
8
8
|
|
|
9
|
-
var _react =
|
|
9
|
+
var _react = require("react");
|
|
10
10
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
|
|
@@ -20,11 +20,9 @@ var _session = require("./session");
|
|
|
20
20
|
|
|
21
21
|
var _locale = require("./locale");
|
|
22
22
|
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
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
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
26
24
|
|
|
27
|
-
function
|
|
25
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
26
|
|
|
29
27
|
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; }
|
|
30
28
|
|
|
@@ -71,14 +69,15 @@ function RequestProvider(_ref) {
|
|
|
71
69
|
|
|
72
70
|
return Promise.reject(err);
|
|
73
71
|
});
|
|
74
|
-
return /*#__PURE__*/
|
|
72
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
|
|
75
73
|
value: {
|
|
76
74
|
api: privateRequest,
|
|
77
75
|
create: configs => _axios.default.create(_objectSpread({
|
|
78
76
|
baseURL
|
|
79
77
|
}, configs || {}))
|
|
80
|
-
}
|
|
81
|
-
|
|
78
|
+
},
|
|
79
|
+
children: children
|
|
80
|
+
});
|
|
82
81
|
}
|
|
83
82
|
|
|
84
83
|
RequestProvider.propTypes = {
|