@blocklet/launcher-workflow 2.0.15 → 2.0.17

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 (5) hide show
  1. package/lib/components/launch-serverless.js +22 -5
  2. package/lib/components/layout/body.js +1 -1
  3. package/lib/components/plan.js +11 -24
  4. package/lib/purchase.js +24 -20
  5. package/package.json +7 -7
package/lib/components/launch-serverless.js CHANGED
@@ -4,18 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = LaunchServerless;
7
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
8
+ var _propTypes = _interopRequireDefault(require("prop-types"));
7
9
  var _react = require("react");
8
10
  var _reactRouterDom = require("react-router-dom");
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
11
  var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
11
- var _styled = _interopRequireDefault(require("@emotion/styled"));
12
- var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
13
12
  var _ServerLogoNotext = _interopRequireDefault(require("@arcblock/icons/lib/ServerLogoNotext"));
13
+ var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
14
+ var _button = _interopRequireDefault(require("@blocklet/launcher-ux/lib/button"));
14
15
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
15
16
  var _locale = require("../contexts/locale");
16
- var _util = require("../util");
17
17
  var _request = _interopRequireDefault(require("../contexts/request"));
18
18
  var _query = _interopRequireDefault(require("../hooks/query"));
19
+ var _util = require("../util");
19
20
  var _jsxRuntime = require("react/jsx-runtime");
20
21
  var _templateObject;
21
22
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -75,7 +76,23 @@ function LaunchServerless(_ref) {
75
76
  className: "description",
76
77
  children: t('prepare.serverless.preparing')
77
78
  })]
78
- }), !state.loading && !state.error && t('prepare.serverless.prepared'), state.error && t('prepare.serverless.prepareFailed')]
79
+ }), !state.loading && !state.error && t('prepare.serverless.prepared'), state.error && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
80
+ style: {
81
+ display: 'flex',
82
+ flexDirection: 'column',
83
+ justifyContent: 'center'
84
+ },
85
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
86
+ children: t('prepare.serverless.prepareFailed')
87
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
88
+ size: "small",
89
+ style: {
90
+ marginTop: '8px'
91
+ },
92
+ onClick: () => window.location.reload(),
93
+ children: t('common.retry')
94
+ })]
95
+ })]
79
96
  })]
80
97
  })]
81
98
  });
package/lib/components/layout/body.js CHANGED
@@ -24,4 +24,4 @@ function Body(_ref) {
24
24
  Body.propTypes = {
25
25
  children: _propTypes.default.any.isRequired
26
26
  };
27
- const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n margin-top: 32px;\n\n .page-body-article {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n"])));
27
+ const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex: 1;\n\n @media (min-width: 900px) {\n margin-top: 32px;\n }\n\n .page-body-article {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n }\n"])));
package/lib/components/plan.js CHANGED
@@ -13,10 +13,9 @@ var _useMobile = _interopRequireDefault(require("@blocklet/launcher-ux/lib/use-m
13
13
  var _util = require("../../lib/util");
14
14
  var _locale = require("../contexts/locale");
15
15
  var _jsxRuntime = require("react/jsx-runtime");
16
- var _templateObject, _templateObject2;
17
16
  const _excluded = ["plan", "productFeatures", "toc", "checked", "recommend"];
17
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
18
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
20
19
  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; }
21
20
  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; }
22
21
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -24,6 +23,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
24
23
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
25
24
  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
25
  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; }
26
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
27
27
  var CpuIcon = function CpuIcon(props) {
28
28
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({}, props), {}, {
29
29
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
@@ -122,17 +122,12 @@ function Feature(_ref) {
122
122
  valueEle = feature.value[locale];
123
123
  }
124
124
  if (isMobile) {
125
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
126
- style: {
127
- display: 'flex',
128
- alignItems: 'center'
129
- },
130
- children: [feature.type === 'boolean' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
125
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
126
+ children: [feature.type === 'boolean' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(MobileBooleanItem, {
131
127
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
132
128
  component: "span",
133
129
  style: {
134
- display: 'flex',
135
- alignItems: 'center'
130
+ display: 'flex'
136
131
  },
137
132
  children: valueEle
138
133
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
@@ -142,23 +137,15 @@ function Feature(_ref) {
142
137
  },
143
138
  children: feature.name[locale]
144
139
  })]
145
- }), feature.type === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
146
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
147
- component: "span",
148
- children: feature.name[locale]
149
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
150
- component: "span",
151
- style: {
152
- display: 'flex',
153
- alignItems: 'center'
154
- },
155
- children: valueEle
156
- })]
140
+ }), feature.type === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileTextItem, {
141
+ children: "".concat(feature.name[locale], ": ").concat(valueEle)
157
142
  })]
