feat: add receipt ability.

src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailActionBar.js

@@ -14,8 +14,12 @@ import withDialogActions from 'containers/Dialog/withDialogActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
 
-import { Icon, FormattedMessage as T, MoreMenuItems } from 'components';
+import { Can, Icon, FormattedMessage as T, MoreMenuItems } from 'components';
 import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider';
+import {
+  Receipt_Abilities,
+  AbilitySubject,
+} from '../../../common/abilityOption';
 
 import { safeCallback, compose } from 'utils';
 
@@ -54,6 +58,7 @@ function ReceiptDetailActionBar({
   return (
     <DashboardActionsBar>
       <NavbarGroup>
+        <Can I={Receipt_Abilities.Edit} a={AbilitySubject.Receipt}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="pen-18" />}
@@ -61,12 +66,16 @@ function ReceiptDetailActionBar({
             onClick={safeCallback(onEditReceipt)}
           />
           <NavbarDivider />
+        </Can>
+        <Can I={Receipt_Abilities.View} a={AbilitySubject.Receipt}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="print-16" />}
             text={<T id={'print'} />}
             onClick={safeCallback(onPrintReceipt)}
           />
+        </Can>
+        <Can I={Receipt_Abilities.Delete} a={AbilitySubject.Receipt}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon={'trash-16'} iconSize={16} />}
@@ -75,6 +84,7 @@ function ReceiptDetailActionBar({
             onClick={safeCallback(onDeleteReceipt)}
           />
           <NavbarDivider />
+        </Can>
         <MoreMenuItems
           payload={{
             onNotifyViaSMS: handleNotifyViaSMS,

src/containers/Sales/Receipts/ReceiptsLanding/ReceiptActionsBar.js

@@ -17,7 +17,7 @@ import {
   DashboardRowsHeightButton,
 } from 'components';
 
-import { If, DashboardActionViewsList } from 'components';
+import { Can, If, DashboardActionViewsList } from 'components';
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
 import withReceiptsActions from './withReceiptsActions';
@@ -28,6 +28,11 @@ import withSettings from 'containers/Settings/withSettings';
 
 import { useReceiptsListContext } from './ReceiptsListProvider';
 import { useRefreshReceipts } from 'hooks/query/receipts';
+import {
+  Receipt_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
+
 import { compose } from 'utils';
 
 /**
@@ -87,12 +92,14 @@ function ReceiptActionsBar({
         />
 
         <NavbarDivider />
+        <Can I={Receipt_Abilities.Create} a={AbilitySubject.Receipt}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon={'plus'} />}
             text={<T id={'new_receipt'} />}
             onClick={onClickNewReceipt}
           />
+        </Can>
         <AdvancedFilterPopover
           advancedFilterProps={{
             conditions: receiptsFilterConditions,

src/containers/Sales/Receipts/ReceiptsLanding/components.js

@@ -15,7 +15,11 @@ import clsx from 'classnames';
 
 import { CLASSES } from '../../../../common/classes';
 import { safeCallback } from 'utils';
-import { FormatDateCell, Choose, Money, Icon, If } from 'components';
+import { FormatDateCell, Choose, Money, Icon, If, Can } from 'components';
+import {
+  Receipt_Abilities,
+  AbilitySubject,
+} from '../../../../common/abilityOption';
 
 export function ActionsMenu({
   payload: { onEdit, onDelete, onClose, onDrawer, onViewDetails, onPrint },
@@ -28,12 +32,14 @@ export function ActionsMenu({
         text={intl.get('view_details')}
         onClick={safeCallback(onViewDetails, receipt)}
       />
+      <Can I={Receipt_Abilities.Edit} a={AbilitySubject.Receipt}>
         <MenuDivider />
         <MenuItem
           icon={<Icon icon="pen-18" />}
           text={intl.get('edit_receipt')}
           onClick={safeCallback(onEdit, receipt)}
         />
+
         <If condition={!receipt.is_closed}>
           <MenuItem
             icon={<Icon icon={'check'} iconSize={18} />}
@@ -41,17 +47,22 @@ export function ActionsMenu({
             onClick={safeCallback(onClose, receipt)}
           />
         </If>
+      </Can>
+      <Can I={Receipt_Abilities.View} a={AbilitySubject.Receipt}>
         <MenuItem
           icon={<Icon icon={'print-16'} iconSize={16} />}
           text={intl.get('print')}
           onClick={safeCallback(onPrint, receipt)}
         />
+      </Can>
+      <Can I={Receipt_Abilities.Delete} a={AbilitySubject.Receipt}>
         <MenuItem
           text={intl.get('delete_receipt')}
           intent={Intent.DANGER}
           onClick={safeCallback(onDelete, receipt)}
           icon={<Icon icon="trash-16" iconSize={16} />}
         />
+      </Can>
     </Menu>
   );
 }