\r\n
\r\n );\r\n }\r\n\r\n validateAndContinue(next)\r\n {\r\n var ActiveComponent = this.refs.activeComponent;\r\n //this.refs.submitButton.setAttribute(\"disabled\", \"disabled\");\r\n // If the currently active step has no isValid method, just continue without validating\r\n if (!ActiveComponent || !ActiveComponent.isValid) {\r\n doNext(ActiveComponent, next);\r\n return;\r\n } else if (ActiveComponent.isValid) {\r\n ActiveComponent.isValid(true).then(isValid => {\r\n if (isValid) {\r\n this.doNext(ActiveComponent, next);\r\n } else {\r\n ActiveComponent.registerErrors();\r\n }\r\n });\r\n return;\r\n }\r\n ActiveComponent.registerErrors();\r\n return;\r\n }\r\n\r\n doNext(component, next) {\r\n if (component && component.persistFields) component.persistFields();\r\n\r\n if (!this.state.cart || this.state.SavedUsername != this.state.UserName) {\r\n next();\r\n return;\r\n }\r\n\r\n //update shipping instructions\r\n var instructions = {\r\n cartCode: this.state.cartCode,\r\n name: this.state.FirstName + \" \" + this.state.LastName,\r\n phone: this.state.MobilePhone,\r\n };\r\n si.updateCartShippingInstructions(instructions);\r\n\r\n si.updateConsultantEnrollment(this.state).then(\r\n function () {\r\n // Success\r\n // Cart Success\r\n EnrollActions.getEnrollmentCartDetails(this.state.cart.code);\r\n //this.state.cart = cart;\r\n next();\r\n }.bind(this),\r\n function (error) {\r\n EnrollActions.registerErrors(error);\r\n }\r\n );\r\n }\r\n\r\n persistFieldsAndRetreat() {\r\n this.persistFields();\r\n\r\n this.WizardLogic.retreat();\r\n }\r\n\r\n persistFields() {\r\n var ActiveComponent = this.refs.activeComponent;\r\n if (ActiveComponent && ActiveComponent.persistFields) {\r\n ActiveComponent.persistFields();\r\n }\r\n }\r\n\r\n addPayment() {\r\n this.persistFields();\r\n\r\n var enrollmentCode = this.state.Code;\r\n this.setState({\r\n enrollmentCode: enrollmentCode,\r\n Code: enrollmentCode\r\n }, () => { window.location.href = `${window.jenkon.consultantRoot}EnrollRedirect/CreditCardRedirect?EnrollmentCode=${encodeURIComponent(enrollmentCode)}`; });\r\n }\r\n\r\n submit() {\r\n this.persistFields();\r\n\r\n var enrollmentCode = this.state.Code;\r\n var cartCode = this.state.cart.code;\r\n this.setState({\r\n enrollmentCode: enrollmentCode,\r\n Code: enrollmentCode\r\n }, () => { window.location.href = `${window.jenkon.consultantRoot}EnrollRedirect/EnrollConsultantWithCartReDirect?enrollmentCode=${encodeURIComponent(enrollmentCode)}&cartCode=${encodeURIComponent(cartCode)}`; });\r\n }\r\n\r\n checkValidity(isValid) {\r\n if (isValid instanceof Promise) {\r\n isValid.then(this.doContinue.bind(this));\r\n } else {\r\n this.doContinue(isValid);\r\n }\r\n }\r\n\r\n doContinue(continueNext) {\r\n var ActiveComponent = this.refs.activeComponent;\r\n\r\n if (ActiveComponent && ActiveComponent.isValid)\r\n continueNext = ActiveComponent.isValid();\r\n\r\n if (continueNext instanceof Promise) {\r\n continueNext.then(this.setContinueNext.bind(this));\r\n } else {\r\n this.setContinueNext(continueNext);\r\n }\r\n\r\n }\r\n\r\n setContinueNext(value) {\r\n this.setState({\r\n continueNext: value,\r\n });\r\n }\r\n\r\n setSubmitInProgress() {\r\n this.setState({\r\n submitInProgress: true,\r\n });\r\n }\r\n\r\n hasError() {\r\n return this.state.cart && this.state.cart.hasError;\r\n }\r\n\r\n finishIsDisabled() {\r\n return (!(this.state.continueNext && this.refs.activeComponent.isLast()) || this.hasError()) || this.state.submitInProgress;\r\n }\r\n\r\n paymentTypeSelected() {\r\n if (!this.state.paymentType) {\r\n return false;\r\n }\r\n\r\n return this.state.paymentType != '' && this.state.paymentType != null && this.state.paymentType != undefined;\r\n }\r\n\r\n hasCarrierMethod() {\r\n if (!this.state.cart) {\r\n return false;\r\n }\r\n\r\n return !!this.state.cart.carrierMethod;\r\n }\r\n\r\n fullPaid() {\r\n if (!this.state.cart\r\n || !this.state.cart.localizedSaleInfo\r\n || !this.state.cart.localizedSaleInfo.localBalance) {\r\n return false;\r\n }\r\n\r\n return this.state.cart.localizedSaleInfo.localBalance.amount === 0;\r\n }\r\n\r\n paymentCount() {\r\n if (!this.state.cart || !this.state.cart.paymentTransactions) {\r\n return 0;\r\n }\r\n\r\n return this.state.cart.paymentTransactions.length;\r\n }\r\n\r\n hasPayments() {\r\n return this.paymentCount() > 0;\r\n }\r\n\r\n readyForSubmit() {\r\n const cartHasError = (!!this.state.cart && this.state.cart.hasError);\r\n return this.fullPaid() && this.paymentCount() <= 1 && this.state.allTermsAccepted && !cartHasError;\r\n }\r\n\r\n allowAddPayment() {\r\n return !this.readyForSubmit() && this.paymentCount() < 1 && this.hasCarrierMethod() && this.paymentTypeSelected();\r\n }\r\n\r\n previousToSubmit()\r\n {\r\n if (this.state.submitInProgress) return false;\r\n this.setSubmitInProgress();\r\n this.validateAndContinue(this.submit);\r\n }\r\n\r\n addPaymentButton() {\r\n return (\r\n \r\n );\r\n }\r\n\r\n submitButton() {\r\n let disabled = !this.readyForSubmit() || this.state.submitInProgress;\r\n\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderFooterSteps(step, i) {\r\n if (!step || !step.name) return null;\r\n\r\n var title = this.props.resources[step.resource];\r\n var active = this.WizardLogic.currentStep.name === step.name;\r\n var visited = this.WizardLogic.wizardHistory.indexOf(step) !== -1;\r\n var number = i + 1;\r\n\r\n if (active || visited) return null;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n\r\n render() {\r\n let submitBtn = this.submitButton();\r\n\r\n return (\r\n \r\n {this.WizardLogic.wizardHistory.concat(this.WizardLogic.currentStep).map(this.renderStep)}\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EnrollWizard;\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollWizard.js","export default {\r\n entry: 'your-information',\r\n tree: [\r\n {\r\n name: 'your-information',\r\n resource: 'PWS.Enrollment.TellUsAboutYourself',\r\n next: 'create-your-business-information'\r\n },\r\n {\r\n name: 'create-your-business-information',\r\n resource: 'PWS.Enrollment.NewBusinessDetails',\r\n next: 'payment-and-shipping'\r\n },\r\n {\r\n name: 'payment-and-shipping',\r\n resource: 'PWS.Enrollment.PaymentAndShipping',\r\n next: false\r\n },\r\n ]\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollSteps.js","import 'idempotent-babel-polyfill'; // For Array.find\r\n\r\nexport default class Wizard {\r\n constructor(strategy, onStepChange) {\r\n this.strategy = strategy;\r\n this.onStepChange = onStepChange;\r\n this.wizardHistory = [];\r\n this.advance = this.advance.bind(this);\r\n this.retreat = this.retreat.bind(this);\r\n this.getFirstStep = this.getFirstStep.bind(this);\r\n this.backToStep = this.backToStep.bind(this);\r\n this.currentStep = this.getFirstStep();\r\n this.onStepChange(this.currentStep);\r\n }\r\n\r\n getFirstStep() {\r\n var result = this.strategy.tree.find(item => item.name === this.strategy.entry);\r\n return result;\r\n }\r\n\r\n getStepByName(name) {\r\n var result = this.strategy.tree.find(item => item.name === name);\r\n return result;\r\n }\r\n\r\n advance(option) {\r\n var nextStep;\r\n\r\n // If next is false, this is the last step\r\n if (!this.currentStep.next) {\r\n nextStep = null;\r\n }\r\n // If next is a string, there is a single possible next step\r\n else if (typeof this.currentStep.next === 'string') {\r\n nextStep = this.getStepByName(this.currentStep.next);\r\n }\r\n // If next is an object, look for the selected option sent in to advance\r\n // and get the matching next step from the tree\r\n else if (typeof this.currentStep.next === 'object')\r\n {\r\n var option = this.strategy.tree.find(item => item.case === option);\r\n var nextStepName = option.then;\r\n nextStep = this.getStepByName(nextStepName);\r\n }\r\n this.wizardHistory.push(this.currentStep);\r\n this.currentStep = nextStep || this.currentStep;\r\n if (this.onStepChange) this.onStepChange(this.currentStep);\r\n }\r\n\r\n retreat() {\r\n this.currentStep = this.wizardHistory.pop();\r\n if (this.onStepChange) this.onStepChange(this.currentStep);\r\n }\r\n\r\n backToStep(step) {\r\n if (this.wizardHistory.length < step) {\r\n if (console && console.warn) {\r\n console.warn(\"Attempted to go to a wizard step that hasn't been visited yet.\");\r\n }\r\n return false;\r\n }\r\n var newIndex = step - 1;\r\n this.currentStep = this.wizardHistory[newIndex];\r\n this.wizardHistory = this.wizardHistory.slice(0, newIndex);\r\n if (this.onStepChange) this.onStepChange(this.currentStep);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/Scripts/wizard-logic.js","import React from 'react';\r\nimport classnames from 'classnames';\r\n\r\nclass WizardStepHeader extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n render() {\r\n let stepNumber = this.props.resources['PWS.Enrollment.WizardHeaderStep'] + \" \" + this.props.number;\r\n\r\n return (\r\n \r\n {submitBtn}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n {this.WizardLogic.strategy.tree.map(this.renderFooterSteps)}\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nWizardStepHeader.propTypes = {\r\n active: React.PropTypes.bool,\r\n visited: React.PropTypes.bool,\r\n number: React.PropTypes.number, // Maybe this should be a string, since it is for display?\r\n title: React.PropTypes.string,\r\n /*handleClick: React.PropTypes.func.isRequired*/\r\n};\r\n\r\nexport default WizardStepHeader;\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/WizardStepHeader.js","import React from 'react';\r\nimport EnrollActions from './EnrollActions';\r\nimport {SelectField} from '../FormFields/formFields';\r\n\r\nclass EnrollLocationAndLanguage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.isValid = this.isValid.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n EnrollActions.getPasswordValidationRules();\r\n this.props.canContinue(this.isValid());\r\n var enrollData = window.jenkon[\"EnrollmentData\"];\r\n if (enrollData !== \"null\") {\r\n var data = JSON.parse(enrollData);\r\n data.consents = data.consents?JSON.parse(data.consents.replace(/'/g, '\"')):null;\r\n EnrollActions.setExistingEnrollment(data);\r\n }\r\n }\r\n isLast() {\r\n \treturn false;\r\n }\r\n\r\n isValid() {\r\n return new Promise((resolve) => {\r\n const isValid = this.props.Country !== '' && this.props.Culture !== '';\r\n resolve(isValid);\r\n });\r\n }\r\n\r\n registerErrors() {\r\n this.refs.EnrollmentCountry.registerErrors();\r\n this.refs.EnrollmentLanguage.registerErrors();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n {stepNumber}
\r\n {this.props.title}
\r\n {this.props.active ? \"-\" : \"+\"}
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default EnrollLocationAndLanguage;\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollLocationAndLanguage.js","import React from 'react';\r\nimport EnrollActions from 'ViewModels/Components/Enroll/EnrollActions';\r\nimport EnrollStore from 'ViewModels/Components/Enroll/EnrollStore';\r\nimport { TextField, SelectField } from 'form-fields';\r\nimport AddressLoader from 'ViewModels/Components/Addresses/AddressLoader';\r\nimport classnames from 'classnames';\r\nimport Enroll2FAv2 from 'ViewModels/Components/Enroll/Enroll2FAv2';\r\nimport { AsYouType, isPossiblePhoneNumber, parsePhoneNumber } from 'libphonenumber-js'\r\n\r\nexport default class EnrollAccountInformation extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.isValid = this.isValid.bind(this);\r\n this.persistFields = this.persistFields.bind(this);\r\n this.registerErrors = this.registerErrors.bind(this);\r\n this.state = { showModal: false, phoneExists: props.phoneExists, isAccountVerified: false };\r\n this.state = EnrollStore.getState();\r\n this.onChange = this.onChange.bind(this);\r\n this.changeField = this.changeField.bind(this);\r\n this.hideMaskedPhoneTemplate = this.hideMaskedPhoneTemplate.bind(this);\r\n }\r\n\r\n onChange(data) {\r\n this.setState(data);\r\n }\r\n\r\n componentDidMount() {\r\n EnrollStore.listen(this.onChange);\r\n\r\n if (window.jenkon.AllowDuplicateEmailAddresses === 'False' && this.props.EmailAddress && this.props.EmailAddress.length > 0) {\r\n EnrollActions.validateEmail(this.props.EmailAddress, window.jenkon.country, window.jenkon.EnrollmentAccountType);\r\n this.refs.EmailAddress.registerErrors();\r\n }\r\n\r\n this.props.canContinue(this.isValid());\r\n }\r\n\r\n componentWillUnmount() {\r\n EnrollStore.unlisten(this.onChange);\r\n }\r\n\r\n componentWillMount() {\r\n let days = [],\r\n years = [],\r\n d,\r\n y,\r\n date = new Date(),\r\n thisYear = date.getFullYear(),\r\n targetYear = thisYear - 100;\r\n for (d = 1; d <= 31; d++) {\r\n days.push({ day: d });\r\n }\r\n for (y = thisYear; y >= targetYear; y--) {\r\n years.push({ year: y });\r\n }\r\n\r\n this.setState({\r\n years: years,\r\n months: [\r\n { name: window.jenkon.resources[\"PWS.Enrollment.JanuaryShort\"], value: '01' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.FebruaryShort\"], value: '02' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.MarchShort\"], value: '03' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.AprilShort\"], value: '04' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.MayShort\"], value: '05' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.JuneShort\"], value: '06' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.JulyShort\"], value: '07' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.AugustShort\"], value: '08' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.SeptemberShort\"], value: '09' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.OctoberShort\"], value: '10' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.NovemberShort\"], value: '11' },\r\n { name: window.jenkon.resources[\"PWS.Enrollment.DecemberShort\"], value: '12' }\r\n ],\r\n days: days,\r\n phoneTypes: [\r\n { type: window.jenkon.resources[\"PWS.Enrollment.PhoneTypeHome\"] },\r\n { type: window.jenkon.resources[\"PWS.Enrollment.PhoneTypeMobile\"] },\r\n { type: window.jenkon.resources[\"PWS.Enrollment.PhoneTypeFax\"] }\r\n ],\r\n prefixs: [\r\n { prefix: window.jenkon.resources[\"PWS.Enrollment.PrefixMr\"] },\r\n { prefix: window.jenkon.resources[\"PWS.Enrollment.PrefixMrs\"] },\r\n { prefix: window.jenkon.resources[\"PWS.Enrollment.PrefixMiss\"] },\r\n { prefix: window.jenkon.resources[\"PWS.Enrollment.PrefixMs\"] }\r\n ],\r\n genders: [\r\n { displayValue: window.jenkon.resources[\"PWS.Enrollment.GenderMale\"], gender: 'Male' },\r\n { displayValue: window.jenkon.resources[\"PWS.Enrollment.GenderFemale\"], gender: 'Female' }\r\n ]\r\n });\r\n\r\n this.is2FAFeatureActive(this.props.Country);\r\n }\r\n\r\n changeField(name, value) {\r\n let phoneRefs = [\"HomePhone\", \"MobilePhone\", \"MobilePhoneConfirm\"];\r\n if (phoneRefs.includes(name)) {\r\n try {\r\n value = new AsYouType(this.state.Country).input(value);\r\n\r\n const phoneNumber = parsePhoneNumber(value, this.state.Country);\r\n if (phoneNumber) {\r\n value = phoneNumber.formatNational();\r\n }\r\n } catch (error) {\r\n console.warn(`AsYouType component failed to load. Error: (${error})`);\r\n }\r\n }\r\n\r\n phoneRefs = [\"MobilePhone\", \"MobilePhoneConfirm\", \"EmailAddress\", \"EmailAddressConfirm\"];\r\n if (phoneRefs.includes(name)) this.onAccountVerification(false);\r\n \r\n EnrollActions.changeField(name, value);\r\n }\r\n\r\n validateEmail(value) {\r\n EnrollActions.validateEmail(value, window.jenkon.country, window.jenkon.EnrollmentAccountType);\r\n }\r\n\r\n is2FAFeatureActive(country) {\r\n EnrollActions.isTwoFactorFeatureActive(country);\r\n }\r\n\r\n showMaskedPhoneTemplate(value) {\r\n this.refs[value].refs.input.placeholder = this.props.Country == \"MX\" ? '##########' : '###-###-####';\r\n }\r\n\r\n hideMaskedPhoneTemplate(value) {\r\n this.refs[value].refs.input.placeholder = \"\";\r\n\r\n if (value == 'MobilePhone') {\r\n window.jenkon.mobileCheckForDuplicity === 'true' ? this.validateMobilePhone('MobilePhone') : () => { return false; };\r\n }\r\n }\r\n\r\n registerErrors() {\r\n this.refs.FirstName.registerErrors();\r\n this.refs.LastName.registerErrors();\r\n this.refs.BirthYear.registerErrors();\r\n this.refs.BirthMonth.registerErrors();\r\n this.refs.BirthDay.registerErrors();\r\n this.refs.HomePhone.registerErrors();\r\n this.refs.homeAddrLoader.registerErrors();\r\n this.refs.MobilePhone.registerErrors();\r\n if (this.props.MaritalStatus === 'M') {\r\n this.refs.SpouseFullName.registerErrors();\r\n this.refs.SpouseBirthYear.registerErrors();\r\n this.refs.SpouseBirthMonth.registerErrors();\r\n this.refs.SpouseBirthDay.registerErrors();\r\n }\r\n if (!this.props.sameAsPrimary)\r\n this.refs.shippingAddrLoader.registerErrors();\r\n\r\n this.refs.EmailAddress.registerErrors();\r\n this.refs.Password.registerErrors();\r\n this.refs.ConfirmPassword.registerErrors();\r\n this.isEmailValid();\r\n this.isUsernameValid();\r\n this.isPasswordValid();\r\n }\r\n\r\n isEmailValid() {\r\n return !this.state.emailExists;\r\n }\r\n componentDidUpdate() {\r\n \r\n if (this.props.phoneExists && this.refs.MobilePhone) \r\n this.refs.MobilePhone.setErrorMessage(window.jenkon.resources[\"PWS.Enrollment.PhoneExistsMessage\"]);\r\n if (this.state.emailExists && this.refs.EmailAddress)\r\n this.refs.EmailAddress.setErrorMessage(window.jenkon.resources[\"PWS.Enrollment.EmailAddressExistsMessage\"]);\r\n else if (this.refs.EmailAddress)\r\n this.refs.EmailAddress.setErrorMessage('');\r\n }\r\n \r\n\r\n isValid(nextPressed) {\r\n return new Promise((resolve) => {\r\n var validData =\r\n this.refs.FirstName.isValid()\r\n && this.refs.LastName.isValid()\r\n && this.refs.BirthYear.isValid()\r\n && this.refs.BirthMonth.isValid()\r\n && this.refs.BirthDay.isValid()\r\n //&& this.refs.EnrollmentLanguage.isValid()\r\n && this.refs.HomePhone.isValid()\r\n && this.refs.MobilePhone.isValid()\r\n && this.refs.MobilePhoneConfirm.isValid()\r\n && this.refs.EmailAddress.isValid()\r\n && this.refs.EmailAddressConfirm.isValid()\r\n && this.refs.homeAddrLoader.isValidAddress()\r\n && this.props.isValidBirthDate\r\n && !this.state.emailExists\r\n && this.isPhoneValid();\r\n\r\n let data = EnrollStore.getState();\r\n if (data.isTwoFactorFeatureActive)\r\n validData = validData && this.state.isAccountVerified;\r\n\r\n if (!this.props.sameAsPrimary && validData)\r\n validData = this.refs.shippingAddrLoader.isValidAddress();\r\n\r\n if (this.props.MaritalStatus === 'M') {\r\n this.refs.SpouseFullName.isValid();\r\n this.refs.SpouseBirthYear.isValid();\r\n this.refs.SpouseBirthMonth.isValid();\r\n this.refs.SpouseBirthDay.isValid();\r\n }\r\n //resolve(validData);\r\n if (validData && nextPressed) {\r\n\r\n this.validateAddresses().then(resolve);\r\n\r\n } else {\r\n resolve(validData);\r\n }\r\n\r\n });\r\n }\r\n\r\n isPhoneValid() {\r\n return this.refs.MobilePhone.isValid() && !this.props.phoneExists;\r\n }\r\n\r\n validateAddresses() {\r\n return new Promise(resolve => {\r\n this.refs.homeAddrLoader.validateAddress(false, null)\r\n .then(resultHome => {\r\n if (resultHome && !this.props.sameAsPrimary) {\r\n this.refs.shippingAddrLoader.validateAddress(false, this.props.resources[\"PWS.Enrollment.YourShippingAddress\"]).then(resolve);\r\n } else {\r\n resolve(resultHome);\r\n }\r\n });\r\n });\r\n }\r\n\r\n isLast() {\r\n return false;\r\n }\r\n\r\n handleAddressChange() {\r\n EnrollActions.setHomeAddress(this.refs.homeAddrLoader.getAddressValues());\r\n }\r\n\r\n handleShippingAddressChange() {\r\n EnrollActions.setShippingAddress(this.refs.shippingAddrLoader.getAddressValues());\r\n }\r\n\r\n persistFields() {\r\n var HomeAddress = this.refs.homeAddrLoader.getAddressValues();\r\n var shippingAddressValues = this.refs.shippingAddrLoader ? this.refs.shippingAddrLoader.getAddressValues() : null;\r\n if (shippingAddressValues) {\r\n shippingAddressValues.country = this.props.Country;\r\n }\r\n var ShippingAddress = !this.props.sameAsPrimary ? shippingAddressValues : HomeAddress;\r\n\r\n let persistData = {\r\n HomeAddress,\r\n ShippingAddress\r\n }\r\n EnrollActions.setPersistingData(persistData);\r\n }\r\n\r\n validateMobilePhone() {\r\n if (!this.props.MobilePhone) return;\r\n\r\n let ExistPhoneNumberRequest = {\r\n PhoneType : \"MOBILE\",\r\n Phone: this.props.MobilePhone,\r\n Country: this.props.Country\r\n }\r\n EnrollActions.validatePhone(ExistPhoneNumberRequest);\r\n }\r\n\r\n getValidationRules() {\r\n let validationRules = {\r\n FirstName: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.ContactForm.FirstNameRequiredMessage\"]\r\n },\r\n MiddleName: {\r\n },\r\n LastName: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.ContactForm.LastNameRequiredMessage\"]\r\n },\r\n BirthYear: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.BirthdateYearRequiredMessage\"]\r\n },\r\n BirthMonth: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.BirthdateMonthRequiredMessage\"]\r\n },\r\n BirthDay: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.BirthdateDayRequiredMessage\"]\r\n },\r\n HomePhone: {\r\n required: window.jenkon.primaryPhoneType === \"HOME\" ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.PrimaryPhoneRequiredMessage\"],\r\n customValidation: () => { return isPossiblePhoneNumber(this.props.HomePhone, this.props.Country); },\r\n customValidationMessage: window.jenkon.resources[\"PWS.Enrollment.PrimaryPhoneInvalidMessage\"],\r\n },\r\n MobilePhone: {\r\n required: window.jenkon.primaryPhoneType === \"MOBILE\" ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.PrimaryPhoneRequiredMessage\"],\r\n customValidation: () => { return isPossiblePhoneNumber(this.props.MobilePhone, this.props.Country); },\r\n customValidationMessage: window.jenkon.resources[\"PWS.Enrollment.SecondaryPhoneInvalidMessage\"],\r\n },\r\n MobilePhoneConfirm: {\r\n required: window.jenkon.primaryPhoneType === \"MOBILE\" ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.SecondaryPhoneConfirmRequiredMessage\"],\r\n mustMatch: () => {\r\n return this.props.MobilePhone;\r\n },\r\n mustMatchMessage: window.jenkon.resources[\"PWS.Enrollment.SecondaryPhoneConfirmDoesNotMatchMessage\"],\r\n customValidation: () => { return isPossiblePhoneNumber(this.props.MobilePhone, this.props.Country); },\r\n customValidationMessage: window.jenkon.resources[\"PWS.Enrollment.SecondaryPhoneInvalidMessage\"],\r\n },\r\n SpouseFullName: {\r\n required: this.props.MaritalStatus === 'M' ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.SpouseFullNameRequiredMessage\"]\r\n },\r\n SpouseBirthYear: {\r\n required: this.props.MaritalStatus === 'M' ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.BirthdateYearRequiredMessage\"]\r\n },\r\n SpouseBirthMonth: {\r\n required: this.props.MaritalStatus === 'M' ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.BirthdateMonthRequiredMessage\"]\r\n },\r\n SpouseBirthDay: {\r\n required: this.props.MaritalStatus === 'M' ? true : false,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.BirthdateDayRequiredMessage\"]\r\n },\r\n EmailAddress: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.EmailAddressRequiredMessage\"],\r\n email: true,\r\n emailMessage: window.jenkon.resources[\"PWS.Enrollment.EmailAddressInvalidMessage\"],\r\n },\r\n EmailAddressConfirm: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.ConfirmEmailAddressRequiredMessage\"],\r\n customValidation: () => { return this.props.EmailAddress.toLowerCase() == this.props.EmailAddressConfirm.toLowerCase(); },\r\n customValidationMessage: window.jenkon.resources[\"PWS.Enrollment.ConfirmEmailAddressDoesNotMatchMessage\"],\r\n },\r\n Password: {\r\n required: true,\r\n requiredMessage: this.props.resources['PWS.Enrollment.DesiredPasswordRequiredMessage']\r\n },\r\n PasswordConfirm: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enrollment.ConfirmPasswordRequiredMessage\"],\r\n mustMatch: () => {\r\n return this.props.Password;\r\n },\r\n mustMatchMessage: window.jenkon.resources[\"PWS.Enrollment.ConfirmPasswordDoesNotMatchMessage\"]\r\n },\r\n EnrollmentLanguage: {\r\n required: true,\r\n requiredMessage: this.props.resources['PWS.Enrollment.EnrollmentLanguageRequired']\r\n },\r\n }\r\n\r\n return validationRules;\r\n }\r\n\r\n getFieldKeys() {\r\n let keys = {\r\n months: {\r\n valueKey: 'value',\r\n nameKey: 'name'\r\n },\r\n days: {\r\n valueKey: 'day',\r\n nameKey: 'day'\r\n },\r\n years: {\r\n valueKey: 'year',\r\n nameKey: 'year'\r\n },\r\n\r\n gender: {\r\n valueKey: 'gender',\r\n nameKey: 'displayValue'\r\n },\r\n prefix: {\r\n valueKey: 'prefix',\r\n nameKey: 'prefix'\r\n },\r\n suffix: {\r\n valueKey: 'value',\r\n nameKey: 'displayValue'\r\n },\r\n maritalstatus: {\r\n valueKey: 'code',\r\n nameKey: 'description'\r\n },\r\n race: {\r\n valueKey: 'code',\r\n nameKey: 'description'\r\n },\r\n nationality: {\r\n valueKey: 'code',\r\n nameKey: 'description'\r\n },\r\n\r\n }\r\n\r\n return keys;\r\n }\r\n\r\n renderPersonalInformation() {\r\n let validationRules = this.getValidationRules();\r\n let keys = this.getFieldKeys();\r\n\r\n let birthdateErrorDisplay = !this.props.isValidBirthDate ? {this.props.resources['PWS.Enrollment.CulturePrompt']}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {this.props.resources['PWS.Enrollment.CultureNotice']}
\r\n{window.jenkon.resources[\"PWS.Enrollment.BirthDateInvalidMessage\"]}
: '';\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n renderLanguage() {\r\n let validationRules = this.getValidationRules();\r\n\r\n return (\r\n {window.jenkon.resources[\"PWS.Enrollment.YourFullLegalName\"]}
\r\n{window.jenkon.resources[\"PWS.Enrollment.Birthdate\"]}
\r\n {birthdateErrorDisplay}\r\n\r\n
\r\n );\r\n }\r\n\r\n renderMainAddress() {\r\n return (\r\n {window.jenkon.resources['PWS.Enrollment.PreferredLanguage']}
\r\n{this.props.resources['PWS.Enrollment.CulturePrompt']}
\r\n\r\n
\r\n\r\n {this.renderSeparator()}\r\n \r\n
\r\n {this.props.resources['PWS.Enrollment.CultureNotice']}
\r\n\r\n
\r\n );\r\n }\r\n\r\n renderPhoneAndEmail() {\r\n let validationRules = this.getValidationRules();\r\n\r\n return (\r\n \r\n {window.jenkon.resources['PWS.Enrollment.MailingAddress']}\r\n
\r\n {window.jenkon.resources['PWS.Enrollment.MailingAddressSubtitle']}
\r\n
\r\n );\r\n }\r\n\r\n renderShippingAddress() {\r\n let showShippingAddress = !this.props.sameAsPrimary ? (\r\n \r\n {window.jenkon.resources[\"PWS.Enrollment.YourPrimaryContactInformation\"]}\r\n
\r\n\r\n\r\n
\r\n \r\n this.hideMaskedPhoneTemplate(\"HomePhone\")}\r\n Rules={validationRules.HomePhone}\r\n value={this.props.HomePhone}\r\n label={window.jenkon.resources[\"PWS.Enrollment.PrimaryPhonePlaceholder\"]}\r\n classes=\"input-bordered\"\r\n modern={true}\r\n />\r\n
\r\n \r\n
\r\n\r\n \r\n this.hideMaskedPhoneTemplate(\"MobilePhone\")}\r\n value={this.props.MobilePhone}\r\n Rules={validationRules.MobilePhone}\r\n label={window.jenkon.resources[\"PWS.Enrollment.SecondaryPhonePlaceholder\"]}\r\n classes=\"input-bordered\"\r\n disableCopyPaste={true}\r\n modern={true}\r\n />\r\n
\r\n \r\n this.hideMaskedPhoneTemplate(\"MobilePhoneConfirm\")}\r\n value={this.props.MobilePhoneConfirm}\r\n Rules={validationRules.MobilePhoneConfirm}\r\n label={window.jenkon.resources[\"PWS.Enrollment.SecondaryPhoneConfirmPlaceholder\"]}\r\n classes=\"input-bordered\"\r\n disableCopyPaste={true}\r\n modern={true}\r\n />\r\n
\r\n \r\n
\r\n\r\n {this.renderSeparator()}\r\n \r\n {\r\n return false;\r\n }\r\n }\r\n disableCopyPaste={true}\r\n modern={true}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n onAccountVerification(success) {\r\n this.setState({ isAccountVerified: success });\r\n this.props.canContinue(this.isValid());\r\n }\r\n\r\n\r\n renderAccountVerification() {\r\n let data = EnrollStore.getState();\r\n if (!data.isTwoFactorFeatureActive) { return \"\"; }\r\n\r\n let emailAddress = this.refs.EmailAddress && this.refs.EmailAddress.isValid() ? this.props.EmailAddress : \"\";\r\n let phoneNumber = this.refs.MobilePhone && this.refs.MobilePhone.isValid() ? this.props.MobilePhone : \"\";\r\n\r\n let emailAddressConfirmation = this.refs.EmailAddressConfirm && this.refs.EmailAddressConfirm.isValid() ? this.props.EmailAddressConfirm : \"\";\r\n let phoneNumberConfirmation = this.refs.MobilePhoneConfirm && this.refs.MobilePhoneConfirm.isValid() ? this.props.MobilePhoneConfirm : \"\";\r\n \r\n return (\r\n \r\n {this.props.resources[\"PWS.Enrollment.YourShippingAddress\"]}\r\n
\r\n {window.jenkon.resources['PWS.Enrollment.ShippingAddressSubtitle']}\r\n
\r\n \r\n\t\t \r\n
\r\n \r\n {showShippingAddress}\r\n
\r\n\r\n {this.renderSeparator()}\r\n \r\n
\r\n );\r\n }\r\n\r\n renderSeparator() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let validationRules = this.getValidationRules();\r\n let keys = this.getFieldKeys();\r\n\r\n\r\n return (\r\n \r\n {this.renderPersonalInformation()}\r\n\r\n {/*this.renderLanguage()*/}\r\n\r\n {this.renderMainAddress()}\r\n\r\n {this.renderPhoneAndEmail()}\r\n\r\n {this.renderShippingAddress()}\r\n\r\n {this.renderAccountVerification()}\r\n\r\n {/*per TW-1242 They requested to hide this section*/}\r\n
\r\n )\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollAccountInformation.js","import React from 'react';\r\nimport EnrollActions from 'ViewModels/Components/Enroll/EnrollActions';\r\nimport EnrollStore from 'ViewModels/Components/Enroll/EnrollStore';\r\nimport {TextField, SelectField} from 'form-fields';\r\nimport Enroll2FAModel from './Enroll2FAModel';\r\nimport si from 'si';\r\nimport classnames from 'classnames';\r\n\r\n\r\nexport default class Enroll2FAv2 extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n verificationOptions: [],\r\n verificationOption: \"\",\r\n setShow: false,\r\n };\r\n }\r\n\r\n componentDidUpdate(props, state) {\r\n if (this.state.prevPhoneNumber != props.phoneNumber) { this.clearState(props); }\r\n if (this.state.prevEmail != props.email) { this.clearState(props); }\r\n if (this.state.prevPhoneNumberConfirmation != props.phoneNumberConfirmation) { this.clearState(props); }\r\n if (this.state.prevEmailConfirmation != props.emailConfirmation) { this.clearState(props); }\r\n }\r\n\r\n changeField(name, value) {\r\n var diff = {};\r\n diff[name] = value;\r\n this.setState(diff);\r\n }\r\n updateState(name, value) { this.changeField(name, value); }\r\n\r\n getFieldKeys() {\r\n return {\r\n verificationOptions: {\r\n valueKey: 'value',\r\n nameKey: 'name'\r\n }\r\n };\r\n }\r\n\r\n getValidationrules() {\r\n let codeRequired = window.jenkon.resources[\"PWS.Enroll2FA.CodeRequiredShort\"];\r\n let codeInvalid = window.jenkon.resources[\"PWS.Enroll2FA.CodeInvalidShort\"];\r\n\r\n return {\r\n verificationCode: {\r\n required: true,\r\n requiredMessage: codeRequired ,\r\n maxLength: 6,\r\n maxLengthMessage: codeInvalid,\r\n minLength: 6,\r\n minLengthMessage: codeInvalid,\r\n numeric: true,\r\n numericMessage: codeInvalid,\r\n },\r\n };\r\n }\r\n\r\n resendCode() {\r\n this.showModal();\r\n this.setState({ resent: true });\r\n }\r\n\r\n showModal() {\r\n this.sendCode();\r\n this.setState({ resent: false });\r\n this.setState({ setShow: true });\r\n }\r\n closeModal() {\r\n this.setState({ setShow: false });\r\n }\r\n\r\n componentIsValid() {\r\n let isValid = this.refs.verificationCode && this.refs.verificationCode.isValid();\r\n return isValid;\r\n }\r\n\r\n clearState(props) {\r\n this.updateState(\"verificationCode\", \"\");\r\n this.updateState(\"validationStarted\", false);\r\n this.updateState(\"isValidCode\", false);\r\n this.updateState(\"success\", false);\r\n this.updateState(\"errorMessage\", \"\");\r\n this.updateState(\"hashCode\", '');\r\n this.updateState(\"attempts\", -1);\r\n this.updateState(\"resend\", -1);\r\n this.updateState(\"time\", -1);\r\n\r\n if (props) {\r\n this.updateState(\"prevPhoneNumber\", props.phoneNumber);\r\n this.updateState(\"prevEmail\", props.email);\r\n this.updateState(\"prevPhoneNumberConfirmation\", props.phoneNumberConfirmation);\r\n this.updateState(\"prevEmailConfirmation\", props.emailConfirmation);\r\n this.updateState(\"setShow\", false);\r\n }\r\n }\r\n\r\n sendCode() {\r\n this.clearState();\r\n\r\n let phoneNumber = (this.state.verificationOption == \"sms\") ? this.props.phoneNumber : null;\r\n let email = (this.state.verificationOption == \"email\") ? this.props.email : null;\r\n\r\n si.sendCode(phoneNumber, this.props.country, email, this.props.account).then((data) => {\r\n this.updateState(\"success\", data.success);\r\n this.updateState(\"errorMessage\", data.errorCode);\r\n this.updateState(\"hashCode\", data.code);\r\n this.updateState(\"attempts\", data.remainAttempts);\r\n });\r\n }\r\n\r\n validateCode(e) {\r\n e.preventDefault();\r\n\r\n if (!this.componentIsValid()) {\r\n this.refs.verificationCode.registerErrors();\r\n return false;\r\n }\r\n\r\n si.validateCode(this.state.verificationCode, this.state.hashCode, this.props.account).then(\r\n (data) => {\r\n this.updateState(\"validationStarted\", true);\r\n this.updateState(\"isValidCode\", data.success);\r\n this.props.onAccountVerification(data.success);\r\n }\r\n );\r\n\r\n return false;\r\n }\r\n\r\n modalAccountVerification() {\r\n\r\n let modalBackdropStyle = {\r\n position: \"fixed\",\r\n top: \"0px\",\r\n left: \"0px\",\r\n zIndex: \"60000\",\r\n width: \"100vw\",\r\n height: \"100vh\",\r\n backgroundColor: \"#000\",\r\n opacity: \".5\"\r\n };\r\n\r\n let modalDialogBackground = {\r\n zIndex: \"61000\",\r\n display: \"flex\",\r\n alignItems: \"center\"\r\n }\r\n\r\n if (!this.state.setShow) return null;\r\n\r\n let mainMessage = (this.state.verificationOption == \"sms\") ?\r\n window.jenkon.resources[\"PWS.Enroll2FA.CodeSentViaSMS\"] :\r\n window.jenkon.resources[\"PWS.Enroll2FA.CodeSentViaEmail\"];\r\n\r\n let resendMessage = (this.state.verificationOption == \"sms\") ?\r\n window.jenkon.resources[\"PWS.Enroll2FA.CodeNotReceivedViaSMS\"] :\r\n window.jenkon.resources[\"PWS.Enroll2FA.CodeNotReceivedViaEmail\"];\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n\r\n {window.jenkon.resources[\"PWS.Enrollment.AndAFewMoreDetailsAboutYourself\"]}
\r\n\r\n\r\n
\r\n\r\n {window.jenkon.resources[\"PWS.Enrollment.SpouseInformation\"]}
\r\n{window.jenkon.resources[\"PWS.Enrollment.SpouseDateOfBirth\"]}
\r\n\r\n
\r\n * {window.jenkon.resources[\"PWS.Globals.Required\"]}
\r\n * {window.jenkon.resources[\"PWS.Enrollment.AddressSubnote\"]}
\r\n \r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n renderAccountVerificationSelection() {\r\n let btnDisabled = this.state.verificationOption == '';\r\n let btnDisableStyle = { float: \"left\", };\r\n\r\n if (!this.props.email || this.props.email != this.props.emailConfirmation) btnDisabled = true;\r\n if (!this.props.phoneNumber || this.props.phoneNumber != this.props.phoneNumberConfirmation) btnDisabled = true;\r\n\r\n let verificationOptions = [];\r\n\r\n if (this.props.email) verificationOptions.push({ name: `${window.jenkon.resources[\"PWS.Enroll2FA.AccountVerificationOptionEmail\"]} (${this.props.email})`, value: \"email\" });\r\n if (this.props.phoneNumber) verificationOptions.push({ name: `${window.jenkon.resources[\"PWS.Enroll2FA.AccountVerificationOptionSMS\"]} (${this.props.phoneNumber})`, value: \"sms\" });\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderSeparator() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {window.jenkon.resources[\"PWS.Enroll2FA.AccountVerificationTitle\"]}\r\n
\r\n {window.jenkon.resources[\"PWS.Enroll2FA.AccountVerificationSelectOptionMessage\"]}\r\n
\r\n \r\n
\r\n \r\n {this.modalAccountVerification()}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n render() {\r\n let isAccountValidated = (this.state.validationStarted && this.state.isValidCode);\r\n\r\n if (isAccountValidated) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n return this.renderAccountVerificationSelection();\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/Enroll2FAv2.js","import React from 'react';\r\nimport EnrollActions from './EnrollActions';\r\nimport EnrollStore from './EnrollStore';\r\nimport si from 'si';\r\n\r\nexport default class EnrollKitSelection extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.isValid = this.isValid.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n EnrollActions.getKitSelections(this.props.Country);\r\n EnrollActions.getPhoneFormats(this.props.Country);\r\n EnrollActions.getTaxIdFormat(this.props.Country);\r\n EnrollActions.getAgeRestrictions(this.props.Country);\r\n EnrollActions.getSuffixes();\r\n EnrollActions.getBanks(this.props.Country);\r\n EnrollActions.getMaritalStatuses();\r\n EnrollActions.getRaces();\r\n EnrollActions.getNationalities();\r\n\t\tthis.props.canContinue(this.isValid());\r\n\t\twindow.scrollTo(0, this.refs.contentTop.offsetTop);\r\n }\r\n\r\n\tcomponentWillMount() {\r\n\t\tthis.setState({\r\n currentButtonIndex: -1\r\n });\r\n\t}\r\n\r\n selectKitForEnrollment(kitItem, index) {\r\n this.setState({\r\n currentButtonIndex: index\r\n });\r\n EnrollActions.selectKit(kitItem);\r\n }\r\n\r\n isLast() {\r\n return false;\r\n }\r\n \r\n createEnrollmentKitOptions(kitItem, i) {\r\n let isSelected = (kitItem.offerCode == this.props.selectedKitProductId)\r\n\r\n return \r\n
\r\n\r\n \r\n
\r\n {window.jenkon.resources[\"PWS.Enroll2FA.AccountVerificationTitle\"]}
\r\n\r\n
\r\n \r\n
\r\n {window.jenkon.resources[\"PWS.Enroll2FA.AccountVerificationCompletedMessage\"]}
\r\n\r\n
\r\n );\r\n } \r\n\r\n return (\r\n {window.jenkon.resources[\"PWS.Enrollment.ChooseYourStarterKit\"]}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nclass EnrollmentKitItems extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showLongDescription: false,\r\n buttonSelected: false,\r\n };\r\n }\r\n\r\n showLongDescription() {\r\n //this.setState({showLongDescription: true});\r\n }\r\n\r\n hideLongDescription() {\r\n //this.setState({showLongDescription: false});\r\n }\r\n\r\n updateKitSelect() {\r\n //submit to parent callback\r\n this.props.onKitSelect(this.props.kitItem, this.props.index);\r\n }\r\n\r\n createPriceStyling(price) {\r\n let vals = price.split('.');\r\n if (vals.length < 2) { // no decimal places provided..return as is\r\n return price;\r\n }\r\n\r\n return - \r\n {this.props.enrollmentKits.map(this.createEnrollmentKitOptions.bind(this))}\r\n
\r\n
\r\n {price}
;\r\n }\r\n\r\n render() {\r\n let enrollmentKitClass = \"enrollment-kit \" + (this.props.isSelected ? \"selected\" : \"\");\r\n\r\n let imgUrl = window.jenkon.imageEndpoint + this.props.kitItem.resource;\r\n let formattedPricing = this.createPriceStyling(this.props.kitItem.price.displayValue);\r\n return \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n Details\r\n
\r\n\t\t\t\t\r\n\t\t\t\t\t{formattedPricing}\r\n \r\n\t\t\t\t
\r\n \r\n
\r\n {this.props.kitItem.productName}
\r\n\r\n {this.props.kitItem.productDescriptionLong}\r\n
\r\n\t\t\t\t\r\n\t\t\t\t\t{formattedPricing}\r\n \r\n\t\t\t\t
\r\n\t\t\t\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderStarterKits() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n getTermAndCondition(tacCode) {\r\n\t\tvar nssTac = this.state.termAndConditionConfiguration.filter(x => x.termAndConditionType.trim().toLowerCase() == tacCode.trim().toLowerCase()).pop()\r\n const emptyTac = { accepted: false, required: false, description: '', code: tacCode }\r\n return nssTac || emptyTac;\r\n }\r\n\r\n render() {\r\n\t\tlet validationRules = this.getValidationRules();\r\n\r\n\t\tlet keys = {\r\n\t\t\tbanks: {\r\n\t\t\t\tvalueKey: 'code',\r\n\t\t\t\tnameKey: 'name'\r\n\t\t\t}\r\n\t\t};\r\n\r\n\t\tconst nssConsent = this.getTermAndCondition(window.jenkon.PWS3_EnrollmentNSSConsent);\r\n\r\n\t\tlet bankNameDisplay = this.props.banks.length !== 0 ? \r\n\t\t\t\t
\r\n\t\t);\r\n\t}\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollBusinessDetails.js","import React from 'react';\r\nimport EnrollActions from 'ViewModels/Components/Enroll/EnrollActions';\r\nimport EnrollStore from 'ViewModels/Components/Enroll/EnrollStore';\r\nimport {TextField, SelectField} from 'form-fields';\r\nimport Enroll2FAModel from './Enroll2FAModel';\r\nimport si from 'si';\r\n\r\nexport default class Enroll2FA extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.isValid = this.isValid.bind(this);\r\n this.registerErrors = this.registerErrors.bind(this);\r\n this.updateState = this.updateState.bind(this);\r\n this.sendCode = this.sendCode.bind(this);\r\n this.validateCode = this.validateCode.bind(this);\r\n this.state = {\r\n enroll2FAModel: this.props.initialValues,\r\n };\r\n this.intervalToResendHandle;\r\n this.startCountDown = this.startCountDown.bind(this);\r\n this.tickToResend = this.tickToResend.bind(this);\r\n\r\n this.intervalToExpire;\r\n this.startCountExpire = this.startCountExpire.bind(this);\r\n this.tickToExpire = this.tickToExpire.bind(this); \r\n }\r\n\r\n tickToExpire() {\r\n var sec = this.state.enroll2FAModel.time-1;\r\n\r\n this.updateState(\"time\", sec);\r\n if (sec<=0 || this.state.enroll2FAModel.isValidCode)\r\n {\r\n clearInterval(this.intervalToExpireHandle);\r\n this.intervalToExpireHandle = null;\r\n }\r\n }\r\n\r\n startCountExpire() {\r\n if(this.intervalToExpireHandle==undefined)\r\n this.intervalToExpireHandle = setInterval(this.tickToExpire, 1000);\r\n }\r\n\r\n tickToResend() {\r\n var sec = this.state.enroll2FAModel.secondsToShowResend-1;\r\n sec = sec<10? \"0\" + sec: sec;\r\n\r\n if (sec == 0 || isNaN(sec) || this.state.enroll2FAModel.isValidCode) {\r\n if(sec==0)\r\n this.updateState(\"showResend\", true);\r\n\r\n this.updateState(\"secondsToShowResend\", 0);\r\n clearInterval(this.intervalToResendHandle);\r\n this.intervalToResendHandle = null;\r\n }\r\n this.updateState(\"secondsToShowResend\", sec);\r\n }\r\n\r\n startCountDown() {\r\n this.updateState(\"secondsToShowResend\", 20);\r\n this.updateState(\"showResend\", false);\r\n if(this.intervalToResendHandle==undefined)\r\n this.intervalToResendHandle = setInterval(this.tickToResend, 1000);\r\n }\r\n\r\n componentWillUnMount() {\r\n clearInterval(this.intervalToResendHandle);\r\n clearInterval(this.intervalToExpireHandle);\r\n }\r\n\r\n componentDidMount() {\r\n var initValue = this.props.initialValues;\r\n\r\n this.setState({\r\n enroll2FAModel: initValue\r\n });\r\n\r\n if(initValue.phoneNumber!=this.props.MobilePhone)\r\n {\r\n clearInterval(this.intervalToResendHandle);\r\n this.intervalToResendHandle = null;\r\n clearInterval(this.intervalToExpireHandle);\r\n this.intervalToExpireHandle = null;\r\n\r\n this.updateState(\"phoneNumber\", this.props.MobilePhone);\r\n this.updateState(\"success\", '');\r\n this.updateState(\"errorMessage\", '');\r\n this.updateState(\"code\", '');\r\n this.updateState(\"hashCode\", '');\r\n this.updateState(\"attempts\", -1);\r\n this.updateState(\"resend\", -1);\r\n this.updateState(\"time\", -1);\r\n this.updateState(\"isValidCode\", false);\r\n this.updateState(\"validationStarted\", false);\r\n this.updateState(\"showResend\", false);\r\n this.updateState(\"secondsToShowResend\", 0);\r\n }\r\n }\r\n\r\n updateState(name, value) {\r\n var diff = {};\r\n diff[name] = value;\r\n this.state.enroll2FAModel[name] = value;\r\n //this.setState(diff);\r\n EnrollActions.setEnrollTwoFactorAuth(this.state.enroll2FAModel);\r\n }\r\n\r\n registerErrors() {\r\n this.refs.code.registerErrors();\r\n }\r\n\r\n isValid() {\r\n return new Promise((resolve) => {\r\n var validData =\r\n this.refs.code.isValid() &&\r\n this.state.enroll2FAModel.isValidCode;\r\n resolve(validData);\r\n });\r\n }\r\n\r\n validateCode() {\r\n if(this.refs.code.isValid())\r\n si.validateCode(this.state.enroll2FAModel.code, this.state.enroll2FAModel.hashCode).then((data) => {\r\n this.updateState(\"validationStarted\", true);\r\n if(data) this.updateState(\"isValidCode\", true);\r\n var attemptsRemain = this.state.enroll2FAModel.attempts-1;\r\n this.updateState(\"attempts\", attemptsRemain);\r\n });\r\n else\r\n this.refs.code.registerErrors();\r\n }\r\n\r\n sendCode() {\r\n var phoneNumber = this.state.enroll2FAModel.phoneNumber;\r\n\r\n //some markets could allow to enter a plus sign before the phone number. We consider eliminate this, in order to send SMS message just using the phone number without prefixes.\r\n if(phoneNumber.startsWith(\"+\"))\r\n phoneNumber = phoneNumber.substring(1, phoneNumber.length);\r\n\r\n si.sendCode(phoneNumber, this.props.Country).then((data) => {\r\n this.updateState(\"validationStarted\", false);\r\n this.updateState(\"isValidCode\", false);\r\n this.updateState(\"success\", data.success);\r\n this.updateState(\"errorMessage\", data.errorCode);\r\n if(data.success){\r\n var resend = this.state.enroll2FAModel.resend;\r\n if(resend!=-1)\r\n resend = resend-1;\r\n else\r\n resend = data.remainResend;\r\n\r\n this.updateState(\"hashCode\", data.code);\r\n this.updateState(\"attempts\", data.remainAttempts);\r\n this.updateState(\"resend\", resend);\r\n this.updateState(\"time\", data.remainTimeInSec);\r\n\r\n if(resend!=0)\r\n this.startCountDown();\r\n \r\n this.startCountExpire();\r\n }\r\n else{\r\n this.updateState(\"hashCode\", '');\r\n this.updateState(\"attempts\", -1);\r\n this.updateState(\"resend\", -1);\r\n this.updateState(\"time\", -1);\r\n }\r\n });\r\n }\r\n render() {\r\n let validationRules = {\r\n code: {\r\n required: true,\r\n requiredMessage: window.jenkon.resources[\"PWS.Enroll2FA.CodeRequired\"],\r\n maxLength: 6,\r\n maxLengthMessage:window.jenkon.resources[\"PWS.Enroll2FA.CodeInvalid\"],\r\n minLength: 6,\r\n minLengthMessage:window.jenkon.resources[\"PWS.Enroll2FA.CodeInvalid\"], \r\n numeric: true,\r\n numericMessage: window.jenkon.resources[\"PWS.Enroll2FA.CodeInvalid\"],\r\n },\r\n };\r\n let codeExpiredErrorDisplay = this.state.enroll2FAModel.time==0 ? \r\n\t\t\t\t\t\r\n\r\n {this.renderSeparator()}\r\n
\r\n\r\n\t\t\t\t{window.jenkon.resources[\"PWS.Enrollment.BusinessName\"]}
\r\n\t\t\t\t\t\r\n\t\t\t\t\t {\r\n this.setState({ validTaxId: false })\r\n\t\t\t\t\t\t\tEnrollActions.changeField(name, value);\r\n\t\t\t\t\t\t}}\r\n label={window.jenkon.resources[\"PWS.Enrollment.TaxIdPlaceholder\"]}\r\n classes=\"input-bordered input-50\"\r\n\t\t\t\t\t\thandleBlur={() => {\r\n const matchExpression = (value, pattern) => {\r\n var expression = new RegExp(pattern);\r\n return expression.test(value);\r\n };\r\n\r\n\t\t\t\t\t\t\tif (this.props.TaxId === \"\" || matchExpression(this.props.TaxId, this.props.taxIdFormat))\r\n\t\t\t\t\t\t\t\tEnrollActions.validateTaxId(this.props.TaxId, validationRules.TaxId);\r\n\r\n\t\t\t\t\t\t\treturn;\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tmodern={true}\r\n />\r\n
\r\n\r\n \r\n\t\t\t\t\t\t{window.jenkon.resources[\"PWS.Enrollment.TaxId\"]}\r\n\t\t\t\t\t\t{window.jenkon.resources[\"PWS.Enrollment.TaxIdNote\"]}\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t\t\t\r\n
\r\n\r\n\t\t\t\t\t{this.renderSeparator()}\r\n \r\n {window.jenkon.resources[\"PWS.Enrollment.DesiredWebsiteName\"]}
\r\n {window.jenkon.resources[\"PWS.Enrollment.DesiredWebsiteNameNotice\"]}\r\n {window.jenkon.resources[\"PWS.Enrollment.DesiredWebsiteNamePreview\"]}\r\n
\r\n {\r\n\t\t\t\t\t\t\tEnrollActions.changeField(\"UserName\", value);\r\n\t\t\t\t\t\t\tEnrollActions.changeField(name, value);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tclasses=\"input-bordered input-50\"\r\n handleBlur={() => {\r\n\t\t\t\t\t\t\tif (this.props.UserName) this.setUsername(this.props.UserName);\r\n\t\t\t\t\t\t\tif (this.props.WebSiteUrl) EnrollActions.validateSitename(this.props.WebSiteUrl);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tmodern={true}\r\n />\r\n\r\n\t\t\t\t\t
\r\n\r\n\t\t\t\t{this.renderSeparator()}\r\n\r\n\t\t\t\t\r\n {window.jenkon.resources[\"PWS.Enrollment.DesiredWebsiteNameSuggestions\"]}\r\n {this.props.siteNameList.map(this.createSiteNames.bind(this))}\r\n
\r\n {window.jenkon.resources[\"PWS.Enrollment.AccountLoginPrompt\"]}
\r\n\t\t\t\t{/*\r\n\t\t\t\t\r\n\t\t\t\t\t { return false; }}\r\n\t\t\t\t\t\tmodern={true}\r\n\t\t\t\t\t/>\r\n\t\t\t\t
\r\n\t\t\t\t*/}\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t
\r\n\r\n\t\t\t\t\r\n\t\t\t\t\r\n\r\n\r\n\t\t\t\t{this.renderSeparator()}\r\n\r\n\t\t\t\t{window.jenkon.resources[\"PWS.Enrollment.ChooseYourStarterKit\"]}
\r\n\r\n\t\t\t\t{this.renderStarterKits()}\r\n\r\n\t\t\t\t\r\n\t\t\t\t = {window.jenkon.resources[\"PWS.Globals.Required\"]}
\r\n\t\t\t\t\r\n\t\t\t{window.jenkon.resources[\"PWS.Enroll2FA.CodeExpired\"]}
: '';\r\n let codeExceedAttemptsErrorDisplay = this.state.enroll2FAModel.attempts==0 ? {window.jenkon.resources[\"PWS.Enroll2FA.AttemptsExceed\"]}
: '';\r\n let codeExceedResendErrorDisplay = this.state.enroll2FAModel.resend==0 ? {window.jenkon.resources[\"PWS.Enroll2FA.ResendExceed\"]}
: '';\r\n let errorSendingMsgDisplay = !this.state.enroll2FAModel.success && this.state.enroll2FAModel.errorMessage != '' ? {this.state.enroll2FAModel.errorMessage}
: '';\r\n let sendCodeButton = this.state.enroll2FAModel.hashCode == ''? : '';\r\n let resendCodeButton = this.state.enroll2FAModel.hashCode != '' && this.state.enroll2FAModel.resend>0 && this.state.enroll2FAModel.showResend \r\n && !this.state.enroll2FAModel.isValidCode? \r\n : '';\r\n\r\n let codeSentMsgDisplay = this.state.enroll2FAModel.success && codeExceedResendErrorDisplay=='' && resendCodeButton=='' \r\n && !this.state.enroll2FAModel.isValidCode && this.state.enroll2FAModel.time>0 ? \r\n {window.jenkon.resources[\"PWS.Enroll2FA.CodeSent\"]}
: '';\r\n\r\n let validateCodeButton = this.state.enroll2FAModel.hashCode != '' && this.state.enroll2FAModel.attempts>0 \r\n && !this.state.enroll2FAModel.isValidCode && this.state.enroll2FAModel.time>0? \r\n : '';\r\n let validCodeMsg = this.state.enroll2FAModel.validationStarted? this.state.enroll2FAModel.isValidCode ? {window.jenkon.resources[\"PWS.Enroll2FA.CodeValidated\"]}
:\r\n {window.jenkon.resources[\"PWS.Enroll2FA.MismatchCode\"]}
: '';\r\n \r\n let countDownLabel = this.state.enroll2FAModel.secondsToShowResend> 0 && !this.state.enroll2FAModel.isValidCode\r\n ?: '';\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/Enroll2FA.js","import React from 'react';\r\nimport AddressLoader from '../Addresses/AddressLoader';\r\nimport EnrollShippingOptions from './EnrollShippingOptions';\r\nimport EnrollPaymentOptions from './EnrollPaymentOptions';\r\nimport EnrollTotals from './EnrollTotals';\r\nimport CartActions from '../Cart/CartActions';\r\nimport EnrollActions from './EnrollActions';\r\nimport EnrollStore from './EnrollStore';\r\nimport DisplayAddress from '../Addresses/Templates/DisplayAddress';\r\nimport { TextField, SelectField } from '../FormFields/formFields';\r\nimport EnrollCartPaymentLineItem from \"./EnrollCartPaymentLineItem\";\r\nimport classnames from 'classnames';\r\nimport Vouchers from '../Cart/Vouchers';\r\n\r\nexport default class EnrollPaymentAndShipping extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = EnrollStore.getState();\r\n this.onChange = this.onChange.bind(this);\r\n this.months = [\r\n { value: \"01\", displayValue: \"01 - Jan\" },\r\n { value: \"02\", displayValue: \"02 - Feb\" },\r\n { value: \"03\", displayValue: \"03 - Mar\" },\r\n { value: \"04\", displayValue: \"04 - Apr\" },\r\n { value: \"05\", displayValue: \"05 - May\" },\r\n { value: \"06\", displayValue: \"06 - Jun\" },\r\n { value: \"07\", displayValue: \"07 - Jul\" },\r\n { value: \"08\", displayValue: \"08 - Aug\" },\r\n { value: \"09\", displayValue: \"09 - Sep\" },\r\n { value: \"10\", displayValue: \"10 - Oct\" },\r\n { value: \"11\", displayValue: \"11 - Nov\" },\r\n { value: \"12\", displayValue: \"12 - Dec\" },\r\n ];\r\n let d = new Date(),\r\n currentYear = d.getFullYear(),\r\n years = [];\r\n for (let i = 0; i <= 9; i++) {\r\n years.push({ value: currentYear + i, displayValue: currentYear + i });\r\n }\r\n this.years = years;\r\n\r\n EnrollActions.getVoucherifyHideFromItemDiscountFeature(window.jenkon.country);\r\n EnrollActions.getVoucherifyGuiCartTypesCountrySetting(window.jenkon.country);\r\n this.voucherifyResponseMessage = \"\";\r\n }\r\n\r\n componentDidMount() {\r\n EnrollStore.listen(this.onChange);\r\n this.state.reasonCode = new URLSearchParams(window.location.search).get('ReasonCode');\r\n this.state.message = new URLSearchParams(window.location.search).get('Message');\r\n //set initial address values\r\n EnrollActions.setShippingAddress(this.state.ShippingAddress);\r\n EnrollActions.setBillingAddress(this.state.HomeAddress);\r\n EnrollActions.getCardTypes();\r\n\r\n\r\n if (!(this.state.SavedUsername) || this.state.SavedUsername != this.state.UserName) {\r\n EnrollActions.createConsultantEnrollment(this.state);\r\n } else {\r\n let offerCode = \"\";\r\n let validItems = this.state.cart.items.filter(function (item) { return !item.addedByIncentive; })\r\n\r\n if (!!this.state.selectedKitItem) {\r\n offerCode = this.state.selectedKitItem.offerCode;\r\n } else if (validItems.length > 0) {\r\n offerCode = validItems[0].offer;\r\n }\r\n\r\n EnrollActions.updateCartEnrollmentKit(this.state.cartCode, offerCode);\r\n }\r\n\r\n window.scrollTo(0, this.refs.contentTop.offsetTop);\r\n }\r\n\r\n componentDidUpdate() {\r\n if (!this.state.cart && EnrollStore.getState().cart) this.state = EnrollStore.getState();\r\n \r\n history.pushState({}, \"J6 Enrollment Page\", `enroll?EnrollmentCode=${encodeURIComponent(this.state.Code)}`);\r\n\r\n if (this.state.paymentTypes && !this.state.paymentType) {\r\n this.onPaymentTypeChanged(this.state.paymentTypes[0].code);\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n EnrollStore.unlisten(this.onChange);\r\n }\r\n\r\n isLast() {\r\n return true;\r\n }\r\n\r\n isValid() {\r\n return new Promise((resolve) => {\r\n const isValid = this.state.paymentType !== '';\r\n resolve(isValid);\r\n });\r\n }\r\n\r\n onChange(data) {\r\n this.setState(data);\r\n }\r\n\r\n getAddCreditCardDetails(payerId, paymentMethodId) {\r\n this.setState({\r\n merchantCardToken: paymentMethodId,\r\n merchantAccount: payerId,\r\n }, () => {\r\n EnrollActions.getAddCreditCardDetails(paymentMethodId, this.state.cartCode, this.state.CreditCardType);\r\n })\r\n }\r\n\r\n onShippingMethodChanged(shippingMethod) {\r\n var cartCode = this.state.cartCode;\r\n CartActions.updateCartShippingMethod(cartCode, shippingMethod);\r\n }\r\n\r\n toggleBillingAddress() {\r\n var showBillingAddress = !this.state.showBillingAddress;\r\n var billingAddressValues;\r\n if (showBillingAddress) {\r\n billingAddressValues = this.refs.adrloaderBilling.getAddressValues();\r\n billingAddressValues.country = this.state.Country;\r\n } else {\r\n billingAddressValues = this.state.HomeAddress;\r\n }\r\n EnrollActions.toggleShowBillingAddress(showBillingAddress);\r\n EnrollActions.setBillingAddress(billingAddressValues);\r\n }\r\n\r\n onShippingMethodChanged(shippingMethod) {\r\n var cartCode = this.state.cartCode;\r\n EnrollActions.updateCartShippingMethod(cartCode, shippingMethod);\r\n }\r\n\r\n onPaymentTypeChanged(paymentType) {\r\n EnrollActions.updatePaymentType(paymentType);\r\n }\r\n\r\n updateCardType(name, value) {\r\n EnrollActions.updateCreditCardType(name, value, this.state.cartCode);\r\n }\r\n\r\n onCreditCardCancel() {\r\n this.updateCardType('CreditCardType', '');\r\n }\r\n\r\n showCardNumber() {\r\n var cardExists = !!(this.state.card && this.state.card.maskedCardNumber);\r\n if (!cardExists) return null;\r\n return (\r\n \r\n
\r\n \r\n {sendCodeButton}\r\n {resendCodeButton}\r\n {countDownLabel}\r\n
\r\n \r\n {codeSentMsgDisplay}\r\n {errorSendingMsgDisplay}\r\n {codeExceedResendErrorDisplay}\r\n
\r\n \r\n \r\n
\r\n \r\n {validateCodeButton}\r\n
\r\n \r\n {validCodeMsg}\r\n {codeExpiredErrorDisplay}\r\n {codeExceedAttemptsErrorDisplay}\r\n
\r\n \r\n {this.state.card.maskedCardNumber} [ {this.props.resources[\"PWS.Enrollment.ChangeCard\"]} ]\r\n
\r\n );\r\n }\r\n\r\n displayAddress(address) {\r\n if (!address) return null;\r\n return (\r\n {this.state.PaymentMessage}
);\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n paymentCount() {\r\n if (!this.state.cart || !this.state.cart.paymentTransactions) {\r\n return 0;\r\n }\r\n\r\n return this.state.cart.paymentTransactions.length;\r\n }\r\n\r\n hasPayments() {\r\n return this.paymentCount() > 0;\r\n }\r\n\r\n\r\n paymentTypeSelected() {\r\n if (!this.state.paymentType) {\r\n return false;\r\n }\r\n\r\n return this.state.paymentType != '' && this.state.paymentType != null && this.state.paymentType != undefined;\r\n }\r\n\r\n hasCarrierMethod() {\r\n if (!this.state.cart) {\r\n return false;\r\n }\r\n\r\n return !!this.state.cart.carrierMethod;\r\n }\r\n\r\n fullPaid() {\r\n if (!this.state.cart\r\n || !this.state.cart.localizedSaleInfo\r\n || !this.state.cart.localizedSaleInfo.localBalance) {\r\n return false;\r\n }\r\n\r\n return this.state.cart.localizedSaleInfo.localBalance.amount === 0;\r\n }\r\n\r\n hasVouchers() {\r\n return !!this.state.cart.vouchers.length;\r\n }; \r\n\r\n persistFields() {\r\n var ActiveComponent = this.refs.activeComponent;\r\n if (ActiveComponent && ActiveComponent.persistFields) {\r\n ActiveComponent.persistFields();\r\n }\r\n }\r\n\r\n allowAddPayment() {\r\n return !this.readyForSubmit() && this.paymentCount() < 1 && this.hasCarrierMethod() && this.paymentTypeSelected();\r\n }\r\n\r\n addPayment() {\r\n this.persistFields();\r\n\r\n var enrollmentCode = this.state.Code;\r\n\r\n history.pushState({}, \"J6 Enrollment Page\", `enroll?EnrollmentCode=${encodeURIComponent(enrollmentCode)}`);\r\n\r\n this.setState({\r\n enrollmentCode: enrollmentCode,\r\n Code: enrollmentCode\r\n }, () => { window.location.href = `${window.jenkon.consultantRoot}EnrollRedirect/CreditCardRedirect?EnrollmentCode=${encodeURIComponent(enrollmentCode)}`; });\r\n }\r\n\r\n\r\n readyForSubmit() {\r\n const cartHasError = (!!this.state.cart && this.state.cart.hasError);\r\n return this.fullPaid() && this.paymentCount() <= 1 && !cartHasError;\r\n }\r\n\r\n addPaymentButton() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n getPaymentsGrid() {\r\n\r\n let isKitChanged = false;\r\n //check if has payments and the kit was changed\r\n if (this.state.cart && this.state.cart.items) {\r\n isKitChanged = (this.state.cart.localizedSaleInfo.localBalance.amount != 0);\r\n }\r\n\r\n return (\r\n \r\n {this.props.cart.paymentTransactions.map(this.createCartPaymentRow.bind(this))}\r\n\r\n {\r\n (isKitChanged &&\r\n
\r\n );\r\n }\r\n\r\n createCartPaymentRow(payment, i) {\r\n return \r\n {this.props.resources[\"PWS.Enrollment.PaymentNotMatchStartingKitPrice\"]}\r\n
\r\n )\r\n }\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n renderSelectedKit() {\r\n let kitItem = this.state.selectedKitItem;\r\n\r\n if (!kitItem) {\r\n let validItems = this.state.cart.items.filter(function (item) { return !item.addedByIncentive; })\r\n\r\n if (validItems.length == 0) {\r\n return \"\";\r\n }\r\n\r\n let cartItem = validItems[0];\r\n kitItem = {\r\n resource: cartItem.productImageUrl,\r\n price: cartItem.primary.price,\r\n productName: cartItem.name,\r\n productDescription: cartItem.description,\r\n productDescriptionLong: cartItem.inCartDescription\r\n };\r\n }\r\n\r\n let imgUrl = window.jenkon.imageEndpoint + kitItem.resource;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n getCartAvailabilityErrors(retrieveVoucherErrors) {\r\n if (!this.state.cart || !this.state.cart.hasError) return null;\r\n\r\n const voucherErrorKeys = ['VoucherAlreadyRedeemed', 'VoucherZeroAmount', 'VoucherZeroAmount_Consultant_Carts', 'VoucherZeroAmount_Customer_Carts'];\r\n\r\n let errorItems = retrieveVoucherErrors ?\r\n this.state.cart.availability.filter(x => voucherErrorKeys.includes(x.resourceKey)) :\r\n this.state.cart.availability.filter(x => !voucherErrorKeys.includes(x.resourceKey));\r\n\r\n return (errorItems.length) ? errorItems : null;\r\n }\r\n\r\n renderNonVoucherCartError() { \r\n\r\n const errorItems = this.getCartAvailabilityErrors(false);\r\n if (!errorItems) return;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n {kitItem.price.displayValue}
\r\n \r\n
\r\n );\r\n }\r\n\r\n renderOrderSummary() {\r\n return (\r\n {window.jenkon.resources['PWS.Enrollment.CustomerSupport']}
\r\n\r\n- \r\n {\r\n errorItems.map(function (availability, key) {\r\n return
- {availability.resourceText} ;\r\n })\r\n }\r\n
\r\n
\r\n );\r\n }\r\n\r\n renderShipmentAddresAndMethod() {\r\n let marginStyle = { margin: \"20px 20px 20px 10px\" };\r\n\r\n return (\r\n \r\n
\r\n\r\n {window.jenkon.resources['PWS.Enrollment.OrderSummary']}
\r\n\r\n {this.renderSelectedKit()}\r\n
\r\n \r\n
\r\n\r\n {this.renderSeparator()}\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n }\r\n\r\n renderPaymentError() {\r\n var message = this.state.message;\r\n if (this.state.reasonCode != null) {\r\n var resourcedMessage = window.jenkon.resources['Tupperware.ResponseReason:' + this.state.reasonCode + '.Text'];\r\n if (resourcedMessage != null && resourcedMessage !== '') {\r\n message = resourcedMessage;\r\n }\r\n }\r\n\r\n if (message != null) {\r\n return (\r\n
\r\n\r\n {window.jenkon.resources['PWS.Enrollment.ShippingAddress']}
\r\n\r\n
\r\n\r\n { this.renderSeparator()}\r\n \r\n
\r\n \r\n {this.displayAddress.call(this, this.state.ShippingAddress || this.state.HomeAddress)}\r\n
\r\n \r\n
\r\n {message}
);\r\n } else {\r\n return null;\r\n }\r\n }\r\n\r\n \r\n renderVoucherSection() {\r\n \r\n const showVoucherSection = () => {\r\n if (!this.props.cart || !this.props.cart.cartType) return false;\r\n return this.state.voucherifyGuiCartTypesCountrySetting.includes(this.props.cart.cartType);\r\n }\r\n\r\n if (!showVoucherSection()) return null;\r\n\r\n const voucherErrors = this.getCartAvailabilityErrors(true);\r\n\r\n const onVoucherAction = (action, data) => {\r\n switch (action) {\r\n case 'ClearMessage':\r\n this.setState({ voucherifyResponseMessage: '' });\r\n break;\r\n case 'SetMessage':\r\n this.setState({ voucherifyResponseMessage: data.message });\r\n break;\r\n case 'VoucherChanged':\r\n EnrollActions.handleCartReceived(data.cart)\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n \r\n if (this.fullPaid() && !this.hasVouchers())\r\n return null;\r\n\r\n return (\r\n \r\n
\r\n );\r\n\r\n }\r\n\r\n \r\n\r\n renderPaymentSection() {\r\n let marginStyle = { margin: \"20px 20px 20px 10px\" };\r\n let addPaymentBtn = !this.readyForSubmit() ? this.addPaymentButton() : '';\r\n\r\n const showSection = this.fullPaid() && !this.hasPayments();\r\n if (showSection) return null;\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n {window.jenkon.resources['PWS.VouchersTitle.Text']}\r\n
\r\n\r\n
\r\n\r\n {this.renderSeparator()}\r\n \r\n\r\n {voucherErrors && (\r\n
\r\n \r\n
\r\n )}\r\n\r\n {voucherErrors.map((x, key) => (
\r\n {x.resourceText}
))}\r\n
\r\n );\r\n }\r\n\r\n\r\n checkModalTac(tac) {\r\n this.refs[`term-and-condition-${tac.termAndConditionType}`].checked = true;\r\n this.onTacSelectionChanged(tac);\r\n this.selectModalTac(null);\r\n }\r\n\r\n onTacSelectionChanged(tac) {\r\n tac.accepted = this.refs[`term-and-condition-${tac.termAndConditionType}`].checked;\r\n tac.acceptDate = tac.accepted ? new Date().toISOString() : '';\r\n\r\n EnrollActions.validateAllTermsAccepted(this.state.termAndConditionConfiguration);\r\n return true;\r\n }\r\n\r\n renderTermsAndConditions() {\r\n if (!this.state.termAndConditionConfiguration) {\r\n return (\r\n \r\n
\r\n {window.jenkon.resources['PWS.Enrollment.PaymentsTitle']}
\r\n {this.renderPaymentError()}\r\n\r\n
\r\n\r\n {this.renderSeparator()}\r\n \r\n
\r\n \r\n\r\n {!this.hasPayments() &&\r\n
\r\n \r\n
\r\n }\r\n \r\n {\r\n (window.jenkon.resources['CreditCartPaymentModel.AdditionalInfo.Text']) ?\r\n
\r\n\r\n \r\n \r\n
\r\n
\r\n : \"\"\r\n }\r\n\r\n \r\n
\r\n {addPaymentBtn}\r\n
\r\n \r\n {this.hasPayments() ? this.getPaymentsGrid() : ''}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n return (\r\n {window.jenkon.resources['PWS.Enrollment.EnrollmentConsentsLabel']}
\r\n\r\n
\r\n
\r\n\r\n {this.state.termAndConditionConfiguration.map(this.createTermAndConditionItem.bind(this))}\r\n\r\n {this.state.selectedModalTac && this.showModalTac(this.state.selectedModalTac)}\r\n
\r\n );\r\n }\r\n\r\n showModalTac(tac) {\r\n\r\n let modalBackdropStyle = {\r\n position: \"fixed\",\r\n top: \"0px\",\r\n left: \"0px\",\r\n zIndex: \"60000\",\r\n width: \"100vw\",\r\n height: \"100vh\",\r\n backgroundColor: \"#000\",\r\n opacity: \".5\"\r\n };\r\n\r\n let modalDialogBackground = {\r\n zIndex: \"61000\",\r\n display: \"flex\",\r\n alignItems: \"center\"\r\n }\r\n\r\n let modalDialogWindow = {\r\n zIndex: \"11000\",\r\n width: \"auto\",\r\n minWidth: \"40vw\",\r\n maxWidth: \"80vw\",\r\n //minHeight: \"40vh\",\r\n maxHeight: \"80vh\",\r\n margin: \"auto\",\r\n height: \"fit-content\",\r\n };\r\n\r\n //if (!this.state.setShow) return null;\r\n if (!tac) return null; \r\n\r\n return (\r\n \r\n
\r\n\r\n {this.state.termAndConditionConfiguration.map(this.createTermAndConditionItem.bind(this))}\r\n\r\n {this.state.selectedModalTac && this.showModalTac(this.state.selectedModalTac)}\r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n\r\n selectModalTac(tac) {\r\n this.setState({ selectedModalTac: tac});\r\n }\r\n\r\n createTermAndConditionItem(tac, key) {\r\n //IF tac.termAndConditionType = TWNSS, dont render the tac\r\n if (tac.termAndConditionType.trim().toLowerCase() == window.jenkon.PWS3_EnrollmentNSSConsent.trim().toLowerCase()) {\r\n return null;\r\n }\r\n\r\n var id = `term-and-condition-${tac.termAndConditionType}`;\r\n var requiredMark = (tac.required) && \"*\";\r\n\r\n \r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {tac.description}
\r\n\r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n {this.renderSeparator()}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n );\r\n }\r\n\r\n\r\n\r\n render() {\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n {this.renderNonVoucherCartError()}\r\n\r\n {this.renderOrderSummary()}\r\n\r\n {this.renderShipmentAddresAndMethod()}\r\n\r\n {this.renderVoucherSection()}\r\n\r\n {this.renderPaymentSection()}\r\n\r\n {this.renderTermsAndConditions()}\r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollPaymentAndShipping.js","import React from 'react';\r\nimport EnrollStore from './EnrollStore';\r\nimport EnrollActions from './EnrollActions';\r\n\r\nexport default class EnrollShippingOptions extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.renderShippingOption = this.renderShippingOption.bind(this);\r\n this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n }\r\n\r\n static getShippingOptions(cart) {\r\n if (!cart) { return []; }\r\n if (!cart.localizedSaleInfo) { return []; }\r\n if (!cart.localizedSaleInfo.saleDetail) { return []; }\r\n if (!cart.localizedSaleInfo.saleDetail.shippingOptions) { return []; }\r\n return cart.localizedSaleInfo.saleDetail.shippingOptions;\r\n }\r\n\r\n renderShippingOption(item, key) {\r\n var id = `shipping-option-${key}`;\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n onSelectionChanged(e) {\r\n this.props.onSelectionChanged(e.target.value);\r\n }\r\n\r\n render() {\r\n var shippingOptions = EnrollShippingOptions.getShippingOptions(this.props.cart);\r\n if (!shippingOptions || shippingOptions.length === 0) { return null; }\r\n return (\r\n \r\n { shippingOptions.map(this.renderShippingOption) }\r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollShippingOptions.js","import React from 'react';\r\nimport EnrollStore from './EnrollStore';\r\nimport EnrollActions from './EnrollActions';\r\n\r\nexport default class EnrollPaymentOptions extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.renderPaymentOption = this.renderPaymentOption.bind(this);\r\n this.onSelectionChanged = this.onSelectionChanged.bind(this);\r\n this.isSelected = this.isSelected.bind(this);\r\n }\r\n\r\n isSelected(code) {\r\n if (!this.props.cart\r\n || !this.props.cart.paymentTransactions)\r\n return false;\r\n\r\n return this.props.paymentType == code\r\n || (this.props.cart.paymentTransactions.length > 0 && this.props.cart.paymentTransactions[0].paymentType == code);\r\n }\r\n\r\n componentDidMount() {\r\n if (this.props.paymentTypes && this.props.paymentTypes.length === 1) {\r\n this.props.onSelectionChanged(this.props.paymentTypes[0].code);\r\n }\r\n }\r\n\r\n renderPaymentOption(item, key) {\r\n var id = `payment-option-${key}`;\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n\r\n onSelectionChanged(e) {\r\n this.props.onSelectionChanged(e.target.value);\r\n }\r\n\r\n render() {\r\n if (!this.props.paymentTypes || this.props.paymentTypes.length === 0) { return null; }\r\n return (\r\n \r\n {this.props.paymentTypes.map(this.renderPaymentOption)}\r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollPaymentOptions.js","import React from 'react';\r\nimport EnrollStore from './EnrollStore';\r\nimport EnrollActions from './EnrollActions';\r\n\r\nexport default class EnrollTotals extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = EnrollStore.getState();\r\n this.onChange = this.onChange.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n EnrollStore.listen(this.onChange);\r\n }\r\n\r\n componentWillUnmount() {\r\n EnrollStore.unlisten(this.onChange);\r\n }\r\n\r\n onChange(data) {\r\n this.setState(data);\r\n }\r\n\r\n getCartTotals(cart) {\r\n if (!cart) return [];\r\n if (!cart.items) return [];\r\n return cart;\r\n }\r\n\r\n createSubTotalsRows(subtotal, i) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n getSubtotals(cartTotals) {\r\n let subtotals = [];\r\n if (cartTotals.localizedSaleInfo || cartTotals.localizedSaleInfo.saleDetail.salesItems) {\r\n cartTotals.localizedSaleInfo.saleDetail.salesItems.forEach((element) => {\r\n let order = 100;\r\n let key = element.key.toLowerCase();\r\n\r\n if (key == 'subtotal') order = 5;\r\n if (key == 'voucher' || key.includes('voucher')) order = 10;\r\n if (key == 'nettotal') order = 20;\r\n if (key == 'freight') order = 30;\r\n if (key.includes('freight:')) order = 40;\r\n if (key == 'tax' || key.includes('tax')) order = 50;\r\n \r\n subtotals.push({\r\n title: element.title,\r\n localAmount: element.localAmount,\r\n order: order,\r\n });\r\n });\r\n\r\n subtotals.sort((a, b) => (a.order > b.order ? 1 : -1));\r\n }\r\n\r\n return subtotals;\r\n }\r\n\r\n getMainItem(cartTotals) {\r\n let mainItem =\r\n cartTotals.items.filter(function (item) {\r\n return !item.addedByIncentive;\r\n })[0] || cartTotals.items[0];\r\n\r\n return mainItem;\r\n }\r\n\r\n\r\n\r\n render() {\r\n const cart = this.state.cart;\r\n const cartTotals = this.getCartTotals(cart);\r\n\r\n if (!cartTotals.items || !cartTotals.items.length) {\r\n return ;\r\n }\r\n\r\n const subtotals = this.getSubtotals(cartTotals);\r\n const mainItem = this.getMainItem(cartTotals);\r\n\r\n return (\r\n {subtotal.title}
\r\n {subtotal.localAmount.displayValue}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollTotals.js","import 'idempotent-babel-polyfill';\r\nimport React from 'react';\r\nimport Icon from '../Icons/Icon';\r\nimport EnrollActions from './EnrollActions';\r\nimport EnrollStore from './EnrollStore';\r\n\r\n\r\nclass CartPaymentLineItem extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.removeCartPaymentTransaction = this.removeCartPaymentTransaction.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n\r\n }\r\n\r\n removeCartPaymentTransaction() {\r\n if (confirm(this.props.resources['PWS.Enrollment.PaymentDeleteConfirm'])) {\r\n EnrollActions.removeCartPaymentTransaction(this.props.cartCode, this.props.payment.code);\r\n }\r\n }\r\n\r\n getPaymentStatusColor() {\r\n if (this.props.payment.paymentStatus == \"Approved\") {\r\n return \" payment-status-approved\";\r\n } else if (this.props.payment.paymentStatus == \"Declined\" || this.props.payment.paymentStatus == \"Error\") {\r\n return \" payment-status-declined\";\r\n } else {\r\n return '';\r\n }\r\n }\r\n\r\n render() {\r\n let TrashData = {\r\n Size: 20,\r\n Fill: '#333333',\r\n name: 'Trash'\r\n };\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {mainItem.local.price.displayValue}
\r\n {subtotals.map((x, key) => this.createSubTotalsRows(x, key))}
\r\n \r\n
\r\n \r\n
\r\n {window.jenkon.resources['PWS.ShoppingCart.CartBalance']}
\r\n {cartTotals.localizedSaleInfo.localBalance.displayValue}
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CartPaymentLineItem;\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollCartPaymentLineItem.js","import React from 'react';\r\nimport ProfileStore from '../Profile/ProfileStore';\r\n\r\nexport default class SponsorInfo extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\t\tthis.profile = { name: \"\" };\r\n\r\n\t\tthis.state = {\r\n\t\t\tProfile: ProfileStore.getState(),\r\n\t\t}\r\n\t\t\r\n this.onProfileChange = this.onProfileChange.bind(this);\r\n }\r\n\r\n componentWillMount() {\r\n\t\tProfileStore.listen(this.onProfileChange);\r\n }\r\n\r\n componentWillUnmount() {\r\n ProfileStore.unlisten(this.onProfileChange);\r\n }\r\n\r\n onProfileChange(profileState) {\r\n this.setState({\r\n Profile: profileState\r\n });\r\n }\r\n render() {\r\n let src = window.jenkon.activityCenterAvatarUrl;\r\n window.jenkon.consultantName = this.state.Profile.name;\r\n\r\n let congratMsg = window.jenkon.resources[\"PWS.Enrollment.CongratulatoryGreeting\"];\r\n congratMsg = congratMsg.replaceAll(/{consultantName}/gi, this.state.Profile.name);\r\n\r\n return (\r\n \r\n \r\n
\r\n {this.props.payment.paymentTypeDesc}
\r\n \r\n {/**/}\r\n
\r\n \r\n
\r\n {this.props.payment.referenceNumber}
\r\n {this.props.payment.localPaid.displayValue}
\r\n {this.props.payment.paymentStatus == \"New\" ? '' : this.props.payment.paymentStatusDesc}
\r\n \r\n
\r\n );\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollSponsorInfo.js","import React from 'react';\r\nimport moment from 'moment';\r\nimport DisplayAddress from '../Addresses/Templates/DisplayAddress';\r\nimport classnames from 'classnames';\r\nimport { TextField, SelectField } from 'form-fields';\r\nimport EnrollActions from 'ViewModels/Components/Enroll/EnrollActions';\r\nimport EnrollStore from 'ViewModels/Components/Enroll/EnrollStore';\r\nimport Enroll2FAv2 from 'ViewModels/Components/Enroll/Enroll2FAv2';\r\nimport ProfileStore from '../Profile/ProfileStore';\r\n\r\nexport default class EnrollReceipt extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = EnrollStore.getState();\r\n this.onChange = this.onChange.bind(this);\r\n moment.locale(window.jenkon.language);\r\n\r\n this.state = {\r\n\t\t\tProfile: ProfileStore.getState(),\r\n\t\t}\r\n this.onProfileChange = this.onProfileChange.bind(this);\r\n\r\n }\r\n\r\n componentDidMount() {\r\n EnrollStore.listen(this.onChange);\r\n\t\tProfileStore.listen(this.onProfileChange);\r\n }\r\n\r\n componentWillUnmount() {\r\n EnrollStore.unlisten(this.onChange);\r\n ProfileStore.unlisten(this.onProfileChange);\r\n }\r\n\r\n onProfileChange(profileState) {\r\n this.setState({\r\n Profile: profileState\r\n });\r\n }\r\n\r\n onChange(data) {\r\n this.setState(data);\r\n }\r\n\r\n componentWillMount() {\r\n let enrollmentData = JSON.parse(window.jenkon[\"EnrollmentData\"]);\r\n\r\n this.setState({ enrollmentData: enrollmentData });\r\n\r\n this.is2FAFeatureActive(enrollmentData.homeAddress.country);\r\n }\r\n\r\n is2FAFeatureActive(country) {\r\n EnrollActions.isTwoFactorFeatureActive(country);\r\n }\r\n\r\n\tprintPage() {\r\n\t\twindow.print();\r\n }\r\n\r\n showConsents(consent, i) {\r\n var formatedDate = moment(consent.acceptDate);\r\n return (\r\n \r\n
\r\n {window.jenkon.resources[\"PWS.Enrollment.Enrollment\"]}
\r\n \r\n{window.jenkon.resources[\"PWS.Enrollment.BeginEnrollment\"]}
\r\n\r\n
\r\n \r\n 
\r\n
\r\n {this.state.name}
\r\n {this.state.title}
\r\n {window.jenkon.resources[\"PWS.Enrollment.EnrollmentWelcomeMessage\"]}
\r\n\r\n {consent.description}
\r\n {this.props.resources['PWS.Enrollment.ConsentAgreedLabel']}: {consent.accepted === true ? this.props.resources['PWS.Enrollment.ConsentAgreedTrue'] : this.props.resources['PWS.Enrollment.ConsentAgreedFalse']} - {formatedDate.format(\"lll\")}
\r\n
\r\n );\r\n }\r\n\r\n\r\n renderAccountVerification() {\r\n if (!this.state.isTwoFactorFeatureActive) { return \"\"; }\r\n\r\n return (\r\n \r\n {this.props.resources['PWS.Enrollment.ConsentAgreedLabel']}: {consent.accepted === true ? this.props.resources['PWS.Enrollment.ConsentAgreedTrue'] : this.props.resources['PWS.Enrollment.ConsentAgreedFalse']} - {formatedDate.format(\"lll\")}
\r\n
\r\n
\r\n );\r\n }\r\n\r\n renderSeparator() {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n\r\n }\r\n\r\n render() {\r\n var accountData = JSON.parse(window.jenkon[\"EnrollmentData\"]);\r\n\t\tif (!accountData.complete) return null;\r\n let src = window.jenkon.activityCenterAvatarUrl;\r\n\t\tlet IconData = {\r\n\t\t\tFill: '#333',\r\n\t\t\tname: 'Printer',\r\n\t\t\tSize: 26\r\n\t\t}\r\n\t\tlet noPersonalSite = accountData.WebSiteUrl === null;\r\n let customResource = this.props.resources['PWS.Enrollment.EnrollmentReceiptCustomHtmlBlock'];\r\n\t\tlet customContent = customResource.replaceAll('{SSOLINK}', accountData.ssoLink);\r\n\r\n\r\n\t\treturn (\r\n \r\n\t\t\t\t
\r\n\t\t);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./../../Deploy/PWS/ViewModels/Components/Enroll/EnrollmentReceipt.js","\r\n/**\r\n port of http://www.bbc.co.uk/glow/docs/1.7/api/glow.lang.shtml #interpolate\r\n Modified to be stand-alone and offer support for delimters of random length\r\n @description Replaces placeholders in a string with data from an object\r\n\r\n @param {String} template The string containing {placeholders}\r\n @param {Object} data Object containing the data to be merged in to the template\r\n The object can contain nested data objects and arrays, with nested object properties and array elements are accessed using dot notation. eg foo.bar or foo.0.\r\n The data labels in the object cannot contain characters used in the template delimiters, so if the data must be allowed to contain the default { and } delimiters, the delimters must be changed using the option below.\r\n @param {Object} opts Options object\r\n @param {String} [opts.delimiter=\"{}\"] Alternative label delimiter(s) for the template. Needs to be symmetric, i.e. '{{}}', '<%%>'\r\n\r\n @returns {String}\r\n */\r\n\r\nfunction interpolate (template, data, opts) {\r\n var regex,\r\n lDel,\r\n rDel,\r\n delLen,\r\n lDelLen,\r\n delimiter,\r\n // For escaping strings to go in regex\r\n regexEscape = /([$\\^\\\\\\/()|?+*\\[\\]{}.\\-])/g;\r\n\r\n opts = opts || {};\r\n\r\n delimiter = opts.delimiter || '{}';\r\n delLen = delimiter.length;\r\n lDelLen = Math.ceil(delLen / 2);\r\n // escape delimiters for regex\r\n lDel = delimiter.substr(0, lDelLen).replace(regexEscape, \"\\\\$1\");\r\n rDel = delimiter.substr(lDelLen, delLen).replace(regexEscape, \"\\\\$1\") || lDel;\r\n\r\n // construct the new regex\r\n regex = new RegExp(lDel + \"[^\" + lDel + rDel + \"]+\" + rDel, \"g\");\r\n\r\n return template.replace(regex, function (placeholder) {\r\n var key = placeholder.slice(lDelLen, -lDelLen),\r\n keyParts = key.split(\".\"),\r\n val,\r\n i = 0,\r\n len = keyParts.length;\r\n\r\n if (key in data) {\r\n // need to be backwards compatible with \"flattened\" data.\r\n val = data[key];\r\n }\r\n else {\r\n // look up the chain\r\n val = data;\r\n for (; i < len; i++) {\r\n if (keyParts[i] in val) {\r\n val = val[ keyParts[i] ];\r\n } else {\r\n return placeholder;\r\n }\r\n }\r\n }\r\n return val;\r\n });\r\n}\r\n\r\nmodule.exports = interpolate;\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/interpolate/lib/interpolate.js\n// module id = 391\n// module chunks = 3"],"sourceRoot":""}\r\n\t\t\t\t\t
\r\n\t\t\t\t{this.props.resources[\"PWS.Enrollment.EnrollmentReceipt\"]}
\r\n\t\t\t\t\t{this.props.resources[\"PWS.Enrollment.CongratulatoryReceiptGreeting\"]}
\r\n\t\t\t\t\r\n
\r\n\t\t\t\t\r\n\r\n \r\n
\r\n\t\t\t\t\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.props.resources['PWS.Enrollment.EnrollmentReceiptCongratulations']} {accountData.firstName + ' ' + accountData.lastName}\r\n
\r\n {this.props.resources['PWS.Enrollment.EnrollmentReceiptWelcome']}\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {this.state.Profile.name}
\r\n {this.state.Profile.title}
\r\n \r\n {/*this.renderAccountVerification()*/}\r\n\r\n
\r\n\t\t\t\r\n
\r\n\r\n {this.renderSeparator()}\r\n\r\n \r\n \r\n \r\n
\r\n {this.props.resources[\"PWS.Enrollment.YourBusinessWebsiteTitle\"]}
{this.props.resources[\"PWS.Enrollment.EnrollmentReceiptBusinessWebsite\"]}
\r\n \r\n {this.props.resources[\"PWS.Enrollment.YourBusinessWebsite\"]}\r\n {window.jenkon.ConsultantWebSite}\r\n
\r\n \r\n {this.props.resources[\"PWS.Enrollment.EnrollmentReceiptLoginId\"]}\r\n {accountData.userName}\r\n
\r\n\r\n \r\n \r\n \r\n\r\n {this.props.resources[\"PWS.Enrollment.YourPersonalWebsiteTitle\"]}
{this.props.resources['PWS.Enrollment.EnrollmentReceiptPersonalWebsite']}
\r\n \r\n {this.props.resources[\"PWS.Enrollment.YourPersonalWebsite\"]}\r\n {window.jenkon.recruitSite + accountData.webSiteUrl}\r\n
\r\n\r\n \r\n
\r\n\r\n {this.renderSeparator()}\r\n\r\n \r\n\t\t\t\t\t\t\t\r\n
\r\n \r\n\r\n
\r\n\r\n
\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t{this.props.resources[\"PWS.Enrollment.YourFullLegalName\"]}:
\r\n {accountData.firstName + ' ' + accountData.lastName}\r\n
\r\n {this.props.resources[\"PWS.Enrollment.EnrollmentConsentsLabel\"]}:\r\n {this.props.enroll.EnrollReceiptConsents != null ? this.props.enroll.EnrollReceiptConsents.map(this.showConsents.bind(this)) : null}\r\n
\r\n
\r\n\r\n \r\n
{this.props.resources[\"PWS.Enrollment.Birthdate\"]}:
{moment(accountData.birthDate).format('LL')}
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {this.props.resources[\"PWS.Enrollment.PrimaryPhonePlaceholder\"]}:\r\n
\r\n \r\n {accountData.mobilePhone}\r\n
\r\n \r\n
\r\n \r\n {this.props.resources[\"PWS.Enrollment.EmailAddressPlaceholder\"]}:\r\n
\r\n \r\n {accountData.email}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.resources['PWS.Enrollment.YourPrimaryAddress']}:\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {this.props.resources['PWS.Enrollment.YourShippingAddress']}:
\r\n
\r\n \r\n
\r\n {accountData.sameAsPrimary ? this.props.resources[\"PWS.Enrollment.SameAsHomeAddress\"] :
\r\n