payment-kit 1.18.51 → 1.18.52

package/api/src/routes/invoices.ts

@@ -12,6 +12,7 @@ import { createListParamSchema, getOrder, getWhereFromKvQuery, MetadataSchema }
 import { authenticate } from '../libs/security';
 import { expandLineItems } from '../libs/session';
 import { formatMetadata, getBlockletJson, getUserOrAppInfo } from '../libs/util';
+import dayjs from '../libs/dayjs';
 import { Customer } from '../store/models/customer';
 import { Invoice } from '../store/models/invoice';
 import { InvoiceItem } from '../store/models/invoice-item';
@@ -671,4 +672,50 @@ router.put('/:id', authAdmin, async (req, res) => {
   }
 });
 
+router.post('/:id/void', authAdmin, async (req, res) => {
+  const invoice = await Invoice.findByPk(req.params.id as string);
+  if (!invoice) {
+    return res.status(404).json({ error: 'Invoice not found' });
+  }
+  if (['paid', 'void', 'draft'].includes(invoice.status)) {
+    return res.status(400).json({ error: 'Can not void this invoice' });
+  }
+  const paymentMethod = await PaymentMethod.findByPk(invoice.default_payment_method_id);
+  if (!paymentMethod) {
+    return res.status(400).json({ error: 'Payment method not found' });
+  }
+  if (invoice.subscription_id) {
+    const subscription = await Subscription.findByPk(invoice.subscription_id);
+    if (subscription && !subscription.isImmutable()) {
+      return res.status(400).json({ error: 'Subscription is not immutable, can not void invoice' });
+    }
+  }
+  try {
+    if (invoice.payment_intent_id) {
+      const paymentIntent = await PaymentIntent.findByPk(invoice.payment_intent_id);
+      if (paymentIntent && paymentIntent.status !== 'canceled') {
+        await paymentIntent.update({
+          status: 'canceled',
+          canceled_at: dayjs().unix(),
+          cancellation_reason: 'void_invoice',
+        });
+      }
+    }
+    if (paymentMethod.type === 'stripe' && invoice.metadata?.stripe_id) {
+      const client = paymentMethod.getStripeClient();
+      await client.invoices.voidInvoice(invoice.metadata.stripe_id);
+    }
+    await invoice.update({
+      status: 'void',
+      status_transitions: {
+        ...(invoice.status_transitions || {}),
+        voided_at: dayjs().unix(),
+      },
+    });
+    return res.json(invoice);
+  } catch (error) {
+    logger.error('Failed to void invoice', { error, invoiceId: invoice.id });
+    return res.status(400).json({ error: 'Failed to void invoice' });
+  }
+});
 export default router;

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.18.51
+version: 1.18.52
 logo: logo.png
 files:
   - dist

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payment-kit",
-  "version": "1.18.51",
+  "version": "1.18.52",
   "scripts": {
     "dev": "blocklet dev --open",
     "eject": "vite eject",
@@ -55,7 +55,7 @@
     "@blocklet/did-space-js": "^1.0.57",
     "@blocklet/js-sdk": "^1.16.43",
     "@blocklet/logger": "^1.16.43",
-    "@blocklet/payment-react": "1.18.51",
+    "@blocklet/payment-react": "1.18.52",
     "@blocklet/sdk": "^1.16.43",
     "@blocklet/ui-react": "^2.13.61",
     "@blocklet/uploader": "^0.1.95",
@@ -123,7 +123,7 @@
   "devDependencies": {
     "@abtnode/types": "^1.16.43",
     "@arcblock/eslint-config-ts": "^0.3.3",
-    "@blocklet/payment-types": "1.18.51",
+    "@blocklet/payment-types": "1.18.52",
     "@types/cookie-parser": "^1.4.7",
     "@types/cors": "^2.8.17",
     "@types/debug": "^4.1.12",
@@ -169,5 +169,5 @@
       "parser": "typescript"
     }
   },
