hasan/Pr 00 rtl issue fix

package.json

@@ -6,10 +6,10 @@
     "dependencies": {
         "@artsy/fresnel": "^6.2.1",
         "@builder.io/partytown": "^0.8.1",
-        "@deriv-com/blocks": "^0.70.0",
-        "@deriv-com/components": "^0.41.0",
+        "@deriv-com/blocks": "^0.74.0",
+        "@deriv-com/components": "^0.44.0",
         "@deriv-com/hooks": "^0.10.0",
-        "@deriv-com/providers": "^0.10.0",
+        "@deriv-com/providers": "^0.11.0",
         "@deriv/analytics": "^1.4.4",
         "@deriv/deriv-api": "^1.0.13",
         "@deriv/quill-design": "^1.3.2",

src/features/pages/home/cta/index.tsx

@@ -34,7 +34,7 @@ const CTA = () => {
     const { is_eu } = useRegion()
     return (
         <Footer.CTABlock padding image={is_eu ? EUImage : RowImage}>
-            <div className="flex h-full flex-col items-start justify-center gap-gap-3xl max-w-[328px] lg:max-w-none">
+            <div className="flex h-full flex-col items-start justify-center gap-gap-3xl">
                 <Heading.H2 className="text-solid-slate-50">
                     <Localize translate_text="_t_Join over 2.5 million online traders_t_" />
                 </Heading.H2>

src/features/pages/home/fast-payment/index.tsx

@@ -24,8 +24,8 @@ const FastPaymentSection: React.FC = () => {
                 cols: 'infinite',
                 cards: is_eu ? EUPaymentMethods : RowPaymentMethods,
                 sliderClass: is_eu
-                    ? 'animate-[40s_slide_linear_infinite]'
-                    : 'animate-[100s_slide_linear_infinite]',
+                    ? '!animate-[40s_slide_linear_infinite] rtl:!animate-[40s_slideRtl_linear_infinite]'
+                    : '!animate-[100s_slide_linear_infinite] rtl:!animate-[100s_slideRtl_linear_infinite]',
             }}
             disclaimer={
                 <Localize translate_text="_t_* Availability of payment methods and processing speeds may vary based on location and selected payment option_t_" />

src/features/pages/home/hero/award-images.tsx

@@ -1,12 +1,19 @@
 import React from 'react'
 import clsx from 'clsx'
 import { StaticImage } from 'gatsby-plugin-image'
-import { hero_content_award_img } from './styles.module.scss'
-import { localize } from 'components/localization'
+import { hero_content_award_img, hero_content_award_img_rtl } from './styles.module.scss'
+import { get_lang_direction, localize } from 'components/localization'
 
 const HeroAwardImages = () => {
     return (
-        <div className={clsx('flex pb-general-xl', hero_content_award_img)}>
+        <div
+            className={clsx(
+                'flex pb-general-xl',
+                hero_content_award_img,
+                hero_content_award_img_rtl,
+            )}
+            dir={get_lang_direction()}
+        >
             <StaticImage
                 src="../../../../images/migration/home/award-1.png"
                 alt={localize('_t_Best forex spreads APAC 2023 by UF Awards_t_')}

src/features/pages/home/hero/index.tsx

@@ -39,7 +39,6 @@ const HomeHero: React.FC<HomeHeroProps> = () => {
                     loading="eager"
                     style={{ position: 'absolute', inset: 0 }}
                 />
-
                 <FluidContainer className={clsx('h-full flex flex-col relative', hero_container)}>
                     <div className={clsx('flex flex-col mb-general-2xl', hero_content)}>
                         <Heading.H1 className="text-solid-slate-50 text-[34px] lg:text-heading-h1">

src/features/pages/home/hero/styles.module.scss

@@ -22,6 +22,14 @@
         margin-top: 0;
     }
 }
+.hero_content_rtl{
+    @media only screen and (min-width: 601px){
+        &[dir="rtl"] {
+            text-align: right;
+            margin-right: auto;
+        }
+    }
+}
 .hero_content_btn {
     margin-inline: auto;
     @media only screen and (min-width: 601px){
@@ -76,6 +84,14 @@
         left: 0;
     }
 }
+.hero_content_award_img_rtl {
+    @media only screen and (min-width: 601px){
+        &[dir="rtl"] {
+            right: 50%;
+            left: auto;
+        }
+    }
+}
 .hero_content_text{
     @media only screen and (min-width: 601px){
         max-width: 325px;

src/features/pages/home/live-pricing-migration/index.tsx

@@ -37,7 +37,7 @@ const LiveMarketSection = () => {
                         className="inline-flex items-center justify-center pt-gap-3xl"
                     >
                         <Localize translate_text="_t_See all forex pairs_t_" />
-                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400" />
+                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400 rtl:rotate-180" />
                     </CustomLink>
                 </LiveMarketCard>
                 <LiveMarketCard market="der">
@@ -53,7 +53,7 @@ const LiveMarketSection = () => {
                         className="inline-flex items-center justify-center pt-gap-3xl"
                     >
                         <Localize translate_text="_t_See all derived indices pairs_t_" />
-                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400" />
+                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400 rtl:rotate-180" />
                     </CustomLink>
                 </LiveMarketCard>
                 <LiveMarketCard market="etfs">
@@ -69,7 +69,7 @@ const LiveMarketSection = () => {
                         className="inline-flex items-center justify-center pt-gap-3xl"
                     >
                         <Localize translate_text="_t_See all ETFs pairs_t_" />
-                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400" />
+                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400 rtl:rotate-180" />
                     </CustomLink>
                 </LiveMarketCard>
                 <LiveMarketCard market={['ind', 'stk']}>
@@ -85,7 +85,7 @@ const LiveMarketSection = () => {
                         className="inline-flex items-center justify-center pt-gap-3xl"
                     >
                         <Localize translate_text="_t_See all stocks & indices pairs_t_" />
-                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400" />
+                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400 rtl:rotate-180" />
                     </CustomLink>
                 </LiveMarketCard>
                 <LiveMarketCard market="cry">
@@ -101,7 +101,7 @@ const LiveMarketSection = () => {
                         className="inline-flex items-center justify-center pt-gap-3xl"
                     >
                         <Localize translate_text="_t_See all cryptocurrencies_t_" />
-                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400" />
+                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400 rtl:rotate-180" />
                     </CustomLink>
                 </LiveMarketCard>
                 <LiveMarketCard market="com">
@@ -117,7 +117,7 @@ const LiveMarketSection = () => {
                         className="inline-flex items-center justify-center pt-gap-3xl"
                     >
                         <Localize translate_text="_t_See all commodities_t_" />
-                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400" />
+                        <StandaloneChevronRightRegularIcon className="text-solid-slate-1400 rtl:rotate-180" />
                     </CustomLink>
                 </LiveMarketCard>
             </LiveMarketBlock.Tab>

src/translations/ach.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "crwdns3565842:0crwdne3565842:0",
   "-651384976": "crwdns3565844:0crwdne3565844:0",
   "-1033881248": "crwdns3565846:0crwdne3565846:0"
-}
+}

src/translations/ar.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "موظف",
   "-651384976": "الجنسيات",
   "-1033881248": "شاهد صفقاتنا المفتوحة"
-}
+}

src/translations/bn.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "কর্মচারী",
   "-651384976": "জাতীয়তা",
   "-1033881248": "আমাদের ওপেন পজিশন দেখুন"
-}
+}

src/translations/de.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "Mitarbeiter",
   "-651384976": "Nationalitäten",
   "-1033881248": "Sehen Sie unsere offenen Stellen"
-}
+}

src/translations/es.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "empleados",
   "-651384976": "nacionalidades",
   "-1033881248": "Vea nuestros puestos disponibles"
-}
+}

src/translations/fr.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "employés",
   "-651384976": "nationalités",
   "-1033881248": "Voir nos postes vacants"
-}
+}

