@blocklet/launcher-workflow 1.5.35 → 1.5.38

package/lib/locales/en.js

@@ -26,8 +26,8 @@ module.exports = {
         expired: 'Order has expired'
       }
     },
-    useCrypto: 'Use ABT',
-    useFiat: 'Use Credit Card',
+    useCrypto: 'Crypto',
+    useFiat: 'Credit Card',
     noPlan: 'No blocklet server available for purchase'
   },
   prepare: {

package/lib/locales/zh.js

@@ -26,7 +26,7 @@ module.exports = {
         expired: '订单已过期'
       }
     },
-    useCrypto: 'ABT 支付',
+    useCrypto: '数字货币支付',
     useFiat: '信用卡支付',
     noPlan: '没有可购买的节点类型'
   },

package/lib/purchase.js

@@ -33,6 +33,10 @@ var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
 
 var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
 
+var _CreditCard = _interopRequireDefault(require("@material-ui/icons/CreditCard"));
+
+var _Coins = require("@styled-icons/remix-fill/Coins");
+
 var _plan = _interopRequireDefault(require("./components/plan"));
 
 var _pageHeader = _interopRequireDefault(require("./components/page-header"));
@@ -89,10 +93,14 @@ function PurchasePage() {
 
   }, [paymentType, userDid]);
   const paymentTypes = [{
-    label: t('plan.useCrypto'),
+    label: /*#__PURE__*/_react.default.createElement(PaymentLabel, null, /*#__PURE__*/_react.default.createElement(CryptoIcon, {
+      className: "payment-icon"
+    }), t('plan.useCrypto')),
     value: 'crypto'
   }, {
-    label: t('plan.useFiat'),
+    label: /*#__PURE__*/_react.default.createElement(PaymentLabel, null, /*#__PURE__*/_react.default.createElement(_CreditCard.default, {
+      className: "payment-icon"
+    }), t('plan.useFiat')),
     value: 'fiat'
   }];
   const plansState = (0, _reactUse.useAsync)(async () => {
@@ -302,6 +310,16 @@ const Container = _styledComponents.default.div.withConfig({
   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;", "{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;padding:0 24px;margin-top:0;}.page-body-article{position:absolute;left:24px;top:0;width:calc(100% - 48px);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:16px;> button{width:200px;}}.select-body-item{cursor:pointer;transition:background-color ease 0.2s,border ease 0.2s;}@media screen and (max-width:600px){.page-body{padding:0 24px;}}.selected{border-color:", ";cursor:default;}"], props => props.theme.breakpoints.down('sm'), props => props.theme.palette.primary.main);
 
+const PaymentLabel = _styledComponents.default.div.withConfig({
+  displayName: "purchase__PaymentLabel",
+  componentId: "sc-1knmtel-2"
+})(["display:flex;justify-content:center;align-items:center;.payment-icon{margin-right:4px;}"]);
+
+const CryptoIcon = (0, _styledComponents.default)(_Coins.Coins).withConfig({
+  displayName: "purchase__CryptoIcon",
+  componentId: "sc-1knmtel-3"
+})(["font-size:14px;height:22px;"]);
+
 var _default = (0, _reactRouterDom.withRouter)(PurchasePage);
 
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.5.35",
+  "version": "1.5.38",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -37,15 +37,17 @@
     "react": ">=16.12.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^1.16.34",
-    "@arcblock/ux": "^1.16.34",
-    "@blocklet/launcher-layout": "1.5.35",
+    "@arcblock/did-connect": "^1.16.36",
+    "@arcblock/icons": "^1.16.36",
+    "@arcblock/ux": "^1.16.36",
+    "@blocklet/launcher-layout": "1.5.38",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@ocap/util": "^1.14.19",
     "@stripe/react-stripe-js": "^1.7.0",
     "@stripe/stripe-js": "^1.22.0",
+    "@styled-icons/remix-fill": "^10.18.0",
     "axios": "^0.26.0",
     "flat": "^5.0.2",
     "lodash.get": "^4.4.2",
@@ -64,5 +66,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "4f124ae14307e882ea05cd24f9ad32a5660620b3"
+  "gitHead": "50babb77afadc0032c8738573de8578018a958bd"
 }