payment-kit 1.13.213 → 1.13.214

package/blocklet.yml

@@ -14,7 +14,7 @@ repository:
   type: git
   url: git+https://github.com/blocklet/payment-kit.git
 specVersion: 1.2.8
-version: 1.13.213
+version: 1.13.214
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.13.213",
+  "version": "1.13.214",
   "scripts": {
     "dev": "cross-env COMPONENT_STORE_URL=https://test.store.blocklet.dev blocklet dev --open",
     "eject": "vite eject",
@@ -51,7 +51,7 @@
     "@arcblock/ux": "^2.9.66",
     "@arcblock/validator": "^1.18.115",
     "@blocklet/logger": "1.16.25",
-    "@blocklet/payment-react": "1.13.213",
+    "@blocklet/payment-react": "1.13.214",
     "@blocklet/sdk": "1.16.25",
     "@blocklet/ui-react": "^2.9.66",
     "@blocklet/uploader": "^0.0.76",
@@ -111,7 +111,7 @@
   "devDependencies": {
     "@abtnode/types": "1.16.25",
     "@arcblock/eslint-config-ts": "^0.3.0",
-    "@blocklet/payment-types": "1.13.213",
+    "@blocklet/payment-types": "1.13.214",
     "@types/cookie-parser": "^1.4.6",
     "@types/cors": "^2.8.17",
     "@types/dotenv-flow": "^3.3.3",
@@ -150,5 +150,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "209467c5da3ab2fa17f5ce802bcd8b086e7c08e5"
+  "gitHead": "430206bb27ea5749a12717d5bd3caf00a04b610a"
 }

package/src/components/payouts/list.tsx

@@ -45,6 +45,7 @@ type ListProps = {
     filter?: boolean;
     footer?: boolean;
   };
+  status?: string;
   customer_id?: string;
   payment_intent_id?: string;
 };
@@ -60,23 +61,24 @@ const getListKey = (props: ListProps) => {
   return 'payouts';
 };
 
