@blocklet/launcher-workflow 1.5.64 → 1.5.65

package/lib/components/instance-operation.js

@@ -187,7 +187,7 @@ function OperationPage(_ref) {
 const Content = _styledComponents.default.div.withConfig({
   displayName: "instance-operation__Content",
   componentId: "sc-1fcaixs-0"
-})(["margin:auto;height:100%;.link{color:#4f6af6;}.link:hover{text-decoration:underline !important;}.status{color:", ";display:flex;flex-direction:column;align-items:center;.status-spinner{color:inherit !important;}.status-text{display:inline-block;padding:0 20px;max-width:420px;margin-top:24px;text-align:center;}}.button{min-width:150px;margin-bottom:100px;}.center{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}"], props => props.theme.palette.primary.main);
+})(["margin:auto;height:100%;.link{color:", ";}.link:hover{text-decoration:underline !important;}.status{color:", ";display:flex;flex-direction:column;align-items:center;.status-spinner{color:inherit !important;}.status-text{display:inline-block;padding:0 20px;max-width:420px;margin-top:24px;text-align:center;}}.button{min-width:150px;margin-bottom:100px;}.center{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}"], props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);
 
 OperationPage.propTypes = {
   type: _propTypes.default.oneOf(['launch', 'start']),

package/lib/components/page-header.js

@@ -28,7 +28,7 @@ function PageHeader(_ref) {
 const Content = _styledComponents.default.div.withConfig({
   displayName: "page-header__Content",
   componentId: "sc-2cz88s-0"
-})(["width:100%;text-align:center;.title{font-size:24px;color:", ";}.sub-title{font-size:14px;color:", ";}"], props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
+})(["width:100%;text-align:center;.title{font-size:24px;font-weight:700;color:", ";}.sub-title{font-size:14px;color:", ";padding:0 14px;font-weight:400;}"], props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
 
 var _default = PageHeader;
 exports.default = _default;

package/lib/components/stripe/paying.js

@@ -83,4 +83,4 @@ Paying.propTypes = {
 const Content = _styledComponents.default.div.withConfig({
   displayName: "paying__Content",
   componentId: "sc-1n02bp2-0"
-})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;.status{margin-top:32px;}.status--succeed_icon{background-color:#3ab39d;display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:100%;color:#fff;}"]);
+})(["display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;.status{margin-top:32px;}.status--succeed_icon{background-color:#3ab39d;display:inline-flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:100%;color:", ";}"], props => props.theme.palette.common.white);

package/lib/purchase.js

@@ -27,6 +27,8 @@ var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect
 
 var _utils = require("@arcblock/did-connect/lib/utils");
 
+var _useMediaQuery = _interopRequireDefault(require("@material-ui/core/useMediaQuery"));
+
 var _compactLayout = _interopRequireDefault(require("@blocklet/launcher-layout/lib/compact-layout"));
 
 var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
@@ -90,6 +92,7 @@ function PurchasePage() {
   const [buttonInFix, setButtonInFix] = (0, _react.useState)(false);
   const [paymentType, setPaymentType] = (0, _react.useState)('crypto');
   const routerPrefix = (0, _router.usePrefix)();
+  const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('sm'));
   const userDid = query.get('userDid') || (0, _lodash.default)(session, 'user.did');
   const isEmbed = !!query.get('blocklet_meta_url');
   (0, _react.useEffect)(() => {
@@ -236,7 +239,6 @@ function PurchasePage() {
   const PayButton = () => /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: () => handlePay(paymentType),
     disabled: paying,
-    rounded: true,
     variant: "contained",
     color: "primary"
   }, paying && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
@@ -245,7 +247,6 @@ function PurchasePage() {
 
   const RedeemButton = () => /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: () => handleRedeem(),
-    rounded: true,
     variant: "outlined",
     color: "primary",
     style: {
@@ -267,7 +268,7 @@ function PurchasePage() {
     }
   };
 
-  return /*#__PURE__*/_react.default.createElement(Container, null, isEmbed && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
+  return /*#__PURE__*/_react.default.createElement(Container, null, isEmbed && !isMobile && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
     title: t('plan.title'),
     subTitle: t('plan.subTitle')
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -279,7 +280,7 @@ function PurchasePage() {
     bottom: plans.length ? /*#__PURE__*/_react.default.createElement("div", {
       className: "button-container container-padding ".concat(buttonInFix ? 'has-shadow' : '')
     }, /*#__PURE__*/_react.default.createElement(RedeemButton, null), /*#__PURE__*/_react.default.createElement(PayButton, null)) : ''
-  }, !isEmbed && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
+  }, (!isEmbed || isMobile) && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
     title: t('plan.title'),
     subTitle: t('plan.subTitle')
   }), plans.length ? /*#__PURE__*/_react.default.createElement("div", {
@@ -333,7 +334,7 @@ const Center = _styledComponents.default.div.withConfig({
 const Container = _styledComponents.default.div.withConfig({
   displayName: "purchase__Container",
   componentId: "sc-1knmtel-1"
-})(["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:rgba(0,0,0,0.05) 0 0 4px;}}.select-body-item{cursor:pointer;transition:background-color ease 0.2s,border ease 0.2s;}.selected{border-color:", ";cursor:default;}.container-padding{padding-left:24px;padding-right:24px;}"], props => props.theme.breakpoints.down('sm'), props => props.theme.palette.primary.main);
+})(["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);}}.select-body-item{cursor:pointer;transition:background-color ease 0.2s,border ease 0.2s;}.selected{border-color:", ";cursor:default;}.container-padding{padding-left:24px;padding-right:24px;}"], props => props.theme.breakpoints.down('sm'), props => props.theme.palette.primary.main);
 
 const PaymentLabel = _styledComponents.default.div.withConfig({
   displayName: "purchase__PaymentLabel",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.5.64",
+  "version": "1.5.65",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -37,15 +37,15 @@
     "react": ">=16.12.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^1.16.43",
-    "@arcblock/icons": "^1.16.43",
-    "@arcblock/ux": "^1.16.43",
-    "@blocklet/launcher-constant": "1.5.64",
-    "@blocklet/launcher-layout": "1.5.64",
+    "@arcblock/did-connect": "^1.16.49",
+    "@arcblock/icons": "^1.16.49",
+    "@arcblock/ux": "^1.16.49",
+    "@blocklet/launcher-constant": "1.5.65",
+    "@blocklet/launcher-layout": "1.5.65",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
-    "@ocap/util": "^1.14.25",
+    "@ocap/util": "^1.15.2",
     "@stripe/react-stripe-js": "^1.7.0",
     "@stripe/stripe-js": "^1.22.0",
     "@styled-icons/remix-fill": "^10.18.0",
@@ -67,5 +67,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "968fa143ec8a2e70dd27fdb5efecabbc2ad5e892"
+  "gitHead": "f0d418d80249fc4d18fe2fd8481bd64a1010d4f4"
 }