@blocklet/payment-react 1.13.141 → 1.13.143

package/es/components/pricing-table.js

@@ -68,7 +68,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
         width: 90% !important;
       }
     }
-    @media (min-width: ${({ theme }) => theme.breakpoints.values.lg}px) {
+    @media (min-width: ${({ theme }) => theme.breakpoints.values.md}px) {
       .price-table-wrap:has(> div:nth-child(2)) {
         width: 300px !important;
       }

package/es/history/payment/list.js

@@ -3,11 +3,10 @@ import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
 import { Box, Button, CircularProgress, Stack, Typography } from "@mui/material";
 import { fromUnitToToken } from "@ocap/util";
 import { useInfiniteScroll } from "ahooks";
-import { joinURL } from "ufo";
 import api from "../../api.js";
 import TxLink from "../../components/blockchain/tx.js";
 import Status from "../../components/status.js";
-import { formatToDate, getPaymentIntentStatusColor, getPrefix } from "../../util.js";
+import { formatToDate, getPaymentIntentStatusColor } from "../../util.js";
 const groupByDate = (items) => {
   const grouped = {};
   items.forEach((item) => {
@@ -64,7 +63,6 @@ export default function CustomerPaymentList({ customer_id }) {
           },
           flexWrap: "nowrap",
           children: [
-            /* @__PURE__ */ jsx(Box, { flex: 3, children: /* @__PURE__ */ jsx("a", { href: joinURL(window.location.origin, getPrefix(), `/customer/payment/${item.id}`), children: /* @__PURE__ */ jsx(Typography, { children: item.id }) }) }),
             /* @__PURE__ */ jsx(Box, { flex: 3, children: /* @__PURE__ */ jsx(Typography, { children: formatToDate(item.created_at) }) }),
             /* @__PURE__ */ jsx(Box, { flex: 2, children: /* @__PURE__ */ jsxs(Typography, { textAlign: "right", children: [
               fromUnitToToken(item.amount, item.paymentCurrency.decimal),

package/es/util.js

@@ -418,7 +418,7 @@ export function sleep(ms) {
   });
 }
 export function formatSubscriptionProduct(items, maxLength = 2) {
-  const names = items.map((x) => x.price.product?.name).filter(Boolean);
+  const names = items.map((x) => x.price?.product?.name).filter(Boolean);
   return names.slice(0, maxLength).join(", ") + (names.length > maxLength ? ` and ${names.length - maxLength} more` : "");
 }
 export const getSubscriptionTimeSummary = (subscription) => {

package/lib/components/pricing-table.js

@@ -91,7 +91,7 @@ function PricingTable({
     }
     @media (min-width: ${({
     theme
-  }) => theme.breakpoints.values.lg}px) {
+  }) => theme.breakpoints.values.md}px) {
       .price-table-wrap:has(> div:nth-child(2)) {
         width: 300px !important;
       }

package/lib/history/payment/list.js

@@ -9,7 +9,6 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _material = require("@mui/material");
 var _util = require("@ocap/util");
 var _ahooks = require("ahooks");
-var _ufo = require("ufo");
 var _api = _interopRequireDefault(require("../../api"));
 var _tx = _interopRequireDefault(require("../../components/blockchain/tx"));
 var _status = _interopRequireDefault(require("../../components/status"));
@@ -96,14 +95,6 @@ function CustomerPaymentList({
         },
         flexWrap: "nowrap",
         children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-          flex: 3,
-          children: /* @__PURE__ */(0, _jsxRuntime.jsx)("a", {
-            href: (0, _ufo.joinURL)(window.location.origin, (0, _util2.getPrefix)(), `/customer/payment/${item.id}`),
-            children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
-              children: item.id
-            })
-          })
-        }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
           flex: 3,
           children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
             children: (0, _util2.formatToDate)(item.created_at)

package/lib/util.js

@@ -503,7 +503,7 @@ function sleep(ms) {
   });
 }
 function formatSubscriptionProduct(items, maxLength = 2) {
-  const names = items.map(x => x.price.product?.name).filter(Boolean);
+  const names = items.map(x => x.price?.product?.name).filter(Boolean);
   return names.slice(0, maxLength).join(", ") + (names.length > maxLength ? ` and ${names.length - maxLength} more` : "");
 }
 const getSubscriptionTimeSummary = subscription => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/payment-react",
-  "version": "1.13.141",
+  "version": "1.13.143",
   "description": "Reusable react components for payment kit v2",
   "keywords": [
     "react",
@@ -89,7 +89,7 @@
     "@babel/core": "^7.23.9",
     "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
-    "@blocklet/payment-types": "1.13.141",
+    "@blocklet/payment-types": "1.13.143",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
     "@storybook/addon-links": "^7.6.13",
@@ -118,5 +118,5 @@
     "vite-plugin-babel": "^1.2.0",
     "vite-plugin-node-polyfills": "^0.19.0"
   },
-  "gitHead": "1ba6793cbc8e55e7164997697058bff996a53b05"
+  "gitHead": "7eca8fb8eda6bd07cddb0f916602a35d4f7b39a3"
 }

package/src/components/pricing-table.tsx

@@ -90,7 +90,7 @@ export default function PricingTable({ table, alignItems, interval, mode, onSele
         width: 90% !important;
       }
     }
-    @media (min-width: ${({ theme }) => theme.breakpoints.values.lg}px) {
+    @media (min-width: ${({ theme }) => theme.breakpoints.values.md}px) {
       .price-table-wrap:has(> div:nth-child(2)) {
         width: 300px !important;
       }

package/src/history/payment/list.tsx

@@ -4,12 +4,11 @@ import type { Paginated, TPaymentIntentExpanded } from '@blocklet/payment-types'
 import { Box, Button, CircularProgress, Stack, Typography } from '@mui/material';
 import { fromUnitToToken } from '@ocap/util';
 import { useInfiniteScroll } from 'ahooks';
-import { joinURL } from 'ufo';
 
 import api from '../../api';
 import TxLink from '../../components/blockchain/tx';
 import Status from '../../components/status';
-import { formatToDate, getPaymentIntentStatusColor, getPrefix } from '../../util';
+import { formatToDate, getPaymentIntentStatusColor } from '../../util';
 
 const groupByDate = (items: TPaymentIntentExpanded[]) => {
   const grouped: { [key: string]: TPaymentIntentExpanded[] } = {};
@@ -81,11 +80,6 @@ export default function CustomerPaymentList({ customer_id }: Props) {
                 md: 3,
               }}
               flexWrap="nowrap">
-              <Box flex={3}>
-                <a href={joinURL(window.location.origin, getPrefix(), `/customer/payment/${item.id}`)}>
-                  <Typography>{item.id}</Typography>
-                </a>
-              </Box>
               <Box flex={3}>
                 <Typography>{formatToDate(item.created_at)}</Typography>
               </Box>

package/src/util.ts

@@ -569,7 +569,7 @@ export function sleep(ms: number) {
 }
 
 export function formatSubscriptionProduct(items: TSubscriptionItemExpanded[], maxLength = 2) {
-  const names = items.map((x) => x.price.product?.name).filter(Boolean);
+  const names = items.map((x) => x.price?.product?.name).filter(Boolean);
   return (
     names.slice(0, maxLength).join(', ') + (names.length > maxLength ? ` and ${names.length - maxLength} more` : '')
   );