@blocklet/launcher-workflow 1.8.26 → 1.8.27

package/lib/locales/en.js

@@ -1,15 +1,10 @@
 "use strict";
 
-const {
-  PAYMENT_STATUS
-} = require('@blocklet/launcher-util/lib/constant');
-
 module.exports = {
   common: {
     paymentMethod: 'Payment Method',
     serverType: 'Blocklet Server Type',
     paying: 'Paying',
-    pay: 'Pay',
     name: 'Name',
     description: 'Description',
     retry: 'Retry',
@@ -25,19 +20,7 @@ module.exports = {
   },
   plan: {
     title: 'Select Blocklet Server Plan',
-    subTitle: 'Select payment method and plan',
-    loadListFailed: 'Plan list load error',
-    paymentCredit: {
-      status: {
-        [PAYMENT_STATUS.unpaid]: 'Waiting for payment',
-        [PAYMENT_STATUS.paid]: 'Payment completed, waiting for order completion',
-        [PAYMENT_STATUS.done]: 'Completed!',
-        [PAYMENT_STATUS.expired]: 'Order has expired'
-      }
-    },
-    useCrypto: 'Crypto',
-    useFiat: 'Credit Card',
-    noPlan: 'No blocklet server available for purchase'
+    subTitle: 'Select payment method and plan'
   },
   license: {
     title: 'End User License Agreement',
@@ -94,14 +77,6 @@ module.exports = {
       success: 'Your redeem request is being processing'
     }
   },
-  purchase: {
-    dialog: {
-      title: 'Purchase Blocklet Server',
-      scan: 'Scan the QR code below with your DID wallet to complete purchase',
-      confirm: 'Confirm on your DID Wallet',
-      success: 'Purchase Success'
-    }
-  },
   launchPrepare: {
     formError: {
       nameExceed: 'Blocklet Server name cannot exceed {length}',

package/lib/locales/zh.js

@@ -1,15 +1,10 @@
 "use strict";
 
-const {
-  PAYMENT_STATUS
-} = require('@blocklet/launcher-util/lib/constant');
-
 module.exports = {
   common: {
     paymentMethod: '付款方式',
     serverType: '节点信息',
     paying: '支付中',
-    pay: '支付',
     name: '名称',
     description: '描述',
     retry: '重试',
@@ -25,19 +20,7 @@ module.exports = {
   },
   plan: {
     title: '选择节点类型',
-    subTitle: '请选择支付方式和节点型号',
-    loadListFailed: '加载节点类型列表出错',
-    paymentCredit: {
-      status: {
-        [PAYMENT_STATUS.unpaid]: '支付中',
-        [PAYMENT_STATUS.paid]: '支付完成, 等待订单完成',
-        [PAYMENT_STATUS.done]: '已完成!',
-        [PAYMENT_STATUS.expired]: '订单已过期'
-      }
-    },
-    useCrypto: '数字货币支付',
-    useFiat: '信用卡支付',
-    noPlan: '没有可购买的节点类型'
+    subTitle: '请选择支付方式和节点型号'
   },
   license: {
     title: '节点用户协议',
@@ -94,14 +77,6 @@ module.exports = {
       success: '兑换成功'
     }
   },
-  purchase: {
-    dialog: {
-      title: '购买节点',
-      scan: '用您的 DID 钱包扫描下面的二维码完成购买',
-      confirm: '在您的 DID 钱包上确认',
-      success: '支付成功'
-    }
-  },
   launchPrepare: {
     formError: {
       nameExceed: '节点名称不能超过 {length}',

package/lib/purchase.js

@@ -11,30 +11,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactRouterDom = require("react-router-dom");
 
-var _reactUse = require("react-use");
-
 var _lodash = _interopRequireDefault(require("lodash.get"));
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _jsCookie = _interopRequireDefault(require("js-cookie"));
 
-var _util = require("@ocap/util");
+var _urlJoin = _interopRequireDefault(require("url-join"));
 
-var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
 
-var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
-var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-
-var _Tabs = _interopRequireDefault(require("@arcblock/ux/lib/Tabs"));
-
-var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
-
 var _compactLayout = _interopRequireDefault(require("@blocklet/launcher-layout/lib/compact-layout"));
 
 var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
@@ -45,9 +35,11 @@ var _submit = _interopRequireDefault(require("@blocklet/launcher-ux/lib/hot-key/
 
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
 
-var _plan = _interopRequireDefault(require("./components/plan"));
+var _payment = _interopRequireDefault(require("@did-pay/react/lib/payment"));
+
+var _list = _interopRequireDefault(require("@did-pay/react/lib/payment-method/list"));
 
-var _checkout = _interopRequireDefault(require("./components/stripe/checkout"));
+var _list2 = _interopRequireDefault(require("@did-pay/react/lib/plan/list"));
 
 var _query = _interopRequireDefault(require("./hooks/query"));
 
@@ -55,12 +47,8 @@ var _locale = require("./contexts/locale");
 
 var _session = require("./contexts/session");
 
-var _request = _interopRequireDefault(require("./contexts/request"));
-
 var _router = _interopRequireWildcard(require("./contexts/router"));
 
-var _paymentMethod = _interopRequireDefault(require("./components/payment-method"));
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject;
@@ -73,106 +61,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 PurchasePage(_ref) {
+  var _session$user;
 
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-const formatTokenPrice = token => "".concat((0, _util.fromUnitToToken)(token.value, token.decimal), " ").concat(token.symbol);
-
-const formatFiatPrice = price => "".concat(price.symbol || price.unit).concat(price.value);
-
-function PlanList(_ref) {
   let {
-    paymentMethod,
-    onSelect,
-    onLoaded
+    baseURL
   } = _ref;
-  const {
-    api
-  } = (0, _request.default)();
-  const [plan, setPlan] = (0, _react.useState)(null);
-  const {
-    t
-  } = (0, _locale.useLocaleContext)();
-  const selectPlan = (0, _react.useCallback)(value => {
-    setPlan(value);
-    onSelect(value); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const plansState = (0, _reactUse.useAsync)(async () => {
-    const {
-      data
-    } = await api.get("/plans?paymentMethod=".concat(paymentMethod._id));
-    const plans = (data || []).map(item => {
-      item.prices = {
-        crypto: formatTokenPrice(item.prices.crypto),
-        fiat: formatFiatPrice(item.prices.fiat)
-      };
-      return item;
-    }).sort((itemX, itemY) => itemX.weight - itemY.weight);
-    onLoaded();
-    return {
-      plans
-    };
-  }, [paymentMethod]);
-  (0, _react.useEffect)(() => {
-    if (plansState.loading === false && plansState.value) {
-      const {
-        plans
-      } = plansState.value;
-
-      if (plans.length > 0) {
-        selectPlan(plans[0]);
-      }
-    }
-  }, [plansState, selectPlan]);
-
-  if (plansState.loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
-      relative: "parent",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
-    });
-  }
-
-  if (plansState.error) {
-    console.error('load plans error', plansState.error);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
-      type: "error",
-      children: t('plan.loadListFailed')
-    });
-  }
-
-  const {
-    plans
-  } = plansState.value;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, {
-    className: "select-plan small-select-plan-".concat(plans.length),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "selector-container container-padding",
-      children: plans.length ? plans.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_plan.default, {
-        paymentMethod: paymentMethod.type,
-        onClick: () => selectPlan(item),
-        selected: plan && plan._id === item._id,
-        data: item
-      }, item._id)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Empty.default, {
-        children: t('plan.noPlan')
-      })
-    })
-  });
-}
-
-PlanList.propTypes = {
-  paymentMethod: _propTypes.default.any.isRequired,
-  onSelect: _propTypes.default.func.isRequired,
-  onLoaded: _propTypes.default.func.isRequired
-};
-
-function PurchasePage() {
-  const {
-    api,
-    create: createRequest
-  } = (0, _request.default)();
   const query = (0, _query.default)();
   const navigate = (0, _reactRouterDom.useNavigate)();
   const disabledBack = (0, _router.useDisabledBack)();
@@ -185,7 +79,6 @@ function PurchasePage() {
     locale
   } = (0, _locale.useLocaleContext)();
   const [paying, setPaying] = (0, _react.useState)(false);
-  const [paymentInfo, setPaymentInfo] = (0, _react.useState)(null);
   const [buttonInFix, setButtonInFix] = (0, _react.useState)(false);
   const [paymentMethod, setPaymentMethod] = (0, _react.useState)(null);
   const routerPrefix = (0, _router.usePrefix)();
@@ -199,41 +92,6 @@ function PurchasePage() {
     } // eslint-disable-next-line
 
   }, [paymentMethod, userDid]);
-  const paymentMethodsState = (0, _reactUse.useAsync)(async () => {
-    const {
-      data
-    } = await api.get('/payment-methods');
-    const methods = (data || []).map(item => {
-      item.label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_paymentMethod.default, {
-        type: item.type
-      });
-      item.value = item.type;
-      return item;
-    }).sort(itemX => {
-      if (itemX.type === _constant.PAYMENT_METHODS.crypto) {
-        return -1;
-      }
-
-      return 1;
-    });
-    setPaymentMethod(methods[0]);
-    return methods;
-  });
-
-  if (paymentMethodsState.loading) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
-      relative: "parent",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
-    });
-  }
-
-  if (paymentMethodsState.error) {
-    console.error('load plans error', paymentMethodsState.error);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
-      type: "error",
-      children: t('plan.loadListFailed')
-    });
-  }
 
   const handlePaid = (_ref2, decrypt) => {
     let {
@@ -249,10 +107,6 @@ function PurchasePage() {
     navigate((0, _router.default)(routerPrefix, url));
   };
 
-  const handleCloseAuthDialog = () => {
-    setPaying(false);
-  };
-
   const getPurchaseParams = () => {
     const obj = {
       productId: plan ? plan._id : null,
@@ -269,7 +123,6 @@ function PurchasePage() {
 
   const handleCancelPay = () => {
     setPaying(false);
-    setPaymentInfo(null);
   };
 
   const handlePay = async payment => {
@@ -285,28 +138,6 @@ function PurchasePage() {
     }
 
     setPaying(true);
-
-    if (payment === _constant.PAYMENT_METHODS.crypto) {
-      return;
-    }
-
-    if (payment === _constant.PAYMENT_METHODS.fiat) {
-      try {
-        const {
-          data
-        } = await api.post('/pay', _objectSpread(_objectSpread({}, params), {}, {
-          userDid
-        }));
-        setPaymentInfo({
-          paymentId: data.paymentId,
-          clientSecret: data.clientSecret,
-          status: data.status
-        });
-      } catch (error) {
-        console.error(error);
-        setPaying(false);
-      }
-    }
   };
 
   const handleRedeem = () => {
@@ -315,13 +146,24 @@ function PurchasePage() {
     });
   };
 
+  const handlePayFailed = () => {
+    setImmediate(() => {
+      _Toast.default.error(t('common.payFailed'));
+
+      setPaying(false);
+    });
+  };
+
   const clickBack = () => {
     navigate(-1);
   };
 
-  const handleSelectPaymenMethod = value => {
+  const handlePaymentMethodsLoaded = method => {
+    setPaymentMethod(method);
+  };
+
+  const handleSelectPaymenMethod = method => {
     setPlanLoaded(false);
-    const method = paymentMethodsState.value.find(item => item.type === value);
     setPaymentMethod(method);
   };
 
@@ -369,12 +211,15 @@ function PurchasePage() {
                 onClickBack: disabledBack.includes('purchase') ? '' : clickBack
               }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: "select-payment",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tabs.default, {
-                  tabs: paymentMethodsState.value,
-                  current: paymentMethod.type,
-                  onChange: e => handleSelectPaymenMethod(e)
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_list.default, {
+                  locale: locale,
+                  baseURL: baseURL,
+                  onChange: handleSelectPaymenMethod,
+                  onLoaded: handlePaymentMethodsLoaded
                 })
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PlanList, {
+              }), paymentMethod && /*#__PURE__*/(0, _jsxRuntime.jsx)(_list2.default, {
+                locale: locale,
+                baseURL: baseURL,
                 paymentMethod: paymentMethod,
                 onSelect: v => setPlan(v),
                 onLoaded: () => setPlanLoaded(true)
@@ -382,36 +227,26 @@ function PurchasePage() {
             })
           })
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
-        open: paying && paymentMethod.type === _constant.PAYMENT_METHODS.crypto,
-        popup: true,
-        action: "purchase",
-        checkFn: createRequest().get,
-        onSuccess: handlePaid,
-        onClose: handleCloseAuthDialog,
-        checkTimeout: 60 * 5000,
-        extraParams: getPurchaseParams(),
-        showDownload: false,
-        locale: locale,
-        messages: {
-          title: t('purchase.dialog.title'),
-          scan: t('purchase.dialog.scan'),
-          confirm: t('purchase.dialog.confirm'),
-          success: t('purchase.dialog.success')
-        }
-      }), paymentInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkout.default, {
-        clientSecret: paymentInfo.clientSecret,
-        paymentId: paymentInfo.paymentId,
-        userDid: userDid,
+      }), paying && /*#__PURE__*/(0, _jsxRuntime.jsx)(_payment.default, {
+        baseURL: (0, _urlJoin.default)(window.location.origin, baseURL),
+        method: paymentMethod.type,
+        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,
-        onCancel: handleCancelPay,
-        status: paymentInfo.status
+        onFailed: handlePayFailed,
+        onCancel: handleCancelPay
       })]
     })
   );
 }
 
