@blocklet/launcher-workflow 1.6.20 → 1.7.0

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 (6) hide show
  1. package/lib/components/confirm.js +10 -11
  2. package/lib/components/plan.js +3 -3
  3. package/lib/components/stripe/paying.js +1 -1
  4. package/lib/prepare.js +4 -4
  5. package/lib/purchase.js +5 -5
  6. package/package.json +15 -12
package/lib/components/confirm.js CHANGED
@@ -13,19 +13,19 @@ var _lodash = _interopRequireDefault(require("lodash.get"));
13
13
 
14
14
  var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
15
15
 
16
- var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
16
+ var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
17
17
 
18
- var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
18
+ var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
19
19
 
20
- var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
20
+ var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
21
21
 
22
- var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
22
+ var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
23
23
 
24
- var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
24
+ var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
25
25
 
26
- var _useTheme = _interopRequireDefault(require("@material-ui/core/styles/useTheme"));
26
+ var _styles = require("@mui/material/styles");
27
27
 
28
- var _useMediaQuery = _interopRequireDefault(require("@material-ui/core/useMediaQuery"));
28
+ var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
29
29
 
30
30
  var _locale = require("../contexts/locale");
31
31
 
@@ -64,8 +64,8 @@ function ConfirmDialog(_ref) {
64
64
  locale
65
65
  };
66
66
  const [params, setParams] = (0, _react.useState)(initialParams);
67
- const theme = (0, _useTheme.default)();
68
- const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('sm'));
67
+ const theme = (0, _styles.useTheme)();
68
+ const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
69
69
 
