mayuran/DPROD-3529/ctrader change (#7358)

* fix: ctrader changes

* auto-pull-translation

* translation: 📚 sync translations from crowdin feature branch

* fix: change mac os url

* fix: new qr change

---------

Co-authored-by: DerivFE <[email protected]>

themes/gatsby-theme-deriv/src/common/constants.ts

@@ -135,6 +135,8 @@ 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'
+export const ctrader_apple_store_url = ' https://apps.apple.com/us/app/deriv-ctrader/id6466996509'
+export const ctrader_mac_os_url = 'https://getctradermac.com/deriv/ctrader-deriv-setup.dmg'
 export const gtm_test_domain = 'deriv-com.binary.sx'
 export const map_api_key = MAP_API_KEY
 export const mga_link_url =

themes/gatsby-theme-deriv/src/features/pages/deriv-ctrader/get-trading/index.tsx

@@ -5,16 +5,23 @@ import WindowsIcon from '../../../../images/svg/windows-icon.svg'
 import AndroidIcon from '../../../../images/svg/android-icon.svg'
 import BrowserIcon from '../../../../images/svg/browser-icon.svg'
 import GetAppMobileBG from '../../../../images/common/getAppMobileBG.png'
-import { DerivXLogo } from 'images/svg/deriv-x'
 import DerivCtraderQR from 'images/common/ctrader/derivCtraderQR.png'
 import {StyledHeaderForDownloadApp} from 'components/elements/common-header-section'
 import MultiWidthColumn from 'components/elements/multi-width-column'
 import device from 'themes/device'
 import { useIsRtl } from 'components/hooks/use-isrtl'
-import { ctrader_android_url, ctrader_traders_hub_url, ctrader_windows_url } from 'common/constants'
+import MacIcon from 'images/svg/mac-icon.svg'
+import {
+    ctrader_android_url,
+    ctrader_traders_hub_url,
+    ctrader_windows_url,
+    ctrader_apple_store_url,
+    ctrader_mac_os_url,
+} from 'common/constants'
 import DownloadColumn, { TDownloadColumnItem } from 'components/custom/_multi-width-column-download'
 import { localize } from 'components/localization'
 import useThirdPartyFlags from 'components/hooks/use-third-party-flags'
+import CTraderLogo from 'images/svg/trading-platforms/ctrader/ctrader-main-logo.svg'
 
 const ContentWrapper = styled.div<{ is_rtl: boolean }>`
     display: flex;
@@ -49,6 +56,8 @@ const DerivCtraderApp = () => {
     const ctrader_apps_windows = useThirdPartyFlags('ctrader_apps.windows')
     const ctrader_apps_android = useThirdPartyFlags('ctrader_apps.android')
     const ctrader_apps_web_browser = useThirdPartyFlags('ctrader_apps.web_browser')
+    const ctrader_apps_store = useThirdPartyFlags('ctrader_apps.app_store')
+    const ctrader_apps_mac_os = useThirdPartyFlags('ctrader_apps.mac_os')
 
     const items: TDownloadColumnItem[] = [
         {
@@ -70,6 +79,18 @@ const DerivCtraderApp = () => {
             link: ctrader_windows_url,
             visibility: ctrader_apps_windows,
         },
+        {
+            text: 'App Store',
+            icon: AppleIcon,
+            link: ctrader_apple_store_url,
+            visibility: ctrader_apps_store,
+        },
+        {
+            text: 'macOS',
+            icon: MacIcon,
+            link: ctrader_mac_os_url,
+            visibility: ctrader_apps_mac_os,
+        },
     ]
 
     return (
@@ -85,8 +106,8 @@ const DerivCtraderApp = () => {
             >
                 <ContentWrapper is_rtl={is_rtl}>
                     <img
-                        src={DerivXLogo}
-                        alt={localize('_t_Deriv X logo_t_')}
+                        src={CTraderLogo}
+                        alt={localize('_t_Ctrader logo_t_')}
                         width="64px"
                         height="64px"
                     />
@@ -107,7 +128,7 @@ const DerivCtraderApp = () => {
                     is_rtl={is_rtl}
                     QRImage={DerivCtraderQR}
                     QRHeading1="_t_Scan to download Deriv cTrader_t_"
-                    QRHeading2={'_t_Android_t_'}
+                    QRHeading2={'_t_Android & App store_t_'}
                     items={items}
                 />
             </MultiWidthColumn>

themes/gatsby-theme-deriv/src/translations/ach.json

@@ -4579,4 +4579,4 @@
   "-1773685845": "crwdns5218126:0crwdne5218126:0",
   "-661813412": "crwdns5218128:0crwdne5218128:0",
   "-1520902282": "crwdns5218130:0crwdne5218130:0"
-}
+}

themes/gatsby-theme-deriv/src/translations/ar.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "جميع الأسواق والمنصات",
   "-661813412": "استمتع بالوصول الكامل إلى جميع أسواقنا ومنصاتنا.",
   "-1520902282": "لا حاجة لبطاقة ائتمان"
-}
+}

themes/gatsby-theme-deriv/src/translations/bn.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "সকল মার্কেটস এবং প্লাটফর্ম",
   "-661813412": "আমাদের সকল মার্কেটস এবং প্ল্যাটফর্মে পূর্ণ প্রবেশাধিকার উপভোগ করুন।",
   "-1520902282": "কোনো ক্রেডিট কার্ডের প্রয়োজন নেই"
-}
+}

themes/gatsby-theme-deriv/src/translations/de.json

@@ -4584,4 +4584,4 @@
   "-1773685845": "Alle Märkte und Plattformen",
   "-661813412": "Genießen Sie vollen Zugang zu allen unseren Märkten und Plattformen.",
   "-1520902282": "Keine Kreditkarte erforderlich"
-}
+}

themes/gatsby-theme-deriv/src/translations/es.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "Todos los mercados y plataformas",
   "-661813412": "Disfrute del acceso completo a todos nuestros mercados y plataformas.",
   "-1520902282": "No se necesita tarjeta de crédito"
-}
+}

themes/gatsby-theme-deriv/src/translations/fr.json

@@ -4582,4 +4582,4 @@
   "-1773685845": "Tous les marchés et plateformes",
   "-661813412": "Profitez d'un accès complet à tous nos marchés et plateformes.\n",
   "-1520902282": "Aucune carte de crédit requise"
-}
+}

themes/gatsby-theme-deriv/src/translations/it.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "Tutti i mercati e le piattaforme",
   "-661813412": "Sfrutta l'accesso completo a tutti i mercati e tutte le piattaforme.",
   "-1520902282": "Carta di credito non necessaria"
-}
+}

themes/gatsby-theme-deriv/src/translations/ko.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "모든 시장 및 플랫폼",
   "-661813412": "우리의 모든 시장 및 플랫폼으로의 전체 접근권한을 누리세요.",
   "-1520902282": "신용카드가 필요하지 않습니다"
-}
+}

themes/gatsby-theme-deriv/src/translations/mn.json

@@ -4582,4 +4582,4 @@
   "-1773685845": "Бүх зах зээл, платформ",
   "-661813412": "Манай бүх зах зээл, платформуудад бүрэн нэвтрэх боломжийг эдлээрэй.",
   "-1520902282": "Зээлийн карт шаардлагагүй"
-}
+}

themes/gatsby-theme-deriv/src/translations/pl.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "Wszystkie rynki i platformy",
   "-661813412": "Ciesz się pełnym dostępem do naszych rynków i platform.",
   "-1520902282": "Karta kredytowa nie jest wymagana"
-}
+}

themes/gatsby-theme-deriv/src/translations/pt.json

@@ -4582,4 +4582,4 @@
   "-1773685845": "Todos os mercados e plataformas",
   "-661813412": "Desfrute de acesso total a todos os nossos mercados e plataformas.",
   "-1520902282": "Não é necessário cartão de crédito"
-}
+}

themes/gatsby-theme-deriv/src/translations/ru.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "Все рынки и платформы",
   "-661813412": "У вас будет полный доступ ко всем нашим рынкам и платформам.",
   "-1520902282": "Никаких кредитных карт"
-}
+}

themes/gatsby-theme-deriv/src/translations/si.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "සියලුම වෙළඳපල සහ වේදිකා",
   "-661813412": "අපගේ සියලුම වෙළඳපලවල් සහ වේදිකා වෙත පූර්ණ ප්‍රවේශය බුක්ති විඳින්න.",
   "-1520902282": "ණය කාඩ්පත​ අවශ්‍ය නැත"
-}
+}

themes/gatsby-theme-deriv/src/translations/sw.json

@@ -4582,4 +4582,4 @@
   "-1773685845": "Masoko yote na majukwaa",
   "-661813412": "Furahia ufikiaji kamili wa masoko na majukwaa yetu yote.",
   "-1520902282": "Hakuna credit kadi inayohitajika"
-}
+}

themes/gatsby-theme-deriv/src/translations/th.json

@@ -4584,4 +4584,4 @@
   "-1773685845": "ตลาดและแพลตฟอร์มทั้งหมด",
   "-661813412": "สนุกกับการเข้าถึงตลาดและแพลตฟอร์มทั้งหมดของเราได้อย่างเต็มที่",
   "-1520902282": "ไม่ต้องใช้บัตรเครดิต"
-}
+}

themes/gatsby-theme-deriv/src/translations/tr.json

@@ -4582,4 +4582,4 @@
   "-1773685845": "Tüm piyasalar ve platformlar",
   "-661813412": "Tüm piyasalarımıza ve platformlarımıza tam erişimin keyfini çıkarın.",
   "-1520902282": "Kredi kartı gerekmez"
-}
+}

themes/gatsby-theme-deriv/src/translations/vi.json

@@ -4582,4 +4582,4 @@
   "-1773685845": "Mọi loại thị trường và nền tảng",
   "-661813412": "Tận hưởng quyền truy cập đầy đủ vào tất cả thị trường và nền tảng của chúng tôi.",
   "-1520902282": "Không cần thẻ tín dụng"
-}
+}

themes/gatsby-theme-deriv/src/translations/zh_cn.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "所有市场和平台",
   "-661813412": "享有访问我们所有市场和平台的权限。",
   "-1520902282": "不需要信用卡"
-}
+}

themes/gatsby-theme-deriv/src/translations/zh_tw.json

@@ -4585,4 +4585,4 @@
   "-1773685845": "所有市場和平台",
   "-661813412": "享有存取我們所有市場和平台的權限。",
   "-1520902282": "不需要信用卡"
-}
+}

themes/gatsby-theme-deriv/static/appConfig.js

@@ -50,10 +50,12 @@ module.exports = {
         app_gallery: true,
         web_browser: true,
     },
-    ctrader_apps: {
-        android: true,
-        web_browser: true,
-        windows: true,
+    "ctrader_apps": {
+        "android": true,
+        "web_browser": true,
+        "windows": true,
+        "mac_os": true,
+        "app_store": true,
     },
     deriv_go_apps: {
         android: true,