-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  .select-plan {\n    margin: 48px auto 33px;\n    ", " {\n      margin: 30px auto;\n    }\n    &.small-select-plan-2 {\n      max-width: 780px;\n    }\n    &.small-select-plan-0,\n    &.small-select-plan-1 {\n      max-width: 460px;\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  .selector-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 24px;\n    margin-top: 18px;\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"])), props => props.theme.breakpoints.down('md'));
+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"])));
 
+PurchasePage.propTypes = {
+  baseURL: _propTypes.default.string
+};
+PurchasePage.defaultProps = {
+  baseURL: '/'
+};
 var _default = PurchasePage;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-workflow",
-  "version": "1.8.26",
+  "version": "1.8.27",
   "description": "Purchase components for Launcher UI",
   "publishConfig": {
     "access": "public"
@@ -11,7 +11,6 @@
   "author": "polunzh <polunzh@gmail.com>",
   "homepage": "https://github.com/blocklet/launcher/ux#readme",
   "license": "ISC",
-  "main": "lib/index.js",
   "files": [
     "lib",
     "LICENSE",
@@ -37,19 +36,20 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.20",
-    "@arcblock/icons": "^2.4.20",
-    "@arcblock/license": "^2.4.20",
-    "@arcblock/ux": "^2.4.20",
-    "@blocklet/launcher-layout": "1.8.26",
-    "@blocklet/launcher-util": "1.8.26",
-    "@blocklet/launcher-ux": "1.8.26",
+    "@arcblock/did-connect": "^2.4.23",
+    "@arcblock/icons": "^2.4.23",
+    "@arcblock/license": "^2.4.23",
+    "@arcblock/ux": "^2.4.23",
+    "@blocklet/launcher-layout": "1.8.27",
+    "@blocklet/launcher-util": "1.8.27",
+    "@blocklet/launcher-ux": "1.8.27",
+    "@did-pay/react": "^1.8.22",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@mui/icons-material": "^5.10.3",
     "@mui/lab": "^5.0.0-alpha.97",
     "@mui/material": "^5.10.3",
-    "@ocap/util": "^1.17.17",
+    "@ocap/util": "^1.17.19",
     "@stripe/react-stripe-js": "^1.10.0",
     "@stripe/stripe-js": "^1.35.0",
     "axios": "^0.26.1",
@@ -70,5 +70,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^2.0.1"
   },
-  "gitHead": "86d79301d74720f04a79ffe13b83f550ab26fcd1"
+  "gitHead": "afab4067914cabf289e5999397b087b7e6a388c9"
 }

package/lib/components/payment-method.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PaymentMethod;
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constant = require("@blocklet/launcher-util/lib/constant");
-
-var _CreditCard = _interopRequireDefault(require("@mui/icons-material/CreditCard"));
-
-var _MonetizationOn = _interopRequireDefault(require("@mui/icons-material/MonetizationOn"));
-
-var _locale = require("../contexts/locale");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject;
-
-const _excluded = ["type"];
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function PaymentMethod(_ref) {
-  let {
-    type
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    t
-  } = (0, _locale.useLocaleContext)();
-
-  if (type === _constant.PAYMENT_METHODS.crypto) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MonetizationOn.default, {
-        className: "payment-icon"
-      }), t('plan.useCrypto')]
-    }));
-  }
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CreditCard.default, {
-      className: "payment-icon"
-    }), t('plan.useFiat')]
-  }));
-}
-
-const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .payment-icon {\n    margin-right: 4px;\n  }\n"])));
-
-PaymentMethod.propTypes = {
-  type: _propTypes.default.oneOf([_constant.PAYMENT_METHODS.crypto, _constant.PAYMENT_METHODS.stripe, _constant.PAYMENT_METHODS.fiat]).isRequired
-};

