feat: add item & inventory adjustment ability.

src/common/abilityOption.js

@@ -1,17 +1,80 @@
 export const AbilitySubject = {
   Item: 'Item',
-  InventoryAdjustment: 'InventoryAdjustment',
+  Inventory_Adjustment: 'Inventory_Adjustment',
+  Estimate: 'Estimate',
+  Invoice: 'Invoice',
+  Receipt: 'Receipt',
+  PaymentReceive: 'PaymentReceive',
+  Bill: 'Bill',
+  PaymentMade: 'PaymentMade',
+  Customer: 'Customer',
+  Vendor: 'Vendor',
 };
 
-export const ItemAbility = {
+export const Item_Abilities = {
   View: 'view',
   Create: 'create',
   Edit: 'edit',
   Delete: 'delete',
 };
 
-export const InventoryAdjustment = {
+export const Inventory_Adjustment_Abilities = {
-  View: 'view',
   Create: 'create',
+  View: 'view',
+  Delete: 'delete',
+};
+
+export const SaleEstimate = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+};
+
+export const SaleInvoice = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+  BadDebt: 'bad-debt',
+};
+
+export const SaleReceipt = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+};
+
+export const PaymentReceive = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+};
+
+export const Bill = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+};
+
+export const PaymentMade = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+};
+export const CustomerAbilities = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
+  Delete: 'delete',
+};
+export const VendorAbilities = {
+  View: 'view',
+  Create: 'create',
+  Edit: 'edit',
   Delete: 'delete',
 };

src/components/Can.js

@@ -3,9 +3,15 @@ import { Ability } from '@casl/ability';
 import { createContextualCan } from '@casl/react';
 
 import {
-  ItemAbility,
+  Item_Abilities,
   AbilitySubject,
-  InventoryAdjustment,
+  Inventory_Adjustment_Abilities,
+  SaleEstimate,
+  SaleInvoice,
+  SaleReceipt,
+  PaymentReceive,
+  Bill,
+  PaymentMade,
 } from '../common/abilityOption';
 
 export const AbilityContext = React.createContext();
