From 8f0eed96aede80bfc7f330fe3dacbfc1dc3ef4f4 Mon Sep 17 00:00:00 2001 From: jia-deriv <142988136+jia-deriv@users.noreply.github.com> Date: Fri, 20 Oct 2023 19:34:32 +0800 Subject: [PATCH] Jia/feat: turbo options page contents (#5759) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat: turbo options page content * chore: sync package with master * chore: sync package with master * auto-pull-translation * translation: 📚 sync translations from crowdin feature branch * empty: :rocket: to redeploy and trigger build * empty: :rocket: to redeploy and trigger build * empty: :rocket: to redeploy and trigger build * empty: :rocket: to redeploy and trigger build * text: update seo description * text: change text and css classname * feat: add coming soon label * feat: update content and amend on label component * empty: :rocket: to redeploy and trigger build * auto-pull-translation * auto-pull-translation * fix: turbo navigation and icons * fix: add gap for translated languages * auto-pull-translation * translation: 📚 sync translations from crowdin feature branch * auto-pull-translation * translation: 📚 sync translations from crowdin feature branch * fix: alignment and overflow * empty: :rocket: to redeploy and trigger build * empty: :rocket: to redeploy and trigger build * fix: spacing for russian * text: amend text to follow seo * chore: fetch translation --------- Co-authored-by: DerivFE <80095553+DerivFE@users.noreply.github.com> Co-authored-by: mitra-deriv Co-authored-by: “konstantinosG-deriv” <“konstantinos.gkagiannis@regentmarkets.com”> Co-authored-by: konstantinosG-deriv <104083272+konstantinosG-deriv@users.noreply.github.com> --- crowdin/messages.json | 62 + src/features/components/atoms/label/index.tsx | 25 + .../organisms/options-top-tab/data.ts | 10 + .../what-are-digital-options/index.tsx | 9 +- .../tab-nav-without-border/index.tsx | 58 +- .../tab-nav-without-border/styles.module.scss | 4 +- .../templates/options-layout/index.tsx | 14 +- .../tabs/navigation-menu/styles.module.scss | 1 + .../pages/options/turbo/_faq-schema.ts | 143 + src/features/pages/options/turbo/data.ts | 265 + src/features/pages/options/turbo/index.tsx | 55 + .../pages/options/turbo/styles.module.scss | 11 + src/features/styles/app.scss | 2 +- src/features/styles/theme/colors.scss | 3 + src/features/styles/theme/variables.scss | 1 + .../Active/accumulators_active.svg | 12 +- .../options-images/Active/digital_active.svg | 12 +- .../options-images/Active/turbo_active.svg | 3 + .../options-images/Active/vanilla_active.svg | 12 +- .../Inactive/accumulators_inactive.svg | 12 +- .../Inactive/digital_active.svg | 13 - .../Inactive/digital_inactive.svg | 3 + .../Inactive/turbo_inactive.svg | 3 + .../Inactive/vanilla_inactive.svg | 12 +- .../options/options-images/index.tsx | 6 +- .../options/turbo/turbo_long_no_payout.svg | 41 + .../options/turbo/turbo_long_payout.svg | 41 + .../options/turbo/turbo_long_short.svg | 19 + .../options/turbo/turbo_short_no_payout.svg | 41 + .../options/turbo/turbo_short_payout.svg | 41 + .../options/turbo-options/index.tsx | 31 + src/translations/ach.json | 9316 +++++++++-------- src/translations/ar.json | 163 +- src/translations/bn.json | 131 +- src/translations/de.json | 79 +- src/translations/es.json | 65 +- src/translations/fr.json | 83 +- src/translations/it.json | 75 +- src/translations/ko.json | 63 + src/translations/pl.json | 71 +- src/translations/pt.json | 137 +- src/translations/ru.json | 94 +- src/translations/si.json | 86 +- src/translations/sw.json | 942 +- src/translations/th.json | 70 +- src/translations/tr.json | 106 +- src/translations/vi.json | 65 +- src/translations/zh_cn.json | 63 + src/translations/zh_tw.json | 65 +- 49 files changed, 7267 insertions(+), 5372 deletions(-) create mode 100644 src/features/components/atoms/label/index.tsx create mode 100644 src/features/pages/options/turbo/_faq-schema.ts create mode 100644 src/features/pages/options/turbo/data.ts create mode 100644 src/features/pages/options/turbo/index.tsx create mode 100644 src/features/pages/options/turbo/styles.module.scss create mode 100644 src/images/svg/trade-types/options/options-images/Active/turbo_active.svg delete mode 100644 src/images/svg/trade-types/options/options-images/Inactive/digital_active.svg create mode 100644 src/images/svg/trade-types/options/options-images/Inactive/digital_inactive.svg create mode 100644 src/images/svg/trade-types/options/options-images/Inactive/turbo_inactive.svg create mode 100644 src/images/svg/trade-types/options/turbo/turbo_long_no_payout.svg create mode 100644 src/images/svg/trade-types/options/turbo/turbo_long_payout.svg create mode 100644 src/images/svg/trade-types/options/turbo/turbo_long_short.svg create mode 100644 src/images/svg/trade-types/options/turbo/turbo_short_no_payout.svg create mode 100644 src/images/svg/trade-types/options/turbo/turbo_short_payout.svg create mode 100644 src/pages/trade-types/options/turbo-options/index.tsx diff --git a/crowdin/messages.json b/crowdin/messages.json index 2b3cc7fab54..899925ce7d1 100644 --- a/crowdin/messages.json +++ b/crowdin/messages.json @@ -21,6 +21,7 @@ "22354933": "Your money is held in secure financial institutions and is always available to you, should you wish to withdraw. We don't use your money for our business purposes.", "22360354": "Enjoy trading a wide range of offerings that mimic characteristics of financial markets or are derived from them.", "22418565": "exchanged to date", + "22632484": "Can I close a turbo options contract before the end of the contract duration?", "22995280": "The platform to start with. It’s powerful yet easy to use.", "24062713": "0.2 },", "24763773": "Sony Group Corp", @@ -273,6 +274,7 @@ "265269975": "Your local currency", "265644304": "Trade types", "268305063": "<0>Log in to your Deriv account. Don’t have one? <1>Sign up for free.", + "270484328": "Can I buy or sell turbo options on Deriv?", "270727821": "Stock Indices", "271560771": "Enter the amount you wish to trade with.", "272283021": "You can now log in to Deriv MT5 with your new password.", @@ -302,6 +304,7 @@ "292647067": "Earn a potentially high payout by trading vanilla options on Deriv, if your market prediction is right within a limited timeframe.", "294335245": "Update your browser to get the best Deriv experience", "295072338": "The email is poorly written, with incorrect grammar and many typos.", + "295173783": "Long/Short", "300201586": "Open a demo account on Deriv and practise with an unlimited amount of virtual funds on our award-winning platforms.", "301901540": "Make fast deposits using PIX, Brazilian banks’ most popular payment solution.", "302542488": "background pattern", @@ -387,6 +390,7 @@ "386443705": "How and when will I receive my Deriv IB commissions?", "387541185": "Many of our clients are looking for ways to fund their accounts using payment methods that are not directly available on Deriv. As a payment agent, you'll be able to help them fund their accounts while charging a fixed commission per transaction.", "388794040": "Only Ups/Only Downs Icon", + "389616032": "

The closer the barrier is to the spot price, the higher the chance for your turbo options contract to expire worthless (which means, your contract will expire without any payout or profit).

Deriv offers a higher potential payout per point to compensate for this risk. The amount you’ll potentially receive at your contract’s expiry will be higher for every point above or below the barrier, as long as the barrier is not touched or breached throughout the contract duration.

", "390409172": "3 steps for faster deposits and withdrawals", "390647540": "Real account", "391187276": "Enjoy trading on a secure, intuitive platform built for new and expert traders.", @@ -429,6 +433,7 @@ "421563171": "What are vanilla options?", "422714856": "To be clear, this rebranding has been inspired by you. We are thrilled to upgrade you to a new and improved trading experience on Deriv.com where you can trade what you want, when you want, and how you want.", "426355147": "<0> {{loss_percent}}% of retail investor accounts lose money when trading CFDs with Deriv, read our full Risk disclosure here.", + "426923558": "The closer the barrier is to the spot price, the higher the chance for your turbo options contract to expire worthless (which means, your contract will expire without any payout or profit).", "427008206": "Be transparent", "427157274": "Earn when your clients trade on an MT5 Financial account.

All commission rates are quoted in USD.", "427548045": "Enjoy trading your way on <0>Deriv.com, <1>Binary.com’s new home", @@ -437,6 +442,7 @@ "429395367": "Guide and tutorial for DBot", "429483909": "<0>2 lots with 100 leverage:", "430936420": "Access over 50 assets and also trade with up to 1:1000 leverage and zero commission on trades.", + "431284069": "Your net profit will depend on how much the spot price falls below the barrier, with the maximum potential gains growing if the underlying price falls significantly. Your losses are limited to the initial stake required to purchase the short turbo option.", "432518896": "Client trust is our highest priority, and that’s why millions of users choose us. Here are some of the things that make us a leading online trading service provider.", "432775041": "Get Trading", "434113887": "Frequently asked questions - Deriv MT5", @@ -474,8 +480,10 @@ "459292723": "community", "459886707": "E-wallets", "460878453": "5 - 10,000", + "462589616": "How can I open a turbo options trade on Deriv?", "463393690": "Coming soon", "465003790": "DMT5 login", + "465545226": "A chart illustrating a turbos long contract payout", "467389382": "background svg", "469222213": "Click on the <0>My Statistics tab and select your signal provider.", "469552854": "Want to know more about CFD trading conditions for the instruments we offer?", @@ -531,6 +539,7 @@ "508640915": "Why trade accumulators on Deriv", "509964491": "Trade even when most financial markets are closed", "510309290": "Deriv X: Our CFD trading app by DevExperts (<0>Android app, <1>iOS app)", + "510416775": "Turbo options allow you to earn a potentially high payout if your market predictions are right and if the spot price does not touch or breach a predetermined barrier.", "510912921": "If the selected condition is not met or if the exit price is equal to either barrier, your stake is lost.", "511244573": "If you select 'Touch', you receive the payout if the market price touches the barrier at any time during the contract period.", "512031600": "The percentage of position value required as collateral. Calculated as (% x trade size).", @@ -619,6 +628,7 @@ "586157262": "<0>3350.11", "586789100": "Choose from a variety of customisable trade types with stakes as low as $0.35 and durations as short as a second.", "588230867": "Deriv Trader is an advanced trading platform that allows you to trade more than 50 assets in the form of digitals, multiplier, and lookback options.", + "589124954": "This amount is calculated based on your stake and the barrier you have selected.", "589650317": "Lookbacks | Digital options contract | Deriv", "590149919": "Ensure that you make payment to the correct seller within 1 hour.", "590858519": "Say goodbye to overnight charges, keep your positions open for as long as you want.*", @@ -763,6 +773,7 @@ "728921347": "Use analysis tools, indicators, and smart logic such as take profit and stop loss to maximise your profits and limit losses.", "730281403": "Make instant bank transfers to all the major banks in your country.", "731382582": "BNB/USD", + "731636050": "Can I open multiple turbo options contracts simultaneously?", "733057061": "Learn how to trade cryptocurrencies with Deriv", "733615113": "No, it isn’t. DP2P is a peer-to-peer service for our clients to make deposits and withdrawals using their local currency. As our payment agent, you can use the DP2P platform to offer your services to Deriv clients in your country", "733921210": "For instance, if you are trading the USD/JPY forex pair, the swap charge will be computed in Japanese Yen (JPY) which is the quote currency. On the other hand, if you are trading oil, then the swap charge will be computed in US Dollar (USD), which is the denomination of the underlying asset – oil.", @@ -854,6 +865,7 @@ "814009433": "Total trade turnover", "814289409": "Then, withdraw your funds.", "815602603": "Sign in to your Deriv account. If you don’t have one, sign up for free.", + "815608184": "For Long turbo options, the payout per point indicates the amount of potential payout you gain for each point above the barrier, at the contract’s expiry.", "817575649": "How do I find ads in different currencies?", "817909711": "Plus", "818087675": "Get trading on Deriv", @@ -863,6 +875,7 @@ "822013794": "<0>Contact us via live chat to get help with changing your account currency.", "822932128": "Help centre | Frequently asked questions | Deriv", "824381946": "This gives you the margin requirement in the quote currency for forex pairs, or in the denomination of the underlying asset for other instruments.", + "825368341": "A chart illustrating a terminated turbos short contract", "825675433": "Stocks & indices trades available on Deriv", "826324021": "Deriv.com on laptop and mobile", "826511719": "USD/SEK", @@ -906,6 +919,7 @@ "866130068": "product department", "866196404": "What are the major differences between DTrader, Deriv MT5 and Deriv X?", "867408042": "Log in to your Deriv affiliate account and go to <0>Reports > <0>Detailed activity report.", + "867458310": "No, the trade barrier can only be set before you open a contract. Once your turbo options contract is opened, the barrier cannot be changed.", "867582421": "Help centre | Frequently asked questions | Account | Deriv", "868154618": "Accounts", "868499940": "Start trading with Deriv", @@ -971,6 +985,7 @@ "918587905": "Are you sure you want to delete your account?", "918634571": "When you open a position, barriers are created around the asset’s price. The upper and lower barriers are automatically calculated for every tick based on your chosen asset and accumulator value. If you close your position before either of the barriers is reached, you will make a profit.", "920363635": "Frequently asked questions - IB programme", + "920654544": "Currently, you can only buy Long and Short turbo options contracts on Deriv.", "925239281": "How do I withdraw funds from my Deriv X real money account?", "927364570": "<0>Setting > Proof of address", "927510190": "Predict whether the market will stay inside or go outside two price targets at any time during the contract period.", @@ -1072,17 +1087,20 @@ "1026160856": "Predict whether the last digit of the last tick of a contract will be an even number or an odd number.", "1026845997": "Endpoint", "1029179269": "Set profit level", + "1030898603": "What is the maximum I can lose when I trade turbo options?", "1032907147": "AUD/NZD", "1033295623": "For <0>stock indices, a deal for 20 lots of JP225 for a price of JPY 32,500 will pay out USD 0.05 in commission based on the following formula:", "1033311672": "Mobile number*", "1033547927": "Use a trading bot for automating your trading strategy. A trading bot is an automated computer program that purchases trade contracts for you while following a specific set of instructions that you provide. Build your trading bot for free on DBot or Binary Bot; no coding is needed. You’ll also find 3 free pre-built strategies on DBot that you can customise to your needs.", "1033805779": "All Deriv partnership programmes are free to join. There are absolutely no charges or hidden fees to worry about.", "1033824796": "currentStake", + "1034116598": "You can trade turbo options on the Deriv Trader trading platform, on volatility indices under Deriv’s derived indices.", "1034875052": "Excellent and reliable services; tested and trusted!", "1035890756": "Add a Deriv real account.", "1037202727": "Password is requried", "1039678171": "FOR CLIENTS", "1040447467": "|(1.1750", + "1040702244": "Turbo options", "1041405933": "Read <0>this article to learn more about automated trading on Deriv.", "1045309798": "Swap rates (overnight funding)", "1045757354": "Estimate the level and amount of the stop loss and take profit for your contract to mitigate your risk in case the market price moves against your prediction.", @@ -1186,6 +1204,7 @@ "1136360582": "In this e-book we will cover", "1136731907": "Note that these are approximate values only and will differ depending on the leverage that is set for your account and the asset you want to trade.", "1138338302": "If you're residing in the EU, <0>contact us via live chat, and we'll help you with it.", + "1139331057": "You will receive a payout if the spot price remains above a predetermined barrier throughout the entire trade duration. If the spot price touches or breaches the barrier at any time before the contract expires, the initial stake (premium) is lost.", "1141200231": "Spain 35", "1145468876": "Trade on the world’s most popular cryptocurrencies and potentially profit from correctly anticipating price movements.", "1147203358": "Derived in the EU consist of synthetic indices whose prices are generated using a random number generator with no influence from real-world events.", @@ -1273,6 +1292,7 @@ "1221532796": "How multipliers contracts work", "1221549296": "Earn when your clients trade on a Deriv X account.

All commission rates are quoted in USD.", "1221671301": "With these indices, there is an equal probability of up/down movement in a price series with a <0>fixed step size of 0.1.", + "1222077877": "Please bear in mind that if you decide to manually terminate the trade early (before expiry), you will be charged an additional exit fee. Additionally, early termination less than 15 seconds before expiry is not possible.", "1225695057": "100,0001 ) }", "1225761821": "Rise or fall? Assessing stocks", "1225940651": "Make easy deposits through your local banks.", @@ -1309,6 +1329,7 @@ "1258668610": "Build your bot using drag and drop", "1259598687": "GBP/JPY", "1260276530": "Numerous intraday trading opportunities", + "1260799247": "What is the difference between turbo and vanilla options?", "1261634270": "How can I change my payment method?", "1262019133": "Can I open an accumulator contract at any time?", "1263353982": "friendly support", @@ -1354,6 +1375,7 @@ "1298837204": "

