\n 
\n
\n )\n }\n}\n","import React, { PureComponent } from 'react';\nimport { getClassName as cn } from '../../utils';\nimport PropTypes from 'prop-types';\n\nclass LogoUi extends PureComponent {\n\n render() {\n\n const {\n className,\n } = this.props;\n\n return (\n \n 
\n
\n );\n }\n}\n\nLogoUi.propTypes = {\n className: PropTypes.string,\n src: PropTypes.string,\n};\n\nexport default LogoUi;","import React from 'react';\n\nexport const policyRFENG = `User identification has been requested in accordance with the Federal Law of the Russian Federation dated 05.05.2014 No. 97-FZ, and also following the Government of the Russian Federation’s Decrees: No. 758 dated July 31, 2014 and No. 801 dated August 12, 2014.`;\nexport const policyRFRU = `Идентификация пользователей запрашивается в соответствии с Федеральным законом Российской Федерации от 05.05.2014 г. № 97-ФЗ, постановлениями Правительства РФ № 758 от 31.07.2014 и № 801 от 12.08.2014 г.`;\nexport const Policy = () => (\n \n \n By clicking “Connect” button I accept and I understand that Luxoft Holding, Inc (Data Controller) and its affiliates known together as will process my personal data as described in in order to provide me with access to Luxoft Complimentary Guest Wi-Fi and to ensure information security of . Please note that will not sell your data, provide it to a 3rd party or otherwise use it for commercial purposes.\n
\n);\n\nconst Link = ({href, text, noWrap = true}) => (\n {text}\n)\n\n// Luxoft Complimentary Guest Wi-Fi Terms of Use - https://www.luxoft.com/online-privacy-policy/\n\n// Luxoft Group - https://www.luxoft.com/about-us/\n\n// Privacy Policy - https://www.luxoft.com/online-privacy-policy/\n\n// Luxoft Group - https://www.luxoft.com/about-us/\n\n// Luxoft Group - https://www.luxoft.com/about-us/","import React, { PureComponent } from 'react';\nimport { getClassName as cn } from '../../../utils';\n\nimport { Formik, Form, Field } from 'formik';\nimport { InputPhone } from '../../../components/InputUi';\nimport ButtonUi from '../../../components/ButtonUi';\nimport LoadingUi from '../../../components/LoadingUi';\nimport LogoUi from '../../../components/LogoUi';\n\nimport { Policy } from '../../../constants';\nimport { prepareNumber } from '../../../utils';\n\nexport default class InitialStep extends PureComponent {\n renderForm = () => {\n const {\n // actions\n authenticate,\n setCallerNum,\n\n // params\n className,\n\n // props\n auth: {\n session: {\n sessionId,\n macAddress,\n }\n },\n service: {\n loading,\n }\n } = this.props;\n\n const INPUT_PLACEHOLDER = \"+ 447911123456\";\n\n return (\n {errors.phoneNumber}
: null}\n\n \n \n
\n )\n }\n}\n\n\nfunction checkoutLen(number, a, b) {\n return number.length > a && number.length < b;\n}","import React, { PureComponent } from 'react';\nimport {\n getClassName as cn,\n} from '../../../utils';\n\nimport constants from '../constants';\n\nimport Logo from '../../../assets/img/logo.png';\n\nexport default class RedirectStep extends PureComponent {\n\n componentDidMount() {\n setTimeout(() => {\n window.location = constants.URL_REDIRECT;\n }, 2000);\n }\n\n render() {\n\n const {\n // params\n className,\n\n // props\n service: {\n error,\n },\n } = this.props;\n\n return (\n \n Welcome to Guest Wi-Fi\n
\n\n \n Please enter your mobile phone number to connect:\n
\n\n\n {loading && {error.message}
}\n\n {this.renderForm()} \n\n \n
\n \n \n
\n )\n }\n}\n","export const getNavigator = () => {\n return navigator;\n}\n\nexport const getWindow = () => {\n return window;\n}","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport './sub-title-ui.scss';\n\nclass SubTitleUi extends PureComponent {\n render() {\n const {\n children,\n } = this.props;\n return (\n \n 
\n
\n\n \n You're successfully connected\n
\n\n {error.show && {error.message}
}\n\n \n {children ? children : \"\"}\n
\n );\n }\n}\n\nSubTitleUi.propTypes = {\n children: PropTypes.any,\n};\n\nexport default SubTitleUi;","import React, { PureComponent } from 'react';\n\nimport { isMobileDevice } from '../../../../../utils';\nimport * as globals from '../../../../../globals';\n\nimport { InputCode } from '../../../../../components/InputUi';\nimport SubTitleUi from '../../../../../components/SubTitleUi';\nimport ButtonUi from '../../../../../components/ButtonUi';\nimport LoadingUi from '../../../../../components/LoadingUi';\n\nconst showDstNumberIfSmsIsNotRecievedAfterMs = 10000;\n\nclass EnterTheCode extends PureComponent {\n state = {\n showDstNumber: false,\n smsRequested: false,\n };\n\n cancelFunc = null;\n\n componentDidMount() {\n const that = this;\n setTimeout(() => {\n that.setState({\n showDstNumber: true,\n });\n\n this.isCallRecievedLoopedRequest();\n }, showDstNumberIfSmsIsNotRecievedAfterMs);\n }\n\n isCallRecievedLoopedRequest() {\n const {\n // actions\n isAuthenticated,\n\n // props\n auth: {\n destinationNum,\n session: { sessionId, personalData, macAddress },\n },\n } = this.props;\n\n isAuthenticated({\n sessionId: sessionId,\n mac: macAddress,\n callerNum: personalData,\n destinationNum: destinationNum,\n cancelFunc: (cancelCallback) => {\n this.cancelFunc = cancelCallback;\n },\n limitSeconds: 3000,\n });\n }\n\n componentDidUpdate(prevProps) {\n if (!this.isDisabled()) {\n const {\n auth: {\n sms: { code: prevCode },\n },\n } = prevProps;\n\n const {\n auth: {\n sms: { code: newCode },\n },\n } = this.props;\n\n if (prevCode !== newCode) {\n if (newCode.length === 4) {\n this.onSubmitHandler();\n }\n }\n }\n }\n\n onSubmitHandler = () => {\n const {\n // actions\n sendSMSCode,\n sendRequestCallCode,\n\n // props\n auth: {\n session: { sessionId, macAddress, location },\n\n callerNum,\n\n sms: { code },\n },\n } = this.props;\n\n // cancels isCallRecievedLoopedRequest function execution if called\n this.cancelFunc && this.cancelFunc();\n\n location === 'cn'\n ? sendRequestCallCode({\n mac: macAddress,\n callerNum: callerNum,\n code: code,\n sessionId: sessionId,\n })\n : sendSMSCode({\n mac: macAddress,\n callerNum: callerNum,\n code: code,\n sessionId: sessionId,\n });\n };\n\n onEnterPressHandler = (event) => {\n if (event.key === 'Enter') {\n this.onSubmitHandler();\n }\n };\n\n onCodeChangeHandler = ({ target }) => {\n const {\n // actions\n changeCode,\n } = this.props;\n\n changeCode(target.value);\n };\n\n isDisabled = () => {\n const {\n auth: {\n sms: { code },\n },\n\n service: { loading },\n } = this.props;\n\n if (loading === true) {\n return true;\n }\n\n if (code && code.length === 4) {\n return false;\n }\n\n return true;\n };\n\n getShowDstNumber = () => {\n return this.state.showDstNumber;\n };\n\n getSMSRequested = () => {\n return this.state.smsRequested;\n };\n\n getDstNumber = () => {\n return this.props.auth.destinationNum;\n };\n\n onRequestSMS = () => {\n this.setState({\n smsRequested: true,\n });\n const {\n // actions\n requestSMS,\n requestCall,\n\n // props\n auth: {\n callerNum,\n\n session: { sessionId, macAddress, location },\n },\n } = this.props;\n\n location === 'cn'\n ? requestCall({\n sessionId: sessionId,\n mac: macAddress,\n callerNum: callerNum,\n })\n : requestSMS({\n sessionId: sessionId,\n mac: macAddress,\n callerNum: callerNum,\n });\n };\n\n render() {\n const {\n auth: {\n callerNum,\n sms: { code },\n session: { location },\n },\n\n service: { loading },\n } = this.props;\n\n return (\n \n \n {location === 'cn'\n ? \"We are calling you.\"\n : \"We've sent a text message with verification code.\"}\n \n\n {location === 'cn'\n ? \"Please enter last four digits of the number:\"\n : \"Please enter received code:\"} \n\n {loading && \n Sign in\n \n\n {this.getShowDstNumber() && (\n <>\n \n {isMobileDevice(globals.getNavigator(), globals.getWindow()) ? (\n <>\n Didn't receive {location === 'cn' ? 'call' : 'SMS'}? Tap this\n number{' '}\n \n {this.getDstNumber()}\n \n \n ) : (\n <>\n Didn't receive {location === 'cn' ? 'call' : 'SMS'}? Call this\n number{' '}\n \n {this.getDstNumber()}\n \n \n )}\n \n\n {this.getSMSRequested() ? (\n \n {`We're trying to ${\n location === 'cn' ? 'call' : 'send SMS'\n } again to your number ${callerNum}`}\n \n ) : (\n <>\n Or \n\n this.onRequestSMS()}>\n Request {location === 'cn' ? 'call' : 'SMS code'} again\n \n \n )}\n \n )}\n
\n );\n }\n}\n\nexport default EnterTheCode;\n","import React, { PureComponent } from 'react';\nimport {\n getClassName as cn,\n onUnloadPageHandler,\n isMobileDevice,\n} from '../../../utils';\nimport * as globals from '../../../globals';\nimport { flows } from '../enums';\n\nimport EnterTheCode from './flow/sms/EnterTheCode';\n\nimport LogoUi from '../../../components/LogoUi';\nimport ButtonUi from '../../../components/ButtonUi';\nimport SubTitleUi from '../../../components/SubTitleUi';\n\nexport default class FlowStep extends PureComponent {\n cancelFunc = null;\n\n componentDidMount() {\n window.addEventListener('beforeunload', onUnloadPageHandler);\n this.sendAuthorizeRequest();\n this.onRequestHandler(this.cancelFunc);\n }\n\n componentWillUnmount() {\n window.removeEventListener('beforeunload', onUnloadPageHandler);\n }\n\n sendAuthorizeRequest() {\n const {\n // actions\n isAuthenticated,\n\n // props\n auth: {\n destinationNum,\n session: { sessionId, personalData, macAddress },\n },\n } = this.props;\n\n isAuthenticated({\n sessionId: sessionId,\n mac: macAddress,\n callerNum: personalData,\n destinationNum: destinationNum,\n cancelFunc: (cancelCallback) => {\n this.cancelFunc = cancelCallback;\n },\n });\n }\n\n onRequestHandler = (killFunc) => {\n const {\n // actions\n requestSMS,\n requestCall,\n\n // props\n auth: {\n callerNum,\n session: { sessionId, macAddress, location },\n },\n } = this.props;\n\n try {\n killFunc();\n } catch (err) {\n console.error('cannot stop killFunc:', err);\n }\n\n location === 'cn'\n ? requestCall({\n sessionId: sessionId,\n mac: macAddress,\n callerNum: callerNum,\n })\n : requestSMS({\n sessionId: sessionId,\n mac: macAddress,\n callerNum: callerNum,\n });\n };\n\n renderFlow = () => {\n const {\n auth: {\n flow,\n destinationNum,\n session: { location, macAddress },\n },\n \n } = this.props;\n\n switch (flow) {\n case flows.SMS_FLOW:\n return \n to connect\n \n ) : (\n <>\n Please call to{' '}\n {destinationNum} from\n your phone and you will be connected\n \n )}\n
\n
\n );\n }\n}\n","import React, { PureComponent } from 'react';\nimport {\n getClassName as cn,\n} from '../../../utils';\n\nimport Logo from '../../../assets/img/logo.png';\n\nexport default class FinalStep extends PureComponent {\n\n componentDidMount() {\n const {\n auth: {\n session: {\n sessionId,\n }\n },\n checkSessionIsAuthorized,\n } = this.props;\n\n checkSessionIsAuthorized({sessionId});\n }\n\n render() {\n\n const {\n // params\n className,\n\n // props\n service: {\n error,\n },\n } = this.props;\n\n return (\n {error.message}
\n )}\n\n {this.renderFlow()}\n \n \n
\n )\n }\n}\n","import React, { PureComponent } from 'react';\nimport { connect } from 'react-redux';\nimport { BrowserRouter, Switch, Route } from 'react-router-dom';\n\nimport * as authActions from './redux/actions';\nimport {\n getClassName,\n getParamFromUrl,\n parseUrlAndGetLocation,\n} from '../../utils';\nimport { steps } from './enums';\n\nimport InitialStep from './steps/InitialStep';\nimport RedirectStep from './steps/RedirectStep';\nimport FlowStep from './steps/FlowStep';\nimport FinalStep from './steps/FinalStep';\n\nimport './themes/auth-page.scss';\n\nclass AuthPage extends PureComponent {\n componentDidMount() {\n const { setId, setMacAddress, setLocation } = this.props;\n\n // get sessionId from url\n // and set to store\n setId(\n getParamFromUrl({ paramName: 'sessionId', url: window.location.href })\n );\n\n // get location from url\n // and set to store\n setLocation(parseUrlAndGetLocation(window.location.href));\n\n // get mac from url\n // and set to store\n setMacAddress(\n getParamFromUrl({ paramName: 'mac', url: window.location.href })\n );\n }\n\n renderAuthStep = () => {\n const {\n auth: { step },\n } = this.props;\n\n switch (step) {\n case steps.FLOW_STEP:\n return (\n \n \n
\n\n \n Please wait for connection\n
\n\n {error.show && {error.message}
}\n\n \n \n \n {this.renderAuthStep()} \n {this.renderAuthStep()} \n {this.renderAuthStep()} \n \n \n
\n );\n }\n}\n\nconst mapStateToProps = (state) => ({\n auth: state.get('auth').toJS(),\n service: state.get('service').toJS(),\n});\n\nconst mapDispathToProps = {\n ...authActions,\n};\n\nexport default connect(mapStateToProps, mapDispathToProps)(AuthPage);\n","import AuthPage from './AuthPage';\n\nexport default AuthPage;","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' }\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport store from './store';\n// import App from './App';\nimport AuthPage from './views/AuthPage';\nimport * as serviceWorker from './serviceWorker';\n\nimport './themes/index.scss';\n\nReactDOM.render(\n