@blocklet/launcher-workflow 1.9.64 → 2.0.0

package/lib/purchase.js

@@ -7,238 +7,196 @@ exports.default = void 0;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _reactRouterDom = require("react-router-dom");
-var _lodash = _interopRequireDefault(require("lodash.get"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _jsCookie = _interopRequireDefault(require("js-cookie"));
+var _useAsync = _interopRequireDefault(require("react-use/lib/useAsync"));
+var _reactMaterialUiCarousel = _interopRequireDefault(require("react-material-ui-carousel"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
-var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-var _compactLayout = _interopRequireDefault(require("@blocklet/launcher-layout/lib/compact-layout"));
-var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
-var _constant = require("@blocklet/launcher-util/lib/constant");
-var _submit = _interopRequireDefault(require("@blocklet/launcher-ux/lib/hot-key/submit"));
-var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-var _Dialog = require("@arcblock/ux/lib/Dialog");
-var _payment = _interopRequireDefault(require("@did-pay/react/lib/payment"));
-var _list = _interopRequireDefault(require("@did-pay/react/lib/payment-method/list"));
-var _list2 = _interopRequireDefault(require("@did-pay/react/lib/plan/list"));
-var _query = _interopRequireDefault(require("./hooks/query"));
+var _useMobile = _interopRequireDefault(require("@blocklet/launcher-ux/lib/use-mobile"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _body = _interopRequireDefault(require("./components/layout/body"));
+var _plan = _interopRequireDefault(require("./components/plan"));
+var _layout = _interopRequireDefault(require("./components/layout"));
+var _header = _interopRequireDefault(require("./components/layout/header"));
+var _footer = _interopRequireDefault(require("./components/layout/footer"));
 var _locale = require("./contexts/locale");
-var _session = require("./contexts/session");
-var _router = _interopRequireWildcard(require("./contexts/router"));
-var _util = require("./util");
+var _request = _interopRequireDefault(require("./contexts/request"));
+var _workflow = require("./contexts/workflow");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function PurchasePage(_ref) {
-  var _session$user;
+  var _planState$value;
   let {
-    baseURL
+    disableBack
   } = _ref;
-  const query = (0, _query.default)();
-  const navigate = (0, _reactRouterDom.useNavigate)();
-  const disabledBack = (0, _router.useDisabledBack)();
-  const [plan, setPlan] = (0, _react.useState)(null);
-  const {
-    session
-  } = (0, _session.useSessionContext)();
   const {
-    t,
-    locale
+    t
   } = (0, _locale.useLocaleContext)();
-  const [paying, setPaying] = (0, _react.useState)(false);
-  const [buttonInFix, setButtonInFix] = (0, _react.useState)(false);
-  const [paymentMethod, setPaymentMethod] = (0, _react.useState)(null);
-  const routerPrefix = (0, _router.usePrefix)();
-  const [planLoaded, setPlanLoaded] = (0, _react.useState)(false);
-  const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
-  const [searchParams] = (0, _reactRouterDom.useSearchParams)();
-  const [openDialog, setOpenDialog] = (0, _react.useState)(false);
-  const userDid = query.get('userDid') || (0, _lodash.default)(session, 'user.did');
-  const isEmbed = !!query.get('blocklet_meta_url');
-  const handlePaid = async (_ref2, decrypt) => {
-    let {
-      nftId,
-      launchToken
-    } = _ref2;
-    if (launchToken) {
-      _jsCookie.default.set('launch-token', decrypt(launchToken));
-    }
-    if (nftId !== _constant.REDEEM_NFT_ID) {
-      const nftState = await (0, _util.getAsset)(window.blocklet.CHAIN_HOST, nftId);
-      if ((nftState.tags || []).includes(_constant.NFT_TYPE_SERVERLESS)) {
-        if (!isEmbed) {
-          setOpenDialog(true);
-          setPaying(false);
-          return;
-        }
-        searchParams.set('launchType', 'serverless');
-      }
+  const {
+    create
+  } = (0, _request.default)();
+  const {
+    isMobile
+  } = (0, _useMobile.default)();
+  const {
+    search
+  } = (0, _reactRouterDom.useLocation)();
+  const [selectedPlanId, setSelectedPlanId] = (0, _react.useState)();
+  const {
+    routerPrefix,
+    embed,
+    didPayPrefix
+  } = (0, _workflow.useWorkflowContext)();
+  const api = create({
+    baseURL: didPayPrefix
+  });
+  const planState = (0, _useAsync.default)(async () => {
+    const {
+      data
+    } = await api.get('/plans');
+    const plans = (data || []).sort((itemX, itemY) => itemX.weight - itemY.weight);
+    if (plans.length > 0) {
+      setSelectedPlanId(plans[0]._id);
     }
-    navigate({
-      pathname: (0, _router.default)(routerPrefix, "/prepare/".concat(nftId)),
-      search: searchParams.toString()
-    });
-    setPaying(false);
+    return plans;
+  });
+  const handleSelect = planId => {
+    setSelectedPlanId(planId);
   };
-  const getPurchaseParams = () => {
-    const obj = {
-      productId: plan ? plan._id : null,
-      userDid
-    };
-    const params = {};
-    Object.keys(obj).forEach(key => {
-      if (obj[key] !== undefined && obj[key] !== null) {
-        params[key] = obj[key];
+  const carouselProps = {
+    autoPlay: false,
+    animation: 'slide',
+    swipe: true,
+    index: 0,
+    indicators: true,
+    fullHeightHover: true,
+    cycleNavigation: false,
+    navButtonsWrapperProps: {
+      className: 'nav-buttons-wrapper'
+    },
+    navButtonsProps: {
+      style: {
+        margin: '0 0'
       }
-    });
-    return params;
-  };
-  const handleCancelPay = () => {
-    setPaying(false);
-  };
-  const pay = () => {
-    const params = getPurchaseParams();
-    if (!params.productId) {
-      return;
+    },
+    onChange: index => {
+      if (index < 0 || index > planState.value.length - 1) {
+        return;
+      }
+      handleSelect(planState.value[index]._id);
     }
-    setPaying(true);
   };
-  const handlePay = () => {
-    if (!userDid) {
-      session.login(() => pay());
-      return;
+  const params = new URLSearchParams(search);
+  params.set('planId', selectedPlanId);
+  const productFeatures = [];
+  if (!planState.loading && ((_planState$value = planState.value) === null || _planState$value === void 0 ? void 0 : _planState$value.length) > 0) {
+    // TODO: Pricing Table: 临时做法
+    try {
+      const {
+        features
+      } = planState.value[0];
+      if (features && features.length > 0) {
+        const temp = JSON.parse(features[0].en);
+        temp.forEach(item => {
+          productFeatures.push({
+            _id: item.featureId,
+            name: item.name,
+            type: item.type
+          });
+        });
+      }
+    } catch (error) {
+      console.error('parse product feature failed:', error);
     }
-    pay();
-  };
-  const handleRedeem = () => {
-    handlePaid({
-      nftId: _constant.REDEEM_NFT_ID
-    });
-  };
-  const handlePayFailed = () => {
-    setImmediate(() => {
-      _Toast.default.error(t('common.payFailed'));
-      setPaying(false);
-    });
-  };
-  const clickBack = () => {
-    navigate(-1);
-  };
-  const handlePaymentMethodsLoaded = method => {
-    setPaymentMethod(method);
-  };
-  const handleSelectPaymenMethod = method => {
-    setPlanLoaded(false);
-    setPaymentMethod(method);
-  };
-  return (
-    /*#__PURE__*/
-    // layout-fix-container for compatibility with lower versions of safari, do not remove this className
-    (0, _jsxRuntime.jsxs)(Container, {
-      className: "layout-fix-container",
-      children: [isEmbed && !isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
-        title: t('plan.title'),
-        subTitle: t('plan.subTitle'),
-        onClickBack: disabledBack.includes('purchase') ? '' : clickBack
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "page-body body",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "page-body-article",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_submit.default, {
-            disabled: paying,
-            onConfirm: handlePay,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_compactLayout.default, {
-              onBottomFix: type => setButtonInFix(type === 'fix'),
-              bottom: planLoaded ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: "button-container container-padding ".concat(buttonInFix ? 'has-shadow' : ''),
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-                  onClick: () => handleRedeem(),
-                  variant: "outlined",
-                  color: "primary",
-                  style: {
-                    marginRight: '24px'
-                  },
-                  children: t('common.redeem')
-                }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
-                  onClick: handlePay,
-                  disabled: paying,
-                  variant: "contained",
-                  color: "primary",
-                  children: [paying && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-                    size: 14
-                  }), paying ? t('common.paying') : t('common.purchase')]
-                })]
-              }) : '',
-              children: [(!isEmbed || isMobile) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_pageHeader.default, {
-                title: t('plan.title'),
-                subTitle: t('plan.subTitle'),
-                onClickBack: disabledBack.includes('purchase') ? '' : clickBack
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: "select-payment",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, {
-                  locale: locale,
-                  baseURL: baseURL,
-                  onChange: handleSelectPaymenMethod,
-                  onLoaded: handlePaymentMethodsLoaded
-                })
-              }), paymentMethod && /*#__PURE__*/(0, _jsxRuntime.jsx)(_list2.default, {
-                locale: locale,
-                baseURL: baseURL,
-                paymentMethod: paymentMethod,
-                onSelect: v => setPlan(v),
-                onLoaded: () => setPlanLoaded(true)
-              })]
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
+    embed: embed,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
+      title: t('purchase.pageTitle'),
+      disableBack: disableBack
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_body.default, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "plan-list",
+        children: planState.loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [isMobile && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMaterialUiCarousel.default, _objectSpread(_objectSpread({
+            className: "carousel"
+          }, carouselProps), {}, {
+            children: (planState.value || []).map((plan, index) => {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)(_plan.default, {
+                style: {
+                  width: '100%'
+                },
+                recommend: index === 0,
+                checked: plan._id === selectedPlanId,
+                plan: plan,
+                onClick: () => handleSelect(plan._id)
+              }, plan._id);
             })
-          })
+          })), !isMobile && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Grid.default, {
+            container: true,
+            spacing: 2,
+            justifyContent: "space-between",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+              item: true,
+              xs: 12,
+              sm: 12,
+              md: 4,
+              lg: 4,
+              xl: 3,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_plan.default, {
+                toc: true,
+                productFeatures: productFeatures
+              })
+            }, "toc"), (planState.value || []).map((plan, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Grid.default, {
+              item: true,
+              xs: 12,
+              sm: 12,
+              md: 4,
+              lg: 4,
+              xl: 3,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_plan.default, {
+                recommend: index === 0,
+                checked: plan._id === selectedPlanId,
+                plan: plan,
+                onClick: () => handleSelect(plan._id)
+              })
+            }, plan._id))]
+          })]
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Confirm, {
-        open: openDialog,
-        disableEscapeKeyDown: true,
-        title: t('purchase.serverlessDialog.title'),
-        confirmButton: {
-          text: t('purchase.serverlessDialog.redirectToStoreButton'),
-          props: {
-            variant: 'contained',
-            color: 'secondary'
-          }
-        },
-        PaperProps: {
-          style: {
-            maxWidth: 1200,
-            minWidth: isMobile ? undefined : 600
-          }
-        },
-        onCancel: () => setOpenDialog(false),
-        showCancelButton: false,
-        onConfirm: () => {
-          window.location = _util.BLOCKLET_STORE_URL;
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          children: t('purchase.serverlessDialog.purchaseServerlessSuccess')
-        })
-      }), paying && /*#__PURE__*/(0, _jsxRuntime.jsx)(_payment.default, {
-        baseURL: (0, _urlJoin.default)(window.location.origin, baseURL),
-        method: paymentMethod,
-        userDid: session === null || session === void 0 ? void 0 : (_session$user = session.user) === null || _session$user === void 0 ? void 0 : _session$user.did,
-        productId: plan._id,
-        onComplete: handlePaid,
-        onFailed: handlePayFailed,
-        onCancel: handleCancelPay
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_footer.default, {
+        className: "footer",
+        children: [embed && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "select-space",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+            to: (0, _urlJoin.default)(routerPrefix, "/select".concat(window.location.search)),
+            children: t('purchase.selectSpaceHint')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          component: _reactRouterDom.Link,
+          disabled: planState.loading || !selectedPlanId,
+          to: (0, _urlJoin.default)(routerPrefix, "/checkout?".concat(params.toString())),
+          className: "button-next",
+          variant: "contained",
+          children: t('common.next')
+        })]
       })]