With a Digits contract, you predict whether the last digit of the last tick of your contract will meet specified criteria, depending on the contract type you select.

If you trade a Matches/Differs contract, you predict whether the last digit will match or be different from a selected number.

If you trade an Even/Odd contract, you predict whether the last digit will be an even or odd number.

If you trade an Over/Under contract, you predict whether the last digit will be over or under a specific number.

", "1299144461": "Terms and conditions", "1299666269": "Limassol | Our office – Cyprus | Deriv", + "1302363062": "Turbo options can be considered a lower-cost or a higher-risk-and-return alternative to vanilla options. Though the odds of the contract expiring worthless can be high (which is when the contract expires without you earning a payout), your loss is strictly limited to your invested stake.", "1302849350": "You can find your Deriv MT5 server name on your <0>Deriv MT5 dashboard. Look for <1>server in between the broker name and login ID.", "1303016265": "Yes", "1303443662": "Yes, as long as you haven’t being prompt to verify your account with us.", @@ -1369,6 +1391,7 @@ "1313291854": "If you select 'Reset Call', you receive the payout if the exit price is higher than either the entry price or the price at reset time.", "1316697520": "Markets available for multipliers trading", "1320418221": "Estimate the margin you need to hold your positions. The result depends on leverage, volume lot, and your Deriv MT5 account balance.", + "1323941798": "Short", "1324376913": "Our values are the fabric of our culture", "1326142154": "high-low option trade", "1326235397": "These indices correspond to simulated markets with constant volatilities of 10%, 25%, 50%, 75%, and 100%.", @@ -1539,6 +1562,7 @@ "1485059739": "This formula also applies to <0>metals & <0>basket indices. Commission rates, contract sizes, and deal prices depend on the individual asset.", "1485752074": "Trade on secure, intuitive, and easy to use platforms with powerful chart technology.", "1486874803": "Love Binary Bot?", + "1487776383": "With vanilla options, there are no barriers involved and your potential payout is determined by how much the final price is above or below the predetermined strike price.", "1488008849": "Advisors", "1488330426": "Nigeria", "1488581694": "Ciudad del Este – Our office | Deriv", @@ -1573,6 +1597,7 @@ "1508028373": "Note: Deriv has no control over payments made between Deriv P2P traders. Please ensure you follow the payment instructions as agreed between you and the trader you are dealing with, and provide your preferred method of payment and instructions when you post your ads.", "1508447392": "Not all payment methods are available in your country. Kindly check your cashier for further information.", "1509244758": "Method", + "1509481560": "What are the different contract durations available for turbo options?", "1510075920": "Gold/USD", "1511280539": "Take advantage of an easy-to-use interface for trading and charting that both new and experienced traders can enjoy.", "1516021730": "20 - 1,000", @@ -1602,6 +1627,7 @@ "1544985832": "What’s the minimum amount to open a position on Deriv EZ?", "1546535785": "Are there any conditions that I should meet before I can withdraw my commission?", "1548745350": "Deriv Prime is the institutional arm of Deriv Group, and staying true to its guiding principles, effectively democratises liquidity provision to financial institutions. No matter if you are large, small, or have just started, Deriv Prime will provide top-of-book liquidity solutions with very fast execution at unmatched fair pricing and conditions.", + "1549352292": "With turbo options, you need to define a barrier before opening a contract. If the spot price touches or breaches this barrier at any time throughout the contract duration, your contract will expire worthless. This means that you will not receive a payout and will lose your initial stake amount. To compensate for this risk, turbo options will have a higher payout per point and potential payout, depending on how far the selected barrier is from the opening spot price. Another difference to note is that trading turbo options carries more risk than trading vanilla options.", "1549497379": "High leverage, tight forex spreads", "1550284135": "Jordan", "1550413103": "checklist", @@ -1613,6 +1639,7 @@ "1553783327": "Get expert, friendly support when you need it.", "1553836855": "Create a demo account", "1555213049": "List of shareholders", + "1555615086": "Please note that this payout amount does not equal the potential profit. You'll only earn profit once this amount exceeds your stake amount. In case the spot price touches or breaches the barrier, your contract is terminated and you will not receive a payout.", "1555685209": "How do I place a lookbacks trade?", "1556627632": "You can trade vanilla options on Deriv Trader. They are offered on volatility indices.", "1556746882": "Please note that this payout does not equal to potential profit. You'll only earn potential profit once the payout amount exceeds your stake amount.", @@ -1855,6 +1882,7 @@ "1757587944": "close low", "1758111931": "active users", "1758663702": "It refers to the exchange rate used in Deriv P2P ads. In some countries where it isn't feasible to use a fixed exchange rate (due to market volatility), you can set the exchange rate for your ad to a specific percentage of the market price.", + "1758803741": "- Enter your stake amount.", "1760376318": "Yes, provided that you follow all the relevant terms and conditions (see the tab entitled 'For business partners' on our <0>Terms and conditions page).", "1760558932": "Apple", "1761947056": "What are the differences between the Deriv MT5 Standard, Advanced, and Synthetic Indices accounts?", @@ -2007,6 +2035,7 @@ "1890990339": "<0>Hong Kong 50 tracks the stock performance of the 50 largest listed companies in Hong Kong.", "1893015908": "Uber Technologies Inc", "1893117061": "The <0>DEX 1500DN has frequent small spikes and occasional major drops, which occur <0>every 1,500 seconds on average.", + "1896254409": "

