feat: adjustments.

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/DecrementAdjustmentFields.js

@@ -1,21 +1,23 @@
 import React from 'react';
-import { FastField, ErrorMessage } from 'formik';
-import { FormGroup, InputGroup } from '@blueprintjs/core';
-import { Row, Col, FieldRequiredHint } from 'components';
+import { sumBy, subtract, add } from 'lodash';
+import { FastField, ErrorMessage, useFormikContext } from 'formik';
+import { FormGroup, InputGroup, Intent } from '@blueprintjs/core';
 import { inputIntent } from 'utils';
+import { Row, Col, If, FieldRequiredHint } from 'components';
 import { FormattedMessage as T } from 'react-intl';
+import { calculate } from './utils';
 
 function DecrementAdjustmentFields() {
   return (
     <Row>
       {/*------------ Quantity on hand  -----------*/}
       <Col sm={3}>
-        <FastField name={'quantity'}>
+        <FastField name={'quantity_on_hand'}>
           {({ field, meta: { error, touched } }) => (
             <FormGroup
               label={<T id={'qty_on_hand'} />}
               intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="quantity" />}
+              helperText={<ErrorMessage name="quantity_on_hand" />}
             >
               <InputGroup disabled={true} medium={'true'} {...field} />
             </FormGroup>
@@ -24,15 +26,24 @@ function DecrementAdjustmentFields() {
       </Col>
       {/*------------ Decrement -----------*/}
       <Col sm={2}>
-        <FastField name={'decrement'}>
-          {({ field, meta: { error, touched } }) => (
+        <FastField name={'quantity'}>
+          {({
+            form: { values, setFieldValue },
+            field,
+            meta: { error, touched },
+          }) => (
             <FormGroup
               label={<T id={'decrement'} />}
               intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="decrement" />}
+              helperText={<ErrorMessage name="quantity" />}
               fill={true}
             >
-              <InputGroup medium={'true'} {...field} />
+              <InputGroup
+                {...field}
+                onBlur={(event) => {
+                  setFieldValue('new_quantity', calculate(values, field.value));
+                }}
+              />
             </FormGroup>
           )}
         </FastField>
@@ -40,13 +51,26 @@ function DecrementAdjustmentFields() {
       {/*------------ New quantity -----------*/}
       <Col sm={4}>
         <FastField name={'new_quantity'}>
-          {({ field, meta: { error, touched } }) => (
+          {({
+            form: { values, setFieldValue },
+            field,
+            meta: { error, touched },
+          }) => (
             <FormGroup
               label={<T id={'new_quantity'} />}
               intent={inputIntent({ error, touched })}
               helperText={<ErrorMessage name="new_quantity" />}
             >
-              <InputGroup medium={'true'} {...field} />
+              <InputGroup
+                medium={'true'}
+                {...field}
+                onBlur={(event) => {
+                  setFieldValue(
+                    'quantity',
+                    subtract(field.value, values.quantity_on_hand),
+                  );
+                }}
+              />
             </FormGroup>
           )}
         </FastField>

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/IncrementAdjustmentFields.js

@@ -1,21 +1,23 @@
 import React from 'react';
-import { FastField, ErrorMessage } from 'formik';
+import { FastField, ErrorMessage, useFormikContext } from 'formik';
+import { add, sumBy, subtract } from 'lodash';
 import { FormGroup, InputGroup, Intent } from '@blueprintjs/core';
 import { Row, Col, FieldRequiredHint } from 'components';
 import { inputIntent } from 'utils';
 import { FormattedMessage as T } from 'react-intl';
+import { calculate } from './utils';
 
 function IncrementAdjustmentFields() {
   return (
     <Row>
       {/*------------ Quantity on hand  -----------*/}
       <Col sm={3}>
-        <FastField name={'quantity'}>
+        <FastField name={'quantity_on_hand'}>
           {({ field, meta: { error, touched } }) => (
             <FormGroup
               label={<T id={'qty_on_hand'} />}
               intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="quantity" />}
+              helperText={<ErrorMessage name="quantity_on_hand" />}
             >
               <InputGroup disabled={true} medium={'true'} {...field} />
             </FormGroup>
@@ -24,15 +26,28 @@ function IncrementAdjustmentFields() {
       </Col>
       {/*------------ Increment -----------*/}
       <Col sm={2}>
-        <FastField name={'increment'}>
-          {({ field, meta: { error, touched } }) => (
+        <FastField name={'quantity'}>
+          {({
+            form: { values, setFieldValue },
+            field,
+            meta: { error, touched },
+          }) => (
             <FormGroup
               label={<T id={'increment'} />}
               intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="increment" />}
+              helperText={<ErrorMessage name="quantity" />}
               fill={true}
             >
-              <InputGroup medium={'true'} {...field} />
+              <InputGroup
+                medium={'true'}
+                {...field}
+                onBlur={(event) => {
+                  setFieldValue(
+                    'new_quantity',
+                    calculate(values, event.currentTarget.value),
+                  );
+                }}
+              />
             </FormGroup>
           )}
         </FastField>
@@ -54,13 +69,26 @@ function IncrementAdjustmentFields() {
       {/*------------ New quantity -----------*/}
       <Col sm={4}>
         <FastField name={'new_quantity'}>
-          {({ field, meta: { error, touched } }) => (
+          {({
+            form: { values, setFieldValue },
+            field,
+            meta: { error, touched },
+          }) => (
             <FormGroup
               label={<T id={'new_quantity'} />}
               intent={inputIntent({ error, touched })}
               helperText={<ErrorMessage name="new_quantity" />}
             >
-              <InputGroup medium={'true'} {...field} />
+              <InputGroup
+                medium={'true'}
+                {...field}
+                onBlur={(event) => {
+                  setFieldValue(
+                    'quantity',
+                    subtract(field.value, values.quantity_on_hand),
+                  );
+                }}
+              />
             </FormGroup>
           )}
         </FastField>

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFloatingActions.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Intent, Button, Classes } from '@blueprintjs/core';
+import { useFormikContext } from 'formik';
+import { FormattedMessage as T } from 'react-intl';
+import { saveInvoke } from 'utils';
+
+export default function InventoryAdjustmentFloatingActions({
+  onCloseClick,
+  onSubmitClick,
+}) {
+  const { isSubmitting } = useFormikContext();
+
+  const handleSubmitDraftBtnClick = (event) => {
+    saveInvoke(onSubmitClick, event, {
+      publish: false,
+    });
+  };
+  const handleSubmitMakeAdjustmentBtnClick = (event) => {
+    saveInvoke(onSubmitClick, event, {
+      publish: true,
+    });
+  };
+
+  return (
+    <div className={Classes.DIALOG_FOOTER}>
+      <div className={Classes.DIALOG_FOOTER_ACTIONS}>
+        <Button onClick={onCloseClick} style={{ minWidth: '75px' }}>
+          <T id={'close'} />
+        </Button>
+
+        <Button
+          disabled={isSubmitting}
+          style={{ minWidth: '75px' }}
+          type="submit"
+          onClick={handleSubmitDraftBtnClick}
+        >
+          {<T id={'save_as_draft'} />}
+        </Button>
+        <Button
+          intent={Intent.PRIMARY}
+          disabled={isSubmitting}
+          style={{ minWidth: '75px' }}
+          type="submit"
+          onClick={handleSubmitMakeAdjustmentBtnClick}
+        >
+          {<T id={'make_adjustment'} />}
+        </Button>
+      </div>
+    </div>
+  );
+}

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentForm.schema.js

@@ -6,22 +6,25 @@ const Schema = Yup.object().shape({
   date: Yup.date()
     .required()
     .label(formatMessage({ id: 'date' })),
-  type: Yup.number().required(),
-  adjustment_account_id: Yup.number().required(),
+  type: Yup.string().required(),
+  adjustment_account_id: Yup.string().required(),
+  item_id: Yup.number().required(),
   reason: Yup.string()
     .required()
     .label(formatMessage({ id: 'reason' })),
-  quantity: Yup.number().when(['type'], {
-    is: (type) => type,
-    then: Yup.number().required(),
-  }),
+  quantity_on_hand: Yup.number()
+    .min(0)
+    .required()
+    .label(formatMessage({ id: 'qty' })),
+  quantity: Yup.number().integer().max(Yup.ref('quantity_on_hand')).required(),
   cost: Yup.number().when(['type'], {
     is: (type) => type,
-    then: Yup.number().required(),
+    then: Yup.number(),
   }),
   reference_no: Yup.string(),
-  new_quantity: Yup.number(),
+  new_quantity: Yup.number().min(Yup.ref('quantity')).required(),
   description: Yup.string().min(3).max(DATATYPES_LENGTH.TEXT).nullable().trim(),
+  publish: Yup.boolean(),
 });
 
 export const CreateInventoryAdjustmentFormSchema = Schema;

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogContent.js

@@ -1,33 +1,31 @@
-import React, { useCallback, useMemo } from 'react';
+import React, { useState, useCallback, useMemo } from 'react';
 import { Intent } from '@blueprintjs/core';
-import { Formik } from 'formik';
+import { Formik, Form } from 'formik';
 import { FormattedMessage as T, useIntl } from 'react-intl';
 import { useQuery, queryCache } from 'react-query';
 import moment from 'moment';
 import { omit } from 'lodash';
 
-import {
-  AppToaster,
-  DialogContent,
-  Row,
-  Col,
-  ListSelect,
-  IF,
-} from 'components';
+import { AppToaster, DialogContent } from 'components';
 import { CreateInventoryAdjustmentFormSchema } from './InventoryAdjustmentForm.schema';
 import InventoryAdjustmentFormDialogFields from './InventoryAdjustmentFormDialogFields';
-
+import InventoryAdjustmentFloatingActions from './InventoryAdjustmentFloatingActions';
 import withDialogActions from 'containers/Dialog/withDialogActions';
-
+import withInventoryAdjustmentActions from 'containers/Items/withInventoryAdjustmentActions';
 import { compose } from 'utils';
 
 const defaultInitialValues = {
   date: moment(new Date()).format('YYYY-MM-DD'),
   type: 'decrement',
   adjustment_account_id: '',
+  item_id: '',
   reason: '',
+  cost: '',
+  quantity: '',
   reference_no: '',
+  quantity_on_hand: '',
   description: '',
+  publish: '',
 };
 
 /**
@@ -40,31 +38,38 @@ function InventoryAdjustmentFormDialogContent({
   // #withAccountsActions
   requestFetchAccounts,
 
+  // #withInventoryAdjustmentActions
+  requestSubmitInventoryAdjustment,
+
   // #ownProp
+  itemDetail,
   dialogName,
-  action,
 }) {
   const { formatMessage } = useIntl();
+  const [submitPayload, setSubmitPayload] = useState({});
 
   // Fetches accounts list.
-  const fetchAccountsList = useQuery('accounts-list', () =>
-    requestFetchAccounts(),
-  );
+  const fetchAccount = useQuery('accounts-list', () => requestFetchAccounts());
 
   const initialValues = useMemo(
     () => ({
       ...defaultInitialValues,
+      ...itemDetail,
     }),
     [],
   );
 
   // Handles the form submit.
   const handleFormSubmit = (values, { setSubmitting, setErrors }) => {
-    const form = { ...values };
+    const form = {
+      ...omit(values, ['quantity_on_hand', 'new_quantity', 'action']),
+      publish: submitPayload.publish,
+    };
 
     const onSuccess = ({ response }) => {
       closeDialog(dialogName);
       queryCache.invalidateQueries('accounts-list');
+      queryCache.invalidateQueries('items-table');
 
       AppToaster.show({
         message: formatMessage({
@@ -76,14 +81,21 @@ function InventoryAdjustmentFormDialogContent({
     const onError = (error) => {
       setSubmitting(false);
     };
-    //requestInventoryAdjustment
+    requestSubmitInventoryAdjustment({ form }).then(onSuccess).catch(onError);
   };
 
   // Handles dialog close.
-  const handleClose = useCallback(() => {
+  const handleCloseClick = useCallback(() => {
     closeDialog(dialogName);
   }, [closeDialog, dialogName]);
 
+  const handleSubmitClick = useCallback(
+    (event, payload) => {
+      setSubmitPayload({ ...payload });
+    },
+    [setSubmitPayload],
+  );
+
   return (
     <DialogContent>
       <Formik
@@ -91,13 +103,19 @@ function InventoryAdjustmentFormDialogContent({
         initialValues={initialValues}
         onSubmit={handleFormSubmit}
       >
-        <InventoryAdjustmentFormDialogFields
-          dialogName={dialogName}
-          onClose={handleClose}
-        />
+        <Form>
+          <InventoryAdjustmentFormDialogFields dialogName={dialogName} />
+          <InventoryAdjustmentFloatingActions
+            onSubmitClick={handleSubmitClick}
+            onCloseClick={handleCloseClick}
+          />
+        </Form>
       </Formik>
     </DialogContent>
   );
 }
 
-export default compose(withDialogActions)(InventoryAdjustmentFormDialogContent);
+export default compose(
+  withInventoryAdjustmentActions,
+  withDialogActions,
+)(InventoryAdjustmentFormDialogContent);

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.js

@@ -1,24 +1,16 @@
 import React from 'react';
+import { FastField, ErrorMessage, useFormikContext } from 'formik';
 import {
-  Form,
-  FastField,
-  ErrorMessage,
-  useFormikContext,
-  useField,
-} from 'formik';
-import {
-  Button,
   Classes,
   FormGroup,
   InputGroup,
-  Intent,
   TextArea,
   Position,
 } from '@blueprintjs/core';
 import classNames from 'classnames';
-import { FormattedMessage as T } from 'react-intl';
+import { FormattedMessage as T, useIntl } from 'react-intl';
 import { DateInput } from '@blueprintjs/datetime';
-import { ListSelect, Choose, If, FieldRequiredHint } from 'components';
+import { ListSelect, Choose, FieldRequiredHint } from 'components';
 import {
   inputIntent,
   momentFormatter,
@@ -30,7 +22,6 @@ import adjustmentType from 'common/adjustmentType';
 import IncrementAdjustmentFields from './IncrementAdjustmentFields';
 import DecrementAdjustmentFields from './DecrementAdjustmentFields';
 import AccountsSuggestField from 'components/AccountsSuggestField';
-
 import withAccounts from 'containers/Accounts/withAccounts';
 import { compose } from 'redux';
 
@@ -38,158 +29,135 @@ import { compose } from 'redux';
  * Inventory adjustment form dialogs fields.
  */
 function InventoryAdjustmentFormDialogFields({
-  // #ownProps
-  onClose,
-
   //# withAccount
   accountsList,
 }) {
-  const { values, isSubmitting } = useFormikContext();
-
+  const { values } = useFormikContext();
+  const { formatMessage } = useIntl();
+  // console.log(values, 'EE');
   return (
-    <Form>
-      <div className={Classes.DIALOG_BODY}>
-        {/*------------ Date -----------*/}
-        <FastField name={'date'}>
-          {({ form, field: { value }, meta: { error, touched } }) => (
-            <FormGroup
-              label={<T id={'date'} />}
-              labelInfo={<FieldRequiredHint />}
-              intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="date" />}
-              minimal={true}
-              className={classNames(CLASSES.FILL)}
-            >
-              <DateInput
-                {...momentFormatter('YYYY/MM/DD')}
-                onChange={handleDateChange((formattedDate) => {
-                  form.setFieldValue('date', formattedDate);
-                })}
-                value={tansformDateValue(value)}
-                popoverProps={{
-                  position: Position.BOTTOM,
-                  minimal: true,
-                }}
-              />
-            </FormGroup>
-          )}
-        </FastField>
-
-        {/*------------ Adjustment type -----------*/}
-        <FastField name={'type'}>
-          {({ form, field: { value }, meta: { error, touched } }) => (
-            <FormGroup
-              label={<T id={'adjustment_type'} />}
-              labelInfo={<FieldRequiredHint />}
-              helperText={<ErrorMessage name="type" />}
-              intent={inputIntent({ error, touched })}
-              className={classNames(CLASSES.FILL)}
-            >
-              <ListSelect
-                items={adjustmentType}
-                onItemSelect={(type) => {
-                  console.log(type.value, 'EE');
-                  form.setFieldValue('type', type.value);
-                }}
-                selectedItem={value}
-                selectedItemProp={'value'}
-                labelProp={'name'}
-                popoverProps={{ minimal: true }}
-              />
-            </FormGroup>
-          )}
-        </FastField>
-        <Choose>
-          <Choose.When condition={values.type === 'decrement'}>
-            <DecrementAdjustmentFields />
-          </Choose.When>
-          <Choose.When condition={values.type === 'increment'}>
-            <IncrementAdjustmentFields />
-          </Choose.When>
-        </Choose>
-
-        {/*------------ Reason -----------*/}
-        <FastField name={'reason'}>
-          {({ form, field, meta: { error, touched } }) => (
-            <FormGroup
-              label={<T id={'reason'} />}
-              labelInfo={<FieldRequiredHint />}
-              intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="reason" />}
-            >
-              <InputGroup fill={true} {...field} />
-            </FormGroup>
-          )}
-        </FastField>
-        {/*------------ Adjustment account -----------*/}
-        <FastField name={'adjustment_account_id'}>
-          {({ form, field, meta: { error, touched } }) => (
-            <FormGroup
-              label={<T id={'adjustment_account'} />}
-              labelInfo={<FieldRequiredHint />}
-              intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="reason" />}
-            >
-              <AccountsSuggestField
-                accounts={accountsList}
-                onAccountSelected={(item) =>
-                  form.setFieldValue('adjustment_account_id', item)
-                }
-              />
-            </FormGroup>
-          )}
-        </FastField>
-        {/*------------ Reference -----------*/}
-        <FastField name={'reference_no'}>
-          {({ form, field, meta: { error, touched } }) => (
-            <FormGroup
-              label={<T id={'reference_no'} />}
-              className={classNames(CLASSES.FILL)}
-              intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name="reference_no" />}
-            >
-              <InputGroup {...field} />
-            </FormGroup>
-          )}
-        </FastField>
-        {/*------------ description -----------*/}
-        <FastField name={'description'}>
-          {({ field, meta: { error, touched } }) => (
-            <FormGroup
-              label={<T id={'description'} />}
-              className={'form-group--description'}
-              intent={inputIntent({ error, touched })}
-              helperText={<ErrorMessage name={'description'} />}
-            >
-              <TextArea growVertically={true} large={true} {...field} />
-            </FormGroup>
-          )}
-        </FastField>
-      </div>
-      <div className={Classes.DIALOG_FOOTER}>
-        <div className={Classes.DIALOG_FOOTER_ACTIONS}>
-          <Button onClick={onClose} style={{ minWidth: '75px' }}>
-            <T id={'close'} />
-          </Button>
-
-          <Button
-            disabled={isSubmitting}
-            style={{ minWidth: '75px' }}
-            type="submit"
+    <div className={Classes.DIALOG_BODY}>
+      {/*------------ Date -----------*/}
+      <FastField name={'date'}>
+        {({ form, field: { value }, meta: { error, touched } }) => (
+          <FormGroup
+            label={<T id={'date'} />}
+            labelInfo={<FieldRequiredHint />}
+            intent={inputIntent({ error, touched })}
+            helperText={<ErrorMessage name="date" />}
+            minimal={true}
+            className={classNames(CLASSES.FILL)}
           >
-            {<T id={'save_as_draft'} />}
-          </Button>
-          <Button
-            intent={Intent.PRIMARY}
-            disabled={isSubmitting}
-            style={{ minWidth: '75px' }}
-            type="submit"
+            <DateInput
+              {...momentFormatter('YYYY/MM/DD')}
+              onChange={handleDateChange((formattedDate) => {
+                form.setFieldValue('date', formattedDate);
+              })}
+              value={tansformDateValue(value)}
+              popoverProps={{
+                position: Position.BOTTOM,
+                minimal: true,
+              }}
+            />
+          </FormGroup>
+        )}
+      </FastField>
+
+      {/*------------ Adjustment type -----------*/}
+      <FastField name={'type'}>
+        {({ form, field: { value }, meta: { error, touched } }) => (
+          <FormGroup
+            label={<T id={'adjustment_type'} />}
+            labelInfo={<FieldRequiredHint />}
+            helperText={<ErrorMessage name="type" />}
+            intent={inputIntent({ error, touched })}
+            className={classNames(CLASSES.FILL)}
           >
-            {<T id={'make_adjustment'} />}
-          </Button>
-        </div>
-      </div>
-    </Form>
+            <ListSelect
+              items={adjustmentType}
+              onItemSelect={(type) => {
+                form.setFieldValue('type', type.value);
+              }}
+              filterable={false}
+              selectedItem={value}
+              selectedItemProp={'value'}
+              labelProp={'name'}
+              popoverProps={{ minimal: true }}
+            />
+          </FormGroup>
+        )}
+      </FastField>
+      <Choose>
+        <Choose.When condition={values.type === 'decrement'}>
+          <DecrementAdjustmentFields />
+        </Choose.When>
+        <Choose.When condition={values.type === 'increment'}>
+          <IncrementAdjustmentFields />
+        </Choose.When>
+      </Choose>
+      {/*------------ Reason -----------*/}
+      <FastField name={'reason'}>
+        {({ form, field, meta: { error, touched } }) => (
+          <FormGroup
+            label={<T id={'reason'} />}
+            labelInfo={<FieldRequiredHint />}
+            intent={inputIntent({ error, touched })}
+            helperText={<ErrorMessage name="reason" />}
+          >
+            <InputGroup fill={true} {...field} />
+          </FormGroup>
+        )}
+      </FastField>
+      {/*------------ Adjustment account -----------*/}
+      <FastField name={'adjustment_account_id'}>
+        {({ form, field, meta: { error, touched } }) => (
+          <FormGroup
+            label={<T id={'adjustment_account'} />}
+            labelInfo={<FieldRequiredHint />}
+            intent={inputIntent({ error, touched })}
+            helperText={<ErrorMessage name="reason" />}
+          >
+            <AccountsSuggestField
+              accounts={accountsList}
+              onAccountSelected={(item) =>
+                form.setFieldValue('adjustment_account_id', item.id)
+              }
+              inputProps={{
+                placeholder: formatMessage({
+                  id: 'select_adjustment_account',
+                }),
+              }}
+            />
+          </FormGroup>
+        )}
+      </FastField>
+      {/*------------ Reference -----------*/}
+      <FastField name={'reference_no'}>
+        {({ form, field, meta: { error, touched } }) => (
+          <FormGroup
+            label={<T id={'reference_no'} />}
+            className={classNames(CLASSES.FILL)}
+            intent={inputIntent({ error, touched })}
+            helperText={<ErrorMessage name="reference_no" />}
+          >
+            <InputGroup {...field} />
+          </FormGroup>
+        )}
+      </FastField>
+      {/*------------ description -----------*/}
+      <FastField name={'description'}>
+        {({ field, meta: { error, touched } }) => (
+          <FormGroup
+            label={<T id={'description'} />}
+            className={'form-group--description'}
+            intent={inputIntent({ error, touched })}
+            helperText={<ErrorMessage name={'description'} />}
+          >
+            <TextArea growVertically={true} large={true} {...field} />
+          </FormGroup>
+        )}
+      </FastField>
+    </div>
   );
 }
 

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/index.js

@@ -27,7 +27,7 @@ function InventoryAdjustmentFormDialog({
       <DialogSuspense>
         <InventoryAdjustmentFormDialogContent
           dialogName={dialogName}
-          action={payload.action}
+          itemDetail={payload}
         />
       </DialogSuspense>
     </Dialog>

client/src/containers/Dialogs/InventoryAdjustmentFormDialog/utils.js

@@ -0,0 +1,20 @@
+import { add, sumBy, subtract } from 'lodash';
+
+export const calculate = ({ type, quantity_on_hand }, operator) => {
+  const qty = parseInt(quantity_on_hand);
+  const quantity = parseInt(operator);
+
+  if (type == 'decrement') {
+    return subtract(qty, quantity);
+  } else {
+    return add(qty, quantity);
+  }
+};
+
+// function calculate(qty, operator) {
+//   return operator > 0
+//     ? calculate(qty + 1, operator - 1)
+//     : operator < 0
+//     ? calculate(qty - 1, operator + 1)
+//     : qty;
+// }