158
143
  });
159
144
  }
160
145
  return valueEle;
161
146
  }
147
+ const MobileBooleanItem = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n"])));
148
+ const MobileTextItem = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: -webkit-box;\n white-space: normal;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n"])));
162
149
  Feature.propTypes = {
163
150
  feature: _propTypes.default.object.isRequired,
164
151
  locale: _propTypes.default.string.isRequired,
@@ -261,8 +248,8 @@ function Plan(_ref2) {
261
248
  })]
262
249
  }));
263
250
  }
264
- const Outer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n\n .recommend-icon {\n display: none;\n }\n\n &.card-recommend {\n margin-right: 8px;\n\n .recommend-icon {\n display: block;\n position: absolute;\n top: -8px;\n right: -8px;\n }\n"])));
265
- const Container = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-direction: column;\n border-radius: 12px;\n overflow: hidden;\n min-height: 400px;\n margin-top: 8px;\n white-space: nowrap;\n padding: 16px;\n\n .toc__title {\n font-weight: bolder;\n align-items: flex-start;\n }\n\n &:not(.toc) {\n color: #000;\n background-color: ", ";\n cursor: pointer;\n }\n\n &:not(.toc, .checked):hover {\n color: #000;\n background-color: #ddf6f8;\n cursor: pointer;\n }\n\n &.checked {\n color: #fff;\n background-color: ", ";\n cursor: pointer;\n }\n\n .basic {\n width: 100%;\n height: 8em;\n\n .header {\n text-align: center;\n .header__title {\n color: ", ";\n }\n\n .header__name {\n font-weight: bolder;\n }\n }\n\n .price-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 6.5em;\n\n .price {\n font-size: 1.5em;\n font-weight: bolder;\n }\n\n .period {\n color: ", ";\n }\n }\n }\n\n .features {\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: auto;\n\n .feature {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n\n @media (max-width: 768px) {\n margin-left: 28px;\n justify-content: flex-start;\n }\n\n &:not(:last-child) {\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n }\n }\n }\n"])), props => props.theme.palette.secondary.main, props => props.theme.palette.primary.main, props => props.checked ? '#ffffff' : '#9397a1', props => props.checked ? '#ffffff' : '#9397a1', props => props.checked || props.hovered ? 'rgba(255, 255, 255, 0.2)' : '#f6f6f6');
251
+ const Outer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n position: relative;\n\n .recommend-icon {\n display: none;\n }\n\n &.card-recommend {\n margin-right: 8px;\n\n .recommend-icon {\n display: block;\n position: absolute;\n top: -8px;\n right: -8px;\n }\n"])));
252
+ const Container = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-direction: column;\n border-radius: 12px;\n overflow: hidden;\n min-height: 400px;\n margin-top: 8px;\n white-space: nowrap;\n padding: 16px;\n\n .toc__title {\n font-weight: bolder;\n align-items: flex-start;\n }\n\n &:not(.toc) {\n color: #000;\n background-color: ", ";\n cursor: pointer;\n }\n\n &:not(.toc, .checked):hover {\n color: #000;\n background-color: #ddf6f8;\n cursor: pointer;\n }\n\n &.checked {\n color: #fff;\n background-color: ", ";\n cursor: pointer;\n }\n\n .basic {\n width: 100%;\n height: 8em;\n\n .header {\n text-align: center;\n .header__title {\n color: ", ";\n }\n\n .header__name {\n font-weight: bolder;\n }\n }\n\n .price-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n height: 6.5em;\n\n .price {\n font-size: 1.5em;\n font-weight: bolder;\n }\n\n .period {\n color: ", ";\n }\n }\n }\n\n .features {\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: auto;\n\n .feature {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n\n @media (max-width: 900px) {\n margin-left: 28px;\n justify-content: flex-start;\n }\n\n &:not(:last-child) {\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n }\n }\n }\n"])), props => props.theme.palette.secondary.main, props => props.theme.palette.primary.main, props => props.checked ? '#ffffff' : '#9397a1', props => props.checked ? '#ffffff' : '#9397a1', props => props.checked || props.hovered ? 'rgba(255, 255, 255, 0.2)' : '#f6f6f6');
266
253
  Plan.propTypes = {
267
254
  plan: _propTypes.default.object,
268
255
  productFeatures: _propTypes.default.array,
package/lib/purchase.js CHANGED
@@ -5,25 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactRouterDom = require("react-router-dom");
10
- var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
11
- var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
12
- var _urlJoin = _interopRequireDefault(require("url-join"));
13
- var _splideExtensionGrid = require("@splidejs/splide-extension-grid");
14
- var _reactSplide = require("@splidejs/react-splide");
15
- var _styled = _interopRequireDefault(require("@emotion/styled"));
16
8
  var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
17
9
  var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
18
10
  var _useMobile = _interopRequireDefault(require("@blocklet/launcher-ux/lib/use-mobile"));
11
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
19
12
  var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
20
13
  var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
14
+ var _reactSplide = require("@splidejs/react-splide");
15
+ var _splideExtensionGrid = require("@splidejs/splide-extension-grid");
16
+ var _propTypes = _interopRequireDefault(require("prop-types"));
17
+ var _reactRouterDom = require("react-router-dom");
18
+ var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
19
+ var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
20
+ var _urlJoin = _interopRequireDefault(require("url-join"));
21
21
  require("@splidejs/splide/dist/css/splide.min.css");
22
- var _body = _interopRequireDefault(require("./components/layout/body"));
23
- var _plan = _interopRequireDefault(require("./components/plan"));
24
22
  var _layout = _interopRequireDefault(require("./components/layout"));
25
- var _header = _interopRequireDefault(require("./components/layout/header"));
23
+ var _body = _interopRequireDefault(require("./components/layout/body"));
26
24
  var _footer = _interopRequireDefault(require("./components/layout/footer"));
25
+ var _header = _interopRequireDefault(require("./components/layout/header"));
26
+ var _plan = _interopRequireDefault(require("./components/plan"));
27
27
  var _locale = require("./contexts/locale");
28
28
  var _request = _interopRequireDefault(require("./contexts/request"));
29
29
  var _workflow = require("./contexts/workflow");
@@ -38,26 +38,26 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
38
38
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
39
39
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
40
40
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
41
- var PrevIcon = function PrevIcon(props) {
41
+ var NextIcon = function NextIcon(props) {
42
42
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
43
43
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
44
44
  d: "m15.5.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4L15.5.912z"
45
45
  })
46
46
  }));
47
47
  };
48
- PrevIcon.defaultProps = {
48
+ NextIcon.defaultProps = {
49
49
  xmlns: "http://www.w3.org/2000/svg",
50
50
  width: "40",
51
51
  height: "40"
52
52
  };
53
- var NextIcon = function NextIcon(props) {
53
+ var PrevIcon = function PrevIcon(props) {
54
54
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
55
55
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
56
56
  d: "m15.5.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4L15.5.912z"
57
57
  })
58
58
  }));