The higher your stake amount, the higher the payout per point.

This means that the potential payout amount you’ll receive at your contract’s expiry will be higher for every point between the barrier and the spot price, as long as the barrier is not touched or breached throughout the contract duration.

", "1897012657": "You can only add 1 Deriv EZ account.", "1897018869": "ETC/USD", "1897592978": "Can I open multiple Only Ups/Only Downs contracts at the same time?", @@ -2031,7 +2060,9 @@ "1906101554": "You’ll earn a payout based on the volume of your clients' trades. Find out more <0>here.", "1906568376": "There was an error fetching the live pricing data", "1907226338": "Coca-Cola", + "1907562333": "You will receive a payout if the spot price remains below a predetermined barrier throughout the entire trade duration. If the spot price touches or breaches the barrier at any time before the contract expires, the initial stake (premium) is lost.", "1908121069": "Learn more about Deriv P2P", + "1908933179": "

To place a turbo options trade on Deriv, you’ll need to:

", "1909509169": "Principles", "1909647105": "TRX/USD", "1909809509": "Swap calculator", @@ -2047,6 +2078,7 @@ "1916887645": "Maximise profits, limit losses", "1916987097": "A chart illustrating a winning No Touch trade type contract’", "1917474282": "CFDs - synthetics: Volatility 250 (1s) Index", + "1917728156": "- Choose your preferred contract duration or end time.", "1920861305": "Deriv MT5 is the MT5 platform on Deriv. It is a multi-asset online platform designed to give new and experienced traders access to a wide range of financial markets.", "1922529883": "Boom 1000 Index", "1923530212": "Flexible.", @@ -2169,6 +2201,7 @@ "2032245485": "Digits | Digital options contract | Deriv", "2032401971": "Let’s say you want to calculate the stop loss amount when you want to open a position for Volatility 100 Index priced at 3376.24 USD with a stake amount of 10 USD, a multiplier value of x100, and a stop loss level of 3400 in Down direction.", "2032565787": "How to plan your trading activities without spending hours each day analysing the world market", + "2032603277": "Payout per point indicates the potential payout you will receive at the contract’s expiry for every point above or below your predetermined barrier.", "2032869486": "With each tick, your payout will increase based on the accumulator value you select, as long as the price change is within the barrier.", "2034083038": "signal-subscriber", "2035207280": "5 - 1,000", @@ -2193,6 +2226,7 @@ "2054675943": "Form submission error. Please submit the form again.", "2055209818": "You will receive a payout at the contract's expiry if the final price is lower than the strike price (which is determined at the beginning of the contract period). If the final price is at or above the strike price, you will lose your initial stake (premium).", "2056079566": "Get our help", + "2056273990": "Why traders choose turbo options", "2056339251": "15 - 10,000", "2056393733": "Versatile", "2057281944": "Yes, you are can open multiple In/Out contracts with different barrier limits at the same time.", @@ -2258,6 +2292,7 @@ "2112006652": "FIL/USD", "2112510770": "Check if your browser and device are updated. If they're not, compatibility issues may prevent the email from reaching you.", "2113590447": "To promote Deriv.com, you will need a Deriv.com affiliate link.", + "2115934251": "When you open a turbo options contract, you’ll pay an initial stake amount. This is the cost of entering the turbo options trade. You’ll also need to determine a trade barrier. The spot price must not touch or breach this barrier throughout your contract duration, otherwise your contract will be terminated early without any gains.", "2116064244": "By pressing “Get your free ebook now!”, you confirm that you are 18 or older. You understand that we may use your email address to send you information about Deriv products and services as well as market news. You can always unsubscribe from these emails in your account settings. For more information, please take a look at Deriv’s <0>Security and privacy.", "2117645838": "On DP2P, all exchanges are completed within 2 hours.", "2118131708": "Zero charges with prompt monthly payouts", @@ -2590,6 +2625,30 @@ "-1972929701": "To identify trends, you can consider a number of factors, including:", "-496481746": "- Recent price swings and market volatility", "-1883518863": "- Economic news and events- Trends revealed by using technical indicators.", + "-1138851390": "How do turbo options work?", + "-633742038": "