@@ -14,8 +20,12 @@ export const Can = createContextualCan(AbilityContext.Consumer);
 const AbilityContextProvider = (props) => {
   const ability = new Ability([
     {
-      subject: [AbilitySubject.Item],
+      subject: [AbilitySubject.PaymentMade],
-      action: [ItemAbility.Create, ItemAbility.Edit],
+      action: [PaymentMade.Edit],
+    },
+    {
+      subject: [AbilitySubject.Bill],
+      action: [Bill.Create],
     },
   ]);
 

src/containers/Drawers/InventoryAdjustmentDetailDrawer/InventoryAdjustmentDetailActionsBar.js

@@ -9,7 +9,7 @@ import withAlertsActions from 'containers/Alert/withAlertActions';
 
 import { Icon, FormattedMessage as T, Can } from 'components';
 import {
-  InventoryAdjustment,
+  Inventory_Adjustment_Abilities,
   AbilitySubject,
 } from '../../../common/abilityOption';
 
@@ -30,7 +30,10 @@ function InventoryAdjustmentDetailActionsBar({
   };
 
   return (
-    <Can I={InventoryAdjustment.Delete} a={AbilitySubject.InventoryAdjustment}>
+    <Can
+      I={Inventory_Adjustment_Abilities.Delete}
+      a={AbilitySubject.Inventory_Adjustment}
+    >
       <DashboardActionsBar>
         <NavbarGroup>
           <Button

src/containers/Drawers/ItemDetailDrawer/ItemDetailActionsBar.js

@@ -10,7 +10,7 @@ import {
 import DashboardActionsBar from 'components/Dashboard/DashboardActionsBar';
 
 import { useItemDetailDrawerContext } from './ItemDetailDrawerProvider';
-import { ItemAbility, AbilitySubject } from '../../../common/abilityOption';
+import { Item_Abilities, AbilitySubject } from '../../../common/abilityOption';
 
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
@@ -48,7 +48,7 @@ function ItemDetailActionsBar({
   return (
     <DashboardActionsBar>
       <NavbarGroup>
-        <Can I={ItemAbility.Edit} a={AbilitySubject.Item}>
+        <Can I={Item_Abilities.Edit} a={AbilitySubject.Item}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="pen-18" />}
@@ -58,7 +58,7 @@ function ItemDetailActionsBar({
 
           <NavbarDivider />
         </Can>
-        <Can I={ItemAbility.Delete} a={AbilitySubject.Item}>
+        <Can I={Item_Abilities.Delete} a={AbilitySubject.Item}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon={'trash-16'} iconSize={16} />}

src/containers/InventoryAdjustments/components.js

@@ -17,7 +17,7 @@ import { isNumber } from 'lodash';
 import { Icon, Money, If } from 'components';
 import { isBlank, safeCallback } from 'utils';
 import {
-  InventoryAdjustment,
+  Inventory_Adjustment_Abilities,
   AbilitySubject,
 } from '../../common/abilityOption';
 
@@ -106,22 +106,23 @@ export const ActionsMenu = ({
         text={intl.get('view_details')}
         onClick={safeCallback(onViewDetails, original)}
       />
-      <If condition={!original.is_published}>
+
+      <Can
+        I={Inventory_Adjustment_Abilities.Create}
+        a={AbilitySubject.Inventory_Adjustment}
+      >
         <MenuDivider />
-        <Can
+        <If condition={!original.is_published}>
-          I={InventoryAdjustment.Create}
-          a={AbilitySubject.InventoryAdjustment}
-        >
           <MenuItem
             icon={<Icon icon={'arrow-to-top'} size={16} />}
             text={intl.get('publish_adjustment')}
             onClick={safeCallback(onPublish, original)}
           />
-        </Can>
+        </If>
-      </If>
+      </Can>
       <Can
-        I={InventoryAdjustment.Delete}
+        I={Inventory_Adjustment_Abilities.Delete}
-        a={AbilitySubject.InventoryAdjustment}
+        a={AbilitySubject.Inventory_Adjustment}
       >
         <MenuItem
           text={intl.get('delete_adjustment')}

src/containers/Items/ItemsActionsBar.js

@@ -31,7 +31,7 @@ import withSettings from '../Settings/withSettings';
 import { compose } from 'utils';
 import withSettingsActions from '../Settings/withSettingsActions';
 
-import { ItemAbility, AbilitySubject } from '../../common/abilityOption';
+import { Item_Abilities, AbilitySubject } from '../../common/abilityOption';
 
 /**
  * Items actions bar.
@@ -104,7 +104,7 @@ function ItemsActionsBar({
         />
         <NavbarDivider />
 
-        <Can I={ItemAbility.Create} a={AbilitySubject.Item}>
+        <Can I={Item_Abilities.Create} a={AbilitySubject.Item}>
           <Button
             className={Classes.MINIMAL}
             icon={<Icon icon="plus" />}
@@ -153,7 +153,7 @@ function ItemsActionsBar({
           onChange={handleTableRowSizeChange}
         />
         <NavbarDivider />
-        <Can I={ItemAbility.View} a={AbilitySubject.Item}>
+        <Can I={Item_Abilities.Edit} a={AbilitySubject.Item}>
           <Switch
             labelElement={<T id={'inactive'} />}
             defaultChecked={itemsInactiveMode}

src/containers/Items/components.js

@@ -15,9 +15,9 @@ import { isNumber } from 'lodash';
 import { FormattedMessage as T, Icon, Money, If, Can } from 'components';
 import { isBlank, safeCallback } from 'utils';
 import {
-  ItemAbility,
-  InventoryAdjustment,
   AbilitySubject,
+  Item_Abilities,
+  Inventory_Adjustment_Abilities,
 } from '../../common/abilityOption';
 
 /**
@@ -95,52 +95,52 @@ export function ItemsActionMenuList({
         text={<T id={'view_details'} />}
         onClick={safeCallback(onViewDetails, original)}
       />
-      <MenuDivider />
+      <Can I={Item_Abilities.Edit} a={AbilitySubject.Item}>
-      <Can I={ItemAbility.Edit} a={AbilitySubject.Item}>
+        <MenuDivider />
         <MenuItem
           icon={<Icon icon="pen-18" />}
           text={intl.get('edit_item')}
           onClick={safeCallback(onEditItem, original)}
         />
       </Can>
-      <Can I={ItemAbility.Create} a={AbilitySubject.Item}>
+      <Can I={Item_Abilities.Create} a={AbilitySubject.Item}>
         <MenuItem
           icon={<Icon icon="duplicate-16" />}
           text={intl.get('duplicate')}
           onClick={safeCallback(onDuplicate, original)}
         />
       </Can>
-      <If condition={original.active}>
+      <Can I={Item_Abilities.View} a={AbilitySubject.Item}>
-        <Can I={ItemAbility.View} a={AbilitySubject.Item}>
+        <If condition={original.active}>
           <MenuItem
             text={intl.get('inactivate_item')}
             icon={<Icon icon="pause-16" iconSize={16} />}
             onClick={safeCallback(onInactivateItem, original)}
           />
-        </Can>
+        </If>
-      </If>
+      </Can>
-      <If condition={!original.active}>
+      <Can I={Item_Abilities.Edit} a={AbilitySubject.Item}>
-        <Can I={ItemAbility.View} a={AbilitySubject.Item}>
+        <If condition={!original.active}>
           <MenuItem
             text={intl.get('activate_item')}
             icon={<Icon icon="play-16" iconSize={16} />}
             onClick={safeCallback(onActivateItem, original)}
           />
-        </Can>
+        </If>
-      </If>
+      </Can>
-      <If condition={original.type === 'inventory'}>
+      <Can
-        <Can
+        I={Inventory_Adjustment_Abilities.Edit}
-          I={InventoryAdjustment.Create}
+        a={AbilitySubject.Inventory_Adjustment}
-          a={AbilitySubject.InventoryAdjustment}
+      >
-        >
+        <If condition={original.type === 'inventory'}>
           <MenuItem
             text={intl.get('make_adjustment')}
             icon={<Icon icon={'swap-vert'} iconSize={16} />}
             onClick={safeCallback(onMakeAdjustment, original)}
           />
-        </Can>
+        </If>
-      </If>
+      </Can>
-      <Can I={ItemAbility.Delete} a={AbilitySubject.Item}>
+      <Can I={Item_Abilities.Delete} a={AbilitySubject.Item}>
         <MenuItem
           text={intl.get('delete_item')}
           icon={<Icon icon="trash-16" iconSize={16} />}