fix: darkmode ui bugs

fix: account transactions don't show up

packages/server/src/modules/CreditNoteRefunds/dto/CreditNoteRefund.dto.ts

@@ -1,5 +1,6 @@
 import { ApiProperty } from '@nestjs/swagger';
-import { IsNotEmpty, IsOptional, IsPositive, IsString } from 'class-validator';
+import { ToNumber, IsOptional } from '@/common/decorators/Validators';
+import { IsDateString, IsNotEmpty, IsPositive, IsString } from 'class-validator';
 import { IsDate } from 'class-validator';
 import { IsNumber } from 'class-validator';
 
@@ -10,8 +11,13 @@ export class CreditNoteRefundDto {
     description: 'The id of the from account',
     example: 1,
   })
+  @ApiProperty({
+    description: 'The id of the from account',
+    example: 1,
+  })
   fromAccountId: number;
 
+  @ToNumber()
   @IsNumber()
   @IsPositive()
   @IsNotEmpty()
@@ -21,6 +27,7 @@ export class CreditNoteRefundDto {
   })
   amount: number;
 
+  @ToNumber()
   @IsNumber()
   @IsOptional()
   @IsPositive()
@@ -30,23 +37,23 @@ export class CreditNoteRefundDto {
   })
   exchangeRate?: number;
 
+  @IsOptional()
   @IsString()
-  @IsNotEmpty()
   @ApiProperty({
     description: 'The reference number of the credit note refund',
     example: '123456',
   })
   referenceNo: string;
 
+  @IsOptional()
   @IsString()
-  @IsNotEmpty()
   @ApiProperty({
     description: 'The description of the credit note refund',
     example: 'Credit note refund',
   })
   description: string;
 
