Ako/ remove circular imports from index files of bots package

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/container.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { TQuickStrategyProps, TSymbolItem } from '../quick-strategy.types';
-import { MarketOption, QuickStrategyForm, TradeTypeOption } from '.';
+import MarketOption from './market-option';
+import TradeTypeOption from './trade-type-option';
+import QuickStrategyForm from './form';
 
 const QuickStrategyContainer = (props: TQuickStrategyProps) => {
     const {

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/data/data-fields.ts

@@ -1,7 +1,6 @@
 import { localize } from '@deriv/translations';
 import { TDropdownItems, TInputBaseFields, TInputsFieldNames, TSelectsFieldNames } from '../../quick-strategy.types';
-import { common_inputs_properties } from '..';
-import { TCommonInputsProperties } from './common-input-properties';
+import common_inputs_properties, { TCommonInputsProperties } from './common-input-properties';
 
 const getMessage = (property: string) => `The bot will stop trading if your total ${property} exceeds this amount.`;
 

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/duration-fields.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { isMobile } from '@deriv/shared';
 import { TDropdownItems, TSelectsFieldNames } from '../quick-strategy.types';
 import { TDurationFields } from './components.types';
-import { SelectField } from '.';
+import SelectField from './select-field';
 
 const DurationFields = ({
     id,

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/fields.tsx

@@ -1,7 +1,12 @@
 import React from 'react';
 import { TDropdownItems, TDropdowns, TSelectedValuesSelect } from '../quick-strategy.types';
 import { TDropdownLists, TQuickStrategyFields, TSelectedValues } from './components.types';
-import { data_fields, data_uniq_input_obj, Description, DurationFields, Inputs, Selects } from '.';
+import data_uniq_input_obj from './data/data-uniq-input-obj';
+import data_fields from './data/data-fields';
+import DurationFields from './duration-fields';
+import Inputs from './inputs';
+import Selects from './selects';
+import Description from './description';
 
 const QuickStrategyFields = React.memo(
     ({

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/form.tsx

@@ -7,7 +7,8 @@ import { isMobile, isSafari } from '@deriv/shared';
 import { localize } from '@deriv/translations';
 import { TQuickStrategyFormValues } from '../quick-strategy.types';
 import { TQuickStrategyForm } from './components.types';
-import { QuickStrategyFields, QuickStrategyFooter } from '.';
+import QuickStrategyFields from './fields';
+import QuickStrategyFooter from './footer';
 
 const QuickStrategyForm = ({
     duration_unit_dropdown,

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/input-field.tsx

@@ -3,10 +3,9 @@ import { Field, FieldProps } from 'formik';
 import { Icon, Input, Popover } from '@deriv/components';
 import { localize } from '@deriv/translations';
 import { TFormValues, TInputBaseFields, TInputCommonFields } from '../quick-strategy.types';
-import { TDataFields } from './data/data-fields';
+import data_fields, { TDataFields } from './data/data-fields';
 import { TDataUniqInput } from './data/data-uniq-input-obj';
 import { TInputFieldProps } from './components.types';
-import { data_fields } from '.';
 
 const InputField = ({
     idx,

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/inputs.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { isMobile } from '@deriv/shared';
 import { TInputsFieldNames } from '../quick-strategy.types';
 import { TInputs } from './components.types';
-import { InputField } from '.';
+import InputField from './input-field';
 
 const Inputs = ({
     idx,

packages/bot-web-ui/src/components/dashboard/quick-strategy/quick-strategy-components/selects.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { isMobile } from '@deriv/shared';
 import { TDropdownItems, TSelectsFieldNames } from '../quick-strategy.types';
 import { TSelects } from './components.types';
-import { SelectField } from '.';
+import SelectField from './select-field';
 
 const Selects = ({
     field_name,

packages/bot-web-ui/src/components/journal/journal-components/filter-dialog.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { useOnClickOutside } from '@deriv/components';
 import { TFilterDialogProps } from '../journal.types';
-import { Filters } from '.';
+import Filters from './filters';
 
 const FilterDialog = ({
     toggle_ref,

packages/bot-web-ui/src/components/journal/journal-components/journal-item.tsx

@@ -4,7 +4,8 @@ import { CSSTransition } from 'react-transition-group';
 import { message_types } from '@deriv/bot-skeleton';
 import { useNewRowTransition } from '@deriv/shared';
 import { TJournalItemExtra, TJournalItemProps } from '../journal.types';
-import { DateItem, FormatMessage } from '.';
+import FormatMessage from './format-message';
+import DateItem from './date-item';
 
 const getJournalItemContent = (
     message: string | ((value: () => void) => string),

packages/bot-web-ui/src/components/journal/journal-components/journal-tools.tsx

@@ -4,7 +4,7 @@ import { Icon, Text } from '@deriv/components';
 import { Localize } from '@deriv/translations';
 import Download from 'Components/download';
 import { TJournalToolsProps } from '../journal.types';
-import { FilterDialog } from '.';
+import FilterDialog from './filter-dialog';
 
 const JournalTools = ({
     checked_filters,

packages/bot-web-ui/src/utils/journal-notifications.js

@@ -1,5 +1,5 @@
 import { localize } from '@deriv/translations';
-import { arrayAsMessage, messageWithButton } from '../components';
+import { arrayAsMessage, messageWithButton } from '../components/notify-item';
 
 const showErrorMessageWithButton = (message, block_id, showErrorMessage, centerAndHighlightBlock) => {
     showErrorMessage(