… button (#75)

* feat: add turbos to trade types

* feat: add icon for description

* refactor: separate trade types description, change svg and make info icons being visible for mob

* fix: replace icons name to proper define

* fix: correct spelling for turbos icon

…77)

* refactor: add existing take profit component for turbos

* refactor: unite condition for riskmanagmentinfo component for multiplier and turbos

* feat: Barrier Line Colors depend upon the contract type

* chore: Reafctor Barrier Line Colors depend upon the contract type v1.2

* chore: Reafctor Barrier Line Colors depend upon the contract type v1.3

* feat: Dynamics Buttons Desktop + Responsive

* chore: refactor the code

* chore: refactor chnages v1.2

* chore: refactor css

* chore: refactor css v1.3

* chore: removed the function and moved to helpers

* chore: removed the function and moved to helpers v1.1

* chore: removed the function and moved to helpers renamed v1.2

… Trade params (#78)

* feat: create turbos info componenet, based on existing multiplier component

* refactor: add duration and stake for turbos mobile based on existing component

* refactor: unite two similar text components in one function, correct spelling in store

* refactor: remove fuction from component and make it pure, change px to rem in styles

* refactor: turn function into component and clean up props values

* refactor: add todo comment

…354/task-add-turbos

…83)

* chore: style changes v1.0

* fix: styling animation

* fix: button styling responsive

* fix: button styling responsive v1.3

