feat: add refund transactions.

src/containers/Sales/CreditNotes/CreditNotesAlerts.js

@@ -4,6 +4,10 @@ const CreditNoteDeleteAlert = React.lazy(() =>
   import('../../Alerts/CreditNotes/CreditNoteDeleteAlert'),
 );
 
+const RefundCreditNoteDeleteAlert = React.lazy(() =>
+  import('../../Alerts/CreditNotes/RefundCreditNoteDeleteAlert'),
+);
+
 /**
  * Credit notes alerts.
  */
@@ -12,4 +16,8 @@ export default [
     name: 'credit-note-delete',
     component: CreditNoteDeleteAlert,
   },
+  {
+    name: 'refund-credit-delete',
+    component: RefundCreditNoteDeleteAlert,
+  },
 ];

src/containers/Sales/CreditNotes/CreditNotesLanding/CreditNotesDataTable.js

@@ -13,6 +13,7 @@ import withDashboardActions from 'containers/Dashboard/withDashboardActions';
 import withCreditNotesActions from './withCreditNotesActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
+import withDialogActions from 'containers/Dialog/withDialogActions';
 import withSettings from '../../../Settings/withSettings';
 
 import { useCreditNoteTableColumns, ActionsMenu } from './components';
@@ -33,6 +34,9 @@ function CreditNotesDataTable({
   // #withDrawerActions
   openDrawer,
 
+  // #withDialogAction
+  openDialog,
+
   // #withSettings
   creditNoteTableSize,
 }) {
@@ -92,6 +96,10 @@ function CreditNotesDataTable({
     });
   };
 
+  const handleRefundCreditNote = ({ id }) => {
+    openDialog('refund-credit-note', { creditNoteId: id });
+  };
+
   return (
     <DashboardContentTable>
       <DataTable
@@ -117,6 +125,7 @@ function CreditNotesDataTable({
           onViewDetails: handleViewDetailCreditNote,
           onDelete: handleDeleteCreditNote,
           onEdit: hanldeEditCreditNote,
+          onRefund: handleRefundCreditNote,
         }}
       />
     </DashboardContentTable>
@@ -128,6 +137,7 @@ export default compose(
   withCreditNotesActions,
   withDrawerActions,
   withAlertsActions,
+  withDialogActions,
   withSettings(({ creditNoteSettings }) => ({
     creditNoteTableSize: creditNoteSettings?.tableSize,
   })),

src/containers/Sales/CreditNotes/CreditNotesLanding/components.js

@@ -22,7 +22,7 @@ import {
 import { formattedAmount, safeCallback, calculateStatus } from 'utils';
 
 export function ActionsMenu({
-  payload: { onEdit, onDelete, onViewDetails },
+  payload: { onEdit, onDelete, onRefund, onViewDetails },
   row: { original },
 }) {
   return (
@@ -38,6 +38,11 @@ export function ActionsMenu({
         text={intl.get('credit_note.action.edit_credit_note')}
         onClick={safeCallback(onEdit, original)}
       />
+      <MenuItem
+        icon={<Icon icon="quick-payment-16" />}
+        text={intl.get('credit_note.action.refund_credit_note')}
+        onClick={safeCallback(onRefund, original)}
+      />
       <MenuItem
         text={intl.get('credit_note.action.delete_credit_note')}
         intent={Intent.DANGER}