diff --git a/crowdin/messages.json b/crowdin/messages.json index 94f0190d71c..e43879ebd29 100644 --- a/crowdin/messages.json +++ b/crowdin/messages.json @@ -27,7 +27,6 @@ "26480598": "General", "26596220": "Finance", "27830635": "Deriv (V) Ltd", - "28675270": "Chief Financial Officer", "28681430": "Join great marketing minds at Deriv’s office in Ciudad del Este, Paraguay. Be part of a vibrant team that develops the company’s growth in the region.", "29394238": "<0> 280,000", "29654660": "Deriv X:", @@ -40,7 +39,6 @@ "39595561": "See how your bot is performing as it executes each trade and receive notifications via Telegram.", "41078219": "Get into the Deriv Trader experience", "41570825": "Are High/Low Ticks options available on Deriv Trader?", - "48132512": "Join and grow with us.", "48235639": "The potential payout and loss (your initial stake) amounts are clearly displayed before you open the trade.", "48469443": "Complete <0>this form, and we'll get in touch with you in a couple of days.
You'll need a real Deriv trading account, too. If you don't have one, sign up <1>here.", "48763975": "What if I am unhappy with the outcome of my complaint?", @@ -82,7 +80,6 @@ "71535160": "Calculate the overnight fees for holding any open positions. The fees can be positive or negative depending on your swap rate.", "71630191": "Do not share your account information and other personal details with anyone via Telegram.", "71650838": "Speak simply and plainly, and not hide behind ambiguity", - "73765361": "Chief Audit Executive", "74138086": "Take control of your trades on Deriv MT5", "74593350": "3. Select Real account or Demo account.", "76083876": "<0>A social media admin
Promote our products and services on your social media pages, and earn commission when you convert your audience into traders.", @@ -362,7 +359,6 @@ "357105933": "Go to the Trader’s hub and choose the Demo option.", "358257887": "Once your submitted document has been approved, go to Cashier > DP2P to register your Deriv P2P account.", "358369253": "Can I close In/Out options before the end of the trade duration?", - "358838306": "Vice President of Customer Support", "360357815": "High/Low ticks | Digital options contract | Deriv", "361051814": "Let’s say you want to calculate the take profit level and pip value when you want to sell 3 lots of Volatility 50 Index priced at 249.5961 USD with a take profit amount of 84 USD.", "362961755": "No, the accumulated payout for accumulator options is not correlated with the direction of the underlying index.", @@ -402,7 +398,6 @@ "396319850": "How to register for Deriv P2P?", "396992773": "Deriv is the best broker in the world so far in terms of the assets they offer, ease of withdrawals and deposits, plus other services. Keep on giving us the best, Deriv!", "399056226": "How can I recognise phishing websites?", - "400968378": "locations", "401039438": "Have consistent, regular sign ups via your referral link", "401450104": "> 3 - 5 billion", "405110755": "You can trade forex, cryptocurrencies, and derived on Deriv Trader. Some markets may not be available in certain countries.", @@ -476,8 +471,6 @@ "469552854": "Want to know more about CFD trading conditions for the instruments we offer?", "469798381": "Years of service", "472630909": "It will take 1-3 working days for your application to be reviewed.", - "472915014": "Deriv is one of the world’s largest online brokers. We offer CFDs and other derivatives on forex, stocks & indices, cryptocurrencies, commodities, and derived indices to millions of registered users across the globe.", - "473760456": "We speak plainly to avoid ambiguity, disclose the terms of all contracts, and are clear about the risks of trading and how we make money.", "474616293": "The trading platform to fit your style", "475611258": "Help centre | Frequently asked questions | About Deriv | Deriv", "476241116": "Provide expert tips and opinions on online trading via a website, blog, YouTube channel, webinars, or other forms of digital media.", @@ -550,7 +543,6 @@ "535867011": "Sign up in minutes and explore Trader’s Hub — all your trading needs, in one place.", "538228086": "Close-Low", "539261300": "OS icon", - "539645627": "We aim to deliver market-leading products that are trusted around the world.", "540538076": "40+ stocks", "541218901": "Full name*", "541543954": "<0>Revenue share
Earn commission of up to 45% based on the monthly net revenue generated by your clients. The higher their net revenue, the higher your commission payout.", @@ -660,7 +652,6 @@ "636857983": "Take advantage of a highly liquid market with round-the-clock trading. Profit from correctly predicting the movement of the world's most popular cryptocurrencies.", "636968212": "If you encounter any issues with a transaction on Deriv P2P, first try to resolve it with the trader you’re dealing with. If they’re not willing to help, please let us know via <0>live chat, and we’ll help you resolve it.", "637013579": "Our classic \"drag-and-drop\" tool for creating trading bots, featuring pop-up trading charts, for advanced users.", - "640307277": "Vice President of Engineering", "640979467": "<0>IWM.US The iShares Russell 2000 ETF tracks the investment results of an index of small-capitalisation US equities.", "642995056": "Email", "643714136": "Binary bot for creating trading bot", @@ -693,7 +684,6 @@ "666057433": "Trade popular assets in the commodities market such as silver, gold, oil, and more without owning the underlying asset. Speculate on the price movements and benefit from our high leverage and competitive spreads.", "666146179": "Financial institutions", "666585046": "Choose your growth rate to tailor risk/reward. ", - "667092266": "Get round-the-clock assistance from our Customer Support team.", "668322984": "Automated copying – no extra work from you.", "671884384": "Trade the commodities market and speculate on the price movements of oil and precious metals like gold and silver. Enjoy low spreads and zero commission.", "672008428": "ZEC/USD", @@ -735,7 +725,6 @@ "706717249": "5 - 800", "706931524": "When you purchase a 'High-Close' contract, your payout will be equal to the difference between the highest price and the exit price over the duration of the contract multiplied by the multiplier.", "710137133": "Apply now", - "712547410": "total trade turnover", "714321435": "laptop mt5", "714478782": "<0>AUD Basket measures the value of the Australian dollar against a basket of five global currencies (USD, EUR, GBP, JPY, CAD), each weighted by 20%.", "715753532": "Find your role with us by browsing Deriv job opportunities in Cyberjaya, Malaysia.", @@ -791,7 +780,6 @@ "762926186": "A quick strategy is a ready-made strategy that you can use in Deriv Bot. There are 3 quick strategies you can choose from: Martingale, D'Alembert, and Oscar's Grind.", "763072092": "MT5 trading signals subscriptions expire automatically after one month. To renew or cancel a subscription, follow these steps.", "763514492": "Get integrated help", - "764856444": "We have a huge mission, an incredible team, and rapid growth.", "764879840": "GLD.US", "764958509": "Trade on global financial markets and multiply your potential profit without losing more than your stake.", "768795461": "Start trading cryptocurrencies on Deriv in 3 simple steps", @@ -829,7 +817,6 @@ "803547668": "paid out since inception", "803989222": "The Synthetics account allows you to trade on Deriv’s proprietary synthetic indices that are available 24/7 and simulate real-world market movements.", "806165583": "Australia 200", - "808426886": "We don’t practise hard-selling, offer financial or trading advice, nor make promises of guaranteed returns. We don’t encourage vulnerable people to trade and implement controls to prevent any unlawful activity.", "809146176": "Not applicable", "809414451": "<0>Forex at your fingertips. Currency trading with major and minor pairs.", "809480545": "If you'd like to log in using your email address instead, follow these steps:", @@ -860,7 +847,6 @@ "831164350": "Let’s say you want to calculate the stop loss level and pip value when you want to buy a lot of EUR/USD priced at 1.17524 USD with a stop loss amount of 24 USD.", "831282685": "Drop us an email", "831784233": "Close-Low Icon", - "832324110": "Our locations", "832827564": "This plan is not available for IBs who promote to clients residing in the EU.", "833547634": "Currency weight", "835766128": "Check performance of your bot", @@ -1184,7 +1170,6 @@ "1149190992": "Trade selected derived and financial assets without overnight charges.", "1150115412": "1. Please log in to your account and go to the “Manage account settings”.", "1150953111": "Tight spreads", - "1151456638": "We value team players that collaborate freely across departments with humility and ambition.", "1153826782": "A sub-affiliate earns USD 200 from their Revenue Share plan. The same sub-affiliate earns USD 100 from their IB programme. Here is how we calculate their total commissions:", "1155361880": "Need help? Please <0>contact us via live chat.", "1155971726": "Click <0>here to close your account.", @@ -1222,7 +1207,6 @@ "1187487273": "Volatility 15 (1s) Index", "1189346909": "To withdraw from your Deriv account into your personal account, go to Cashier, click \"Withdrawal\", and follow the instructions on the screen. You’ll need to verify your withdrawal request and confirm your withdrawal amount.", "1189875009": "Proven track record", - "1190588251": "We treat all customers equitably, handle complaints with integrity, and offer competitive prices with no hidden costs and no artificial barriers on customer withdrawals.", "1191311301": "How do I set an investor password for my Deriv MT5 account?", "1191789799": "Password should be more than 8 characters including 1 uppercase and 1 number", "1192961783": "Licence and regulatory information | Deriv", @@ -1358,7 +1342,6 @@ "1316697520": "Markets available for multipliers trading", "1319030942": "Signup failed", "1320418221": "Estimate the margin you need to hold your positions. The result depends on leverage, volume lot, and your Deriv MT5 account balance.", - "1324376913": "Our values are the fabric of our culture", "1325181938": "Street*", "1326142154": "high-low option trade", "1326235397": "These indices correspond to simulated markets with constant volatilities of 10%, 25%, 50%, 75%, and 100%.", @@ -1398,7 +1381,6 @@ "1363645836": "Derived FX", "1364296672": "We will price and settle all contracts accurately and fairly, based on reliable data feeds and without undue delay, so that customers can trust our prices throughout the website.", "1364677622": "These indices correspond to simulated markets with <0>constant volatilities of 150%, and 250%.", - "1364806512": "Practise with demo", "1364947573": "Dtrader artboard", "1364958515": "Stocks", "1364972610": "How do High/Low Ticks contracts work?", @@ -1449,7 +1431,6 @@ "1403848854": "The Deriv MT5 Standard account offers new and experienced traders high leverage and variable spreads for maximum flexibility.", "1404594106": "Swap short (Daily points)", "1405194573": "Locate the live chat widget on our website or app at the bottom right corner of the screen.", - "1405237333": "Head of People Management", "1405929527": "Your IB commissions earned from Deriv X are credited directly into your Deriv account daily.", "1406209174": "Trade with a regulated industry pioneer trusted by traders for more than 20 years.", "1406360927": "Minor pairs", @@ -1767,7 +1748,6 @@ "1673824550": "Minimum stake", "1674164323": "<0>With a x500 multiplier, if the market goes down 2%, you'll <1>lose only $100. An automatic stop out kicks in if your loss reaches your stake amount.", "1674319947": "Unfortunately, Deriv is not available in this country.", - "1674363165": "traders worldwide", "1674798397": "Trade multipliers on our mobile app.", "1676292946": "Forex trading gives you the chance to profit from changes in the relative values of currencies on the forex market.", "1677027187": "Forex", @@ -1828,7 +1808,6 @@ "1733322890": "Effortless", "1733660945": "Funds available as soon as confirmed", "1734026582": "This plan is available exclusively for affiliates who promote to clients residing in EU.", - "1734683614": "Chief Executive Officer", "1737371600": "Where can I trade vanilla options on Deriv?", "1739086943": "Wall Street 30", "1739322571": "XLE.US", @@ -1841,6 +1820,7 @@ "1743279813": "Why trade with Deriv cTrader", "1743448290": "Payment agents", "1744940662": "Best Forex Broker Latin America", + "1745188468": "what are trade accumulator options", "1745193633": "Redirect notice", "1746051371": "Download the app", "1746052061": "> 5 - 10 billion", @@ -2291,7 +2271,6 @@ "2139905716": "In addition to their simplicity to understand, the main reason traders choose to trade vanilla options is because they offer potentially high profit as they do not have a fixed payout, while losses are strictly limited to the initial stake amount.", "2142042461": "Trading CFDs increases both potential profit and loss", "2142117024": "Take profit amount in Up direction", - "2143477659": "We settle all contracts fairly, process all deposits and withdrawals promptly, and provide reliable support and a high-quality trading experience to all our customers.", "2143762194": "Create your Deriv account now and start trading!", "2144015434": "On Deriv, trading CFDs on leverage lets you pay only a small fraction of the contract’s value and amplify your potential profit, similarly increasing your potential loss.", "2144113378": "A chart illustrating a losing Rise trade type contract", @@ -3295,23 +3274,23 @@ "-519772806": "Smart and friendly support, 7 days a week", "-2015932855": "smart and friendly support", "-1690667791": "Why trade ETFs on Deriv", + "-2039405840": "The payout growth depends solely on the underlying index’s price moving tick by tick while remaining within a predefined range. The range width is determined by the growth rate and the symbol selected.", + "-390687537": "No, accumulator options are currently unavailable on Deriv Bot.", + "-2143632826": "Browse our FAQs", "-232157320": "Fast-paced action with durations up to 230 ticks.", "-844197189": "Controlled Risk", - "-467264818": "Hone your strategies risk-free with a demo account.", "-1882861283": "Watch: Accumulator options in action", "-652680277": "Step-by-step guide to trade on accumulator options", "-712487889": "Read: Guide to trading accumulator options", "-1923211546": "Open your first accumulator options trade with our step-by-step guide.", + "-1833614673": "How to trade accumulator options", "-1627820643": "Move fast,
when the market doesn’t", - "-360691661": "Looking for a fast-paced, strategic and potentially explosive way to trade?", "-244980648": "What are accumulator options?", "-1356285247": "Accumulator options icon", "-1500514644": "Accumulator", "-1167572902": "Secure your gains with manual or automatic profit-taking. With durations of up to 230 ticks, accumulator options are ideal for those looking for fast-paced, strategic trades while balancing risk and reward.", - "-1833614673": "How to trade accumulator options", - "-2039405840": "The payout growth depends solely on the underlying index’s price moving tick by tick while remaining within a predefined range. The range width is determined by the growth rate and the symbol selected.", - "-390687537": "No, accumulator options are currently unavailable on Deriv Bot.", - "-2143632826": "Browse our FAQs", + "-319687255": "Deriv GO", + "-360691661": "Looking for a fast-paced, strategic and potentially explosive way to trade?", "-1759381505": "What are turbo options?", "-1461784880": "How do vanilla options work?", "-231290085": "Start connecting with fellow traders to make deposits and withdrawals.", @@ -4596,31 +4575,5 @@ "-594286125": "Practise trading with Deriv as long as you like. No risk, no hidden fees.", "-1773685845": "All markets and platforms", "-661813412": "Enjoy full access to all our markets and platforms.", - "-1520902282": "No credit card needed", - "-2022759357": "Make trading accessible to anyone, anywhere", - "-77779780": "From inception, our goal was to break free of the high commissions and clunky products offered by traditional brokers. Also, we aim to deliver a first-class experience to digitally inclined traders, regardless of the size of their accounts.", - "-1321496264": "In a journey spanning 25 years, we have grown to over 2.5 million customers worldwide. But our mission has remained the same:", - "-554746075": "Integrity", - "-1917169640": "We serve our customers with fairness and transparency. We settle all contracts by the book and speak plainly and truthfully.", - "-1679427554": "Customer focus", - "-411750591": "We put the customer first and strive to build products that deliver the best customer experience.", - "-611750993": "Competence", - "-1566641642": "We value colleagues with the ability to use good judgement and an aptitude to learn and grow.", - "-1111451256": "Teamwork", - "-418008452": "Our principles are the framework for our decisions", - "-3618456": "Learn more about our principles", - "-1855417261": "Our leadership", - "-1277783292": "Chief Operating Officer", - "-1369524546": "Chief Information Officer", - "-2049472334": "Chief Risk & Compliance Officer", - "-216767904": "Chief Administrative Officer", - "-197772643": "Head of Marketing & Global Partnerships", - "-290006480": "Vice President of Product", - "-871474425": "Vice President of IT Operations", - "-864130274": "Head of Accounts", - "-275117592": "withdrawals last month", - "-608807773": "trades last month", - "-1165835520": "employees", - "-651384976": "nationalities", - "-1033881248": "See our open positions" + "-1520902282": "No credit card needed" } \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 9b3b7e10edc..12c2bcfaf2c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2408,6 +2408,7 @@ "version": "1.5.0", "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz", "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==", + "dev": true, "optional": true, "engines": { "node": ">=0.1.90" @@ -4205,7 +4206,8 @@ "node_modules/@gar/promisify": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/@gar/promisify/-/promisify-1.1.3.tgz", - "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==" + "integrity": "sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==", + "dev": true }, "node_modules/@gatsbyjs/parcel-namer-relative-to-cwd": { "version": "2.13.1", @@ -7850,6 +7852,7 @@ "version": "1.1.1", "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-1.1.1.tgz", "integrity": "sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==", + "dev": true, "dependencies": { "@gar/promisify": "^1.0.1", "semver": "^7.3.5" @@ -7859,6 +7862,7 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, "dependencies": { "yallist": "^4.0.0" }, @@ -7870,6 +7874,7 @@ "version": "7.6.0", "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, "dependencies": { "lru-cache": "^6.0.0" }, @@ -7883,13 +7888,15 @@ "node_modules/@npmcli/fs/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/@npmcli/move-file": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@npmcli/move-file/-/move-file-1.1.2.tgz", "integrity": "sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==", "deprecated": "This functionality has been moved to @npmcli/fs", + "dev": true, "dependencies": { "mkdirp": "^1.0.4", "rimraf": "^3.0.2" @@ -7902,6 +7909,7 @@ "version": "1.0.4", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, "bin": { "mkdirp": "bin/cmd.js" }, @@ -18530,6 +18538,7 @@ "version": "3.1.0", "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz", "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==", + "dev": true, "dependencies": { "clean-stack": "^2.0.0", "indent-string": "^4.0.0" @@ -18754,12 +18763,14 @@ "node_modules/aproba": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/aproba/-/aproba-2.0.0.tgz", - "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==" + "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==", + "dev": true }, "node_modules/are-we-there-yet": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz", "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==", + "dev": true, "dependencies": { "delegates": "^1.0.0", "readable-stream": "^3.6.0" @@ -18772,6 +18783,7 @@ "version": "3.6.2", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "dev": true, "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -20581,6 +20593,15 @@ } ] }, + "node_modules/browserify-transform-tools": { + "version": "1.7.0", + "resolved": "https://registry.npmjs.org/browserify-transform-tools/-/browserify-transform-tools-1.7.0.tgz", + "integrity": "sha512-D4/vMGx4ILHI/+Qokdo2x7cxPJqy7uXt0zugOBbDvnCcrQL9/WrgK71GJgrNHF/L4XLErA4cMGlTVmc2sICRnA==", + "dependencies": { + "falafel": "^2.0.0", + "through": "^2.3.7" + } + }, "node_modules/browserify-zlib": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz", @@ -20747,6 +20768,7 @@ "version": "15.3.0", "resolved": "https://registry.npmjs.org/cacache/-/cacache-15.3.0.tgz", "integrity": "sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==", + "dev": true, "dependencies": { "@npmcli/fs": "^1.0.0", "@npmcli/move-file": "^1.0.1", @@ -20775,6 +20797,7 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, "dependencies": { "yallist": "^4.0.0" }, @@ -20786,6 +20809,7 @@ "version": "1.0.4", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, "bin": { "mkdirp": "bin/cmd.js" }, @@ -20797,6 +20821,7 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz", "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==", + "dev": true, "dependencies": { "aggregate-error": "^3.0.0" }, @@ -20810,7 +20835,8 @@ "node_modules/cacache/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/cache-base": { "version": "1.0.1", @@ -21208,6 +21234,7 @@ "version": "2.0.0", "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz", "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==", + "dev": true, "engines": { "node": ">=10" } @@ -21317,6 +21344,7 @@ "version": "2.2.0", "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz", "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==", + "dev": true, "engines": { "node": ">=6" } @@ -21367,6 +21395,7 @@ "version": "0.6.4", "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.4.tgz", "integrity": "sha512-Lm3L0p+/npIQWNIiyF/nAn7T5dnOwR3xNTHXYEBFBFVPXzCVNZ5lqEC/1eo/EVfpDsQ1I+TX4ORPQgp+UI0CRw==", + "dev": true, "dependencies": { "string-width": "^4.2.0" }, @@ -21726,6 +21755,7 @@ "version": "1.1.3", "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz", "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==", + "dev": true, "bin": { "color-support": "bin.js" } @@ -21973,7 +22003,8 @@ "node_modules/console-control-strings": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz", - "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==" + "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==", + "dev": true }, "node_modules/constant-case": { "version": "3.0.4", @@ -23810,7 +23841,8 @@ "node_modules/delegates": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz", - "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==" + "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==", + "dev": true }, "node_modules/depd": { "version": "2.0.0", @@ -24128,6 +24160,20 @@ "utila": "~0.4" } }, + "node_modules/dom-helpers": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz", + "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==", + "dependencies": { + "@babel/runtime": "^7.8.7", + "csstype": "^3.0.2" + } + }, + "node_modules/dom-helpers/node_modules/csstype": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz", + "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==" + }, "node_modules/dom-mutator": { "version": "0.5.0", "resolved": "https://registry.npmjs.org/dom-mutator/-/dom-mutator-0.5.0.tgz", @@ -26672,6 +26718,18 @@ "url": "https://github.com/sponsors/jaydenseric" } }, + "node_modules/falafel": { + "version": "2.2.5", + "resolved": "https://registry.npmjs.org/falafel/-/falafel-2.2.5.tgz", + "integrity": "sha512-HuC1qF9iTnHDnML9YZAdCDQwT0yKl/U55K4XSUXqGAA2GLoafFgWRqdAbhWJxXaYD4pyoVxAJ8wH670jMpI9DQ==", + "dependencies": { + "acorn": "^7.1.1", + "isarray": "^2.0.1" + }, + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/fast-decode-uri-component": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/fast-decode-uri-component/-/fast-decode-uri-component-1.0.1.tgz", @@ -27505,6 +27563,7 @@ "version": "2.1.0", "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz", "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==", + "dev": true, "dependencies": { "minipass": "^3.0.0" }, @@ -29944,6 +30003,7 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz", "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==", + "dev": true, "dependencies": { "aproba": "^1.0.3 || ^2.0.0", "color-support": "^1.1.2", @@ -30649,6 +30709,11 @@ "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==" }, + "node_modules/graceful-readlink": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/graceful-readlink/-/graceful-readlink-1.0.1.tgz", + "integrity": "sha512-8tLu60LgxF6XpdbK8OW3FA+IfTNBn1ZHGHKF4KQbEeSkajYw5PlYJcKluntgegDPTg8UkHjpet1T82vk6TQ68w==" + }, "node_modules/graphemer": { "version": "1.4.0", "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz", @@ -30925,7 +30990,8 @@ "node_modules/has-unicode": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz", - "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==" + "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==", + "dev": true }, "node_modules/has-value": { "version": "1.0.0", @@ -31846,7 +31912,8 @@ "node_modules/infer-owner": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz", - "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==" + "integrity": "sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==", + "dev": true }, "node_modules/inflight": { "version": "1.0.6", @@ -38474,6 +38541,7 @@ "version": "3.3.6", "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", + "dev": true, "dependencies": { "yallist": "^4.0.0" }, @@ -38485,6 +38553,7 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-1.0.2.tgz", "integrity": "sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==", + "dev": true, "dependencies": { "minipass": "^3.0.0" }, @@ -38496,6 +38565,7 @@ "version": "1.0.5", "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.5.tgz", "integrity": "sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==", + "dev": true, "dependencies": { "minipass": "^3.0.0" }, @@ -38507,6 +38577,7 @@ "version": "1.2.4", "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", + "dev": true, "dependencies": { "minipass": "^3.0.0" }, @@ -38517,12 +38588,14 @@ "node_modules/minipass/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/minizlib": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz", "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==", + "dev": true, "dependencies": { "minipass": "^3.0.0", "yallist": "^4.0.0" @@ -38534,7 +38607,8 @@ "node_modules/minizlib/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/mississippi": { "version": "3.0.0", @@ -38797,6 +38871,17 @@ "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz", "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==" }, + "node_modules/ncname": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/ncname/-/ncname-1.0.0.tgz", + "integrity": "sha512-VLkyYr2kmPzVzrmkER9i13RJIdGbjNr855gfh2VvuboO1eYnb9k+nFS+JygfSVgtbo/HMpLz5pEYLK4Xjy7XGg==", + "dependencies": { + "xml-char-classes": "^1.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/needle": { "version": "2.9.1", "resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz", @@ -39060,6 +39145,7 @@ "version": "3.0.3", "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", + "dev": true, "dependencies": { "hosted-git-info": "^4.0.1", "is-core-module": "^2.5.0", @@ -39074,6 +39160,7 @@ "version": "4.1.0", "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", + "dev": true, "dependencies": { "lru-cache": "^6.0.0" }, @@ -39085,6 +39172,7 @@ "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==", + "dev": true, "dependencies": { "yallist": "^4.0.0" }, @@ -39096,6 +39184,7 @@ "version": "7.6.0", "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, "dependencies": { "lru-cache": "^6.0.0" }, @@ -39109,7 +39198,8 @@ "node_modules/normalize-package-data/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/normalize-path": { "version": "3.0.0", @@ -42188,6 +42278,7 @@ "version": "5.0.1", "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz", "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==", + "dev": true, "dependencies": { "are-we-there-yet": "^2.0.0", "console-control-strings": "^1.1.0", @@ -42833,6 +42924,7 @@ "version": "3.0.0", "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz", "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==", + "dev": true, "dependencies": { "aggregate-error": "^3.0.0" }, @@ -44648,7 +44740,8 @@ "node_modules/promise-inflight": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz", - "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==" + "integrity": "sha512-6zWPyEOFaQBJYcGMHBKTKJ3u6TBsnMFOIZSa6ce1e/ZrrsOlnHRHbabMjLiBYKp+n44X9eUI6VUPaukCXHuG4g==", + "dev": true }, "node_modules/promise.allsettled": { "version": "1.0.7", @@ -45456,6 +45549,20 @@ "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==", "dev": true }, + "node_modules/react-modal-video": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/react-modal-video/-/react-modal-video-2.0.1.tgz", + "integrity": "sha512-ZPoxwbFUtDR8aFfZJ3k9Ux/c7sGcUTYKrlFJSGBoxSABL9WlCkSYhS3vqgPLgQHOJJBfyzdAovHEvsfM1TJeyQ==", + "dependencies": { + "core-js": "^3.27.2", + "react-transition-group": "^4.4.2", + "stringify": "^5.2.0" + }, + "peerDependencies": { + "react": "^17.0.0 || ^18.2.0", + "react-dom": "^17.0.0 || ^18.2.0" + } + }, "node_modules/react-refresh": { "version": "0.11.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz", @@ -45609,6 +45716,21 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, + "node_modules/react-transition-group": { + "version": "4.4.5", + "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz", + "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==", + "dependencies": { + "@babel/runtime": "^7.5.5", + "dom-helpers": "^5.0.1", + "loose-envify": "^1.4.0", + "prop-types": "^15.6.2" + }, + "peerDependencies": { + "react": ">=16.6.0", + "react-dom": ">=16.6.0" + } + }, "node_modules/read": { "version": "1.0.7", "resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz", @@ -48074,6 +48196,7 @@ "version": "8.0.1", "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz", "integrity": "sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==", + "dev": true, "dependencies": { "minipass": "^3.1.1" }, @@ -48505,6 +48628,132 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/stringify": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/stringify/-/stringify-5.2.0.tgz", + "integrity": "sha512-n0JeEVfYUtukDmUQ7gsO2aTFUa+pI8c+TChB6q8w9X5VBElFOfNbemhPlSrvTXhtAhCLMKEZp9bu7ADeXDtV0w==", + "dependencies": { + "browserify-transform-tools": "^1.5.3", + "html-minifier": "3.5.2" + }, + "engines": { + "node": ">=4.0.0" + } + }, + "node_modules/stringify/node_modules/camel-case": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz", + "integrity": "sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==", + "dependencies": { + "no-case": "^2.2.0", + "upper-case": "^1.1.1" + } + }, + "node_modules/stringify/node_modules/clean-css": { + "version": "4.1.11", + "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.11.tgz", + "integrity": "sha512-a3ZEe58u+LizPdSCHM0jIGeKu1hN+oqqXXc1i70mnV0x2Ox3/ho1pE6Y8HD6yhDts5lEQs028H9kutlihP77uQ==", + "dependencies": { + "source-map": "0.5.x" + }, + "engines": { + "node": ">= 4.0" + } + }, + "node_modules/stringify/node_modules/commander": { + "version": "2.9.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.9.0.tgz", + "integrity": "sha512-bmkUukX8wAOjHdN26xj5c4ctEV22TQ7dQYhSmuckKhToXrkUn0iIaolHdIxYYqD55nhpSPA9zPQ1yP57GdXP2A==", + "dependencies": { + "graceful-readlink": ">= 1.0.0" + }, + "engines": { + "node": ">= 0.6.x" + } + }, + "node_modules/stringify/node_modules/he": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/he/-/he-1.1.1.tgz", + "integrity": "sha512-z/GDPjlRMNOa2XJiB4em8wJpuuBfrFOlYKTZxtpkdr1uPdibHI8rYA3MY0KDObpVyaes0e/aunid/t88ZI2EKA==", + "bin": { + "he": "bin/he" + } + }, + "node_modules/stringify/node_modules/html-minifier": { + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-3.5.2.tgz", + "integrity": "sha512-CpXODZQ75jOxqF5CR0vqPKV9LuHw96ijVRbEsSPTPFs4gKd5uuMNEUsAvRgz9OSXS/D4fItq0X8362oXMyjZPw==", + "dependencies": { + "camel-case": "3.0.x", + "clean-css": "4.1.x", + "commander": "2.9.x", + "he": "1.1.x", + "ncname": "1.0.x", + "param-case": "2.1.x", + "relateurl": "0.2.x", + "uglify-js": "3.0.x" + }, + "bin": { + "html-minifier": "cli.js" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/stringify/node_modules/lower-case": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz", + "integrity": "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==" + }, + "node_modules/stringify/node_modules/no-case": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz", + "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==", + "dependencies": { + "lower-case": "^1.1.1" + } + }, + "node_modules/stringify/node_modules/param-case": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/param-case/-/param-case-2.1.1.tgz", + "integrity": "sha512-eQE845L6ot89sk2N8liD8HAuH4ca6Vvr7VWAWwt7+kvvG5aBcPmmphQ68JsEG2qa9n1TykS2DLeMt363AAH8/w==", + "dependencies": { + "no-case": "^2.2.0" + } + }, + "node_modules/stringify/node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stringify/node_modules/uglify-js": { + "version": "3.0.28", + "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.0.28.tgz", + "integrity": "sha512-0h/qGay016GG2lVav3Kz174F3T2Vjlz2v6HCt+WDQpoXfco0hWwF5gHK9yh88mUYvIC+N7Z8NT8WpjSp1yoqGA==", + "dependencies": { + "commander": "~2.11.0", + "source-map": "~0.5.1" + }, + "bin": { + "uglifyjs": "bin/uglifyjs" + }, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/stringify/node_modules/uglify-js/node_modules/commander": { + "version": "2.11.0", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz", + "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==" + }, + "node_modules/stringify/node_modules/upper-case": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz", + "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA==" + }, "node_modules/strip-ansi": { "version": "6.0.1", "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", @@ -49524,6 +49773,7 @@ "version": "6.2.1", "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz", "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==", + "dev": true, "dependencies": { "chownr": "^2.0.0", "fs-minipass": "^2.0.0", @@ -49563,6 +49813,7 @@ "version": "5.0.0", "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz", "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==", + "dev": true, "engines": { "node": ">=8" } @@ -49571,6 +49822,7 @@ "version": "1.0.4", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz", "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==", + "dev": true, "bin": { "mkdirp": "bin/cmd.js" }, @@ -49581,7 +49833,8 @@ "node_modules/tar/node_modules/yallist": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==" + "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", + "dev": true }, "node_modules/telejson": { "version": "6.0.8", @@ -50650,6 +50903,7 @@ "version": "1.1.1", "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-1.1.1.tgz", "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==", + "dev": true, "dependencies": { "unique-slug": "^2.0.0" } @@ -50658,6 +50912,7 @@ "version": "2.0.2", "resolved": "https://registry.npmjs.org/unique-slug/-/unique-slug-2.0.2.tgz", "integrity": "sha512-zoWr9ObaxALD3DOPfjPSqxt4fnZiWblxHIgeWqW8x7UqDzEtHEQLzji2cuJYQFCU6KmoJikOYAZlrTHHebjx2w==", + "dev": true, "dependencies": { "imurmurhash": "^0.1.4" } @@ -52095,6 +52350,7 @@ "version": "1.1.5", "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.5.tgz", "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==", + "dev": true, "dependencies": { "string-width": "^1.0.2 || 2 || 3 || 4" } @@ -52292,6 +52548,14 @@ "node": ">=8" } }, + "node_modules/xml-char-classes": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/xml-char-classes/-/xml-char-classes-1.0.0.tgz", + "integrity": "sha512-dTaaRwm4ccF8UF15/PLT3pNNlZP04qko/FUcr0QBppYLk8+J7xA9gg2vI2X4Kr1PcJAVxwI9NdADex29FX2QVQ==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/xml-name-validator": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz", @@ -52765,6 +53029,7 @@ "react-i18next": "^11.18.6", "react-intersection-observer": "^9.5.3", "react-is": "^17.0.2", + "react-modal-video": "^2.0.1", "react-ticker": "^1.3.2", "react-tiny-popover": "^7.2.4", "remove": "^0.1.5", diff --git a/themes/gatsby-theme-deriv/gatsby-browser.js b/themes/gatsby-theme-deriv/gatsby-browser.js index 1d1161380aa..96006d59db8 100644 --- a/themes/gatsby-theme-deriv/gatsby-browser.js +++ b/themes/gatsby-theme-deriv/gatsby-browser.js @@ -18,14 +18,15 @@ import 'swiper/swiper-bundle.min.css' import 'features/styles/app.scss' import './static/css/global.css' import './static/css/google-fonts.css' -import '@deriv-com/blocks/style.css'; +import '@deriv-com/blocks/style.css' +import 'react-modal-video/scss/modal-video.scss' const is_browser = typeof window !== 'undefined' const checkDomain = () => { return eval( decodeURIComponent( - 'var%20curhost%20%3D%20window.location.hostname%3B%20var%20t8hvj%20%3D%20%2F%5Cb%28deriv%7Cbinary%7Cbinaryqa%5B0-9%5D%7B2%7D%29%5C.%28com%7Cbot%7Cme%7Cbe%7Capp%7Csx%29%24%7C%5Cb%28localhost%29%7C%28%5Cbderiv-com-preview-links.pages.dev%29%7C%28row-deriv-com-pages%29%7C%28eu-deriv-com-pages%29%2Fgm%3B%20if%20%28t8hvj.test%28curhost%29%20%3D%3D%20false%29%7Balert%28%22Not%20our%20domain%22%29%7D' + 'var%20curhost%20%3D%20window.location.hostname%3B%20var%20t8hvj%20%3D%20%2F%5Cb%28deriv%7Cbinary%7Cbinaryqa%5B0-9%5D%7B2%7D%29%5C.%28com%7Cbot%7Cme%7Cbe%7Capp%7Csx%29%24%7C%5Cb%28localhost%29%7C%28%5Cbderiv-com-preview-links.pages.dev%29%7C%28row-deriv-com-pages%29%7C%28eu-deriv-com-pages%29%2Fgm%3B%20if%20%28t8hvj.test%28curhost%29%20%3D%3D%20false%29%7Balert%28%22Not%20our%20domain%22%29%7D', ), ) } diff --git a/themes/gatsby-theme-deriv/package.json b/themes/gatsby-theme-deriv/package.json index d265a5b458c..0c45d9b31c4 100644 --- a/themes/gatsby-theme-deriv/package.json +++ b/themes/gatsby-theme-deriv/package.json @@ -82,6 +82,7 @@ "react-i18next": "^11.18.6", "react-intersection-observer": "^9.5.3", "react-is": "^17.0.2", + "react-modal-video": "^2.0.1", "react-ticker": "^1.3.2", "react-tiny-popover": "^7.2.4", "remove": "^0.1.5", diff --git a/themes/gatsby-theme-deriv/src/common/constants.ts b/themes/gatsby-theme-deriv/src/common/constants.ts index 0137b2d947f..8cc01f7a107 100644 --- a/themes/gatsby-theme-deriv/src/common/constants.ts +++ b/themes/gatsby-theme-deriv/src/common/constants.ts @@ -129,7 +129,8 @@ export const ctrader_android_url = 'https://play.google.com/store/apps/details?i //to be updated with ctrader ios url later export const ctrader_ios_url = 'https://download.mql5.com/cdn/mobile/mt5/ios?server=Deriv-Demo,Deriv-Server' - +export const how_to_trade_accumulator_video_id = '917007011' +export const what_are_accumulator_video_id = '915479906' export const ctrader_web_browser_url = 'ct.deriv.com' export const ctrader_traders_hub_url = ' https://app.deriv.com/appstore/traders-hub' export const ctrader_windows_url = 'https://getctrader.com/deriv/ctrader-deriv-setup.exe' diff --git a/themes/gatsby-theme-deriv/src/features/components/quill/videoModal/index.tsx b/themes/gatsby-theme-deriv/src/features/components/quill/videoModal/index.tsx new file mode 100644 index 00000000000..52cd3dff627 --- /dev/null +++ b/themes/gatsby-theme-deriv/src/features/components/quill/videoModal/index.tsx @@ -0,0 +1,36 @@ +import React, { useCallback, useEffect } from 'react' +import ModalVideo from 'react-modal-video' + +interface VideoModalProps { + video_id: string + isOpen: boolean + onClose: () => void +} + +const VideoModal = ({ video_id, isOpen, onClose }: VideoModalProps) => { + const handleClose = useCallback(() => onClose(), [onClose]) + + useEffect(() => { + if (isOpen) { + document.body.style.overflow = 'hidden'; + } else { + document.body.style.overflow = 'unset'; + } + return () => { + document.body.style.overflow = 'unset'; + }; + }, [isOpen]); + + return ( + + ) +} + +export default VideoModal diff --git a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/accrodian/index.tsx b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/accrodian/index.tsx new file mode 100644 index 00000000000..1b54c7b42e6 --- /dev/null +++ b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/accrodian/index.tsx @@ -0,0 +1,136 @@ +import React from 'react' +import { AccordionBlock } from '@deriv-com/blocks' +import { Text } from '@deriv/quill-design' +import * as styles from '../accumulators_faq.module.scss' +import { Localize, localize } from 'components/localization' + +const AccumulatorAccrodian = () => { + return ( +
+ + + + ) + }, + title: localize( + '_t_What markets can I trade with accumulator options?_t_', + ), + id: 'what-markets-can-i-trade-with-accumulator-options', + }, + { + className: `${styles.accordion_border}`, + content: function noRefCheck() { + return ( + + + + ) + }, + title: localize( + '_t_Can I open multiple accumulator contracts at the same time?_t_', + ), + id: 'can-i-open-multiple-accumulator-contracts-at-the-same-time', + }, + { + className: `${styles.accordion_border}`, + content: function noRefCheck() { + return ( + + + + ) + }, + title: localize( + '_t_Can I change my growth rate after opening the contract?_t_', + ), + id: 'can-i-change-my-growth-rate-after-opening-the-contract', + }, + { + className: `${styles.accordion_border}`, + content: function noRefCheck() { + return ( +
+ + + + + + +
+ ) + }, + title: localize( + '_t_Can I open an accumulator contract at any time?_t_', + ), + id: 'can-i-open-an-accumulator-contract-at-any-time', + }, + { + className: `${styles.accordion_border}`, + content: function noRefCheck() { + return ( + + + + ) + }, + title: localize( + '_t_Can I close an accumulator contract at any time?_t_', + ), + id: 'can-i-close-an-accumulator-contract-at-any-time', + }, + { + className: `${styles.accordion_border}`, + content: function noRefCheck() { + return ( +
+ + + + + + + + + +
+ ) + }, + title: localize( + '_t_Is the accumulated payout correlated with the direction of the underlying index?_t_', + ), + id: 'is-the-accumulated-payout-correlated-with-the-direction-of-the-underlying-index', + }, + { + className: `${styles.accordion_border}`, + content: function noRefCheck() { + return ( + + + + ) + }, + title: localize( + '_t_Are accumulators available as a trade type on Deriv Bot?_t_', + ), + id: 'are-accumulators-available-as-a-trade-type-on-deriv-bot', + }, + ], + ], + }} + title={} + variant="Flush" + /> +
+ ) +} + +export default AccumulatorAccrodian diff --git a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/data.tsx b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/data.tsx index d046efcccf8..095495bd9dc 100644 --- a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/data.tsx +++ b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/data.tsx @@ -3,7 +3,6 @@ import { CardContent, CustomLink } from '@deriv-com/components' import { IllustrativePayoutIcon, IllustrativeMinimalCapitalIcon, - IllustrativeSupport247Icon, IllustrativePaidProgrammeIcon, // eslint-disable-next-line import/no-unresolved } from '@deriv/quill-icons/Illustrative' @@ -47,28 +46,6 @@ export const accumulatorCards: CardContent[] = [ align: 'start', size: 'md', }, - { - id: 4, - header: , - description: ( - - ), - icon: , - color: 'gray', - align: 'start', - size: 'md', - }, - { - id: 5, - header: , - description: ( - - ), - icon: , - color: 'gray', - align: 'start', - size: 'md', - }, ] export const accumulatorOptionsVideoCard: CardContent[] = [ @@ -79,20 +56,15 @@ export const accumulatorOptionsVideoCard: CardContent[] = [ ), content: ( - - - + ), size: 'md', align: 'start', @@ -111,13 +83,19 @@ export const accumulatorOptionsVideoCard: CardContent[] = [ ), content: ( - + + + ), size: 'md', align: 'start', @@ -168,30 +146,6 @@ export const mobileCards: CardContent[] = [ icon: , className: 'h-full', }, - { - id: 4, - header: , - description: ( - - ), - size: 'md', - color: 'gray', - align: 'start', - icon: , - className: 'h-full', - }, - { - id: 5, - header: , - description: ( - - ), - size: 'md', - color: 'gray', - align: 'start', - icon: , - className: 'h-full', - }, ] export const accumulatorFAQ: OptionsFAQDataItem[] = [ diff --git a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/how-to-trade-accumulator/index.tsx b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/how-to-trade-accumulator/index.tsx new file mode 100644 index 00000000000..1dfe734610a --- /dev/null +++ b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/how-to-trade-accumulator/index.tsx @@ -0,0 +1,35 @@ +import React from 'react' +import { Features } from '@deriv-com/blocks' +import { accumulatorOptionsVideoCard } from '../data' +import { Localize } from 'components/localization' +import { how_to_trade_accumulator_video_id } from 'common/constants' + +interface HowToTradeAccumulatorProps { + handleModalToggle: (isOpen: boolean, videoId: string) => void +} + +const HowToTradeAccumulator = ({ handleModalToggle }: HowToTradeAccumulatorProps) => { + return ( + } + cols="two" + variant="ContentTop" + cards={accumulatorOptionsVideoCard.map((card) => ({ + ...card, + content: ( +
+ handleModalToggle(card.id === 1, how_to_trade_accumulator_video_id) + } + > + {card.content} +
+ ), + }))} + /> + ) +} + +export default HowToTradeAccumulator diff --git a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/index.tsx b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/index.tsx index c66e1bf06b0..69f41bd4868 100644 --- a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/index.tsx +++ b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/index.tsx @@ -1,35 +1,18 @@ -import React from 'react' -import { Features, AccordionBlock, BlockWrapper } from '@deriv-com/blocks' -import { Text, FluidContainer, Heading } from '@deriv/quill-design' -import { - DerivProductDerivTraderBrandLightLogoHorizontalIcon, - IllustrativeDerivedIcon, -} from '@deriv/quill-icons' -import { CustomLink } from '@deriv-com/components' -import * as styles from './accumulators_faq.module.scss' -import { accumulatorCards, accumulatorOptionsVideoCard, mobileCards } from './data' -import AccumulatorOptions from 'images/svg/trade-types/accumulator-options.svg' -import { Localize, localize, is_rtl } from 'components/localization' +import React, { useState } from 'react' +import WhyTradeAccumulator from './why-trade' +import WhatAreAccumulatorOptions from './what-are-accumulatr-options' +import AccumulatorAccrodian from './accrodian' +import HowToTradeAccumulator from './how-to-trade-accumulator' import OptionsLayout from 'features/components/quill/options-layout' -import Box from 'features/components/atoms/box' -import TradersHubCtaButton from 'features/components/molecules/traders-hub-cta-button' import { BuildVariantType } from 'features/types' +import VideoModal from 'features/components/quill/videoModal' -interface SwiperOption { - spaceBetween: number - slidesPerView: number | 'auto' - reverseDirection: true - freeMode: true -} - -const swiperOption: SwiperOption = { - spaceBetween: 16, - slidesPerView: 'auto', - reverseDirection: true, - freeMode: true, -} +const AccumulatorsOptions = ({ region }: BuildVariantType) => { + const [isModalOpen, setIsModalOpen] = useState({ is_open: false, video_id: '' }) -const AccumulatorsOptions = ({region}: BuildVariantType) => { + const handleModalToggle = (action: boolean, video_id?: string) => { + action && setIsModalOpen({ is_open: !isModalOpen.is_open, video_id: video_id || '' }) + } return ( { has_content_block region={region} > - - } - description={ - - } - cols="three" - cards={accumulatorCards} - /> - - } - description={ - - } - cardSliderProps={{ - swiperData: swiperOption, - slideClasses: 'max-w-[296px] !h-auto !mr-gap-none !ml-gap-none', - className: 'w-screen lg:w-full [&>*:nth-child(1)]:!gap-gap-lg ', - variant: 'ContentLeft', - cards: mobileCards, - dir: is_rtl() ? 'rtl' : 'ltr', - }} - /> - } - background="light" - > - -
-
-
- -
-
-
-
- {localize('_t_Accumulator - - - -
- - - - - - - -
-
-
-
- - - -
- - - - -
-
-
- - - -
- - - - -
-
-
-
- -
- - - } - cols="two" - variant="ContentTop" - cards={accumulatorOptionsVideoCard} + + + + handleModalToggle(true)} + video_id={isModalOpen.video_id} /> -
- - - - ) - }, - title: localize( - '_t_What markets can I trade with accumulator options?_t_', - ), - id: 'what-markets-can-i-trade-with-accumulator-options', - }, - { - className: `${styles.accordion_border}`, - content: function noRefCheck() { - return ( - - - - ) - }, - title: localize( - '_t_Can I open multiple accumulator contracts at the same time?_t_', - ), - id: 'can-i-open-multiple-accumulator-contracts-at-the-same-time', - }, - { - className: `${styles.accordion_border}`, - content: function noRefCheck() { - return ( - - - - ) - }, - title: localize( - '_t_Can I change my growth rate after opening the contract?_t_', - ), - id: 'can-i-change-my-growth-rate-after-opening-the-contract', - }, - { - className: `${styles.accordion_border}`, - content: function noRefCheck() { - return ( -
- - - - - - -
- ) - }, - title: localize( - '_t_Can I open an accumulator contract at any time?_t_', - ), - id: 'can-i-open-an-accumulator-contract-at-any-time', - }, - { - className: `${styles.accordion_border}`, - content: function noRefCheck() { - return ( - - - - ) - }, - title: localize( - '_t_Can I close an accumulator contract at any time?_t_', - ), - id: 'can-i-close-an-accumulator-contract-at-any-time', - }, - { - className: `${styles.accordion_border}`, - content: function noRefCheck() { - return ( -
- - - - - - - - - -
- ) - }, - title: localize( - '_t_Is the accumulated payout correlated with the direction of the underlying index?_t_', - ), - id: 'is-the-accumulated-payout-correlated-with-the-direction-of-the-underlying-index', - }, - { - className: `${styles.accordion_border}`, - content: function noRefCheck() { - return ( - - - - ) - }, - title: localize( - '_t_Are accumulators available as a trade type on Deriv Bot?_t_', - ), - id: 'are-accumulators-available-as-a-trade-type-on-deriv-bot', - }, - ], - ], - }} - title={} - variant="Flush" - /> -
+ ) } diff --git a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/what-are-accumulatr-options/index.tsx b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/what-are-accumulatr-options/index.tsx new file mode 100644 index 00000000000..9525c75ff71 --- /dev/null +++ b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/what-are-accumulatr-options/index.tsx @@ -0,0 +1,112 @@ +import React from 'react' +import { BlockWrapper } from '@deriv-com/blocks' +import { Text, FluidContainer, Heading } from '@deriv/quill-design' +import { + DerivProductDerivTraderBrandLightLogoHorizontalIcon, + DerivProductDerivGoBrandDarkLogoHorizontalIcon, + IllustrativeDerivedIcon, +} from '@deriv/quill-icons' +import { CustomLink } from '@deriv-com/components' +import { StaticImage } from 'gatsby-plugin-image' +import AccumulatorOptions from 'images/svg/trade-types/accumulator-options.svg' +import { Localize, localize } from 'components/localization' +import TradersHubCtaButton from 'features/components/molecules/traders-hub-cta-button' +import { what_are_accumulator_video_id } from 'common/constants' + +interface WhatAreAccumulatorOptionsProps { + handleModalToggle: (isOpen: boolean, videoId: string) => void +} + +const WhatAreAccumulatorOptions = ({ handleModalToggle }: WhatAreAccumulatorOptionsProps) => { + return ( + } + background="light" + > + +
+
+
handleModalToggle(true, what_are_accumulator_video_id)} + > + +
+
+
+
+ {localize('_t_Accumulator + + + +
+ +
+ + + + + + +
+
+
+
+
+ + + +
+ + + + +
+
+
+ + + +
+
+ + + + +
+
+ + + + +
+
+
+
+
+ +
+ + + ) +} + +export default WhatAreAccumulatorOptions diff --git a/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/why-trade/index.tsx b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/why-trade/index.tsx new file mode 100644 index 00000000000..62fea8f0961 --- /dev/null +++ b/themes/gatsby-theme-deriv/src/features/pages/options/accumulator/why-trade/index.tsx @@ -0,0 +1,51 @@ +import React from 'react' +import { Features } from '@deriv-com/blocks' +import { accumulatorCards, mobileCards } from '../data' +import { Localize, is_rtl } from 'components/localization' + +interface SwiperOption { + spaceBetween: number + slidesPerView: number | 'auto' + reverseDirection: true + freeMode: true +} + +const swiperOption: SwiperOption = { + spaceBetween: 16, + slidesPerView: 'auto', + reverseDirection: true, + freeMode: true, +} + +const WhyTradeAccumulator = () => { + return ( + <> + } + description={ + + } + cols="three" + cards={accumulatorCards} + /> + } + description={ + + } + cardSliderProps={{ + swiperData: swiperOption, + slideClasses: 'max-w-[296px] !h-auto !mr-gap-none !ml-gap-none', + className: 'w-screen lg:w-full [&>*:nth-child(1)]:!gap-gap-lg ', + variant: 'ContentLeft', + cards: mobileCards, + dir: is_rtl() ? 'rtl' : 'ltr', + }} + /> + + ) +} + +export default WhyTradeAccumulator diff --git a/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-1.png b/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-1.png index 5bb0daebbc0..9e68dd68702 100644 Binary files a/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-1.png and b/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-1.png differ diff --git a/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-3.png b/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-3.png new file mode 100644 index 00000000000..8e616046fa3 Binary files /dev/null and b/themes/gatsby-theme-deriv/src/images/common/trade-types/accumulator-video-bg-3.png differ