package/lib/components/plan.js

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = NodeType;
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash.get"));
-
-var _constant = require("@blocklet/launcher-util/lib/constant");
-
-var _util = require("@blocklet/launcher-util/lib/util");
-
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
-var _locale = require("../contexts/locale");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject;
-
-const _excluded = ["data", "selected", "paymentMethod"];
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function NodeType(_ref) {
-  let {
-    data,
-    selected,
-    paymentMethod
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    locale
-  } = (0, _locale.useLocaleContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, _objectSpread(_objectSpread({}, props), {}, {
-    className: selected ? 'item-selected' : '',
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-      className: "name",
-      component: "span",
-      children: "".concat((0, _lodash.default)(data, "name.".concat(locale)), " (").concat((0, _util.prettyDuration)(data.duration, locale), ")")
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "price",
-      component: "span",
-      children: data.prices[paymentMethod]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "rights",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: "rights-list",
-        children: data.features.map(feat => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "item-block",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "item-desc",
-              children: feat[locale]
-            })
-          })
-        }, feat[locale]))
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "check-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
-        className: "check-icon"
-      })
-    })]
-  }));
-}
-
-NodeType.propTypes = {
-  data: _propTypes.default.object.isRequired,
-  paymentMethod: _propTypes.default.string,
-  selected: _propTypes.default.bool
-};
-NodeType.defaultProps = {
-  selected: false,
-  paymentMethod: _constant.CURRENCY_TYPE.crypto
-};
-
-const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  border: 1px solid ", ";\n  border-radius: 8px;\n  padding: 16px;\n  cursor: pointer;\n  transition: background-color ease 0.2s, border ease 0.2s;\n\n  &.item-selected {\n    background-color: #ecfbfd;\n    border-color: #ecfbfd;\n    cursor: default;\n  }\n\n  .name {\n    color: ", ";\n    font-size: 16px;\n    line-height: 20px;\n    font-weight: 500;\n  }\n\n  .price {\n    margin-top: 8px;\n    font-size: 24px;\n    font-weight: 700;\n    color: ", ";\n  }\n\n  .rights {\n    font-size: 14px;\n\n    & > ul li {\n      list-style-type: none;\n      margin: 0;\n      vertical-align: middle;\n      color: ", ";\n    }\n\n    & > ul li:not(:first-of-type) {\n      margin-top: 8px;\n    }\n\n    .rights-list {\n      margin-top: 8px;\n    }\n  }\n\n  .item-block {\n    display: flex;\n    .item-icon {\n      margin-right: 6px;\n      font-size: 14px;\n      color: ", ";\n      flex-shrink: 0;\n    }\n    .item-desc {\n      flex: 1;\n    }\n  }\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: 30px;\n    height: 30px;\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: 30px;\n      top: 30px;\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: transparent solid 15px;\n      border-left: transparent solid 15px;\n      border-bottom: ", " solid 15px;\n      border-right: ", " solid 15px;\n      transition: all ease 0.1s;\n      content: '';\n    }\n\n    .check-icon {\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  &.item-selected {\n    .check-container {\n      &:after {\n        left: 0;\n        top: 0;\n      }\n      .check-icon {\n        transform: scale(1);\n      }\n    }\n  }\n"])), props => props.theme.palette.grey[200], props => props.theme.palette.grey[900], props => props.theme.palette.primary.main, props => props.theme.palette.grey[700], props => props.theme.palette.primary.main, props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);

package/lib/components/stripe/checkout.js

@@ -1,215 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Checkout;
-
-var _react = require("react");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _stripeJs = require("@stripe/stripe-js");
-
-var _reactStripeJs = require("@stripe/react-stripe-js");
-
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
-var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
-var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
-var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
-
-var _constant = require("@blocklet/launcher-util/lib/constant");
-
-var _locale = require("../../contexts/locale");
-
-var _paying = _interopRequireDefault(require("./paying"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject;
-
-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 CheckoutForm(_ref) {
-  let {
-    clientSecret,
-    onLoad
-  } = _ref;
-  const stripe = (0, _reactStripeJs.useStripe)();
-  const elements = (0, _reactStripeJs.useElements)();
-  const {
-    t
-  } = (0, _locale.useLocaleContext)();
-  const [message, setMessage] = (0, _react.useState)(null);
-  const [isLoading, setIsLoading] = (0, _react.useState)(false);
-  const [elementReady, setElementReady] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (!stripe) {
-      return;
-    }
-
-    if (!clientSecret) {
-      return;
-    }
-
-    stripe.retrievePaymentIntent(clientSecret).then(_ref2 => {
-      let {
-        paymentIntent
-      } = _ref2;
-
-      switch (paymentIntent.status) {
-        case 'succeeded':
-          setMessage(t('plan.paymentCredit.preparePayMessage.succeeded'));
-          break;
-
-        case 'processing':
-          setMessage(t('plan.paymentCredit.preparePayMessage.processing'));
-          break;
-
-        case 'requires_payment_method':
-          // 忽略该状态
-          break;
-
-        default:
-          setMessage(t('plan.paymentCredit.preparePayMessage.default'));
-          break;
-      }
-    });
-  }, [stripe, clientSecret, t]);
-
-  const handleSubmit = async e => {
-    e.preventDefault();
-
-    if (!stripe || !elements) {
-      return;
-    }
-
-    setIsLoading(true);
-    const {
-      error
-    } = await stripe.confirmPayment({
-      elements,
-      redirect: 'if_required'
-    });
-    setIsLoading(false);
-
-    if (error) {
-      if (error.type === 'card_error' || error.type === 'validation_error') {
-        setMessage(error.message);
-      } else {
-        setMessage(t('plan.paymentCredit.submitPayError'));
-      }
-
-      return;
-    }
-
-    onLoad();
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
-      onSubmit: handleSubmit,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.PaymentElement, {
-        onReady: () => setElementReady(true)
-      }), (!stripe || !elements || !elementReady) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Center.default, {
-        relative: "parent",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {})
-      }), stripe && elements && elementReady && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        id: "submit",
-        type: "submit",
-        disabled: isLoading,
-        variant: "contained",
-        color: "primary",
-        children: isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
-            size: 12
-          }), t('common.paying')]
-        }) : t('common.pay')
-      }), message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        id: "payment-message",
-        children: message
-      })]
-    })
-  });
-}
-
-const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  #submit {\n    margin-top: 16px;\n    width: 100%;\n  }\n\n  #payment-message {\n    margin-top: 16px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.error.main);
-
-CheckoutForm.propTypes = {
-  clientSecret: _propTypes.default.string.isRequired,
-  onLoad: _propTypes.default.func.isRequired
-};
-
-function Checkout(_ref3) {
-  let {
-    clientSecret,
-    paymentId,
-    onComplete,
-    onCancel,
-    status
-  } = _ref3;
-  const [open, setOpen] = (0, _react.useState)(true);
-  const {
-    t
-  } = (0, _locale.useLocaleContext)();
-  const [showCloseButton, setShowCloseButton] = (0, _react.useState)(true);
-  const [waitingCompleted, setWaitingCompleted] = (0, _react.useState)(status === _constant.PAYMENT_STATUS.paid);
-  const stripePromise = (0, _stripeJs.loadStripe)(window.env.stripePublicKey);
-  const options = {
-    clientSecret,
-    appearance: {
-      theme: 'stripe'
-    }
-  };
-
-  const handleLoad = () => setWaitingCompleted(true);
-
-  const handlePaid = () => setShowCloseButton(false);
-
-  const handleClose = (_, reason) => {
-    if (reason === 'backdropClick') {
-      return;
-    }
-
-    setOpen(false);
-    onCancel();
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
-    title: t('common.pay'),
-    showCloseButton: showCloseButton,
-    open: open,
-    onClose: handleClose,
-    disableEscapeKeyDown: true,
-    children: [waitingCompleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_paying.default, {
-      paymentId: paymentId,
-      onComplete: onComplete,
-      onPaid: handlePaid
-    }), !waitingCompleted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactStripeJs.Elements, {
-      options: options,
-      stripe: stripePromise,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckoutForm, {
-        clientSecret: clientSecret,
-        onLoad: handleLoad
-      })
-    })]
-  });
-}
-
-Checkout.propTypes = {
-  clientSecret: _propTypes.default.string.isRequired,
-  paymentId: _propTypes.default.string.isRequired,
-  status: _propTypes.default.number.isRequired,
-  onComplete: _propTypes.default.func.isRequired,
-  onCancel: _propTypes.default.func
-};
-Checkout.defaultProps = {
-  onCancel: () => {}
-};

