refactor(webapp): bound Formik fields across all components

packages/webapp/src/components/Accounts/AccountsSelect.tsx

@@ -6,7 +6,7 @@ import { MenuItem } from '@blueprintjs/core';
 import { MenuItemNestedText, FSelect } from '@/components';
 import { accountPredicate } from './_components';
 import { DialogsName } from '@/constants/dialogs';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 import { usePreprocessingAccounts } from './_hooks';
 
 // Create new account renderer.

packages/webapp/src/components/Accounts/AccountsSuggestField.tsx

@@ -4,7 +4,7 @@ import { MenuItem } from '@blueprintjs/core';
 import { ItemRenderer, ItemPredicate } from '@blueprintjs/select';
 import { DialogsName } from '@/constants/dialogs';
 import { FSuggest, Suggest, FormattedMessage as T } from '@/components';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 import { usePreprocessingAccounts } from './_hooks';
 
 // Account interface

packages/webapp/src/components/AppIntlLoader.tsx

@@ -11,7 +11,7 @@ import { AppIntlProvider } from './AppIntlProvider';
 import { useSplashLoading } from '@/hooks/state';
 
 import { useWatchImmediate } from '../hooks';
-import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions';
 
 const SUPPORTED_LOCALES = [
   { name: 'English', value: 'en' },

packages/webapp/src/components/Contacts/ContactsMultiSelect.tsx

@@ -2,7 +2,7 @@
 import React, { useCallback } from 'react';
 import * as R from 'ramda';
 import { FMultiSelect } from '../Forms';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { DRAWERS } from '@/constants/drawers';
 
 /**

packages/webapp/src/components/Customers/CustomerDrawerLink.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import * as R from 'ramda';
 
 import { ButtonLink } from '../Button';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { DRAWERS } from '@/constants/drawers';
 
 function CustomerDrawerLinkComponent({

packages/webapp/src/components/Customers/CustomersSelect.tsx

@@ -4,7 +4,7 @@ import * as R from 'ramda';
 import { useFormikContext } from 'formik';
 import { createNewItemFromQuery, createNewItemRenderer } from './utils';
 import { FSelect } from '../Forms';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { useCreateAutofillListener } from '@/hooks/state/autofill';
 import { DRAWERS } from '@/constants/drawers';
 

packages/webapp/src/components/Dashboard/DashboardBackLink.tsx

@@ -5,7 +5,7 @@ import { useHistory } from 'react-router-dom';
 
 import { If, Icon } from '@/components';
 import { FormattedMessage as T } from '@/components';
-import withDashboard from '@/containers/Dashboard/withDashboard';
+import { withDashboard } from '@/containers/Dashboard/withDashboard';
 import { compose } from '@/utils';
 
 function DashboardBackLink({ dashboardBackLink, breadcrumbs }) {

packages/webapp/src/components/Dashboard/DashboardPage.tsx

@@ -1,11 +1,11 @@
 // @ts-nocheck
 import React, { useEffect, Suspense } from 'react';
 import { CLASSES } from '@/constants/classes';
-import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions';
 import { compose } from '@/utils';
 import { Spinner } from '@blueprintjs/core';
 
-import withUniversalSearchActions from '@/containers/UniversalSearch/withUniversalSearchActions';
+import { withUniversalSearchActions } from '@/containers/UniversalSearch/withUniversalSearchActions';
 
 /**
  * Dashboard pages wrapper.

packages/webapp/src/components/Dashboard/DashboardSplitePane.tsx

@@ -3,7 +3,7 @@ import React, { useState, useRef } from 'react';
 import SplitPane from 'react-split-pane';
 import { debounce } from 'lodash';
 
-import withDashboard from '@/containers/Dashboard/withDashboard';
+import { withDashboard } from '@/containers/Dashboard/withDashboard';
 import { compose } from '@/utils';
 
 function DashboardSplitPane({

packages/webapp/src/components/Dashboard/DashboardTopbar/DashboardTopbar.tsx

@@ -21,10 +21,10 @@ import DashboardTopbarUser from '@/components/Dashboard/TopbarUser';
 import DashboardBreadcrumbs from '@/components/Dashboard/DashboardBreadcrumbs';
 import DashboardBackLink from '@/components/Dashboard/DashboardBackLink';
 
-import withUniversalSearchActions from '@/containers/UniversalSearch/withUniversalSearchActions';
-import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
-import withDashboard from '@/containers/Dashboard/withDashboard';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withUniversalSearchActions } from '@/containers/UniversalSearch/withUniversalSearchActions';
+import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions';
+import { withDashboard } from '@/containers/Dashboard/withDashboard';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 
 import QuickNewDropdown from '@/containers/QuickNewDropdown/QuickNewDropdown';
 import {

packages/webapp/src/components/Dashboard/GlobalHotkeys.tsx

@@ -3,9 +3,9 @@ import React from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useHistory } from 'react-router-dom';
 import { getDashboardRoutes } from '@/routes/dashboard';
-import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
-import withUniversalSearchActions from '@/containers/UniversalSearch/withUniversalSearchActions';
+import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
+import { withUniversalSearchActions } from '@/containers/UniversalSearch/withUniversalSearchActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/components/Dashboard/SplashScreen.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import * as R from 'ramda';
 import BigcapitalLoading from './BigcapitalLoading';
-import withDashboard from '@/containers/Dashboard/withDashboard';
+import { withDashboard } from '@/containers/Dashboard/withDashboard';
 
 function SplashScreenComponent({ splashScreenLoading }) {
   return splashScreenLoading ? <BigcapitalLoading /> : null;

packages/webapp/src/components/Dashboard/TopbarUser.tsx

@@ -13,7 +13,7 @@ import { FormattedMessage as T } from '@/components';
 
 import { useAuthActions } from '@/hooks/state';
 
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 
 import { useAuthenticatedAccount } from '@/hooks/query';
 import { firstLettersArgs, compose } from '@/utils';

packages/webapp/src/components/Dialog/Dialog.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React from 'react';
 import { Dialog } from '@blueprintjs/core';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 import { compose } from '@/utils';
 
 import '@/style/components/Dialog/Dialog.scss';

packages/webapp/src/components/Drawer/Drawer.tsx

@@ -5,7 +5,7 @@ import { Position, Drawer } from '@blueprintjs/core';
 import '@/style/components/Drawer.scss';
 
 import { DrawerProvider } from './DrawerProvider';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { compose } from '@/utils';
 
 /**

packages/webapp/src/components/Drawer/DrawerHeaderContent.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { FormattedMessage as T } from '@/components';
 import { Classes, Icon, H4, Button } from '@blueprintjs/core';
 
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { useDrawerContext } from './DrawerProvider';
 
 import { compose } from '@/utils';

packages/webapp/src/components/ExchangeRate/DetailExchangeRate.tsx

@@ -5,7 +5,7 @@ import * as R from 'ramda';
 import { DetailItem } from '@/components';
 import { isEqual } from 'lodash';
 
-import withCurrentOrganization from '@/containers/Organization/withCurrentOrganization';
+import { withCurrentOrganization } from '@/containers/Organization/withCurrentOrganization';
 
 /**
  * Detail exchange rate item.

packages/webapp/src/components/FeatureGuard/FeatureCan.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import React from 'react';
 import * as R from 'ramda';
-import withFeatureCan from './withFeatureCan';
+import { withFeatureCan } from './withFeatureCan';
 
 function FeatureCanJSX({ feature, children, isFeatureCan }) {
   return isFeatureCan && children;

packages/webapp/src/components/FeatureGuard/withFeatureCan.tsx

@@ -2,7 +2,7 @@
 import { connect } from 'react-redux';
 import { getDashboardFeaturesSelector } from '@/store/dashboard/dashboard.selectors';
 
-export default (mapState) => {
+export const withFeatureCan = (mapState) => {
   const featuresSelector = getDashboardFeaturesSelector();
 
   const mapStateToProps = (state, props) => {

packages/webapp/src/components/Guards/EnsureOrganizationIsNotReady.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { connect } from 'react-redux';
 import { Redirect } from 'react-router-dom';
 import { compose } from '@/utils';
-import withAuthentication from '@/containers/Authentication/withAuthentication';
-import withOrganization from '@/containers/Organization/withOrganization';
+import { withAuthentication } from '@/containers/Authentication/withAuthentication';
+import { withOrganization } from '@/containers/Organization/withOrganization';
 
 /**
  * Ensures organization is not ready.

packages/webapp/src/components/Guards/EnsureOrganizationIsReady.tsx

@@ -4,8 +4,8 @@ import { connect } from 'react-redux';
 import { Redirect } from 'react-router-dom';
 import { compose } from '@/utils';
 
-import withAuthentication from '@/containers/Authentication/withAuthentication';
-import withOrganization from '@/containers/Organization/withOrganization';
+import { withAuthentication } from '@/containers/Authentication/withAuthentication';
+import { withOrganization } from '@/containers/Organization/withOrganization';
 
 function EnsureOrganizationIsReady({
   // #ownProps

packages/webapp/src/components/Guards/EnsureSubscriptionIsActive.tsx

@@ -4,7 +4,7 @@ import { includes } from 'lodash';
 
 import { compose } from '@/utils';
 import { Redirect } from 'react-router-dom';
-import withSubscriptions from '@/containers/Subscriptions/withSubscriptions';
+import { withSubscriptions } from '@/containers/Subscriptions/withSubscriptions';
 
 /**
  * Ensures the given subscription type is active or redirect to the given route.

packages/webapp/src/components/Guards/EnsureSubscriptionsIsActive.tsx

@@ -4,7 +4,7 @@ import { includes } from 'lodash';
 
 import { compose } from '@/utils';
 import { Redirect } from 'react-router-dom';
-import withSubscriptions from '@/containers/Subscriptions/withSubscriptionss';
+import { withSubscriptions } from '@/containers/Subscriptions/withSubscriptionss';
 
 /**
  * Ensures the given subscription type is active or redirect to the given route.

packages/webapp/src/components/Guards/EnsureSubscriptionsIsInactive.tsx

@@ -4,7 +4,7 @@ import { includes } from 'lodash';
 
 import { compose } from '@/utils';
 import { Redirect } from 'react-router-dom';
-import withSubscriptions from '@/containers/Subscriptions/withSubscriptionss';
+import { withSubscriptions } from '@/containers/Subscriptions/withSubscriptionss';
 
 /**
  * Ensures the given subscription type is active or redirect to the given route.

packages/webapp/src/components/Items/ItemsMultiSelect.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import * as R from 'ramda';
 import { FMultiSelect } from '@/components/Forms';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 
 /**
  * Items multi-select.

packages/webapp/src/components/Items/ItemsSuggestField.tsx

@@ -9,7 +9,7 @@ import { CLASSES } from '@/constants/classes';
 
 import { FormattedMessage as T } from '@/components';
 
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { DRAWERS } from '@/constants/drawers';
 

packages/webapp/src/components/Preferences/PreferencesPage.tsx

@@ -11,7 +11,7 @@ import PreferencesContentRoute from '@/components/Preferences/PreferencesContent
 import DashboardErrorBoundary from '@/components/Dashboard/DashboardErrorBoundary';
 import PreferencesSidebar from '@/components/Preferences/PreferencesSidebar';
 
-import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions';
 
 import '@/style/pages/Preferences/Page.scss';
 

packages/webapp/src/components/Preferences/PreferencesTopbar.tsx

@@ -10,7 +10,7 @@ import CurrenciesActions from '@/containers/Preferences/Currencies/CurrenciesAct
 import WarehousesActions from '@/containers/Preferences/Warehouses/WarehousesActions';
 import BranchesActions from '@/containers/Preferences/Branches/BranchesActions';
 import ApiKeysActions from '@/containers/Preferences/ApiKeys/ApiKeysActions';
-import withDashboard from '@/containers/Dashboard/withDashboard';
+import { withDashboard } from '@/containers/Dashboard/withDashboard';
 
 import { compose } from '@/utils';
 

packages/webapp/src/components/TaxRates/TaxRatesSelect.tsx

@@ -3,7 +3,7 @@ import * as R from 'ramda';
 import intl from 'react-intl-universal';
 import { FSelect } from '@/components';
 import { DialogsName } from '@/constants/dialogs';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 import { MenuItem } from '@blueprintjs/core';
 
 // Create new account renderer.

packages/webapp/src/components/Vendors/VendorDrawerLink.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import * as R from 'ramda';
 
 import { ButtonLink } from '../Button';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { DRAWERS } from '@/constants/drawers';
 
 function VendorDrawerLinkComponent({

packages/webapp/src/components/Vendors/VendorsSelect.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import * as R from 'ramda';
 import { useFormikContext } from 'formik';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { createNewItemFromQuery, createNewItemRenderer } from './utils';
 import { FSelect } from '../Forms';
 import { useCreateAutofillListener } from '@/hooks/state/autofill';

packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.tsx

@@ -25,11 +25,11 @@ import { useRefreshJournals } from '@/hooks/query/manualJournals';
 import { useManualJournalsContext } from './ManualJournalsListProvider';
 import { ManualJournalAction, AbilitySubject } from '@/constants/abilityOption';
 
-import withManualJournals from './withManualJournals';
-import withManualJournalsActions from './withManualJournalsActions';
-import withSettings from '@/containers/Settings/withSettings';
-import withSettingsActions from '@/containers/Settings/withSettingsActions';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withManualJournals } from './withManualJournals';
+import { withManualJournalsActions } from './withManualJournalsActions';
+import { withSettings } from '@/containers/Settings/withSettings';
+import { withSettingsActions } from '@/containers/Settings/withSettingsActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 
 import { useDownloadExportPdf } from '@/hooks/query/FinancialReports/use-export-pdf';
 import { compose } from '@/utils';

packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.tsx

@@ -14,11 +14,11 @@ import ManualJournalsEmptyStatus from './ManualJournalsEmptyStatus';
 
 import { ActionsMenu } from './components';
 
-import withManualJournals from './withManualJournals';
-import withManualJournalsActions from './withManualJournalsActions';
-import withAlertsActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
-import withSettings from '@/containers/Settings/withSettings';
+import { withManualJournals } from './withManualJournals';
+import { withManualJournalsActions } from './withManualJournalsActions';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
+import { withSettings } from '@/containers/Settings/withSettings';
 
 import { useManualJournalsContext } from './ManualJournalsListProvider';
 import { useMemorizedColumnsWidths } from '@/hooks';
@@ -35,7 +35,7 @@ function ManualJournalsDataTable({
   setManualJournalsTableState,
   setManualJournalsSelectedRows,
 
-  // #withAlertsActions
+  // #withAlertActions
   openAlert,
 
   // #withDrawerActions
@@ -157,7 +157,7 @@ export default compose(
   withManualJournals(({ manualJournalsTableState }) => ({
     manualJournalsTableState,
   })),
-  withAlertsActions,
+  withAlertActions,
   withDrawerActions,
   withSettings(({ manualJournalsSettings }) => ({
     manualJournalsTableSize: manualJournalsSettings?.tableSize,

packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsList.tsx

@@ -9,7 +9,7 @@ import { transformTableStateToQuery, compose } from '@/utils';
 import { ManualJournalsListProvider } from './ManualJournalsListProvider';
 import ManualJournalsDataTable from './ManualJournalsDataTable';
 import ManualJournalsActionsBar from './ManualJournalActionsBar';
-import withManualJournals from './withManualJournals';
+import { withManualJournals } from './withManualJournals';
 
 
 /**

packages/webapp/src/containers/Accounting/JournalsLanding/ManualJournalsViewTabs.tsx

@@ -5,9 +5,9 @@ import { pick } from 'lodash';
 
 import { DashboardViewsTabs } from '@/components';
 import { useManualJournalsContext } from './ManualJournalsListProvider';
-import withManualJournals from './withManualJournals';
-import withManualJournalsActions from './withManualJournalsActions';
-import withDashboardActions from '@/containers/Dashboard/withDashboardActions';
+import { withManualJournals } from './withManualJournals';
+import { withManualJournalsActions } from './withManualJournalsActions';
+import { withDashboardActions } from '@/containers/Dashboard/withDashboardActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Accounting/JournalsLanding/withManualJournals.tsx

@@ -6,7 +6,7 @@ import {
   manualJournalTableStateChangedFactory,
 } from '@/store/manualJournals/manualJournals.selectors';
 
-export default (mapState) => {
+export const withManualJournals = (mapState) => {
   const getJournalsTableQuery = getManualJournalsTableStateFactory();
   const manualJournalTableStateChanged =
     manualJournalTableStateChangedFactory();

packages/webapp/src/containers/Accounting/JournalsLanding/withManualJournalsActions.tsx

@@ -12,4 +12,4 @@ const mapActionsToProps = (dispatch) => ({
     dispatch(setManualJournalsSelectedRows(selectedRows)),
 });
 
-export default connect(null, mapActionsToProps);
+export const withManualJournalsActions = connect(null, mapActionsToProps);

packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalEntriesForm.tsx

@@ -22,8 +22,8 @@ import MakeJournalFormFooter from './MakeJournalFormFooter';
 import MakeJournalFormDialogs from './MakeJournalFormDialogs';
 import MakeJournalFormTopBar from './MakeJournalFormTopBar';
 
-import withSettings from '@/containers/Settings/withSettings';
-import withCurrentOrganization from '@/containers/Organization/withCurrentOrganization';
+import { withSettings } from '@/containers/Settings/withSettings';
+import { withCurrentOrganization } from '@/containers/Organization/withCurrentOrganization';
 
 import { AppToaster } from '@/components';
 import { PageForm } from '@/components/PageForm';

packages/webapp/src/containers/Accounting/MakeJournal/MakeJournalTransactionNoField.tsx

@@ -13,8 +13,8 @@ import {
   FFormGroup,
 } from '@/components';
 
-import withSettings from '@/containers/Settings/withSettings';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
+import { withSettings } from '@/containers/Settings/withSettings';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
 
 /**
  * Journal number field of make journal form.

packages/webapp/src/containers/Accounting/MakeJournal/components.tsx

@@ -25,7 +25,7 @@ import { CellType, Features, Align } from '@/constants';
 
 import { useCurrentOrganization, useFeatureCan } from '@/hooks/state';
 import { useJournalIsForeign } from './utils';
-import withSettings from '@/containers/Settings/withSettings';
+import { withSettings } from '@/containers/Settings/withSettings';
 import { transactionNumber } from '@/utils';
 import { useUpdateEffect } from '@/hooks';
 

packages/webapp/src/containers/Accounting/ManualJournalUniversalSearch.tsx

@@ -2,7 +2,7 @@
 import intl from 'react-intl-universal';
 import { RESOURCES_TYPES } from '@/constants/resourcesTypes';
 import { AbilitySubject, ManualJournalAction } from '@/constants/abilityOption';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { DRAWERS } from '@/constants/drawers';
 
 /**

packages/webapp/src/containers/Accounts/AccountUniversalSearch.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import intl from 'react-intl-universal';
 
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { AbilitySubject, AccountAction } from '@/constants/abilityOption';
 import { RESOURCES_TYPES } from '@/constants/resourcesTypes';

packages/webapp/src/containers/Accounts/AccountsActionsBar.tsx

@@ -36,12 +36,12 @@ import { useAccountsChartContext } from './AccountsChartProvider';
 import { useDownloadExportPdf } from '@/hooks/query/FinancialReports/use-export-pdf';
 import { useBulkDeleteAccountsDialog } from './hooks/use-bulk-delete-accounts-dialog';
 
-import withAccounts from './withAccounts';
-import withAccountsTableActions from './withAccountsTableActions';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withSettings from '@/containers/Settings/withSettings';
-import withSettingsActions from '@/containers/Settings/withSettingsActions';
+import { withAccounts } from './withAccounts';
+import { withAccountsTableActions } from './withAccountsTableActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withSettings } from '@/containers/Settings/withSettings';
+import { withSettingsActions } from '@/containers/Settings/withSettingsActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Accounts/AccountsChart.tsx

@@ -8,8 +8,8 @@ import { AccountsChartProvider } from './AccountsChartProvider';
 import AccountsActionsBar from './AccountsActionsBar';
 import AccountsDataTable from './AccountsDataTable';
 
-import withAccounts from '@/containers/Accounts/withAccounts';
-import withAccountsTableActions from './withAccountsTableActions';
+import { withAccounts } from '@/containers/Accounts/withAccounts';
+import { withAccountsTableActions } from './withAccountsTableActions';
 
 import { transformAccountsStateToQuery } from './utils';
 import { compose } from '@/utils';

packages/webapp/src/containers/Accounts/AccountsDataTable.tsx

@@ -18,11 +18,11 @@ import { useMemorizedColumnsWidths } from '@/hooks';
 import { TABLES } from '@/constants/tables';
 import { DialogsName } from '@/constants/dialogs';
 
-import withSettings from '@/containers/Settings/withSettings';
-import withAlertsActions from '@/containers/Alert/withAlertActions';
-import withDialogActions from '@/containers/Dialog/withDialogActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
-import withAccountsTableActions from './withAccountsTableActions';
+import { withSettings } from '@/containers/Settings/withSettings';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDialogActions } from '@/containers/Dialog/withDialogActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
+import { withAccountsTableActions } from './withAccountsTableActions';
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';
 
@@ -145,7 +145,7 @@ function AccountsDataTable({
 }
 
 export default compose(
-  withAlertsActions,
+  withAlertActions,
   withDrawerActions,
   withDialogActions,
   withAccountsTableActions,

packages/webapp/src/containers/Accounts/AccountsViewsTabs.tsx

@@ -6,8 +6,8 @@ import intl from 'react-intl-universal';
 import { DashboardViewsTabs } from '@/components';
 import { useAccountsChartContext } from './AccountsChartProvider';
 
-import withAccounts from './withAccounts';
-import withAccountsTableActions from './withAccountsTableActions';
+import { withAccounts } from './withAccounts';
+import { withAccountsTableActions } from './withAccountsTableActions';
 
 import { compose, transfromViewsToTabs } from '@/utils';
 

packages/webapp/src/containers/Accounts/withAccounts.tsx

@@ -5,7 +5,7 @@ import {
   accountsTableStateChangedFactory,
 } from '@/store/accounts/accounts.selectors';
 
-export default (mapState) => {
+export const withAccounts = (mapState) => {
   const getAccountsTableState = getAccountsTableStateFactory();
   const accountsTableStateChanged = accountsTableStateChangedFactory();
 

packages/webapp/src/containers/Accounts/withAccountsTableActions.tsx

@@ -13,4 +13,5 @@ const mapActionsToProps = (dispatch) => ({
     dispatch(setAccountsSelectedRows(selectedRows)),
 });
 
-export default connect(null, mapActionsToProps);
+export const withAccountsTableActions = connect(null, mapActionsToProps);
+export const withAccountsActions = withAccountsTableActions;

packages/webapp/src/containers/Alert/withAlertActions.tsx

@@ -11,4 +11,4 @@ export const mapDispatchToProps = (dispatch) => ({
   closeAlert: (name, payload) => dispatch({ type: t.CLOSE_ALERT, name, payload }),
 });
 
-export default connect(null, mapDispatchToProps);
+export const withAlertActions = connect(null, mapDispatchToProps);

packages/webapp/src/containers/Alert/withAlertStoreConnect.tsx

@@ -5,7 +5,7 @@ import {
   getAlertPayloadFactory,
 } from '@/store/dashboard/dashboard.selectors';
 
-export default (mapState) => {
+export const withAlertStoreConnect = (mapState) => {
   const isAlertOpen = isAlertOpenFactory();
   const getAlertPayload = getAlertPayloadFactory();
 

packages/webapp/src/containers/Alerts/Accounts/AccountActivateAlert.tsx

@@ -4,8 +4,8 @@ import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster, FormattedMessage as T } from '@/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { useActivateAccount } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Accounts/AccountBulkActivateAlert.tsx

@@ -5,8 +5,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { queryCache } from 'react-query';
 import { FormattedMessage as T, AppToaster } from '@/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Accounts/AccountBulkInactivateAlert.tsx

@@ -6,9 +6,9 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { queryCache } from 'react-query';
 import { AppToaster } from '@/components';
 
-import withAccountsActions from '@/containers/Accounts/withAccountsTableActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAccountsActions } from '@/containers/Accounts/withAccountsTableActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Accounts/AccountDeleteAlert.tsx

@@ -10,9 +10,9 @@ import {
 
 import { handleDeleteErrors } from '@/containers/Accounts/utils';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { useDeleteAccount } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Accounts/AccountInactivateAlert.tsx

@@ -4,8 +4,8 @@ import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import { Intent, Alert } from '@blueprintjs/core';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 import { useInactivateAccount } from '@/hooks/query';

packages/webapp/src/containers/Alerts/Bills/BillDeleteAlert.tsx

@@ -4,9 +4,9 @@ import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import { Intent, Alert } from '@blueprintjs/core';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { handleDeleteErrors } from '@/containers/Purchases/Bills/BillForm/utils';
 import { useDeleteBill } from '@/hooks/query';

packages/webapp/src/containers/Alerts/Bills/BillLocatedLandedCostDeleteAlert.tsx

@@ -7,8 +7,8 @@ import { useDeleteLandedCost } from '@/hooks/query';
 
 import { AppToaster } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Bills/BillOpenAlert.tsx

@@ -4,8 +4,8 @@ import { AppToaster, FormattedMessage as T } from '@/components';
 import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { useOpenBill } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Branches/BranchDeleteAlert.tsx

@@ -11,8 +11,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { useDeleteBranch } from '@/hooks/query';
 import { handleDeleteErrors } from '@/containers/Preferences/Branches/utils';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Branches/BranchMarkPrimaryAlert.tsx

@@ -6,8 +6,8 @@ import { AppToaster, FormattedMessage as T } from '@/components';
 
 import { useMarkBranchAsPrimary } from '@/hooks/query';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/CashFlow/AccountDeleteTransactionAlert.tsx

@@ -10,9 +10,9 @@ import {
 
 import { useDeleteCashflowTransaction } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';

packages/webapp/src/containers/Alerts/Contacts/ContactActivateAlert.tsx

@@ -6,8 +6,8 @@ import { AppToaster, FormattedMessage as T } from '@/components';
 
 import { useActivateContact } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Contacts/ContactInactivateAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useInactivateContact } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteDeleteAlert.tsx

@@ -8,9 +8,9 @@ import {
   FormattedHTMLMessage,
 } from '@/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { useDeleteCreditNote } from '@/hooks/query';
 import { handleDeleteErrors } from '@/containers/Sales/CreditNotes/CreditNotesLanding/utils';

packages/webapp/src/containers/Alerts/CreditNotes/CreditNoteOpenedAlert.tsx

@@ -6,8 +6,8 @@ import { AppToaster, FormattedMessage as T } from '@/components';
 
 import { useOpenCreditNote } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/CreditNotes/ReconcileCreditNoteDeleteAlert.tsx

@@ -8,9 +8,9 @@ import {
   FormattedHTMLMessage,
 } from '@/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { useDeleteReconcileCredit } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/CreditNotes/RefundCreditNoteDeleteAlert.tsx

@@ -6,9 +6,9 @@ import { FormattedMessage as T, AppToaster } from '@/components';
 
 import { useDeleteRefundCreditNote } from '@/hooks/query';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';

packages/webapp/src/containers/Alerts/Currencies/CurrencyDeleteAlert.tsx

@@ -10,8 +10,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useDeleteCurrency } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Customers/CustomerActivateAlert.tsx

@@ -6,8 +6,8 @@ import { AppToaster, FormattedMessage as T } from '@/components';
 
 import { useActivateContact } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Customers/CustomerBulkDeleteAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster } from '@/components';
 import { transformErrors } from '@/containers/Customers/utils';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Customers/CustomerDeleteAlert.tsx

@@ -9,9 +9,9 @@ import {
 } from '@/components';
 import { transformErrors } from '@/containers/Customers/utils';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { useDeleteCustomer } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Customers/CustomerInactivateAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useInactivateContact } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Estimates/EstimateApproveAlert.tsx

@@ -7,8 +7,8 @@ import { queryCache } from 'react-query';
 
 import { useApproveEstimate } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Estimates/EstimateDeleteAlert.tsx

@@ -10,9 +10,9 @@ import {
 
 import { useDeleteEstimate } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';

packages/webapp/src/containers/Alerts/Estimates/EstimateDeliveredAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useDeliverEstimate } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Estimates/EstimateRejectAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useRejectEstimate } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteAlert.tsx

@@ -4,9 +4,9 @@ import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import { Intent, Alert } from '@blueprintjs/core';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { useDeleteExpense } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Expenses/ExpenseDeleteEntriesAlert.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose, saveInvoke } from '@/utils';
 

packages/webapp/src/containers/Alerts/Expenses/ExpensePublishAlert.tsx

@@ -4,8 +4,8 @@ import intl from 'react-intl-universal';
 import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster, FormattedMessage as T } from '@/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { usePublishExpense } from '@/hooks/query';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Invoices/CancelBadDebtAlert.tsx

@@ -5,8 +5,8 @@ import { AppToaster, FormattedMessage as T } from '@/components';
 import { Intent, Alert } from '@blueprintjs/core';
 import { useCancelBadDebt } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Invoices/InvoiceDeleteAlert.tsx

@@ -11,9 +11,9 @@ import { useDeleteInvoice } from '@/hooks/query';
 
 import { handleDeleteErrors } from '@/containers/Sales/Invoices/InvoicesLanding/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';

packages/webapp/src/containers/Alerts/Invoices/InvoiceDeliverAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useDeliverInvoice } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentDeleteAlert.tsx

@@ -8,9 +8,9 @@ import {
   FormattedHTMLMessage,
 } from '@/components';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 import { useDeleteInventoryAdjustment } from '@/hooks/query';
 
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Items/InventoryAdjustmentPublishAlert.tsx

@@ -5,8 +5,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import { usePublishInventoryAdjustment } from '@/hooks/query';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Items/ItemActivateAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useActivateItem } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Items/ItemCategoryBulkDeleteAlert.tsx

@@ -6,9 +6,9 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { size } from 'lodash';
 import { AppToaster } from '@/components';
 
-import withItemCategoriesActions from '@/containers/ItemsCategories/withItemCategoriesActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withItemCategoriesActions } from '@/containers/ItemsCategories/withItemCategoriesActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Items/ItemCategoryDeleteAlert.tsx

@@ -10,8 +10,8 @@ import {
 
 import { useDeleteItemCategory } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/Items/ItemDeleteAlert.tsx

@@ -11,10 +11,10 @@ import {
 import { handleDeleteErrors } from '@/containers/Items/utils';
 import { useDeleteItem } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withItemsActions from '@/containers/Items/withItemsActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withItemsActions } from '@/containers/Items/withItemsActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';

packages/webapp/src/containers/Alerts/Items/ItemInactivateAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useInactivateItem } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/ItemsEntries/ItemsEntriesDeleteAlert.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose, saveInvoke } from '@/utils';
 

packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteAlert.tsx

@@ -5,9 +5,9 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import { useDeleteJournal } from '@/hooks/query';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { compose } from '@/utils';
 import { DRAWERS } from '@/constants/drawers';

packages/webapp/src/containers/Alerts/ManualJournals/JournalDeleteEntriesAlert.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose, saveInvoke } from '@/utils';
 

packages/webapp/src/containers/Alerts/ManualJournals/JournalPublishAlert.tsx

@@ -5,8 +5,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 import { AppToaster,FormattedMessage as T } from '@/components';
 import { usePublishJournal } from '@/hooks/query';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/PaymentMades/ChangingFullAmountAlert.tsx

@@ -2,8 +2,8 @@
 import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose, saveInvoke } from '@/utils';
 

packages/webapp/src/containers/Alerts/PaymentMades/ClearTransactionAlert.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/PaymentMades/ClearningAllLinesAlert.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/PaymentMades/PaymentMadeDeleteAlert.tsx

@@ -4,9 +4,9 @@ import intl from 'react-intl-universal';
 import { AppToaster, FormattedMessage as T } from '@/components';
 import { Intent, Alert } from '@blueprintjs/core';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { useDeletePaymentMade } from '@/hooks/query';
 

packages/webapp/src/containers/Alerts/PaymentReceived/ClearingAllLinesAlert.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Intent, Alert } from '@blueprintjs/core';
 import { FormattedMessage as T } from '@/components';
 
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
 
 import { saveInvoke, compose } from '@/utils';
 

packages/webapp/src/containers/Alerts/PaymentReceived/PaymentReceivedDeleteAlert.tsx

@@ -10,9 +10,9 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useDeletePaymentReceive } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
-import withDrawerActions from '@/containers/Drawer/withDrawerActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
+import { withDrawerActions } from '@/containers/Drawer/withDrawerActions';
 
 import { handleDeleteErrors } from './_utils';
 import { compose } from '@/utils';

packages/webapp/src/containers/Alerts/Receipts/ReceiptCloseAlert.tsx

@@ -6,8 +6,8 @@ import { Intent, Alert } from '@blueprintjs/core';
 
 import { useCloseReceipt } from '@/hooks/query';
 
-import withAlertStoreConnect from '@/containers/Alert/withAlertStoreConnect';
-import withAlertActions from '@/containers/Alert/withAlertActions';
+import { withAlertStoreConnect } from '@/containers/Alert/withAlertStoreConnect';
+import { withAlertActions } from '@/containers/Alert/withAlertActions';
 
 import { compose } from '@/utils';