-    })
-  );
+    })]
+  });
 }
-const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  .select-payment {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-top: 30px;\n  }\n\n  .page-body {\n    position: relative;\n    flex: 1;\n    margin-top: 0;\n  }\n  .page-body-article {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    overflow-y: auto;\n  }\n\n  .button-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-bottom: 15px;\n    padding-top: 15px;\n    > button {\n      width: 200px;\n    }\n    &.has-shadow {\n      box-shadow: 0px -1px 1px 0px rgba(168, 180, 197, 0.12);\n    }\n  }\n  .container-padding {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n"])));
+const Container = (0, _styled.default)(_layout.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .carousel {\n    width: 100%;\n  }\n\n  .plan-list {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 20px;\n  }\n\n  .footer {\n    display: flex;\n    justify-content: ", ";\n    align-item: center;\n    margin-top: auto;\n\n    @media (max-width: ", "px) {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .select-space {\n      a {\n        color: #000;\n      }\n    }\n\n    .button-next {\n      width: 200px;\n\n      @media (max-width: ", "px) {\n        width: 100%;\n        margin-top: 20px;\n      }\n    }\n  }\n"])), props => props.embed ? 'space-between' : 'flex-end', props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.values.sm);
 PurchasePage.propTypes = {
-  baseURL: _propTypes.default.string
+  disableBack: _propTypes.default.bool
 };
 PurchasePage.defaultProps = {
-  baseURL: '/'
+  disableBack: false
 };
 var _default = PurchasePage;
 exports.default = _default;

package/lib/util.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getAsset = exports.getAPIResponseError = exports.BLOCKLET_STORE_URL = void 0;
 exports.getBlockletMetaUrl = getBlockletMetaUrl;
-exports.loadURL = exports.getLaunchBlockletUrl = void 0;
+exports.loadURL = exports.getPrice = exports.getLaunchBlockletUrl = void 0;
 var _urlJoin = _interopRequireDefault(require("url-join"));
 var _lodash = _interopRequireDefault(require("lodash.get"));
 var _axios = _interopRequireDefault(require("axios"));
@@ -85,4 +85,20 @@ const getAsset = async (chainHost, address) => {
   }
   return state;
 };
-exports.getAsset = getAsset;
+exports.getAsset = getAsset;
+const formatOcapPrice = price => "".concat(price.value, " ").concat(price.paymentMethod.currency.symbol);
+const formatStripePrice = price => "".concat(price.paymentMethod.currency.symbol || price.unit).concat(price.value);
+const formatPrice = (price, providerName) => {
+  if (providerName === 'ocap') {
+    return formatOcapPrice(price);
+  }
+  return formatStripePrice(price);
+};
+const getPrice = (prices, providerName) => {
+  const price = prices.find(p => p.paymentMethod.provider.name === providerName);
+  if (!price) {
+    return '';
+  }
+  return formatPrice(price, providerName);
+};
+exports.getPrice = getPrice;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.9.64",
+  "version": "2.0.0",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -40,9 +40,9 @@
     "@arcblock/icons": "^2.4.68",
     "@arcblock/license": "^2.4.68",
     "@arcblock/ux": "^2.4.68",
-    "@blocklet/launcher-layout": "1.9.64",
-    "@blocklet/launcher-util": "1.9.64",
-    "@blocklet/launcher-ux": "1.9.64",
+    "@blocklet/launcher-layout": "2.0.0",
+    "@blocklet/launcher-util": "2.0.0",
+    "@blocklet/launcher-ux": "2.0.0",
     "@did-pay/react": "^1.9.38",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
@@ -58,6 +58,7 @@
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.8.1",
     "react-lottie-player": "^1.5.4",
+    "react-material-ui-carousel": "^3.4.2",
     "react-router-dom": "^6.8.1",
     "react-use": "^17.4.0",
     "url-join": "^4.0.1"
@@ -69,5 +70,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^2.0.1"
   },
-  "gitHead": "df770b83c7ef03abdf29dcde2339ce48417b8718"
+  "gitHead": "d55d16c2830ccaea07e9dd5cc81e55bffa6f597d"
 }

package/lib/api.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useRequest;
-var _axios = _interopRequireDefault(require("axios"));
-var _lodash = _interopRequireDefault(require("lodash.get"));
-var _urlJoin = _interopRequireDefault(require("url-join"));
-var _session = require("./contexts/session");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-_axios.default.defaults.timeout = 200000;
-function useRequest() {
-  const {
-    session
-  } = (0, _session.useSessionContext)();
-  const baseURL = 'https://launcher.staging.arcblock.io/';
-  const privateRequest = _axios.default.create({
-    baseURL
-  });
-  privateRequest.interceptors.request.use(config => {
-    config.url = (0, _urlJoin.default)('/api', config.url);
-    return config;
-  });
-  privateRequest.interceptors.response.use(response => response, err => {
-    if ((0, _lodash.default)(err, 'response.status') === 401) {
-      session.login();
-    }
-    return Promise.reject(err);
-  });
-  return {
-    privateRequest,
-    create: _axios.default.create
-  };
-}