When you open a turbo options contract, you’ll pay an initial stake amount. This is the cost of entering the turbo options trade. You’ll also need to determine a trade barrier. The spot price must not touch or breach this barrier throughout your contract duration, otherwise your contract will be terminated early without any gains.

If the spot price never touches or breaches your predetermined barrier, you will receive a potential payout based on the movement of the underlying asset, when your contract expires.

Please bear in mind that if you decide to manually terminate the trade early (before expiry), you will be charged an additional exit fee. Additionally, early termination less than 15 seconds before expiry is not possible.

", + "-1610692266": "

Payout per point indicates the potential payout you will receive at the contract’s expiry for every point above or below your predetermined barrier.

This amount is calculated based on your stake and the barrier you have selected.

For Long turbo options, the payout per point indicates the amount of potential payout you gain for each point above the barrier, at the contract’s expiry.

For Short turbo options, the payout per point indicates the amount of potential payout you gain for each point below the barrier, at the contract’s expiry.

Please note that this payout amount does not equal the potential profit. You‘ll only earn profit once this amount exceeds your stake amount. In case the spot price touches or breaches the barrier, your contract is terminated and you will not receive a payout.

", + "-261138752": "Where can I trade turbo options on Deriv?", + "-1914989036": "Yes, you can open multiple turbo options contracts at the same time.", + "-909342016": "The maximum you can lose is the initial stake amount that you pay when you open a turbo options contract.", + "-1693330773": "Can I adjust or remove the barrier once a position is open?", + "-68889179": "How are payouts calculated for different stake amounts?", + "-991807564": "How are payouts calculated for different barriers?", + "-690764846": "You can only close time-based contracts up to 15 seconds before the contract duration expires. If you have opened a tick-based contract, you cannot close your position before it expires.", + "-1682252979": "You can open turbo options contracts with trade durations of 5 to 10 ticks, or from 15 seconds up to 365 days.", + "-181229027": "

