@blocklet/payment-react 1.13.207 → 1.13.208

package/es/history/mini-invoice/list.js

@@ -151,6 +151,7 @@ export default function MiniInvoiceList() {
               {
                 variant: "contained",
                 sx: { color: "#fff!important", width: subscription.service_actions?.length ? "auto" : "100%" },
+                target: "_blank",
                 href: joinURL(
                   window.location.origin,
                   getPrefix(),

package/es/payment/index.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import Center from "@arcblock/ux/lib/Center";
 import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import Toast from "@arcblock/ux/lib/Toast";
 import { ArrowBackOutlined } from "@mui/icons-material";
@@ -65,13 +66,13 @@ export default function Payment({
     ] }) });
   }
   if (checkoutSession.expires_at <= Math.round(Date.now() / 1e3)) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(
       PaymentError,
       {
         title: t("payment.checkout.expired.title"),
         description: t("payment.checkout.expired.description")
       }
-    );
+    ) });
   }
   if (checkoutSession.status === "complete") {
     return /* @__PURE__ */ jsx(

package/lib/history/mini-invoice/list.js

@@ -232,6 +232,7 @@ function MiniInvoiceList() {
             color: "#fff!important",
             width: subscription.service_actions?.length ? "auto" : "100%"
           },
+          target: "_blank",
           href: (0, _ufo.joinURL)(window.location.origin, (0, _util.getPrefix)(), `/customer/subscription/${subscription.id}?source=embed`),
           children: t("payment.customer.subscriptions.view")
         })]

package/lib/payment/index.js

@@ -7,6 +7,7 @@ exports.PaymentInner = PaymentInner;
 exports.Root = void 0;
 module.exports = Payment;
 var _jsxRuntime = require("react/jsx-runtime");
+var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _iconsMaterial = require("@mui/icons-material");
@@ -98,9 +99,11 @@ function Payment({
     });
   }
   if (checkoutSession.expires_at <= Math.round(Date.now() / 1e3)) {
-    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_error.default, {
-      title: t("payment.checkout.expired.title"),
-      description: t("payment.checkout.expired.description")
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_Center.default, {
+      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_error.default, {
+        title: t("payment.checkout.expired.title"),
+        description: t("payment.checkout.expired.description")
+      })
     });
   }
   if (checkoutSession.status === "complete") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.13.207",
+  "version": "1.13.208",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -90,7 +90,7 @@
     "@babel/core": "^7.23.9",
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
-    "@blocklet/payment-types": "1.13.207",
+    "@blocklet/payment-types": "1.13.208",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
     "@storybook/addon-links": "^7.6.13",
@@ -119,5 +119,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.19.0"
   },
-  "gitHead": "7b4918ac7bb09317df0b2a78e337312cc4b50b67"
+  "gitHead": "ddc3c15e9f87f77904ae872b4724182327548e39"
 }

package/src/history/mini-invoice/list.tsx

@@ -193,6 +193,7 @@ export default function MiniInvoiceList() {
           <Button
             variant="contained"
             sx={{ color: '#fff!important', width: subscription.service_actions?.length ? 'auto' : '100%' }}
+            target="_blank"
             href={joinURL(
               window.location.origin,
               getPrefix(),

package/src/payment/index.tsx

@@ -1,3 +1,4 @@
+import Center from '@arcblock/ux/lib/Center';
 /* eslint-disable import/no-extraneous-dependencies */
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
@@ -95,10 +96,12 @@ export default function Payment({
   // expired session
   if (checkoutSession.expires_at <= Math.round(Date.now() / 1000)) {
     return (
-      <PaymentError
-        title={t('payment.checkout.expired.title')}
-        description={t('payment.checkout.expired.description')}
-      />
+      <Center>
+        <PaymentError
+          title={t('payment.checkout.expired.title')}
+          description={t('payment.checkout.expired.description')}
+        />
+      </Center>
     );
   }