# Greece Compliant and Non-Compliant Setup

> Compliant Pages should have no pre-fill pin

## Root.tsx
Add this under the function Root

const [compliant, setCompliant] =React.useState("compliant")

Add this inside the PhoneNumberEntryStep Component:

locale={locale}

legals={legals}

compliant={compliant}

Change the disclaimer component to:

<Disclaimer className={`disclaimer brand-${process.env.service}`} locale={locale} legals={legals} />

Add this inside the Modal Component

locale={locale} legals={legals} compliant={compliant}
## Root.css
Find and Replace the following:

.brand-winimi {
display: inherit !important;
}

Change to:

.disclaimer.brand-mobiworld .brand-default,

.disclaimer.brand-frogstar .brand-frogstar,

.disclaimer.brand-funiwin .brand-funiwin,

.disclaimer.brand-winifun .brand-winifun,

.disclaimer.brand-winimo .brand-winimo,

.disclaimer.brand-winimi .brand-winimi,

.disclaimer.brand-gamezones .brand-gamezones,

.disclaimer.brand-appspool .brand-appspool,

.disclaimer.brand-mobioastro .brand-mobioastro,

.disclaimer.brand-checkastro .brand-checkastro,

.disclaimer.brand-sugar-girls .brand-sugar-girls{

display: inherit !important;

}

## PhoneNumberEntryStep Index

Import the following:

import ExtraDisclaimer from "ouisys-clients/dist/clients/legal-components/extra-disclaimers";

Add the following inside the class PhoneNumberEntryStep

locale,

legals,

compliant

Change the div with classname terms to:

<div className={`terms service-${process.env.service} ${this.props.compliant}`}>

inside the Label htmlFor-"agree" tag

replace `<Translate id="accept_text"....`

with

<ExtraDisclaimer className="disclaimer" locale={this.props.locale} legals={this.props.legals} />

## PhoneNumberEntry SCSS

Inside PhoneNumberEntryStep.scss add the following outside numberEntry.

.terms{

font-size: 12px;

line-height: 1.5em;

a{

text-decoration: underline;

}

&.compliant{

margin-right:10px;

text-align:left;

}

&.non-compliant{

text-align: center;

}

&.service-mobiworld.compliant .service-default,

&.service-mobiworld.compliant .compliant,

&.service-mobiworld.non-compliant .service-default,

&.service-mobiworld.non-compliant .non-compliant,

&.service-frogstar.compliant .service-frogstar,

&.service-frogstar.compliant .compliant,

&.service-frogstar.non-compliant .service-frogstar,

&.service-frogstar.non-compliant .non-compliant,

&.service-funiwin.compliant .service-funiwin,

&.service-funiwin.compliant .compliant,

&.service-funiwin.non-compliant .service-funiwin,

&.service-funiwin.non-compliant .non-compliant,

&.service-winifun.compliant .service-winifun,

&.service-winifun.compliant .compliant,

&.service-winifun.non-compliant .service-winifun,

&.service-winifun.non-compliant .non-compliant,

&.service-winimo.compliant .service-winimo,

&.service-winimo.compliant .compliant,

&.service-winimo.non-compliant .service-winimo,

&.service-winimo.non-compliant .non-compliant,

&.service-winimi.compliant .service-winimi,

&.service-winimi.compliant .compliant,

&.service-winimi.non-compliant .service-winimi,

&.service-winimi.non-compliant .non-compliant,

&.service-gamezones.compliant .service-gamezones,

&.service-gamezones.compliant .compliant,

&.service-gamezones.non-compliant .service-gamezones,

&.service-gamezones.non-compliant .non-compliant,

&.service-appspool.compliant .service-appspool,

&.service-appspool.compliant .compliant,

&.service-appspool.non-compliant .service-appspool,

&.service-appspool.non-compliant .non-compliant,

&.service-mobioastro.compliant .service-mobioastro,

&.service-mobioastro.compliant .compliant,

&.service-mobioastro.non-compliant .service-mobioastro,

&.service-mobioastro.non-compliant .non-compliant,

&.service-checkastro.compliant .service-checkastro,

&.service-checkastro.compliant .compliant,

&.service-checkastro.non-compliant .service-checkastro,

&.service-checkastro.non-compliant .non-compliant,

&.service-sugar-girls.compliant .service-sugar-girls,

&.service-sugar-girls.compliant .compliant,

&.service-sugar-girls.non-compliant .service-sugar-girls,

&.service-sugar-girls.non-compliant .non-compliant

{

display: block;

}

label{

flex:1;

display: flex;

flex-direction: row;

justify-content: center;

.disclaimer{

margin-left: 10px;

div{

ul{

margin:0;

padding:0;

li{

margin:0;

padding:0;

display: none;

list-style: none;

div{

display:none;

}

}

}

}

}

}

}

## ModalStep TSX
Import the following:

import ExtraDisclaimer from "ouisys-clients/dist/clients/legal-components/extra-disclaimers";

Add the following inside interface IProps:

locale,

legals,

compliant

Change the following inside modal-content:

<Translate id="accept_text" defaultMessage="I accept the Terms...

to

<div className={`terms service-${process.env.service} ${this.props.compliant}`}>

<ExtraDisclaimer className="disclaimer" locale={this.props.locale} legals={this.props.legals} />

</div>

## ModalStep SCSS

Add inside .modal-content class the following:

.terms{

font-size: 14px;

line-height: 1.5em;

&.compliant{

margin-right:10px;

text-align: justify;

}

&.non-compliant{

text-align: center;

}

ul{

margin:0;

padding:0;

li{

margin:0;

padding:0;

display: none;

list-style: none;

div{

display: none;

}

}

}

}

## Pin FIX

`<strong>{parseInt(this.props.actualPIN) >= 0 ? this.props.actualPIN : ""}</strong>`