-PaymentList.defaultProps = {
+PayoutList.defaultProps = {
   features: {
     customer: true,
     filter: true,
   },
+  status: '',
   customer_id: '',
   payment_intent_id: '',
 };
 
-export default function PaymentList({ customer_id, payment_intent_id, features }: ListProps) {
+export default function PayoutList({ customer_id, payment_intent_id, status, features }: ListProps) {
   const { t } = useLocaleContext();
   const navigate = useNavigate();
 
   const listKey = getListKey({ customer_id, payment_intent_id });
   const [search, setSearch] = useLocalStorageState<SearchProps>(listKey, {
     defaultValue: {
-      status: '',
+      status: status as string,
       customer_id,
       payment_intent_id,
       pageSize: 20,

package/src/components/refund/list.tsx

@@ -47,6 +47,7 @@ type ListProps = {
   };
   customer_id?: string;
   invoice_id?: string;
+  status?: string;
   subscription_id?: string;
 };
 
@@ -71,10 +72,11 @@ RefundList.defaultProps = {
   },
   customer_id: '',
   invoice_id: '',
+  status: '',
   subscription_id: '',
 };
 
-export default function RefundList({ customer_id, invoice_id, subscription_id, features }: ListProps) {
+export default function RefundList({ customer_id, invoice_id, subscription_id, status, features }: ListProps) {
   const { t } = useLocaleContext();
   const navigate = useNavigate();
   const { startTransition } = useTransitionContext();
@@ -82,7 +84,7 @@ export default function RefundList({ customer_id, invoice_id, subscription_id, f
 
   const [search, setSearch] = useLocalStorageState<SearchProps>(listKey, {
     defaultValue: {
-      status: '',
+      status: status as string,
       customer_id,
       invoice_id,
       subscription_id,

package/src/pages/admin/billing/invoices/detail.tsx

@@ -1,7 +1,15 @@
 /* eslint-disable react/no-unstable-nested-components */
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast';
-import { Status, api, formatBNStr, formatError, formatTime, getInvoiceStatusColor } from '@blocklet/payment-react';
+import {
+  Status,
+  TxLink,
+  api,
+  formatBNStr,
+  formatError,
+  formatTime,
+  getInvoiceStatusColor,
+} from '@blocklet/payment-react';
 import type { TInvoice, TInvoiceExpanded } from '@blocklet/payment-types';
 import { ArrowBackOutlined, Edit } from '@mui/icons-material';
 import { Alert, Box, Button, CircularProgress, Stack, Typography } from '@mui/material';
@@ -131,6 +139,14 @@ export default function InvoiceDetail(props: { id: string }) {
             label={t('admin.paymentCurrency.name')}
             value={<Currency logo={data.paymentCurrency.logo} name={data.paymentCurrency.symbol} />}
           />
+          {data.paymentIntent && data.paymentIntent.payment_details && (
+            <InfoRow
+              label={t(`common.${data.paymentIntent.payment_details?.arcblock?.type || 'transfer'}TxHash`)}
+              value={
+                <TxLink details={data.paymentIntent.payment_details} method={data.paymentMethod} mode="customer" />
+              }
+            />
+          )}
           {data.subscription && (
             <InfoRow
               label={t('admin.subscription.name')}

package/src/pages/admin/customers/customers/detail.tsx

@@ -22,6 +22,8 @@ import InfoRow from '../../../../components/info-row';
 import InvoiceList from '../../../../components/invoice/list';
 import MetadataEditor from '../../../../components/metadata/editor';
 import PaymentList from '../../../../components/payment-intent/list';
+import PayoutList from '../../../../components/payouts/list';
+import RefundList from '../../../../components/refund/list';
 import SectionHeader from '../../../../components/section/header';
 import SubscriptionList from '../../../../components/subscription/list';
 
@@ -242,7 +244,21 @@ export default function CustomerDetail(props: { id: string }) {
       <Box className="section">
         <SectionHeader title={t('admin.subscriptions')} mb={0} />
         <Box className="section-body">
-          <SubscriptionList features={{ customer: false, toolbar: false }} customer_id={data.customer.id} />
+          <SubscriptionList
+            features={{ customer: false, toolbar: false }}
+            customer_id={data.customer.id}
+            status={['active', 'trialing', 'paused', 'past_due', 'canceled'].join(',')}
+          />
+        </Box>
+      </Box>
+      <Box className="section">
+        <SectionHeader title={t('admin.invoices')} mb={0} />
+        <Box className="section-body">
+          <InvoiceList
+            features={{ customer: false, toolbar: false }}
+            customer_id={data.customer.id}
+            status={['open', 'paid', 'uncollectible', 'draft', 'void'].join(',')}
+          />
         </Box>
       </Box>
       <Box className="section">
@@ -252,9 +268,23 @@ export default function CustomerDetail(props: { id: string }) {
         </Box>
       </Box>
       <Box className="section">
-        <SectionHeader title={t('admin.invoices')} mb={0} />
+        <SectionHeader title={t('admin.payouts')} mb={0} />
         <Box className="section-body">
-          <InvoiceList features={{ customer: false, toolbar: false }} customer_id={data.customer.id} />
+          <PayoutList
+            features={{ customer: false, toolbar: false }}
+            customer_id={data.customer.id}
+            status={['paid', 'pending', 'failed', 'canceled'].join(',')}
+          />
+        </Box>
+      </Box>
+      <Box className="section">
+        <SectionHeader title={t('admin.refunds')} mb={0} />
+        <Box className="section-body">
+          <RefundList
+            features={{ customer: false, toolbar: false }}
+            customer_id={data.customer.id}
+            status={['succeeded', 'canceled', 'failed', 'requires_action', 'pending'].join(',')}
+          />
         </Box>
       </Box>
       <Box className="section">