Skip to content

Commit

Permalink
Improvement/dbot tutorials (deriv-com#9896)
Browse files Browse the repository at this point in the history
* Farabi/rupato/bot 313  update tour step (deriv-com#9885)

* fix: updated tour guide

* fix: refactor last joyride step and last pop up modal

* fix: start for both tours

* fix: added check for onboard tour action bar

* fix: reverted changes for tour dialog

* fix: fixed review comments

* fix: added localize component check

* fix: for id on localize

* fix: for the margin bottom on the last step of joyride

* fix: made font size xs for tour

* fix: made font size xs for tour

---------

Co-authored-by: Rupato Braganza <rupatobraganza@Rupato-Braganzas-Mac-L2R5WHGD9W.local>
Co-authored-by: Farabi Chowdhury <farabi@deriv.com>
Co-authored-by: rupato-deriv <rupato@regentmarkets.com>

* Farabi/bot 444/highlight the tutorials tab (deriv-com#9887)

* fix: higlighted tutorials on mobile onboarding and replaced gif with mp4

* fix: changes related to code review

* fix: added width for mobile view of tour

* fix: width for images and videos

* fix: width adjustment on responsive

* fix: disabled picture in picture and download for videos

* fix: change step 5 video to updated one

* fix: fix last step button

---------

Co-authored-by: Farabi Chowdhury <farabi@deriv.com>

* Sandeep/bot 404/onboarding tour improvements 1 (deriv-com#9894)

* fix: higlighted tutorials on mobile onboarding and replaced gif with mp4

* fix: changes related to code review

* fix: added width for mobile view of tour

* fix: width for images and videos

* fix: width adjustment on responsive

* fix: disabled picture in picture and download for videos

* fix: change step 5 video to updated one

* fix: 📝 Updated content for bot tutorials

* fix: fix last step button

* fix: 🚧 updated content for start tour dialog

---------

Co-authored-by: Farabi Chowdhury <farabi@deriv.com>
Co-authored-by: Sandeep <sandeepsingh@Sandeeps-Mac-CX9PCJX3L9.local>

* Sandeep/bot 404/onboarding tour improvements 1 (deriv-com#9982)

* fix: higlighted tutorials on mobile onboarding and replaced gif with mp4

* fix: changes related to code review

* fix: added width for mobile view of tour

* fix: width for images and videos

* fix: width adjustment on responsive

* fix: disabled picture in picture and download for videos

* fix: change step 5 video to updated one

* fix: 📝 Updated content for bot tutorials

* fix: fix last step button

* fix: 🚧 updated content for start tour dialog

* henry/webrel-1160/hotfix: space issue dropdown (deriv-com#9898)

* fix: space issue dropdown

* fix: resolve comment

* fix: comment

* Update packages/components/src/components/dropdown/dropdown.scss

* fix: empty commit

---------

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

* fix: overwritten styles (deriv-com#9899)

* fix: overwritten styles

* fix: overwritten styles

* Ameerul /WEBREL-1159 Sort by column alignment in P2P Buy/Sell page is off (deriv-com#9876)

* chore: fixed sort dropdown alignment

* chore: changed styling for dropdown

* george / PRODQA-1316 / Transfer from Tradershub validation (deriv-com#9908)

* fix: 🚑 fix active container for TH transfer, fix insufficient balance check

* test: 🐛 fix tests

* fix: 🚑 fix 'Insufficient balance' condition

* translations: 📚 sync translations with crowdin (deriv-com#9912)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9917)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* Hirad-Hamza-ShonTzu/Feature revamp compare account re-deployment (deriv-com#9611)

* feat: initializing the compare account implementation

* feat: icon reusable component v1.0

* feat: icon reusable component v1.1

* feat: icon reusable component v1.1.1

* feat: initialize compare cfd account page (todo:css)

* feat: blank compare cfd accounts page & navi done

* feat: mobile view

* fix: compare-accounts naming convention

* fix: updated path import

* fix: reverted icons.js changes

* fix: compare-cfds -> compare-accounts

* feat: reusable component v1.2

* feat: reusable component v1.2.1

* feat: icon reusable component added v1.3

* feat: reusable component for Icons

* feat: reusable component for Icons refactor

* feat: reusable component for Icons refactor v1.2

* feat: description div added

* feat: description with title +icon is added

* feat: platform label + icon component padding added

* chore: labuan leverage updated

* chore: css issue fixed for Cards

* feat: carousel added with sorting o f MT5 accounts

* feat: carousel arrow background and container added

* chore: added dxtrade in the card for dynamic rendering with type fixes

* chore: changes in platform label header with respect to props data

* chore: icons updated because of white line issue in icons

* chore: change the components css name and other naming convention tweaks

* refactor: suggestions implemented

* refactor: convert carousel button into one

* feat: initial commit for starting collaboration

* feat: added the button placeholder

* feat: added new banner to cfd cards

* refactor: make the banner smaller

* fix: added condition to show banner for derivez and ctrader only

* refactor: changed the types and applied suggestions

* refactor: removed the invalide shortcode for dxtrade

* refactor: round up patches based on reviews

* fix: round up patch 2 based on review

* Update packages/cfd/src/Containers/cfd-compare-accounts/cfd-compare-accounts.scss

Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>

* refactor: button width

* refactor: button classname

* chore: fix css of underline

* chore: added redirection to homepage in case of modals

* fix: circle ci failed due to wrong type of client function

* chore: added the disabled property for the Added accounts

* chore: added condition for the dxtrade

* chore: rearrange block scoped variables

* chore: fix css of labuan tooltip with removal of commented code

* chore: responsive view fixes

* feat: demo accounts added for low risk

* feat: demo accounts label added and swap-free account creation fixed

* chore: added derivx account creation flow

* refactor: replace ternary operators with if-else

* chore: remove unused jurisdiction

* feat: demo account compare implemetation tweaks as per design

* feat: rectified the Demo title as per design

* chore: font weigth of instruments as per design

* feat: Eu flow for DIEL

* feat: changes in the icons label and correction in EU flow

* chore: addded translations demo title and rename baskets

* chore: rename icon type

* chore: final changes prop drilling instead of observer EU flow finalized

* fix: hidding deriv ez

* fix: EU flow platform label change

* feat: test case for description added

* feat: platform label test case added

* feat: title icon test case added

* feat: title icon test case added

* chore: fix test case description + instruments icon test added

* refactor: blank spaces removed

* chore: cfd-instruments-label test added

* chore: test file added cfd-instrument-label

* feat: button partial test case added

* chore: added more test case for Button component

* feat: added test case for compare-account-card

* chore: merge conflicts

* chore: test for cfd-compare-accounts added

* feat: derivX demo

* chore: added testcase for dxtrade in button

* fix: dxtrade for australian clients

* fix: swapfree account creation added

* fix: comapre account fixes first round

* fix: remove the css because scroll not working

* fix: renamed variable + icons

* fix: cursor not allowed on instrument icons

* fix: fixed the circle ci issue

* fix: fixed one of our test issues

* refactor: review comments resolved

* fix: changing the text of mf accounts to pass the tests

* fix: made changes according to suggestions

* fix: made changes according to suggestions

* fix: fixed the test case issues

* chore: added s to spread(s)

* chore: fixed capitalization

* chore: line split

* fix: failing test case

* fix: updated markets offerings for MT5 Financial Labuan

* fix: Other CFDs --> Other CFDs Platform

* fix: removed standard/micro from DerivX Forex label

* refactor: optimised code

* fix: icon size inconsistencyn mobile VP

* refactor: css refactoring to reflect figma as much as possible

* refactor: minor css fixes

* fix: fixed

* style: added bottom padding for mobile

* fix: fixed the build issue

* chore: re running the tests

* fix: subtasks

* chore: typo

* style: position the tooltip to be center within the card

* style: resize width for word-wrap

* chore: d and r should be lowercase dispute and resolution

* fix: fixing sonar cloud issues

* fix: making changes to pass the tests

---------

Co-authored-by: hamza-deriv <hamza.muhammad@regentmarkets.com>
Co-authored-by: shontzu-deriv <shon.tzu@regentmarkets.com>
Co-authored-by: shontzu <108507236+shontzu-deriv@users.noreply.github.com>
Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>

* adrienne/chore: added eslint and stylelint for wallets and renamed css variables (deriv-com#9877)

* feat: added stylelint for wallets for bem convention

* feat: added stylelint for wallets for bem convention

* chore: added import sorts for wallets and bem convention checking

* chore: removed unused dependencies in wallets

* Arshad/Matin/WALL-1226/Dynamic leverage for MT5 financial accounts (deriv-com#9314)

* chore: Dynamic leverage for MT5 financial accounts initial commit

* feat: 🚧 dynamic leverage modal

* test: unit tests

* feat: ✅ added unit tests and refactoring

* feat: ♻️ fixed UI

* feat: ♻️ review changes for dynamic leverage

* chore: item name update

* feat: 🐛 passed string to localize instead of a variable

* test: ♻️

* refactor: ♻️ refactored column header to new component

* refactor: refactored code

* fix: fixed styling and refactored code

* style: formatted code

* test: updated test mock component

* refactor: refactored styling and unit tests

* fix: fixed text content for dynamic leverage

* fix: fixed localize component usage

* refactor: used strong instead of span styling

* fix: jurisdiction card layout

---------

Co-authored-by: arshad-rao-deriv <muhammad.arshad@deriv.com>
Co-authored-by: mahdiyeh-deriv <82078941+mahdiyeh-deriv@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9924)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9925)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9930)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* Ako/remove docker k8s config (deriv-com#9933)

* ci: remove k8s workflow

* ci: remove docker build and  push workflow

* fix: regression bug regarding market offerings (deriv-com#9936)

* FarhanNurzi/WALL-1657/Link the Wallet carousel with real data in Responsive (deriv-com#9895)

* chore: use hook to get wallet list in mobile carousel

* chore: add components/index.ts

* thisyahlen/refactor: add useAvailableWallets in deriv/api (deriv-com#9818)

* chore: add useAvailableWallets in deriv/api

* fix: empty

* refactor(api): ♻️ clean-up

* fix: latest code for available wallets

* fix: rename useGetAccountTypes

* fix: comments

* chore: split function and refactor

* fix: sonarcloud

---------

Co-authored-by: Farzin Mirzaie <farzin@deriv.com>

* thisyahlen/chore: update ui for wallet header (deriv-com#9870)

* chore: update ui for wallet header

* chore: add more styles

* chore: add more styles v2

* fix: lint errors

* chore: split components

* chore: split v2

* chore: split v3

* chore: add svg for header button actions

* fix: format balance and css styles

* fix: landing company name uppercase

* fix: comments

* chore: split moreeeee

* fix: rename css

* fix: lint styles

* fix: styles

* fix: comments

* fix: comments v3

* fix: comments v4

* fix: comments v5

* Hamza/ hotfix: compare account text size difference (deriv-com#9950)

* chore: compare account text size difference

* chore: compare account text size difference on mobile

* translations: 📚 sync translations with crowdin (deriv-com#9945)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* Mahdiyeh/fix: change market price movements to market movements (deriv-com#9341)

* fix: change market price movements to market movements

* fix: resolve issue

---------

Co-authored-by: Mahdiyeh Amirkhani <mahdiyehamirkhani@Mahdiyeh-Amirkhanis-Mac-J79XQHKXVJ.local>

* fix:  cashier page height in iphone (deriv-com#9779)

* shahzaib / KYC-304 / additional kyc questions in the real account creation (deriv-com#9501)

* chore: additional information section for real accounts creation

* chore: hide additional details for high risk client

* chore: refactor to pass classname conditionally and removed disposable props

* chore: removed unused props

* chore: renamed className to class_name

* chore: update test case for personal-details component

* Update packages/account/src/Components/personal-details/__tests__/personal-details.spec.js

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* Update onfido-container.scss

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* chore: update props

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* chore: update props

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* chore: remove unused imports

* chore: update fragment useage

* chore: remove high_risk conditiono to hide the additional fields

* chore: empty commit

* fix(props): removed unused is_high_risk prop

* chore: renamed TaxResidentField

* chore: update tax residence validation message for TIN number

* chore: update config to include additional details if the client is not high risk for mt5

* chore: added test case for high risk condition in personal details config

* chore: refactored test case

* chore: disble additional information fields if user has already filled the details

* feat(hooks): created hooks to get if a user is high risk for MT5

* chore: updated comment for personal details config

* fix: remove unused variable

* fix(test): update test cases to reflect hook change

* test: update test cases to use store provider

* chore: removed unused logic from cfd & traders hub store

* test: update description

* test: mock hook for returned value

* fix: TIN validation in personal-details-config

* fix: added additional field check for diel accounts

---------

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* Rupato/PRODQA-1167/fix: updated error handling for dbot skeleton (deriv-com#9576)

* fix: updated error handling for dbot skeleton

* fix: changed method naming

* fix: changed comment

* fix: changed error config

* fix: changed error config

* fix: review comments

* fix: changed keycode

* fix: assigned const

* fix: bug fixes

* fix: for multipliers block

* fix: removed extra space

* fix: added parameter

* fix: for localize

* fix: sentence

* fix: updated error messages

* fix: removed fallback

* fix: removed check for mandatory block

* fix: review comments

* fix: empty trigger

* fix: code refactored and added disabled check

* fix: removed key

* fix: removed key

* fix: changed error message

* fix: reverted changes for disabled block and misplaced

* fix: removed commented code

* fix: review comments

* fix: review comments

* fix: review comments

* chore: updated z-index for language switcher (deriv-com#9461)

* farabi/bot-512/tour content sizing and responsiveness on small screen (deriv-com#9472)

* fix: updated content size according to design

* refactor: reverted classname changes

* fix: tour is made responsive on smaller screen

* Shafin/bot 301/fix  preview delete save edit issue (deriv-com#9549)

* chore: investigation on strategy save, edit, delete issue

* chore: finalize save-delete-edit issue for preview strategies

* fix: don't load if workspace is not present

* fix: pass parent element to mutation observer for least computation

* fix: issues on quick strategy run

* Vinu/bot 92/ticks history refactor (deriv-com#9547)

* fix: ticks_history call outside the run

* fix: remove console error and make ticks_history call on load

* refactor: remove unecessary code

* fix: added condition to make ticks_history call

* fix: disable run button untill ticks_history call is received

* fix: change trade_type_category,trade_type_category_field in trade_definition_tradetype onchange

* fix: fix ticks_history error when market is closed

* fix: fix the ticks_history call when bot is terminated

* fix: change file accept format (deriv-com#9812)

* fix: change file accept format

* fix: update file acceptance for dashboard file input

* Hamza/chore: useCreateOtherCFDAccount and useCreateMT5Account hooks added (deriv-com#9941)

* chore: useCreateOtherCFDAccount and useCreateMT5Account hooks added

* chore: added comments for explanantion purpose

* fix: allow custom variables and function values for limit order (deriv-com#9490)

* chore: fix language not correct when redirect from deriv-com (deriv-com#9632)

* chore: fix language not correct when redirect from deriv-com

* chore: fix language redirection from deriv-com

* chore: add optional chaining

* chore: update code base on comments

---------

Co-authored-by: Farabi Chowdhury <farabi@deriv.com>
Co-authored-by: Sandeep <sandeepsingh@Sandeeps-Mac-CX9PCJX3L9.local>
Co-authored-by: henry-deriv <118344354+henry-deriv@users.noreply.github.com>
Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>
Co-authored-by: Hamid <hamid@regentmarkets.com>
Co-authored-by: ameerul-deriv <103412909+ameerul-deriv@users.noreply.github.com>
Co-authored-by: George Usynin <103181646+heorhi-deriv@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>
Co-authored-by: hirad-deriv <hirad@re-work.dev>
Co-authored-by: hamza-deriv <hamza.muhammad@regentmarkets.com>
Co-authored-by: shontzu-deriv <shon.tzu@regentmarkets.com>
Co-authored-by: shontzu <108507236+shontzu-deriv@users.noreply.github.com>
Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>
Co-authored-by: adrienne-deriv <103016120+adrienne-deriv@users.noreply.github.com>
Co-authored-by: Matin shafiei <matin@deriv.com>
Co-authored-by: arshad-rao-deriv <muhammad.arshad@deriv.com>
Co-authored-by: mahdiyeh-deriv <82078941+mahdiyeh-deriv@users.noreply.github.com>
Co-authored-by: Ali(Ako) Hosseini <ali.hosseini@deriv.com>
Co-authored-by: Farhan Ahmad Nurzi <125247833+farhan-nurzi-deriv@users.noreply.github.com>
Co-authored-by: thisyahlen <104053934+thisyahlen-deriv@users.noreply.github.com>
Co-authored-by: Farzin Mirzaie <farzin@deriv.com>
Co-authored-by: Mahdiyeh Amirkhani <mahdiyehamirkhani@Mahdiyeh-Amirkhanis-Mac-J79XQHKXVJ.local>
Co-authored-by: Shahzaib <shahzaib@deriv.com>
Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>
Co-authored-by: rupato-deriv <97010868+rupato-deriv@users.noreply.github.com>
Co-authored-by: Sui Sin <103026762+suisin-deriv@users.noreply.github.com>
Co-authored-by: Farabi <102643568+farabi-deriv@users.noreply.github.com>
Co-authored-by: Shafin Al Karim <129021108+shafin-deriv@users.noreply.github.com>
Co-authored-by: vinu-deriv <100689171+vinu-deriv@users.noreply.github.com>
Co-authored-by: prince-deriv <82309725+prince-deriv@users.noreply.github.com>

* Resolve conflicts improvement dbot tutorials (deriv-com#9983)

* henry/webrel-1160/hotfix: space issue dropdown (deriv-com#9898)

* fix: space issue dropdown

* fix: resolve comment

* fix: comment

* Update packages/components/src/components/dropdown/dropdown.scss

* fix: empty commit

---------

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

* fix: overwritten styles (deriv-com#9899)

* fix: overwritten styles

* fix: overwritten styles

* Ameerul /WEBREL-1159 Sort by column alignment in P2P Buy/Sell page is off (deriv-com#9876)

* chore: fixed sort dropdown alignment

* chore: changed styling for dropdown

* george / PRODQA-1316 / Transfer from Tradershub validation (deriv-com#9908)

* fix: 🚑 fix active container for TH transfer, fix insufficient balance check

* test: 🐛 fix tests

* fix: 🚑 fix 'Insufficient balance' condition

* translations: 📚 sync translations with crowdin (deriv-com#9912)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9917)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* Hirad-Hamza-ShonTzu/Feature revamp compare account re-deployment (deriv-com#9611)

* feat: initializing the compare account implementation

* feat: icon reusable component v1.0

* feat: icon reusable component v1.1

* feat: icon reusable component v1.1.1

* feat: initialize compare cfd account page (todo:css)

* feat: blank compare cfd accounts page & navi done

* feat: mobile view

* fix: compare-accounts naming convention

* fix: updated path import

* fix: reverted icons.js changes

* fix: compare-cfds -> compare-accounts

* feat: reusable component v1.2

* feat: reusable component v1.2.1

* feat: icon reusable component added v1.3

* feat: reusable component for Icons

* feat: reusable component for Icons refactor

* feat: reusable component for Icons refactor v1.2

* feat: description div added

* feat: description with title +icon is added

* feat: platform label + icon component padding added

* chore: labuan leverage updated

* chore: css issue fixed for Cards

* feat: carousel added with sorting o f MT5 accounts

* feat: carousel arrow background and container added

* chore: added dxtrade in the card for dynamic rendering with type fixes

* chore: changes in platform label header with respect to props data

* chore: icons updated because of white line issue in icons

* chore: change the components css name and other naming convention tweaks

* refactor: suggestions implemented

* refactor: convert carousel button into one

* feat: initial commit for starting collaboration

* feat: added the button placeholder

* feat: added new banner to cfd cards

* refactor: make the banner smaller

* fix: added condition to show banner for derivez and ctrader only

* refactor: changed the types and applied suggestions

* refactor: removed the invalide shortcode for dxtrade

* refactor: round up patches based on reviews

* fix: round up patch 2 based on review

* Update packages/cfd/src/Containers/cfd-compare-accounts/cfd-compare-accounts.scss

Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>

* refactor: button width

* refactor: button classname

* chore: fix css of underline

* chore: added redirection to homepage in case of modals

* fix: circle ci failed due to wrong type of client function

* chore: added the disabled property for the Added accounts

* chore: added condition for the dxtrade

* chore: rearrange block scoped variables

* chore: fix css of labuan tooltip with removal of commented code

* chore: responsive view fixes

* feat: demo accounts added for low risk

* feat: demo accounts label added and swap-free account creation fixed

* chore: added derivx account creation flow

* refactor: replace ternary operators with if-else

* chore: remove unused jurisdiction

* feat: demo account compare implemetation tweaks as per design

* feat: rectified the Demo title as per design

* chore: font weigth of instruments as per design

* feat: Eu flow for DIEL

* feat: changes in the icons label and correction in EU flow

* chore: addded translations demo title and rename baskets

* chore: rename icon type

* chore: final changes prop drilling instead of observer EU flow finalized

* fix: hidding deriv ez

* fix: EU flow platform label change

* feat: test case for description added

* feat: platform label test case added

* feat: title icon test case added

* feat: title icon test case added

* chore: fix test case description + instruments icon test added

* refactor: blank spaces removed

* chore: cfd-instruments-label test added

* chore: test file added cfd-instrument-label

* feat: button partial test case added

* chore: added more test case for Button component

* feat: added test case for compare-account-card

* chore: merge conflicts

* chore: test for cfd-compare-accounts added

* feat: derivX demo

* chore: added testcase for dxtrade in button

* fix: dxtrade for australian clients

* fix: swapfree account creation added

* fix: comapre account fixes first round

* fix: remove the css because scroll not working

* fix: renamed variable + icons

* fix: cursor not allowed on instrument icons

* fix: fixed the circle ci issue

* fix: fixed one of our test issues

* refactor: review comments resolved

* fix: changing the text of mf accounts to pass the tests

* fix: made changes according to suggestions

* fix: made changes according to suggestions

* fix: fixed the test case issues

* chore: added s to spread(s)

* chore: fixed capitalization

* chore: line split

* fix: failing test case

* fix: updated markets offerings for MT5 Financial Labuan

* fix: Other CFDs --> Other CFDs Platform

* fix: removed standard/micro from DerivX Forex label

* refactor: optimised code

* fix: icon size inconsistencyn mobile VP

* refactor: css refactoring to reflect figma as much as possible

* refactor: minor css fixes

* fix: fixed

* style: added bottom padding for mobile

* fix: fixed the build issue

* chore: re running the tests

* fix: subtasks

* chore: typo

* style: position the tooltip to be center within the card

* style: resize width for word-wrap

* chore: d and r should be lowercase dispute and resolution

* fix: fixing sonar cloud issues

* fix: making changes to pass the tests

---------

Co-authored-by: hamza-deriv <hamza.muhammad@regentmarkets.com>
Co-authored-by: shontzu-deriv <shon.tzu@regentmarkets.com>
Co-authored-by: shontzu <108507236+shontzu-deriv@users.noreply.github.com>
Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>

* adrienne/chore: added eslint and stylelint for wallets and renamed css variables (deriv-com#9877)

* feat: added stylelint for wallets for bem convention

* feat: added stylelint for wallets for bem convention

* chore: added import sorts for wallets and bem convention checking

* chore: removed unused dependencies in wallets

* Arshad/Matin/WALL-1226/Dynamic leverage for MT5 financial accounts (deriv-com#9314)

* chore: Dynamic leverage for MT5 financial accounts initial commit

* feat: 🚧 dynamic leverage modal

* test: unit tests

* feat: ✅ added unit tests and refactoring

* feat: ♻️ fixed UI

* feat: ♻️ review changes for dynamic leverage

* chore: item name update

* feat: 🐛 passed string to localize instead of a variable

* test: ♻️

* refactor: ♻️ refactored column header to new component

* refactor: refactored code

* fix: fixed styling and refactored code

* style: formatted code

* test: updated test mock component

* refactor: refactored styling and unit tests

* fix: fixed text content for dynamic leverage

* fix: fixed localize component usage

* refactor: used strong instead of span styling

* fix: jurisdiction card layout

---------

Co-authored-by: arshad-rao-deriv <muhammad.arshad@deriv.com>
Co-authored-by: mahdiyeh-deriv <82078941+mahdiyeh-deriv@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9924)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9925)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* translations: 📚 sync translations with crowdin (deriv-com#9930)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* Ako/remove docker k8s config (deriv-com#9933)

* ci: remove k8s workflow

* ci: remove docker build and  push workflow

* fix: regression bug regarding market offerings (deriv-com#9936)

* FarhanNurzi/WALL-1657/Link the Wallet carousel with real data in Responsive (deriv-com#9895)

* chore: use hook to get wallet list in mobile carousel

* chore: add components/index.ts

* thisyahlen/refactor: add useAvailableWallets in deriv/api (deriv-com#9818)

* chore: add useAvailableWallets in deriv/api

* fix: empty

* refactor(api): ♻️ clean-up

* fix: latest code for available wallets

* fix: rename useGetAccountTypes

* fix: comments

* chore: split function and refactor

* fix: sonarcloud

---------

Co-authored-by: Farzin Mirzaie <farzin@deriv.com>

* thisyahlen/chore: update ui for wallet header (deriv-com#9870)

* chore: update ui for wallet header

* chore: add more styles

* chore: add more styles v2

* fix: lint errors

* chore: split components

* chore: split v2

* chore: split v3

* chore: add svg for header button actions

* fix: format balance and css styles

* fix: landing company name uppercase

* fix: comments

* chore: split moreeeee

* fix: rename css

* fix: lint styles

* fix: styles

* fix: comments

* fix: comments v3

* fix: comments v4

* fix: comments v5

* Hamza/ hotfix: compare account text size difference (deriv-com#9950)

* chore: compare account text size difference

* chore: compare account text size difference on mobile

* translations: 📚 sync translations with crowdin (deriv-com#9945)

Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>

* Mahdiyeh/fix: change market price movements to market movements (deriv-com#9341)

* fix: change market price movements to market movements

* fix: resolve issue

---------

Co-authored-by: Mahdiyeh Amirkhani <mahdiyehamirkhani@Mahdiyeh-Amirkhanis-Mac-J79XQHKXVJ.local>

* fix:  cashier page height in iphone (deriv-com#9779)

* shahzaib / KYC-304 / additional kyc questions in the real account creation (deriv-com#9501)

* chore: additional information section for real accounts creation

* chore: hide additional details for high risk client

* chore: refactor to pass classname conditionally and removed disposable props

* chore: removed unused props

* chore: renamed className to class_name

* chore: update test case for personal-details component

* Update packages/account/src/Components/personal-details/__tests__/personal-details.spec.js

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* Update onfido-container.scss

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* chore: update props

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* chore: update props

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* chore: remove unused imports

* chore: update fragment useage

* chore: remove high_risk conditiono to hide the additional fields

* chore: empty commit

* fix(props): removed unused is_high_risk prop

* chore: renamed TaxResidentField

* chore: update tax residence validation message for TIN number

* chore: update config to include additional details if the client is not high risk for mt5

* chore: added test case for high risk condition in personal details config

* chore: refactored test case

* chore: disble additional information fields if user has already filled the details

* feat(hooks): created hooks to get if a user is high risk for MT5

* chore: updated comment for personal details config

* fix: remove unused variable

* fix(test): update test cases to reflect hook change

* test: update test cases to use store provider

* chore: removed unused logic from cfd & traders hub store

* test: update description

* test: mock hook for returned value

* fix: TIN validation in personal-details-config

* fix: added additional field check for diel accounts

---------

Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>

* Rupato/PRODQA-1167/fix: updated error handling for dbot skeleton (deriv-com#9576)

* fix: updated error handling for dbot skeleton

* fix: changed method naming

* fix: changed comment

* fix: changed error config

* fix: changed error config

* fix: review comments

* fix: changed keycode

* fix: assigned const

* fix: bug fixes

* fix: for multipliers block

* fix: removed extra space

* fix: added parameter

* fix: for localize

* fix: sentence

* fix: updated error messages

* fix: removed fallback

* fix: removed check for mandatory block

* fix: review comments

* fix: empty trigger

* fix: code refactored and added disabled check

* fix: removed key

* fix: removed key

* fix: changed error message

* fix: reverted changes for disabled block and misplaced

* fix: removed commented code

* fix: review comments

* fix: review comments

* fix: review comments

* chore: updated z-index for language switcher (deriv-com#9461)

* farabi/bot-512/tour content sizing and responsiveness on small screen (deriv-com#9472)

* fix: updated content size according to design

* refactor: reverted classname changes

* fix: tour is made responsive on smaller screen

* Shafin/bot 301/fix  preview delete save edit issue (deriv-com#9549)

* chore: investigation on strategy save, edit, delete issue

* chore: finalize save-delete-edit issue for preview strategies

* fix: don't load if workspace is not present

* fix: pass parent element to mutation observer for least computation

* fix: issues on quick strategy run

* Vinu/bot 92/ticks history refactor (deriv-com#9547)

* fix: ticks_history call outside the run

* fix: remove console error and make ticks_history call on load

* refactor: remove unecessary code

* fix: added condition to make ticks_history call

* fix: disable run button untill ticks_history call is received

* fix: change trade_type_category,trade_type_category_field in trade_definition_tradetype onchange

* fix: fix ticks_history error when market is closed

* fix: fix the ticks_history call when bot is terminated

* fix: change file accept format (deriv-com#9812)

* fix: change file accept format

* fix: update file acceptance for dashboard file input

* Hamza/chore: useCreateOtherCFDAccount and useCreateMT5Account hooks added (deriv-com#9941)

* chore: useCreateOtherCFDAccount and useCreateMT5Account hooks added

* chore: added comments for explanantion purpose

* fix: allow custom variables and function values for limit order (deriv-com#9490)

* chore: fix language not correct when redirect from deriv-com (deriv-com#9632)

* chore: fix language not correct when redirect from deriv-com

* chore: fix language redirection from deriv-com

* chore: add optional chaining

* chore: update code base on comments

---------

Co-authored-by: henry-deriv <118344354+henry-deriv@users.noreply.github.com>
Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>
Co-authored-by: Hamid <hamid@regentmarkets.com>
Co-authored-by: ameerul-deriv <103412909+ameerul-deriv@users.noreply.github.com>
Co-authored-by: George Usynin <103181646+heorhi-deriv@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>
Co-authored-by: hirad-deriv <hirad@re-work.dev>
Co-authored-by: hamza-deriv <hamza.muhammad@regentmarkets.com>
Co-authored-by: shontzu-deriv <shon.tzu@regentmarkets.com>
Co-authored-by: shontzu <108507236+shontzu-deriv@users.noreply.github.com>
Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>
Co-authored-by: adrienne-deriv <103016120+adrienne-deriv@users.noreply.github.com>
Co-authored-by: Matin shafiei <matin@deriv.com>
Co-authored-by: arshad-rao-deriv <muhammad.arshad@deriv.com>
Co-authored-by: mahdiyeh-deriv <82078941+mahdiyeh-deriv@users.noreply.github.com>
Co-authored-by: Ali(Ako) Hosseini <ali.hosseini@deriv.com>
Co-authored-by: Farhan Ahmad Nurzi <125247833+farhan-nurzi-deriv@users.noreply.github.com>
Co-authored-by: thisyahlen <104053934+thisyahlen-deriv@users.noreply.github.com>
Co-authored-by: Farzin Mirzaie <farzin@deriv.com>
Co-authored-by: Mahdiyeh Amirkhani <mahdiyehamirkhani@Mahdiyeh-Amirkhanis-Mac-J79XQHKXVJ.local>
Co-authored-by: Shahzaib <shahzaib@deriv.com>
Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>
Co-authored-by: rupato-deriv <97010868+rupato-deriv@users.noreply.github.com>
Co-authored-by: Sui Sin <103026762+suisin-deriv@users.noreply.github.com>
Co-authored-by: Farabi <102643568+farabi-deriv@users.noreply.github.com>
Co-authored-by: Shafin Al Karim <129021108+shafin-deriv@users.noreply.github.com>
Co-authored-by: vinu-deriv <100689171+vinu-deriv@users.noreply.github.com>
Co-authored-by: prince-deriv <82309725+prince-deriv@users.noreply.github.com>
Co-authored-by: Sandeep <sandeepsingh@Sandeeps-Mac-CX9PCJX3L9.local>

* Revert "Resolve conflicts improvement dbot tutorials (deriv-com#9983)" (deriv-com#9984)

This reverts commit b4c8405.

* Revert "Sandeep/bot 404/onboarding tour improvements 1 (deriv-com#9982)" (deriv-com#9985)

This reverts commit d264663.

---------

Co-authored-by: Rupato Braganza <rupatobraganza@Rupato-Braganzas-Mac-L2R5WHGD9W.local>
Co-authored-by: Farabi Chowdhury <farabi@deriv.com>
Co-authored-by: rupato-deriv <rupato@regentmarkets.com>
Co-authored-by: Sandeep <sandeepsingh@Sandeeps-Mac-CX9PCJX3L9.local>
Co-authored-by: henry-deriv <118344354+henry-deriv@users.noreply.github.com>
Co-authored-by: Maryia <103177211+maryia-deriv@users.noreply.github.com>
Co-authored-by: Hamid <hamid@regentmarkets.com>
Co-authored-by: ameerul-deriv <103412909+ameerul-deriv@users.noreply.github.com>
Co-authored-by: George Usynin <103181646+heorhi-deriv@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com>
Co-authored-by: hirad-deriv <hirad@re-work.dev>
Co-authored-by: hamza-deriv <hamza.muhammad@regentmarkets.com>
Co-authored-by: shontzu-deriv <shon.tzu@regentmarkets.com>
Co-authored-by: shontzu <108507236+shontzu-deriv@users.noreply.github.com>
Co-authored-by: Muhammad Hamza <120543468+hamza-deriv@users.noreply.github.com>
Co-authored-by: adrienne-deriv <103016120+adrienne-deriv@users.noreply.github.com>
Co-authored-by: Matin shafiei <matin@deriv.com>
Co-authored-by: arshad-rao-deriv <muhammad.arshad@deriv.com>
Co-authored-by: mahdiyeh-deriv <82078941+mahdiyeh-deriv@users.noreply.github.com>
Co-authored-by: Ali(Ako) Hosseini <ali.hosseini@deriv.com>
Co-authored-by: Farhan Ahmad Nurzi <125247833+farhan-nurzi-deriv@users.noreply.github.com>
Co-authored-by: thisyahlen <104053934+thisyahlen-deriv@users.noreply.github.com>
Co-authored-by: Farzin Mirzaie <farzin@deriv.com>
Co-authored-by: Mahdiyeh Amirkhani <mahdiyehamirkhani@Mahdiyeh-Amirkhanis-Mac-J79XQHKXVJ.local>
Co-authored-by: Shahzaib <shahzaib@deriv.com>
Co-authored-by: yauheni-deriv <103182683+yauheni-deriv@users.noreply.github.com>
Co-authored-by: rupato-deriv <97010868+rupato-deriv@users.noreply.github.com>
Co-authored-by: Sui Sin <103026762+suisin-deriv@users.noreply.github.com>
Co-authored-by: Farabi <102643568+farabi-deriv@users.noreply.github.com>
Co-authored-by: Shafin Al Karim <129021108+shafin-deriv@users.noreply.github.com>
Co-authored-by: vinu-deriv <100689171+vinu-deriv@users.noreply.github.com>
Co-authored-by: prince-deriv <82309725+prince-deriv@users.noreply.github.com>
  • Loading branch information
1 parent fda5b53 commit 7331b89
Show file tree
Hide file tree
Showing 43 changed files with 257 additions and 146 deletions.
16 changes: 15 additions & 1 deletion packages/bot-web-ui/src/components/dashboard/dashboard.scss
Original file line number Diff line number Diff line change
Expand Up @@ -290,6 +290,12 @@
}
}

#react-joyride-step-6 {
.onboard__label {
margin-bottom: 1.6rem;
}
}

.onboard {
&__header {
display: flex;
Expand Down Expand Up @@ -333,6 +339,9 @@

&__content {
text-align: left;
p {
font-size: 1.4rem;
}

&__block {
&:first-child {
Expand Down Expand Up @@ -370,7 +379,7 @@
}
}

img {
video {
width: 100%;
margin-top: 1rem;
}
Expand Down Expand Up @@ -458,6 +467,11 @@
height: 100%;
}

video {
width: 65%;
height: 100%;
}

&__progress-bar {
margin-bottom: 1.6rem;
}
Expand Down
11 changes: 10 additions & 1 deletion packages/bot-web-ui/src/components/dashboard/dashboard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,7 @@ const Dashboard = observer(() => {
setActiveTab,
setBotBuilderTokenCheck,
setOnBoardingTokenCheck,
onCloseTour,
} = dashboard;
const { onEntered, dashboard_strategies } = load_modal;
const { is_dialog_open, is_drawer_open, dialog_options, onCancelButtonClick, onCloseDialog, onOkButtonClick } =
Expand Down Expand Up @@ -147,8 +148,15 @@ const Dashboard = observer(() => {

const botStorageSetting = () => {
tour_status = getTourSettings('bot_builder_status');
if (tour_status_ended.key === 'finished' && !is_mobile) {
const joyride_status_finished = tour_status_ended.key === 'finished';
if (joyride_status_finished && !is_mobile) {
if (tour_type.key === 'onboard_tour') {
onCloseTour();
tour_status_ended.key = '';
return joyride_status_finished ?? null;
}
setTourDialogVisibility(true);

setHasTourEnded(true);
is_tour_complete.current = false;
window.removeEventListener('storage', botStorageSetting);
Expand All @@ -158,6 +166,7 @@ const Dashboard = observer(() => {
if (active_tab === 1 && !storage.bot_builder_token && !has_started_onboarding_tour) {
setTourSettings(new Date().getTime(), `${tour_type.key}_token`);
}
return botStorageSetting;
};
if (!bot_tour_token && !is_mobile && !has_started_onboarding_tour) {
window.addEventListener('storage', botStorageSetting);
Expand Down
168 changes: 116 additions & 52 deletions packages/bot-web-ui/src/components/dashboard/joyride-config.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ import { getImageLocation } from '../../public-path';
import React from 'react';
import { CallBackProps } from 'react-joyride';
import { Icon, Text } from '@deriv/components';
import { getUrlBase } from '@deriv/shared';
import { Localize, localize } from '@deriv/translations';
import { getSetting, storeSetting } from '../../utils/settings';
import TourGuide from './tour-guide';
Expand Down Expand Up @@ -49,6 +50,7 @@ export const tour_status_ended: TTourStatus = {

let tour: { [key: string]: string } = {};
let current_target: number | undefined;

export const handleJoyrideCallback = (data: CallBackProps) => {
const { action, index, status } = data;
if (status === 'finished') {
Expand Down Expand Up @@ -85,14 +87,13 @@ export const DBOT_ONBOARDING = [
label={localize('Build from scratch')}
content={[
localize(
'Create your bot easily using our drag-and-drop blocks to match your desired trading strategy, or choose from our pre-made Quick Strategies.'
'Create your bot using our drag-and-drop blocks or click Quick Strategy to choose from the ready-to-use bot templates.'
),
localize(
'We also provide a tutorial on this tab to show you how you can build and execute a simple strategy.'
'We also provide a guide on the Tutorial tab to show you how you can build and execute a simple strategy.'
),
]}
img={getImageLocation('dbot-onboarding-tour-step-1.gif')}
dashboard_tab_index={0}
media={getUrlBase('/public/videos/dbot-onboarding-tour-step-1.mp4')}
step_index={1}
/>
),
Expand All @@ -105,8 +106,7 @@ export const DBOT_ONBOARDING = [
<TourGuide
label={localize('Monitor the market')}
content={[localize('View the market price of your favourite assets.')]}
img={getImageLocation('dbot-onboarding-tour-step-2.gif')}
dashboard_tab_index={0}
media={getUrlBase('/public/videos/dbot-onboarding-tour-step-2.mp4')}
step_index={2}
/>
),
Expand All @@ -117,10 +117,9 @@ export const DBOT_ONBOARDING = [
target: '#id-tutorials',
content: (
<TourGuide
label={localize('Guides and FAQs to help you')}
content={[localize('Start with a video guide and the FAQs.')]}
img={getImageLocation('dbot-onboarding-tour-step-3.gif')}
dashboard_tab_index={0}
label={localize('Learn more with our tutorials')}
content={[localize('Explore the video guides and FAQs to build your bot in the tutorials tab.')]}
media={getUrlBase('/public/videos/dbot-onboarding-tour-step-3.mp4')}
step_index={3}
/>
),
Expand All @@ -131,9 +130,8 @@ export const DBOT_ONBOARDING = [
target: '#tab__dashboard__table__tiles',
content: (
<TourGuide
label={localize('Shortcuts')}
content={[localize('You can also use these shortcuts to import or build your bot.')]}
dashboard_tab_index={0}
label={localize('Use these shortcuts')}
content={[localize('You can also import or build your bot using any of these shortcuts.')]}
step_index={4}
/>
),
Expand All @@ -145,10 +143,9 @@ export const DBOT_ONBOARDING = [
target: '.dc-drawer__container',
content: (
<TourGuide
label={localize('How is my bot doing?')}
content={[localize("See your bot's performance in real-time.")]}
img={getImageLocation('dbot-onboarding-tour-step-5.gif')}
dashboard_tab_index={0}
label={localize('Check your bot’s performance')}
content={[localize('See how your bot is doing in real-time.')]}
media={getUrlBase('/public/videos/dbot-onboarding-tour-step-5.mp4')}
step_index={5}
/>
),
Expand All @@ -160,16 +157,41 @@ export const DBOT_ONBOARDING = [
target: '.animation__wrapper',
content: (
<TourGuide
label={localize('Run or stop your bot')}
content={[localize('Click Run when you want to start trading, and click Stop when you want to stop.')]}
img={getImageLocation('dbot-onboarding-tour-step-6.gif')}
dashboard_tab_index={0}
label={localize('Run your bot')}
content={[
<Localize
key='run your bot'
i18n_default_text='Click <0>Run</0> when you want to start trading, and click <0>Stop</0> when you want to stop.'
components={[<strong key={0} />]}
/>,
]}
media={getUrlBase('/public/videos/dbot-onboarding-tour-step-6.mp4')}
step_index={6}
/>
),
...joyride_props,
disableOverlay: false,
},
{
target: '#id-tutorials',
content: (
<TourGuide
label={localize('Want to retake the tour?')}
content={[
<Text key={`${0}-id-tutorials`} as='p'>
<Localize i18n_default_text={`Head to the Tutorials tab to do so.`} />
</Text>,
]}
step_index={7}
show_actions={false}
has_localize_component
/>
),
locale: { last: localize('Got it, thanks!') },
...joyride_props,
hideBackButton: true,
disableOverlay: false,
},
];

const Step1 = ({ show_label = false }) => (
Expand Down Expand Up @@ -329,7 +351,9 @@ const Step4 = ({ show_label = false }) => (
</div>
</div>
<div>
<img src={getImageLocation('bot-builder-tour-step-4.gif')} alt='step4' />
<video autoPlay loop controls playsInline preload='auto' disablePictureInPicture controlsList='nodownload'>
<source src={getUrlBase('/public/videos/bot-builder-tour-step-4.mp4')} type='video/mp4' />
</video>
</div>
</div>
);
Expand Down Expand Up @@ -377,7 +401,9 @@ const Step5 = ({ show_label = false }) => (
</ul>
</div>
<div>
<img src={getImageLocation('bot-builder-tour-step-5.gif')} alt='step5' />
<video autoPlay loop controls playsInline preload='auto' disablePictureInPicture controlsList='nodownload'>
<source src={getUrlBase('/public/videos/bot-builder-tour-step-5.mp4')} type='video/mp4' />
</video>
</div>
</div>
);
Expand Down Expand Up @@ -439,99 +465,137 @@ export const BOT_BUILDER_TOUR = [
{
target: '.animation__wrapper',
content: <Step6 show_label />,
locale: { last: localize('Next') },
...joyride_props,
},
];

export type TStepMobile = {
header: string;
content: React.ReactElement;
content: React.ReactElement[];
key: number;
step_key?: number;
img?: string;
media?: string;
};

export const BOT_BUILDER_MOBILE: TStepMobile[] = [
{
header: localize('Step 1'),
content: <Localize i18n_default_text={`First, click the Import icon on the tool bar.`} />,
content: [<Localize key='step-1' i18n_default_text={`First, click the Import icon on the tool bar.`} />],
key: 1,
},
{
header: localize('Step 2'),
content: (
content: [
<Localize
key='step-2'
i18n_default_text={`Next, import your bot directly from your mobile device or from Google Drive.`}
/>
),
/>,
],
key: 2,
},
{
header: localize('Step 3'),
content: (
content: [
<Localize
key='step-3'
i18n_default_text={`Once imported, you will see a preview of the bot on the workspace. Click run to start trading with this bot.`}
/>
),
/>,
],
key: 3,
},
];

export const DBOT_ONBOARDING_MOBILE = [
export const DBOT_ONBOARDING_MOBILE: TStepMobile[] = [
{
header: localize('Get started on Deriv Bot'),
content: [
<Localize
key='get-started=mobile'
i18n_default_text='Hi! Hit <0>Start</0> for a quick tour to help you get started.'
key='get-started-on-deriv-bot'
i18n_default_text='Hi! Hit <0>Start</0> for a quick tour.'
components={[<strong key={0} />]}
/>,
],
key: 1,
step_key: 0,
},
{
header: localize('Build from scratch'),
img: getImageLocation('dbot-mobile-onboarding-step-1.gif'),
header: localize('Import or choose your bot'),
content: [
localize(
'Import a bot from your mobile device or from Google drive, see a preview in the bot builder, and start trading by running the bot, or choose from our pre-made Quick Strategies. '
),
<Localize
key='import-or-choose-your-bot'
i18n_default_text='Import your bot or tap Quick Strategies to choose from the ready-to-use bot templates.'
/>,
],
media: getUrlBase('/public/videos/dbot-mobile-onboarding-step-1.mp4'),
key: 2,
step_key: 1,
},
{
header: localize('Monitor the market'),
img: getImageLocation('dbot-mobile-onboarding-step-2.png'),
content: [localize('View the market price of your favourite assets.')],
content: [
<Localize key='monitor-the-market' i18n_default_text='View the market price of your favourite assets.' />,
],
media: getUrlBase('/public/videos/dbot-mobile-onboarding-step-2.mp4'),
key: 3,
step_key: 2,
},
{
header: localize('Guides and FAQs to help you'),
img: getImageLocation('dbot-mobile-onboarding-step-3.gif'),
content: [localize('Start with a video guide and the FAQs.')],
header: localize('Learn more with our tutorials'),
content: [
<Localize
key='learn-more-with-our-tutorials'
i18n_default_text='Explore the video guides and FAQs to build your bot in the tutorials tab.'
/>,
],
media: getUrlBase('/public/videos/dbot-mobile-onboarding-step-3.mp4'),
key: 4,
step_key: 3,
},
{
header: localize('Shortcuts'),
header: localize('Use these shortcuts'),
img: getImageLocation('dbot-mobile-onboarding-step-4.png'),
content: [localize('You can also use these shortcuts to import or build your bot.')],
content: [
<Localize
key='use-these-shortcuts'
i18n_default_text='You can also import or build your bot using any of these shortcuts.'
/>,
],
key: 5,
step_key: 4,
},
{
header: localize('How is my bot doing?'),
img: getImageLocation('dbot-mobile-onboarding-step-5.gif'),
content: [localize("See your bot's performance in real-time.")],
header: localize('Check your bot’s performance'),
content: [
<Localize
key='check-bot-performance'
i18n_default_text='See how your bot is doing in real-time.'
components={[<strong key={0} />]}
/>,
],
media: getUrlBase('/public/videos/dbot-mobile-onboarding-step-5.mp4'),
key: 6,
step_key: 5,
},
{
header: localize('Run or stop your bot'),
img: getImageLocation('dbot-mobile-onboarding-step-6.gif'),
content: [localize('Click Run when you want to start trading, and click Stop when you want to stop.')],
header: localize('Run your bot'),
media: getUrlBase('/public/videos/dbot-mobile-onboarding-step-6.mp4'),
content: [
<Localize
key='run-your-bot'
i18n_default_text='Click <0>Run</0> when you want to start trading, and click <0>Stop</0> when you want to stop.'
components={[<strong key={0} />]}
/>,
],
key: 7,
step_key: 6,
},
{
header: localize('Want to retake the tour?'),
img: getImageLocation('dbot-mobile-onboarding-step-7.png'),
content: [<Localize key='want-to-retake-the-tour' i18n_default_text='Head to the Tutorials tab to do so.' />],
key: 8,
step_key: 7,
},
];
Loading

0 comments on commit 7331b89

Please sign in to comment.