-  "gitHead": "7aa2db4015aad46e2eb8529ff013791d5321c7bf"
+  "gitHead": "dfa2927758a635868ca2ce251d098ab15178a409"
 }

package/src/components/invoice/action.tsx

@@ -68,6 +68,10 @@ export default function InvoiceActions({ data, variant, onChange, mode }: Props)
           Toast.error(result.error);
         }
       }
+      if (state.action === 'void') {
+        await api.post(`/api/invoices/${data.id}/void`).then((res) => res.data);
+        Toast.success(t('admin.invoice.void.success'));
+      }
       onChange(state.action);
     } catch (err) {
       console.error(err);
@@ -99,6 +103,13 @@ export default function InvoiceActions({ data, variant, onChange, mode }: Props)
         color: 'primary',
         divider: true,
       },
+    isAdmin &&
+      !['paid', 'void', 'draft'].includes(data.status) && {
+        label: t('admin.invoice.void.title'),
+        handler: () => setState({ action: 'void' }),
+        color: 'primary',
+        divider: true,
+      },
     {
       label: t('admin.customer.view'),
       handler: () => {
@@ -138,6 +149,15 @@ export default function InvoiceActions({ data, variant, onChange, mode }: Props)
           loading={state.loading}
         />
       )}
+      {state.action === 'void' && (
+        <ConfirmDialog
+          onConfirm={handleAction}
+          onCancel={() => setState({ action: '' })}
+          title={t('admin.invoice.void.title')}
+          message={t('admin.invoice.void.tip')}
+          loading={state.loading}
+        />
+      )}
     </ClickBoundary>
   );
 }

package/src/components/invoice/list.tsx

@@ -174,7 +174,10 @@ export default function InvoiceList({
           const item = data.list[index] as TInvoiceExpanded;
           return (
             <InvoiceLink invoice={item}>
-              <Typography component="strong" fontWeight={600}>
+              <Typography
+                component="strong"
+                fontWeight={600}
+                sx={{ textDecoration: item.status === 'void' ? 'line-through' : 'none' }}>
                 {formatBNStr(item?.total, item?.paymentCurrency.decimal)}&nbsp;
                 {item?.paymentCurrency.symbol}
               </Typography>

package/src/components/payment-intent/list.tsx

@@ -117,12 +117,10 @@ export default function PaymentList({ customer_id, invoice_id, features }: ListP
       options: {
         customBodyRenderLite: (_: string, index: number) => {
           const item = data.list[index] as TPaymentIntentExpanded;
+          const highlight = item.amount_received === '0' && item.status !== 'canceled';
           return (
             <Link to={`/admin/payments/${item.id}`}>
-              <Typography
-                component="strong"
-                sx={{ color: item.amount_received === '0' ? 'warning.main' : 'inherit' }}
-                fontWeight={600}>
+              <Typography component="strong" sx={{ color: highlight ? 'warning.main' : 'inherit' }} fontWeight={600}>
                 {formatBNStr(
                   item.amount_received === '0' ? item.amount : item.amount_received,
                   item?.paymentCurrency.decimal

package/src/locales/en.tsx

@@ -524,6 +524,11 @@ export default flat({
         tip: 'Are you sure you want to return the stake? This action will return the stake to the customer immediately.',
         success: 'Stake return application has been successfully created',
       },
+      void: {
+        title: 'Void Invoice',
+        tip: 'Are you sure you want to void this invoice? This action will immediately void the invoice.',
+        success: 'Invoice voided',
+      },
     },
     subscription: {
       view: 'View subscription',

package/src/locales/zh.tsx

@@ -513,6 +513,11 @@ export default flat({
         tip: '您确定要退还质押吗？此操作将立即退还质押给客户。',
         success: '质押退还申请已提交',
       },
+      void: {
+        title: '作废账单',
+        tip: '您确定要作废此账单吗？此操作将立即作废账单。',
+        success: '账单作废成功',
+      },
     },
     subscription: {
       view: '查看订阅',