With turbo options, you need to define a barrier before opening a contract. If the spot price touches or breaches this barrier at any time throughout the contract duration, your contract will expire worthless. This means that you will not receive a payout and will lose your initial stake amount. To compensate for this risk, turbo options will have a higher payout per point and potential payout, depending on how far the selected barrier is from the opening spot price. Another difference to note is that trading turbo options carries more risk than trading vanilla options.

With vanilla options, there are no barriers involved and your potential payout is determined by how much the final price is above or below the predetermined strike price.

", + "-1683683754": "Long", + "-1863072826": "A chart illustrating a terminated turbos long contract", + "-724197484": "Your net profit will depend on how much the spot price exceeds the barrier, with the maximum potential gains growing if the underlying price rises significantly. Your losses are limited to the initial stake required to purchase the long turbo option.", + "-173578955": "A chart illustrating a turbos short contract payout", + "-824454038": "To place a turbo options trade on Deriv, you’ll need to:", + "-1993676584": "- Select Long or Short depending on your market predictions.", + "-2114256924": "- Determine a trade barrier.", + "-1004656899": "If the spot price never touches or breaches your predetermined barrier, you will receive a potential payout based on the movement of the underlying asset, when your contract expires.", + "-1272785195": "For Short turbo options, the payout per point indicates the amount of potential payout you gain for each point below the barrier, at the contract’s expiry.", + "-1892403316": "The higher your stake amount, the higher the payout per point.", + "-622642256": "This means that the potential payout amount you’ll receive at your contract’s expiry will be higher for every point between the barrier and the spot price, as long as the barrier is not touched or breached throughout the contract duration.", + "-1535055174": "Deriv offers a higher potential payout per point to compensate for this risk. The amount you’ll potentially receive at your contract’s expiry will be higher for every point above or below the barrier, as long as the barrier is not touched or breached throughout the contract duration.", "-381152951": "How do I place a vanilla options trade?", "-2126033268": "Can I buy and sell vanilla options?", "-1753301320": "

