@blocklet/launcher-ux 2.3.138 → 2.4.0

package/es/button/index.js

@@ -3,8 +3,8 @@ import Button from '@arcblock/ux/lib/Button';
 import CircularProgress from '@mui/material/CircularProgress';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function WrappedButton({
-  children,
-  loading,
+  children = '',
+  loading = false,
   ...props
 }) {
   return /*#__PURE__*/_jsxs(Button, {
@@ -23,8 +23,4 @@ export default function WrappedButton({
 WrappedButton.propTypes = {
   children: PropTypes.any,
   loading: PropTypes.bool
-};
-WrappedButton.defaultProps = {
-  children: '',
-  loading: false
 };

package/es/check-box/index.js

@@ -4,9 +4,9 @@ import CheckIcon from '@mui/icons-material/Check';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function CheckBox({
   children,
-  checked,
-  checkIconSize,
-  className,
+  checked = false,
+  checkIconSize = 30,
+  className = '',
   ...rest
 }) {
   return /*#__PURE__*/_jsxs(Content, {
@@ -27,11 +27,6 @@ CheckBox.propTypes = {
   checked: PropTypes.bool,
   className: PropTypes.string
 };
-CheckBox.defaultProps = {
-  checked: false,
-  checkIconSize: 30,
-  className: ''
-};
 const Content = styled.div`
   position: relative;
   padding: 10px;

package/es/hot-key/submit.js

@@ -7,7 +7,7 @@ import PropTypes from 'prop-types';
  * which may not be consistent with the actual business logic.
  */
 export default function SubmitHotKey({
-  disabled,
+  disabled = false,
   children,
   onConfirm
 }) {
@@ -33,7 +33,4 @@ SubmitHotKey.propTypes = {
   disabled: PropTypes.bool,
   children: PropTypes.any.isRequired,
   onConfirm: PropTypes.func.isRequired
-};
-SubmitHotKey.defaultProps = {
-  disabled: false
 };

package/es/payment/checkout/on-demand.js

@@ -46,10 +46,10 @@ export default function CheckoutOnDemand({
   session,
   t,
   locale,
-  freeTrialProducts,
+  freeTrialProducts = [],
   minStakeAmount,
-  isResume,
-  blockletMeta
+  isResume = false,
+  blockletMeta = {}
 }) {
   return /*#__PURE__*/_jsx(Box, {
     sx: {
@@ -92,32 +92,26 @@ const propTypes = {
   isResume: PropTypes.bool,
   blockletMeta: PropTypes.object
 };
-CheckoutOnDemand.defaultProps = {
-  freeTrialProducts: [],
-  isResume: false,
-  blockletMeta: {}
-};
 CheckoutOnDemand.propTypes = {
   ...propTypes,
   connectApi: PropTypes.func.isRequired,
   session: PropTypes.object.isRequired
 };
 Component.propTypes = propTypes;
-Component.defaultProps = CheckoutOnDemand.defaultProps;
 function Component({
   launchSessionId,
   handlePaid,
   components: tempComponents,
   blockletStoreURL,
   api,
-  checkoutPath,
-  checkoutSession,
+  checkoutPath = '',
+  checkoutSession = null,
   t,
   locale,
-  freeTrialProducts,
+  freeTrialProducts = [],
   minStakeAmount,
-  isResume,
-  blockletMeta
+  isResume = false,
+  blockletMeta = {}
 }) {
   const {
     isMobile
@@ -296,8 +290,8 @@ function Component({
   });
   return /*#__PURE__*/_jsx(Stack, {
     direction: "column",
-    gap: 2,
     sx: {
+      gap: 2,
       width: '100%',
       height: '100%'
     },
@@ -319,11 +313,15 @@ function Component({
           flex: '1'
         },
         children: [/*#__PURE__*/_jsxs(Stack, {
-          gap: 1,
+          sx: {
+            gap: 1
+          },
           children: [/*#__PURE__*/_jsxs(Stack, {
             direction: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
+            sx: {
+              justifyContent: 'space-between',
+              alignItems: 'center'
+            },
             children: [/*#__PURE__*/_jsxs(Box, {
               sx: {
                 display: 'flex',

package/es/progress-message/index.js

@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function ProgressMessage({
   steps,
   stepIndex,
-  autoGrowth,
+  autoGrowth = 0,
   ...rest
 }) {
   const [value, setVal] = useState(0);
@@ -78,9 +78,6 @@ ProgressMessage.propTypes = {
   stepIndex: PropTypes.number.isRequired,
   autoGrowth: PropTypes.number
 };
-ProgressMessage.defaultProps = {
-  autoGrowth: 0
-};
 const Container = styled.div`
   display: flex;
   width: 100%;

package/es/small-circle-progress/index.js

@@ -4,8 +4,8 @@ import CircularProgress from '@mui/material/CircularProgress';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function SmallCircleProgress({
   value,
-  size,
-  style,
+  size = 10,
+  style = {},
   ...rest
 }) {
   return /*#__PURE__*/_jsxs(Content, {
@@ -40,10 +40,6 @@ SmallCircleProgress.propTypes = {
   size: PropTypes.number,
   style: PropTypes.object
 };
-SmallCircleProgress.defaultProps = {
-  size: 10,
-  style: {}
-};
 const Content = styled.span`
   display: inline-block;
   position: relative;

package/lib/button/index.js

@@ -19,8 +19,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function WrappedButton(_ref) {
   let {
-      children,
-      loading
+      children = '',
+      loading = false
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, _objectSpread(_objectSpread({
@@ -39,8 +39,4 @@ function WrappedButton(_ref) {
 WrappedButton.propTypes = {
   children: _propTypes.default.any,
   loading: _propTypes.default.bool
-};
-WrappedButton.defaultProps = {
-  children: '',
-  loading: false
 };

package/lib/check-box/index.js

@@ -22,9 +22,9 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function CheckBox(_ref) {
   let {
       children,
-      checked,
-      checkIconSize,
-      className
+      checked = false,
+      checkIconSize = 30,
+      className = ''
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({
@@ -45,9 +45,4 @@ CheckBox.propTypes = {
   checked: _propTypes.default.bool,
   className: _propTypes.default.string
 };
-CheckBox.defaultProps = {
-  checked: false,
-  checkIconSize: 30,
-  className: ''
-};
 const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  padding: 10px;\n  border: 0 solid ", ";\n  border-radius: 8px;\n  transition: all ease 0.2s;\n  cursor: pointer;\n\n  .check-container {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: ", "px;\n    height: ", "px;\n    border-radius: 0 0 7px 0;\n    color: ", ";\n    overflow: hidden;\n    transition: all ease 0.3s;\n    &:after {\n      position: absolute;\n      z-index: 0;\n      left: ", "px;\n      top: ", "px;\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: transparent solid ", "px;\n      border-left: transparent solid ", "px;\n      border-bottom: ", " solid ", "px;\n      border-right: ", " solid ", "px;\n      transition: all ease 0.1s;\n      content: '';\n    }\n\n    .check-icon {\n      width: 60%;\n      height: 60%;\n      position: relative;\n      z-index: 2;\n      margin: 0 1px 1px 0;\n      font-size: 16px;\n      transform: scale(0);\n      transition: all ease 0.2s;\n    }\n  }\n\n  &.checked {\n    background-color: #ecfbfd;\n    border-color: #ecfbfd;\n\n    .check-container {\n      &:after {\n        left: 0;\n        top: 0;\n      }\n\n      .check-icon {\n        transform: scale(1);\n      }\n    }\n  }\n"])), props => props.theme.palette.grey['100'], props => props.checkIconSize, props => props.checkIconSize, props => props.theme.palette.common.white, props => props.checkIconSize, props => props.checkIconSize, props => props.checkIconSize / 2, props => props.checkIconSize / 2, props => props.theme.palette.primary.main, props => props.checkIconSize / 2, props => props.theme.palette.primary.main, props => props.checkIconSize / 2);

package/lib/hot-key/submit.js

@@ -14,7 +14,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  */
 function SubmitHotKey(_ref) {
   let {
-    disabled,
+    disabled = false,
     children,
     onConfirm
   } = _ref;
@@ -40,7 +40,4 @@ SubmitHotKey.propTypes = {
   disabled: _propTypes.default.bool,
   children: _propTypes.default.any.isRequired,
   onConfirm: _propTypes.default.func.isRequired
-};
-SubmitHotKey.defaultProps = {
-  disabled: false
 };

package/lib/payment/checkout/on-demand.js

@@ -63,10 +63,10 @@ function CheckoutOnDemand(_ref2) {
     session,
     t,
     locale,
-    freeTrialProducts,
+    freeTrialProducts = [],
     minStakeAmount,
-    isResume,
-    blockletMeta
+    isResume = false,
+    blockletMeta = {}
   } = _ref2;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
     sx: {
@@ -109,17 +109,11 @@ const propTypes = {
   isResume: _propTypes.default.bool,
   blockletMeta: _propTypes.default.object
 };
-CheckoutOnDemand.defaultProps = {
-  freeTrialProducts: [],
-  isResume: false,
-  blockletMeta: {}
-};
 CheckoutOnDemand.propTypes = _objectSpread(_objectSpread({}, propTypes), {}, {
   connectApi: _propTypes.default.func.isRequired,
   session: _propTypes.default.object.isRequired
 });
 Component.propTypes = propTypes;
-Component.defaultProps = CheckoutOnDemand.defaultProps;
 function Component(_ref3) {
   var _state$currency;
   let {
@@ -128,14 +122,14 @@ function Component(_ref3) {
     components: tempComponents,
     blockletStoreURL,
     api,
-    checkoutPath,
-    checkoutSession,
+    checkoutPath = '',
+    checkoutSession = null,
     t,
     locale,
-    freeTrialProducts,
+    freeTrialProducts = [],
     minStakeAmount,
-    isResume,
-    blockletMeta
+    isResume = false,
+    blockletMeta = {}
   } = _ref3;
   const {
     isMobile
@@ -317,8 +311,8 @@ function Component(_ref3) {
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
     direction: "column",
-    gap: 2,
     sx: {
+      gap: 2,
       width: '100%',
       height: '100%'
     },
@@ -340,11 +334,15 @@ function Component(_ref3) {
           flex: '1'
         },
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
-          gap: 1,
+          sx: {
+            gap: 1
+          },
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
             direction: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
+            sx: {
+              justifyContent: 'space-between',
+              alignItems: 'center'
+            },
             children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
               sx: {
                 display: 'flex',

package/lib/progress-message/index.js

@@ -24,7 +24,7 @@ function ProgressMessage(_ref) {
   let {
       steps,
       stepIndex,
-      autoGrowth
+      autoGrowth = 0
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const [value, setVal] = (0, _react.useState)(0);
@@ -93,7 +93,4 @@ ProgressMessage.propTypes = {
   stepIndex: _propTypes.default.number.isRequired,
   autoGrowth: _propTypes.default.number
 };
-ProgressMessage.defaultProps = {
-  autoGrowth: 0
-};
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  .progress-message {\n    position: relative;\n    color: ", ";\n    margin-left: 8px;\n    font-size: 18px;\n    min-height: 26px;\n    line-height: 26px;\n    font-weight: 700;\n    transition: all ease 0.3s;\n  }\n  .progress-message-item {\n    position: absolute;\n    left: 0;\n    top: 0;\n    white-space: nowrap;\n    transition: all ease 0.3s;\n    z-index: 2;\n    &.message-before {\n      transform: translate(-10px, 0);\n      opacity: 0;\n      z-index: 0;\n      pointer-events: none;\n    }\n    &.message-after {\n      transform: translate(10px, 0);\n      opacity: 0;\n      z-index: 0;\n      pointer-events: none;\n    }\n  }\n"])), props => props.theme.palette.primary.main);

package/lib/small-circle-progress/index.js

@@ -22,8 +22,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function SmallCircleProgress(_ref) {
   let {
       value,
-      size,
-      style
+      size = 10,
+      style = {}
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({
@@ -57,8 +57,4 @@ SmallCircleProgress.propTypes = {
   size: _propTypes.default.number,
   style: _propTypes.default.object
 };
-SmallCircleProgress.defaultProps = {
-  size: 10,
-  style: {}
-};
 const Content = _styled.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n  > * {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n  }\n"])));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-ux",
-  "version": "2.3.138",
+  "version": "2.4.0",
   "description": "Launcher UX lib",
   "publishConfig": {
     "access": "public"
@@ -41,26 +41,26 @@
   },
   "peerDependencies": {
     "prop-types": "^15.8.1",
-    "react": ">=18.1.0"
+    "react": ">=19.1.0"
   },
   "devDependencies": {
     "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.4",
+    "@babel/core": "^7.27.7",
     "@babel/preset-env": "^7.27.2",
     "@babel/preset-react": "^7.27.1",
     "@storybook/react": "^7.6.20",
     "babel-plugin-inline-react-svg": "^2.0.2",
-    "concurrently": "^9.1.2",
+    "concurrently": "^9.2.0",
     "glob": "^10.4.5"
   },
   "dependencies": {
-    "@arcblock/ux": "^2.13.65",
-    "@blocklet/launcher-util": "2.3.138",
-    "@blocklet/payment-react": "^1.18.54",
-    "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^5.17.1",
-    "@mui/material": "^5.17.1",
-    "ahooks": "^3.8.5",
+    "@arcblock/ux": "^3.0.8",
+    "@blocklet/launcher-util": "2.4.0",
+    "@blocklet/payment-react": "^1.19.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.2.0",
+    "@mui/material": "^7.2.0",
+    "ahooks": "^3.9.0",
     "pretty-ms-i18n": "^1.0.3",
     "react-use": "^17.6.0"
   },
@@ -94,5 +94,5 @@
       "require": "./lib/use-mobile/index.js"
     }
   },
-  "gitHead": "7e5774213062758a48023e30ddbe92cd4de1faa1"
+  "gitHead": "e66df918847edbe28af223d6f6bfb42b1d2a4699"
 }