\n \n \n \n {this.props.header}\n \n \n {this.props.actions && \n \n {this.props.actions}\n \n }\n \n
}\n {this.props.children}\n {shouldForceAcceptTerms && - \n {!isAuthenticated && {locale.LOGIN}}\n {isAuthenticated && {locale.ADD_CARD}}\n {isAuthenticated && {locale.FAQ}}\n {locale.MAP}\n {locale.PRIVACY_POLICY}\n {locale.TERMS_APP}\n {locale.TERMS_CARD}\n {isAuthenticated && {locale.CONTACT}}\n {isAuthenticated && {locale.LOGOUT}}\n
\n \n
}\n \n \n {\n {sideBar && !isPublicMap && \n \n \n \n {sideBar && \n }\n \n \n {this.props.header && \n\n {bottomBar &&
\n }\n}\n\nexport default flow([\n observer,\n inject('appState'),\n withStyles(styles),\n withRouter\n])(AuthenticatedLayout);\n","export default theme => ({\n root: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n '& img': {\n maxWidth: '100%',\n height: 'auto',\n display: 'block',\n },\n },\n appBar: {\n backgroundColor: '#fff',\n padding: '0 24px 0 28px',\n boxShadow: 'none',\n borderBottom: '7px solid #485756',\n [theme.breakpoints.down('sm')]: {\n padding: '0 14px 0 18px',\n },\n [theme.breakpoints.down('xs')]: {\n padding: '0 4px 0 8px',\n },\n },\n logo: {\n position: 'absolute',\n top: 20,\n left: 0,\n right: 0,\n '& img': { margin: '0 auto'}\n },\n main: {\n display: 'flex',\n flexDirection: 'column',\n flex: 1,\n width: '100%',\n marginBottom: '68px',\n position: 'relative',\n overflowY: 'auto',\n '& h5': {\n position: 'absolute',\n top: 0,\n left: 0,\n margin:0,\n padding: '0px 18px 7px 18px',\n borderRadius: '0 0 6px 6px',\n backgroundColor: '#485756',\n color: '#fff',\n fontSize: 16,\n fontWeight: 400,\n zIndex: 9,\n }\n },\n public: {\n marginBottom: '0 !important',\n }\n});","import headingBack from '../Login/assets/back-pattern.png'\n\nexport default theme => ({\n root: {\n justifyContent: 'center',\n },\n headingRow: {\n position: 'relative',\n backgroundColor: '#ececec',\n borderBottom: '3px solid #ccb7ac',\n backgroundImage: \"url(\" + headingBack + \")\",\n backgroundRepeat: \"repeat\",\n },\n container: {\n position: 'relative',\n maxWidth: 1280,\n margin: '0 auto',\n padding: '0 15px',\n },\n mainRow: {\n position: 'relative',\n },\n headingContainer: {\n display: 'inline-block',\n width: '100%',\n },\n headingWrap: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexDirection:'column',\n marginTop:54,\n marginBottom:10,\n '& h1': {\n fontSize: 32,\n fontWeight: 500,\n color: '#485756',\n '& span': {\n fontWeight:600,\n },\n },\n },\n accountIconFull: {\n color: theme.palette.primary.main,\n width: 123,\n height: 123,\n },\n formSwitch: {\n justifyContent: 'center',\n },\n containerNarrow: {\n maxWidth: 380,\n margin: '40px auto 0 auto',\n },\n buttonsWrap: {\n marginTop: 30,\n '& button': {\n padding: '4px 12px',\n width: '47.5%',\n boxShadow: 'none',\n },\n '& button:first-child': {\n marginRight: '5%',\n }\n },\n buttonSubmit: {\n backgroundColor: '#f99c24 !important',\n color: '#000 !important',\n '&:hover': {\n backgroundColor: '#eab46d !important',\n }\n },\n buttonReset: {\n backgroundColor: '#485756',\n color: '#fff',\n '&:hover': {\n backgroundColor: '#ccc',\n }\n },\n});\n","import React from 'react'\nimport { observer, inject } from 'mobx-react'\n\nimport {\n Button,\n Checkbox,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n FormControlLabel,\n List,\n ListItem,\n ListItemText,\n ListItemIcon,\n withStyles,\n Divider\n} from '@material-ui/core'\n\nimport { flow } from 'lodash'\n\nimport AuthenticatedLayout from '../components/AuthenticatedLayout'\nimport localize from '../../locale'\nimport Loader from '../../components/Loader'\nimport { Api } from '../../components/shared/main'\n\nimport styles from './Account.styles'\n\nimport {\n Accessibility as PermissionsIcon,\n AccountCircle as AccountIconFull,\n Lock as AccountLockIcon,\n ModeComment as LanguageIcon,\n Email as AccountEmailIcon,\n Chat as AccountChatIcon,\n KeyboardArrowRight as ArrowRight,\n} from '@material-ui/icons'\n\nclass Account extends React.Component {\n state = {\n permissionsOpen: false,\n advertise: { active: false },\n survey: { active: false },\n }\n\n constructor(props) {\n super(props);\n\n this.api = new Api(props.appState);\n }\n\n openPermissions = () => {\n this.setState({\n permissionsOpen: true\n });\n }\n\n closePermissions = () => {\n this.setState({\n permissionsOpen: false\n });\n }\n\n onChangePermission = async event => {\n const name = event.target.name;\n const appState = this.props.appState;\n const active = event.target.checked;\n\n if(appState.profile[name].active !== active) {\n // only reset timestamp if different\n Loader.show();\n\n try {\n appState.profile = \n await this.api.changePermission(name, active);\n } finally {\n Loader.hide();\n }\n }\n\n this.setState({\n [name]: { active }\n });\n };\n\n renderPermissionsDialog = () => {\n const { appState } = this.props;\n const {\n advertise,\n permissionsOpen,\n survey\n } = this.state;\n const locale = localize(appState.lang).account.PERMISSIONS;\n\n return \n }\n\n render() {\n const { appState, classes } = this.props;\n const locale = localize(appState.lang).account;\n const { profile } = appState;\n return \n 
\n
}\n \n \n \n
\n \n
\n \n
\n {locale.MY_ACCOUNT}
\n\n
\n \n
\n {locale.HELLO} {profile.first_name}
\n\n
\n \n
\n {this.renderPermissionsDialog()}\n - \n
\n
\n \n
\n {locale.CHANGE_EMAIL}
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n {locale.CHANGE_LANGUAGE}
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n {locale.CHANGE_PASSWORD}
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n
\n {locale.CHANGE_QUESTION}
\n\n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n \n 
\n \n \n \n \n \n {this.props.actions}\n \n
\n }\n}\n\nexport default flow([\n withStyles(styles)\n])(Layout);","import React from 'react'\nimport classNames from 'classnames'\nimport { observer, inject } from 'mobx-react'\n\nimport {\n Button,\n Grid,\n withStyles\n} from '@material-ui/core'\n\nimport { flow } from 'lodash'\n\nimport { Api } from '../components/shared/main'\n\nimport Layout from './Login/components/Layout'\nimport Loader from '../components/Loader'\nimport localize from '../locale'\n\nimport styles from './Activate.styles'\n\nclass Activate extends React.Component {\n state = {\n success: null\n }\n\n async componentDidMount() {\n const { userId, hash } = this.props.match.params;\n\n Loader.show();\n\n try {\n const { appState } = this.props;\n const response = await Api.activate(userId, hash);\n\n this.setState({\n success: true\n });\n\n if (appState.profile && appState.profile.id === response.data.id) {\n appState.profile.email = response.data.email;\n }\n } catch(error) {\n this.setState({\n success: false\n });\n } finally {\n Loader.hide();\n }\n }\n\n renderFailure() {\n const { appState, classes } = this.props;\n const locale = localize(appState.lang).activate;\n return \n \n
\n {this.props.children}\n {locale.FAILED}
\n{locale.SUCCEED}
\n\n {markerData.logo &&
\n \n
{bottomAddress}\n
\n {onStoreOpen && {markerData.name}
\n {topAddress}{bottomAddress}\n
\n \n
}\n \n \n \n \n
\n }\n}\n\nexport default Map;","import React from 'react'\nimport { observer, inject } from 'mobx-react'\nimport { flow } from 'lodash'\n\nimport { sortBy } from 'lodash'\n\nimport {\n Avatar,\n List,\n ListItem,\n ListItemText,\n withStyles\n} from '@material-ui/core'\n\nimport {\n ChevronRight as ChevronRightIcon,\n Store as StoreIcon\n} from '@material-ui/icons'\n\nimport localize from '../../locale'\n\nimport styles from './StoresList.styles'\n\nclass StoresList extends React.Component {\n render() {\n const { appState, classes, stores, onStoreOpen } = this.props;\n const isEn = appState.lang === 'en';\n const locale = localize(appState.lang).affiliates;\n\n const storesByDistance = sortBy(stores, ['distance']);\n\n return - \n {storesByDistance.map(store => {\n const storeType = isEn ? store.categoryEn : store.categoryGr;\n\n const distance = store.distance >= 1000\n ? `${(store.distance / 1000).toFixed(1)}${locale.KMETERS}`\n : `${Math.round(store.distance)}${locale.METERS}`;\n\n return
\n
\n\n \n\n
\n\n {locale.AFFILIATES_TITLE}
\n\n\n
\n\n \n {locale.SEARCH_TITLE}\n
\n \n \n \n
\n \n
\n\n \n
\n \n 
\n go for EAT\n
}\n labelPlacement=\"end\"\n />\n \n 
\n Chèque Déjeuner\n
}\n labelPlacement=\"end\"\n />\n \n 
\n Cadhoc\n
}\n labelPlacement=\"end\"\n />\n \n 
\n HeroCorp\n
}\n labelPlacement=\"end\"\n />\n \n {searchHereActive && \n }\n\n {markers.length > 0 && \n {showStores ?
\n\n \n
\n \n\n
\n {locale.CONTACT_TITLE}
\n\n\n
\n\n \n
\n \n
\n \n
\n {locale.CONTACT_TEXT}
\n\n\n \n\n
\n \n\n
\n )\n}\n\nexport default flow([\n withStyles(styles)\n])(CreditCard);\n","import React from 'react'\nimport { observer, inject } from 'mobx-react'\nimport classNames from 'classnames'\nimport {\n Button,\n withStyles\n} from '@material-ui/core'\n\nimport DatePicker from 'material-ui-pickers/DatePicker'\nimport InfiniteScroll from 'react-infinite-scroller'\nimport Slider from 'react-slick'\n\nimport { format as formatDate } from 'date-fns'\nimport { flow } from 'lodash'\n\nimport { Api } from '../../components/shared/main'\n\nimport { PrevArrow, NextArrow } from './components/Arrows'\nimport Loader from '../../components/Loader'\nimport localize from '../../locale'\nimport AuthenticatedLayout from '../components/AuthenticatedLayout'\nimport CreditCard from './components/CreditCard'\n\nimport styles from './Dashboard.styles'\n\nimport {\n DateRange as CalendarIcon,\n} from '@material-ui/icons'\n\nimport heroImageLeft from '../../assets/images/hero-image-left.png'\nimport heroImageRight from '../../assets/images/hero-image-right.png'\nimport heroImageRightMobile from '../../assets/images/hero-image-right-mobile.png'\n\nconst pageCount = 15;\n\nconst formatBalance = (balance) => {\n const parts = balance.toString().split('.');\n\n let cents = '00';\n if (parts[1] !== undefined) {\n cents = parts[1].length === 1 ? `${parts[1]}0` : parts[1].substring(0, 2);\n }\n\n return \n {props.number.replace(/(.{4})/g, '$1 ')}\n
\n\n \n
\n \n VALID THRU\n
\n \n {props.expiry}\n
\n \n {props.name}\n
\n {parts[0]},{cents}€
;\n}\n\nclass Dashboard extends React.Component {\n state = {\n accountIndex: 0,\n cashbackAmount: null,\n startDate: null,\n endDate: null,\n page: 1,\n\n transactions: [],\n hasMoreTransactions: true,\n\n accounts: []\n }\n\n componentDidMount = async () => {\n const accounts = await this.getAccounts();\n\n this.setState({\n accounts\n }, () => {\n this.fetchTransactions();\n this.fetchCashbackAmount();\n });\n }\n\n getAccounts = async () => {\n const api = new Api(this.props.appState);\n const profile = await api.getProfile();\n return profile.accounts;\n }\n\n fetchCashbackAmount = async () => {\n const { accounts } = this.state;\n\n const api = new Api(this.props.appState);\n const rewards = await api.getHeroCorpRewards(accounts.map(x => x.id));\n\n this.setState({\n cashbackAmount: rewards.totalCashbackAmount\n });\n }\n\n onAccountChange = accountIndex => {\n this.setState({\n accountIndex,\n page: 1,\n transactions: [],\n hasMoreTransactions: true\n }, () => {\n this.fetchTransactions();\n this.fetchCashbackAmount();\n });\n }\n\n onStartDateChange = startDate => {\n this.setState({ startDate });\n }\n\n onEndDateChange = endDate => {\n this.setState({ endDate });\n }\n\n onSearch = () => {\n this.setState({\n page: 1,\n transactions: [],\n hasMoreTransactions: true\n }, this.fetchTransactions);\n }\n\n fetchTransactions = async () => {\n const { accounts } = this.state;\n\n if (accounts.length === 0) {\n return null;\n }\n\n const api = new Api(this.props.appState);\n const account = accounts[this.state.accountIndex];\n\n Loader.show();\n\n try {\n const response = await api.getTransactions(account.id, {\n page: this.state.page,\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n perPage: pageCount\n });\n\n var transactions = [...this.state.transactions, ...response.results];\n\n this.setState({\n transactions,\n hasMoreTransactions: transactions.length < response.count,\n page: this.state.page + 1\n });\n } finally {\n Loader.hide();\n }\n }\n\n renderAccount = (account) => {\n const { classes } = this.props;\n const { card } = account;\n const locale = localize(this.props.appState.lang).dashboard;\n // first element here must be div for Slider to work\n return\n
\n }\n\n renderAccountBonus = (account) => { // to be inserted above renderAccount #130\n const { classes } = this.props;\n // eslint-disable-next-line\n const { card } = account;\n const locale = localize(this.props.appState.lang).dashboard;\n return \n
\n \n
\n \n
\n {locale.MY_BALANCE}
\n {formatBalance(account.balance)}\n\n
\n }\n\n renderTransaction = ts => {\n const { classes } = this.props;\n const sign = ts.transaction_type === 'CREDIT' ? '+' : '-';\n const isCashBack = ts.transaction_status === 'CASHBACK';\n const transactionType = isCashBack ? ts.transaction_status : ts.transaction_type;\n\n return {locale.MY_BONUS}
\n+17,05€
\n\n
\n }\n\n renderCashback = () => {\n const { classes } = this.props;\n const { accounts, cashbackAmount } = this.state;\n const locale = localize(this.props.appState.lang).dashboard;\n\n if(!cashbackAmount) {\n return null;\n }\n\n return accounts.length > 0 && \n {ts.affiliate.name}\n {formatDate(ts.date, 'dd/MM/yyyy')}\n
\n\n {sign}{(ts.amount).toFixed(2)}€\n
\n\n
\n }\n\n render() {\n const { classes } = this.props;\n const { accounts } = this.state;\n const locale = localize(this.props.appState.lang).dashboard;\n const settings = {\n dots: true,\n infinite: true,\n nextArrow: \n
\n {locale.HEROCORP}:
\n {formatBalance(cashbackAmount)}\n\n
\n\n \n \n {accounts.map(this.renderAccount)}\n }\n {this.renderCashback()}\n
\n {locale.MY_CARDS}
\n\n {accounts.length > 0 &&\n 
\n
\n \n 
\n
\n \n 
\n
\n \n
\n \n
\n \n
\n {locale.TRANSACTIONS}
\n\n \n
\n \n\n \n {this.state.transactions.map(this.renderTransaction)}\n \n\n
\n \n \n
\n }\n}\n\nexport default flow([\n withStyles(styles),\n observer,\n inject('appState')\n])(ConfirmDialog);\n","import {\n withStyles,\n withWidth\n} from '@material-ui/core'\nimport {\n AcUnit as DisabledCardIcon,\n} from '@material-ui/icons'\nimport classNames from 'classnames'\nimport { flow } from 'lodash'\nimport React from 'react'\n\nimport { getCardImg } from '../../../components/cardUtils'\n\nconst styles = theme => ({\n root: {\n position: 'relative',\n width: 414,\n height: 264,\n padding: 30,\n color: '#fff',\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"center\",\n [theme.breakpoints.down('xs')]: {\n width: 340,\n height: 217\n },\n },\n\n number: {\n fontWeight: 500,\n position: 'absolute',\n fontSize: 26,\n top: 176,\n [theme.breakpoints.down('xs')]: {\n fontSize: 20,\n top: 144,\n },\n },\n\n name: {\n position: 'absolute',\n maxWidth: 280,\n overflow: 'hidden',\n fontSize: 18,\n bottom:22,\n fontWeight: 500,\n [theme.breakpoints.down('xs')]: {\n fontSize: 15,\n bottom:18,\n },\n },\n\n label: {\n fontSize: 7\n },\n\n cardOverlay: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n borderRadius: 15,\n backgroundColor: '#cececeb3',\n display: 'none',\n '&.cardActive_false': {\n display:'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n },\n disabledIcon: {\n width: 90,\n height: 90,\n },\n});\n\nconst CreditCard = ({ classes, width, ...props }) => {\n const isSmallScreen = width === 'xs'\n\n const cardImg = { backgroundImage: \"url(\" + getCardImg(props.type, isSmallScreen ? 'small' : 'large') + \")\" }\n \n return (\n \n
\n )\n}\n\nexport default flow([\n withStyles(styles),\n withWidth()\n])(CreditCard);\n","import React from 'react'\nimport { observer, inject } from 'mobx-react'\n\nimport {\n Button,\n List,\n ListItem,\n ListItemText,\n ListItemIcon,\n withStyles\n} from '@material-ui/core'\n\nimport {\n AcUnit as DisableCardIcon,\n Cancel as DeleteCardIcon,\n KeyboardArrowRight as ArrowRight\n} from '@material-ui/icons'\n\nimport Slider from 'react-slick'\n\nimport { flow } from 'lodash'\n\nimport { Api } from '../../components/shared/main'\nimport { ErrorModal } from '../../components/ui/main'\n\nimport AddCardDialog from './components/AddCardDialog'\nimport { NextArrow, PrevArrow } from './components/Arrows'\nimport AuthenticatedLayout from '../components/AuthenticatedLayout'\nimport ConfirmDialog from '../../components/ConfirmDialog'\nimport CreditCard from './components/ManageCreditCard'\nimport Loader from '../../components/Loader'\nimport localize from '../../locale'\nimport UserNotification from '../../components/UserNotification'\n\nimport styles from './ManageCards.styles'\nimport headingImageSun from '../../assets/images/graphic-sun.png'\nimport headingImageWhiteCloud from '../../assets/images/graphic-whitecloud.png'\nimport headingImageOrangeCloud from '../../assets/images/graphic-orangecloud.png'\n\nimport {\n AddCircleOutline as AddIcon,\n //Wifi as DisableContactlessIcon\n} from '@material-ui/icons'\n\nclass ManageCards extends React.Component {\n state = {\n cardIndex: 0,\n accounts: []\n }\n\n constructor(props) {\n super(props);\n\n this.addCardDialog = React.createRef();\n this.confirmDialog = React.createRef();\n this.slider = React.createRef();\n }\n\n componentDidMount = async () => {\n const accounts = await this.getAccounts();\n let cardIndex = 0;\n\n if (this.props.match.params.active === 'add') {\n cardIndex = accounts.length;\n }\n\n this.setState({ accounts, cardIndex }, () => {\n this.slider.current.slickGoTo(cardIndex);\n });\n }\n\n componentDidUpdate = async (prevProps) => {\n if (this.props.match.params.active !== prevProps.match.params.active) {\n const { length } = this.state.accounts;\n if (this.props.match.params.active === 'add') {\n this.slider.current.slickGoTo(length);\n } else {\n this.slider.current.slickGoTo(0);\n }\n }\n }\n\n getAccounts = async () => {\n try {\n Loader.show();\n const api = new Api(this.props.appState);\n const profile = await api.getProfile();\n return profile.accounts;\n } finally {\n Loader.hide();\n }\n }\n\n getErrorMessage = (code) => {\n const locale = localize(this.props.appState.lang).manageCards;\n\n if (code === 'AS03') {\n return locale.AS03_ACCOUNT_ALREADY_USED;\n }\n\n if (code === 'AS06') {\n return locale.AS06_NO_USER_FOUND;\n }\n\n if (code === 'AS11') {\n return locale.AS11_CARD_BLOCKED;\n }\n\n return locale.UNEXPECTED_ERROR;\n }\n\n getCurrentCard = () => {\n if (this.state.cardIndex >= this.state.accounts.length) {\n return null;\n }\n\n return this.state.accounts[this.state.cardIndex];\n }\n\n adjustRoute = (prev, next) => {\n if (next >= this.state.accounts.length) {\n this.props.history.push('/manage/add');\n } else {\n this.props.history.push('/manage');\n }\n }\n\n onCardChange = cardIndex => {\n this.setState({ cardIndex });\n }\n\n onToggleCurrentCard = async active => {\n const appState = this.props.appState;\n const api = new Api(appState);\n const account = this.getCurrentCard();\n\n Loader.show();\n\n try {\n const response = await api.toggleCard(account.card, active);\n appState.toggleCard(account, response.active);\n\n this.setState({\n accounts: appState.profile.accounts\n });\n } finally {\n Loader.hide();\n }\n }\n\n onToggleContactless = async active => {\n const appState = this.props.appState;\n const api = new Api(appState);\n const account = this.getCurrentCard();\n\n Loader.show();\n\n try {\n const response = await api.toggleCard(account.card, active);\n appState.toggleCard(account, response.active);\n\n this.setState({\n accounts: appState.profile.accounts\n });\n } finally {\n Loader.hide();\n }\n }\n\n onDeleteCurrentCard = async () => {\n const appState = this.props.appState;\n const locale = localize(appState.lang).manageCards;\n\n this.confirmDialog.current.open(async model => {\n const api = new Api(appState);\n const account = this.getCurrentCard();\n\n Loader.show();\n\n try {\n await api.deleteAccount(account);\n appState.deleteCard(account);\n\n UserNotification.display(locale.CARD_DELETE_SUCCESS);\n this.setState({\n accounts: appState.profile.accounts\n });\n } finally {\n Loader.hide();\n }\n }, locale.DELETE_CARD_TITLE, locale.DELETE_CARD_QUESTION);\n }\n\n onAddCard = () => {\n this.addCardDialog.current.open(async model => {\n const appState = this.props.appState;\n const api = new Api(appState);\n const locale = localize(appState.lang).manageCards;\n\n Loader.show();\n\n try {\n const account = await api.addCard(model);\n appState.addCard(account);\n\n UserNotification.display(locale.CARD_ADD_SUCCESS);\n\n this.setState({\n accounts: appState.profile.accounts\n });\n\n return true;\n } catch (error) {\n if (error.code) {\n UserNotification.display(this.getErrorMessage(error.code));\n } else {\n ErrorModal.invoke(error);\n }\n\n return false;\n } finally {\n Loader.hide();\n }\n });\n }\n\n renderCard = account => {\n const { classes } = this.props;\n const { card } = account;\n // first element here must be div for Slider to work\n return \n {props.number.replace(/(.{4})/g, '$1 ')}\n
\n\n \n {props.name}\n
\n \n
\n }\n\n renderAddCard = () => {\n const { appState, classes } = this.props;\n const locale = localize(appState.lang).manageCards;\n return \n
\n }\n\n renderCardActions = () => {\n const account = this.getCurrentCard();\n\n if (!account) {\n return null;\n }\n\n const locale = localize(this.props.appState.lang).manageCards;\n const isActive = account.card.active;\n const toggleLabel = isActive\n ? locale.labels.DISABLE\n : locale.labels.ENABLE;\n // const toggleContactlessLbl = isActive\n // ? locale.labels.DISABLE_CONTACTLESS\n // : locale.labels.ENABLE_CONTACTLESS;\n\n return \n \n
\n - \n
\n
\n \n
\n \n \n {this.state.accounts.map(this.renderCard)}\n {this.renderAddCard()}\n \n\n
\n {locale.MANAGE_CARDS}
\n\n\n 
\n
\n \n 
\n
\n \n 
\n
\n \n
\n \n {this.renderCardActions()}\n
\n \n
\n \n \n
\n {locale.FAQ_TITLE}
\n\n\n
\n \n \n {faqs.map(this.renderItem)}\n
\n {locale.PAGE_TEXT}
\n{locale.PAGE_TEXT}
\n{locale.FORGOT_PASSWORD}{' '}\n {locale.FORGOT_PASSWORD_LINK}\n
\n{locale.REGISTER}{' '}\n {locale.REGISTER_LINK}\n
\n\n \n \n \n \n \n \n \n\n
\n }\n}\n\nexport default flow([\n observer,\n inject('appState'),\n withStyles(styles),\n withValidation(validationSchema),\n disableAutocomplete\n])(Register);","import Register from './Register'\n\nexport default Register;","export default theme => ({\n root: {\n height: '100vh',\n justifyContent: 'center',\n },\n container: {\n maxWidth: 1200,\n margin: '0 auto',\n padding: '0 15px',\n },\n header: {\n width: '100%',\n paddingTop: 20,\n display: 'block',\n textAlign: 'center',\n },\n logo: {\n display: 'inline-block',\n position: 'relative',\n zIndex: 10,\n },\n panel: {\n backgroundColor: '#ececec',\n borderTop: '7px solid #485756',\n marginTop: '-26px',\n '& .container': {\n position: 'relative',\n paddingTop: 30\n },\n '& h5': {\n position: 'absolute',\n top: 0,\n left: 0,\n margin:0,\n padding: '0px 18px 7px 18px',\n borderRadius: '0 0 6px 6px',\n backgroundColor: '#485756',\n color: '#fff',\n fontSize: 16,\n fontWeight: 400,\n }\n },\n card: {\n marginTop: 40,\n textAlign: 'center',\n fontSize: 16,\n letterSpacing: '0.025em',\n '& img': {\n margin: '0 auto 16px auto',\n },\n '& p': {\n marginBottom: 20,\n },\n '& span': {\n display: 'inline-block',\n margin: '0 auto',\n }\n },\n regForm: {\n maxWidth: 1000,\n margin: '0 auto',\n },\n separator: {\n width: '100%',\n height: 1,\n backgroundColor: '#ccc',\n },\n formRow: {\n maxWidth: 380,\n margin: '10px auto 30px auto',\n '& > div': {\n marginBottom: 18,\n }\n },\n buttonsWrap: {\n marginTop: 30,\n '& button': {\n padding: '4px 12px',\n width: '47.5%',\n boxShadow: 'none',\n },\n '& button:first-child': {\n marginRight: '5%',\n }\n },\n buttonSubmit: {\n backgroundColor: '#f99c24 !important',\n color: '#000 !important',\n '&:hover': {\n backgroundColor: '#eab46d !important',\n }\n },\n buttonReset: {\n backgroundColor: '#485756',\n color: '#fff',\n '&:hover': {\n backgroundColor: '#ccc',\n }\n },\n \n});","import React from 'react'\nimport { observer, inject } from 'mobx-react'\n\nimport {\n withStyles\n} from '@material-ui/core'\n\nimport { flow } from 'lodash'\nimport AuthenticatedLayout from '../components/AuthenticatedLayout'\n\nimport localize from '../../locale'\n\nimport headingBack from '../Login/assets/back-pattern.png'\n\nconst styles = theme => ({\n root: {\n justifyContent: 'center',\n },\n headingRow: {\n minHeight: 300,\n position: 'relative',\n backgroundColor: '#ececec',\n borderBottom: '3px solid #ccb7ac',\n backgroundImage: \"url(\" + headingBack + \")\",\n backgroundRepeat: \"repeat\",\n },\n container: {\n position: 'relative',\n maxWidth: 1280,\n margin: '0 auto',\n padding: '0 15px',\n },\n mainRowStatic: {\n position: 'relative',\n '& > div': {\n marginTop: '-200px',\n }\n },\n panelText: {\n fontSize: 16,\n fontWeight: 400,\n color: '#757575',\n backgroundColor: '#fff',\n padding: '50px 40px',\n '& ul > li': {\n marginBottom: 20,\n },\n '& ul > li li': {\n marginBottom: 10,\n },\n '& ol > li': {\n marginBottom: 20,\n },\n '& ol > li li': {\n marginBottom: 10,\n },\n },\n});\n\nclass TermsCard extends React.Component {\n renderText = () => {\n const { appState, classes, content } = this.props;\n const locale = localize(appState.lang).terms_content;\n return \n \n
\n \n
\n \n
\n {locale.PAGE_TITLE}
\n\n 
\n 
\n \n
\n {locale.CARD_NOTE}
\n \n\n {locale[content]}\n
\n }\n\n render() {\n const { appState, classes, title } = this.props;\n const locale = localize(appState.lang).terms;\n return \n
\n \n\n
\n {locale[title]}
\n\n\n
\n\n \n {this.renderText()}\n
\n