70
70
  const onCallback = cb => {
71
71
  if (typeof cb === 'function') {
@@ -81,8 +81,7 @@ function ConfirmDialog(_ref) {
81
81
  padding: '8px 24px 24px'
82
82
  }
83
83
  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
84
- onClick: () => onCallback(onCancel),
85
- color: "default"
84
+ onClick: () => onCallback(onCancel)
86
85
  }, cancel || (0, _lodash.default)(translations, "".concat(innerLocale, ".cancel"))), /*#__PURE__*/_react.default.createElement(_Button.default, {
87
86
  onClick: () => onCallback(onConfirm),
88
87
  color: color,
package/lib/components/plan.js CHANGED
@@ -13,9 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
 
14
14
  var _lodash = _interopRequireDefault(require("lodash.get"));
15
15
 
16
- var _core = require("@material-ui/core");
16
+ var _material = require("@mui/material");
17
17
 
18
- var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
18
+ var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
19
19
 
20
20
  var _locale = require("../contexts/locale");
21
21
 
@@ -40,7 +40,7 @@ function NodeType(_ref) {
40
40
  } = (0, _locale.useLocaleContext)();
41
41
  return /*#__PURE__*/_react.default.createElement(Container, Object.assign({}, props, {
42
42
  className: selected ? 'item-selected' : ''
43
- }), /*#__PURE__*/_react.default.createElement(_core.Typography, {
43
+ }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
44
44
  className: "name",
45
45
  component: "span"
46
46
  }, (0, _lodash.default)(data, "name.".concat(locale))), /*#__PURE__*/_react.default.createElement("div", {
package/lib/components/stripe/paying.js CHANGED
@@ -19,7 +19,7 @@ var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
19
19
 
20
20
  var _launcherConstant = require("@blocklet/launcher-constant");
21
21
 
22
- var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
22
+ var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
23
23
 
24
24
  var _locale = require("../../contexts/locale");
25
25
 
package/lib/prepare.js CHANGED
@@ -17,11 +17,11 @@ var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect
17
17
 
18
18
  var _utils = require("@arcblock/did-connect/lib/utils");
19
19
 
20
- var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
20
+ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
21
21
 
22
- var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
22
+ var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
23
23
 
24
- var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
24
+ var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
25
25
 
26
26
  var _launcherConstant = require("@blocklet/launcher-constant");
27
27
 
@@ -261,4 +261,4 @@ function PreparePage() {
261
261
  const Container = _styledComponents.default.div.withConfig({
262
262
  displayName: "prepare__Container",
263
263
  componentId: "sc-1ddofcz-0"
264
- })(["display:flex;flex-direction:column;width:100%;height:100%;.page-logo{display:flex;justify-content:center;margin-top:62px;", "{margin-top:48px;}}.inputs{display:flex;align-items:center;flex-direction:column;text-align:center;}.input-item{margin-top:24px;width:90%;max-width:460px;font-size:14px;input,textarea{font-size:14px;}}.botton-container{width:100%;margin:24px auto;max-width:460px;text-align:center;}"], props => props.theme.breakpoints.down('sm'));
264
+ })(["display:flex;flex-direction:column;width:100%;height:100%;.page-logo{display:flex;justify-content:center;margin-top:62px;", "{margin-top:48px;}}.inputs{display:flex;align-items:center;flex-direction:column;text-align:center;}.input-item{margin-top:24px;width:90%;max-width:460px;font-size:14px;input,textarea{font-size:14px;}}.botton-container{width:100%;margin:24px auto;max-width:460px;text-align:center;}"], props => props.theme.breakpoints.down('md'));
package/lib/purchase.js CHANGED
@@ -31,7 +31,7 @@ var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect
31
31
 
32
32
  var _utils = require("@arcblock/did-connect/lib/utils");
33
33
 
34
- var _useMediaQuery = _interopRequireDefault(require("@material-ui/core/useMediaQuery"));
34
+ var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
35
35
 
36
36
  var _compactLayout = _interopRequireDefault(require("@blocklet/launcher-layout/lib/compact-layout"));
37
37
 
@@ -41,9 +41,9 @@ var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
41
41
 
42
42
  var _launcherConstant = require("@blocklet/launcher-constant");
43
43
 
44
- var _Alert = _interopRequireDefault(require("@material-ui/lab/Alert"));
44
+ var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
45
45
 
46
- var _CreditCard = _interopRequireDefault(require("@material-ui/icons/CreditCard"));
46
+ var _CreditCard = _interopRequireDefault(require("@mui/icons-material/CreditCard"));
47
47
 
48
48
  var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
49
49
 
@@ -97,7 +97,7 @@ function PurchasePage() {
97
97
  const [buttonInFix, setButtonInFix] = (0, _react.useState)(false);
98
98
  const [paymentType, setPaymentType] = (0, _react.useState)('crypto');
99
99
  const routerPrefix = (0, _router.usePrefix)();
100
- const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('sm'));
100
+ const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
101
101
  const userDid = query.get('userDid') || (0, _lodash.default)(session, 'user.did');
102
102
  const isEmbed = !!query.get('blocklet_meta_url');
103
103
  (0, _react.useEffect)(() => {
@@ -329,7 +329,7 @@ function PurchasePage() {
329
329
  const Container = _styledComponents.default.div.withConfig({
330
330
  displayName: "purchase__Container",
331
331
  componentId: "sc-1knmtel-0"
332
- })(["display:flex;flex-direction:column;width:100%;height:100%;.select-payment{display:flex;justify-content:center;align-items:center;padding-top:30px;}.select-plan{margin:48px auto 33px;", "{margin:30px auto;}&.small-select-plan-2{max-width:780px;}&.small-select-plan-0,&.small-select-plan-1{max-width:460px;}}.page-body{position:relative;flex:1;margin-top:0;}.page-body-article{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;}.selector-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:18px;}.button-container{display:flex;justify-content:center;align-items:center;padding-bottom:15px;padding-top:15px;> button{width:200px;}&.has-shadow{box-shadow:0px -1px 1px 0px rgba(168,180,197,0.12);}}.container-padding{padding-left:24px;padding-right:24px;}"], props => props.theme.breakpoints.down('sm'));
332
+ })(["display:flex;flex-direction:column;width:100%;height:100%;.select-payment{display:flex;justify-content:center;align-items:center;padding-top:30px;}.select-plan{margin:48px auto 33px;", "{margin:30px auto;}&.small-select-plan-2{max-width:780px;}&.small-select-plan-0,&.small-select-plan-1{max-width:460px;}}.page-body{position:relative;flex:1;margin-top:0;}.page-body-article{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;}.selector-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:18px;}.button-container{display:flex;justify-content:center;align-items:center;padding-bottom:15px;padding-top:15px;> button{width:200px;}&.has-shadow{box-shadow:0px -1px 1px 0px rgba(168,180,197,0.12);}}.container-padding{padding-left:24px;padding-right:24px;}"], props => props.theme.breakpoints.down('md'));
333
333
 
334
334
  const PaymentLabel = _styledComponents.default.div.withConfig({
335
335
  displayName: "purchase__PaymentLabel",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/launcher-workflow",
3
- "version": "1.6.20",
3
+ "version": "1.7.0",
4
4
  "description": "Purchase components for Launcher UI",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -34,18 +34,21 @@
34
34
  "url": "https://github.com/blocklet/launcher/issues"
35
35
  },
36
36
  "peerDependencies": {
37
- "react": ">=16.12.0"
37
+ "react": ">=18.1.0"
38
38
  },
39
39
  "dependencies": {
40
- "@arcblock/did-connect": "^1.17.19",
41
- "@arcblock/icons": "^1.17.19",
42
- "@arcblock/license": "^1.17.19",
43
- "@arcblock/ux": "^1.17.19",
44
- "@blocklet/launcher-constant": "1.6.20",
45
- "@blocklet/launcher-layout": "1.6.20",
46
- "@material-ui/core": "^4.12.3",
47
- "@material-ui/icons": "^4.11.2",
48
- "@material-ui/lab": "^4.0.0-alpha.60",
40
+ "@arcblock/did-connect": "^2.0.0",
41
+ "@arcblock/icons": "^2.0.0",
42
+ "@arcblock/license": "^2.0.0",
43
+ "@arcblock/ux": "^2.0.0",
44
+ "@blocklet/launcher-constant": "1.7.0",
45
+ "@blocklet/launcher-layout": "1.7.0",
46
+ "@emotion/react": "^11.9.0",
47
+ "@emotion/styled": "^11.8.1",
48
+ "@mui/icons-material": "^5.6.2",
49
+ "@mui/lab": "^5.0.0-alpha.81",
50
+ "@mui/material": "^5.6.4",
51
+ "@mui/styles": "^5.6.2",
49
52
  "@ocap/util": "^1.16.8",
50
53
  "@stripe/react-stripe-js": "^1.7.0",
51
54
  "@stripe/stripe-js": "^1.22.0",
@@ -70,5 +73,5 @@
70
73
  "babel-plugin-inline-react-svg": "^2.0.1",
71
74
  "babel-plugin-styled-components": "^1.10.7"
72
75
  },
73
- "gitHead": "0b6fd5b0f48663636699dde5a931f3f6eda1f0fa"
76
+ "gitHead": "52f5886a6130a4ac4111b5f7e86b828d8a39bf99"
74
77
  }