59
59
  };
60
- NextIcon.defaultProps = {
60
+ PrevIcon.defaultProps = {
61
61
  xmlns: "http://www.w3.org/2000/svg",
62
62
  width: "40",
63
63
  height: "40"
@@ -146,10 +146,14 @@ function PurchasePage(_ref) {
146
146
  productFeatures: productFeatures,
147
147
  className: "toc"
148
148
  }), ((_planState$value2 = planState.value) === null || _planState$value2 === void 0 ? void 0 : _planState$value2.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactSplide.Splide, {
149
- className: "plan-splide",
149
+ className: "plan-splide plan-container",
150
150
  extensions: {
151
151
  Grid: _splideExtensionGrid.Grid
152
152
  },
153
+ onActive: (_, splide) => {
154
+ var _planState$value$spli;
155
+ setSelectedPlanId((_planState$value$spli = planState.value[splide.index]) === null || _planState$value$spli === void 0 ? void 0 : _planState$value$spli._id);
156
+ },
153
157
  onPaginationMounted: (_, _ref2) => {
154
158
  let {
155
159
  items
@@ -177,15 +181,15 @@ function PurchasePage(_ref) {
177
181
  perPage: Math.min(4, planState.value.length),
178
182
  gap: '20px'
179
183
  },
180
- 2400: {
184
+ 2900: {
181
185
  perPage: Math.min(3, planState.value.length),
182
186
  gap: '20px'
183
187
  },
184
- 1400: {
188
+ 1600: {
185
189
  perPage: Math.min(2, planState.value.length),
186
190
  gap: '20px'
187
191
  },
188
- 768: {
192
+ 1360: {
189
193
  perPage: 1,
190
194
  gap: '8px'
191
195
  }
@@ -246,7 +250,7 @@ function PurchasePage(_ref) {
246
250
  })]
247
251
  });
248
252
  }
249
- const Container = (0, _styled.default)(_layout.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .plan-list {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 20px;\n\n .toc {\n width: 30%;\n margin-right: 20px;\n }\n\n .plan-splide {\n width: 100%;\n }\n\n button.splide__pagination__page.is-active {\n background: #9397a1;\n }\n }\n\n .splide__pagination-custom {\n bottom: -24px;\n }\n\n .footer {\n display: flex;\n justify-content: ", ";\n align-item: center;\n margin-top: auto;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n align-items: center;\n }\n\n .select-space {\n a {\n color: #000;\n }\n }\n\n .button-next {\n width: 200px;\n\n @media (max-width: ", "px) {\n width: 100%;\n margin-top: 20px;\n }\n }\n }\n"])), props => props.embed ? 'space-between' : 'flex-end', props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
253
+ const Container = (0, _styled.default)(_layout.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .plan-list {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n @media (min-width: 900px) {\n margin-top: 20px;\n }\n\n @media (min-width: 680px) and (max-width: 899px) {\n justify-content: center;\n }\n\n .toc {\n width: 30%;\n min-width: 250px;\n margin-right: 20px;\n }\n\n .plan-splide {\n width: 100%;\n }\n\n .plan-container {\n @media (min-width: 1360px) and (max-width: 1599px) {\n max-width: 600px;\n }\n\n @media (min-width: 1200px) and (max-width: 1359px) {\n max-width: 300px;\n }\n\n @media (min-width: 900px) and (max-width: 1199px) {\n max-width: 250px;\n }\n\n @media (min-width: 680px) and (max-width: 899px) {\n width: 80%;\n }\n }\n\n button.splide__pagination__page.is-active {\n background: #9397a1;\n }\n }\n\n .splide__pagination-custom {\n bottom: -24px;\n }\n\n .footer {\n display: flex;\n justify-content: ", ";\n align-item: center;\n margin-top: auto;\n\n @media (max-width: ", "px) {\n flex-direction: column;\n align-items: center;\n margin-top: 24px;\n }\n\n .select-space {\n a {\n color: #000;\n }\n }\n\n .button-next {\n width: 200px;\n\n @media (max-width: ", "px) {\n width: 100%;\n margin-top: 20px;\n }\n }\n }\n"])), props => props.embed ? 'space-between' : 'flex-end', props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
250
254
  PurchasePage.propTypes = {
251
255
  disableBack: _propTypes.default.bool
252
256
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/launcher-workflow",
3
- "version": "2.0.15",
3
+ "version": "2.0.17",
4
4
  "description": "Purchase components for Launcher UI",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -40,9 +40,9 @@
40
40
  "@arcblock/icons": "^2.5.18",
41
41
  "@arcblock/license": "^2.5.18",
42
42
  "@arcblock/ux": "^2.5.18",
43
- "@blocklet/launcher-layout": "2.0.15",
44
- "@blocklet/launcher-util": "2.0.15",
45
- "@blocklet/launcher-ux": "2.0.15",
43
+ "@blocklet/launcher-layout": "2.0.17",
44
+ "@blocklet/launcher-util": "2.0.17",
45
+ "@blocklet/launcher-ux": "2.0.17",
46
46
  "@did-pay/react": "^1.9.49",
47
47
  "@emotion/react": "^11.10.6",
48
48
  "@emotion/styled": "^11.10.6",
@@ -67,10 +67,10 @@
67
67
  },
68
68
  "devDependencies": {
69
69
  "@babel/cli": "^7.21.0",
70
- "@babel/core": "^7.21.3",
71
- "@babel/preset-env": "^7.20.2",
70
+ "@babel/core": "^7.21.4",
71
+ "@babel/preset-env": "^7.21.4",
72
72
  "@babel/preset-react": "^7.18.6",
73
73
  "babel-plugin-inline-react-svg": "^2.0.2"
74
74
  },
75
- "gitHead": "1805a96a78b99baba829e6c51e018ebfaf982ac7"
75
+ "gitHead": "df5c1f0ba96b492a614db424335a0889ce5d0813"
76
76
  }