feat(#2248): add new lexic for privacy and terms

src/config/clients/facr.tsx

@@ -25,7 +25,7 @@ export const facr: ClientConfig = {
   description: 'Live sports streaming platform. All matches playing under the auspices of Czech Republic FA. Access to full matches, various player playlists, and highlights. Free access in the Czech Republic. Available across all devices',
   disabledPreferences: false,
   name: ClientNames.Facr,
-  privacyLink: '/terms-and-conditions?client_id=facr-ott-web',
+  privacyLink: '/privacy-policy-and-statement',
   requests: {
     [PROCEDURES.get_matches]: params,
     [PROCEDURES.get_team_matches]: params,
@@ -47,5 +47,6 @@ export const facr: ClientConfig = {
     matchLogoTopMargin: 0.9,
     matchLogoWidth: 3.4,
   },
+  termsLink: '/terms-and-conditions?client_id=facr-ott-web',
   title: 'FACR.TV - The home of Czech football streaming',
 }

src/config/clients/instat.tsx

@@ -12,7 +12,7 @@ export const instat: ClientConfig = {
   description: 'Live sports streaming platform. Football, basketball, ice hockey and more. Access to various player playlists and game highlights. Multiple subscription options. Available across all devices.',
   disabledPreferences: true,
   name: ClientNames.Instat,
-  privacyLink: '/terms-and-conditions?client_id=ott-web',
+  privacyLink: '/privacy-policy-and-statement',
   showSearch: true,
   styles: {
     background: 'background-image: url(/images/Checker.png);',
@@ -24,5 +24,6 @@ export const instat: ClientConfig = {
     matchLogoHeight: 1.465,
     matchLogoWidth: 6.37,
   },
+  termsLink: '/terms-and-conditions',
   title: 'InStat TV - The Home of Sports Streaming',
 }

src/config/clients/types.tsx

@@ -40,5 +40,6 @@ export type ClientConfig = {
     matchLogoTopMargin?: number,
     matchLogoWidth?: number,
   },
+  termsLink: string,
   title: string,
 }

src/features/AuthServiceApp/components/Registration/index.tsx

@@ -89,8 +89,12 @@ const Registration = () => {
             label={(
               <Label>
                 <T9n t='accept_privacy' />
-                <Link href={client.privacyLink} target='_blank'>
+                <Link href={client.termsLink} target='_blank'>
                   <T9n t='terms_and_conditions' />
+                </Link>&nbsp;
+                <T9n t='and' />
+                <Link href={client.privacyLink} target='_blank'>
+                  <T9n t='privacy_policy_and_statement' />
                 </Link>
               </Label>
             )}
@@ -101,9 +105,6 @@ const Registration = () => {
             label={(
               <Label>
                 <T9n t='accept_cookies' />
-                <Link href={client.privacyLink} target='_blank'>
-                  <T9n t='terms_and_conditions' />
-                </Link>
               </Label>
             )}
           />

src/features/AuthServiceApp/config/clients/types.tsx

@@ -22,5 +22,6 @@ export type ClientConfig = {
     logo: StyledCss,
     submitButton?: StyledCss,
   },
+  termsLink: string,
   title: string,
 }

src/features/AuthServiceApp/config/lexics.tsx

@@ -1,6 +1,7 @@
 export const lexics = {
   accept_cookies: 17203,
   accept_privacy: 17202,
+  and: 17878,
   change_password: 13442,
   check_email: 15907,
   check_password: 15842,
@@ -32,6 +33,7 @@ export const lexics = {
   login: 13404,
   password_new: 15056,
   password_repeat: 15057,
+  privacy_policy_and_statement: 15404,
   recovery_email: 15833,
   register: 13328,
   registration_email: 16239,

src/features/Common/Checkbox/Icon.tsx

@@ -10,7 +10,7 @@ export const svgColorStyles = css<SvgColorStylesProps>`
 
 export const CheckboxSvg = styled.svg`
   margin-right: 22px;
-  align-self: flex-start;
+  align-self: auto;
 
   ${svgColorStyles}
 `

src/features/Common/Checkbox/styled.tsx

@@ -1,6 +1,8 @@
 import styled from 'styled-components/macro'
 
 export const Wrapper = styled.span.attrs(() => ({
+  alignItems: 'center',
+  display: 'flex',
   role: 'checkbox',
   tabIndex: 0,
 }))``

src/features/UserAccount/components/PersonalInfoForm/index.tsx

@@ -113,7 +113,7 @@ export const PersonalInfoForm = (props: Props) => {
       <PrivacyWrapper>
         <PrivacyPolicyLink
           target='_blank'
-          href={client.privacyLink}
+          href={client.termsLink}
         >
           <T9n t='terms_and_conditions' />
         </PrivacyPolicyLink>