payment-kit 1.20.12 → 1.20.14

package/src/components/product/form.tsx

@@ -109,7 +109,6 @@ export default function ProductForm({ simple = false }: Props) {
             required
             minRows={2}
             maxRows={4}
-            inputProps={{ maxLength: 250 }}
           />
         </Stack>
 

package/src/locales/en.tsx

@@ -74,9 +74,11 @@ export default flat({
       saturday: 'Saturday',
     },
     name: 'Name',
+    type: 'Type',
     status: 'Status',
     remainingCredit: 'Remaining Credit',
     scope: 'Scope',
+    source: 'Source',
     effectiveDate: 'Effective Date',
     expirationDate: 'Expiration Date',
     creditGrant: 'Grant',
@@ -85,8 +87,13 @@ export default flat({
     meterEvent: 'Meter Event',
     creditAmount: 'Credit',
     createdAt: 'Created At',
+    expiresAt: 'Expires At',
     general: 'All usage-based prices',
     specific: 'Specific usage-based prices',
+    paid: 'Paid',
+    promotional: 'Promotional',
+    viewInvoice: 'View Invoice',
+    viewSourceData: 'View Source',
   },
   notification: {
     preferences: {
@@ -1317,6 +1324,8 @@ export default flat({
         backToGrants: 'Back to Credit Grants',
         viewDetails: 'View Details',
         overview: 'Overview',
+        relatedGrants: 'Credit Grants',
+        category: 'Category',
         overviewDescription: 'Monitor all currency credit balances, usage, and outstanding debt.',
         availableBalance: 'Available Balance',
         viewGrants: 'View Grants',

package/src/locales/zh.tsx

@@ -73,9 +73,11 @@ export default flat({
     },
     maxAmount: '最大金额为 {max}',
     name: '名称',
+    type: '类型',
     status: '状态',
     remainingCredit: '剩余额度',
     scope: '适用范围',
+    source: '来源',
     effectiveDate: '生效时间',
     expirationDate: '过期时间',
     creditGrant: '信用额度',
@@ -84,8 +86,13 @@ export default flat({
     meterEvent: '计量事件',
     creditAmount: '额度',
     createdAt: '创建时间',
+    expiresAt: '过期时间',
     general: '通用',
     specific: '指定使用范围',
+    paid: '付费',
+    promotional: '促销',
+    viewInvoice: '查看账单',
+    viewSourceData: '查看来源',
   },
   notification: {
     preferences: {
@@ -1282,6 +1289,8 @@ export default flat({
         pendingAmount: '欠费额度',
         grantCount: '额度数量',
         noGrantsDescription: '您还没有任何信用额度',
+        relatedGrants: '信用额度',
+        category: '分类',
         status: {
           granted: '生效中',
           pending: '待生效',

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

@@ -13,7 +13,13 @@ import {
   getInvoiceStatusColor,
   useMobile,
 } from '@blocklet/payment-react';
-import type { TInvoice, TInvoiceExpanded } from '@blocklet/payment-types';
+import type {
+  TCheckoutSession,
+  TCreditGrantExpanded,
+  TInvoice,
+  TInvoiceExpanded,
+  TPaymentLink,
+} from '@blocklet/payment-types';
 import { ArrowBackOutlined } from '@mui/icons-material';
 import { Alert, Box, Button, CircularProgress, Divider, Stack, Typography } from '@mui/material';
 import { styled } from '@mui/system';
@@ -37,8 +43,18 @@ import SectionHeader from '../../../../components/section/header';
 import { goBackOrFallback } from '../../../../libs/util';
 import InfoMetric from '../../../../components/info-metric';
 import InfoRowGroup from '../../../../components/info-row-group';
+import RelatedCreditGrants from '../../../../components/customer/related-credit-grants';
 
-const fetchData = (id: string): Promise<TInvoiceExpanded> => {
+const fetchData = (
+  id: string
+): Promise<
+  TInvoiceExpanded & {
+    relatedInvoice?: TInvoiceExpanded;
+    checkoutSession: TCheckoutSession;
+    paymentLink: TPaymentLink;
+    relatedCreditGrants?: TCreditGrantExpanded[];
+  }
+> => {
   return api.get(`/api/invoices/${id}`).then((res) => res.data);
 };
 
@@ -366,6 +382,9 @@ export default function InvoiceDetail(props: { id: string }) {
                 )}
             </InfoRowGroup>
           </Box>
+          {data?.relatedCreditGrants && data.relatedCreditGrants.length > 0 && (
+            <RelatedCreditGrants grants={data.relatedCreditGrants} mode="dashboard" />
+          )}
           <Divider />
           <Box className="section">
             <SectionHeader title={t('admin.summary')} />

package/src/pages/customer/invoice/detail.tsx

@@ -16,7 +16,7 @@ import {
   PaymentBeneficiaries,
   useMobile,
 } from '@blocklet/payment-react';
-import type { TCheckoutSession, TInvoiceExpanded, TPaymentLink } from '@blocklet/payment-types';
+import type { TCheckoutSession, TCreditGrantExpanded, TInvoiceExpanded, TPaymentLink } from '@blocklet/payment-types';
 import { ArrowBackOutlined } from '@mui/icons-material';
 import { Alert, Box, Button, CircularProgress, Divider, Stack, Tooltip, Typography, useTheme } from '@mui/material';
 import { styled } from '@mui/system';
@@ -36,11 +36,17 @@ import { goBackOrFallback } from '../../../libs/util';
 import CustomerRefundList from '../refund/list';
 import InfoMetric from '../../../components/info-metric';
 import InfoRowGroup from '../../../components/info-row-group';
+import RelatedCreditGrants from '../../../components/customer/related-credit-grants';
 
 const fetchData = (
   id: string
 ): Promise<
-  TInvoiceExpanded & { relatedInvoice?: TInvoiceExpanded; checkoutSession: TCheckoutSession; paymentLink: TPaymentLink }
+  TInvoiceExpanded & {
+    relatedInvoice?: TInvoiceExpanded;
+    checkoutSession: TCheckoutSession;
+    paymentLink: TPaymentLink;
+    relatedCreditGrants?: TCreditGrantExpanded[];
+  }
 > => {
   return api.get(`/api/invoices/${id}`).then((res) => res.data);
 };
@@ -426,6 +432,9 @@ export default function CustomerInvoiceDetail() {
           </Box>
         </>
       )}
+      {data?.relatedCreditGrants && data.relatedCreditGrants.length > 0 && (
+        <RelatedCreditGrants grants={data.relatedCreditGrants} />
+      )}
       {!isSlashStake && !isDonation && (
         <>
           {!isStake && (