chore: Refactoring all import directories to alias and all .js|.jsx renamed to be .ts|.tsx

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetail.tsx

@@ -1,19 +1,16 @@
 import React from 'react';
-import { Tab } from '@blueprintjs/core';
-import styled from 'styled-components';
 import intl from 'react-intl-universal';
+import styled from 'styled-components';
+import { Tab } from '@blueprintjs/core';
 
-import { useAbilityContext } from 'hooks/utils';
-import { DrawerMainTabs } from 'components';
+import { useAbilityContext } from '@/hooks/utils';
+import { DrawerMainTabs } from '@/components';
 import CreditNoteDetailActionsBar from './CreditNoteDetailActionsBar';
 import CreditNoteDetailPanel from './CreditNoteDetailPanel';
 import RefundCreditNoteTransactionsTable from './RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable';
 import ReconcileCreditNoteTransactionsTable from './ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable';
 import { CreditNoteGLEntriesTable } from './JournalEntriesTransactions/JournalEntriesTransactionsTable';
-import {
-  CreditNoteAction,
-  AbilitySubject,
-} from '../../../common/abilityOption';
+import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption';
 
 /**
  * Credit Note view detail.

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailActionsBar.tsx

@@ -10,9 +10,9 @@ import {
 
 import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
 
-import withDialogActions from 'containers/Dialog/withDialogActions';
-import withAlertsActions from 'containers/Alert/withAlertActions';
-import withDrawerActions from 'containers/Drawer/withDrawerActions';
+import withDialogActions from '@/containers/Dialog/withDialogActions';
+import withAlertsActions from '@/containers/Alert/withAlertActions';
+import withDrawerActions from '@/containers/Drawer/withDrawerActions';
 
 import {
   DrawerActionsBar,
@@ -20,13 +20,10 @@ import {
   Icon,
   FormattedMessage as T,
   If,
-} from 'components';
-import {
-  CreditNoteAction,
-  AbilitySubject,
-} from '../../../common/abilityOption';
+} from '@/components';
+import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption';
 
-import { compose } from 'utils';
+import { compose } from '@/utils';
 import { CreditNoteMenuItem } from './utils';
 
 /**

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerContent.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DrawerBody } from 'components';
+import { DrawerBody } from '@/components';
 
 import CreditNoteDetail from './CreditNoteDetail';
 import { CreditNoteDetailDrawerProvider } from './CreditNoteDetailDrawerProvider';

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailDrawerProvider.tsx

@@ -5,10 +5,10 @@ import {
   useRefundCreditNote,
   useReconcileCreditNote,
   useReconcileCreditNotes,
-} from 'hooks/query';
-import { DrawerHeaderContent, DrawerLoading } from 'components';
-import { Features } from 'common';
-import { useFeatureCan } from 'hooks/state';
+} from '@/hooks/query';
+import { Features } from '@/constants';
+import { useFeatureCan } from '@/hooks/state';
+import { DrawerHeaderContent, DrawerLoading } from '@/components';
 
 const CreditNoteDetailDrawerContext = React.createContext();
 

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailFooter.tsx

@@ -5,7 +5,7 @@ import {
   If,
   DetailsMenu,
   DetailItem,
-} from 'components';
+} from '@/components';
 
 import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
 

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailHeader.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import intl from 'react-intl-universal';
-import { defaultTo } from 'lodash';
 import styled from 'styled-components';
+import { defaultTo } from 'lodash';
 
 import {
   FormatDate,
@@ -15,7 +15,7 @@ import {
   CommercialDocTopHeader,
   CustomerDrawerLink,
   ExchangeRateDetailItem,
-} from 'components';
+} from '@/components';
 import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
 
 import { CreditNoteDetailsStatus } from './utils';

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailPanel.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { CommercialDocBox } from 'components';
+import { CommercialDocBox } from '@/components';
 
 import CreditNoteDetailHeader from './CreditNoteDetailHeader';
 import CreditNoteDetailTable from './CreditNoteDetailTable';

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTable.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { CommercialDocEntriesTable } from 'components';
+import { CommercialDocEntriesTable } from '@/components';
 
 import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
 import { useCreditNoteReadOnlyEntriesColumns } from './utils';

src/containers/Drawers/CreditNoteDetailDrawer/CreditNoteDetailTableFooter.tsx

@@ -8,7 +8,7 @@ import {
   FormatNumber,
   TotalLineBorderStyle,
   TotalLineTextStyle,
-} from 'components';
+} from '@/components';
 import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
 
 /**

src/containers/Drawers/CreditNoteDetailDrawer/JournalEntriesTransactions/JournalEntriesTransactionsTable.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
-import { Card } from 'components';
+import { Card } from '@/components';
 
 import { useCreditNoteDetailDrawerContext } from '../CreditNoteDetailDrawerProvider';
-import { useTransactionsByReference } from 'hooks/query';
+import { useTransactionsByReference } from '@/hooks/query';
 import { useJournalEntriesTransactionsColumns } from './components';
 
 import JournalEntriesTable, {
   AmountDisplayedBaseCurrencyMessage,
-} from '../../../JournalEntriesTable/JournalEntriesTable';
+} from '@/containers/JournalEntriesTable/JournalEntriesTable';
 
 /**
  * Journal entries table.

src/containers/Drawers/CreditNoteDetailDrawer/JournalEntriesTransactions/components.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import intl from 'react-intl-universal';
-import { FormatDateCell, Icon } from '../../../../components';
+import { FormatDateCell } from '@/components';
 
-import 'style/pages/JournalEntries/List.scss';
+import '@/style/pages/JournalEntries/List.scss';
 
 /**
  * Retrieve journal entries transactions table columns.

src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/ReconcileCreditNoteTransactionsTable.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DataTable, Card } from 'components';
+import { DataTable, Card } from '@/components';
 
-import { TableStyle } from 'common';
-import withAlertsActions from 'containers/Alert/withAlertActions';
+import { TableStyle } from '@/constants';
+import withAlertsActions from '@/containers/Alert/withAlertActions';
 
 import { useCreditNoteDetailDrawerContext } from '../CreditNoteDetailDrawerProvider';
 import {
@@ -10,7 +10,7 @@ import {
   ActionsMenu,
 } from './components';
 
-import { compose } from 'utils';
+import { compose } from '@/utils';
 
 /**
  * Reconcile credit transactions table.

src/containers/Drawers/CreditNoteDetailDrawer/ReconcileCreditNoteTransactions/components.tsx

@@ -1,12 +1,9 @@
 import React from 'react';
-import { Intent, MenuItem, Menu } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
-import { Can, FormatDateCell, Icon } from 'components';
-import { safeCallback } from 'utils';
-import {
-  CreditNoteAction,
-  AbilitySubject,
-} from '../../../../common/abilityOption';
+import { Intent, MenuItem, Menu } from '@blueprintjs/core';
+import { safeCallback } from '@/utils';
+import { Can, FormatDateCell, Icon } from '@/components';
+import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption';
 
 /**
  * Actions menu.

src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/RefundCreditNoteTransactionsTable.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { DataTable, Card } from 'components';
+import { DataTable, Card } from '@/components';
 
-import { TableStyle } from 'common';
-import withAlertsActions from 'containers/Alert/withAlertActions';
+import { TableStyle } from '@/constants';
+import withAlertsActions from '@/containers/Alert/withAlertActions';
 
 import { useCreditNoteDetailDrawerContext } from '../CreditNoteDetailDrawerProvider';
 import {
@@ -10,7 +10,7 @@ import {
   ActionsMenu,
 } from './components';
 
-import { compose } from 'utils';
+import { compose } from '@/utils';
 
 /**
  * Refund credit note transactions table.

src/containers/Drawers/CreditNoteDetailDrawer/RefundCreditNoteTransactions/components.tsx

@@ -1,12 +1,9 @@
 import React from 'react';
-import { Intent, MenuItem, Menu } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
-import { Can, FormatDateCell, Icon } from 'components';
-import { safeCallback } from 'utils';
-import {
-  CreditNoteAction,
-  AbilitySubject,
-} from '../../../../common/abilityOption';
+import { Intent, MenuItem, Menu } from '@blueprintjs/core';
+import { Can, FormatDateCell, Icon } from '@/components';
+import { safeCallback } from '@/utils';
+import { CreditNoteAction, AbilitySubject } from '@/constants/abilityOption';
 
 /**
  * Actions menu.

src/containers/Drawers/CreditNoteDetailDrawer/index.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Drawer, DrawerSuspense } from 'components';
-import withDrawers from 'containers/Drawer/withDrawers';
+import { Drawer, DrawerSuspense } from '@/components';
+import withDrawers from '@/containers/Drawer/withDrawers';
 
-import { compose } from 'utils';
+import { compose } from '@/utils';
 
 const CreditNoteDetailDrawerContent = React.lazy(() =>
   import('./CreditNoteDetailDrawerContent'),

src/containers/Drawers/CreditNoteDetailDrawer/utils.tsx

@@ -10,14 +10,14 @@ import {
   Tag,
   Intent,
 } from '@blueprintjs/core';
-import { getColumnWidth } from 'utils';
+import { getColumnWidth } from '@/utils';
 import {
   Icon,
   FormattedMessage as T,
   TextOverviewTooltipCell,
   FormatNumberCell,
   Choose,
-} from '../../../components';
+} from '@/components';
 import { useCreditNoteDetailDrawerContext } from './CreditNoteDetailDrawerProvider';
 
 export const useCreditNoteReadOnlyEntriesColumns = () => {