-  @IsDate()
+  @IsDateString()
   @IsNotEmpty()
   @ApiProperty({
     description: 'The date of the credit note refund',
@@ -54,6 +61,7 @@ export class CreditNoteRefundDto {
   })
   date: Date;
 
+  @ToNumber()
   @IsNumber()
   @IsOptional()
   @ApiProperty({

packages/server/src/modules/CreditNotes/queries/GetCreditNotePdf.serivce.ts

@@ -1,10 +1,10 @@
 import { Inject, Injectable } from '@nestjs/common';
+import { renderCreditNotePaperTemplateHtml } from '@bigcapital/pdf-templates';
 import { GetCreditNoteService } from './GetCreditNote.service';
 import { CreditNoteBrandingTemplate } from './CreditNoteBrandingTemplate.service';
 import { transformCreditNoteToPdfTemplate } from '../utils';
 import { CreditNote } from '../models/CreditNote';
 import { ChromiumlyTenancy } from '@/modules/ChromiumlyTenancy/ChromiumlyTenancy.service';
-import { TemplateInjectable } from '@/modules/TemplateInjectable/TemplateInjectable.service';
 import { EventEmitter2 } from '@nestjs/event-emitter';
 import { PdfTemplateModel } from '@/modules/PdfTemplate/models/PdfTemplate';
 import { CreditNotePdfTemplateAttributes } from '../types/CreditNotes.types';
@@ -15,7 +15,6 @@ import { TenantModelProxy } from '@/modules/System/models/TenantBaseModel';
 export class GetCreditNotePdf {
   /**
    * @param {ChromiumlyTenancy} chromiumlyTenancy - Chromiumly tenancy service.
-   * @param {TemplateInjectable} templateInjectable - Template injectable service.
    * @param {GetCreditNote} getCreditNoteService - Get credit note service.
    * @param {CreditNoteBrandingTemplate} creditNoteBrandingTemplate - Credit note branding template service.
    * @param {EventEmitter2} eventPublisher - Event publisher service.
@@ -24,7 +23,6 @@ export class GetCreditNotePdf {
    */
   constructor(
     private readonly chromiumlyTenancy: ChromiumlyTenancy,
-    private readonly templateInjectable: TemplateInjectable,
     private readonly getCreditNoteService: GetCreditNoteService,
     private readonly creditNoteBrandingTemplate: CreditNoteBrandingTemplate,
     private readonly eventPublisher: EventEmitter2,
@@ -36,23 +34,40 @@ export class GetCreditNotePdf {
     private readonly pdfTemplateModel: TenantModelProxy<
       typeof PdfTemplateModel
     >,
-  ) {}
+  ) { }
 
   /**
-   * Retrieves sale invoice pdf content.
+   * Retrieves credit note html content.
+   * @param {number} creditNoteId - Credit note id.
+   * @returns {Promise<string>}
+   */
+  public async getCreditNoteHtml(creditNoteId: number): Promise<string> {
+    const brandingAttributes =
+      await this.getCreditNoteBrandingAttributes(creditNoteId);
+
+    // Map attributes to match the React component props
+    // The branding template returns companyLogoUri, but type may have companyLogo
+    const props = {
+      ...brandingAttributes,
+      companyLogoUri:
+        (brandingAttributes as any).companyLogoUri ||
+        (brandingAttributes as any).companyLogo ||
+        '',
+    };
+
+    return renderCreditNotePaperTemplateHtml(props);
+  }
+
+  /**
+   * Retrieves credit note pdf content.
    * @param {number} creditNoteId - Credit note id.
    * @returns {Promise<[Buffer, string]>}
    */
   public async getCreditNotePdf(
     creditNoteId: number,
   ): Promise<[Buffer, string]> {
-    const brandingAttributes =
-      await this.getCreditNoteBrandingAttributes(creditNoteId);
-    const htmlContent = await this.templateInjectable.render(
-      'modules/credit-note-standard',
-      brandingAttributes,
-    );
     const filename = await this.getCreditNoteFilename(creditNoteId);
+    const htmlContent = await this.getCreditNoteHtml(creditNoteId);
 
     const document =
       await this.chromiumlyTenancy.convertHtmlContent(htmlContent);

packages/server/src/modules/VendorCreditsRefund/VendorCreditsRefund.application.ts

@@ -2,19 +2,35 @@ import { Injectable } from '@nestjs/common';
 import { DeleteRefundVendorCreditService } from './commands/DeleteRefundVendorCredit.service';
 import { RefundVendorCredit } from './models/RefundVendorCredit';
 import { CreateRefundVendorCredit } from './commands/CreateRefundVendorCredit.service';
-import { IRefundVendorCreditDTO } from './types/VendorCreditRefund.types';
 import { RefundVendorCreditDto } from './dtos/RefundVendorCredit.dto';
+import { GetRefundVendorCreditsService } from './queries/GetRefundVendorCredits.service';
+import { IRefundVendorCreditPOJO } from './types/VendorCreditRefund.types';
 
 @Injectable()
 export class VendorCreditsRefundApplication {
   /**
    * @param {CreateRefundVendorCredit} createRefundVendorCreditService
    * @param {DeleteRefundVendorCreditService} deleteRefundVendorCreditService
+   * @param {GetRefundVendorCreditsService} getRefundVendorCreditsService
    */
   constructor(
     private readonly createRefundVendorCreditService: CreateRefundVendorCredit,
     private readonly deleteRefundVendorCreditService: DeleteRefundVendorCreditService,
-  ) {}
+    private readonly getRefundVendorCreditsService: GetRefundVendorCreditsService,
+  ) { }
+
+  /**
+   * Retrieve the vendor credit refunds graph.
+   * @param {number} vendorCreditId - Vendor credit id.
+   * @returns {Promise<IRefundVendorCreditPOJO[]>}
+   */
+  public getVendorCreditRefunds(
+    vendorCreditId: number,
+  ): Promise<IRefundVendorCreditPOJO[]> {
+    return this.getRefundVendorCreditsService.getVendorCreditRefunds(
+      vendorCreditId,
+    );
+  }
 
   /**
    * Creates a refund vendor credit.

packages/server/src/modules/VendorCreditsRefund/VendorCreditsRefund.controller.ts

@@ -1,4 +1,4 @@
-import { Body, Controller, Delete, Param, Post } from '@nestjs/common';
+import { Body, Controller, Delete, Get, Param, Post } from '@nestjs/common';
 import { VendorCreditsRefundApplication } from './VendorCreditsRefund.application';
 import { RefundVendorCredit } from './models/RefundVendorCredit';
 import { ApiOperation, ApiTags } from '@nestjs/swagger';
@@ -9,7 +9,22 @@ import { RefundVendorCreditDto } from './dtos/RefundVendorCredit.dto';
 export class VendorCreditsRefundController {
   constructor(
     private readonly vendorCreditsRefundApplication: VendorCreditsRefundApplication,
-  ) {}
+  ) { }
+
+  /**
+   * Retrieve the vendor credit refunds graph.
+   * @param {number} vendorCreditId - Vendor credit id.
+   * @returns {Promise<IRefundVendorCreditPOJO[]>}
+   */
+  @Get(':vendorCreditId/refund')
+  @ApiOperation({ summary: 'Retrieve the vendor credit refunds graph.' })
+  public getVendorCreditRefunds(
+    @Param('vendorCreditId') vendorCreditId: string,
+  ) {
+    return this.vendorCreditsRefundApplication.getVendorCreditRefunds(
+      Number(vendorCreditId),
+    );
+  }
 
   /**
    * Creates a refund vendor credit.
@@ -17,7 +32,7 @@ export class VendorCreditsRefundController {
    * @param {IRefundVendorCreditDTO} refundVendorCreditDTO
    * @returns {Promise<RefundVendorCredit>}
    */
-  @Post(':vendorCreditId/refunds')
+  @Post(':vendorCreditId/refund')
   @ApiOperation({ summary: 'Create a refund for the given vendor credit.' })
   public async createRefundVendorCredit(
     @Param('vendorCreditId') vendorCreditId: string,

packages/server/src/modules/VendorCreditsRefund/dtos/RefundVendorCredit.dto.ts

@@ -1,10 +1,12 @@
+import { IsOptional, ToNumber } from '@/common/decorators/Validators';
 import { ApiProperty } from '@nestjs/swagger';
-import { Min } from 'class-validator';
+import { IsDateString, Min } from 'class-validator';
 import { IsString } from 'class-validator';
 import { IsDate } from 'class-validator';
-import { IsNotEmpty, IsNumber, IsOptional, IsPositive } from 'class-validator';
+import { IsNotEmpty, IsNumber, IsPositive } from 'class-validator';
 
 export class RefundVendorCreditDto {
+  @ToNumber()
   @IsNumber()
   @IsNotEmpty()
   @Min(0)
@@ -32,6 +34,7 @@ export class RefundVendorCreditDto {
   })
   depositAccountId: number;
 
+  @IsOptional()
   @IsString()
   @IsNotEmpty()
   @ApiProperty({
@@ -40,7 +43,7 @@ export class RefundVendorCreditDto {
   })
   description: string;
 
-  @IsDate()
+  @IsDateString()
   @IsNotEmpty()
   @ApiProperty({
     description: 'The date of the refund',

packages/server/src/modules/Warehouses/WarehouseItems.controller.ts

@@ -0,0 +1,37 @@
+import { Controller, Get, Param } from '@nestjs/common';
+import { WarehousesApplication } from './WarehousesApplication.service';
+import {
+  ApiOperation,
+  ApiParam,
+  ApiResponse,
+  ApiTags,
+} from '@nestjs/swagger';
+import { ApiCommonHeaders } from '@/common/decorators/ApiCommonHeaders';
+
+@Controller('items')
+@ApiTags('Warehouses')
+@ApiCommonHeaders()
+export class WarehouseItemsController {
+  constructor(private warehousesApplication: WarehousesApplication) { }
+
+  @Get(':id/warehouses')
+  @ApiOperation({
+    summary: 'Retrieves the item associated warehouses.',
+  })
+  @ApiResponse({
+    status: 200,
+    description:
+      'The item associated warehouses have been successfully retrieved.',
+  })
+  @ApiResponse({ status: 404, description: 'The item not found.' })
+  @ApiParam({
+    name: 'id',
+    required: true,
+    type: Number,
+    description: 'The item id',
+  })
+  getItemWarehouses(@Param('id') itemId: string) {
+    return this.warehousesApplication.getItemWarehouses(Number(itemId));
+  }
+}
+

packages/server/src/modules/Warehouses/Warehouses.controller.ts

@@ -85,10 +85,4 @@ export class WarehousesController {
   markWarehousePrimary(@Param('id') warehouseId: string) {
     return this.warehousesApplication.markWarehousePrimary(Number(warehouseId));
   }
-
-  @Get('items/:itemId')
-  @ApiOperation({ summary: 'Get item warehouses' })
-  getItemWarehouses(@Param('itemId') itemId: string) {
-    return this.warehousesApplication.getItemWarehouses(Number(itemId));
-  }
 }

packages/server/src/modules/Warehouses/Warehouses.module.ts

@@ -7,6 +7,7 @@ import { CreateWarehouse } from './commands/CreateWarehouse.service';
 import { EditWarehouse } from './commands/EditWarehouse.service';
 import { DeleteWarehouseService } from './commands/DeleteWarehouse.service';
 import { WarehousesController } from './Warehouses.controller';
+import { WarehouseItemsController } from './WarehouseItems.controller';
 import { GetWarehouse } from './queries/GetWarehouse';
 import { WarehouseMarkPrimary } from './commands/WarehouseMarkPrimary.service';
 import { GetWarehouses } from './queries/GetWarehouses';
@@ -47,7 +48,7 @@ const models = [RegisterTenancyModel(Warehouse)];
 
 @Module({
   imports: [TenancyDatabaseModule, ...models],
-  controllers: [WarehousesController],
+  controllers: [WarehousesController, WarehouseItemsController],
   providers: [
     CreateWarehouse,
     EditWarehouse,
@@ -90,6 +91,6 @@ const models = [RegisterTenancyModel(Warehouse)];
     InventoryTransactionsWarehouses,
     ValidateWarehouseExistance
   ],
-  exports: [WarehousesSettings, WarehouseTransactionDTOTransform, ...models],
+  exports: [WarehousesSettings, WarehouseTransactionDTOTransform, WarehousesApplication, ...models],
 })
 export class WarehousesModule {}

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/AdvancedFilter/AdvancedFilterValueField.tsx

@@ -1,5 +1,5 @@
 // @ts-nocheck
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Position, Checkbox, InputGroup } from '@blueprintjs/core';
 import { DateInput } from '@blueprintjs/datetime';
 import moment from 'moment';
@@ -7,23 +7,29 @@ import intl from 'react-intl-universal';
 import { isUndefined } from 'lodash';
 
 import { useAutofocus } from '@/hooks';
-import { T, Choose, ListSelect } from '@/components';
+import { T, Choose } from '@/components';
+import { Select } from '@/components/Forms';
 import { momentFormatter } from '@/utils';
 
 function AdvancedFilterEnumerationField({ options, value, ...rest }) {
+  const selectedItem = useMemo(
+    () => options.find((opt) => opt.key === value) || null,
+    [options, value],
+  );
+
   return (
-    <ListSelect
+    <Select
       items={options}
-      selectedItem={value}
+      selectedItem={selectedItem}
       popoverProps={{
         fill: true,
         inline: true,
         minimal: true,
         captureDismiss: true,
       }}
-      defaultText={<T id={'filter.select_option'} />}
-      textProp={'label'}
-      selectedItemProp={'key'}
+      placeholder={<T id={'filter.select_option'} />}
+      textAccessor={'label'}
+      valueAccessor={'key'}
       {...rest}
     />
   );

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,4 @@ const mapActionsToProps = (dispatch) => ({
     dispatch(setAccountsSelectedRows(selectedRows)),
 });
 
-export default connect(null, mapActionsToProps);
+export const withAccountsTableActions = connect(null, mapActionsToProps);

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';