@blocklet/launcher-workflow 1.7.36 → 1.7.39

package/lib/contexts/router.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RouterProvider = RouterProvider;
 exports.default = attachPrefix;
+exports.useDisabledBack = useDisabledBack;
 exports.usePrefix = usePrefix;
 
 var _react = _interopRequireWildcard(require("react"));
@@ -27,18 +28,24 @@ const {
 function RouterProvider(_ref) {
   let {
     prefix,
-    children
+    children,
+    disabledBack
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(Provider, {
     value: {
-      prefix
+      prefix,
+      disabledBack
     }
   }, children);
 }
 
 RouterProvider.propTypes = {
   prefix: _propTypes.default.string.isRequired,
-  children: _propTypes.default.any.isRequired
+  children: _propTypes.default.any.isRequired,
+  disabledBack: _propTypes.default.array
+};
+RouterProvider.defaultProps = {
+  disabledBack: []
 };
 
 function usePrefix() {
@@ -48,6 +55,13 @@ function usePrefix() {
   return prefix;
 }
 
+function useDisabledBack() {
+  const {
+    disabledBack
+  } = (0, _react.useContext)(RequestContext);
+  return disabledBack;
+}
+
 function attachPrefix(prefix, url) {
   return (0, _urlJoin.default)(prefix, url);
 }

package/lib/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _reactRouterDom = require("react-router-dom");
+
 var _content = _interopRequireDefault(require("@blocklet/launcher-layout/lib/content"));
 
 var _checkout = _interopRequireDefault(require("./components/stripe/checkout"));
@@ -46,7 +48,9 @@ function LaunchContent(_ref) {
   let {
     Route,
     routerPrefix,
-    locale
+    locale,
+    noMatchRedirect,
+    disabledBack
   } = _ref;
   const {
     changeLocale
@@ -54,29 +58,56 @@ function LaunchContent(_ref) {
   (0, _react.useEffect)(() => {
     changeLocale(locale);
   }, [locale]);
-  return /*#__PURE__*/_react.default.createElement(_content.default, null, /*#__PURE__*/_react.default.createElement(_router.RouterProvider, {
-    prefix: routerPrefix
-  }, /*#__PURE__*/_react.default.createElement(Route, {
-    exact: true,
+  const routers = [{
     path: "".concat(routerPrefix),
     component: PurchasePage
-  }), /*#__PURE__*/_react.default.createElement(Route, {
-    exact: true,
+  }, {
     path: (0, _router.default)(routerPrefix, '/prepare/:nftId'),
     component: PreparePage
-  }), /*#__PURE__*/_react.default.createElement(Route, {
-    exact: true,
+  }, {
     path: (0, _router.default)(routerPrefix, '/in-progress/:nftId'),
     component: LaunchPage
-  })));
+  }];
+
+  const redirectToRoot = () => {
+    const result = routers.some(_ref2 => {
+      let {
+        path
+      } = _ref2;
+      return (0, _reactRouterDom.matchPath)(window.location.pathname, {
+        path,
+        exact: true,
+        strict: true
+      });
+    });
+
+    if (!result) {
+      return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Redirect, {
+        path: "*",
+        to: "/"
+      });
+    }
+
+    return '';
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_content.default, null, /*#__PURE__*/_react.default.createElement(_router.RouterProvider, {
+    prefix: routerPrefix,
+    disabledBack: disabledBack
+  }, routers.map(e => /*#__PURE__*/_react.default.createElement(Route, {
+    exact: true,
+    path: e.path,
+    component: e.component,
+    key: e.path
+  })))), noMatchRedirect && redirectToRoot());
 }
 
-function Stripe(_ref2) {
+function Stripe(_ref3) {
   let {
     locale,
     baseURL
-  } = _ref2,
-      rest = _objectWithoutProperties(_ref2, _excluded);
+  } = _ref3,
+      rest = _objectWithoutProperties(_ref3, _excluded);
 
   return /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
     translations: _locales.translations,
@@ -95,13 +126,15 @@ Stripe.defaultProps = {
   baseURL: '/'
 };
 
-function Launcher(_ref3) {
+function Launcher(_ref4) {
   let {
     Route,
     routerPrefix,
     locale,
-    baseURL
-  } = _ref3;
+    baseURL,
+    noMatchRedirect,
+    disabledBack
+  } = _ref4;
   return /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
     translations: _locales.translations,
     locale: locale
@@ -110,7 +143,9 @@ function Launcher(_ref3) {
   }, /*#__PURE__*/_react.default.createElement(LaunchContent, {
     Route: Route,
     routerPrefix: routerPrefix,
-    locale: locale
+    locale: locale,
+    noMatchRedirect: noMatchRedirect,
+    disabledBack: disabledBack
   })));
 }
 
@@ -118,19 +153,23 @@ Launcher.propTypes = {
   Route: _propTypes.default.any.isRequired,
   routerPrefix: _propTypes.default.string,
   locale: _propTypes.default.string,
-  baseURL: _propTypes.default.string
+  baseURL: _propTypes.default.string,
+  noMatchRedirect: _propTypes.default.bool,
+  disabledBack: _propTypes.default.array
 };
 Launcher.defaultProps = {
   routerPrefix: '/',
   locale: 'en',
-  baseURL: '/'
+  baseURL: '/',
+  noMatchRedirect: false,
+  disabledBack: []
 };
 
-function PaymentType(_ref4) {
+function PaymentType(_ref5) {
   let {
     locale
-  } = _ref4,
-      props = _objectWithoutProperties(_ref4, _excluded2);
+  } = _ref5,
+      props = _objectWithoutProperties(_ref5, _excluded2);
 
   return /*#__PURE__*/_react.default.createElement(_locale.LocaleProvider, {
     translations: _locales.translations,

package/lib/prepare.js

@@ -66,6 +66,7 @@ function PreparePage() {
     description: ''
   });
   const routerPrefix = (0, _router.usePrefix)();
+  const disabledBack = (0, _router.useDisabledBack)();
   const [launching, setLaunching] = (0, _react.useState)(false);
   const [showLaunchInstanceDialog, setShowLaunchInstanceDialog] = (0, _react.useState)(false);
   const {
@@ -190,7 +191,7 @@ function PreparePage() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
     title: t("".concat(headerScope, ".title")),
     subTitle: t("".concat(headerScope, ".subTitle")),
-    onClickBack: headerScope === 'redeem' ? clickBack : ''
+    onClickBack: headerScope === 'redeem' && !disabledBack.includes('prepare') ? clickBack : ''
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "page-body"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/purchase.js

@@ -82,6 +82,7 @@ function PurchasePage() {
   } = (0, _request.default)();
   const query = (0, _query.default)();
   const history = (0, _reactRouterDom.useHistory)();
+  const disabledBack = (0, _router.useDisabledBack)();
   const [plan, setPlan] = (0, _react.useState)(null);
   const {
     session
@@ -281,7 +282,7 @@ function PurchasePage() {
     }, isEmbed && !isMobile && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
       title: t('plan.title'),
       subTitle: t('plan.subTitle'),
-      onClickBack: clickBack
+      onClickBack: disabledBack.includes('purchase') ? '' : clickBack
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "page-body body"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -294,7 +295,7 @@ function PurchasePage() {
     }, (!isEmbed || isMobile) && /*#__PURE__*/_react.default.createElement(_pageHeader.default, {
       title: t('plan.title'),
       subTitle: t('plan.subTitle'),
-      onClickBack: clickBack
+      onClickBack: disabledBack.includes('purchase') ? '' : clickBack
     }), plans.length ? /*#__PURE__*/_react.default.createElement("div", {
       className: "select-payment"
     }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.7.36",
+  "version": "1.7.39",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -37,12 +37,12 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.1.40",
-    "@arcblock/icons": "^2.1.40",
-    "@arcblock/license": "^2.1.40",
-    "@arcblock/ux": "^2.1.40",
-    "@blocklet/launcher-layout": "1.7.36",
-    "@blocklet/launcher-util": "1.7.36",
+    "@arcblock/did-connect": "^2.1.42",
+    "@arcblock/icons": "^2.1.42",
+    "@arcblock/license": "^2.1.42",
+    "@arcblock/ux": "^2.1.42",
+    "@blocklet/launcher-layout": "1.7.39",
+    "@blocklet/launcher-util": "1.7.39",
     "@emotion/react": "^11.9.0",
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.6.2",
@@ -73,5 +73,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "dfb5d36de3c02768732a3519ac9dbff3b5b97d75"
+  "gitHead": "14b84b43a0aa2b95cf5b3dec8d4c4f6737d351e5"
 }