…er and Contract Details (#82)

* feat: add proper type name for turbos in recent positions

* refactor: extend getcontracttypedisplay function, do decomposing

* refactor: config files for recent positions card

* feat: add recent position card for desktop and plug in min and max stake

* feat: add card for recent positions for mobile

* fix: delete extra properties

* refactor: add react fragment and shrink arrow function

* fix: spelling in trade type

* feat: add turbos contract card for contract details page for desktop

* feat: add turbos card for details page mobile

* refactor: replace wrong contracts type to turbos

* refactor: add nested styles, rename variables

* refactor: shrink styles for contract card

* fix: status timer style

* refactor: cleared classname

* fix: change px to rem

…sponsive] (#85)

* feat: desktop view added in reports open positions

* chore: desktop view tweaks v1.1

* chore: open positions v1.3

* chore: Mobile Css v1.4

* fix: mobile responsive v1.5

* chore: open positions turbos and multipliers v1.6

* chore: open positions turbos and multipliers commented code v1.7

* refactor: UI Changes as per Figma and refactor Css

* fix: Recent Positions and refactor Css v1.8

* fix: Recent Positions and refactor Css v1.9

* fix: Recent Positions and refactor Css v1.10

* fix: Recent Positions and refactor Css v1.11

* feat: init barriers components file

* feat: add BrriersTable component with base styles

* refactor: config files, fix css for card details and add toggle func for new comp

* feat: add state for condition of rendering barrierstable component, add animation

* feat: implement function for setting new barrier value

* feat: add new component for list and list-item, refactor css and store function

* feat: add new observable and set func to the store for hover value, add scroll comp

* refactor: rename barriers component, restructured it, change type of mouse events, delete utilit

* refactor: exclude extra component renders

* feat: add collapsed barriers

* refactor: rename params and remove a helper function to a separate file

* chore: empty commit to triger tests

* refactor: incapsulate logic of event handlers inside barriers-list component, replace input comp

* refactor: change the structure of header_tooltip_text

* refactor: replace header_tooltip_text with Localize component

* refactor: change the structure of event handlers

* refactor: delete extra class for hover

* refactor: delete event handler

…rams (#91)

* feat: add barrier collapsed for mobile, refactor css for trade type info card

* fix: forgot call function

* refactor: change style of payout per point in mobile acc to design

…#90)

* feat: trade params turbos desktop v1.0

* feat: trade params turbos desktop v1.1

* feat: trade params turbos desktop tabs working v1.2

* fix: turbos short long tabs

* fix: turbos short long tabs v1.4

* fix: turbos short long tabs v1.5

* fix: turbos short long tabs v1.6

* fix: turbos short long tabs v1.7

* fix: turbos short long tabs v1.8

* fix: turbos short long v1.9

* fix: turbos short long v1.10

…354/task-add-turbos

…ialog to Trade params (#93)

* feat: add barriers expanded version for mobile

* refactor: disabled btn if the selected barrier is the same

* refactor: change scss selector and cover tooltip into div

* refactor: cover header mobile in order to simplify css style

* refactor: delete state for button and chnge styles for dark mode

* refactor: increase the usage of text component

* refactor: replace the rest of the text by Text component

* refactor: add ternal operator

* refactor: change the structure of barrier list and replace li with text

* refactor: unite trade type info description for turbos

* refactor: delete extra brakets

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>

---------

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>

…87354/task-add-turbos

* feat: trade type tabs test case added

* feat: trade type tabs test case added v1.2

* feat: trade type tabs test case added v1.2.1

* feat: trade type tabs test case added v1.3

* feat: trade type tabs test case added v1.4

* feat: trade type tabs test case added v1.4.1

* feat: trade type tabs test case added v1.5

* feat: trade type tabs test case added v1.5.1

* feat: trade type tabs test case added v1.6

* feat: trade type tabs test case added v1.7

* feat: trade type tabs test case added v1.8

* fix: component test fix

* fix: jest mock function removed

* fix: string literals

* feat: responsive trade type tabs v1.0

* feat: responsive trade type tabs v1.1

* feat: responsive trade type tabs v1.2

* feat: responsive trade type tabs v1.3

* feat: responsive trade type tabs v1.4

* refactor: tradetypetabs integration into barrier selector

* refactor: tradetypetabs integration into barrier selector v1.2

* Apply suggestions from code review

---------

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>

…yia/87354/task-add-turbos' of github.com:maryia-deriv/deriv-app into maryia/87354/task-add-turbos

* refactor: add tests for new components

* refactor: add tests for new components

* chore: correct spelling

* refactor: remove duplicated classnames into a sep constant

* refactor: delete extra test-id, which were in the comp by default

* refactor: remove has_stop_loss from mock_props

* refactor: add has_stop_loss to mock_props

* refactor: implemented suggestions

* refactor: delete extra backticks

* refactor: add more tests and delete extra property

…87354/task-add-turbos

…on, barrier-selector and barrier-list to TS together with their tests (#102)

* refactor: ts migration of new components for turbos with tests

* refactor: migrate BarrierSelector to TS, update tests

* refactor: translate TurbosCardBody to TS

* refactor: translate TurbosCardBody tests

* refactor: deal with ts errors in logic.ts

* refactor: update packege json for trader by adding more test dependen

* refactor: migrate turbos-card-body test to ts

* refactor: delete extra pass of properties in test TurbosCardBody

* refactor: migrate barrier-utils and add test

* refactor: delete extra portals in test

* refactor: delete extra type

* refactor: translate tradeTypeTabs to ts with tests and apply recent design changes

* Update packages/trader/src/Modules/Trading/Components/Form/TradeParams/Turbos/barrier-selector.tsx

---------

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>

… with their tests + add tests for payout-per-point (#104)

* refactor: migrate to TS PayoutPerPoint and TurbosInfo with tests

* Update packages/trader/src/Modules/Trading/Components/Elements/Turbos/payout-per-point.tsx

* Apply suggestions from code review

Co-authored-by: Matin shafiei <matin@binary.com>

---------

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>
Co-authored-by: Matin shafiei <matin@binary.com>

…354/task-add-turbos

…ve (#106)

* feat: make barriers and payout collapsible

* refactor: change getTurbosSubtype function and add cards filtration for mobile

* refactor: lift up the mobile chart for turbos

* feat: add more details in tooltip

* refactor: shrink getTurbosSubtype function

* feat: update charts version

* chore: add package lock file

* fix: add flags for vanillas

* refactor: expand getContractSubtype function

* refactor: delete round for turbos payout per point

* fix: change test case

…ion (#111)

…ultaneously (#112)

* feat: show both long and short recent contracts on chart

* refactor: add short and long options for barrier in store in order to display correct val

* Apply suggestions from code review

---------

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>

* refactor: delete decimals for payout per point in Turbos

* refactor: minor changes and add arrow in payout per point

* fix: add arrow for mobile payout per point turbos

* refactor: add longcode as info in contract details for vanillas

* chore: change btn name

…and turbos + improvements

…87354/task-add-turbos

…354/task-add-turbos

…nts (#114)

* refactor: apply trade type tabs to vanilla

* refactor: apply barriers list for vanilla

* refactor: remove bode list to a separate components

* chore: small changes according to pr suggestions

* fix: return undefind for amount and fieldset

* Apply suggestions from code review

---------

Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>

…87354/task-add-turbos

…354/task-add-turbos

* refactor: delete extra filed in object

* refactor: add storeProvider and mockStore for tests

* chore: optimise code size

* fix: bug with contract info slider

* fix: bug with contract info and refactor widget component

* chore: rename constant for tests

* refactor: add T prefix

* chore: remove extra const

…354/task-add-turbos

…354/task-add-turbos

* refactor: update content for contract type and payout per point

* chore: update text in contract type info test

…s page (#120)

* fix: add profit for turbos card after contract is sold

* chore: update unit tests for turbos card body

* chore: add optional chaining for response error check

* chore: remove rounding for barrier in contract card

* refactor: change formatting for barrier in turbos card

* chore: add ternary operator for formating

* chore: remove extra sign

* refactor: make first barrier chosen by default

* refactor: delete extra optional chaning

…354/task-add-turbos

…122)

* feat: add payout per point for turbos contract details

* fix: replace reg exp for turbos and vanillas

…87354/task-add-turbos

…nes (#123)

* refactor: change turbos details

* feat: add third row to contract card with new values and rewrite tests

* refactor: make total profit loss always visible for turbos card

* chore: rename classname

…87354/task-add-turbos

* fix: change aligment for turbos Vanillas and Accum fieldset titles

* refactor: replace px by rem

…354/task-add-turbos