{errorMessage}
\n \n ));\n\n const tooltip = (message) =>\n ({message}
\n \n
}\n
\n \n )\n );\n }\n}\nexport default injectIntl(IdentifyYourselfForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Textbox,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n Alert,\n Popover,\n OverlayTrigger,\n DropdownButton\n} from '@synerg/vdl-react-components';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport ReactHtmlParser from 'react-html-parser';\nimport { ReactGA } from '../../util';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport CancelIcon from 'adp-react-icons/lib/fa/times';\nimport { constants } from '../../redux/ducks/verify-user/verify-user-constants';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport { WindowUtil } from '../../util';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nvar isPageLoaded = false;\nlet setAutoFocusOff;\n\nclass VerifyUserForm extends Component {\n\n static propTypes = {\n regCode: PropTypes.string,\n regCodeValid: PropTypes.bool,\n setRegCode: PropTypes.func,\n verifyRegCode: PropTypes.func,\n errorTitle: PropTypes.string,\n isFormValid: PropTypes.bool,\n enableSubmitButton: PropTypes.func,\n showFailedModal: PropTypes.bool,\n welcomeMsg: PropTypes.string,\n errorMsgTitle: PropTypes.string,\n cancelRegistration: PropTypes.func,\n checkRegCodeErrMessage: PropTypes.func,\n code: PropTypes.string,\n hideFields: PropTypes.bool\n };\n\n componentWillMount() {\n if (!isPageLoaded) {\n //Handling embedded Prc changes\n let isEmbeddedPrcFlow = this.props.embeddedPrcFlow || false;\n if (isEmbeddedPrcFlow && (this.props.embeddedPrcInvalid == undefined || this.props.embeddedPrcInvalid == null)) {\n this.props.verifyRegCode(\"EMBEDDED_PRC_FLOW\");\n }\n this.props.checkRegCodeErrMessage();\n }\n WindowUtil.setlayoutback(false);\n isPageLoaded = true;\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.checkFormReadyness(nextProps);\n };\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if (isBlank(nextProps.regCode)) {\n formValid = false;\n }\n\n this.props.enableSubmitButton(formValid);\n };\n\n _handleKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_USER', 'SUBMIT');\n this.props.verifyRegCode(this.props.regCode);\n }\n\n render() {\n console.log('rendering verify user form...');\n const {\n regCode,\n regCodeValid,\n setRegCode,\n verifyRegCode,\n errorTitle,\n isFormValid,\n showFailedModal,\n welcomeMsg,\n errorMsgTitle,\n cancelRegistration,\n checkRegCodeErrMessage,\n code,\n isMobileBrowser,\n isMobile,\n gaCategory,\n hideFields,\n goToFindMePage,\n isFindMeFlow,\n embeddedPrcFlow,\n embeddedPrcInvalid,\n progressBarData,\n setLocale\n } = this.props;\n\n\n const tooltip = (\n \n {(window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n ReactGA.sendevent(gaCategory, 'IDENTIFY_YOURSELF', 'CANCEL');\n return cancelAndCheckYourEntries()\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n
\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n\n {showModalTitle && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n )}\n\n {errorMsgTitle && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n )}\n \n
\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n {
\n
\n {
\n {\n {clientName} }} />}
\n {ReactHtmlParser(errorTitle)}
\n )}\n\n
\n\n {errorMsgTitle && (\n \n
\n \n \n\n
\n \n \n
\n {
\n {message}
\n \n
)}\n\n {(embeddedPrcFlow == undefined || !embeddedPrcFlow || (embeddedPrcFlow == true && embeddedPrcInvalid)) && (
)\n }\n \n );\n }\n}\nexport default injectIntl(VerifyUserForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Textbox,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { ReactGA } from '../../util';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport CancelIcon from 'adp-react-icons/lib/fa/times';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport { WindowUtil } from '../../util';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet setAutoFocusOff;\n\nclass VerifyUserIdForm extends Component {\n\n static propTypes = {\n userId: PropTypes.string,\n userIdValid: PropTypes.bool,\n setUserId: PropTypes.func,\n verifyUserId: PropTypes.func,\n errorTitle: PropTypes.string,\n isFormValid: PropTypes.bool,\n enableSubmitButton: PropTypes.func,\n showFailedModal: PropTypes.bool,\n welcomeMsg: PropTypes.string,\n errorMsgTitle: PropTypes.string,\n cancelRegistration: PropTypes.func,\n checkUserIdErrMessage: PropTypes.func\n };\n\n componentWillMount() {\n console.log('started verify user id form...');\n this.props.checkUserIdErrMessage();\n WindowUtil.setlayoutback(false);\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.checkFormReadyness(nextProps);\n };\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if (isBlank(nextProps.userId)) {\n formValid = false;\n }\n\n this.props.enableSubmitButton(formValid);\n };\n\n _handleKeyPress = (e) => {\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_USER_ID', 'SUBMIT');\n e.preventDefault();\n this.props.verifyUserId(this.props.userId);\n }\n\n render() {\n console.log('rendering verify user id form...');\n const {\n userId,\n userIdValid,\n setUserId,\n verifyUserId,\n errorTitle,\n isFormValid,\n showFailedModal,\n welcomeMsg,\n errorMsgTitle,\n cancelRegistration,\n checkUserIdErrMessage,\n isMobileBrowser,\n isMobile,\n gaCategory,\n progressBarData\n } = this.props;\n\n return (\n \n {!hideFields && (embeddedPrcFlow == undefined || !embeddedPrcFlow || (embeddedPrcFlow == true && embeddedPrcInvalid)) && window.innerWidth>479 && (
\n\n {!hideFields && (embeddedPrcFlow == undefined || !embeddedPrcFlow || (embeddedPrcFlow == true && embeddedPrcInvalid)) && progressBarData != undefined && progressBarData.showProgressBar && !isMobile && (\n \n\n {\n\n ReactGA.sendevent(gaCategory, 'LANGUAGE_DROPDOWN_SELECT', valueField.suffix);\n return setLocale(valueField)\n\n }}>\n {this.props.updatedLocale}\n \n
\n\n )}\n {!hideFields && (!isMobile) && (!(embeddedPrcFlow == true && embeddedPrcInvalid)) && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_USER', 'CANCEL');\n return cancelRegistration()\n }}>\n \n
\n )}\n \n
\n )}\n\n {!hideFields && (embeddedPrcFlow == undefined || !embeddedPrcFlow || (embeddedPrcFlow == true && embeddedPrcInvalid)) && !isMobile && ()}\n\n {(embeddedPrcFlow == undefined || !embeddedPrcFlow || (embeddedPrcFlow == true && embeddedPrcInvalid)) && (
\n {\n isPageLoaded = false;\n ReactGA.sendevent(gaCategory, 'VERIFY_USER', 'BACK');\n return goToFindMePage(\"/findMe\");\n }}\n >\n )}\n\n {/**** Back btn in case of find Me END ***/}\n\n {errorMsgTitle && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n\n \n
\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n {!hideFields && (
\n {\n isFindMeFlow === true ? this.props.intl.formatMessage({ id: 'findMeWeb.regCodeTitle' }) : this.props.intl.formatMessage({ id: 'verifyUser.title' })}
)}\n{ReactHtmlParser(errorTitle)}
\n )}\n\n
)}\n {/**** Back btn in case of find Me START ***/}\n {isFindMeFlow && (\n \n
\n \n
}\n
\n \n );\n }\n}\nexport default injectIntl(VerifyUserIdForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Textbox,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport CancelIcon from 'adp-react-icons/lib/fa/times';\nimport { ReactGA } from '../../util';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport { WindowUtil } from '../../util';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet setAutoFocusOff;\n\nclass VerifyUserPinForm extends Component {\n\n static propTypes = {\n userPin: PropTypes.string,\n userPinValid: PropTypes.bool,\n setUserPin: PropTypes.func,\n verifyUserPin: PropTypes.func,\n errorTitle: PropTypes.string,\n isFormValid: PropTypes.bool,\n enableSubmitButton: PropTypes.func,\n showFailedModal: PropTypes.bool,\n welcomeMsg: PropTypes.string,\n errorMsgTitle: PropTypes.string,\n cancelRegistration: PropTypes.func,\n checkUserPinErrMessage: PropTypes.func\n };\n\n componentWillMount() {\n WindowUtil.setlayoutback(false);\n this.props.checkUserPinErrMessage();\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.checkFormReadyness(nextProps);\n };\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if (isBlank(nextProps.userPin)) {\n formValid = false;\n }\n\n this.props.enableSubmitButton(formValid);\n };\n\n _handleKeyPress = (e) => {\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_USER_PIN', 'SUBMIT');\n e.preventDefault();\n this.props.verifyUserPin(this.props.userPin);\n }\n\n render() {\n console.log('rendering verify user pin form...');\n const {\n userPin,\n userPinValid,\n setUserPin,\n verifyUserPin,\n errorTitle,\n isFormValid,\n showFailedModal,\n welcomeMsg,\n errorMsgTitle,\n cancelRegistration,\n checkUserPinErrMessage,\n isMobileBrowser,\n isMobile,\n gaCategory,\n progressBarData\n } = this.props;\n\n return (\n \n { \n (window.innerWidth>479) &&
\n {progressBarData != undefined && progressBarData.showProgressBar && !isMobile && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_USER_ID', 'CANCEL');\n return cancelRegistration()\n }}>\n \n
\n )}\n \n
\n )}\n\n {(!isMobile)&&}\n
\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n\n \n
\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n {
\n
\n {
\n {ReactHtmlParser(errorTitle)}
\n )}\n\n
\n\n {errorMsgTitle && (\n \n
\n \n
}\n
\n \n );\n }\n}\nexport default injectIntl(VerifyUserPinForm);\n","export const constants = {\n getSivOptionsDetailsEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/sivOptions',\n sendOrcSivOptionsDetailsEndPoint:'/pages/sms/ess/v3/ws/rest/pub/ssr/verifyIdentity',\n redirectToForgotFlowEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/alreadyregistered',\n sivOptionIds: {\n siv_firstName: 0,\n siv_lastName: 1,\n siv_ssn: 2,\n siv_dob_month: 3,\n siv_dob_day: 4,\n siv_dob_year: 5, \n siv_empid: 6, \n siv_dob_full_month: 7,\n siv_dob_full_day: 8,\n siv_dob_full_year: 9, \n siv_ssn4: 10,\n siv_zipcode: 11,\n siv_wfnid: 12 \n },\n EXCEEDED_ATTEMPTS:'EXCEEDED_ATTEMPTS',\n ALREADY_REGISTERED: 'ALREADY_REGISTERED',\n REDIRECT_FORGOT:'/pages/sms/ess/v3/pub/ssr/redirectToForgotFlow.jsp',\n FUNCTION_LOCKED:'FUNCTION_LOCKED',\n RECAPTCHA_FAILED:'RECAPTCHA_FAILED',\n HAS_BEVPRODUCT:'HAS_BEVPRODUCT',\n EMAIL_NOT_EXISTS:'EMAIL_NOT_EXISTS',\n NO_SIV_DEFINED:'NO_SIV_DEFINED',\n ALREADY_REGISTERED_MULTI:'ALREADY_REGISTERED_MULTI',\n ALREADY_REGISTERED_SUSPENDED: 'ALREADY_REGISTERED_SUSPENDED',\n PATHVERIFYCPC: '/ssr/CPC/verifySIVData',\n PATHCPCFLOW: '/ssr/flowType/CPC',\n FINDME_VIEW: '/findMeHelpUsFindYou',\n FINDME_VIEWID: '/findMe',\n ERROR:'Error',\n EMPID: 'empId',\n WFNID: 'wfnId',\n SSN: 'ssn',\n SSN4: 'ssn4',\n RADIO:'radio',\n monthWith31days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\"],\n monthWith30days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\"],\n monthWith29days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\"]\n};","import reducer from './identify-yourself-reducer';\n\nexport default reducer;\nexport { initialState } from './identify-yourself-reducer';\n\nexport * from './identify-yourself-actions';\nexport * from './identify-yourself-constants';\n","import { createTypes, async } from 'redux-action-types';\nimport { createAction } from 'redux-actions';\nimport { SMS_NAMESPACE } from '../constants';\n\nexport const types = createTypes(\n SMS_NAMESPACE,\n 'CHECK_SESSION_TIMEOUT',\n 'SESSION_TIMEOUT',\n 'SESSION_TIMEOUT_WARN',\n 'GET_SESSION_TIMEOUT_CONFIG',\n 'GET_SESSION_TIMEOUT_CONFIG_SUCCESS',\n 'GET_SESSION_TIMEOUT_CONFIG_FAIL',\n 'SESSION_TIMEOUT_INITIATE',\n 'UPDATE_SESSION_TIMEOUT',\n 'CHECK_WARNING_TIMEOUT',\n 'REDIRECT_TO_LOGIN_PAGE'\n);\n\nconst {\n CHECK_SESSION_TIMEOUT,\n GET_SESSION_TIMEOUT_CONFIG,\n UPDATE_SESSION_TIMEOUT,\n CHECK_WARNING_TIMEOUT,\n REDIRECT_TO_LOGIN_PAGE\n} = types;\n\nconst checkSessionTimeoutSent = createAction(CHECK_SESSION_TIMEOUT);\n\nconst getSessionTimeoutConfigSent = createAction(GET_SESSION_TIMEOUT_CONFIG);\n\nconst setTimeoutWarnSent = createAction(UPDATE_SESSION_TIMEOUT);\n\nconst checkTimeOutSent = createAction(CHECK_WARNING_TIMEOUT);\n\nconst redirectToLoginPageSent = createAction(REDIRECT_TO_LOGIN_PAGE);\n\nconst checkSessionTimeout = () => checkSessionTimeoutSent();\n\nconst loadSessionTimeoutConfig = () => getSessionTimeoutConfigSent();\n\nconst setTimeoutWarn = value => setTimeoutWarnSent({ timeoutWarn: value });\n\nconst checkTimeOut = payload => checkTimeOutSent(payload);\n\nconst redirectToLoginPage = () => redirectToLoginPageSent();\n\nexport const actions = {\n checkSessionTimeout,\n loadSessionTimeoutConfig,\n setTimeoutWarn,\n checkTimeOut,\n redirectToLoginPage\n};\n","import { handleActions } from 'redux-actions';\nimport { types } from './timeout-actions';\n\nconst {\n SESSION_TIMEOUT,\n SESSION_TIMEOUT_WARN,\n GET_SESSION_TIMEOUT_CONFIG_SUCCESS,\n UPDATE_SESSION_TIMEOUT,\n} = types;\n\nexport const initialState = {\n timeout: false,\n timeoutWarn: false,\n signoutTime: null,\n warningTime: null,\n userActivityCutoff: null,\n timeoutWarning: true,\n};\n\nexport default handleActions(\n {\n [SESSION_TIMEOUT]: (state, { payload }) => {\n const timeout = payload.timeout;\n const timeoutWarn = payload.timeoutWarn;\n\n return {\n ...state, ...payload, timeout, timeoutWarn,\n };\n },\n [SESSION_TIMEOUT_WARN]: (state, { payload }) => {\n const timeout = payload.timeout;\n const timeoutWarn = payload.timeoutWarn;\n\n return {\n ...state, ...payload, timeout, timeoutWarn,\n };\n },\n [GET_SESSION_TIMEOUT_CONFIG_SUCCESS]: (state, { payload }) => {\n const warningTime = payload.warningTime;\n const signoutTime = payload.signoutTime;\n const userActivityCutoff = payload.userActivityCutoff;\n\n return {\n ...state, ...payload, warningTime, signoutTime, userActivityCutoff,\n };\n },\n [UPDATE_SESSION_TIMEOUT]: (state, { payload }) => {\n payload = payload.payload;\n const timeoutWarn = payload.timeoutWarn;\n const timeout = payload.timeout;\n const reloadTimeout = payload.reloadTimeout;\n return {\n ...state, timeoutWarn, timeout, reloadTimeout\n };\n },\n },\n initialState,\n);\n","export const constants = {\n timeoutURI: '/pages/sms/ess/v3/ws/public/timeout',\n checkSessionEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/check',\n sessionTimeoutEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/sessionTimeOut',\n warningTime: 1050000,\n signoutTime: 1170000,\n userActivityCutoff: 600000,\n};\n","import reducer from './timeout-reducer';\n\nexport default reducer;\nexport { initialState } from './timeout-reducer';\n\nexport * from './timeout-actions';\nexport * from './timeout-constants';\n","export const LINK = 'LINK_COMPONENT';\nexport const POP_UP = 'POPUP_COMPONENT';\nexport const CO_BROWSE = 'CO_BROWSE_COMPONENT';\nexport const RIGHT = 'RIGHT';\nexport const LEFT = 'LEFT';\nexport const ITEM_STYLE_LEFT = 'li-left';\nexport const ITEM_STYLE_RIGHT = 'li-right';\nexport const STYLE_COPYRIGHT = 'copyright';","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Modal, ModalHeader, ModalBody, ModalTitle, Button,\n} from '@synerg/vdl-react-components';\n\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport { ReactGA } from '../../util';\n\nclass FooterPopUpModal extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showModal: [],\n closeModal: true,\n id: props.id,\n };\n const { displayOrder } = props;\n\n this.showPopupModal = this.showPopupModal.bind(this, displayOrder);\n this.hidePopupModal = this.hidePopupModal.bind(this);\n }\n\n showPopupModal(index) {\n let { showModal } = this.state;\n const { id } = this.state;\n\n ReactGA.sendevent('SSR_FOOTER', 'POPUP_COMPONENT', id);\n\n showModal = showModal.slice();\n\n showModal[index] = true;\n this.setState({ showModal });\n }\n\n hidePopupModal() {\n this.setState({ showModal: [] });\n }\n\n render() {\n const {\n displayOrder, displayText, url, locale,\n } = this.props;\n const { showModal, closeModal } = this.state;\n\n return (\n \n { \n (window.innerWidth>479) &&
\n {progressBarData != undefined && progressBarData.showProgressBar && !isMobile && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_USER_PIN', 'CANCEL');\n return cancelRegistration()\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n
\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n\n \n
\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n {
\n
\n {
\n {ReactHtmlParser(errorTitle)}
\n )}\n\n
\n\n {errorMsgTitle && (\n \n
\n \n \n { getLocaleObjFromPropKey(displayText, locale) }\n \n \n \n \n \n \n
\n );\n }\n}\n\nFooterPopUpModal.propTypes = {\n displayOrder: PropTypes.number,\n displayText: PropTypes.objectOf(PropTypes.string),\n url: PropTypes.objectOf(PropTypes.string),\n locale: PropTypes.string,\n id: PropTypes.string,\n};\n\nexport default FooterPopUpModal;\n","import React from 'react';\nimport ExternalLinkIcon from 'adp-react-icons/lib/fa/external-link';\nimport PropTypes from 'prop-types';\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport {\n LINK,\n RIGHT,\n ITEM_STYLE_LEFT,\n ITEM_STYLE_RIGHT,\n STYLE_COPYRIGHT,\n CO_BROWSE,\n POP_UP,\n} from './footer-constants';\nimport FooterPopUpModal from '../common/FooterPopUpModal';\nimport { ReactGA, WindowUtil } from '../../util';\n\nconst Footer = ({ footer, locale }) => (\n \n);\n\nFooter.propTypes = {\n footer: PropTypes.objectOf(PropTypes.array),\n locale: PropTypes.string,\n};\n\nexport default Footer;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Modal, ModalHeader, ModalBody, ModalTitle, Button,\n} from '@synerg/vdl-react-components';\n\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport { ReactGA } from '../../util';\n\nclass MobileFooterPopUp extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showModal: [],\n closeModal: true,\n id: props.id,\n };\n const { displayOrder } = props;\n\n this.showPopupModal = this.showPopupModal.bind(this, displayOrder);\n this.hidePopupModal = this.hidePopupModal.bind(this);\n }\n\n showPopupModal(index) {\n let { showModal } = this.state;\n const { id } = this.state;\n\n ReactGA.sendevent('OLP_FOOTER', 'POPUP_COMPONENT', id);\n\n showModal = showModal.slice();\n\n showModal[index] = true;\n this.setState({ showModal });\n }\n\n hidePopupModal() {\n this.setState({ showModal: [] });\n }\n\n render() {\n const {\n displayOrder, displayText, url, locale,\n } = this.props;\n const { showModal, closeModal } = this.state;\n\n return (\n \n
\n \n
\n \n \n { getLocaleObjFromPropKey(displayText, locale) }\n
\n {
\n );\n\n\n return (\n \n \n
\n \n\n );\n }\n}\n\nexport default injectIntl(SecurePage);\n\n","export const constants = {\n getVerifyRegCodeEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyRegCode',\n getPicSivOptionsDetailsEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/sivOptions',\n redirectToForgotFlowEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/alreadyregistered',\n setLocaleEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/updateLocale\",\n EXCEEDED_ATTEMPTS:'EXCEEDED_ATTEMPTS',\n INVALID_REGCODE:'INVALID_REGCODE',\n chooseVendorsViewId:'/chooseVendors',\n PII_ERROR:'SSR_CODELESS_OFF',\n ERROR:'Error',\n NO_SIV_DEFINED:'NO_SIV_DEFINED',\n FUNCTION_LOCKED:'FUNCTION_LOCKED',\n EMAIL_NOT_EXISTS:'EMAIL_NOT_EXISTS',\n ALREADY_REGISTERED_MULTI:'ALREADY_REGISTERED_MULTI',\n ALREADY_REGISTERED_SUSPENDED: 'ALREADY_REGISTERED_SUSPENDED',\n EXCEEDED_ATTEMPTS:'EXCEEDED_ATTEMPTS',\n ALREADY_REGISTERED: 'ALREADY_REGISTERED',\n ALREADY_REGISTERED_DUAL : 'ALREADY_REGISTERED_DUAL',\n SUCCESS :'200',\n FINDME_VIEW: '/findMeHelpUsFindYou', \n FINDME_VIEWID: '/findMe',\n};\n","/* eslint-disable max-len, jsx-a11y/href-no-hash */\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert } from '@synerg/vdl-react-components';\nimport { FormattedMessage } from 'react-intl';\n\nconst ErrorForm = ({ message }) => (\n \n
\n);\n\nErrorForm.propTypes = {\n message: PropTypes.string,\n};\n\nexport default ErrorForm;\n","import React, { Component } from 'react';\nimport {\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n Button,\n} from '@synerg/vdl-react-components';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport PropTypes from 'prop-types';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { WindowUtil } from '../../util';\nimport { constants } from '../../redux/ducks/timeout/timeout-constants';\nimport { ReactGA } from '../../util';\n\nlet revClientTimestamp = new Date();\nlet initialLoad = false;\n\nclass Timeout extends Component {\n static propTypes = {\n timeoutWarn: PropTypes.bool,\n loadSessionTimeoutConfig: PropTypes.func,\n checkSessionTimeout: PropTypes.func,\n };\n\n constructor(props) {\n super(props);\n }\n\n componentWillMount = () => {\n if (initialLoad === false) {\n this.props.loadSessionTimeoutConfig();\n }\n };\n\n componentDidMount() {\n this.events = ['load', 'mousemove', 'mousedown', 'click', 'scroll', 'keypress'];\n const appId = document.getElementById('app');\n\n for (const i in this.events) {\n appId.addEventListener(this.events[i], this.resetTimeout);\n }\n\n this.setTimeout();\n }\n\n componentWillReceiveProps = (nextProp) => {\n if (nextProp.reloadTimeout) {\n this.resetTimeout();\n }\n\n if (initialLoad == false) {\n if (nextProp.warningTime != null || nextProp.signoutTime != null) {\n this.warningTime = nextProp.warningTime;\n this.signoutTime = nextProp.signoutTime;\n this.setTimeout();\n initialLoad = true;\n }\n }\n if (nextProp.timeout) {\n this.props.redirectToLoginPage();\n //WindowUtil.redirectTo(constants.timeoutURI);\n }\n };\n\n clearTimeoutFunc = () => {\n if (this.warnTimeout) clearTimeout(this.warnTimeout);\n\n if (this.logoutTimeout) clearTimeout(this.logoutTimeout);\n };\n\n setTimeout = () => {\n const warningTime = this.warningTime || constants.warningTime;\n const signoutTime = this.signoutTime || constants.signoutTime;\n \n if(this.warnTimeout || this.logoutTimeout){\n this.clearTimeoutFunc();\n }\n this.warnTimeout = setTimeout(this.warn, warningTime);\n this.logoutTimeout = setTimeout(this.logout, signoutTime);\n };\n\n resetTimeout = () => {\n revClientTimestamp = new Date();\n this.clearTimeoutFunc();\n this.setTimeout();\n };\n\n warn = () => {\n const payload = {};\n\n payload.revClientTimestamp = revClientTimestamp;\n this.props.checkTimeOut(payload);\n // this.props.setTimeoutWarn(true);\n };\n\n logout = () => {\n // Send a logout request to the API\n //WindowUtil.redirectTo(constants.timeoutURI);\n this.props.redirectToLoginPage();\n };\n\n resetSessionTimeout = () => {\n ReactGA.sendevent('REGISTRATION_SESSION', 'SESSION_TIMEOUT', 'RETURN');\n const payload = {};\n\n payload.returnClick = true;\n this.props.checkTimeOut(payload);\n // this.props.setTimeoutWarn(false);\n };\n\n abandonCurrentSession = () => {\n ReactGA.sendevent('REGISTRATION_SESSION', 'SESSION_TIMEOUT', 'LEAVE');\n this.props.redirectToLoginPage();\n //WindowUtil.redirectTo(constants.timeoutURI);\n };\n\n render() {\n const { timeoutWarn, setTimeoutWarn } = this.props;\n\n return (\n \n \n
\n \n {this.props.intl.formatMessage({ id: 'sessionTimeout.message1' })}\n
\n - \n
- {this.props.intl.formatMessage({ id: 'sessionTimeout.message2' })} \n
- \n {this.props.intl.formatMessage({ id: 'sessionTimeout.message3' })}\n \n
- \n {countryDropDownList}\n
\n {(this.props.fieldType == \"mobile\") && (
\n\n );\n }\n}\nReactPhoneInput.prototype._searchCountry = memoize(function (queryString) {\n if (!queryString || queryString.length === 0) {\n return null;\n }\n // don't include the preferred countries in search\n let probableCountries = filter(this.state.onlyCountries, function (country) {\n return startsWith(country.name.toLowerCase(), queryString.toLowerCase());\n }, this);\n return probableCountries[0];\n});\n\nReactPhoneInput.prototype.guessSelectedCountry = memoize(function (inputNumber, onlyCountries, defaultCountry) {\n var secondBestGuess = find(allCountries, { iso2: defaultCountry }) || onlyCountries[0];\n if (trim(inputNumber) !== '') {\n var bestGuess = reduce(onlyCountries, function (selectedCountry, country) {\n if (startsWith(inputNumber, country.dialCode)) {\n if (country.dialCode.length > selectedCountry.dialCode.length) {\n return country;\n }\n if (country.dialCode.length === selectedCountry.dialCode.length && country.priority < selectedCountry.priority) {\n return country;\n }\n }\n\n return selectedCountry;\n }, { dialCode: '', priority: 10001 }, this);\n } else {\n return secondBestGuess;\n }\n\n if (!bestGuess.name) {\n return secondBestGuess;\n }\n\n return bestGuess;\n});\n\nReactPhoneInput.defaultProps = {\n value: '',\n validationRule: '',\n autoFormat: true,\n onlyCountries: [],\n excludeCountries: [],\n defaultCountry: allCountries[0].iso2,\n isValid: isNumberValid,\n flagsImagePath: './flags.png',\n onEnterKeyPress: function () { }\n};\n\nexport default ReactPhoneInput;\n\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport FaArrowDown from 'adp-react-icons/lib/fa/arrow-down';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { FormattedMessage } from 'react-intl';\nimport { constants } from '../../redux/ducks/contact-info/contact-info-constants';\nimport { WindowUtil } from '../../util';\nimport ExternalLinkIcon from 'adp-react-icons/lib/fa/external-link';\nimport PlusCircle from 'adp-react-icons/lib/fa/plus-circle';\nimport { ReactGA } from '../../util';\nimport CountryCodeDropdown from '../../components/country-code';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport WindowRestore from 'adp-react-icons/lib/fa/window-restore';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport PersonalPhoneFormfrom from './PersonalPhoneForm';\n\n\nlet downButton;\nlet continueButton;\n\nconst allowEnterKeyFields = [\"PhoneValue1\",\"PhoneValue2\",\"AddlPhoneValue_1\",\"AddlPhoneValue1_1\",\"AddlPhoneValue2_1\",\"AddlPhoneValue2_2\",\"AddlPhoneValue1_2\",\"AddlPhoneValue_2\",\"EmailValue\",\"ExtensionNum1\",\"AddlEmailValue\",\"ExtensionNum2\",\"ExtensionNum3\",\"ExtensionNum4\"];\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet showAlertFlag = false;\n\nclass ContactInfoForm extends Component {\n\n componentWillMount() {\n if (!WindowUtil.getlayoutback()) {\n this.props.getContactInfo();\n }\n WindowUtil.setlayoutback(false);\n }\n\n componentDidMount() {\n this.downIndicatorUpdate();\n window.addEventListener('scroll', this.scrollFunction, true);\n }\n\n componentDidUpdate() {\n window.addEventListener('scroll', this.scrollFunction, true);\n this.downIndicatorUpdate();\n }\n\n componentWillReceiveProps = (nextProps) => {\n window.addEventListener('scroll', this.scrollFunction, true);\n this.downIndicatorUpdate();\n if (nextProps.sendRedirect)\n nextProps.setContinueModal();\n\n if (nextProps.contactInfoObj.showAlert && showAlertFlag) {\n showAlertFlag = false;\n window.scrollTo(0, 0);\n }\n this.checkFormReadyness(nextProps);\n };\n\n downIndicatorUpdate = () => {\n downButton = document.getElementById(\"downIndicator\");\n continueButton = document.getElementById(\"formId\");\n if (window.innerWidth <= 479) {\n if (continueButton != undefined && continueButton !== null) {\n if (window.innerHeight > continueButton.scrollHeight) {\n downButton.style.display = \"none\";\n }\n else {\n if (document.documentElement.scrollTop < document.documentElement.scrollHeight - window.innerHeight - 1) { downButton.style.display = \"block\"; }\n else {\n downButton.style.display = \"none\";\n }\n }\n }\n }\n }\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if (isBlank(nextProps.contactInfoObj.pEmail) || !nextProps.contactInfoObj.pEmailValid) {\n formValid = false;\n }\n if (!nextProps.contactInfoOptions.embeddedPicEmailNotUnique && nextProps.contactInfoObj.bMobileRequired && isBlank(nextProps.contactInfoObj.bMobile)\n || !nextProps.contactInfoObj.bMobileValid) {\n formValid = false;\n }\n if (!nextProps.contactInfoOptions.embeddedPicEmailNotUnique && !nextProps.contactInfoObj.bMobileRequired && !isBlank(nextProps.contactInfoObj.bMobile)\n && !nextProps.contactInfoObj.bMobileValid) {\n formValid = false;\n }\n if (!isBlank(nextProps.contactInfoObj.sEmail) && !nextProps.contactInfoObj.sEmailValid) {\n formValid = false;\n }\n if (!isBlank(nextProps.contactInfoObj.pMobile) && !nextProps.contactInfoObj.pMobileValid) {\n formValid = false;\n }\n if (!isBlank(nextProps.contactInfoObj.bLandline) && !nextProps.contactInfoObj.bLandlineValid) {\n formValid = false;\n }\n if (!isBlank(nextProps.contactInfoObj.pLandline) && !nextProps.contactInfoObj.pLandlineValid) {\n formValid = false;\n }\n if (!nextProps.contactInfoOptions.embeddedPicEmailNotUnique && !isBlank(nextProps.contactInfoObj.bMobile) && (nextProps.contactInfoObj.bmType == nextProps.contactInfoOptions.phoneItems[0] || nextProps.contactInfoObj.bmType == nextProps.contactInfoOptions.phoneItems[2] || nextProps.contactInfoOptions.runAdminFlow) && nextProps.contactInfoObj.radio1 == undefined) {\n formValid = false;\n }\n if (!nextProps.contactInfoOptions.embeddedPicEmailNotUnique && !isBlank(nextProps.contactInfoObj.pMobile) && (nextProps.contactInfoObj.pmType == nextProps.contactInfoOptions.phoneItems[0] || nextProps.contactInfoObj.pmType == nextProps.contactInfoOptions.phoneItems[2] || nextProps.contactInfoOptions.runAdminFlow) && nextProps.contactInfoObj.radio2 == undefined) {\n formValid = false;\n }\n if (nextProps.contactInfoOptions.embeddedPicEmailNotUnique && (isBlank(nextProps.contactInfoObj.pMobile) || nextProps.contactInfoObj.radio1 == null || nextProps.contactInfoObj.radio1 == undefined)) {\n formValid = false;\n }\n if (!isBlank(nextProps.contactInfoObj.bLandline) && (nextProps.contactInfoObj.blType == nextProps.contactInfoOptions.phoneItems[0] || nextProps.contactInfoObj.blType == nextProps.contactInfoOptions.phoneItems[2]) && nextProps.contactInfoObj.radio3 == undefined) {\n formValid = false;\n }\n if (!isBlank(nextProps.contactInfoObj.pLandline) && (nextProps.contactInfoObj.plType == nextProps.contactInfoOptions.phoneItems[0] || nextProps.contactInfoObj.plType == nextProps.contactInfoOptions.phoneItems[2]) && nextProps.contactInfoObj.radio4 == undefined) {\n formValid = false;\n }\n if (nextProps.contactInfoObj.tsEligible && nextProps.contactInfoObj.radio5 == undefined && nextProps.contactInfoOptions.emailItems != undefined && ((!isBlank(nextProps.contactInfoObj.sEmail) && (nextProps.contactInfoOptions.emailItems[1] == nextProps.contactInfoObj.seType)) ||\n (!isBlank(nextProps.contactInfoObj.pEmail) && (nextProps.contactInfoOptions.emailItems[1] == nextProps.contactInfoObj.peType)))) {\n formValid = false;\n }\n\n this.props.enableSubmitButton(formValid);\n };\n\n scrollFunction = (nextProps) => {\n\n if (window.innerWidth <= 479) {\n if (downButton !== undefined && downButton !== null) {\n if (document.documentElement.scrollTop < document.documentElement.scrollHeight - window.innerHeight - 1) {\n downButton.style.display = \"block\";\n } else {\n\n downButton.style.display = \"none\";\n }\n }\n\n }\n }\n render() {\n const {\n contactInfoOptions,\n enablePhoneField,\n enableSecoundaryForm,\n setContactField,\n setCancelModalWarn,\n setCancelModalError,\n setCancelModalInfo,\n setCancelModalLock,\n isFormValid,\n onFormSubmit,\n showModalWarn,\n showModalError,\n showModalInfo,\n showModalLock,\n setContinueModal,\n sendRedirect,\n showTnCModal,\n setCancelTnCModal,\n cancelAndCheckYourEntries,\n showTSModal,\n setCancelTSModal,\n isMobileBrowser,\n isMobile,\n gaCategory,\n isAuthorized,\n footer,\n locale\n } = this.props;\n\n const {\n\n pEmail,\n sEmail,\n bMobile,\n pMobile,\n bLandline,\n pLandline,\n pEmailValid,\n sEmailValid,\n bMobileValid,\n pMobileValid,\n bLandlineValid,\n pLandlineValid,\n peType,\n seType,\n bmType,\n pmType,\n plType,\n blType,\n errorMessage,\n showSecoundaryForm,\n semailRenderable,\n phoneCount,\n userFound,\n welcomeMsg,\n ccode1,\n ccode2,\n ccode3,\n ccode4,\n ccodeValue1,\n ccodeValue2,\n ccodeValue3,\n ccodeValue4,\n radio1,\n radio2,\n radio3,\n radio4,\n radio5,\n extn1,\n extn2,\n extn3,\n extn4,\n bMobileRequired,\n showAlert,\n showAlertMessage,\n showModalMessage,\n showModalTitle,\n fieldValid,\n fieldDisable,\n tsEligible,\n tsTypes,\n tsUrl,\n headerTitle,\n cssTitle,\n onlyCountries,\n emailDisabled,\n progressBarData,\n isProofingContactInfo\n } = this.props.contactInfoObj;\n const {\n mobileValidationPolicy,\n mobileInvalidMessage\n } = this.props.contactInfoOptions;\n\n const _handleKeyPress = (e) => {\n if (e.key === 'Enter') {\n ReactGA.sendevent(gaCategory, 'CONTACT_INFO', 'SUBMIT');\n e.preventDefault();\n if(e.target !== undefined && e.target.id!==undefined){\n if(allowEnterKeyFields.indexOf(e.target.id)!=\"-1\"){\n this.props.onFormSubmit();\n }\n }\n }\n }\n\n const bottomFunction = () => {\n document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;\n document.documentElement.scrollTop = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n }\n\n const onCancelTSModal = (value) => {\n let showTSModal = value;\n return setCancelTSModal(showTSModal);\n }\n\n const onCancelTnCModal = () => {\n let showTnCModal = false;\n return setCancelTnCModal(showTnCModal);\n }\n const onOpenTnCModal = () => {\n let showTnCModal = true;\n return setCancelTnCModal(showTnCModal);\n }\n\n const onClickText = () => {\n (this.countryCodeDropdown1 != undefined) ? this.countryCodeDropdown1.resetDropdown() : undefined;\n (this.countryCodeDropdown2 != undefined) ? this.countryCodeDropdown2.resetDropdown() : undefined;\n (this.countryCodeDropdown3 != undefined) ? this.countryCodeDropdown3.resetDropdown() : undefined;\n (this.countryCodeDropdown4 != undefined) ? this.countryCodeDropdown4.resetDropdown() : undefined;\n\n }\n\n const errorPopover = (fieldValid, index) =>\n (fieldValid && \n \n \n \n
)}\n\n {(this.props.fieldType == \"landline\") && (\n
\n \n
\n {this.state.showDropDown ? this.getCountryDropDownList() : ''}\n \n {this.state.selectedCountry.iso2}\n
\n \n \n \n \n
)}\n\n \n
\n \n
\n {this.state.showDropDown ? this.getCountryDropDownList() : ''}\n \n {this.state.selectedCountry.iso2}\n
\n {errorMessage[index]}
\n \n ));\n\n\n const onContinueModal = () => setContinueModal();\n\n\n const onCancelModalWarn = () => {\n let showModalWarn = false;\n\n return setCancelModalWarn(showModalWarn);\n }\n\n const onCancelModalError = () => {\n let showModalError = false;\n\n return setCancelModalError(showModalError);\n }\n\n\n const onCancelModalInfo = () => {\n let showModalInfo = false;\n\n return setCancelModalInfo(showModalInfo);\n }\n\n\n const onCancelModalLock = () => {\n let showModalLock = false;\n\n return setCancelModalLock(showModalLock);\n }\n\n\n const onSetEmail = (pEmail) => {\n const obj = {};\n obj.validationPolicy = \"emailValidationPolicy\";\n obj.value = pEmail;\n obj.fieldName = \"pEmail\";\n obj.fieldValid = \"pEmailValid\";\n obj.invalidMessage = \"emailInvalidMessage\";\n obj.errorIndex = 0;\n if (fieldDisable[0])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"PRIMARY_EMAIL\" });\n return setContactField(constants.contactInfoIds.fieldSet, obj);\n }\n\n const onSetSEmail = sEmail => {\n const obj = {};\n obj.validationPolicy = \"emailValidationPolicy\";\n obj.value = sEmail;\n obj.fieldName = \"sEmail\";\n obj.fieldValid = \"sEmailValid\";\n obj.invalidMessage = \"emailInvalidMessage\";\n obj.errorIndex = 2;\n if (fieldDisable[2])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"SECONDARY_EMAIL\" });\n return setContactField(constants.contactInfoIds.fieldSet, obj);\n }\n\n const onSetPEmailType = eType => {\n const obj = {};\n ReactGA.sendevent(gaCategory, \"DROPDOWN_SELECT\", getContMechPurpTypeNm(eType));\n obj.value = eType;\n obj.fieldName1 = \"peType\";\n obj.fieldName2 = \"seType\";\n if (fieldDisable[2])\n return;\n return setContactField(constants.contactInfoIds.emailTypeSet, obj);\n }\n\n const onSetSEmailType = eType => {\n const obj = {};\n ReactGA.sendevent(gaCategory, \"DROPDOWN_SELECT\", getContMechPurpTypeNm(eType));\n obj.value = eType;\n obj.fieldName1 = \"seType\";\n obj.fieldName2 = \"peType\";\n if (fieldDisable[0])\n return;\n return setContactField(constants.contactInfoIds.emailTypeSet, obj);\n }\n\n const onSetBMobileType = bmType => {\n const obj = {};\n ReactGA.sendevent(gaCategory, \"DROPDOWN_SELECT\", getPhoneMechPurpTypeNm(bmType).cType);\n obj.value = bmType;\n obj.fieldName = \"bmType\";\n return setContactField(constants.contactInfoIds.mobileTypeSet, obj);\n }\n\n const onSetPMobileType = pmType => {\n const obj = {};\n ReactGA.sendevent(gaCategory, \"DROPDOWN_SELECT\", getPhoneMechPurpTypeNm(pmType).cType);\n obj.value = pmType;\n obj.fieldName = \"pmType\";\n return setContactField(constants.contactInfoIds.mobileTypeSet, obj);\n }\n\n const onSetPLandlineType = plType => {\n const obj = {};\n ReactGA.sendevent(gaCategory, \"DROPDOWN_SELECT\", getPhoneMechPurpTypeNm(plType).cType);\n obj.value = plType;\n obj.fieldName = \"plType\";\n return setContactField(constants.contactInfoIds.mobileTypeSet, obj);\n }\n\n\n const onSetBLandlineType = blType => {\n const obj = {};\n ReactGA.sendevent(gaCategory, \"DROPDOWN_SELECT\", getPhoneMechPurpTypeNm(blType).cType);\n obj.value = blType;\n obj.fieldName = \"blType\";\n return setContactField(constants.contactInfoIds.mobileTypeSet, obj);\n }\n\n const enablePField = () => enablePhoneField();\n\n const enableSForm = () => enableSecoundaryForm();\n\n const getPhoneMechPurpTypeNm = (type) => {\n const index = contactInfoOptions.phoneItems.indexOf(type);\n if(contactInfoOptions.embeddedPicEmailNotUnique) {\n return { \"cType\": \"PERSONAL_CELL_PHONE\", \"pType\": \"PERSONAL\" };\n }\n if (index == 0) return { \"cType\": \"BUSINESS_CELL_PHONE\", \"pType\": \"BUSINESS\" };\n if (index == 1) return { \"cType\": \"OFFICE_PHONE\", \"pType\": \"BUSINESS\" };\n if (index == 2) return { \"cType\": \"PERSONAL_CELL_PHONE\", \"pType\": \"PERSONAL\" };\n else return { \"cType\": \"HOME_PHONE\", \"pType\": \"PERSONAL\" };\n\n }\n\n const getContMechPurpTypeNm = (type) => {\n const index = contactInfoOptions.emailItems.indexOf(type);\n if (index == 0) return \"BUSINESS_EMAIL\";\n else return \"PERSONAL_EMAIL\";\n\n }\n\n const onChangeRadio1 = (radio) => {\n const obj = {};\n obj.value = radio;\n obj.fieldName = \"radio1\";\n obj.phoneField = \"ccodeValue1\";\n let action = getPhoneMechPurpTypeNm(bmType).cType;\n ReactGA.sendevent(gaCategory, action + \"_TC\", radio);\n return setContactField(constants.contactInfoIds.radioSet, obj);\n }\n const onChangeRadio2 = (radio) => {\n const obj = {};\n obj.value = radio;\n obj.fieldName = \"radio2\";\n obj.phoneField = \"ccodeValue2\";\n let action = getPhoneMechPurpTypeNm(pmType).cType;\n ReactGA.sendevent(gaCategory, action + \"_TC\", radio);\n return setContactField(constants.contactInfoIds.radioSet, obj);\n }\n const onChangeRadioNonUnique = (radio) => {\n const obj = {};\n obj.value = radio;\n obj.fieldName = \"radio1\";\n obj.phoneField = \"ccodeValue1\";\n let action = getPhoneMechPurpTypeNm(pmType).cType;\n ReactGA.sendevent(gaCategory, action + \"_TC\", radio);\n return setContactField(constants.contactInfoIds.radioSet, obj);\n }\n const onChangeRadio3 = (radio) => {\n const obj = {};\n obj.value = radio;\n obj.fieldName = \"radio3\";\n obj.phoneField = \"ccodeValue3\";\n let action = getPhoneMechPurpTypeNm(blType).cType;\n ReactGA.sendevent(gaCategory, action + \"_TC\", radio);\n return setContactField(constants.contactInfoIds.radioSet, obj);\n }\n const onChangeRadio4 = (radio) => {\n const obj = {};\n obj.value = radio;\n obj.fieldName = \"radio4\";\n obj.phoneField = \"ccodeValue4\";\n let action = getPhoneMechPurpTypeNm(plType).cType;\n\n ReactGA.sendevent(gaCategory, action + \"_TC\", radio);\n return setContactField(constants.contactInfoIds.radioSet, obj);\n }\n const onChangeRadio5 = (radio) => {\n const obj = {};\n obj.value = radio;\n obj.fieldName = \"radio5\";\n obj.phoneField = \"pEmail\";\n ReactGA.sendevent(gaCategory, 'PRIMARY_EMAIL_TS', radio);\n return setContactField(constants.contactInfoIds.radioSet, obj);\n }\n\n const onChangeExtn1 = (extn) => {\n const obj = {};\n obj.value = extn;\n obj.fieldName = \"extn1\";\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"EXTN\" });\n return setContactField(constants.contactInfoIds.extnSet, obj);\n }\n const onChangeExtn2 = (extn) => {\n const obj = {};\n obj.value = extn;\n obj.fieldName = \"extn2\";\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"EXTN\" });\n return setContactField(constants.contactInfoIds.extnSet, obj);\n }\n const onChangeExtn3 = (extn) => {\n const obj = {};\n obj.value = extn;\n obj.fieldName = \"extn3\";\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"EXTN\" });\n return setContactField(constants.contactInfoIds.extnSet, obj);\n }\n const onChangeExtn4 = (extn) => {\n const obj = {};\n obj.value = extn;\n obj.fieldName = \"extn4\";\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"EXTN\" });\n return setContactField(constants.contactInfoIds.extnSet, obj);\n }\n const handleOnChange1 = (value) => {\n\n const obj = {};\n obj.fieldName = \"bMobile\";\n obj.fieldValid = \"bMobileValid\";\n obj.ccodeValueField = \"ccodeValue1\";\n obj.ccodeField = \"ccode1\";\n obj.radioField = \"radio1\";\n obj.errorIndex = 1;\n\n let ccode = value.selectedCountry.dialCode;\n let pos = ccode.length;\n if (value.formattedNumber != \"+\" + ccode) {\n obj.formattedNumber = value.formattedNumber.replace(/\\D/g, '').slice(pos);\n obj.isValid = value.isValid;\n obj.ccode = ccode;\n obj.iso2 = value.selectedCountry.iso2;\n\n }\n else {\n obj.isValid = true;\n obj.formattedNumber = null;\n }\n if (fieldDisable[1])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"PHONE_1\" });\n return setContactField(constants.contactInfoIds.phoneSet, obj);\n }\n const handleOnChange2 = (value) => {\n\n const obj = {};\n obj.fieldName = \"pMobile\";\n obj.fieldValid = \"pMobileValid\";\n obj.ccodeValueField = \"ccodeValue2\";\n obj.ccodeField = \"ccode2\";\n obj.radioField = \"radio2\";\n obj.errorIndex = 3;\n\n let ccode = value.selectedCountry.dialCode;\n let pos = ccode.length;\n\n if (value.formattedNumber != \"+\" + ccode) {\n obj.formattedNumber = value.formattedNumber.replace(/\\D/g, '').slice(pos);\n obj.isValid = value.isValid;\n obj.ccode = ccode;\n obj.iso2 = value.selectedCountry.iso2;\n\n }\n else {\n obj.isValid = true;\n obj.formattedNumber = null;\n }\n if (fieldDisable[3])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"PHONE_2\" });\n return setContactField(constants.contactInfoIds.phoneSet, obj);\n }\n const handleOnChangeNonUnique = (value) => {\n\n const obj = {};\n obj.fieldName = \"pMobile\";\n obj.fieldValid = \"pMobileValid\";\n obj.ccodeValueField = \"ccodeValue1\";\n obj.ccodeField = \"ccode1\";\n obj.radioField = \"radio1\";\n obj.errorIndex = 3;\n\n let ccode = value.selectedCountry.dialCode;\n let pos = ccode.length;\n\n if (value.formattedNumber != \"+\" + ccode) {\n obj.formattedNumber = value.formattedNumber.replace(/\\D/g, '').slice(pos);\n obj.isValid = value.isValid;\n obj.ccode = ccode;\n obj.iso2 = value.selectedCountry.iso2;\n\n }\n else {\n obj.isValid = true;\n obj.formattedNumber = null;\n }\n if (fieldDisable[3])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"PHONE_2\" });\n return setContactField(constants.contactInfoIds.phoneSet, obj);\n }\n const handleOnChange3 = (value) => {\n\n const obj = {};\n obj.fieldName = \"bLandline\";\n obj.fieldValid = \"bLandlineValid\";\n obj.ccodeValueField = \"ccodeValue3\";\n obj.radioField = \"radio3\";\n obj.ccodeField = \"ccode3\";\n obj.errorIndex = 4;\n\n let ccode = value.selectedCountry.dialCode;\n let pos = ccode.length;\n\n if (value.formattedNumber != \"+\" + ccode) {\n obj.formattedNumber = value.formattedNumber.replace(/\\D/g, '').slice(pos);\n obj.isValid = value.isValid;\n obj.ccode = ccode;\n obj.iso2 = value.selectedCountry.iso2;\n\n }\n else {\n obj.isValid = true;\n obj.formattedNumber = null;\n }\n if (fieldDisable[4])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"PHONE_3\" });\n return setContactField(constants.contactInfoIds.phoneSet, obj);\n }\n const handleOnChange4 = (value) => {\n\n const obj = {};\n obj.fieldName = \"pLandline\";\n obj.fieldValid = \"pLandlineValid\";\n obj.ccodeValueField = \"ccodeValue4\";\n obj.ccodeField = \"ccode4\";\n obj.radioField = \"radio4\";\n obj.errorIndex = 5;\n\n let ccode = value.selectedCountry.dialCode;\n let pos = ccode.length;\n\n if (value.formattedNumber != \"+\" + ccode) {\n obj.formattedNumber = value.formattedNumber.replace(/\\D/g, '').slice(pos);\n obj.isValid = value.isValid;\n obj.ccode = ccode;\n obj.iso2 = value.selectedCountry.iso2;\n\n }\n else {\n obj.isValid = true;\n obj.formattedNumber = null;\n }\n if (fieldDisable[5])\n return;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"PHONE_4\" });\n return setContactField(constants.contactInfoIds.phoneSet, obj);\n }\n return (\n \n {isAuthorized == false && showModalTitle && (\n \n \n \n \n \n \n \n \n \n )}\n\n {isAuthorized == true && contactInfoOptions && !isProofingContactInfo && (contactInfoOptions.emailItems && (\n \n ))}\n\n {isAuthorized == true && contactInfoOptions && isProofingContactInfo && (\n
\n );\n }\n}\nexport default injectIntl(ContactInfoForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n Radio,\n Alert,\n DropdownButton\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { constants } from '../../redux/ducks/verify-pic/verify-pic-constants';\nimport { ReactGA, WindowUtil } from '../../util';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport HandIcon from 'adp-react-icons/lib/fa/hand-o-right';\nimport LockIcon from 'adp-react-icons/lib/fa/lock';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nvar empIdEnable = false;\nconst isBlank = str => (str || '').trim().length === 0;\nlet showAlertFlag = false;\nlet isFirstTime = false;\nlet initialLoad = false;\nlet setAutoFocusOff;\n\nclass VerifyPICForm extends Component {\n constructor() {\n super();\n this.state = {\n option: '',\n inline: false\n };\n this.handleChange = this.handleChange.bind(this);\n this.handleMonthDaySelection = this.handleMonthDaySelection.bind(this);\n }\n static propTypes = {\n sivOptions: PropTypes.shape({\n availableSivOptions: PropTypes.shape({\n siv_lastname: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_empid: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_wfnid: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_dateofbirth: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_firstname: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_ssn: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_ssn4: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_fulldateofbirth: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n }),\n siv_dateofbirth: PropTypes.shape({\n labelName: PropTypes.string,\n idenDataValue: PropTypes.string,\n regExp: PropTypes.string,\n invalidMessage: PropTypes.string\n })\n }),\n sivPIC: PropTypes.bool,\n sivCPCOr: PropTypes.bool,\n sivOptionsCalenderItems: PropTypes.shape({\n monthItems: PropTypes.arrayOf(PropTypes.string),\n dayItems: PropTypes.arrayOf(PropTypes.string),\n fullYearItems: PropTypes.arrayOf(PropTypes.string),\n fullMonthItems: PropTypes.arrayOf(PropTypes.string),\n fullDayItems: PropTypes.arrayOf(PropTypes.string),\n }),\n }),\n setSivField: PropTypes.func,\n firstName: PropTypes.string,\n firstNameValid: PropTypes.bool,\n lastName: PropTypes.string,\n lastNameValid: PropTypes.bool,\n ssn: PropTypes.string,\n ssnValid: PropTypes.bool,\n ssn4: PropTypes.string,\n ssn4Valid: PropTypes.bool,\n empId: PropTypes.string,\n empIdValid: PropTypes.bool,\n wfnId: PropTypes.string,\n wfnIdValid: PropTypes.bool,\n fullMonth: PropTypes.string,\n fullDay: PropTypes.string,\n fullYear: PropTypes.string,\n verifySivOptions: PropTypes.func,\n errorMessage: PropTypes.string,\n errorMessageLN: PropTypes.string,\n errorMessageEmpId: PropTypes.string,\n errorMessageWfnId: PropTypes.string,\n errorMessageSsn: PropTypes.string,\n errorMessageSsn4: PropTypes.string,\n getSivOptions: PropTypes.func,\n welcomeMsg: PropTypes.string,\n errorMsgTitle: PropTypes.string,\n showErrorModal: PropTypes.bool,\n isFormValid: PropTypes.bool,\n enableSubmitButton: PropTypes.func,\n cancelAndCheckYourEntries: PropTypes.func,\n errorCode: PropTypes.string,\n errorTitle: PropTypes.string,\n errorMessageFN: PropTypes.string\n };\n\n componentWillMount() {\n if (!isFirstTime)\n this.props.getSivOptions();\n isFirstTime = true;\n WindowUtil.setlayoutback(false);\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n }\n\n componentDidMount() {\n if (initialLoad)\n this.props.getPicSivOptions();\n initialLoad = true;\n\n }\n\n componentWillReceiveProps = (nextProps) => {\n console.log('In componentWillReceiveProps');\n if (nextProps.sivOptions != null && nextProps.sivOptions.availableSivOptions != null) {\n this.checkFormReadyness(nextProps);\n this.handleMonthDaySelection(nextProps);\n if (nextProps.errorTitle != '' && showAlertFlag) {\n showAlertFlag = false;\n window.scrollTo(0, 0);\n }\n }\n };\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if (\n nextProps.sivOptions.availableSivOptions.siv_firstname &&\n (isBlank(nextProps.firstName) || !nextProps.firstNameValid)\n ) {\n formValid = false;\n }\n\n if (\n nextProps.sivOptions.availableSivOptions.siv_lastname &&\n (isBlank(nextProps.lastName) || !nextProps.lastNameValid)\n ) {\n formValid = false;\n }\n\n if (!this.state.option && (nextProps.sivOptions.availableSivOptions.siv_empid ||\n nextProps.sivOptions.availableSivOptions.siv_wfnid ||\n nextProps.sivOptions.availableSivOptions.siv_ssn ||\n nextProps.sivOptions.availableSivOptions.siv_ssn4 ||\n nextProps.sivOptions.availableSivOptions.siv_dateofbirth)) {\n formValid = false;\n }\n\n if (nextProps.sivOptions.availableSivOptions.siv_empid && nextProps.radioValue === constants.EMPID && (isBlank(nextProps.empId) || !nextProps.empIdValid)) {\n formValid = false;\n }\n\n if (nextProps.sivOptions.availableSivOptions.siv_wfnid && nextProps.radioValue === constants.WFNID && (isBlank(nextProps.wfnId) || !nextProps.wfnIdValid)) {\n formValid = false;\n }\n\n if (nextProps.sivOptions.availableSivOptions.siv_ssn && nextProps.radioValue === constants.SSN && (isBlank(nextProps.ssn) || !nextProps.ssnValid)) {\n formValid = false;\n }\n\n if (nextProps.sivOptions.availableSivOptions.siv_ssn4 && nextProps.radioValue === constants.SSN4 && (isBlank(nextProps.ssn4) || !nextProps.ssn4Valid)) {\n formValid = false;\n }\n\n if (\n nextProps.sivOptions.availableSivOptions.siv_dateofbirth && nextProps.radioValue === constants.DOB &&\n (isBlank(nextProps.fullMonth) || isBlank(nextProps.fullDay))\n ) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n };\n\n handleChange(option) {\n document.getElementById('pic-division').style.display = \"none\";\n this.setState({\n option\n });\n this.props.setSivField(constants.RADIO_OPTION, option);\n }\n\n handleMonthDaySelection = (nextProps) => {\n if (nextProps.sivOptions.availableSivOptions.siv_dateofbirth && this.state.option === constants.DOB) {\n const inputMonthId = nextProps.sivOptions.sivOptionsCalenderItems.monthItems.indexOf(nextProps.fullMonth) + 1;\n if (inputMonthId == 1 || inputMonthId == 3 || inputMonthId == 5 || inputMonthId == 7 || inputMonthId == 8 || inputMonthId == 10 || inputMonthId == 12) {\n nextProps.sivOptions.sivOptionsCalenderItems.dayItems = constants.monthWith31days;\n }\n if (inputMonthId == 4 || inputMonthId == 6 || inputMonthId == 9 || inputMonthId == 11) {\n nextProps.sivOptions.sivOptionsCalenderItems.dayItems = constants.monthWith30days;\n }\n if (inputMonthId == 2) {\n nextProps.sivOptions.sivOptionsCalenderItems.dayItems = constants.monthWith29days;\n }\n }\n }\n\n onInlineChange = (inline) => {\n this.setState({\n inline\n });\n }\n\n _handleKeyPress = (e,formValid) => {\n if (e.key === 'Enter') {\n const allowEnterKeyFields = [\"pic_fn_textBox\",\"pic_ln_textBox\",\"pic_ssn_textBox\",\"pic_ssn4_textBox\",\"pic_empid_textBox\",\"pic_wfnid_textBox\"];\n e.preventDefault();\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_PIC', 'SUBMIT');\n if(formValid && e.target !== undefined && e.target.id !== undefined && allowEnterKeyFields.includes(e.target.id)){\n this.props.verifySivOptions();\n } \n }\n }\n\n render() {\n console.log('rendering verify pic form...');\n const {\n sivOptions,\n setSivField,\n firstName,\n firstNameValid,\n lastName,\n lastNameValid,\n empId,\n empIdValid,\n wfnId,\n wfnIdValid,\n ssn,\n ssnValid,\n ssn4,\n ssn4Valid,\n fullMonth,\n fullDay,\n verifySivOptions,\n showErrorModal,\n errorMsgTitle,\n welcomeMsg,\n errorMessage,\n errorMessageLN,\n errorMessageEmpId,\n errorMessageWfnId,\n errorMessageSsn,\n errorMessageSsn4,\n isFormValid,\n cancelAndCheckYourEntries,\n errorCode,\n errorTitle,\n errorMessageFN,\n isMobileBrowser,\n isMobile,\n gaCategory,\n clientName,\n progressBarData,\n setLocale,\n changeLocale,\n embeddedPrcFlow,\n radioValue,\n runAdminFlow,\n runAdminAccountantConnectFlow,\n } = this.props;\n\n const errorPopover = (fieldValid, errorMessage) =>\n (fieldValid && \n \n
\n {errorMessage}
\n \n ));\n\n const tooltip = (message) =>\n ({message}
\n \n
}\n
\n \n )\n );\n }\n}\nexport default injectIntl(VerifyPICForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n Textbox, Button, Popover,\n OverlayTrigger, DropdownList,\n Checkbox, Modal, ModalHeader, ModalFooter, ModalBody, ModalTitle, Alert\n} from '@synerg/vdl-react-components';\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { FormattedMessage } from 'react-intl';\nimport { constants } from '../../redux/ducks/register-user/register-user-constants';\nimport CheckCircleIcon from 'adp-react-icons/lib/fa/check-circle';\nimport CancelIcon from 'adp-react-icons/lib/fa/times';\nimport TimesIcon from 'adp-react-icons/lib/fa/times-circle';\nimport CheckIcon from 'adp-react-icons/lib/fa/check';\nimport classNames from 'classnames';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport { ReactGA, WindowUtil } from '../../util';\nimport { PasswordStrengthIndicator } from 'nexo-react-components';\n\nimport {\n PasswordRule,\n StrengthTextComponent,\n StrengthTextInfoPromptsComponent,\n} from '../password-strength-indicator/password-rule-component';\nimport { minimumRequirements, minOneNumber } from '../password-strength-indicator/password-strength-rules';\nimport { validatePassword } from '../password-strength-indicator/password-rules';\nimport {\n infoPromptsTextColor,\n orangeBarColor,\n} from '../password-strength-indicator/indicator-constants';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet showAlertFlag = false;\nlet setAutoFocusOff;\n\nclass RegisterUserForm extends React.Component {\n\n constructor(props) {\n super(props);\n this.state = {\n password: '',\n strengthText: `passwordStrengthIndicator.min8char_1number_1Upper_1Lower_1Special`,\n strengthTextInfoPrompts: ' ',\n strengthTextColor: '#4a4a4a',\n strengthBarColor: 'none',\n strengthWidth: 0,\n hasNoError: true,\n validPassword: false,\n validUserId:false,\n validConformPwd:false\n };\n }\n static PropTypes = {\n userIdType: PropTypes.string,\n userIdLabelName: PropTypes.string,\n userIdInvalidMessage: PropTypes.string,\n userIdRegExp: PropTypes.string,\n userIdValue: PropTypes.string,\n passwordLabelName: PropTypes.string,\n passwordInvalidMessage: PropTypes.string,\n passwordRegExp: PropTypes.string,\n passwordValue: PropTypes.string,\n confirmPasswordLabelName: PropTypes.string,\n confirmPasswordInvalidMessage: PropTypes.string,\n confirmPasswordRegExp: PropTypes.string,\n confirmPasswordValue: PropTypes.string,\n showSecurityQuestions: PropTypes.bool,\n firstNameForTitle: PropTypes.string,\n showTc: PropTypes.bool,\n getUserIdOptions: PropTypes.func,\n setRegisterOptionsField: PropTypes.func,\n verifyRegisterOptions: PropTypes.func,\n enableRegisterButton: PropTypes.func,\n partialUserId: PropTypes.string,\n partialUserIdValid: PropTypes.bool,\n userId: PropTypes.string,\n userIdValid: PropTypes.bool,\n password: PropTypes.string,\n passwordValid: PropTypes.bool,\n confirmpassword: PropTypes.string,\n confirmpasswordValid: PropTypes.bool,\n uiderrorMessage: PropTypes.string,\n partialuiderrorMessage: PropTypes.string,\n pswerrorMessage: PropTypes.string,\n confirmpswerrorMessage: PropTypes.string,\n isFormValid: PropTypes.bool,\n title: PropTypes.string,\n firstQuestion: PropTypes.string,\n secondQuestion: PropTypes.string,\n thirdQuestion: PropTypes.string,\n firstAnsValid: PropTypes.bool,\n secondAnsValid: PropTypes.bool,\n thirdAnsValid: PropTypes.bool,\n firstAnswer: PropTypes.string,\n secondAnswer: PropTypes.string,\n thirdAnswer: PropTypes.string,\n firstAnsErrMessage: PropTypes.string,\n secondAnsErrMessage: PropTypes.string,\n thirdAnsErrMessage: PropTypes.string,\n setQuestionsField: PropTypes.func,\n setAnswersField: PropTypes.func,\n verifySecurityQuestions: PropTypes.func,\n enableSecurityQAButton: PropTypes.func,\n availableUserResponse: PropTypes.string,\n checkUserIdAvailability: PropTypes.func,\n securityQnATextList: PropTypes.array,\n securityQnAIdList: PropTypes.array,\n firstAnsInlineErrMessage: PropTypes.string,\n secondAnsInlineErrMessage: PropTypes.string,\n thirdAnsInlineErrMessage: PropTypes.string,\n agreeTnC: PropTypes.bool,\n cancelRegistration: PropTypes.func,\n showFailedModal: PropTypes.bool,\n welcomeMsg: PropTypes.string,\n errorMsgTitle: PropTypes.string,\n userLastName: PropTypes.string,\n companyName: PropTypes.string,\n errorTitle: PropTypes.string,\n finalUserIdValue: PropTypes.string,\n mobileFlow: PropTypes.bool\n }\n\n componentWillMount() {\n if(!WindowUtil.getlayoutback()){\n this.props.getUserIdOptions();\n }\n WindowUtil.setlayoutback(false);\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.checkFormReadyness(nextProps);\n if (nextProps.errorTitle != '' && showAlertFlag) {\n showAlertFlag = false;\n window.scrollTo(0, 0);\n }\n };\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if(nextProps.showSecurityQuestions === false){\n\n if ( nextProps.userIdType\n && nextProps.userIdType === constants.fullUserIdType && (isBlank(nextProps.userId) || !nextProps.userIdValid || nextProps.userId !== nextProps.fetchedUserId)\n ) {\n formValid = false;\n this.setState((state)=>{return {validUserId:false}});\n }\n \n if ( nextProps.userIdType\n && nextProps.userIdType === constants.fullUserIdType && (!isBlank(nextProps.userId) && nextProps.userIdValid && nextProps.userId === nextProps.fetchedUserId)\n ) {\n this.setState((state)=>{return {validUserId:true}});\n }\n \n if ( nextProps.userIdType\n && nextProps.userIdType === constants.partialUserIdType && (isBlank(nextProps.partialUserId) || !nextProps.partialUserIdValid)\n ) {\n formValid = false;\n }\n \n if ( (isBlank(nextProps.password) || !nextProps.password)) {\n formValid = false;\n }\n \n if ((isBlank(nextProps.confirmpassword) || !nextProps.confirmpassword)) {\n formValid = false;\n }\n\n if ( this.state.strength === 1 && isBlank(nextProps.confirmpassword)) {\n formValid = false;\n }\n\n if ( nextProps.password != nextProps.confirmpassword) {\n formValid = false;\n }\n \n if (!(this.state.strength === 1) && !isBlank(nextProps.password) && !isBlank(nextProps.confirmpassword) && nextProps.password === nextProps.confirmpassword) {\n \n this.setState((state)=>{return {validConformPwd:true}});\n }\n if ((this.state.strength === 1) || isBlank(nextProps.password) || isBlank(nextProps.confirmpassword) || nextProps.password !== nextProps.confirmpassword) {\n this.setState((state)=>{return {validConformPwd:false}});\n }\n \n }\n\n if(nextProps.showSecurityQuestions === true ){\n\n if ((isBlank(nextProps.firstQuestion) || !nextProps.firstQuestion)) {\n formValid = false;\n }\n \n if ((isBlank(nextProps.secondQuestion) || !nextProps.secondQuestion)) {\n formValid = false;\n }\n \n if ((isBlank(nextProps.thirdQuestion) || !nextProps.thirdQuestion)) {\n formValid = false;\n }\n \n if ((isBlank(nextProps.firstAnswer) || !nextProps.firstAnswer)) {\n formValid = false;\n }\n \n if ((isBlank(nextProps.secondAnswer) || !nextProps.secondAnswer)) {\n formValid = false;\n }\n \n if ((isBlank(nextProps.thirdAnswer) || !nextProps.thirdAnswer)) {\n formValid = false;\n }\n \n }\n\n if (nextProps.agreeTnC === false && nextProps.showTc) {\n formValid = false;\n }\n \n if (!nextProps.passwordValid) {\n formValid = false;\n }\n this.props.enableRegisterButton(formValid);\n };\n\n _handleKeyPress = (e) => {\n ReactGA.sendevent(this.props.gaCategory, 'REGISTER_USER', 'SUBMIT');\n e.preventDefault();\n this.props.verifyRegisterOptions();\n }\n\n _handleKeyPressQA = (e) => {\n ReactGA.sendevent(this.props.gaCategory, 'Q_AND_A', 'SUBMIT');\n e.preventDefault();\n this.props.verifySecurityQuestions();\n }\n\n printTnC() {\n var termsNConditions = document.getElementById(\"tncFrame\").contentWindow;\n termsNConditions.print();\n }\n\n onPasswordChange = (password) => {\n const obj = validatePassword(password);\n let strengthTextMsg = `passwordStrengthIndicator.${obj.strengthTextVal}`;\n let strengthTextInfoPromptsMsg = `passwordStrengthIndicator.${obj.strengthTextInfoPromptsVal}`;\n let validPasswordVal = typeof obj.hasError === 'undefined' && minimumRequirements(password);\n let strengthTextColorVal = obj.strengthTextColorVal;\n let strengthBarColorVal = obj.strengthBarColorVal;\n\n if (!this.props.passwordIndicatorToggle && validPasswordVal && password != '' && !minOneNumber(password)) {\n strengthTextMsg = `passwordStrengthIndicator.min1number`;\n strengthTextInfoPromptsMsg = `passwordStrengthIndicator.nothing`;\n strengthTextColorVal = infoPromptsTextColor;\n strengthBarColorVal = orangeBarColor;\n validPasswordVal = false;\n }\n this.setState({\n password,\n strengthText: strengthTextMsg,\n strengthTextInfoPrompts: strengthTextInfoPromptsMsg,\n strengthTextColor: strengthTextColorVal,\n strengthBarColor: strengthBarColorVal,\n strengthWidth: obj.strengthWidthVal,\n hasNoError: typeof obj.hasError === 'undefined',\n validPassword: validPasswordVal,\n });\n this.props.setRegisterOptionsField(constants.registerOptionIds.password, password);\n\n if (password === '') {\n validPasswordVal = true;\n }\n WindowUtil.setFirstAttemptGA({ gaCategory: this.props.gaCategory, fieldName: \"PASSWORD\" });\n this.props.setPwdValid(validPasswordVal);\n };\n\n render() {\n console.log('rendering Register User Form');\n const {\n getUserIdOptions,\n setRegisterOptionsField,\n verifyRegisterOptions,\n userId,\n userIdValid,\n partialUserId,\n partialUserIdValid,\n passwordValid,\n confirmpassword,\n confirmpasswordValid,\n uiderrorMessage,\n partialuiderrorMessage,\n pswerrorMessage,\n confirmpswerrorMessage,\n isFormValid,\n title,\n firstQuestion,\n secondQuestion,\n thirdQuestion,\n firstAnsValid,\n secondAnsValid,\n thirdAnsValid,\n firstAnswer,\n secondAnswer,\n thirdAnswer,\n firstAnsErrMessage,\n secondAnsErrMessage,\n thirdAnsErrMessage,\n setQuestionsField,\n setAnswersField,\n verifySecurityQuestions,\n availableUserResponse,\n checkUserIdAvailability,\n userIdType,\n userIdLabelName,\n userIdInvalidMessage,\n userIdRegExp,\n userIdValue,\n passwordLabelName,\n passwordInvalidMessage,\n passwordRegExp,\n passwordValue,\n confirmPasswordLabelName,\n confirmPasswordInvalidMessage,\n confirmPasswordRegExp,\n confirmPasswordValue,\n showSecurityQuestions,\n firstNameForTitle,\n showTc,\n securityQnATextList,\n securityQnAIdList,\n firstAnsInlineErrMessage,\n secondAnsInlineErrMessage,\n thirdAnsInlineErrMessage,\n showTnCModal,\n setCancelTnCModal,\n agreeTnC,\n setAgreeTermsCondition,\n cancelRegistration,\n showFailedModal,\n welcomeMsg,\n errorMsgTitle,\n userLastName,\n companyName,\n errorTitle,\n finalUserIdValue,\n mobileFlow,\n isMobile,\n isMobileBrowser,\n gaCategory,\n setPwdValid,\n progressBarData,\n footer,\n locale\n } = this.props;\n\n const {\n password,\n strengthText,\n strengthTextInfoPrompts,\n strengthTextColor,\n strengthWidth,\n strengthBarColor,\n hasNoError,\n validPassword,\n } = this.state;\n\n const isNotBlank = value => value !== undefined && value !== null && value.trim() !== '';\n\n const errorPopover = (fieldValid, errorMessage) =>\n (fieldValid && \n { \n (window.innerWidth>479) &&
\n\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n \n\n {\n changeLocale(valueField.suffix);\n ReactGA.sendevent(gaCategory, 'LANGUAGE_DROPDOWN_SELECT', valueField.suffix);\n return setLocale(valueField)\n\n }}>\n {this.props.updatedlocale}\n \n
\n )}\n {(!isMobile) && embeddedPrcFlow == false && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_PIC', 'CANCEL');\n return cancelAndCheckYourEntries()\n }}>\n \n
\n )}\n \n
\n )}\n\n {(!isMobile) && }\n
\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n {
\n
\n {
\n {\n {clientName} }} />}
\n {ReactHtmlParser(errorTitle)}
\n )}\n\n
\n\n \n \n
\n {errorMessage}
\n \n\n ));\n\n const handleUserId = () => {\n checkUserIdAvailability();\n var psw_field = document.getElementById(\"psw_field\");\n psw_field.click();\n }\n const tooltip = (message) =>\n ({message}
\n \n
}\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n )\n\n );\n }\n}\nexport default injectIntl(RegisterUserForm);\n","import React, { Component } from 'react';\nimport { injectIntl} from 'react-intl';\nimport { FormattedMessage } from 'react-intl';\nimport {Button} from '@synerg/vdl-react-components';\n\nclass OTPFooter extends Component {\n\n constructor(props) {\n super(props);\n }\n\n render() {\n \n return(\n \n {(window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n ReactGA.sendevent(gaCategory, 'REGISTER_USER', 'CANCEL');\n return cancelRegistration()\n }}>\n \n
\n )}\n\n {showSecurityQuestions === true && (!isMobile ) && (\n {\n ReactGA.sendevent(gaCategory, 'Q_AND_A', 'CANCEL');\n return cancelRegistration()\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n
\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n )}\n\n\n \n\n {/************************************Security Questions and Answers*******************************************/}\n
\n )}\n\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n
\n {title}
\n{ReactHtmlParser(errorTitle)}
\n )}\n\n {showSecurityQuestions === false && }\n {showSecurityQuestions === true && }\n
)}\n {showSecurityQuestions === false && (\n\n \n \n
\n \n \n
\n \n
\n )\n }\n}\n\nexport default injectIntl(OTPFooter);","import React, { Component } from 'react';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { FormattedMessage } from 'react-intl';\nimport {\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n} from '@synerg/vdl-react-components';\nimport { ReactGA } from '../../util';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport OTPFooter from '../verify-prc/OTPFooter';\nimport { WindowUtil } from '../../util';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nlet disableResend = false;\nconst isBlank = str => (str || '').trim().length === 0;\n\nconst allowEnterKeyFields = [\"prcTextBox\"];\n\nclass PersonalPhoneForm extends Component {\n\n constructor(props) {\n super(props);\n if (!WindowUtil.getlayoutback()) {\n this.state = { disableResendBtn: false };\n }\n else {\n this.state = { disableResendBtn: WindowUtil.isresendEnabled() };\n }\n }\n\n componentWillMount() {\n if (!WindowUtil.getlayoutback()) {\n this.props.getChannelInfo();\n }\n WindowUtil.setlayoutback(false);\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.checkFormReadyness(nextProps);\n }\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n if (nextProps.contactInfoObj.showVerify == true && isBlank(nextProps.otpCode))\n formValid = false;\n this.props.enableOtpSubmitButton(formValid);\n }\n\n _handleKeyPress = (e, valid) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n if(e.target !== undefined && e.target.id!==undefined && valid){\n if(allowEnterKeyFields.indexOf(e.target.id)!=\"-1\"){\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_PRC', 'SUBMIT_CODE');\n this.props.setSubmitAccessCode();\n }\n }\n }\n }\n\n render() {\n const {\n otpCode,\n setOtpValue,\n isOTPFormValid,\n gaCategory,\n isMobileBrowser,\n isMobile,\n cancelAndCheckYourEntries,\n getChannelInfo,\n setSubmitAccessCode,\n showModalError\n\n } = this.props;\n\n const {\n\n showVerify,\n selectedIdentityValue,\n expiry,\n showAlert,\n showAlertMessage,\n prcValid,\n showOnScreen,\n accessCode,\n progressBarData,\n showModalTitle,\n showModalMessage\n\n } = this.props.contactInfoObj;\n\n const onSetOtpValue = (event) => {\n const inputValue = event.target.value.replace(/\\D/g, '');\n\n if (this.props.otpCode === inputValue) {\n return;\n }\n const otcCode = inputValue;\n\n setOtpValue(otcCode);\n }\n\n const onResendBtnClick = () => {\n this.setState({ disableResendBtn: true });\n WindowUtil.setresend(true);\n disableResend = true;\n ReactGA.sendevent(gaCategory, 'RESEND_OTP', 'CLICK');\n getChannelInfo();\n }\n\n return (\n \n
\n
\n \n
\n \n { {\n if (e.key === 'Enter') {\n e.preventDefault();\n return this.props.btnClick();\n }\n }}\n onClick={this.props.btnClick}\n\n > {
\n \n
}\n\n\n {/*********************ONE TIME CODE page start *****************************/}\n
\n )\n }\n}\nexport default injectIntl(PersonalPhoneForm);\n","export const constants = {\n getPicSivOptionsDetailsEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/sivOptions',\n sendPicSivOptionsDetailsEndPoint:'/pages/sms/ess/v3/ws/rest/pub/ssr/verifyIdentity',\n redirectToForgotFlowEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/alreadyregistered',\n setLocaleEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/updateLocale\",\n monthWith31days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\"],\n monthWith30days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\"],\n monthWith29days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\"],\n sivOptionIds: {\n siv_firstName: 0,\n siv_lastName: 1,\n siv_employee_id:2,\n siv_wfn_associate_id:3,\n siv_last4_ssn: 4,\n siv_dob_month: 5,\n siv_dob_day: 6, \n siv_ssn:7,\n },\n INVALID_SIVDATA: 'INVALID_SIVDATA',\n DUPLICATE_SSN4: 'DUPLICATE_SSN4',\n CLIENT_SETUP_ERROR: 'CLIENT_SETUP_ERROR',\n EXCEEDED_ATTEMPTS: 'EXCEEDED_ATTEMPTS',\n ERROR: 'Error',\n EMPID: 'empId',\n WFNID: 'wfnId',\n SSN: 'ssn',\n SSN4: 'ssn4',\n DOB: 'dob',\n PATHVERIFYPIC: '/ssr/PIC/verifySIVData',\n PATHPICFLOW: '/ssr/flowType/PIC',\n TROUBLE_SHOOT_MSG: 'something went wrong',\n ALREADY_REGISTERED:'ALREADY_REGISTERED',\n REDIRECT_FORGOT:'/pages/sms/ess/v3/pub/ssr/redirectToForgotFlow.jsp',\n EMAIL_NOT_EXISTS:'EMAIL_NOT_EXISTS',\n NO_SIV_DEFINED:'NO_SIV_DEFINED',\n ALREADY_REGISTERED_SUSPENDED:'ALREADY_REGISTERED_SUSPENDED',\n SUCCESS:\"200\", \n FINDME_VIEW: '/findMeHelpUsFindYou',\n FINDME_VIEWID: '/findMe',\n RADIO_OPTION:'radio'\n};\n\n","export const constants = {\n getuserIdOptionsEndPoint : '/pages/sms/ess/v3/ws/rest/pub/ssr/registration/initData',\n postUserIdPswOptionsEndPoint : '/pages/sms/ess/v3/ws/rest/pub/ssr/registration/save',\n checkuserIdAvailabilityEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/registration/uidAvailability',\n registerOptionIds: {\n userid: 0,\n partialuserid:1,\n password: 2,\n confirmpassword:3,\n firstquestion:4,\n secondquestion:5,\n thirdquestion:6,\n firstanswer:7,\n secondanswer:8,\n thirdanswer:9\n },\n ERROR: 'Error',\n REGISTRATION_FAILED: 'REGISTRATION_FAILED',\n REGISTRATION_COMPLETE: 'REGISTRATION_COMPLETE',\n CLIENT_SETUP_ERROR: 'CLIENT_SETUP_ERROR',\n INVALID_REG_DATA: 'INVALID_REG_DATA',\n securityQnA : '/securityqna',\n confirmationPage: '/confirmation',\n validUserId: 'VALID_USERID',\n invalidUserId: 'INVALID_USERID',\n TROUBLE_SHOOT_MSG: 'something went wrong',\n fullUserIdType: 'fully_selectable',\n partialUserIdType: 'partial_selectable',\n sysgeneratedUserIdType: 'system_generated',\n SecurityAnsRegex:'[^\\\\w \\\\-\\\\r\\\\n]{2}|(?:[\\\\w \\\\-]+[^\\\\w \\\\-\\\\r\\\\n]){5}',\n PATHREGISTRATION: '/ssr/CPC/registration',\n PATHSEQCURITYQA: '/ssr/CPC/securityqna',\n checkUserIdAvailabilityDebounceTime:1000\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport TimesIcon from 'adp-react-icons/lib/fa/times-circle';\n\nexport const StrengthTextComponent = (props) => {\n const { children, strengthTextColor } = props;\n\n return (\n \n { children }\n \n \n );\n};\n\nexport const StrengthTextInfoPromptsComponent = (props) => {\n const { children } = props;\n\n return (\n \n {\n (window.innerWidth > 479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'VERIFY_PRC', 'CANCEL');\n return cancelAndCheckYourEntries();\n }\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n\n\n {/*********************ONE TIME CODE page start *****************************/}\n
\n {(showVerify == true) && (\n \n \n \n \n \n \n \n \n \n \n )}\n\n
\n \n
)}\n {/*********************ONE TIME CODE page end *****************************/}\n \n {
\n
\n \n {
\n \n \n
\n \n
\n { !valid &&
{errorMessage}
\n \n ));\n\n const tooltip = (message) =>\n ({message}
\n \n
}\n
\n \n )\n );\n }\n}\nexport default injectIntl(Verify401kForm);\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport FaArrowDown from 'adp-react-icons/lib/fa/arrow-down';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\nimport VerifyBevFreedomForm from './VerifyBevFreedomForm';\nimport VerifyBevEtimeForm from './VerifyBevEtimeForm';\nimport VerifyBevHRNetForm from './VerifyBevHRNetForm';\nimport VerifyBevW2Form from './VerifyBevW2Form';\nimport VerifyBevPCSNonPCSForm from './VerifyBevPCSNonPCSForm';\nimport VerifyBevIpayW2Form from './VerifyBevIpayW2Form';\nimport Recaptcha from 'react-recaptcha';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet setAutoFocusOff;\nlet showAlertFlag = false;\nlet overlayPlacement = \"right\";\n\nlet downIndicator;\nlet continueButton;\n//let stickyBottom = '300px';\n\nclass VerifyBevForm extends Component {\n\n componentWillMount() {\n if(!WindowUtil.getlayoutback()){\n this.props.getVerifyBevInfo();\n }\n WindowUtil.setlayoutback(false);\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n }\n\n componentDidMount() {\n this.downIndicatorUpdate();\n window.addEventListener('scroll', this.scrollFunction, true);\n }\n\n componentDidUpdate() {\n window.addEventListener('scroll', this.scrollFunction,true);\n this.downIndicatorUpdate();\n }\n\n componentWillReceiveProps = (nextProps) => {\n window.addEventListener('scroll', this.scrollFunction,true);\n this.downIndicatorUpdate();\n if (nextProps.sendRedirect)\n nextProps.setRedirectPage();\n\n if (nextProps.verifyBevObj.showAlert && showAlertFlag) {\n showAlertFlag = false;\n window.scrollTo(0, 0);\n }\n\n this.checkFormReadyness(nextProps);\n\n }\n downIndicatorUpdate = () => {\n downIndicator = document.getElementById(\"downIndicator\");\n continueButton = document.getElementById(\"bev-form\");\n if (window.innerWidth <= 479) {\n if (continueButton != undefined && continueButton !== null) {\n if (window.innerHeight > continueButton.scrollHeight) {\n downIndicator.style.display = \"none\";\n }\n else {\n if(document.documentElement.scrollTop < document.documentElement.scrollHeight-window.innerHeight-1)\n { downIndicator.style.display = \"block\";}\n else{\n downIndicator.style.display = \"none\";\n }\n }\n }\n }\n }\n\n checkFormReadyness = (nextProps) => {\n let isFormValid = true;\n if (nextProps.verifyBevObj.showDiv) {\n let verifyBevObj = nextProps.verifyBevObj;\n if (verifyBevObj.initData.freedomMBean.rendered) {\n let freedomMBean = nextProps.verifyBevObj.initData.freedomMBean;\n if ((freedomMBean.employeeNumber.required && (verifyBevObj.errorFields[0] || isBlank(freedomMBean.employeeNumber.value)))\n || (!freedomMBean.employeeNumber.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n if ((!isBlank(freedomMBean.niNumber.value) && verifyBevObj.errorFields[1])) {\n isFormValid = false;\n }\n if (isBlank(freedomMBean.fullDayId.value)) {\n isFormValid = false;\n }\n if (isBlank(freedomMBean.fullMonthId.value)) {\n isFormValid = false;\n }\n if (isBlank(freedomMBean.fullYearId.value)) {\n isFormValid = false;\n }\n if ((freedomMBean.postalCode.required && (verifyBevObj.errorFields[2] || isBlank(freedomMBean.postalCode.value)))\n || (!freedomMBean.postalCode.required && verifyBevObj.errorFields[2])) {\n isFormValid = false;\n }\n\n\n }\n if (verifyBevObj.initData.etimeBev.rendered) {\n let etimeBev = nextProps.verifyBevObj.initData.etimeBev;\n if ((etimeBev.employee.required && (verifyBevObj.errorFields[0] || isBlank(etimeBev.employee.value)))\n || (!etimeBev.employee.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n\n }\n\n\n\n if (verifyBevObj.initData.hrNetMBean.rendered) {\n let hrNetMBean = nextProps.verifyBevObj.initData.hrNetMBean;\n if ((hrNetMBean.employeeNumber.required && (verifyBevObj.errorFields[0] || isBlank(hrNetMBean.employeeNumber.value)))\n || (!hrNetMBean.employeeNumber.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n if ((!isBlank(hrNetMBean.niNumber.value) && verifyBevObj.errorFields[1])) {\n isFormValid = false;\n }\n if (isBlank(hrNetMBean.fullDayId.value)) {\n isFormValid = false;\n }\n if (isBlank(hrNetMBean.fullMonthId.value)) {\n isFormValid = false;\n }\n if (isBlank(hrNetMBean.fullYearId.value)) {\n isFormValid = false;\n }\n if ((hrNetMBean.postalCode.required && (verifyBevObj.errorFields[2] || isBlank(hrNetMBean.postalCode.value)))\n || (!hrNetMBean.postalCode.required && verifyBevObj.errorFields[2])) {\n isFormValid = false;\n }\n\n\n }\n\n if (verifyBevObj.initData.w2ServiceMBean.rendered) {\n let w2ServiceMBean = nextProps.verifyBevObj.initData.w2ServiceMBean;\n if (isBlank(w2ServiceMBean.w2Year.value)) {\n isFormValid = false;\n }\n if ((w2ServiceMBean.employeeId.required && (verifyBevObj.errorFields[0] || isBlank(w2ServiceMBean.employeeId.value)))\n || (!w2ServiceMBean.employeeId.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n if ((w2ServiceMBean.companyCode.required && (verifyBevObj.errorFields[1] || isBlank(w2ServiceMBean.companyCode.value)))\n || (!w2ServiceMBean.companyCode.required && verifyBevObj.errorFields[1])) {\n isFormValid = false;\n }\n if ((w2ServiceMBean.zipCode.required && (verifyBevObj.errorFields[2] || isBlank(w2ServiceMBean.zipCode.value)))\n || (!w2ServiceMBean.zipCode.required && verifyBevObj.errorFields[2])) {\n isFormValid = false;\n }\n if ((w2ServiceMBean.ssn.required && (verifyBevObj.errorFields[3] || isBlank(w2ServiceMBean.ssn.value)))\n || (!w2ServiceMBean.ssn.required && verifyBevObj.errorFields[3])) {\n isFormValid = false;\n }\n\n }\n\n if (verifyBevObj.initData.iPayPayStmtNonPCSMBean.rendered) {\n if (isBlank(verifyBevObj.radio)) {\n isFormValid = false;\n }\n if (verifyBevObj.isIPayYes && verifyBevObj.iPayShow) {\n let iPayPayStmtMBean = nextProps.verifyBevObj.initData.iPayPayStmtMBean;\n\n if ((iPayPayStmtMBean.co.required && (verifyBevObj.errorFields[0] || isBlank(iPayPayStmtMBean.co.value)))\n || (!iPayPayStmtMBean.co.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n if ((iPayPayStmtMBean.fileNumber.required && (verifyBevObj.errorFields[1] || isBlank(iPayPayStmtMBean.fileNumber.value)))\n || (!iPayPayStmtMBean.fileNumber.required && verifyBevObj.errorFields[1])) {\n isFormValid = false;\n }\n if (isBlank(iPayPayStmtMBean.fullDayId.value)) {\n isFormValid = false;\n }\n if (isBlank(iPayPayStmtMBean.fullMonthId.value)) {\n isFormValid = false;\n }\n if (isBlank(iPayPayStmtMBean.fullYearId.value)) {\n isFormValid = false;\n }\n\n if ((iPayPayStmtMBean.adviceNumber.required && (verifyBevObj.errorFields[2] || isBlank(iPayPayStmtMBean.adviceNumber.value)))\n || (!iPayPayStmtMBean.adviceNumber.required && verifyBevObj.errorFields[2])) {\n isFormValid = false;\n }\n\n if ((iPayPayStmtMBean.ssn.required && (verifyBevObj.errorFields[3] || isBlank(iPayPayStmtMBean.ssn.value)))\n || (!iPayPayStmtMBean.ssn.required && verifyBevObj.errorFields[3])) {\n isFormValid = false;\n }\n }\n else {\n let iPayPayStmtNonPCSMBean = nextProps.verifyBevObj.initData.iPayPayStmtNonPCSMBean;\n\n if (isBlank(iPayPayStmtNonPCSMBean.fullDayId.value)) {\n isFormValid = false;\n }\n if (isBlank(iPayPayStmtNonPCSMBean.fullMonthId.value)) {\n isFormValid = false;\n }\n if (isBlank(iPayPayStmtNonPCSMBean.fullYearId.value)) {\n isFormValid = false;\n }\n\n if ((iPayPayStmtNonPCSMBean.co.required && (verifyBevObj.errorFields[0] || isBlank(iPayPayStmtNonPCSMBean.co.value)))\n || (!iPayPayStmtNonPCSMBean.co.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n\n if ((iPayPayStmtNonPCSMBean.fileNumber.required && (verifyBevObj.errorFields[1] || isBlank(iPayPayStmtNonPCSMBean.fileNumber.value)))\n || (!iPayPayStmtNonPCSMBean.fileNumber.required && verifyBevObj.errorFields[1])) {\n isFormValid = false;\n }\n if ((iPayPayStmtNonPCSMBean.adviceNumber.required && (verifyBevObj.errorFields[2] || isBlank(iPayPayStmtNonPCSMBean.adviceNumber.value)))\n || (!iPayPayStmtNonPCSMBean.adviceNumber.required && verifyBevObj.errorFields[2])) {\n isFormValid = false;\n }\n if ((iPayPayStmtNonPCSMBean.ssn.required && (verifyBevObj.errorFields[3] || isBlank(iPayPayStmtNonPCSMBean.ssn.value)))\n || (!iPayPayStmtNonPCSMBean.ssn.required && verifyBevObj.errorFields[3])) {\n isFormValid = false;\n }\n }\n\n\n }\n\n if (verifyBevObj.initData.iPayW2ServiceMBean.rendered) {\n let iPayW2ServiceMBean = nextProps.verifyBevObj.initData.iPayW2ServiceMBean;\n\n if (isBlank(iPayW2ServiceMBean.w2Year.value)) {\n isFormValid = false;\n }\n if ((iPayW2ServiceMBean.controlNumber.required && (verifyBevObj.errorFields[0] || isBlank(iPayW2ServiceMBean.controlNumber.value)))\n || (!iPayW2ServiceMBean.controlNumber.required && verifyBevObj.errorFields[0])) {\n isFormValid = false;\n }\n if ((iPayW2ServiceMBean.ssn.required && (verifyBevObj.errorFields[1] || isBlank(iPayW2ServiceMBean.ssn.value)))\n || (!iPayW2ServiceMBean.ssn.required && verifyBevObj.errorFields[1])) {\n isFormValid = false;\n }\n if ((iPayW2ServiceMBean.wages.required && (verifyBevObj.errorFields[2] || isBlank(iPayW2ServiceMBean.wages.value)))\n || (!iPayW2ServiceMBean.wages.required && verifyBevObj.errorFields[2])) {\n isFormValid = false;\n }\n }\n\n\n if (isBlank(nextProps.verifyBevObj.firstName)) isFormValid = false;\n if (isBlank(nextProps.verifyBevObj.lastName)) isFormValid = false;\n if (isBlank(nextProps.verifyBevObj.serviceSelected)) isFormValid = false;\n if (nextProps.verifyBevObj.isRecaptchaOn == true && nextProps.recaptchaResponse == null) isFormValid = false;\n\n }\n this.props.enableSubmitButton(isFormValid);\n };\n\n handleRecaptchaResponse(value) {\n this.props.setRecaptchaResponse(value);\n }\n\n callback(value) {\n console.log('value callback======');\n }\n\n handleRecaptchaExpired(value) {\n this.props.setRecaptchaResponse(null);\n }\n\n scrollFunction = (nextProps) => {\n if (window.innerWidth <= 479) {\n if (downIndicator !== null && downIndicator !== undefined) {\n if (document.documentElement.scrollTop < document.documentElement.scrollHeight-window.innerHeight-1) {\n downIndicator.style.display = \"block\";\n } else {\n \n downIndicator.style.display = \"none\";\n }\n }\n }\n }\n\n render() {\n const {\n verifyBevObj,\n hideDraggableSet,\n showDraggableModal,\n showDraggable,\n onDropDownSelect,\n isFormValid,\n handleUpdateData,\n recaptchaResponse,\n isRecaptchaOn,\n onBevSubmitBtn,\n cancelAndCheckYourEntries,\n isMobileBrowser,\n isMobile,\n gaCategory,\n progressBarData,\n footer,\n\n } = this.props;\n\n const onDropDownChange = (value) => {\n if (window.innerWidth <= 479) {\n downIndicator.style.display = \"block\";\n }\n if (!verifyBevObj.initData.productMBean.hasMultipleBEVProducts) {\n return;\n }\n ReactGA.sendevent(gaCategory, 'CLICK', 'SERVICE_NAME');\n (this.recaptchaInstance != undefined) ? this.recaptchaInstance.reset() : undefined;\n return onDropDownSelect(value);\n }\n\n const bottomFunction = () => {\n document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;\n document.documentElement.scrollTop = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n }\n\n const onBevSubmit = () => {\n showAlertFlag = true;\n return onBevSubmitBtn();\n }\n const gaToolTip = (label) => ReactGA.sendevent(gaCategory, label, 'TOOLTIP');\n\n const tooltip = (message) =>\n (\n {(window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_401K', 'CANCEL');\n return cancelAndCheckYourEntries()\n }}>\n \n
\n )}\n {userWithMultiOrg === true && (!isMobile) && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_401K', 'CANCEL');\n return cancelAndCheckYourEntries()\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n
\n
\n \n
\n {errorTitle != undefined && errorTitle != '' && (\n
\n {title}
\n{ReactHtmlParser(errorTitle)}
\n )}\n\n {userWithMultiOrg === true && ()}\n
)}\n\n \n {/************************************MultiOrg Page View*******************************************/}\n\n \n {ReactHtmlParser(message)}
\n {
)}\n {isCopied && ({
)}\n \n );\n\n const copyToClipboard = (text, isCopied) => {\n var input = document.createElement(\"input\");\n document.body.appendChild(input);\n input.setAttribute('value', text);\n input.select();\n document.execCommand(\"copy\");\n document.body.removeChild(input);\n if (isCopied == undefined || isCopied == false) {\n let isCopied = true;\n getConfirmationInfoUpdate(isCopied);\n }\n }\n\n return (\n\n (confirmationInfoObj.showDiv && (\n \n
\n }\n
\n\n ))\n\n );\n }\n}\nexport default injectIntl(ConfirmationForm);\n","export const constants = {\n getVerifyPrcInitialDataAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/initData',\n getNudgeInitialDataAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/nudgeInitData',\n getVerifyPrcGenerateCodeAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/generateCode',\n getVerifyPrcSubmitCodeAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/verifyCode',\n getPhoneOnFlyAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/verifyPhoneOnFly',\n ALREADY_REGISTERED: 'ALREADY_REGISTERED',\n TYPE_CELL_PHONE: 'CELL_PHONE',\n TYPE_PHONE_ON_FLY: 'PHONE_ON_FLY',\n TYPE_POSTAL_CODE: 'POSTAL_MAIL',\n TYPE_EMAIL: 'EMAIL',\n mykPlan_viewId:'/verify401k',\n TYPE_SUCCESS: 'SUCCESS',\n OTP_HEADING: 'otppageheading',\n POF_OTP_HEADING:'phoneonflyotpheading',\n OTP_HEADING_ALREADY_PRC_EXIST: 'prcalreadyexistheading',\n VERIFYPRC_TITLE:'verifyprctitle',\n PHONEONTHEFLY_TITLE:'phoneonethyflytitle',\n NON_UNIQUE_PHONE: 'NON_UNIQUE_MOBILE',\n INVALID_PHONE:'INVALID_MOBILE',\n MAX_ATTEMPTS_EXCEEDED: 'MAX_ATTEMPTS_EXCEEDED',\n PHONEONFLY_SUCCESS:'SUCCESS',\n PHONEONTHEFLYFAIL_TITLE:'phoneontheflyfailtitle',\n PHONE_REGEX: '[0-9\\\\s-.()]{4,20}$',\n TYPE_ERROR_FAIL_ATTEMPTS: \"Error_maxFailAttemptsExceeded\",\n TYPE_ERROR_LOCKED: \"Error_FunctionLocked\",\n TYPE_ERROR_INVALID: \"Error_SecCodeInvalid\",\n TYPE_ERROR_EXPIRED: \"Error_SecurityCodeExpired\",\n TYPE_ERROR_INTERAL_ERROR: \"Error_InternalError\",\n TYPE_ERROR_FAILED: \"Error_SendSecurityCodeFailed\",\n PATHPRC: '/ssr/CPC/PRC',\n PATHVERIFYPRCCODE: '/ssr/CPC/verifyAccessCode',\n};","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport CountryCodeDropdown from '../../components/country-code';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-prc/verify-prc-constants';\nimport EnvelopeIcon from 'adp-react-icons/lib/fa/envelope';\nimport PostalIcon from 'adp-react-icons/lib/fa/envelope-o';\nimport MobileIcon from 'adp-react-icons/lib/fa/mobile';\nimport NewMobileIcon from 'adp-react-icons/lib/fa/plus-circle';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport Comments from 'adp-react-icons/lib/fa/comments';\nimport ReactDOM from 'react-dom';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport OTPFooter from './OTPFooter';\n\nconst isBlank = str => (str || '').trim().length === 0;\nconst numDigits = (x) => (Math.log10((x ^ (x >> 31)) - (x >> 31)) | 0) + 1;\nlet gaCategoryPhoneOnFly = \"WEB_REGISTRATION_NEW_PHONEONFLY\";\n\nconst allowEnterKeyFields = [\"phoneFly_textBox\",\"prcTextBox\",\"prc_exist_textBox\"];\n\nclass VerifyPrcForm extends Component {\n\n constructor(props){\n super(props);\n if(!WindowUtil.getlayoutback()){\n this.state={disableResendBtn:false, showNudgeFooter:true};\n }\n else{\n this.state={disableResendBtn:WindowUtil.isresendEnabled(), showNudgeFooter:true};\n }\n }\n\n componentWillMount() {\n if(!WindowUtil.getlayoutback()){\n this.props.getVerfiyPicInfo();\n }\n WindowUtil.setlayoutback(false);\n }\n _handleKeyPress = (e, valid, page) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n\n if(e.target !== undefined && e.target.id!==undefined){\n if(allowEnterKeyFields.indexOf(e.target.id)!=\"-1\"){\n if (valid) {\n if(page === 'POF' && !isBlank(this.props.mnumber)){\n ReactGA.sendevent(this.props.gaCategory, 'PHONEONFLY', 'PHONE_ENTERED');\n this.props.verifyPhoneOnFly();\n }\n else{\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_PRC', 'SUBMIT_CODE');\n this.props.setSubmitAccessCode();\n }\n }\n }\n }\n }\n }\n\n componentDidMount = () => {\n \n if (this.props.isMobile) gaCategoryPhoneOnFly = \"MOBILE_REGISTRATION_NEW_PHONEONFLY\"; \n if (window.innerWidth <= 479 && this.props.isMobile == false) gaCategoryPhoneOnFly = \"MOBILEBROSWER_REGISTRATION_NEW_PHONEONFLY\";\n }\n componentWillReceiveProps = (nextProps) => {\n\n \n if (nextProps.sendRedirect)\n nextProps.setRedirect();\n this.checkFormReadyness(nextProps);\n }\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n if ((nextProps.showVerify == false || nextProps.prcAlreadyExists == true) && isBlank(nextProps.otcCode))\n formValid = false;\n this.props.enableSubmitButton(formValid);\n }\n\n render() {\n const {\n skipNudgeActivation,\n editContactInfo,\n resendOTP,\n verifyPrcObj,\n title,\n intl,\n showPhoneOnFly,\n showBusyIndicator,\n cancelAndCheckYourEntries,\n setIdentitySelected,\n setDifferentMethod,\n showVerify,\n setSubmitAccessCode,\n isFormValid,\n setCancelModal,\n showModalError,\n otcCode,\n setOtcValue,\n showOtcModal,\n goToKBASent,\n prcAlreadyExists,\n goToPostal,\n showModalInfo,\n showModalWarn,\n setWarnModal,\n isMobileBrowser,\n isMobile,\n gaCategory,\n progressBarData,\n selectedPhone,\n onSetMobileType,\n mobilePhoneObj,\n mobilePhoneValid,\n onSetMobilePhoneValue,\n countryCode,\n mnumber,\n setPhoneOnFly,\n backToOptionsPage,\n verifyPhoneOnFly,\n phoneOnFlyFail,\n phoneOnFlyAlert,\n hideText,\n pofBackEnabled,\n phoneReEntryError,\n } = this.props;\n\n\n const tooltip = (message) =>\n (\n {(window.innerWidth > 479) &&
\n {(!isMobile) && \n }\n
\n\n
\n \n
\n\n {!isMobile && confirmationInfoObj.runPayrollPlusFlow == false && confirmationInfoObj.showMobileEnableSection && (\n \n
\n
\n \n {
\n \n {showBusyIndicator && (
\n \n \n
\n \n
)}\n\n \n
\n \n
\n \n {(confirmationInfoObj.runPayrollAdminFlow==undefined || confirmationInfoObj.runPayrollAdminFlow==false)&&
\n \n\n ![]()
{\n if (e.key === 'Enter') {\n e.preventDefault();\n let url = \"https://itunes.apple.com/us/app/adp-mobile-solutions/id444553167?mt=8\";\n if(confirmationInfoObj.runPayrollAdminFlow==true) {url = \"https://apps.apple.com/us/app/run-powered-by-adp-payroll/id388928133\";}\n ReactGA.sendevent(gaCategory, 'LINK', \"APPLE\");\n return WindowUtil.openNewWindow(url)\n }\n }}\n onClick={() => {let url = \"https://itunes.apple.com/us/app/adp-mobile-solutions/id444553167?mt=8\";\n if(confirmationInfoObj.runPayrollAdminFlow==true) {url = \"https://apps.apple.com/us/app/run-powered-by-adp-payroll/id388928133\";}\n ReactGA.sendevent(gaCategory, 'LINK', \"APPLE\");\n return WindowUtil.openNewWindow(url)\n }} \n src={confirmationInfoObj.srcApple}\n alt = \"APPLE\"\n onError={(e) => e.target.src = \"images/Badges/apple_en.png\"}\n className=\"cs-apple-badget focus-selector\" />\n ![]()
{\n if (e.key === 'Enter') {\n e.preventDefault();\n let url = \"https://play.google.com/store/apps/details?id=com.adpmobile.android\";\n if(confirmationInfoObj.runPayrollAdminFlow==true) {url = \"https://play.google.com/store/apps/details?id=com.adp.run.mobile\";}\n ReactGA.sendevent(gaCategory, 'LINK', \"ANDRIOD\");\n return WindowUtil.openNewWindow(url)\n \n }\n }}\n onClick={() => { let url = \"https://play.google.com/store/apps/details?id=com.adpmobile.android\";\n if(confirmationInfoObj.runPayrollAdminFlow==true) {url = \"https://play.google.com/store/apps/details?id=com.adp.run.mobile\";}\n ReactGA.sendevent(gaCategory, 'LINK', \"ANDRIOD\");\n return WindowUtil.openNewWindow(url)\n }}\n src={confirmationInfoObj.srcAndriod}\n alt = \"ANDRIOD\"\n onError={(e) => e.target.src = \"images/Badges/andriod_en.png\"}\n className=\"cs-andriod-badget focus-selector\" />\n
\n {message}
\n \n
}\n
\n )\n );\n }\n}\nexport default injectIntl(VerifyPrcForm);\n","export const constants = {\n PATH_CHOOSE_MANUALLY_CAPITAL_ONE_FLOW: '/ssr/flowType/ChooseManuallyOrCapitalOne',\n LOG_EXTERNAL_VENDOR:'/pages/sms/ess/v3/ws/rest/pub/ssr/logExtVendor'\n};","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { FormattedMessage } from 'react-intl';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/external-vendor/external-vendor-constants';\nimport EnvelopeIcon from 'adp-react-icons/lib/fa/envelope';\nimport MobileIcon from 'adp-react-icons/lib/fa/mobile';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport ThIcon from 'adp-react-icons/lib/fa/th';\nimport ReactDOM from 'react-dom';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nvar ua = window.navigator.userAgent;\nvar isIE = (ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident\") > -1 || ua.indexOf(\"Edge\") > -1) ? true : false;\n\n\nclass ExternalVendorForm extends Component {\n\n componentWillMount() {\n this.props.getExternalVendorInfo();\n WindowUtil.setlayoutback(false);\n }\n componentWillReceiveProps = (nextProps) => {\n if (nextProps.sendRedirect)\n nextProps.setRedirect();\n }\n\n render() {\n const {\n externalVendorObj,\n title,\n showBusyIndicator,\n cancelAndCheckYourEntries,\n setmanualSelected,\n openExternalVendor,\n isMobileBrowser,\n isMobile,\n gaCategory,\n progressBarData\n } = this.props;\n\n const manualSelected = () => setmanualSelected();\n\n const submitAccessCode = () => setSubmitAccessCode();\n\n return (\n externalVendorObj.showDiv && (\n { \n (window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'VERIFY_PRC', 'CANCEL');\n return cancelAndCheckYourEntries();\n }\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n
\n\n
\n \n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n {!showOtcModal && ()}\n {showOtcModal && ()}\n \n )}\n\n {/*********************Error modal identity page end*****************************/}\n\n\n\n {/********************Info modal identity page start *****************************/}\n {verifyPrcObj.showModalMessage && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n\n {/*********************Info modal identity page end*****************************/}\n\n {/*********************Warn modal identity page end*****************************/}\n\n {verifyPrcObj.title && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n )}\n {/*********************Warn modal identity page end*****************************/}\n\n \n \t{ /** **************************Footer OTP page starts************************************** */}\n\n\t {((showVerify == false) && (prcAlreadyExists == false) && (showPhoneOnFly == false)) && (\n\t
\n \n {(verifyPrcObj.showNudgePage == true) && (this.state.showNudgeFooter == true) && (\n
\n {/*********************Choose identity page start *****************************/}\n {showVerify && (prcAlreadyExists == false) && (\n {
\n
)}\n {(verifyPrcObj.showNudgePage == false || this.state.showNudgeFooter == false) &&\n {
\n \n {(title == constants.VERIFYPRC_TITLE) && (verifyPrcObj.multiOrg == false) && (\n
\n }\n \n {
\n
)}\n {(title == constants.VERIFYPRC_TITLE) && (verifyPrcObj.multiOrg == true) && (\n {
\n \n {
\n
)}\n {(title == constants.OTP_HEADING) && (\n {
\n \n {
\n
)}\n {(title == constants.OTP_HEADING_ALREADY_PRC_EXIST) && (\n {
\n \n {
\n
)}\n {(title == constants.POF_OTP_HEADING) && (\n {
\n \n {
\n
)}\n {(title == constants.PHONEONTHEFLY_TITLE) && (\n {
\n \n {
\n
)}\n {(title == constants.PHONEONTHEFLYFAIL_TITLE) && (\n {
\n \n {
\n
)}\n {
\n \n\n { verifyPrcObj.showNudgePage ==false &&
)}\n {/*********************Choose identity page end *****************************/}\n\n\n\n {/********************Enter mobile number page start****************************/}\n {(showVerify == false) && (prcAlreadyExists == false) && (showPhoneOnFly) && ()}\n\n {/*********************Enter mobile number page end *****************************/}\n\n\n {/*********************ONE TIME CODE page start *****************************/}\n {(showVerify == false) && (prcAlreadyExists == false) && (showPhoneOnFly == false) && ( \n )}\n {/*********************ONE TIME CODE page end *****************************/}\n\n {/*********************prcAlreadyExists page start *****************************/}\n\n {(prcAlreadyExists == true) && ()}\n\n {/*********************prcAlreadyExists page end *****************************/}\n\n {/********************Error modal identity page start *****************************/}\n {verifyPrcObj.showModalMessage && (\n {(verifyPrcObj.findMeFlow || verifyPrcObj.mykplanFlow) && (verifyPrcObj.multiOrg == false) && (\n
}\n { verifyPrcObj.showNudgePage ==true && \n \n {(phoneOnFlyFail) && ( {verifyPrcObj.enteredNumber} }} />} )}\n {(!phoneOnFlyFail) && (
\n )\n }\n\n {(verifyPrcObj.findMeFlow || verifyPrcObj.mykplanFlow) && (verifyPrcObj.multiOrg == true) && (\n {{verifyPrcObj.clientName} }} />}
)}\n {(phoneOnFlyFail && verifyPrcObj.disableFields.length === 1 ) && ({
)}\n {(phoneOnFlyFail && verifyPrcObj.disableFields.length > 1 ) && ({
)}\n {(!phoneOnFlyFail) && ({
)}\n \n \n {(phoneOnFlyFail) && ( {verifyPrcObj.enteredNumber} }} />} )}\n {(phoneOnFlyFail && verifyPrcObj.disableFields.length === 1 ) && (
\n )\n }\n\n {(verifyPrcObj.findMeFlow == false && verifyPrcObj.mykplanFlow == false) && (\n {
)}\n {(phoneOnFlyFail && verifyPrcObj.disableFields.length > 1 ) && ({
)}\n {(!phoneOnFlyFail) && ({
)}\n \n {(phoneOnFlyFail) && ( {verifyPrcObj.enteredNumber} }} />} )}\n {(phoneOnFlyFail && verifyPrcObj.disableFields.length === 1 ) && (
\n )\n } {
)}\n {(phoneOnFlyFail && verifyPrcObj.disableFields.length > 1 ) && ({
)}\n {(!phoneOnFlyFail) && ({
)}\n {
\n }\n\n {verifyPrcObj.associateContactInfo &&\n \n {verifyPrcObj.associateContactInfo.map((value, index) => (\n value.communicationType != constants.TYPE_POSTAL_CODE && (\n \n
\n }\n\n {\n verifyPrcObj.isPhoneOnFlyEnabled && (\n {\n ReactGA.sendevent(gaCategory, 'CHANNEL', value.communicationType);\n return identitySelected(index, verifyPrcObj.disableFields[index])\n }} \n onKeyPress={() => {\n ReactGA.sendevent(gaCategory, 'CHANNEL', value.communicationType);\n return identitySelected(index, verifyPrcObj.disableFields[index])\n }} >\n {value.communicationType == constants.TYPE_EMAIL && (
\n \n )\n ))}\n \n {value.communicationType == constants.TYPE_EMAIL && (
\n {
)}\n {value.communicationType == constants.TYPE_CELL_PHONE && ({
)}\n\n {value.contactInfo}
\n {\n ReactGA.sendevent(gaCategory, 'CHANNEL', \"PHONEONFLY\");\n\n return phoneOnFlySelected(verifyPrcObj.disableFields[verifyPrcObj.disableFields.length - 1])\n }} \n onKeyPress={() => {\n ReactGA.sendevent(gaCategory, 'CHANNEL', \"PHONEONFLY\");\n return phoneOnFlySelected(verifyPrcObj.disableFields[verifyPrcObj.disableFields.length - 1])\n }} >\n\n
\n )\n }\n\n {(verifyPrcObj.enablePostal == true) && (\n\n
\n {
\n {
\n {\n ReactGA.sendevent(gaCategory, 'CHANNEL', 'POSTAL');\n return goToPostal()\n }}\n onKeyPress={() => {\n ReactGA.sendevent(gaCategory, 'CHANNEL', 'POSTAL');\n return goToPostal()\n }} >\n
)}\n\n {(verifyPrcObj.kbaDisabled == false) && (\n
\n {verifyPrcObj.postalInfo}
\n {\n ReactGA.sendevent(gaCategory, 'CHANNEL', 'KBA');\n return goToKBA()\n }}\n onKeyPress={() => {\n ReactGA.sendevent(gaCategory, 'CHANNEL', 'KBA');\n return goToKBA()\n }} >\n
)}\n { verifyPrcObj.showNudgePage ==true && \n
\n {
\n \n \n
}\n \n \n\n
\n \n
\n {ReactHtmlParser(verifyPrcObj.showModalMessage)}\n
\n \n {ReactHtmlParser(verifyPrcObj.showModalMessage)}\n
\n \n
\n \n\n
}\n
\n )\n );\n }\n}\nexport default injectIntl(ExternalVendorForm);\n","export const constants = {\n getVerifyKbaInitialDataAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyKba/initKba',\n getVerifyKbaTimeoutAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyKba/kbaTimeout',\n getVerifyKbaNextQuestionAPI: '/pages/sms/ess/v3/ws/rest/pub/ssr/verifyKba/nextQuestion',\n TYPE_EXPIRED: 'KBA_QUESTION_EXPIRED',\n TYPE_QUESTIONS: 'QUESTIONS',\n TYPE_PASSED: 'PASSED',\n TYPE_FAILED: 'FAILED',\n PATH_VERIFY_KBA: '/ssr/flowType/verifyKba',\n \n\n};\n","// TODO - fix the onlyContries props. Currently expects that as an array of country object, but users should be able to send in array of country isos\n\n\nimport React from 'react';\n\nimport classNames from 'classnames';\nimport ReactDOM from 'react-dom';\nimport Calendar from 'adp-react-icons/lib/fa/clock-o';\n\n\n\n\nconst numDigits = (x) => (Math.log10((x ^ (x >> 31)) - (x >> 31)) | 0) + 1;\n\nvar style = require('./Timer.scss');\n\n\nclass Timer extends React.Component {\n constructor(props) {\n super(props);\n this.state = { currentCount: (this.props.noOfSecs === undefined) ? 15 : this.props.noOfSecs };\n this.setTimer = this.setTimer.bind(this);\n }\n\n setTimer() {\n this.setState({\n currentCount: (this.props.noOfSecs === undefined) ? 30 : this.props.noOfSecs\n });\n }\n\n timer() {\n if (this.props.isBlocked) return;\n\n let secs = this.state.currentCount;\n let hours = Math.floor(secs / (60 * 60));\n\n let divisor_for_minutes = secs % (60 * 60);\n let minutes = Math.floor(divisor_for_minutes / 60);\n minutes = numDigits(minutes) == 1 ? '0' + minutes : minutes;\n\n\n let divisor_for_seconds = divisor_for_minutes % 60;\n let seconds = Math.ceil(divisor_for_seconds);\n seconds = numDigits(seconds) == 1 ? '0' + seconds : seconds;\n\n\n this.setState({\n currentCount: this.state.currentCount - 1,\n h: hours,\n m: minutes,\n s: seconds\n })\n if (this.state.currentCount < 0) {\n clearInterval(this.intervalId);\n if (this.props.onFinalCount) {\n this.props.onFinalCount(this.state);\n }\n }\n }\n componentDidMount() {\n\n this.intervalId = setInterval(this.timer.bind(this), 1000);\n }\n componentWillUnmount() {\n clearInterval(this.intervalId);\n }\n\n\n\n render() {\n return (\n \n {(window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n \n \n
\n )}\n \n
)}\n {(!isMobile) && }\n
\n
\n \n
\n \n
\n {/*********************External Vendor page start *****************************/}\n\n \n
\n {externalVendorObj.title}
\n\n
\n\n {/*********************External Vendor page end *****************************/}\n\n\n\n {\n ReactGA.sendevent(gaCategory, 'CLICK', 'MANUAL_SELECT');\n return manualSelected()\n }}>\n
\n\n\n {externalVendorObj.extVendorList &&\n \n
\n {
\n \n {externalVendorObj.extVendorList.map((value, index) => (\n
\n }\n {\n ReactGA.sendevent(gaCategory, 'CLICK', 'CAPITAL_ONE');\n return openExternalVendor()\n }}>\n 
\n
\n ))}\n \n
\n \n
)}\n {(value.title.indexOf(\"2\") != -1) && ( )}\n (\n \n
\n
\n {this.props.intl.formatMessage({ id: value.title })}
\n {(value.title.indexOf(\"2\") == -1) && ()}\n {(value.title.indexOf(\"2\") != -1) && ( )}\n (\n \n
{this.props.intl.formatMessage({ id: value.subTitle })}
\n )\n \n {this.state.s != null && (
\n );\n }\n}\n\nexport default Timer;\n\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { FormattedMessage } from 'react-intl';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-kba/verify-kba-constants';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nlet answerCount = 0;\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nclass VerifyKbaForm extends Component {\n\n componentWillMount() {\n this.props.getDisclaimerInfo();\n WindowUtil.setlayoutback(false);\n }\n componentWillReceiveProps = (nextProps) => {\n if (nextProps.sendRedirect)\n nextProps.setRedirect();\n if (nextProps.sendCancelRedirect)\n nextProps.cancelAndCheckYourEntries();\n this.timerId != undefined ? this.timerId.setTimer() : undefined;\n\n }\n\n\n render() {\n const {\n verifyKbaObj,\n setAnswerSelected,\n setCancelErrorModal,\n setOnTimeExpired,\n setDisableFields,\n cancelAndCheckYourEntries,\n setConfirmModal,\n showModalCancel,\n getVerfifyKbaPrcRedirect,\n gaCategory,\n cancelKbaCheckYourEntries,\n progressBarData,\n isMobile\n } = this.props;\n\n\n const disclaimerCancel = () => {\n if (this.props.fromPrc) {\n ReactGA.sendevent(gaCategory, 'DISCLAIMER_CANCEL', 'PRC');\n return getVerfifyKbaPrcRedirect();\n }\n else {\n ReactGA.sendevent(gaCategory, 'DISCLAIMER_CANCEL', 'LOGIN');\n return cancelAndCheckYourEntries();\n }\n }\n\n\n const answerSelected = (index) => {\n if (this.props.disableFields) return;\n return setAnswerSelected(index);\n }\n\n const onCancelErrorModal = () => {\n let sendRedirect = true;\n return setCancelErrorModal(sendRedirect);\n }\n\n const onTimeExpired = () => {\n disableFields();\n ReactGA.sendevent(gaCategory, 'VERIFY_KBA', 'TIME_EXPIRED');\n return setOnTimeExpired();\n }\n\n const disableFields = () => {\n let disableFields = true;\n return setDisableFields(disableFields);\n }\n\n const cancelYourEntries = () => {\n ReactGA.sendevent(gaCategory, 'VERIFY_KBA', 'CANCEL');\n let showModalCancel = true;\n return setConfirmModal(showModalCancel);\n }\n const onNoModalError = () => {\n ReactGA.sendevent(gaCategory, 'VERIFY_KBA_CANCEL', 'NO');\n let showModalCancel = false;\n return setConfirmModal(showModalCancel);\n }\n return (\n\n \n
)}\n\n \n {this.state.m}\n :\n {this.state.s}\n
)}\n {((this.state.currentCount + 1 > 5) && \n {this.state.m}\n :\n {this.state.s}\n\n
)}\n\n \n {!verifyKbaObj.showDisclaimer && verifyKbaObj.showDiv && (\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n\n {/*********************Error modal KBA page end*****************************/}\n\n\n {/********************Cancel KBA modal start *****************************/}\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n \n\n {/*********************Cancel KBA modal page end*****************************/}\n\n\n\n\n
\n\n\n\n );\n }\n}\nexport default injectIntl(VerifyKbaForm);","export const constants = {\n verify401kDetailsEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/verify401KIdentity',\n confirm401kDetailsEndPoint:'/pages/sms/ess/v3/ws/rest/pub/ssr/confirm401KIdentity',\n launch401kDetailsEndPoint:'/pages/sms/ess/v3/ws/rest/pub/ssr/launch401KIdentity',\n redirectToForgotFlowEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/alreadyregistered',\n sivOptionIds: {\n siv_firstName: 0,\n siv_lastName: 1,\n siv_ssn: 2,\n siv_dob_month: 3,\n siv_dob_day: 4,\n siv_dob_year: 5, \n siv_empid: 6, \n siv_dob_full_month: 7,\n siv_dob_full_day: 8,\n siv_dob_full_year: 9, \n siv_ssn4: 10,\n siv_zipcode: 11,\n siv_wfnid: 12 \n },\n EXCEEDED_ATTEMPTS:'EXCEEDED_ATTEMPTS',\n ALREADY_REGISTERED: 'ALREADY_REGISTERED',\n REDIRECT_FORGOT:'/pages/sms/ess/v3/pub/ssr/redirectToForgotFlow.jsp',\n FUNCTION_LOCKED:'FUNCTION_LOCKED',\n ERROR:'Error',\n monthWith31days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\"],\n monthWith30days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\"],\n monthWith29days:[\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\"],\n EMAIL_NOT_EXISTS:'EMAIL_NOT_EXISTS',\n KBA_LOCKED:'KBA_LOCKED',\n SUCCESS:'SUCCESS',\n RECAPTCHA_FAILED:'RECAPTCHA_FAILED',\n PATH401KFLOW:'/ssr/401K/seachassociate',\n PATHVERIFY401K:'/ssr/flowType/401K',\n ALREADY_REGISTERED_MULTI:'ALREADY_REGISTERED_MULTI' \n};","export const constants = {\n getBEVFeedData: '/pages/sms/ess/v3/ws/rest/pub/ssr/bev/getBEVData',\n chooseProduct: '/pages/sms/ess/v3/ws/rest/pub/ssr/bev/chooseProduct',\n verifyBEVUser: '/pages/sms/ess/v3/ws/rest/pub/ssr/bev/identifyUser',\n ALREADY_REGISTERED: 'ALREADY_REGISTERED',\n REDIRECT_FORGOT: '/pages/sms/ess/v3/pub/ssr/redirectToForgotFlow.jsp',\n redirectToForgotFlowEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/alreadyregistered',\n PATHBEVFLOW: '/ssr/VERIFYBEV',\n monthWith31days: [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\"],\n monthWith30days: [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\"],\n monthWith29days: [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\"]\n};\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet overlayPlacement = \"right\";\n\n\n\nexport default class VerifyBevFreedomForm extends Component {\n\n componentWillMount() {\n this.props.getDropdownValues(\"freedomMBean\");\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n }\n\n render() {\n const {\n verifyBevObj,\n hideDraggableSet,\n showDraggableModal,\n showDraggable,\n onDropDownSelect,\n handleUpdateData,\n gaCategory\n\n } = this.props;\n\n const gaToolTip = (label) => ReactGA.sendevent(gaCategory, label, 'TOOLTIP');\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n
}\n
)}\n\n\n {/*********************Verify Kba Disclaimer start *****************************/}\n\n {verifyKbaObj.showDisclaimer && (\n { \n (window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return cancelYourEntries();\n }\n }}>\n \n
\n \n
\n )}\n {(!isMobile) && }\n
\n
\n \n
\n\n\n {/*********************Verify Kba page start *****************************/}\n \n {
\n
\n {
\n \n
\n {/*********************Verify Kba page start *****************************/}\n \n { this.timerId = instance; }} onFinalCount={onTimeExpired} isBlocked={verifyKbaObj.isBlocked} />\n
\n {verifyKbaObj.prompt}
\n {verifyKbaObj.answers &&\n \n {verifyKbaObj.answers.map((value, index) => (\n \n
\n }\n {\n if (e.key === 'Enter') {\n e.preventDefault();\n answerCount = answerCount + 1;\n ReactGA.sendevent(gaCategory, 'CLICK', 'ANSWER' + answerCount);\n return answerSelected(index)\n }\n }}\n onClick={() => {\n answerCount = answerCount + 1;\n ReactGA.sendevent(gaCategory, 'CLICK', 'ANSWER' + answerCount);\n return answerSelected(index)\n }}\n className=\"vdl-row vk-row-size focus-selector highlight-options\">\n
\n \n ))}\n \n
\n {value.answer}
\n \n
}\n\n{
\n\n
)}\n\n\n {/*********************Verify Kba Disclaimer end *****************************/}\n\n {/********************Error modal KBA page start *****************************/}\n {verifyKbaObj.showModalMessage && (\n { \n (window.innerWidth>479) &&
\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'DISCLAIMER_CANCEL', 'CANCEL');\n return cancelAndCheckYourEntries();\n }\n }}>\n \n
\n )}\n \n
\n )}\n {(!isMobile) && }\n\n
{
\n\n \n
\n\n\n {
\n \n {
\n \n \n
\n\n\n \n \n
\n\n \n \n
\n \n \n
\n {msg}
\n \n ));\n\n\n const {\n freedomMBean\n } = this.props.verifyBevObj.initData;\n\n const handleDataChange = (parentName, fieldName, fieldValue, regEx, index) => {\n let payload = {};\n payload.type = 2;\n payload.parentName = parentName;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.regEx = regEx;\n payload.index = index;\n WindowUtil.setFirstAttemptGA({ gaCategory: this.props.gaCategory + \"_\" + \"FREEDOM\", fieldName: fieldName });\n return handleUpdateData(payload);\n }\n const tooltip = (message) =>\n ({ReactHtmlParser(message)}
\n \n
)\n\n\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet overlayPlacement = \"right\";\n\n\nexport default class VerifyBevEtimeForm extends Component {\n\n componentWillMount() {\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n }\n\n render() {\n const {\n verifyBevObj,\n handleUpdateData\n\n } = this.props;\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n
\n\n {/* Draggable component start */}\n {showDraggable && (\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'FREEDOM_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'FREEDOM_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true)\n }}>{freedomMBean.viewSampleDocs.label}\n
\n \n \n \n
)}\n {/* Draggable component end */}\n\n {/* employee number component start */}\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleDraggable(false);\n }\n }} onClick={() => handleDraggable(false)} className=\"vb-draggable-close\" />\n
\n \n {freedomMBean.viewSampleDocs.options.map((value, index) => (\n
\n \n 
\n
\n ))}\n {value.label}
\n \n
\n {/* employee number component end */}\n\n\n\n {/* NI number component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"freedomMBean\", \"employeeNumber\", value, freedomMBean.employeeNumber.regEx, 0)}\n />\n \n
\n \n \n
\n {/* NI number component end */}\n\n\n\n\n {/* Date of Birth component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"freedomMBean\", \"niNumber\", value, freedomMBean.niNumber.regEx, 1)}\n />\n \n
\n \n \n
\n {/* Date of Birth component end */}\n\n\n {/* postalCode component start */}\n \n
\n \n
\n \n \n
\n \n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'MONTH'); return handleDataChange(\"freedomMBean\", \"fullMonthId\", value, null) }}\n value={freedomMBean.fullMonthId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'DAY'); return handleDataChange(\"freedomMBean\", \"fullDayId\", value, null) }}\n value={freedomMBean.fullDayId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'YEAR'); return handleDataChange(\"freedomMBean\", \"fullYearId\", value, null) }}\n value={freedomMBean.fullYearId.value}\n />\n
\n \n
\n {/* postalCode component end */}\n\n\n\n\n \n
\n \n
\n \n \n\n {!isBlank(freedomMBean.postalCode.toolTip) && ( gaToolTip('FREEDOM_POSTAL_CODE')}>\n \n \n )}\n
\n \n \n handleDataChange(\"freedomMBean\", \"postalCode\", value, freedomMBean.postalCode.regEx, 2)}\n />\n \n
\n \n {msg}
\n \n ));\n\n\n const {\n etimeBev\n } = this.props.verifyBevObj.initData;\n\n\n const gaToolTip = (label) => ReactGA.sendevent(this.props.gaCategory, label, 'TOOLTIP');\n\n const handleDataChange = (parentName, fieldName, fieldValue, regEx, index) => {\n let payload = {};\n payload.type = 2;\n payload.parentName = parentName;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.regEx = regEx;\n payload.index = index;\n WindowUtil.setFirstAttemptGA({ gaCategory: this.props.gaCategory + \"_\" + \"ETIME\", fieldName: fieldName });\n return handleUpdateData(payload);\n }\n const tooltip = (message) =>\n ({ReactHtmlParser(message)}
\n \n {/* employee number component start */}\n
)\n\n\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet overlayPlacement = \"right\";\n\n\n\nexport default class VerifyBevHRNetForm extends Component {\n\n componentWillMount() {\n this.props.getDropdownValues(\"hrNetMBean\");\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n }\n\n render() {\n const {\n verifyBevObj,\n hideDraggableSet,\n showDraggableModal,\n showDraggable,\n onDropDownSelect,\n handleUpdateData,\n gaCategory\n\n } = this.props;\n\n const gaToolTip = (label) => ReactGA.sendevent(gaCategory, label, 'TOOLTIP');\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n
\n {/* employee number component end */}\n\n\n\n\n\n\n\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"etimeBev\", \"employee\", value, etimeBev.employee.regEx, 0)}\n />\n \n
\n \n {msg}
\n \n ));\n\n\n const {\n hrNetMBean\n } = this.props.verifyBevObj.initData;\n\n const handleDataChange = (parentName, fieldName, fieldValue, regEx, index) => {\n let payload = {};\n payload.type = 2;\n payload.parentName = parentName;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.regEx = regEx;\n payload.index = index;\n WindowUtil.setFirstAttemptGA({ gaCategory: this.props.gaCategory + \"_\" + \"HRNET\", fieldName: fieldName });\n return handleUpdateData(payload);\n }\n\n\n const tooltip = (message) =>\n ({ReactHtmlParser(message)}
\n \n
)\n\n\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet overlayPlacement = \"right\";\n\n\nexport default class VerifyBevW2Form extends Component {\n\n componentWillMount() {\n this.props.getW2DropdownValues(\"w2ServiceMBean\");\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n }\n\n render() {\n const {\n verifyBevObj,\n hideDraggableSet,\n showDraggableModal,\n showDraggable,\n onDropDownSelect,\n handleUpdateData,\n gaCategory\n\n } = this.props;\n\n const gaToolTip = (label) => ReactGA.sendevent(gaCategory, label, 'TOOLTIP');\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n
\n {/* Draggable component start */}\n {showDraggable && (\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'HRNET_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'HRNET_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true)\n }}>{hrNetMBean.viewSampleDocs.label}\n
\n \n \n \n
)}\n {/* Draggable component end */}\n\n {/* employee number component start */}\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleDraggable(false);\n }\n }} onClick={() => handleDraggable(false)} className=\"vb-draggable-close\" />\n
\n \n {hrNetMBean.viewSampleDocs.options.map((value, index) => (\n
\n \n \n
\n ))}\n {value.label}
\n \n
\n {/* employee number component end */}\n\n\n\n {/* NI number component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"hrNetMBean\", \"employeeNumber\", value, hrNetMBean.employeeNumber.regEx, 0)}\n />\n \n
\n \n \n
\n {/* NI number component end */}\n\n\n\n\n {/* Date of Birth component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"hrNetMBean\", \"niNumber\", value, hrNetMBean.niNumber.regEx, 1)}\n />\n \n
\n \n \n
\n {/* Date of Birth component end */}\n\n\n {/* postalCode component start */}\n \n
\n \n
\n \n \n
\n \n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'MONTH'); return handleDataChange(\"hrNetMBean\", \"fullMonthId\", value, null) }}\n value={hrNetMBean.fullMonthId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'DAY'); return handleDataChange(\"hrNetMBean\", \"fullDayId\", value, null) }}\n value={hrNetMBean.fullDayId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'YEAR'); return handleDataChange(\"hrNetMBean\", \"fullYearId\", value, null) }}\n value={hrNetMBean.fullYearId.value}\n />\n
\n \n
\n {/* postalCode component end */}\n\n\n\n\n\n \n
\n \n
\n \n \n\n {!isBlank(hrNetMBean.postalCode.toolTip) && ( gaToolTip('HRNET_POSTAL_CODE')}>\n \n \n )}\n
\n \n \n handleDataChange(\"hrNetMBean\", \"postalCode\", value, hrNetMBean.postalCode.regEx, 2)}\n\n />\n \n
\n \n {msg}
\n \n ));\n\n\n const {\n w2ServiceMBean\n } = this.props.verifyBevObj.initData;\n\n const handleDataChange = (parentName, fieldName, fieldValue, regEx, index) => {\n let payload = {};\n payload.type = 2;\n payload.parentName = parentName;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.regEx = regEx;\n payload.index = index;\n WindowUtil.setFirstAttemptGA({ gaCategory: this.props.gaCategory + \"_\" + \"W2\", fieldName: fieldName });\n return handleUpdateData(payload);\n }\n const tooltip = (message) =>\n ({ReactHtmlParser(message)}
\n \n
)\n\n\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet overlayPlacement = \"right\";\n\n\nexport default class VerifyBevPCSNonPCSForm extends Component {\n\n componentWillMount() {\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n }\n \n render() {\n const {\n verifyBevObj,\n hideDraggableSet,\n showDraggableModal,\n showDraggable,\n onDropDownSelect,\n handleUpdateData,\n handleIpayRadioBtn,\n showIpayDraggable,\n showIpayDraggableModal,\n gaCategory\n\n } = this.props;\n\n const gaToolTip = (label) => ReactGA.sendevent(gaCategory, label, 'TOOLTIP');\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n
\n {/* Draggable component start */}\n {showDraggable && (\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'W2_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'W2_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true)\n } }>{w2ServiceMBean.viewSampleDocs.label}\n
\n \n \n \n
)}\n {/* Draggable component end */}\n\n\n {/* Year component start */}\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleDraggable(false);\n }\n }} onClick={() => handleDraggable(false)} className=\"vb-draggable-close\" />\n
\n \n {w2ServiceMBean.viewSampleDocs.options.map((value, index) => (\n
\n \n \n
\n ))}\n {value.label}
\n \n
\n {/* Year component end */}\n\n {/* employee number component start */}\n \n
\n \n
\n \n \n
\n \n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'YEAR'); return handleDataChange(\"w2ServiceMBean\", \"w2Year\", value, null)}}\n value={w2ServiceMBean.w2Year.value}\n />\n
\n \n
\n {/* employee number component end */}\n\n\n\n {/* companyCode component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"w2ServiceMBean\", \"employeeId\", value, w2ServiceMBean.employeeId.regEx, 0)}\n />\n \n
\n \n \n
\n {/* companyCode component end */}\n\n\n\n\n {/* zipCode component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"w2ServiceMBean\", \"companyCode\", value, w2ServiceMBean.companyCode.regEx, 1)}\n />\n \n
\n \n \n
\n {/* zipCode component end */}\n\n\n {/* ssn component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"w2ServiceMBean\", \"zipCode\", value, w2ServiceMBean.zipCode.regEx, 2)}\n />\n \n
\n \n \n
\n {/* ssn component end */}\n\n\n\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"w2ServiceMBean\", \"ssn\", value, w2ServiceMBean.ssn.regEx, 3)}\n />\n \n
\n \n {msg}
\n \n ));\n\n\n const {\n iPayPayStmtNonPCSMBean,\n iPayPayStmtMBean,\n productMBean\n } = this.props.verifyBevObj.initData;\n\n const handleDataChange = (parentName, fieldName, fieldValue, regEx, index) => {\n let payload = {};\n payload.type = 3;\n payload.parentName = parentName;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.regEx = regEx;\n payload.index = index;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory + \"_\" + \"IPAY\", fieldName: fieldName });\n return handleUpdateData(payload);\n }\n const tooltip = (message) =>\n ({ReactHtmlParser(message)}
\n \n
)\n\n\n }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n Tooltip\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport { constants } from '../../redux/ducks/verify-bev/verify-bev-constants';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport Timer from '../../components/timer';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport Draggable from 'react-draggable';\nimport WindowClose from 'adp-react-icons/lib/fa/window-close';\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet overlayPlacement = \"right\";\n\n\nexport default class VerifyBevIpayW2Form extends Component {\n\n componentWillMount() {\n this.props.getW2DropdownValues(\"iPayW2ServiceMBean\");\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n }\n\n render() {\n const {\n verifyBevObj,\n hideDraggableSet,\n showDraggableModal,\n showDraggable,\n onDropDownSelect,\n handleUpdateData,\n gaCategory\n\n } = this.props;\n\n const gaToolTip = (label) => ReactGA.sendevent(gaCategory, label, 'TOOLTIP');\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n
\n {/* Ipay Draggable component start */}\n {showIpayDraggable && (\n \n
\n \n
\n \n {productMBean.ipayLabel}\n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'PCS_NON_PCS_IPAY_DOC', 'MODAL');\n return handleIpayDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'PCS_NON_PCS_IPAY_DOC', 'MODAL');\n return handleIpayDraggable(true)\n }}>{productMBean.ipayButton}\n
\n \n
\n\n\n \n {\n ReactGA.sendevent(gaCategory, 'CLICK', 'PCS');\n return handleIpayRadioBtn(value)\n }}\n >\n {productMBean.iPayFormTypes[0].label}\n \n {\n ReactGA.sendevent(gaCategory, 'CLICK', 'NON_PCS');\n return handleIpayRadioBtn(value)\n }}\n >\n {productMBean.iPayFormTypes[1].label}\n \n
\n \n \n \n
)}\n {/* Ipay Draggable component end */}\n\n {/* Draggable component start */}\n {showDraggable && verifyBevObj.isIPayYes && (\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleIpayDraggable(false);\n }\n }} onClick={() => handleIpayDraggable(false)\n } className=\"vb-draggable-close\" />\n
\n \n
\n \n 
\n
\n {ReactHtmlParser(productMBean.ipayFindCompanyCodeSampleDoc.label)}
\n \n \n \n
)}\n\n {showDraggable && !verifyBevObj.isIPayYes && (\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleDraggable(false);\n }\n }} onClick={() => handleDraggable(false)} className=\"vb-draggable-close\" />\n
\n \n {iPayPayStmtMBean.viewSampleDocs.options.map((value, index) => (\n
\n \n \n
\n ))}\n {value.label}
\n \n \n \n
)}\n {/* Draggable component end */}\n\n {/* RADIO YES component start */}\n\n {verifyBevObj.isIPayYes && verifyBevObj.iPayShow && (\n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleDraggable(false);\n }\n }} onClick={() => handleDraggable(false)} className=\"vb-draggable-close\" />\n
\n \n {iPayPayStmtNonPCSMBean.viewSampleDocs.options.map((value, index) => (\n
\n \n \n
\n ))}\n {value.label}
\n \n\n
)}\n\n {/* RADIO YES component END */}\n\n\n {/* RADIO NO component start */}\n {!verifyBevObj.isIPayYes && verifyBevObj.iPayShow && (\n
\n\n {/* co component start */}\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'PCS_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'PCS_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true)\n }}>{iPayPayStmtMBean.viewSampleDocs.label}\n
\n \n
\n {/* co component end */}\n\n\n {/* fileNumber component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtMBean\", \"co\", value, iPayPayStmtMBean.co.regEx, 0)}\n />\n \n
\n \n \n
\n {/* fileNumber component end */}\n\n {/* Date of Birth component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtMBean\", \"fileNumber\", value, iPayPayStmtMBean.fileNumber.regEx, 1)}\n />\n \n
\n \n \n
\n {/* Date of Birth component end */}\n\n\n {/* adviceNumber component start */}\n \n
\n \n
\n \n \n
\n \n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'MONTH'); return handleDataChange(\"iPayPayStmtMBean\", \"fullMonthId\", value, null) }}\n value={iPayPayStmtMBean.fullMonthId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'DAY'); return handleDataChange(\"iPayPayStmtMBean\", \"fullDayId\", value, null) }}\n value={iPayPayStmtMBean.fullDayId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'YEAR'); return handleDataChange(\"iPayPayStmtMBean\", \"fullYearId\", value, null) }}\n value={iPayPayStmtMBean.fullYearId.value}\n />\n
\n \n
\n {/* adviceNumber component end */}\n\n\n {/* ssn component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtMBean\", \"adviceNumber\", value, iPayPayStmtMBean.adviceNumber.regEx, 2)}\n />\n \n
\n \n \n
\n {/* ssn component end */}\n\n\n\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtMBean\", \"ssn\", value, iPayPayStmtMBean.ssn.regEx, 3)}\n />\n \n
\n \n \n\n
)}\n\n {/* RADIO NO component END */}\n\n\n\n\n \n
\n {/* co component start */}\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'NON_PCS_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'NON_PCS_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true)\n }}>{iPayPayStmtNonPCSMBean.viewSampleDocs.label}\n
\n \n
\n {/* co component end */}\n\n {/* fileNumber component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtNonPCSMBean\", \"co\", value, iPayPayStmtNonPCSMBean.co.regEx, 0)}\n />\n \n
\n \n \n
\n {/* fileNumber component end */}\n\n\n {/* adviceNumber component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtNonPCSMBean\", \"fileNumber\", value, iPayPayStmtNonPCSMBean.fileNumber.regEx, 1)}\n />\n \n
\n \n \n
\n {/* adviceNumber component end */}\n\n {/* ssn component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtNonPCSMBean\", \"adviceNumber\", value, iPayPayStmtNonPCSMBean.adviceNumber.regEx, 2)}\n />\n \n
\n \n \n
\n {/* ssn component end */}\n\n {/* Date of Birth component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayPayStmtNonPCSMBean\", \"ssn\", value, iPayPayStmtNonPCSMBean.ssn.regEx, 3)}\n />\n \n
\n \n \n
\n {/* Date of Birth component end */}\n\n\n \n
\n \n
\n \n \n
\n \n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'MONTH'); return handleDataChange(\"iPayPayStmtNonPCSMBean\", \"fullMonthId\", value, null) }}\n value={iPayPayStmtNonPCSMBean.fullMonthId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'DAY'); return handleDataChange(\"iPayPayStmtNonPCSMBean\", \"fullDayId\", value, null) }}\n value={iPayPayStmtNonPCSMBean.fullDayId.value}\n />\n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'YEAR'); return handleDataChange(\"iPayPayStmtNonPCSMBean\", \"fullYearId\", value, null) }}\n value={iPayPayStmtNonPCSMBean.fullYearId.value}\n />\n
\n {msg}
\n \n ));\n\n\n const {\n iPayW2ServiceMBean\n } = this.props.verifyBevObj.initData;\n\n const handleDataChange = (parentName, fieldName, fieldValue, regEx, index) => {\n let payload = {};\n payload.type = 2;\n payload.parentName = parentName;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.regEx = regEx;\n payload.index = index;\n WindowUtil.setFirstAttemptGA({ gaCategory: this.props.gaCategory + \"_\" + \"IPAYW2\", fieldName: fieldName });\n return handleUpdateData(payload);\n }\n const tooltip = (message) =>\n ({ReactHtmlParser(message)}
\n \n
)\n\n\n }\n}\n","export const constants = {\n updateCountryOptionApiEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/chooseCountry\",\n hasRegCodeApiEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/helpUsFindYou\",\n submitIdentityOptionsApiEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/findUserByPii\",\n submitMultiOrgOptionApiEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/chooseClient\",\n submitPodRedirectionApiEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/verifyUserDetails\",\n verifyOTPEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/verifyOtp\",\n generateOTPEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/generateOtp\",\n piiOptionsEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/helpUsFindYou\",\n verifySivDataEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/findme/verifyUserSecurityDetails',\n TYPE_ERROR_LOCKED: \"Error_FunctionLocked\",\n TYPE_ERROR_INVALID: \"Error_SecCodeInvalid\",\n TYPE_ERROR_EXPIRED: \"Error_SecurityCodeExpired\",\n TYPE_ERROR_INTERAL_ERROR: \"Error_InternalError\",\n TYPE_ERROR_FAILED: \"Error_SendSecurityCodeFailed\",\n findUserbyEmail: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/findUserByEmail\",\n findUserbyPhone: \"/pages/sms/ess/v3/ws/rest/pub/ssr/findme/findUserByMobile\",\n setLocaleEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/updateLocale\",\n contractorOptionsEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/contractor/sivoptions\",\n verifyContractorSivEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/contractor/verifyidentity\",\n contractorMultiOrgApiEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/contractor/chooseclient\",\n contractorPodRedirectionEndPoint: \"/pages/sms/ess/v3/ws/rest/pub/ssr/contractor/verifyuserdetails\",\n SUCCESS: \"200\",\n findMeViewId: \"/findMe\",\n findMeVerifyPrcViewId: \"/verifyPrc\",\n identifyYourselfViewId: \"/identifyYourself\",\n verifyPicViewId: \"/verifyPic\",\n findMeEmailPhoneSearchViewId: \"/findMeEmailPhoneSearch\",\n findMePiiSearchViewId:\"/findMePiiSearch\",\n ALREADY_REGISTERED: \"ALREADY_REGISTERED\",\n FINDME_MULTIPLE_USERS_FOUND:\"MULTIPLE_USERS_FOUND\",\n FINDME_USER_NOT_FOUND:\"USER_NOT_FOUND\",\n EMAILPHONESEARCH_PAGE:\"emailPhoneSearch\",\n LANDING_PAGE:\"landing\",\n PII_PAGE:\"piiInfo\",\n ERROR_OPTIONS_PAGE:\"errorOptions\",\n CONTRACTOR_PAGE:\"contractorInfo\",\n IDENTIFIED_PAGE: \"identified\",\n OTP_PAGE:\"otp\",\n MULTIORG_PAGE:\"multiOrg\",\n REGCODE_PAGE: \"REGCODE_PAGE\",\n ORC_IDENTITY_PAGE: \"ORC_IDENTITY_PAGE\",\n PRC_IDENTITY_PAGE: \"PRC_IDENTITY_PAGE\",\n REGISTRATIONLESS_FED_PAGE: \"REGISTRATIONLESS_FED_PAGE\",\n REGISTRATIONLESS_DUAL_PAGE: \"REGISTRATIONLESS_DUAL_PAGE\",\n getRegistrationlessEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/findme/loginGoRegistrationLess',\n TYPE_UNAUTHORIZED: 'UNAUTHORIZED_ACCESS',\n EMAIL_PHONE_SIV_PAGE: \"emailPhoneSearchSiv\",\n EMAIL:\"email\",\n PHONE:\"phone\",\n EMAIL_PHONE_RADIO: \"emailPhoneSearch\",\n PII_RADIO: \"piiSearch\",\n REGLESS_RADIO: \"regLessRadio\",\n CREATE_ACC_RADIO: \"createAccRadio\",\n EMP_ID:'empId',\n SSN:'ssn',\n TIN:'tin',\n redirectToForgotFlowEndPoint: '/pages/sms/ess/v3/ws/rest/pub/ssr/alreadyregistered',\n MAX_SECURITY_OPTION_ATTEMPTS_REACHED:\"MAX_SECURITY_OPTION_ATTEMPTS_REACHED\",\n INVALID_SIVDATA:\"INVALID_SIVDATA\",\n DOB:\"dob\",\n SSN4:\"ssn4\",\n EMPID:\"empId\",\n WFNID:\"wfnId\",\n FNAME:\"firstName\",\n LNAME:\"lastName\",\n SIV_EMPID:\"siv_empid\",\n SIV_WFNID:\"siv_wfnid\",\n SIV_MONTH:\"siv_month\",\n SIV_DAY:\"siv_day\",\n SIV_YEAR:\"siv_year\",\n SIV_SSN4:\"siv_ssn4\",\n SIV_DOB:\"siv_dateofbirth\",\n RADIO:\"radio\",\n monthWith31days: [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\", \"31\"],\n monthWith30days: [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\", \"30\"],\n monthWith29days: [\"01\", \"02\", \"03\", \"04\", \"05\", \"06\", \"07\", \"08\", \"09\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\", \"24\", \"25\", \"26\", \"27\", \"28\", \"29\"],\n FIRSTNAME_COOKIE:\"adp_user_fname\",\n cookieExpiry:60 * 60 * 24 * 365,\n cookieDomain:\".adp.com\",\n cookiePath:\"/\",\n SPINFO_COOKIE:\"adp_user_spInfo\"\n\n};","import React, { Component } from 'react';\nimport classNames from 'classnames';\nimport { findIndex } from 'lodash/array';\nimport countryData from './country_data.js';\nimport { some, find, map, filter, includes } from 'lodash/collection';\nimport ReactDOM from 'react-dom';\nimport { debounce, memoize } from 'lodash/function';\nimport { startsWith } from 'lodash/string';\nimport {\n Popover,\n OverlayTrigger,\n} from '@synerg/vdl-react-components';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\n\nlet allCountries = countryData.allCountries;\nlet dropDownWidth = null;\nlet isModernBrowser = Boolean(document.createElement('input').setSelectionRange);\n\nconst isBlank = str => (str || '').trim().length === 0;\n\nvar style = require('./email-phone-input-style.scss');\n\nlet keys = {\n UP: 38,\n DOWN: 40,\n RIGHT: 39,\n LEFT: 37,\n ENTER: 13,\n ESC: 27,\n PLUS: 43,\n A: 65,\n Z: 90,\n SPACE: 32\n};\n\nfunction getOnlyCountries(onlyCountriesArray) {\n\n if (onlyCountriesArray.length === 0) {\n return allCountries;\n } else {\n let selectedCountries = [];\n allCountries.map(function (country) {\n onlyCountriesArray.map(function (selCountry) {\n if (country.iso2 === selCountry) {\n selectedCountries.push(country);\n }\n });\n });\n return selectedCountries;\n }\n}\n\nfunction excludeCountries(selectedCountries, excludedCountries) {\n if (excludedCountries.length === 0) {\n return selectedCountries;\n } else {\n return filter(selectedCountries, function (selCountry) {\n return !includes(excludedCountries, selCountry.iso2);\n });\n }\n}\n\nclass EmailPhoneInput extends Component {\n\n\n componentDidMount() {\n document.addEventListener('keydown', this.handleKeydown);\n }\n\n componentWillUnmount() {\n document.removeEventListener('keydown', this.handleKeydown);\n }\n\n constructor(props) {\n super(props);\n let showAutoFocus = this.props.showAutoFocus || false;\n let iso = this.props.defaultCountry;\n let onlyCountries = excludeCountries(getOnlyCountries(props.onlyCountries), props.excludeCountries);\n let preferredCountries = filter(allCountries, (country) => {\n return some(this.props.preferredCountries, (preferredCountry) => {\n return preferredCountry === country.iso2;\n });\n });\n let selectedCountry = find(onlyCountries, { iso2: iso });\n if (selectedCountry == undefined) {\n selectedCountry = find(onlyCountries, { iso2: 'us' });\n inputNumber = '';\n }\n\n let dialCode = selectedCountry.dialCode;\n\n let selectedCountryIndex = findIndex(allCountries, selectedCountry);\n\n this.handleFlagDropdownClick = this.handleFlagDropdownClick.bind(this);\n this.handleFlagItemClick = this.handleFlagItemClick.bind(this);\n this.getElement = this.getElement.bind(this);\n this.scrollTo = this.scrollTo.bind(this);\n this.handleClickOutside = this.handleClickOutside.bind(this);\n this._moveHighlight = this._moveHighlight.bind(this);\n this.handleKeydown = this.handleKeydown.bind(this);\n\tthis.handleCountryCdKeyDown = this.handleCountryCdKeyDown.bind(this);\n this._getHighlightCountryIndex = this._getHighlightCountryIndex.bind(this);\n this._searchCountry = this._searchCountry.bind(this);\n this.searchCountry = this.searchCountry.bind(this);\n this.getFieldDetails = this.getFieldDetails.bind(this);\n this.handleInput = this.handleInput.bind(this);\n this.onChangeResponse = this.onChangeResponse.bind(this);\n this.state = {\n emailRegEx: props.emailRegEx,\n showAutoFocus,\n phoneRegEx: props.phoneRegEx,\n placeholder: props.placeholder,\n onlyCountries: onlyCountries,\n preferredCountries: preferredCountries,\n selectedCountry: selectedCountry,\n dialCode: dialCode,\n highlightCountryIndex: selectedCountryIndex,\n showDropDown: false,\n debouncedQueryStingSearcher: debounce(this.searchCountry, 300),\n type: \"email\",\n errorMessage: props.errorMessage,\n value: '',\n isValid: true,\n queryString: ''\n\n\n };\n }\n\n onChangeResponse() {\n let response = {};\n response.type = this.state.type;\n response.value = this.state.value;\n response.isValid = this.state.isValid;\n\n // preparing phone value\n if (this.state.type == \"phone\") {\n response.dialCode = this.state.selectedCountry.dialCode;\n response.iso = this.state.selectedCountry.iso2;\n let code = response.dialCode;\n let initialPos = code.length + 2;\n let value = this.state.value.substr(initialPos, this.state.value.length);\n response.phoneValue = value.replace(/\\D/g, '');\n }\n else {\n response.phoneValue = null;\n response.dialCode = null;\n response.iso = null;\n }\n return response;\n }\n\n\n // put the cursor to the end of the input (usually after a focus event)\n _cursorToEnd() {\n let input = ReactDOM.findDOMNode(this.refs.numberInput);\n\n input.focus();\n if (isModernBrowser) {\n let len = input.value.length;\n input.setSelectionRange(len, len);\n }\n }\n\n getElement(index) {\n return ReactDOM.findDOMNode(this.refs[`flag_no_${index}`]);\n }\n\n scrollTo(country, middle) {\n if (!country) return;\n\n let container = ReactDOM.findDOMNode(this.refs.flagDropdownList);\n\n if (!container) return;\n\n let containerHeight = container.offsetHeight;\n let containerOffset = container.getBoundingClientRect();\n let containerTop = containerOffset.top + document.body.scrollTop;\n let containerBottom = containerTop + containerHeight;\n\n let element = country;\n let elementOffset = element.getBoundingClientRect();\n\n let elementHeight = element.offsetHeight;\n let elementTop = elementOffset.top + document.body.scrollTop;\n let elementBottom = elementTop + elementHeight;\n let newScrollTop = elementTop - containerTop + container.scrollTop;\n let middleOffset = (containerHeight / 2) - (elementHeight / 2);\n\n if (elementTop < containerTop) {\n // scroll up\n if (middle) {\n newScrollTop -= middleOffset;\n }\n container.scrollTop = newScrollTop;\n } else if (elementBottom > containerBottom) {\n // scroll down\n if (middle) {\n newScrollTop += middleOffset;\n }\n var heightDifference = containerHeight - elementHeight;\n container.scrollTop = newScrollTop - heightDifference;\n }\n }\n\n handleClickOutside(e) {\n var target = e.target;\n var id = ReactDOM.findDOMNode(this.refs.flagDropDownButton);\n if (id != undefined && !id.contains(target)) {\n this.setState({ showDropDown: false });\n document.removeEventListener('click', this.handleClickOutside, false);\n\n }\n }\n handleFlagItemClick(country) {\n let currentSelectedCountry = this.state.selectedCountry;\n let nextSelectedCountry = find(this.state.onlyCountries, country);\n\n if (currentSelectedCountry.iso2 !== nextSelectedCountry.iso2) {\n let ccode = nextSelectedCountry.dialCode;\n let oldCode = currentSelectedCountry.dialCode;\n let initialPos = oldCode.length + 2;\n let value = this.state.value.substr(initialPos, this.state.value.length);\n value = \"+\" + ccode + \" \" + value;\n\n this.setState({\n showDropDown: false,\n dialCode: nextSelectedCountry.dialCode,\n selectedCountry: nextSelectedCountry,\n value: value\n }, function () {\n this._cursorToEnd();\n if (this.props.onChange) {\n\n this.props.onChange(this.onChangeResponse());\n }\n });\n }\n\n }\n\n searchCountry() {\n const probableCandidate = this._searchCountry(this.state.queryString) || this.state.onlyCountries[0];\n const probableCandidateIndex = findIndex(this.state.onlyCountries, probableCandidate) +\n this.state.preferredCountries.length;\n\n this.scrollTo(this.getElement(probableCandidateIndex), true);\n\n this.setState({\n queryString: '',\n highlightCountryIndex: probableCandidateIndex\n });\n }\n\n _getHighlightCountryIndex(direction) {\n\n // had to write own function because underscore does not have findIndex. lodash has it\n var highlightCountryIndex = this.state.highlightCountryIndex + direction;\n\n if (highlightCountryIndex < 0\n || highlightCountryIndex >= (this.state.onlyCountries.length + this.state.preferredCountries.length)) {\n return highlightCountryIndex - direction;\n }\n\n return highlightCountryIndex;\n }\n\n _moveHighlight(direction) {\n this.setState({\n highlightCountryIndex: this._getHighlightCountryIndex(direction)\n }, () => {\n this.scrollTo(this.getElement(this.state.highlightCountryIndex), true);\n });\n };\n\n handleCountryCdKeyDown(event) {\n if (event.which == keys.ENTER) {\n this.setState({ showDropDown: true });\n this._moveHighlight(0);\n }\n }\n \n handleKeydown(event) {\n if (!this.state.showDropDown) {\n return;\n }\n\n // ie hack\n if (event.preventDefault) {\n event.preventDefault();\n } else {\n event.returnValue = false;\n }\n\n\n\n switch (event.which) {\n case keys.DOWN:\n this._moveHighlight(1);\n break;\n case keys.UP:\n this._moveHighlight(-1);\n break;\n case keys.ENTER:\n this.handleFlagItemClick(this.state.onlyCountries[this.state.highlightCountryIndex], event);\n break;\n case keys.ESC:\n this.setState({ showDropDown: false }, this._cursorToEnd);\n break;\n default:\n if ((event.which >= keys.A && event.which <= keys.Z) || event.which === keys.SPACE) {\n this.setState({\n queryString: this.state.queryString + String.fromCharCode(event.which)\n }, this.state.debouncedQueryStingSearcher);\n }\n }\n }\n\n\n handleFlagDropdownClick(event) {\n document.addEventListener('click', this.handleClickOutside, false);\n // need to put the highlight on the current selected country if the dropdown is going to open up\n this.setState({\n showDropDown: !this.state.showDropDown,\n highlightCountry: find(this.state.onlyCountries, this.state.selectedCountry),\n highlightCountryIndex: findIndex(this.state.onlyCountries, this.state.selectedCountry)\n }, () => {\n if (this.state.showDropDown) {\n let countrySize = this.state.onlyCountries.length;\n let currentIndex = this.state.highlightCountryIndex;\n if (countrySize - currentIndex <= 6) {\n this.scrollTo(this.getElement(countrySize - 1));\n\n } else {\n //this.scrollTo(this.getElement(this.state.highlightCountryIndex + this.state.preferredCountries.length + 5));\n let container = ReactDOM.findDOMNode(this.refs.flagDropdownList);\n let country = this.getElement(currentIndex);\n let containerOffset = container.getBoundingClientRect();\n let containerTop = containerOffset.top + document.body.scrollTop;\n let element = country;\n let elementOffset = element.getBoundingClientRect();\n\n let elementTop = elementOffset.top + document.body.scrollTop;\n let newScrollTop = elementTop - containerTop + container.scrollTop;\n container.scrollTop = newScrollTop;\n }\n }\n });\n\n }\n\n getFieldDetails(value, caretPosition) {\n let fieldData = {};\n fieldData.caretPosition = caretPosition;\n fieldData.value = value;\n fieldData.valueChanged = true;\n fieldData.fieldValid = false;\n fieldData.type = \"email\";\n const emailRegEx = new RegExp(this.state.emailRegEx);\n const phoneRegEx = this.state.phoneRegEx;\n let defaultSelectedCountry = find(this.state.onlyCountries, { iso2: this.props.defaultCountry });\n fieldData.currentSelectedCountry = this.state.selectedCountry;\n if (value.length == 0) {\n fieldData.currentSelectedCountry = defaultSelectedCountry;\n return fieldData;\n }\n\n if (this.state.type == \"phone\") {\n\n\n // freezing +\n let ccode = this.state.selectedCountry.dialCode;\n let pos = ccode.length + 1;\n if (value[0] != \"+\") {\n if (value[1] == \"+\") {\n let userValue = value[0] + value.slice(pos + 2);\n if (phoneRegEx.test(userValue)) {\n fieldData.value = '+' + ccode + \" \" + userValue;\n fieldData.type = \"phone\";\n fieldData.fieldValid = true;\n fieldData.caretPosition = caretPosition + ccode.length + 2;\n return fieldData;\n }\n else {\n fieldData.value = userValue;\n fieldData.type = \"email\";\n return fieldData;\n }\n }\n else {\n\n fieldData.valueChanged = false;\n fieldData.type = \"phone\";\n fieldData.value = '+' + value;\n fieldData.fieldValid = true;\n return fieldData;\n }\n }\n else if (ccode != value.slice(1, pos)) {\n // update value not matching with ccode\n fieldData.valueChanged = false;\n fieldData.type = \"phone\";\n fieldData.value = this.state.value;\n fieldData.fieldValid = true;\n return fieldData;\n }\n //freezing space after ccode\n if (value[pos] != \" \") {\n if (value[pos + 1] == \" \") {\n let userValue = value[pos] + value.slice(pos + 2);\n if (phoneRegEx.test(userValue)) {\n fieldData.value = '+' + ccode + \" \" + userValue;\n fieldData.type = \"phone\";\n fieldData.caretPosition = caretPosition + 1;\n fieldData.fieldValid = true;\n return fieldData;\n }\n else {\n fieldData.value = userValue;\n fieldData.caretPosition = caretPosition - (ccode.length + 1);\n return fieldData;\n }\n }\n else {\n fieldData.valueChanged = false;\n fieldData.value = '+' + ccode + \" \" + value.slice(pos);\n fieldData.type = \"phone\";\n fieldData.fieldValid = true;\n return fieldData;\n }\n }\n\n else if (!phoneRegEx.test(value) || value.length <= 3) {\n fieldData.value = value.slice(pos + 1);\n fieldData.caretPosition = caretPosition - (ccode.length + 2);\n return fieldData;\n\n }\n\n\n }\n\n if (!isBlank(value) && phoneRegEx.test(value) && value.length > 3 && this.state.type == \"phone\") {\n fieldData.fieldValid = true;\n fieldData.type = \"phone\";\n let ccode = this.state.selectedCountry.dialCode;\n let pos = ccode.length + 1;\n if (value[0] == \"+\") {\n let phoneValue = value.slice(pos + 1);\n //handling invalid entered data\n if (!phoneRegEx.test(phoneValue)) {\n fieldData.fieldValid = false;\n fieldData.type = \"email\";\n fieldData.value = phoneValue;\n fieldData.caretPosition = caretPosition - (ccode.length + 2);\n\n return fieldData;\n }\n else if (phoneValue.length <= 3) {\n fieldData.fieldValid = false;\n fieldData.type = \"email\";\n fieldData.value = phoneValue;\n fieldData.caretPosition = caretPosition - (ccode.length + 2);\n\n return fieldData;\n\n }\n fieldData.value = '+' + ccode + \" \" + phoneValue;\n }\n else if (value.length <= 3) {\n fieldData.value = value.slice(pos);\n fieldData.type = \"email\";\n fieldData.fieldValid = false;\n return fieldData;\n\n }\n\n }\n\n else if (!isBlank(value) && phoneRegEx.test(value) && value.length > 3) {\n fieldData.fieldValid = true;\n fieldData.type = \"phone\";\n let ccode = this.state.selectedCountry.dialCode;\n // fresh data\n fieldData.caretPosition = caretPosition + ccode.length + 2;\n if (value[0] == \"+\") {\n fieldData.value = '+' + ccode + \" \" + value.slice(1, value.length);\n }\n else {\n fieldData.value = '+' + ccode + \" \" + value;\n }\n }\n else if (!isBlank(value) && emailRegEx.test(value)) {\n fieldData.fieldValid = true;\n fieldData.type = \"email\";\n }\n return fieldData;\n }\n\n\n\n handleInput(event) {\n let inputValue = null;\n let caretPosition = event.target.selectionStart;\n let currentDialCode = this.state.selectedCountry.dialCode;\n\n\n\n if (event.target.value != undefined || event.target.value != null) {\n inputValue = event.target.value;\n\n if (inputValue.length != 0 && this.state.type == \"phone\") {\n if (caretPosition <= currentDialCode.length + 1) {\n return;\n }\n }\n\n let data = this.getFieldDetails(inputValue, caretPosition);\n if (data != null) {\n this.setState({\n value: data.value,\n isValid: data.fieldValid,\n type: data.type,\n selectedCountry: data.currentSelectedCountry\n }, function () {\n if (isModernBrowser) {\n\n let input = ReactDOM.findDOMNode(this.refs.numberInput);\n input.focus();\n input.setSelectionRange(data.caretPosition, data.caretPosition);\n\n }\n\n if (this.props.onChange && data.valueChanged) {\n this.props.onChange(this.onChangeResponse());\n }\n });\n }\n }\n\n }\n\n getCountryDropDownList() {\n let countryDropDownList = map(this.state.preferredCountries.concat(this.state.onlyCountries), (country, index) => {\n\n let itemClasses = classNames({\n country: true,\n preferred: country.iso2 === 'us' || country.iso2 === 'gb',\n active: country.iso2 === 'us',\n highlight: this.state.highlightCountryIndex === index\n });\n\n return (\n \n
\n {/* Draggable component start */}\n {showDraggable && (\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'IPAY_W2_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true);\n }\n }} onClick={() => {\n ReactGA.sendevent(gaCategory, 'IPAY_W2_SAMPLE_DOC', 'MODAL');\n return handleDraggable(true)\n } }>{iPayW2ServiceMBean.viewSampleDocs.label}\n
\n \n \n \n
)}\n {/* Draggable component end */}\n\n {/* Year component start */}\n \n
\n \n {\n if (e.key === 'Enter') {\n e.preventDefault();\n return handleDraggable(false);\n }\n }} onClick={() => handleDraggable(false)} className=\"vb-draggable-close\" />\n
\n \n {iPayW2ServiceMBean.viewSampleDocs.options.map((value, index) => (\n
\n \n \n
\n ))}\n {value.label}
\n \n
\n {/* Year component end */}\n\n {/* controlNumber component start */}\n \n
\n \n
\n \n \n
\n \n
\n \n { ReactGA.sendevent(gaCategory, 'DROPDOWN_SELECT', 'YEAR'); return handleDataChange(\"iPayW2ServiceMBean\", \"w2Year\", value, null)}}\n value={iPayW2ServiceMBean.w2Year.value}\n />\n
\n \n
\n {/* controlNumber component end */}\n\n\n\n {/* ssn component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayW2ServiceMBean\", \"controlNumber\", value, iPayW2ServiceMBean.controlNumber.regEx, 0)}\n />\n \n
\n \n \n
\n {/* ssn component end */}\n\n\n\n {/* wages component start */}\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayW2ServiceMBean\", \"ssn\", value, iPayW2ServiceMBean.ssn.regEx, 1)}\n />\n \n
\n \n \n
\n {/* wages component end */}\n\n\n\n\n \n
\n \n
\n \n \n
\n \n \n handleDataChange(\"iPayW2ServiceMBean\", \"wages\", value, iPayW2ServiceMBean.wages.regEx, 2)}\n />\n \n
\n \n - \n {countryDropDownList}\n
\n
\n\n )\n }\n\n\n}\n\nEmailPhoneInput.prototype._searchCountry = memoize(function (queryString) {\n if (!queryString || queryString.length === 0) {\n return null;\n }\n // don't include the preferred countries in search\n let probableCountries = filter(this.state.onlyCountries, function (country) {\n return startsWith(country.name.toLowerCase(), queryString.toLowerCase());\n }, this);\n return probableCountries[0];\n});\n\nEmailPhoneInput.defaultProps = {\n value: '',\n validationRule: '',\n placeholder: \"\",\n onlyCountries: [],\n excludeCountries: [],\n errorMessage: \"Enter a valid value.\",\n defaultCountry: 'us',\n emailRegEx: \"[A-Za-z0-9!#$%&'*+/=?^_`{|}~\\\\-ÀàÈèÌìÒòÙù]+(?:\\\\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~\\\\-ÀàÈèÌìÒòÙù]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9\\\\-]*[A-Za-z0-9])?\\\\.)+[A-Za-z][A-Za-z0-9](?:[A-Za-z0-9\\\\-]*[A-Za-z0-9])?\",\n phoneRegEx: /^(?=.*[0-9])[- +/()0-9]+$/\n};\n\n\nexport default injectIntl(EmailPhoneInput);\n\n","import React, { Component } from 'react';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n DropdownButton\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { ReactGA, WindowUtil } from '../../util';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport { constants } from '../../redux/ducks/find-me/find-me-constants';\nimport LockIcon from 'adp-react-icons/lib/fa/lock';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\n\nconst isBlank = str => (str || '').trim().length === 0;\nvar ua = window.navigator.userAgent;\nvar isIE = (ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident\") > -1 || ua.indexOf(\"Edge\") > -1) ? true : false;\nlet overlayPlacement = \"right\";\nlet showAlertFlag = false;\nlet setAutoFocusOff;\n\nclass FindMeEmailPhoneSivForm extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n option: ''\n };\n this.handleSivRadio = this.handleSivRadio.bind(this);\n this.handleMonthDaySelection = this.handleMonthDaySelection.bind(this);\n }\n\n componentWillMount() {\n this.props.enableSubmitButton(false);\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n WindowUtil.setlayoutback(false);\n }\n\n componentWillReceiveProps = (nextProps) => {\n if (nextProps.emailPhoneSearchSivObj.sivOptions != null && nextProps.emailPhoneSearchSivObj.availableSivOptions != null) {\n this.checkSivFormReadyness(nextProps);\n this.handleMonthDaySelection(nextProps);\n }\n };\n\n checkSivFormReadyness = (nextProps) => {\n let formValid = true;\n if (nextProps.emailPhoneSearchSivObj.initialLoad) {\n if (nextProps.emailPhoneSearchSivObj.initialSivData === constants.SSN4 && (isBlank(nextProps.emailPhoneSearchSivObj.ssn4) || !nextProps.emailPhoneSearchSivObj.ssn4Valid))\n formValid = false;\n if (nextProps.emailPhoneSearchSivObj.initialSivData === constants.EMPID && (isBlank(nextProps.emailPhoneSearchSivObj.empId) || !nextProps.emailPhoneSearchSivObj.empIdValid))\n formValid = false;\n if (nextProps.emailPhoneSearchSivObj.initialSivData === constants.WFNID && (isBlank(nextProps.emailPhoneSearchSivObj.wfnId) || !nextProps.emailPhoneSearchSivObj.wfnIdValid))\n formValid = false;\n if (nextProps.emailPhoneSearchSivObj.initialSivData === constants.DOB && (isBlank(nextProps.emailPhoneSearchSivObj.month) || isBlank(nextProps.emailPhoneSearchSivObj.day)))\n formValid = false;\n } else {\n if (this.state.option === '')\n formValid = false;\n if (this.state.option === constants.SSN4 && (isBlank(nextProps.emailPhoneSearchSivObj.ssn4) || !nextProps.emailPhoneSearchSivObj.ssn4Valid))\n formValid = false;\n if (this.state.option === constants.EMPID && (isBlank(nextProps.emailPhoneSearchSivObj.empId) || !nextProps.emailPhoneSearchSivObj.empIdValid))\n formValid = false;\n if (this.state.option === constants.WFNID && (isBlank(nextProps.emailPhoneSearchSivObj.wfnId) || !nextProps.emailPhoneSearchSivObj.wfnIdValid))\n formValid = false;\n if (this.state.option === constants.DOB && (isBlank(nextProps.emailPhoneSearchSivObj.month) || isBlank(nextProps.emailPhoneSearchSivObj.day)))\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n };\n\n handleSivRadio(option) {\n this.setState({\n option\n });\n }\n\n handleMonthDaySelection = (nextProps) => {\n if ((nextProps.emailPhoneSearchSivObj.availableSivOptions.siv_dateofbirth && this.state.option === constants.DOB) || (nextProps.emailPhoneSearchSivObj.initialLoad && nextProps.emailPhoneSearchSivObj.availableSivOptions.siv_dateofbirth)) {\n const inputMonthId = nextProps.emailPhoneSearchSivObj.sivOptions.sivOptionsCalenderItems.monthItems.indexOf(nextProps.emailPhoneSearchSivObj.month) + 1;\n if (inputMonthId == 1 || inputMonthId == 3 || inputMonthId == 5 || inputMonthId == 7 || inputMonthId == 8 || inputMonthId == 10 || inputMonthId == 12) {\n nextProps.emailPhoneSearchSivObj.sivOptions.sivOptionsCalenderItems.dayItems = constants.monthWith31days;\n }\n if (inputMonthId == 4 || inputMonthId == 6 || inputMonthId == 9 || inputMonthId == 11) {\n nextProps.emailPhoneSearchSivObj.sivOptions.sivOptionsCalenderItems.dayItems = constants.monthWith30days;\n }\n if (inputMonthId == 2) {\n nextProps.emailPhoneSearchSivObj.sivOptions.sivOptionsCalenderItems.dayItems = constants.monthWith29days;\n }\n }\n }\n\n render() {\n const {\n findMeObj,\n isMobileBrowser,\n isMobile,\n gaCategory,\n isFormValid,\n showModalMessage,\n showModalWarn,\n showModalTitle,\n cancelAndCheckYourEntries,\n emailPhoneSearchSivObj,\n setSivField,\n verifySivData,\n errorInSIV,\n goToEmailPhoneSearchPage\n } = this.props;\n\n const errorPopover = (fieldValid, msg) =>\n (fieldValid && \n {/*********** Phone Field Start ****************/}\n {this.state.type == \"phone\" && (\n \n \n \n )}\n {/*********** Phone Field End ****************/}\n\n {/*********** Email Field Start ****************/}\n {this.state.type == \"email\" && (\n \n \n \n )}\n {/*********** Email Field End ****************/}\n\n\n {this.state.type == \"phone\" && (
\n\n \n
)}\n\n\n \n
\n {this.state.showDropDown ? this.getCountryDropDownList() : ''}\n \n {this.state.selectedCountry.iso2}\n
\n {msg}
\n \n ));\n\n const updateSivFieldValueHandler = (fieldKey, fieldValue) => {\n let payload = {};\n payload.fieldKey = fieldKey;\n payload.fieldValue = fieldValue;\n return setSivField(payload);\n }\n\n const _handleSivSubmitKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'SIV_DATA', 'SUBMIT');\n this.props.verifySivData();\n }\n\n return (\n findMeObj.showDiv && (\n\n
\n\n )\n );\n }\n}\nexport default injectIntl(FindMeEmailPhoneSivForm);","import React, { Component } from 'react';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n DropdownButton\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { ReactGA, WindowUtil } from '../../util';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\nimport BuildingIcon from 'adp-react-icons/lib/fa/building-o';\nimport CountryCodeDropdown from '../../components/country-code';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport { constants } from '../../redux/ducks/find-me/find-me-constants';\nimport EmailPhoneInput from '../../components/email-phone-input';\nimport LockIcon from 'adp-react-icons/lib/fa/lock';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport FindMeEmailPhoneSivForm from './FindMeEmailPhoneSivForm';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nvar ua = window.navigator.userAgent;\nvar isIE = (ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident\") > -1 || ua.indexOf(\"Edge\") > -1) ? true : false;\nlet overlayPlacement = \"right\";\nlet showAlertFlag = false;\nlet isFirstTimeLoad = false;\nlet setAutoFocusOff;\n\nclass FindMeForm extends Component {\n\n componentWillMount() {\n if (!isFirstTimeLoad)\n this.props.getFindMeInfo();\n isFirstTimeLoad = true;\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n }\n componentWillReceiveProps = (nextProps) => {\n if (nextProps.sendRedirect)\n nextProps.setRedirect();\n if (nextProps.findMeObj.showAlert && showAlertFlag) {\n showAlertFlag = false;\n window.scrollTo(0, 0);\n }\n const redirectToPiiFLow = nextProps.findMeObj.redirectToPiiPage || false;\n if (redirectToPiiFLow) {\n nextProps.getPiiOptions();\n nextProps.findMeObj.redirectToPiiPage = false;\n }\n if (nextProps.findMeObj.page == constants.PII_PAGE) {\n this.checkFormInfoReadyness(nextProps);\n }\n else if (nextProps.findMeObj.page == constants.EMAILPHONESEARCH_PAGE && nextProps.findMeObj.searchType == constants.EMAIL) {\n this.checkFormEmailReadyness(nextProps);\n }\n else if (nextProps.findMeObj.page == constants.EMAILPHONESEARCH_PAGE && nextProps.findMeObj.searchType == constants.PHONE) {\n this.checkFormPhoneReadyness(nextProps);\n }\n else if (nextProps.findMeObj.page == constants.OTP_PAGE) {\n this.checkEmailPhoneOTP(nextProps);\n }\n }\n\n componentDidUpdate(oldProps) {\n if (oldProps.findMeObj != undefined) {\n const nextProps = this.props\n const nextVerifyUser = nextProps.findMeObj.verifyUserCall || false;\n const prevVerifyUser = oldProps.findMeObj.verifyUserCall || false;\n\n if (nextVerifyUser && !prevVerifyUser) {\n nextProps.setRedirectVerifyUser();\n }\n }\n\n }\n\n checkEmailPhoneOTP = (nextProps) => {\n let formValid = true;\n if (isBlank(nextProps.findMeObj.otpValue)) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n }\n\n checkFormEmailReadyness = (nextProps) => {\n let formValid = true;\n if (isBlank(nextProps.findMeObj.email) || !nextProps.findMeObj.emailPhoneValid) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n }\n\n checkFormPhoneReadyness = (nextProps) => {\n let formValid = true;\n if (isBlank(nextProps.findMeObj.phone) || !nextProps.findMeObj.emailPhoneValid) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n }\n\n checkFormInfoReadyness = (nextProps) => {\n let formValid = true;\n\n if (nextProps.findMeObj.sivOptions) {\n\n if (nextProps.findMeObj.sivOptions[\"siv_firstname\"] &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_firstname\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_firstname\"].validationError)) {\n formValid = false;\n }\n\n if (nextProps.findMeObj.sivOptions[\"siv_lastname\"] &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_lastname\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_lastname\"].validationError)) {\n formValid = false;\n }\n\n if (nextProps.findMeObj.sivOptions[\"siv_fulldateofbirth\"] &&\n (isBlank(nextProps.findMeObj.fullMonth) || isBlank(nextProps.findMeObj.fullDay) || isBlank(nextProps.findMeObj.fullYear))) {\n formValid = false;\n }\n\n {/*** Radio option check**/ }\n\n if (nextProps.findMeObj.selectedCountry == nextProps.findMeObj.countryDropdown[0]) {\n if (nextProps.findMeObj.radio1 == \"empId\" &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_empid\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_empid\"].validationError)) {\n formValid = false;\n }\n else if (nextProps.findMeObj.radio1 == \"ssn\" &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_ssn\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_ssn\"].validationError)) {\n formValid = false;\n }\n\n }\n\n if (nextProps.findMeObj.selectedCountry != nextProps.findMeObj.countryDropdown[0] &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_empid\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_empid\"].validationError)) {\n formValid = false;\n }\n\n }\n this.props.enableSubmitButton(formValid);\n };\n\n handleTooltipClick = (e) => {\n e.stopPropagation();\n ReactGA.sendevent(this.props.gaCategory, 'REGCODE', 'TOOLTIP');\n }\n\n\n render() {\n const {\n findMeObj,\n isMobileBrowser,\n isMobile,\n gaCategory,\n updateCountryOption,\n updateFieldValue,\n isFormValid,\n submitIdentityOptions,\n showModalMessage,\n showModalWarn,\n showModalTitle,\n cancelAndCheckYourEntries,\n hasRegCode,\n orgSelected,\n goToMainPage,\n goToPiiInfoPage,\n channelSelect,\n submitAccessCode,\n resendOTP,\n getPiiOptions,\n setPrevPage,\n prevPage,\n goToErrorOptionsPage,\n goToEmailPhoneSearchPage,\n errorPageInfo,\n setErrorPageInfo,\n redirectToContactInfo,\n code,\n setLocale,\n changeLocale,\n redirectToIdentityPage,\n emailPhoneSearchSivObj\n } = this.props;\n\n const updateFieldValueHandler = (fieldName, fieldValue, isDateField) => {\n let payload = {};\n isDateField = isDateField || false;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.isDateField = isDateField;\n return updateFieldValue(payload);\n }\n\n const tooltip = (message) =>\n (\n
\n \n
\n {((!emailPhoneSearchSivObj.initialLoad && errorInSIV) || (emailPhoneSearchSivObj.initialLoad && emailPhoneSearchSivObj.singleSiv)) && \n
\n \n {(!emailPhoneSearchSivObj.initialLoad && errorInSIV) || (emailPhoneSearchSivObj.initialLoad && emailPhoneSearchSivObj.singleSiv) ?
\n {emailPhoneSearchSivObj.initialLoad && (errorInSIV === undefined || errorInSIV === '') &&
\n {(!emailPhoneSearchSivObj.initialLoad && errorInSIV) || (emailPhoneSearchSivObj.initialLoad && emailPhoneSearchSivObj.singleSiv) ?
\n {emailPhoneSearchSivObj.initialLoad && (errorInSIV === undefined || errorInSIV === '') && {\n
}\n \n\n \n
\n\n {ReactHtmlParser(message)}
\n {msg}
\n \n ));\n\n const handleEmailPhoneChange = (value) => {\n const obj = {};\n obj.fieldName = value.type;\n obj.fieldValue = value.value;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"EMAIL_PHONE_SEARCH\" });\n if (value.type != undefined && value.type != null && value.type === constants.PHONE) {\n obj.fieldValue = value.phoneValue;\n obj.isoCode = value.iso;\n obj.ccode = value.dialCode;\n }\n obj.isValid = value.isValid;\n return updateFieldValue(obj);\n }\n\n const updatePrevPage = (value) => {\n let prevPage = value;\n setPrevPage(prevPage);\n return getPiiOptions();\n }\n\n const _handleSearchKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'SUBMIT');\n if (this.props.findMeObj.searchType == constants.EMAIL) {\n let payload = {};\n payload.value = findMeObj.email;\n payload.endPoint = constants.findUserbyEmail;\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'EMAIL');\n return channelSelect(payload);\n }\n else if (this.props.findMeObj.searchType == constants.PHONE) {\n let payload = {};\n let value = {};\n value.siv_mobile = findMeObj.phone;\n value.siv_country = findMeObj.isoCode;\n payload.value = value;\n payload.endPoint = constants.findUserbyPhone;\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'PHONE');\n return channelSelect(payload);\n }\n }\n\n const _handlePiiKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'PII_INFO', 'SUBMIT');\n this.props.submitIdentityOptions();\n }\n\n const _handleOtpKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'OTP_CODE', 'SUBMIT');\n this.props.submitAccessCode();\n }\n\n\n return (\n findMeObj.showDiv && (\n \n \n \n \n \n \n \n \n \n \n )}\n {/*************************************Error MODAL END*******************************************/}\n\n\n
\n \n\n\n { /** **************************Footer OTP page starts************************************** */}\n\n {(findMeObj.page == constants.OTP_PAGE) && (\n \n\n
\n }\n {\n ReactGA.sendevent(gaCategory, 'CODELESS_LANDING', 'BACK');\n return cancelAndCheckYourEntries();\n }}\n >\n
)}\n\n {/**************************find me page 2 email/phone search***************/}\n {(findMeObj.page == constants.EMAILPHONESEARCH_PAGE) && (\n {(window.innerWidth > 479) &&
\n\n {(findMeObj.page != constants.LANDING_PAGE && findMeObj.progressBarData != undefined && findMeObj.progressBarData.showProgressBar && !isMobile) && (\n \n\n {\n changeLocale(valueField.suffix);\n ReactGA.sendevent(gaCategory, 'LANGUAGE_DROPDOWN_SELECT', valueField.suffix);\n return setLocale(valueField)\n\n }}>\n {findMeObj.locale}\n \n
\n\n )}\n {(!isMobile) && (findMeObj.page != constants.LANDING_PAGE) && (\n \n \n
\n\n )}\n \n
\n )}\n\n {(!isMobile) && \n }\n
\n \n \n
\n {((isMobileBrowser && !isMobile) || window.innerWidth > 479) && (\n
\n\n {/*********************Find Me main page start *****************************/}\n {(findMeObj.page == constants.LANDING_PAGE) && (\n\n\n
\n \n\n {(findMeObj.page == constants.LANDING_PAGE) && (
\n \n {
\n
)}\n\n {(findMeObj.page == constants.EMAILPHONESEARCH_PAGE) && ({
\n {
\n {
\n \n {
\n
)}\n\n {findMeObj.page == constants.OTP_PAGE && ({
\n \n {
\n
)}\n\n {findMeObj.page == constants.IDENTIFIED_PAGE && ({
\n \n {
\n
)}\n\n {(findMeObj.page == constants.MULTIORG_PAGE) && (\n {
\n \n {
\n
\n )}\n\n {(findMeObj.page === constants.ERROR_OPTIONS_PAGE) && (\n {
\n {
\n \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && ({
)}\n\n {(findMeObj.redirectionFrom === constants.REGCODE_PAGE) && (
\n )}\n\n {(findMeObj.page == constants.PII_PAGE) && (\n {
)}\n\n {(findMeObj.redirectionFrom === constants.REGCODE_PAGE) && (\n \n {
\n
)}\n\n {(findMeObj.redirectionFrom === constants.ORC_IDENTITY_PAGE) && (\n {
\n {
\n \n {
\n
)}\n\n \n {
\n {{findMeObj.companyName}}}/>}
\n {(code !== undefined && code === constants.ALREADY_REGISTERED) ? errorPageInfo :
\n
\n )}\n {(code !== undefined && code === constants.ALREADY_REGISTERED) ? errorPageInfo :
\n \n \n \n
\n\n \n {(findMeObj.showAlert) && (\n \n )}\n \n
)}\n\n {/**************************Identity page after email/phone search page start***************/}\n\n {findMeObj.page === constants.EMAIL_PHONE_SIV_PAGE && emailPhoneSearchSivObj != undefined && emailPhoneSearchSivObj.sivOptions !== undefined && (\n {ReactHtmlParser(findMeObj.showAlertMessage)}
\n\n {(!findMeObj.identityText) && (\n\n {findMeObj.clientName} }} />)\n }\n {(findMeObj.identityText) && (\n\n {findMeObj.clientName} }} />)\n }\n \n {\n ReactGA.sendevent(gaCategory, 'IDENTITY_PAGE', 'CLICK');\n redirectToContactInfo();\n }}\n >\n { \n
)}\n\n {/*********************Find Me Pii flow page*****************************/}\n\n {(findMeObj.page == constants.PII_PAGE) && (\n {(findMeObj.showAlert) && (\n \n )}\n \n
)}\n\n {/* Multi Org start */}\n {(findMeObj.page == constants.MULTIORG_PAGE) && ({ReactHtmlParser(findMeObj.showAlertMessage)}
\n\n
)}\n {/* Multi Org end */}\n\n {/* ONE TIME CODE START */}\n {(findMeObj.page == constants.OTP_PAGE) && (\n )}\n\n {/* ONE TIME CODE END */}\n\n\n\n {/*************************************Error page with options for invalid email/mobile entry*******************************************/}\n\n {(findMeObj.page == constants.ERROR_OPTIONS_PAGE) && ( \n {findMeObj.multiOrgs.map((value, index) => (\n
\n { ReactGA.sendevent(gaCategory, 'CLICK', 'ORG'); return orgSelected(index) }} >\n
\n ))}\n \n
\n {value}
\n \n\n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && ( {\n ReactGA.sendevent(gaCategory, 'ERROR_OPTIONS', 'BACK');\n return goToMainPage();\n }}\n >\n )}\n \n
)}\n\n {/*************************************Error page end*******************************************/}\n\n {/*************************************Error MODAL*******************************************/}\n {showModalTitle && ( {\n ReactGA.sendevent(gaCategory, 'NEW_USER_SEARCH', 'CLICK');\n return hasRegCode(\"EMAIL_OR_PHONE\");\n }}>\n\n
)}\n\n {(findMeObj.redirectionFrom !== constants.ORC_IDENTITY_PAGE) && ( \n
\n {
\n\n {\n setErrorPageInfo(errorPageInfo);\n ReactGA.sendevent(gaCategory, 'PII_INFO', 'CLICK');\n if(findMeObj.redirectionFrom === constants.REGCODE_PAGE)\n return updatePrevPage(constants.EMAILPHONESEARCH_PAGE);\n else \n return updatePrevPage(constants.ERROR_OPTIONS_PAGE);\n }}>\n
)}\n\n {errorPageInfo !== undefined && errorPageInfo !== '' && (\n\n
\n {
\n {\n ReactGA.sendevent(gaCategory, 'NEW_USER_SEARCH', 'CLICK');\n return hasRegCode(\"EMAIL_OR_PHONE\");\n }}>\n
)}\n\n {(findMeObj.redirectionFrom !== constants.ORC_IDENTITY_PAGE) && ( \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && (\n
\n {
)}\n {(findMeObj.redirectionFrom === constants.REGCODE_PAGE || findMeObj.redirectionFrom === constants.ORC_IDENTITY_PAGE || findMeObj.redirectionFrom === constants.PRC_IDENTITY_PAGE) && (\n {
)}\n {\n isFirstTimeLoad = false;\n ReactGA.sendevent(gaCategory, 'HAVE_REG_CODE', 'CLICK');\n return hasRegCode(\"REGCODE\");\n }}>\n
)}\n\n {(findMeObj.redirectionFrom === constants.ORC_IDENTITY_PAGE) && (\n
\n \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') ? \n \n }\n
\n {\n isFirstTimeLoad = false;\n ReactGA.sendevent(gaCategory, 'IDENTITY', 'CLICK');\n return redirectToIdentityPage(constants.ORC_IDENTITY_PAGE);\n }}>\n
)}\n\n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && ( \n
\n {
\n \n \n
\n \n \n
\n \n )}\n\n { /** **************************Footer OTP page end************************************** */}\n \n )\n );\n }\n}\nexport default injectIntl(FindMeForm);","import React, { Component } from 'react';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Radio,\n Alert\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { ReactGA, WindowUtil } from '../../util';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport { constants } from '../../redux/ducks/find-me/find-me-constants';\nimport LockIcon from 'adp-react-icons/lib/fa/lock';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport BuildingIcon from 'adp-react-icons/lib/fa/building-o';\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\n\nconst isBlank = str => (str || '').trim().length === 0;\nvar ua = window.navigator.userAgent;\nvar isIE = (ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident\") > -1 || ua.indexOf(\"Edge\") > -1) ? true : false;\nlet overlayPlacement = \"right\";\nlet showAlertFlag = false;\nlet setAutoFocusOff;\n\nclass FindMeContractorSivForm extends Component {\n\n constructor(props) {\n super(props);\n this.state = {\n option: constants.SSN\n };\n this.handleSivRadio = this.handleSivRadio.bind(this);\n this.handleMonthDaySelection = this.handleMonthDaySelection.bind(this);\n }\n\n componentWillMount() {\n this.props.enableSubmitButton(false);\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n WindowUtil.setlayoutback(false);\n }\n\n componentWillReceiveProps = (nextProps) => {\n if (nextProps.contractorSivObj.sivOptions != null) {\n this.checkContractorSivFormReadiness(nextProps);\n this.handleMonthDaySelection(nextProps);\n }\n };\n\n componentDidUpdate(oldProps) {\n if (oldProps.contractorSivObj != undefined) {\n const nextProps = this.props\n const nextVerifyUser = nextProps.contractorSivObj.verifyUserCall || false;\n const prevVerifyUser = oldProps.contractorSivObj.verifyUserCall || false;\n\n if (nextVerifyUser && !prevVerifyUser) {\n nextProps.contractorVerifyUserInfo();\n }\n }\n }\n\n handleSivRadio(option) {\n this.setState({\n option\n });\n let payload = {};\n payload.fieldKey = constants.RADIO;\n payload.fieldValue = option;\n this.props.setContractorSivField(payload);\n }\n\n checkContractorSivFormReadiness = (nextProps) => {\n let formValid = true;\n\n if (this.state.option === '')\n formValid = false;\n if (isBlank(nextProps.contractorSivObj.firstName) || !nextProps.contractorSivObj.firstNameValid)\n formValid = false;\n if (isBlank(nextProps.contractorSivObj.lastName) || !nextProps.contractorSivObj.lastNameValid)\n formValid = false;\n if (isBlank(nextProps.contractorSivObj.zipcode) || !nextProps.contractorSivObj.zipcodeValid)\n formValid = false;\n if (isBlank(nextProps.contractorSivObj.fullDay) || isBlank(nextProps.contractorSivObj.fullMonth) || isBlank(nextProps.contractorSivObj.fullYear))\n formValid = false;\n if (nextProps.radioValue === constants.SSN && (isBlank(nextProps.contractorSivObj.ssn) || !nextProps.contractorSivObj.ssnValid))\n formValid = false;\n if (nextProps.radioValue === constants.TIN) {\n if (isBlank(nextProps.contractorSivObj.tin) || !nextProps.contractorSivObj.tinValid)\n formValid = false;\n if (isBlank(nextProps.contractorSivObj.companyName) || !nextProps.contractorSivObj.companyNameValid)\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n };\n\n handleMonthDaySelection = (nextProps) => {\n if (nextProps.contractorSivObj.sivOptions.siv_fullhiredate) {\n const inputMonthId = nextProps.contractorSivObj.sivOptionsCalenderItems.fullMonthItems.indexOf(nextProps.contractorSivObj.fullMonth) + 1;\n if (inputMonthId == 1 || inputMonthId == 3 || inputMonthId == 5 || inputMonthId == 7 || inputMonthId == 8 || inputMonthId == 10 || inputMonthId == 12) {\n nextProps.contractorSivObj.sivOptionsCalenderItems.fullDayItems = constants.monthWith31days;\n }\n if (inputMonthId == 4 || inputMonthId == 6 || inputMonthId == 9 || inputMonthId == 11) {\n nextProps.contractorSivObj.sivOptionsCalenderItems.fullDayItems = constants.monthWith30days;\n }\n if (inputMonthId == 2) {\n nextProps.contractorSivObj.sivOptionsCalenderItems.fullDayItems = constants.monthWith29days;\n }\n }\n }\n\n render() {\n const {\n findMeObj,\n isMobileBrowser,\n isMobile,\n gaCategory,\n isFormValid,\n showModalMessage,\n showModalWarn,\n showModalTitle,\n cancelAndCheckYourEntries,\n contractorSivObj,\n setContractorSivField,\n verifyContractorSivData,\n goToEmailPhoneSearchPage,\n contractorOrgSelected,\n radioValue\n } = this.props;\n\n const tooltip = (message) =>\n (\n \n { {\n showAlertFlag = true;\n let payload = findMeObj.otpChannelId;\n ReactGA.sendevent(gaCategory, 'RESEND_OTP', 'CLICK');\n return resendOTP(payload);\n }}\n\n > {
\n {ReactHtmlParser(message)}
\n {msg}
\n \n ));\n\n const updateSivFieldValueHandler = (fieldKey, fieldValue) => {\n let payload = {};\n payload.fieldKey = fieldKey;\n payload.fieldValue = fieldValue;\n return setContractorSivField(payload);\n }\n\n const _handleSivSubmitKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'CONTRACTOR_SIV_DATA', 'SUBMIT');\n this.props.verifyContractorSivData();\n }\n\n return (\n \n\n
\n );\n }\n}\nexport default injectIntl(FindMeContractorSivForm);","import React, { Component } from 'react';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert,\n DropdownButton\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { ReactGA, WindowUtil } from '../../util';\nimport ChevronRight from 'adp-react-icons/lib/fa/chevron-right';\nimport FaAngleRight from 'adp-react-icons/lib/fa/angle-right';\nimport BuildingIcon from 'adp-react-icons/lib/fa/building-o';\nimport CountryCodeDropdown from '../../components/country-code';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport { constants } from '../../redux/ducks/find-me/find-me-constants';\nimport EmailPhoneInput from '../../components/email-phone-input';\nimport LockIcon from 'adp-react-icons/lib/fa/lock';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport FindMeEmailPhoneSivForm from './FindMeEmailPhoneSivForm';\nimport FindMeContractorSivForm from './FindMeContractorSivForm';\nimport FaArrowDown from 'adp-react-icons/lib/fa/arrow-down';\n\nconst isBlank = str => (str || '').trim().length === 0;\nvar ua = window.navigator.userAgent;\nvar isIE = (ua.indexOf(\"MSIE \") > -1 || ua.indexOf(\"Trident\") > -1 || ua.indexOf(\"Edge\") > -1) ? true : false;\nlet overlayPlacement = \"right\";\nlet showAlertFlag = false;\nlet isFirstTimeLoad = false;\n\nlet downIndicator;\nlet continueButton;\nlet setAutoFocusOff;\n\nclass FindMeVariantForm extends Component {\n\n constructor() {\n super();\n this.state = {\n option: constants.EMAIL_PHONE_RADIO,\n reglessOption: ''\n };\n this.handleRadioChange = this.handleRadioChange.bind(this);\n this.handleReglessRadioChange = this.handleReglessRadioChange.bind(this);\n }\n\n componentWillMount() {\n if (!isFirstTimeLoad)\n this.props.getFindMeInfo();\n isFirstTimeLoad = true;\n if (window.innerWidth <= 450) {\n overlayPlacement = \"bottom\";\n }\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n WindowUtil.setlayoutback(false);\n }\n\n componentDidMount() {\n this.downIndicatorUpdate();\n window.addEventListener('scroll', this.scrollFunction, true);\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.downIndicatorUpdate();\n if (nextProps.sendRedirect)\n nextProps.setRedirect();\n if (nextProps.findMeObj.showAlert && showAlertFlag) {\n showAlertFlag = false;\n window.scrollTo(0, 0);\n }\n const redirectToPiiFLow = nextProps.findMeObj.redirectToPiiPage || false;\n if (redirectToPiiFLow) {\n nextProps.getPiiOptions();\n nextProps.findMeObj.redirectToPiiPage = false;\n }\n if (nextProps.findMeObj.page == constants.PII_PAGE) {\n this.checkFormInfoReadyness(nextProps);\n }\n else if (nextProps.findMeObj.page == constants.EMAILPHONESEARCH_PAGE && nextProps.findMeObj.searchType == constants.EMAIL) {\n this.checkFormEmailReadyness(nextProps);\n }\n else if (nextProps.findMeObj.page == constants.EMAILPHONESEARCH_PAGE && nextProps.findMeObj.searchType == constants.PHONE) {\n this.checkFormPhoneReadyness(nextProps);\n }\n else if (nextProps.findMeObj.page == constants.OTP_PAGE) {\n this.checkEmailPhoneOTP(nextProps);\n }\n }\n\ndownIndicatorUpdate = () => {\n downIndicator = document.getElementById(\"downIndicator\");\n continueButton = document.getElementById(\"findMeVariantForm\");\n if (window.innerWidth <= 479) {\n if (continueButton != undefined && continueButton !== null) {\n if (window.innerHeight > continueButton.scrollHeight) {\n downIndicator.style.display = \"none\";\n }\n else {\n if(document.documentElement.scrollTop < document.documentElement.scrollHeight-window.innerHeight-1) { \n downIndicator.style.display = \"block\";\n } else {\n downIndicator.style.display = \"none\";\n } \n }\n }\n }\n }\n\n scrollFunction = (nextProps) => {\n let downIndicator = document.getElementById(\"downIndicator\");\n if(window.innerWidth<=479) {\n if(downIndicator !== undefined && downIndicator !== null){\n if (document.documentElement.scrollTop < document.documentElement.scrollHeight-window.innerHeight-1) {\n downIndicator.style.display = \"block\";\n } else {\n downIndicator.style.display = \"none\";\n }\n }\n }\n }\n\n componentDidUpdate(oldProps) { \n this.downIndicatorUpdate();\n if (oldProps.findMeObj != undefined) {\n const nextProps = this.props\n const nextVerifyUser = nextProps.findMeObj.verifyUserCall || false;\n const prevVerifyUser = oldProps.findMeObj.verifyUserCall || false;\n\n if (nextVerifyUser && !prevVerifyUser) {\n nextProps.setRedirectVerifyUser();\n }\n }\n\n }\n\n checkEmailPhoneOTP = (nextProps) => {\n let formValid = true;\n if (isBlank(nextProps.findMeObj.otpValue)) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n }\n\n checkFormEmailReadyness = (nextProps) => {\n let formValid = true;\n if (isBlank(nextProps.findMeObj.email) || !nextProps.findMeObj.emailPhoneValid) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n }\n\n checkFormPhoneReadyness = (nextProps) => {\n let formValid = true;\n if (isBlank(nextProps.findMeObj.phone) || !nextProps.findMeObj.emailPhoneValid) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n }\n\n checkFormInfoReadyness = (nextProps) => {\n let formValid = true;\n\n if (nextProps.findMeObj.sivOptions) {\n\n if (nextProps.findMeObj.sivOptions[\"siv_firstname\"] &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_firstname\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_firstname\"].validationError)) {\n formValid = false;\n }\n\n if (nextProps.findMeObj.sivOptions[\"siv_lastname\"] &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_lastname\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_lastname\"].validationError)) {\n formValid = false;\n }\n\n if (nextProps.findMeObj.sivOptions[\"siv_fulldateofbirth\"] &&\n (isBlank(nextProps.findMeObj.fullMonth) || isBlank(nextProps.findMeObj.fullDay) || isBlank(nextProps.findMeObj.fullYear))) {\n formValid = false;\n }\n\n {/*** Radio option check**/ }\n\n if (nextProps.findMeObj.selectedCountry == nextProps.findMeObj.countryDropdown[0]) {\n if (nextProps.findMeObj.radio1 == \"empId\" &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_empid\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_empid\"].validationError)) {\n formValid = false;\n }\n else if (nextProps.findMeObj.radio1 == \"ssn\" &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_ssn\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_ssn\"].validationError)) {\n formValid = false;\n }\n\n }\n\n if (nextProps.findMeObj.selectedCountry != nextProps.findMeObj.countryDropdown[0] &&\n (isBlank(nextProps.findMeObj.sivOptions[\"siv_empid\"].idenDataValue)\n || nextProps.findMeObj.errorFields[\"siv_empid\"].validationError)) {\n formValid = false;\n }\n\n }\n this.props.enableSubmitButton(formValid);\n };\n\n handleTooltipClick = (e) => {\n e.stopPropagation();\n ReactGA.sendevent(this.props.gaCategory, 'REGCODE', 'TOOLTIP');\n }\n\n handleRadioChange = (option) => {\n this.setState({\n option\n });\n this.downIndicatorUpdate();\n this.props.updateRadioChangeInfo(option);\n if(option === constants.PII_RADIO) {\n this.props.getPiiOptions(); \n }\n }\n \n handleReglessRadioChange = (reglessOption) => {\n this.setState({\n reglessOption\n }); \n }\n\n invokeReglessSubmit = (reglessOption) => {\n if(reglessOption === constants.REGLESS_RADIO) {\n this.props.registrationLessFlow(); \n }\n if(reglessOption === constants.CREATE_ACC_RADIO) {\n this.props.continueRegistration(); \n }\n }\n\n updatePrevPage = (value) => {\n let prevPage = value;\n this.props.setPrevPage(prevPage);\n let option = constants.PII_RADIO;\n this.setState({ option });\n this.props.updateRadioChangeInfo(option);\n return this.props.getPiiOptions();\n }\n render() {\n const {\n findMeObj,\n isMobileBrowser,\n isMobile,\n gaCategory,\n updateCountryOption,\n updateFieldValue,\n isFormValid,\n submitIdentityOptions,\n showModalMessage,\n showModalWarn,\n showModalTitle,\n cancelAndCheckYourEntries,\n hasRegCode,\n orgSelected,\n goToMainPage,\n goToPiiInfoPage,\n channelSelect,\n submitAccessCode,\n resendOTP,\n getPiiOptions,\n setPrevPage,\n prevPage,\n goToErrorOptionsPage,\n goToEmailPhoneSearchPage,\n errorPageInfo,\n setErrorPageInfo,\n redirectToContactInfo,\n code,\n setLocale,\n changeLocale,\n redirectToIdentityPage,\n updateRadioChangeInfo,\n emailPhoneSearchSivObj,\n getContractorOptions,\n footer,\n contractorSivObj,\n registrationLessFlow,\n continueRegistration \n } = this.props;\n\n const updateFieldValueHandler = (fieldName, fieldValue, isDateField) => {\n let payload = {};\n isDateField = isDateField || false;\n payload.fieldName = fieldName;\n payload.fieldValue = fieldValue;\n payload.isDateField = isDateField;\n return updateFieldValue(payload);\n }\n\n \n const updateFieldValueHandleOtp = (fieldName, event, isDateField) => {\n let payload = {};\n isDateField = isDateField || false;\n payload.fieldName = fieldName;\n\n const inputValue = event.target.value.replace(/\\D/g, '');\n\n if(this.props.otcCode === inputValue){\n return;\n }\n const otcCode = inputValue;\n\n payload.fieldValue = otcCode;\n payload.isDateField = isDateField;\n return updateFieldValue(payload);\n }\n\n const tooltip = (message) =>\n (\n\n \n
\n {ReactHtmlParser(message)}
\n {msg}
\n \n ));\n\n const handleEmailPhoneChange = (value) => {\n const obj = {};\n obj.fieldName = value.type;\n obj.fieldValue = value.value;\n WindowUtil.setFirstAttemptGA({ gaCategory: gaCategory, fieldName: \"EMAIL_PHONE_SEARCH\" });\n if (value.type != undefined && value.type != null && value.type === constants.PHONE) {\n obj.fieldValue = value.phoneValue;\n obj.isoCode = value.iso;\n obj.ccode = value.dialCode;\n }\n obj.isValid = value.isValid;\n return updateFieldValue(obj);\n }\n\n const _handleSearchKeyPress = (e) => {\n\n if (e.key === 'Enter') {\n e.preventDefault();\n const allowEnterKeyFields = [\"emailPhone-textId\", \"emailPhone_continueBtn\"];\n if(e.target !== undefined && e.target.id!==undefined){\n\n if(allowEnterKeyFields.indexOf(e.target.id)!=\"-1\" && this.props.isFormValid){\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'SUBMIT');\n if (this.props.findMeObj.searchType == constants.EMAIL) {\n let payload = {};\n payload.value = findMeObj.email;\n payload.endPoint = constants.findUserbyEmail;\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'EMAIL');\n return channelSelect(payload);\n }\n else if (this.props.findMeObj.searchType == constants.PHONE) {\n let payload = {};\n let value = {};\n value.siv_mobile = findMeObj.phone;\n value.siv_country = findMeObj.isoCode;\n payload.value = value;\n payload.endPoint = constants.findUserbyPhone;\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'PHONE');\n return channelSelect(payload);\n }\n }\n }\n }\n }\n\n const handleEmailPhoneSearch = () => {\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'SUBMIT');\n if (this.props.findMeObj.searchType == constants.EMAIL) {\n let payload = {};\n payload.value = findMeObj.email;\n payload.endPoint = constants.findUserbyEmail;\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'EMAIL');\n return channelSelect(payload);\n }\n else if (this.props.findMeObj.searchType == constants.PHONE) {\n let payload = {};\n let value = {};\n value.siv_mobile = findMeObj.phone;\n value.siv_country = findMeObj.isoCode;\n payload.value = value;\n payload.endPoint = constants.findUserbyPhone;\n ReactGA.sendevent(gaCategory, 'EMAIL_PHONE_SEARCH', 'PHONE');\n return channelSelect(payload);\n }\n }\n\n const _handlePiiKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'PII_INFO', 'SUBMIT');\n this.props.submitIdentityOptions();\n }\n\n const _handleOtpKeyPress = (e) => {\n e.preventDefault();\n ReactGA.sendevent(gaCategory, 'OTP_CODE', 'SUBMIT');\n this.props.submitAccessCode();\n }\n \n const bottomFunction = () => {\n document.body.scrollTop = document.body.scrollHeight - document.body.clientHeight;\n document.documentElement.scrollTop = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n }\n\n return (\n findMeObj.showDiv && (\n {(window.innerWidth <= 479) && ()}\n
\n\n\n { /** **************************Footer OTP page starts************************************** */}\n\n {(findMeObj.page == constants.OTP_PAGE) && (\n \n\n
\n }\n {\n ReactGA.sendevent(gaCategory, 'CODELESS_LANDING', 'BACK');\n return cancelAndCheckYourEntries();\n }}>\n )}\n\n
)}\n\n {/**************************find me page 2 email/phone search variant***************/}\n\n {(findMeObj.page === constants.EMAILPHONESEARCH_PAGE || findMeObj.page === constants.PII_PAGE) && \n (\n {(window.innerWidth > 479) &&
\n\n {(findMeObj.page != constants.LANDING_PAGE && findMeObj.progressBarData != undefined && findMeObj.progressBarData.showProgressBar && !isMobile)&& (\n \n {\n changeLocale(valueField.suffix);\n ReactGA.sendevent(gaCategory, 'LANGUAGE_DROPDOWN_SELECT', valueField.suffix);\n return setLocale(valueField)\n }}>\n {findMeObj.locale}\n \n
\n\n )}\n {((isMobileBrowser && !isMobile) || window.innerWidth > 479) && (findMeObj.page != constants.LANDING_PAGE) && (\n {\n ReactGA.sendevent(gaCategory, 'CODELESS', 'CANCEL');\n return cancelAndCheckYourEntries()\n }}>\n \n
\n\n )}\n \n
\n )}\n\n {(!isMobile)&& \n }\n
\n \n \n
\n {((isMobileBrowser && !isMobile) || window.innerWidth > 479) && (\n
\n\n {/*********************Find Me main page start *****************************/}\n {(findMeObj.page == constants.LANDING_PAGE) && (\n\n\n
\n \n\n {(findMeObj.page == constants.LANDING_PAGE) && (
\n \n {
\n
)}\n\n {(findMeObj.page == constants.EMAILPHONESEARCH_PAGE || findMeObj.page == constants.CONTRACTOR_PAGE) && ({
\n {
\n {
\n \n {
\n
)}\n\n {findMeObj.page == constants.OTP_PAGE && ({
\n \n {
\n
)}\n\n {findMeObj.page == constants.IDENTIFIED_PAGE && ({
\n \n {
\n
)}\n\n {findMeObj.page == constants.REGISTRATIONLESS_DUAL_PAGE && ({
\n \n {
\n
)}\n\n {findMeObj.page == constants.REGISTRATIONLESS_FED_PAGE && ({{findMeObj.firstName}}}/>}
\n {{findMeObj.clientName}}}/>}
\n \n {
\n
)}\n\n {(findMeObj.page == constants.MULTIORG_PAGE) && (\n {{findMeObj.firstName}}}/>}
\n {{findMeObj.clientName}}}/>}
\n \n {
\n
\n )}\n\n {(findMeObj.page === constants.ERROR_OPTIONS_PAGE) && (\n {
\n {
\n \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && ({
)}\n\n {(findMeObj.redirectionFrom === constants.REGCODE_PAGE) && (
\n )}\n\n {(findMeObj.page == constants.PII_PAGE) && (\n {
)}\n\n {(findMeObj.redirectionFrom === constants.REGCODE_PAGE) && (\n \n {
\n
)}\n\n {(findMeObj.redirectionFrom === constants.ORC_IDENTITY_PAGE) && (\n {
\n {
\n \n {
\n
)}\n\n \n {
\n {{findMeObj.companyName}}}/>}
\n {(code !== undefined && code === constants.ALREADY_REGISTERED) ? errorPageInfo :
\n
\n )}\n {(code !== undefined && code === constants.ALREADY_REGISTERED) ? errorPageInfo :
\n \n \n \n
\n\n \n
\n )}\n\n {/**************************find me page 2 email/phone search variant***************/}\n\n {/**************************Identity page after email/phone search page start***************/}\n\n {findMeObj.page === constants.EMAIL_PHONE_SIV_PAGE && emailPhoneSearchSivObj != undefined && emailPhoneSearchSivObj.sivOptions !== undefined && (\n \n ReactGA.sendevent(gaCategory, 'CLICK', constants.EMAIL_PHONE_RADIO)} onChange={this.handleRadioChange} > \n \n ReactGA.sendevent(gaCategory, 'CLICK', constants.PII_RADIO)} onChange={this.handleRadioChange} \n > \n
\n\n \n \n )}\n\n {/* ONE TIME CODE END */}\n\n\n\n {/*************************************Error page with options for invalid email/mobile entry*******************************************/}\n\n {(findMeObj.page == constants.ERROR_OPTIONS_PAGE) && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n )}\n\n\n {/*************************************Error MODAL*******************************************/}\n {showModalTitle && ( { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n )}\n {/*************************************Error MODAL END*******************************************/}\n\n\n
\n \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && ( {\n ReactGA.sendevent(gaCategory, 'ERROR_OPTIONS', 'BACK');\n return goToMainPage();\n }}\n >\n )}\n \n
)}\n\n {/*************************************Error page end*******************************************/}\n\n{ /** *******************Registration page view start **************************** */}\n\n{findMeObj.page == constants.REGISTRATIONLESS_DUAL_PAGE && (\n)}\n\n{findMeObj.page == constants.REGISTRATIONLESS_FED_PAGE && (\n)}\n\n{ /** *******************Registrationless page end **************************** */}\n\n{ /** *********************************** Registrationless WARN MODAL****************************************** */}\n {showModalTitle && (\n {\n ReactGA.sendevent(gaCategory, 'NEW_USER_SEARCH', 'CLICK');\n this.handleRadioChange(constants.EMAIL_PHONE_RADIO);\n return hasRegCode(\"EMAIL_OR_PHONE\");\n }} onKeyPress={(e) => {\n if (e.key === 'Enter') {\n ReactGA.sendevent(gaCategory, 'NEW_USER_SEARCH', 'CLICK');\n this.handleRadioChange(constants.EMAIL_PHONE_RADIO);\n return hasRegCode(\"EMAIL_OR_PHONE\");\n }\n }}>\n
)}\n\n {(findMeObj.redirectionFrom !== constants.ORC_IDENTITY_PAGE) && ( \n
\n {
\n {\n setErrorPageInfo(errorPageInfo);\n ReactGA.sendevent(gaCategory, 'PII_INFO', 'CLICK');\n if(findMeObj.redirectionFrom === constants.REGCODE_PAGE)\n return this.updatePrevPage(constants.EMAILPHONESEARCH_PAGE);\n else \n return this.updatePrevPage(constants.ERROR_OPTIONS_PAGE);\n }} onKeyPress={() => {\n setErrorPageInfo(errorPageInfo);\n ReactGA.sendevent(gaCategory, 'PII_INFO', 'CLICK');\n if(findMeObj.redirectionFrom === constants.REGCODE_PAGE)\n return this.updatePrevPage(constants.EMAILPHONESEARCH_PAGE);\n else \n return this.updatePrevPage(constants.ERROR_OPTIONS_PAGE);\n }}>\n
)}\n\n {errorPageInfo !== undefined && errorPageInfo !== '' && (\n
\n {
\n {\n ReactGA.sendevent(gaCategory, 'NEW_USER_SEARCH', 'CLICK');\n this.handleRadioChange(constants.EMAIL_PHONE_RADIO);\n return hasRegCode(\"EMAIL_OR_PHONE\");\n }} onKeyPress={(e) => {\n if (e.key === 'Enter') {\n ReactGA.sendevent(gaCategory, 'NEW_USER_SEARCH', 'CLICK');\n this.handleRadioChange(constants.EMAIL_PHONE_RADIO);\n return hasRegCode(\"EMAIL_OR_PHONE\");\n }\n }}>\n
)}\n \n {(findMeObj.redirectionFrom !== constants.ORC_IDENTITY_PAGE) && ( \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && (\n
\n {
)}\n {(findMeObj.redirectionFrom === constants.REGCODE_PAGE || findMeObj.redirectionFrom === constants.ORC_IDENTITY_PAGE) && (\n {
)}\n {\n isFirstTimeLoad = false;\n ReactGA.sendevent(gaCategory, 'HAVE_REG_CODE', 'CLICK');\n return hasRegCode(\"REGCODE\");\n }} onKeyPress={(e) => {\n if (e.key === 'Enter') {\n isFirstTimeLoad = false;\n ReactGA.sendevent(gaCategory, 'HAVE_REG_CODE', 'CLICK');\n return hasRegCode(\"REGCODE\");\n }\n }}>\n
)}\n\n {(findMeObj.redirectionFrom === constants.ORC_IDENTITY_PAGE) && ( \n
\n \n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') ? \n \n }\n
\n {\n isFirstTimeLoad = false;\n ReactGA.sendevent(gaCategory, 'IDENTITY', 'CLICK');\n return redirectToIdentityPage(constants.ORC_IDENTITY_PAGE);\n }} onKeyPress={() => {\n isFirstTimeLoad = false;\n ReactGA.sendevent(gaCategory, 'IDENTITY', 'CLICK');\n return redirectToIdentityPage(constants.ORC_IDENTITY_PAGE);\n }}>\n
)}\n\n {(findMeObj.redirectionFrom === undefined || findMeObj.redirectionFrom === '') && ( \n
\n {
\n \n \n {ReactHtmlParser(showModalMessage)}\n \n
\n \n \n
\n \n \n
\n \n )}\n\n { /** **************************Footer OTP page end************************************** */}\n \n )\n );\n }\n}\nexport default injectIntl(FindMeVariantForm);","import React, { Component } from 'react';\nimport {\n BusyIndicator,\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n Radio,\n ModalTitle,\n Alert\n} from '@synerg/vdl-react-components';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { WindowUtil } from '../../util';\nimport { ReactGA } from '../../util';\nimport MobileIcon from 'adp-react-icons/lib/fa/mobile';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\n\nconst isBlank = str => (str || '').trim().length === 0;\nclass FindMeMobileForm extends Component {\n\n componentWillMount() {\n //Need to update flow type CPC/PIC\n this.props.getFindMeMobileInfo();\n WindowUtil.setlayoutback(false);\n }\n\n render() {\n const {\n findMeMobileObj,\n gaCategory,\n isMobile\n } = this.props;\n\n\n\n\n return (\n findMeMobileObj.showDiv && (\n\n \n \n {
\n \n\n
\n )\n );\n }\n}\nexport default injectIntl(FindMeMobileForm);","import React from 'react';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport PropTypes from 'prop-types';\nimport { getLocaleImage } from '../../util/locale/locale-helper';\nimport { ALIGN_CENTER } from './header-constants';\n\nlet defaultBranding = false;\n\nconst Header = ({ productLogo, organizationLogo, locale, footer }) => {\n let productLocaleJson = '';\n\n let productLogoAlignment = '';\n\n let organizationLocaleJson = '';\n\n let orgLogoAlignment = '';\n\n let productLogoImage = '';\n\n let organizationLogoImage = '';\n\n defaultBranding = (footer !== undefined && footer.defaultBranding) ? true : false;\n\n if (productLogo) {\n productLocaleJson = productLogo.i18n || '';\n productLogoImage =\n productLocaleJson === '' ? productLogo.default : getLocaleImage(productLocaleJson, locale);\n productLogoAlignment = productLogo.alignment ? productLogo.alignment : 'right';\n }\n if (organizationLogo) {\n organizationLocaleJson = organizationLogo.i18n || '';\n organizationLogoImage =\n organizationLocaleJson === '' ?\n organizationLogo.default :\n getLocaleImage(organizationLocaleJson, locale);\n orgLogoAlignment = organizationLogo.alignment ? organizationLogo.alignment : 'left';\n }\n return (\n \n
}\n
\n\n \n {(window.innerWidth > 479) &&
\n {(!isMobile) && }\n
\n
\n \n
\n \n\n
\n \n {
\n
\n\n\n {
\n \n
\n {
\n {
\n {findMeMobileObj.contactAdmin}
\n {findMeMobileObj.transId}
\n \n
\n\n \n
\n \n
\n {
\n \n\n ![]()
{\n ReactGA.sendevent(gaCategory, 'LINK', \"APPLE\");\n return WindowUtil.openNewWindow(\"https://itunes.apple.com/us/app/adp-mobile-solutions/id444553167?mt=8\")\n }}\n src={findMeMobileObj.srcApple}\n onError={(e) => e.target.src = \"images/Badges/apple_en.png\"}\n className=\"cs-apple-badget\" />\n ![]()
{\n ReactGA.sendevent(gaCategory, 'LINK', \"ANDRIOD\");\n return WindowUtil.openNewWindow(\"https://play.google.com/store/apps/details?id=com.adpmobile.android\")\n }}\n src={findMeMobileObj.srcAndriod}\n onError={(e) => e.target.src = \"images/Badges/andriod_en.png\"}\n className=\"cs-andriod-badget\" />\n
\n \n
\n \n \n {\n // hidden will be removed once api is ready...\n }\n \n
\n
\n \n {\n // hidden will be removed once api is ready...\n }\n \n
\n \n
\n );\n }\n}\n\nexport default PasswordIndicator;\n","export const ALIGN_CENTER = 'CENTER';\n","export const constants = {\n validateMobileAndSSN: '/pages/sms/ess/v3/ws/rest/pub/ssr/admin/validateMobileAndSSN',\n TYPE_SUCCESS: 'SUCCESS',\n NON_UNIQUE_PHONE: 'NON_UNIQUE_MOBILE',\n INVALID_PHONE:'INVALID_MOBILE',\n MAX_ATTEMPTS_EXCEEDED: 'MAX_ATTEMPTS_EXCEEDED',\n PHONE_REGEX: '[0-9\\\\s-.()]{4,20}$',\n TYPE_ERROR_FAIL_ATTEMPTS: \"Error_maxFailAttemptsExceeded\",\n TYPE_ERROR_LOCKED: \"Error_FunctionLocked\",\n TYPE_ERROR_INVALID: \"Error_SecCodeInvalid\",\n TYPE_ERROR_EXPIRED: \"Error_SecurityCodeExpired\",\n TYPE_ERROR_INTERAL_ERROR: \"Error_InternalError\",\n TYPE_ERROR_FAILED: \"Error_SendSecurityCodeFailed\",\n SIV_SSN4:\"ssn4\",\n MOBILE:\"mobile\",\n OTP_CODE:\"otp\",\n getVerifyCodeAPI:'/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/adminVerifyCode',\n getGenerateCodeAPI:'/pages/sms/ess/v3/ws/rest/pub/ssr/verifyPrc/generateCode',\n TNC:\"tnc\",\n Err_VerifyIntegrationFailed:\"Err_VerifyIntegrationFailed\"\n};\n\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport {\n Textbox,\n Popover,\n OverlayTrigger,\n DropdownList,\n Button,\n Modal,\n ModalHeader,\n ModalFooter,\n ModalBody,\n ModalTitle,\n Radio,\n Alert,\n DropdownButton, Checkbox\n} from '@synerg/vdl-react-components';\nimport ReactHtmlParser from 'react-html-parser';\nimport WarnIcon from 'adp-react-icons/lib/fa/exclamation-triangle';\nimport TimesIcon from 'adp-react-icons/lib/fa/times';\nimport { FormattedMessage } from 'react-intl';\nimport { injectIntl, intlShape } from 'react-intl';\nimport { constants } from '../../redux/ducks/verify-admin/verify-admin-constants';\nimport { ReactGA, WindowUtil } from '../../util';\nimport InfoCircle from 'adp-react-icons/lib/fa/info-circle';\nimport HandIcon from 'adp-react-icons/lib/fa/hand-o-right';\nimport LockIcon from 'adp-react-icons/lib/fa/lock';\nimport Stepper from '../../components/react-stepper-horizontal';\nimport SecurePage from '../../components/secure-page';\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport CountryCodeDropdown from '../../components/country-code';\nimport ExternalLinkIcon from 'adp-react-icons/lib/fa/external-link';\n\n\nconst isBlank = str => (str || '').trim().length === 0;\nlet showAlertFlag = false;\nlet isFirstTime = false;\nlet initialLoad = false;\nlet setAutoFocusOff;\n\nclass VerifyAdminForm extends Component {\n constructor() {\n super();\n this.state = { disableResendBtn: false }\n }\n static propTypes = {\n errorTitle: PropTypes.string,\n errorMessageFN: PropTypes.string,\n fetchAdminDetails: PropTypes.func,\n setIdentityField: PropTypes.func,\n mobilePhoneObj: PropTypes.array,\n verifyIdentityOptions: PropTypes.func\n };\n\n componentWillMount() {\n WindowUtil.setlayoutback(false);\n setAutoFocusOff = WindowUtil.getAutoFocusOff();\n this.props.fetchAdminDetails();\n }\n\n componentWillReceiveProps = (nextProps) => {\n this.checkFormReadyness(nextProps);\n };\n\n checkFormReadyness = (nextProps) => {\n let formValid = true;\n\n if (nextProps.showVerifyCode === false &&\n (isBlank(nextProps.mobilePhone) || !nextProps.mobilePhoneValid)\n ) {\n formValid = false;\n }\n if (nextProps.showVerifyCode === false &&\n (isBlank(nextProps.ssn4) || !nextProps.ssn4Valid)\n ) {\n formValid = false;\n }\n if (nextProps.showVerifyCode === true &&\n (isBlank(nextProps.verificationCode) || !nextProps.codeValid)\n ) {\n formValid = false;\n }\n this.props.enableSubmitButton(formValid);\n };\n\n _handleKeyPress = (e, input, formValid) => {\n if (e.key === 'Enter') {\n const allowEnterKeyFields = [\"PhoneValue\", \"ssn4\", \"verificationCode\"];\n e.preventDefault();\n ReactGA.sendevent(this.props.gaCategory, 'VERIFY_ADMIN', 'SUBMIT');\n if (formValid && e.target !== undefined && e.target.id !== undefined && allowEnterKeyFields.includes(e.target.id) && input === 'validatePhone') {\n this.props.verifyIdentityOptions();\n }\n if (formValid && e.target !== undefined && e.target.id !== undefined && allowEnterKeyFields.includes(e.target.id) && input === 'validateCode') {\n this.props.submitAccessCode();\n }\n }\n }\n\n\n render() {\n console.log('rendering verify admin form...');\n const {\n firstName,\n lastName,\n mobilePhone,\n mobilePhoneValid,\n countryCode,\n ssn4,\n errorMessageSsn4,\n ssn4Valid,\n verifyAdminInfo,\n showErrorModal,\n showModalTitle,\n showModalMessage,\n errorMessage,\n isFormValid,\n cancelAndCheckYourEntries,\n errorCode,\n errorTitle,\n isMobileBrowser,\n isMobile,\n gaCategory,\n progressBarData,\n runAdminV2Flow,\n mobilePhoneObj,\n setIdentityField,\n sivOptions,\n showVerifyCode,\n verifyIdentityOptions,\n expiry,\n maskedNumber,\n showAlert,\n showAlertMessage,\n verificationCode,\n codeValid,\n showOnScreen,\n accessCode,\n agreeTnC,\n submitAccessCode,\n resendOTP,\n setAgreeTermsCondition,\n showTnCModal,\n setCancelTnCModal,\n footer,\n locale\n } = this.props;\n\n const errorPopover = (fieldValid, errorMessage) =>\n (fieldValid && \n \n { hasNoError && minimumRequirements(password) &&
\n \n
\n \n \n \n \n \n \n \n \n \n
\n {errorMessage}
\n \n ));\n\n const tooltip = (message) =>\n ({message}
\n \n
}\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n \n \n \n \n \n \n \n \n \n\n {/*************************************Terms and Conditions MODAL*******************************************/}\n { WindowUtil.applyBrandingChanges(); }}\n >\n \n\n \n \n \n \n \n \n \n\n
\n \n );\n }\n}\nexport default injectIntl(VerifyAdminForm);\n","/* eslint-disable max-len */\n\nimport React,{ Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Alert, BusyIndicator, Button } from '@synerg/vdl-react-components';\nimport ChevronLeft from 'adp-react-icons/lib/fa/chevron-left';\nimport InfoIcon from 'adp-react-icons/lib/fa/info-circle';\nimport { FormattedMessage } from 'react-intl';\nimport { getLocaleObjFromPropKey } from '../../util/locale';\nimport {MobileFooter} from '../../components/footer'\nimport SecurePage from '../../components/secure-page';\nimport { ReactGA, WindowUtil } from '../../util';\n\nimport AdpIcon from 'adp-react-icons/lib/adp/adp';\nimport {\n Footer, Timeout, Header\n} from '../../components';\n\nconst isBlank = str => (str || '').trim().length === 0;\n\nclass RegistrationLayout extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showLayout: true\n };\n }\n\n componentDidUpdate(){\n WindowUtil.applyBrandingChanges();\n }\n\n render() {\n const {\n locale,\n mainPane, \n footer,\n showBusyIndicator\n } = this.props;\n\n return (\n \n {\n (window.innerWidth > 479) &&
\n\n {(progressBarData != undefined && progressBarData.showProgressBar && !isMobile) && (\n {\n ReactGA.sendevent(gaCategory, 'VERIFY_ADMIN', 'CANCEL');\n return cancelAndCheckYourEntries()\n }}>\n \n
\n )}\n \n
\n )}\n\n {(!isMobile) && }\n
\n
\n {errorTitle != undefined && errorTitle != '' && (\n
\n \n {!showVerifyCode && ( {
\n )}\n {showVerifyCode && (\n
\n {
\n \n {firstName},\n 1: {lastName}\n }}> \n
\n \n
\n\n \n
\n {
\n
\n )}\n {
\n \n {maskedNumber} }} />
\n \n
\n\n {ReactHtmlParser(errorTitle)}
\n )}\n\n
)}\n\n \n\n {showVerifyCode && (\n
)}\n\n \n
\n
\n \n
\n \n {
\n \n \n
\n \n \n
\n \n {this.state.showLayout &&\n \n {showBusyIndicator && (\n \n
}\n
\n );\n};\n}\n\nRegistrationLayout.propTypes = {\n children: PropTypes.element,\n mainPane: PropTypes.element.isRequired,\n title: PropTypes.string,\n errorTitle: PropTypes.string,\n};\n\nexport default RegistrationLayout;\n","import React from 'react';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { FormattedMessage } from 'react-intl';\nimport { actions as localeActions } from '../../redux/ducks/locale';\nimport { actions as identifyYourselfActions } from '../../redux/ducks/identify-yourself';\nimport { actions as timeoutActions } from '../../redux/ducks/timeout';\nimport { RegistrationLayout } from '../../layouts';\nimport { IdentifyYourselfForm } from '../../components';\n\nexport const IdentifyYourselfContainer = props => \n
\n \n {mainPane}\n
\n {footer !== undefined && footer.showFooterContent !== undefined && footer.showFooterContent === true && \n \n \n }\n \n
\n \n
\n \n {footer !== undefined && }\n
\n \n {footer !== undefined && footer.copyRightValue !== undefined && footer.showFooterContent !== undefined && footer.showFooterContent === true && \n (\n
\n \n
\n )\n\n }\n { getLocaleObjFromPropKey(footer.copyRightValue.component.text, locale) }
\n \n \n {
\n { \n \n
\n \n }\n
\n
\n \n }\n \n
\n \n
\n \n {\n WindowUtil.setlayoutback(true); \n this.setState({ showLayout:true})\n }}\n >\n
\n