package/lib/components/stripe/paying.js

@@ -1,86 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Paying;
-
-var _react = require("react");
-
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
-var _useInterval = _interopRequireDefault(require("react-use/lib/useInterval"));
-
-var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
-var _constant = require("@blocklet/launcher-util/lib/constant");
-
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
-var _locale = require("../../contexts/locale");
-
-var _request = _interopRequireDefault(require("../../contexts/request"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _templateObject;
-
-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 Paying(_ref) {
-  let {
-    paymentId,
-    onPaid,
-    onComplete
-  } = _ref;
-  const {
-    t
-  } = (0, _locale.useLocaleContext)();
-  const [needFetchOrderStatus, setNeedFetchOrderStatus] = (0, _react.useState)(true);
-  const [status, setStatus] = (0, _react.useState)(_constant.PAYMENT_STATUS.unpaid);
-  const {
-    api
-  } = (0, _request.default)();
-  const fetchOrder = (0, _lodash.default)(async () => {
-    const {
-      data: payment
-    } = await api.get("/payments/".concat(paymentId));
-
-    if (payment.status === _constant.PAYMENT_STATUS.done) {
-      fetchOrder.cancel();
-      setNeedFetchOrderStatus(false);
-      setTimeout(() => onComplete({
-        nftId: payment.nftId
-      }), 2000);
-    }
-
-    if (payment.status >= _constant.PAYMENT_STATUS.paid) {
-      onPaid();
-    }
-
-    setStatus(payment.status);
-  }, 3000);
-  (0, _useInterval.default)(fetchOrder, needFetchOrderStatus ? 3000 : null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, {
-    children: [status <= _constant.PAYMENT_STATUS.paid && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {}), status === _constant.PAYMENT_STATUS.done && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
-      className: "status--succeed_icon"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "status",
-      children: t("plan.paymentCredit.status.".concat(status))
-    })]
-  });
-}
-
-Paying.propTypes = {
-  paymentId: _propTypes.default.string.isRequired,
-  onPaid: _propTypes.default.func.isRequired,
-  onComplete: _propTypes.default.func.isRequired
-};
-
-const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .status {\n    margin-top: 32px;\n  }\n\n  .status--succeed_icon {\n    background-color: #3ab39d;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    width: 48px;\n    height: 48px;\n    border-radius: 100%;\n    color: ", ";\n  }\n"])), props => props.theme.palette.common.white);

package/lib/index.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PaymentMethod = PaymentMethod;
-exports.Stripe = Stripe;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _checkout = _interopRequireDefault(require("./components/stripe/checkout"));
-
-var _paymentMethod = _interopRequireDefault(require("./components/payment-method"));
-
-var _locales = require("./locales");
-
-var _request = require("./contexts/request");
-
-var _locale = require("./contexts/locale");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-const _excluded = ["locale", "baseURL"],
-      _excluded2 = ["locale"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function Stripe(_ref) {
-  let {
-    locale,
-    baseURL
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locale.LocaleProvider, {
-    translations: _locales.translations,
-    locale: locale,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_request.RequestProvider, {
-      baseURL: baseURL,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkout.default, _objectSpread({}, rest))
-    })
-  });
-}
-
-Stripe.propTypes = {
-  locale: _propTypes.default.string,
-  baseURL: _propTypes.default.string
-};
-Stripe.defaultProps = {
-  locale: 'en',
-  baseURL: '/'
-};
-
-function PaymentMethod(_ref2) {
-  let {
-    locale
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locale.LocaleProvider, {
-    translations: _locales.translations,
-    locale: locale,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_paymentMethod.default, _objectSpread({}, props))
-  });
-}
-
-PaymentMethod.propTypes = {
-  locale: _propTypes.default.string
-};
-PaymentMethod.defaultProps = {
-  locale: 'en'
-};