src/translations/it.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "dipendenti",
   "-651384976": "nazionalità",
   "-1033881248": "Vedi le posizioni aperte"
-}
+}

src/translations/ko.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "직원",
   "-651384976": "출신 국적",
   "-1033881248": "채용 정보 보기"
-}
+}

src/translations/pl.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "pracowników",
   "-651384976": "narodowości",
   "-1033881248": "Zobacz nasze otwarte pozycje"
-}
+}

src/translations/pt.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "funcionários",
   "-651384976": "nacionalidades",
   "-1033881248": "Consulte as nossas vagas"
-}
+}

src/translations/ru.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "сотрудников",
   "-651384976": "национальностей",
   "-1033881248": "Смотреть вакансии"
-}
+}

src/translations/si.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "සේවකයින්",
   "-651384976": "ජාතීන්",
   "-1033881248": "අපගේ විවෘත ස්ථාන බලන්න"
-}
+}

src/translations/sw.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "wafanyakazi",
   "-651384976": "mataifa",
   "-1033881248": "Tazama nafasi zetu zilizo wazi"
-}
+}

src/translations/th.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "พนักงาน",
   "-651384976": "สัญชาติ",
   "-1033881248": "ดูตำแหน่งงานที่เปิดรับ"
-}
+}

src/translations/tr.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "çalışanlar",
   "-651384976": "milliyetler",
   "-1033881248": "Açık pozisyonlarımızı görün"
-}
+}

src/translations/vi.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "nhân viên",
   "-651384976": "dân tộc",
   "-1033881248": "Xem các vị trí đang tuyển"
-}
+}

src/translations/zh_cn.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "雇员",
   "-651384976": "国籍",
   "-1033881248": "查看空缺职位"
-}
+}

src/translations/zh_tw.json

@@ -4716,4 +4716,4 @@
   "-1165835520": "僱員",
   "-651384976": "國籍",
   "-1033881248": "查看空缺職位"
-}
+}