When you purchase a contract, you’ll pay a stake (also known as an option premium). This is the cost of entering a vanilla options trade.

If your market predictions are right within the contract period, you will receive a payout that is equivalent to the asset’s movement when the contract ends (or upon early termination).

If you decide to manually terminate the trade early (before the contract’s expiry), you will be charged an additional exit fee. Please note that it is not possible to terminate a contract with less than 15 seconds before expiry.

", @@ -3228,6 +3287,7 @@ "-1690667791": "Why trade ETFs on Deriv", "-244980648": "What are accumulator options?", "-1018568023": "How do accumulator options work?", + "-1759381505": "What are turbo options?", "-1461784880": "How do vanilla options work?", "-231290085": "Start connecting with fellow traders to make deposits and withdrawals.", "-1245597945": "Try Deriv P2P now", @@ -4430,6 +4490,8 @@ "-1295570449": "Open a digital options contract with a Reset call/Reset put trade type on Deriv’s trading platforms and earn payouts with accurate market predictions.", "-376204933": "Touch/No touch | Digital options contract | Deriv", "-562730170": "Open a digital options contract with a Touch/No touch trade type on Deriv’s trading platforms and earn payouts with accurate market predictions.", + "-405432782": "Turbo options | Trade options | Deriv", + "-1870138218": "Start trading turbo options on Deriv Trader and earn a potentially high payout if your market predictions are correct.", "-99150551": "Vanilla options | Trade options | Deriv", "-2024884579": "{{fieldName}} is required", "-1461005658": "Please enter a valid amount, including the decimal point (.), in this format: ####.#", diff --git a/src/features/components/atoms/label/index.tsx b/src/features/components/atoms/label/index.tsx new file mode 100644 index 00000000000..a344fb9f67d --- /dev/null +++ b/src/features/components/atoms/label/index.tsx @@ -0,0 +1,25 @@ +import React from 'react' +import Flex from 'features/components/atoms/flex-box' +import Typography from 'features/components/atoms/typography' +import { Localize } from 'components/localization' +import { TBGColor, TTypographyColor } from 'features/types' +import { TString } from 'types/generics' + +export interface LabelProps { + className?: string + text: TString + textcolor?: TTypographyColor + bgcolor?: TBGColor +} + +const Label = ({ text, textcolor = 'white', ...rest }: LabelProps) => { + return ( + + + + + + ) +} + +export default Label diff --git a/src/features/components/organisms/options-top-tab/data.ts b/src/features/components/organisms/options-top-tab/data.ts index a3c7df4a64e..24afd57fd75 100644 --- a/src/features/components/organisms/options-top-tab/data.ts +++ b/src/features/components/organisms/options-top-tab/data.ts @@ -3,9 +3,11 @@ import { AccumulatorslActive, DigitalActive, VanillaActive, + TurboActive, AccumulatorslInActive, DigitalnActive, VanillaInActive, + TurboInActive, } from 'images/svg/trade-types/options/options-images' export const tab_data: OptionNavigationType[] = [ { @@ -32,4 +34,12 @@ export const tab_data: OptionNavigationType[] = [ option_name: 'vanilla', to: '/trade-types/options/vanilla-options', }, + { + src: TurboInActive, + selected_src: TurboActive, + button_text: '_t_Turbo options_t_', + active_path: '/trade-types/options/turbo-options', + option_name: 'turbo', + to: '/trade-types/options/turbo-options', + }, ] diff --git a/src/features/components/organisms/what-are-digital-options/index.tsx b/src/features/components/organisms/what-are-digital-options/index.tsx index 4f4274bd308..d83af3bc82f 100644 --- a/src/features/components/organisms/what-are-digital-options/index.tsx +++ b/src/features/components/organisms/what-are-digital-options/index.tsx @@ -4,13 +4,19 @@ import Flex from 'features/components/atoms/flex-box' import Typography from 'features/components/atoms/typography' import { Localize } from 'components/localization' import { TString } from 'types/generics' +import Label from 'features/components/atoms/label' interface WhatAreDigitalOptionsProps { heading: TString description: TString + is_coming_soon: boolean } -const WhatAreDigitalOptions = ({ heading, description }: WhatAreDigitalOptionsProps) => { +const WhatAreDigitalOptions = ({ + heading, + description, + is_coming_soon, +}: WhatAreDigitalOptionsProps) => { return ( + {is_coming_soon &&