\n
\n);\n\nCustomerSupportInfo.propTypes = {\n contacts: PropTypes.arrayOf(PropTypes.shape({ contact: PropTypes.object, value: PropTypes.string })),\n};\n\nexport default CustomerSupportInfo;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Button } from 'onsolve-ui-components';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport { coreUnAuthTranslations as frt } from 'translations';\nimport { BRANDS_CUSTOMER_SUPPORT_INFO } from 'common/constants/values';\nimport { ClientContext } from 'providers';\n\nimport { NotificationBox } from '../Base';\nimport { CustomerSupportInfo } from './CustomerSupportInfo';\nimport './ResetPasswordComplete.scss';\n\nconst ResetPasswordComplete = ({\n isSuccessful,\n intl,\n onReturnToSignIn,\n buttonProps = {},\n buttonClassName,\n errorMessage = frt.ng_forgotCredentials_invalidOrExpiredToken,\n successMessage = frt.ng_forgotCredentials_resetPassword_success,\n showReturnButton,\n}) => {\n const {\n customizations: { brand },\n } = useContext(ClientContext);\n\n return !isSuccessful ? (\n <>\n {errorMessage?.id && \n
\n\n {contacts.map(({ contact, value }) => (\n \n \n
\n \n
\n \n
\n {showReturnButton && (\n \n \n
\n )}\n \n ) : (\n <>\n \n \n
\n )}\n \n );\n};\n\nResetPasswordComplete.propTypes = {\n intl: PropTypes.object.isRequired,\n onReturnToSignIn: PropTypes.func.isRequired,\n buttonClassName: PropTypes.object,\n buttonProps: PropTypes.object,\n errorMessage: PropTypes.shape({ id: PropTypes.string, defaultMessage: PropTypes.string }),\n isSuccessful: PropTypes.bool,\n showReturnButton: PropTypes.bool,\n successMessage: PropTypes.shape({ id: PropTypes.string, defaultMessage: PropTypes.string }),\n};\n\nexport default injectIntl(ResetPasswordComplete);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport { Button, LoadingSpinner } from 'onsolve-ui-components';\n\nimport { coreUnAuthTranslations as frt } from 'translations';\n\nconst ResetPasswordSubmitButton = ({ isFormValid, isSubmitting, buttonProps = {} }) => {\n return (\n \n {Logo ? (\n \n \n {showLoginPasswordForm && clientContext.extensions.isOrganizationAccessible ? (\n <>\n \n \n\n
\n \n );\n }\n}\n\nSignInForm.propTypes = {\n className: PropTypes.string,\n clientContext: PropTypes.object,\n errors: PropTypes.object,\n history: PropTypes.shape({\n push: PropTypes.func,\n }),\n intl: PropTypes.object,\n isSubmitting: PropTypes.bool,\n language: PropTypes.object,\n logo: PropTypes.node,\n showLoginPasswordForm: PropTypes.bool,\n showOrganizationTitle: PropTypes.bool,\n signInRequested: PropTypes.func,\n onRegister: PropTypes.func,\n};\n\nexport default injectIntl(withRouter(withClientContext(withLanguage(SignInForm))));\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { PreferredContactMethod, SignInLink } from 'components/SelfRegistrationComponents';\nimport { CustomSignUpPage, LanguageContainer, LeftSignUp, RightSignUp } from 'components/Base';\n\nconst ContactMethod = ({\n forbiddenEmails,\n isSubmitting,\n voiceMessageEnabled,\n travelEnabled,\n onRedirectToSignIn,\n onSubmit,\n}) => {\n return (\n \n 
\n
\n )\n )}\n\n \n \n {() => (\n <>\n
\n \n ) : (\n !clientContext.extensions.isOrganizationAccessible && (\n \n \n
\n );\n};\n\nAlreadyHaveAccountLink.propTypes = {\n onLinkClick: PropTypes.func.isRequired,\n className: PropTypes.string,\n};\n\nexport default AlreadyHaveAccountLink;\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { Formik, Field, Form } from 'formik';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport { Row, Col } from 'reactstrap';\n\nimport { Button, Typography, Dropdown, LoadingSpinner, TextField, fp as _ } from 'onsolve-ui-components';\n\nimport { forbiddenEmailError, getContactMethodSchema } from 'common/validation/contactMethodSchema';\nimport { contactMethodTranslations, errorTranslations, sharedTranslations } from 'translations';\nimport { CountryCodeField } from 'components/Base';\nimport { countryCodesService } from 'services/api';\nimport { DEVICE_TYPE } from 'common/constants/enums';\n\nimport AlreadyHaveAccountLink from '../AlreadyHaveAccountLink/AlreadyHaveAccountLink';\n\nimport './style.scss';\n\nclass PreferredContactMethod extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isLoadingCountryCodes: true,\n countryCodes: [],\n validationSchema: getContactMethodSchema([]),\n };\n\n this.formRef = React.createRef();\n }\n\n componentDidMount() {\n countryCodesService.getCountryCodes().then((countryCodes) => {\n const formattedCountryCodes = countryCodes.responseJson\n .map((item) => {\n if (+item.countryCode) {\n return {\n ...item,\n countryCode: `+${item.countryCode}`,\n };\n }\n\n return item;\n })\n .sort((x, y) => (x.countryName.toLowerCase() > y.countryName.toLowerCase() ? 1 : -1));\n\n this.setState({ isLoadingCountryCodes: false, countryCodes: formattedCountryCodes });\n });\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.forbiddenEmails !== this.props.forbiddenEmails) {\n this.setState(\n {\n validationSchema: getContactMethodSchema(this.props.forbiddenEmails),\n },\n () => {\n this.formRef.current.validateForm();\n }\n );\n }\n }\n\n handleSubmit = (values) => {\n const { contactMethodRequested } = this.props;\n\n contactMethodRequested(values);\n };\n\n handlePhoneInputChange = (setFieldValue, name) => (value) => setFieldValue(name, value);\n\n isDisabled = ({ values }) => {\n if (values.selectedMethod && values.selectedMethod === DEVICE_TYPE.email) {\n if (values.phoneNumber && values.phoneNumber.phone) {\n values.phoneNumber.phone = '';\n }\n if (values.email) {\n return false;\n }\n } else if (values.selectedMethod && values.selectedMethod !== DEVICE_TYPE.email) {\n if (values.email) {\n values.email = '';\n }\n if (values.phoneNumber && values.countryCode) {\n return false;\n }\n }\n\n return true;\n };\n\n setSelectedMethod = (value, setFieldValue, intl) => {\n setFieldValue('selectedMethod', value);\n\n if (value === intl.formatMessage(contactMethodTranslations.ng_contactMethod_textMessage)) {\n setFieldValue('countryCode', '+1');\n }\n };\n\n render() {\n const { intl, onSignInRedirect } = this.props;\n const { countryCodes, isLoadingCountryCodes, validationSchema } = this.state;\n const methods = _.compact([\n {\n id: DEVICE_TYPE.email,\n value: intl.formatMessage(sharedTranslations.ng_generic_email),\n },\n ]);\n\n return (\n \n \n \n \n \n
\n );\n }\n}\n\nPreferredContactMethod.propTypes = {\n contactMethodRequested: PropTypes.func,\n forbiddenEmails: PropTypes.object,\n intl: PropTypes.object,\n isSubmitting: PropTypes.bool,\n travelEnabled: PropTypes.bool,\n voiceMessageEnabled: PropTypes.bool,\n onSignInRedirect: PropTypes.func,\n};\n\nexport default injectIntl(PreferredContactMethod);\n","import React, { useContext } from 'react';\nimport { useHistory } from 'react-router';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\nimport { Divider } from 'onsolve-ui-components';\n\nimport { SelfRegistrationLink, SignInForm } from 'components/SelfRegistrationComponents';\nimport { CustomPage, ExternalSignInSection, LanguageContainer, Left, Right } from 'components/Base';\nimport { signInTranslations } from 'translations';\nimport { locationService } from 'services';\nimport { ClientContext } from 'providers';\n\nconst AccountPortalSignIn = ({ errors, isSubmitting, onSignInRequested }) => {\n const clientContext = useContext(ClientContext);\n const history = useHistory();\n const isSPInitiatedSSO = clientContext.allowSp && clientContext.hideUsernamePassword;\n const showSsoSignIn = clientContext.extensions?.isOrganizationAccessible && clientContext.allowSp;\n const showSsoDivider = showSsoSignIn && !clientContext.hideUsernamePassword;\n\n const handleRedirectToSignUp = () => {\n const { accessPinRequired } = clientContext.customizations;\n\n if (accessPinRequired) {\n return history.push({\n pathname: `/AuthorizationValidation`,\n search: locationService.queryString,\n });\n }\n\n return history.push({\n pathname: `/SignUp`,\n search: locationService.queryString,\n });\n };\n\n return (\n \n \n {(props) => (\n <>\n \n \n )}\n \n
\n \n \n
\n );\n};\n\nNotRegisteredYetLink.propTypes = {\n className: PropTypes.string,\n onLinkClick: PropTypes.func,\n};\n\nexport default NotRegisteredYetLink;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { errorTranslations } from 'translations';\nimport { passwordValidationRulesLibrary } from 'common/validation/constants/passwordValidationRulesLibrary';\nimport { passwordValidator } from 'common/validation/passwordValidator';\n\nconst passwordError = {\n error: true,\n errorText: \n {Logo ? (\n
\n );\n }\n}\n\nSignUpForm.propTypes = {\n clientContext: PropTypes.object,\n error: PropTypes.object,\n errors: PropTypes.object,\n isSubmitting: PropTypes.bool,\n language: PropTypes.object,\n logo: PropTypes.node,\n rerenderCapcha: PropTypes.func,\n signUpRequested: PropTypes.func,\n title: PropTypes.string,\n onSignInRedirect: PropTypes.func,\n};\n\nexport default withClientContext(withLanguage(SignUpForm));\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { CustomSignUpPage, LanguageContainer, LeftSignUp, RightSignUp } from 'components/Base';\nimport { SignInLink } from 'components/SelfRegistrationComponents';\n\nimport SignUpForm from '../SignUpForm/SignUpForm';\n\nimport './SignUp.scss';\n\nconst SignUp = ({ errors, isSubmitting, onRedirectTo, onRerenderCapcha, onSignUpRequested }) => {\n return (\n \n 
\n
\n )\n )}\n\n \n \n {() => {\n return (\n <>\n \n \n );\n }}\n \n
\n ) : (\n \n {allowSignUp && (\n <>\n \n
\n );\n};\n\nSelfRegistrationLink.propTypes = {\n handleClick: PropTypes.func,\n};\n\nexport default SelfRegistrationLink;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Button } from 'onsolve-ui-components';\n\nimport { signUpTranslations } from 'translations';\nimport { OrganizationTitle } from 'components/Base';\nimport { ClientContext } from 'providers';\n\nimport './style.scss';\n\nexport const SignInLink = ({ onLinkClick }) => {\n const {\n customizations: { title },\n } = useContext(ClientContext);\n\n return (\n <>\n \n
\n \n
\n\n \n \n
\n \n );\n};\n\nSignInLink.propTypes = {\n onLinkClick: PropTypes.func,\n};\n\nexport default SignInLink;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Field, Form, Formik } from 'formik';\nimport { FormattedMessage } from 'react-intl';\nimport * as Yup from 'yup';\nimport { Button, LoadingSpinner, TextField, Typography } from 'onsolve-ui-components';\n\nimport { forgotCredentialsTranslations, sharedTranslations } from 'translations';\nimport { ErrorForm, Recaptcha } from 'components/Base';\n\nconst UsernameFormStep = ({ onSubmit, onRecoverUsername, allowForgotUsername, error, isSubmitting }) => {\n const handleSubmit = (formValue, { setSubmitting }) => {\n onSubmit({ ...formValue, setSubmitting });\n };\n\n const getErrors = () => {\n let errorsResult = {};\n\n if (!!error && error.Message !== undefined) {\n errorsResult = error;\n }\n\n return errorsResult;\n };\n\n return (\n \n
\n \n
\n\n \n \n \n {error.Message !== undefined && \n {({ values }) => (\n \n )}\n \n\n {allowForgotUsername && (\n \n
\n );\n};\n\nUsernameFormStep.propTypes = {\n onRecoverUsername: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n allowForgotUsername: PropTypes.bool,\n error: PropTypes.object,\n isSubmitting: PropTypes.bool,\n};\n\nexport default UsernameFormStep;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography } from 'onsolve-ui-components';\n\nimport { CenterPanel, CustomPageBackground, LanguageContainer, OrganizationTitle } from 'components/Base';\n\nimport './ForgotCredentials.scss';\n\nconst ForgotCredentials = ({ organizationTitle, titleMessage, contentClassName, onClose, form }) => {\n return (\n \n \n \n \n {titleMessage}\n \n\n {form}\n \n \n
\n );\n};\n\nForgotCredentials.propTypes = {\n titleMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n contentClassName: PropTypes.string,\n form: PropTypes.node,\n organizationTitle: PropTypes.string,\n onClose: PropTypes.func,\n};\n\nexport default ForgotCredentials;\n","import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { errorResponseHandlerService, locationService, responseHandlerService } from 'services';\nimport { ClientContext } from 'providers';\n\nimport ForgotCredentialsTemplate from './ForgotCredentialsTemplate';\n\nconst ForgotCredentials = ({\n template: Template = ForgotCredentialsTemplate,\n history,\n titleMessage,\n renderForm,\n renderConfirmation,\n onFormSubmit,\n contentClassName,\n}) => {\n const [step, setStep] = useState(0);\n const [errorResponse, setErrorResponse] = useState({});\n const [isSubmitting, setIsSubmitting] = useState(false);\n const {\n customizations: { title },\n } = useContext(ClientContext);\n\n const handleFormSubmit = async (formValue) => {\n setIsSubmitting(true);\n\n await onFormSubmit(formValue).then((result) => {\n responseHandlerService.handle(\n result,\n () => {\n setStep(1);\n },\n null,\n () => {\n setErrorResponse(result.responseJson.errors[0]);\n return;\n },\n (result) => {\n return errorResponseHandlerService.handle(result);\n }\n );\n\n setIsSubmitting(false);\n });\n };\n\n const handleReturnToLogin = () => {\n history.push({\n pathname: '/SignIn',\n search: locationService.queryString,\n });\n };\n\n const handleSendAgain = () => {\n setStep(0);\n };\n\n return (\n \n \n\n
\n);\n\nConfirmationStep.propTypes = {\n onReturnToLogin: PropTypes.func.isRequired,\n onSendAgain: PropTypes.func.isRequired,\n};\n\nexport default ConfirmationStep;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { forgotCredentialsTranslations } from 'translations';\nimport { forgotCredentialsService } from 'services/api';\nimport { locationService } from 'services';\nimport { ClientContext, withLanguage } from 'providers';\n\nimport UsernameFormStep from './UsernameFormStep';\nimport ConfirmationStep from './ConfirmationStep';\nimport ForgotCredentials from '../ForgotCredentials/ForgotCredentials';\n\nconst ForgotPassword = ({ history, language, ...forgotCredentialsProps }) => {\n const handleUsernameFormSubmit = async (formValue) => {\n const payload = {\n ReturnUrl: locationService.queryStringParams.ReturnUrl,\n Captcha: formValue.captchaToken,\n Username: formValue.username,\n languageId: language?.isoCode,\n };\n\n return await forgotCredentialsService.getForgotPassword(payload);\n };\n\n const handleRecoverUsername = () => {\n history.push({\n pathname: '/ForgotUsername',\n search: locationService.queryString,\n });\n };\n\n const {\n extensions: { allowForgotUsername },\n } = useContext(ClientContext);\n\n return (\n \n \n {currentMethod === null ? (\n \n {error.Message !== undefined && \n {({ values }) => (\n \n )}\n \n
\n );\n};\n\nEmailFormStep.propTypes = {\n onSubmit: PropTypes.func.isRequired,\n error: PropTypes.object,\n intl: PropTypes.object,\n isSubmitting: PropTypes.bool,\n};\n\nexport default injectIntl(EmailFormStep);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { NotificationBox } from 'components/Base';\nimport { forgotCredentialsTranslations } from 'translations';\nimport { ReturnToLoginButton, DidntReceiveEmailButton } from '../ForgotCredentials';\nimport { DEVICE_TYPE } from '../../../common/constants/enums';\n\nconst ConfirmationStep = ({ onReturnToLogin, onSendAgain, deviceType }) => (\n \n \n\n
\n);\n\nConfirmationStep.propTypes = {\n onReturnToLogin: PropTypes.func.isRequired,\n onSendAgain: PropTypes.func.isRequired,\n deviceType: PropTypes.object,\n};\n\nexport default ConfirmationStep;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { DEVICE_TYPE } from 'common/constants/enums';\nimport { forgotCredentialsTranslations } from 'translations';\nimport { forgotCredentialsService } from 'services/api';\nimport { locationService } from 'services';\nimport { withLanguage } from 'providers';\n\nimport EmailFormStep from './EmailFormStep';\nimport ConfirmationStep from './ConfirmationStep';\nimport { ForgotCredentials } from '../ForgotCredentials';\n\nconst ForgotUsername = ({ language, ...forgotCredentialsProps }) => {\n const [deviceType, setDeviceType] = useState('');\n\n const handleEmailFormSubmit = async (formValue) => {\n const payload = {\n ReturnUrl: locationService.queryStringParams.ReturnUrl,\n Captcha: formValue.captchaToken,\n languageId: language?.isoCode,\n };\n\n if (isEmail(formValue.selectedMethod)) {\n payload.DeviceType = DEVICE_TYPE.email;\n payload.DeviceAddress = formValue.email;\n\n setDeviceType(DEVICE_TYPE.email);\n } else {\n payload.DeviceType = DEVICE_TYPE.sms;\n payload.DeviceAddress = formValue.countryCode + formValue.phoneNumber;\n\n setDeviceType(DEVICE_TYPE.sms);\n }\n\n return await forgotCredentialsService.getForgotUsername(payload);\n };\n\n const isEmail = (payload) => {\n const isEmailField = [\n 'البريد الإلكتروني',\n 'Courriel',\n 'E-mailová adresa',\n 'E-Mail',\n 'Correo electrónico',\n 'Sähköposti',\n 'E-mail',\n 'Email',\n 'ईमेल',\n 'Eメール',\n '이메일',\n '电子邮件',\n '電子郵件',\n 'E-postadresse',\n 'Эл. почта',\n 'E-post',\n 'อีเมล',\n 'Eposta',\n ];\n\n return isEmailField.includes(payload);\n };\n\n return (\n \n \n {(props) => {\n return (\n \n );\n }}\n \n
\n);\n\nAccountConfirmationForm.propTypes = {\n onRedirectLinkClick: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n deviceType: PropTypes.object,\n error: PropTypes.object,\n isSubmitting: PropTypes.bool,\n onSignInRedirect: PropTypes.func,\n};\n\nexport default AccountConfirmationForm;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport { alreadyRegistredTranslations, signUpTranslations, sharedTranslations } from 'translations';\nimport { DEVICE_TYPE } from '../../../common/constants/enums';\n\nimport { Button, AlertModal } from 'onsolve-ui-components';\n\nimport './style.scss';\n\nconst AlreadyRegisteredPopup = ({ popoverIsOpen, deviceType, onClose, onLinkClick, intl }) => {\n const actions = (\n <>\n \n \n \n );\n\n const deviceTypeText =\n deviceType === DEVICE_TYPE.email\n ? intl.formatMessage(sharedTranslations.ng_generic_email)\n : intl.formatMessage(sharedTranslations.ng_generic_phoneNumber);\n\n return (\n <>\n \n
\n \n \n \n \n \n
\n \n
\n \n \n );\n};\n\nAlreadyRegisteredPopup.propTypes = {\n onClose: PropTypes.func.isRequired,\n onLinkClick: PropTypes.func.isRequired,\n deviceType: PropTypes.object,\n intl: PropTypes.object,\n popoverIsOpen: PropTypes.bool,\n};\n\nexport default injectIntl(AlreadyRegisteredPopup);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Field, Form, Formik } from 'formik';\nimport { FormattedMessage } from 'react-intl';\nimport { Button, LoadingSpinner, Typography } from 'onsolve-ui-components';\n\nimport { accountConfirmationTranslations } from 'translations';\nimport { ValidationCodeSchema } from 'common/validation/validationCodeSchema';\nimport { withClientContext } from 'providers';\nimport { CodeVerification } from 'components/Base/CodeVerification';\n\nimport './style.scss';\n\nconst AuthorizationValidationForm = ({ handleRedirectLinkClick, handleSubmit, error, clientContext }) => {\n const { title: organizationName } = clientContext.customizations;\n\n return (\n \n \n {(props) => {\n return (\n \n );\n }}\n \n
\n );\n};\n\nAuthorizationValidationForm.propTypes = {\n clientContext: PropTypes.object,\n error: PropTypes.object,\n handleRedirectLinkClick: PropTypes.func,\n handleSubmit: PropTypes.func,\n isSubmitting: PropTypes.bool,\n};\n\nexport default withClientContext(AuthorizationValidationForm);\n","import React from 'react';\nimport './ContactUsInfo.scss';\nimport PropTypes from 'prop-types';\n\nconst FormatPhoneNumber = ({ id, phoneData, phone, isMobileDevice }) => {\n return (\n <>\n {isMobileDevice ? (\n \n
\n \n \n \n \n \n
\n \n \n
\n \n \n \n {CONTACT_INFO.WTP_AUSTRALIA_EMAIL}\n \n
\n \n \n
\n \n \n
\n \n \n \n {CONTACT_INFO.WTP_NORTH_AMERICA_EMAIL}\n \n
\n \n \n
\n \n \n \n {CONTACT_INFO.WTP_UK_EMAIL}\n \n
\n \n \n
\n \n \n \n {CONTACT_INFO.US_EMAIL}\n \n
\n \n \n \n {CONTACT_INFO.US_CUSTOMER_COMMUNITY}\n \n
\n \n \n
\n \n \n \n {CONTACT_INFO.UK_EMAIL}\n \n
\n \n \n \n {CONTACT_INFO.UK_CUSTOMER_COMMUNITY}\n \n
\n \n \n
\n \n \n \n \n \n \n \n \n \n\n {isWtpCustomer ? (\n
\n);\n\nContactUsInfo.propTypes = {\n isMobileDevice: PropTypes.bool.isRequired,\n isWtpCustomer: PropTypes.bool.isRequired,\n};\n\nexport default ContactUsInfo;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'onsolve-ui-components';\n\nconst FooterLink = ({ href, children, disabled }) => {\n return (\n \n \n {children}\n \n \n );\n};\n\nFooterLink.propTypes = {\n children: PropTypes.node,\n disabled: PropTypes.bool,\n href: PropTypes.string,\n};\n\nexport default FooterLink;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { settingsConfigurationService } from 'services';\n\nimport FooterLink from './FooterLink';\nimport { Brand } from 'common/constants/enums';\n\nexport const RtbfFooterLink = ({ children, brand }) => {\n let href = settingsConfigurationService.get().rightToBeForgottenBaseUrl;\n\n href = brand?.toLowerCase() === Brand.WTP ? href.replace('/onsolve/', '/wtp/') : href;\n\n return \n \n \n \n \n
\n\n {type === FORGOT_TYPES.FORGOT_PASSWORD && (\n \n
\n\n \n \n \n {isLoginShown && \n {(props) => {\n const errors = this.getSignInErrors(props, isIncorrectUserNameOrPassword);\n\n return (\n \n {isLoginShown && (\n <>\n \n \n )}\n \n );\n }}\n \n ) : (\n
\n );\n }\n}\n\nSignInForm.defaultProps = {\n errors: {},\n};\n\nSignInForm.propTypes = {\n disabled: PropTypes.bool,\n errors: PropTypes.object,\n formRef: PropTypes.object,\n handleForgotCredentials: PropTypes.func,\n ignoreHideCredentialsSetting: PropTypes.bool,\n isSubmitting: PropTypes.bool,\n organizationIsAccessible: PropTypes.bool,\n showNamespaceError: PropTypes.bool,\n signInRequested: PropTypes.func,\n ssoOptions: PropTypes.shape({\n allowSp: PropTypes.bool,\n hideUsernamePassword: PropTypes.bool,\n }),\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { LanguageContainer } from 'components/Base';\nimport { Brand } from 'common/constants/enums';\n\nimport './style.scss';\n\nexport const Header = ({ brand = '', logoUrl }) => {\n const getCurrentLogo = () => {\n if (logoUrl) {\n return (\n \n \n
\n );\n } else {\n const brandName = getBrandName();\n\n return ;\n }\n };\n\n const getBrandName = () => {\n let brandName = brand?.toLowerCase();\n\n if (!Object.values(Brand).includes(brandName)) {\n brandName = Brand.ONSOLVE_X;\n }\n\n return brandName;\n };\n\n return (\n \n
\n );\n};\n\nNamespaceForm.propTypes = {\n isInvalid: PropTypes.bool.isRequired,\n origin: PropTypes.object.isRequired,\n onSubmit: PropTypes.func.isRequired,\n};\n\nexport default NamespaceForm;\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport { LockIcon, TimesIcon, Typography } from 'onsolve-ui-components';\n\nimport { locationService } from 'services';\nimport { forgotCredentialsTranslations as frt } from 'translations';\nimport { Page, PageContent, CenterPanelDefault, CenterPanelDefaultPaddedContent } from 'components/Base';\nimport { Header, Footer, TermsAndConditions } from 'components/DefaultComponents';\nimport { ClientContext } from 'providers';\n\nimport './style.scss';\n\nexport const localDictionary = {\n password: {\n title: frt.ng_forgotCredentials_RetrievePassword,\n body: frt.ng_forgotCredentials_RetrievePasswordBody,\n },\n username: {\n title: frt.ng_forgotCredentials_RetrieveUsername,\n body: frt.ng_forgotCredentials_RetrieveUsernameBody,\n },\n};\n\nconst ResetCredentials = ({ history, location }) => {\n const {\n customizations: { brand, logoUrl },\n } = useContext(ClientContext);\n\n // eslint-disable-next-line\n const type = location.pathname.split('/')[2];\n\n const handleOnClose = () => {\n return history.push({\n pathname: `/SignIn`,\n search: locationService.queryString,\n });\n };\n\n const handleOnSendAgain = () => {\n if (!type) {\n handleOnClose();\n }\n\n return history.push({\n pathname: `/SignIn`,\n search: locationService.queryString,\n state: {\n forgotModalType: `forgot${type.charAt(0).toUpperCase() + type.slice(1)}`,\n isForgotModalOpen: true,\n },\n });\n };\n\n const notificationMessage = localDictionary[type].body;\n\n return (\n \n \n \n \n {() => {\n return (\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
\n );\n};\n\nexport default DisasterRecoveryMessage;\n","export const ONSOLVE_SUPPORT_MAIL = 'mailto:support@onsolve.com';\nexport const ONSOLVE_SUPPORT_WEB = 'https://onsolvecomm.force.com/support/s/';\n// .sec. is the pattern to identify secondary environment. If secondary environment patterns changes, update the below pattern accordingly.\nexport const DR_URL_PATTERN = '.sec.';\n","import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useHistory, useLocation } from 'react-router';\n\nimport { Page, PageContent } from 'components/Base';\nimport {\n Footer,\n ForgotCredentials,\n Header,\n NamespaceForm,\n SignInBackground,\n SignInForm,\n TermsAndConditions,\n} from 'components/DefaultComponents';\nimport { ClientContext, LanguageContext } from 'providers';\nimport { checkErrorCode } from 'common/helpers';\nimport { ERROR_CODE, FORGOT_TYPES } from 'common/constants/enums';\nimport { locationService, namespaceService } from 'services';\nimport { checkIfDRenvironment } from '../../../common/utility/drUtils';\n\nimport './style.scss';\nimport DisasterRecoveryMessage from './DisasterRecoveryMessage';\n\nconst origin = namespaceService.getOrigin();\n\nconst SignIn = ({ errors, ignoreHideCredentialsSetting, isSubmitting, onSignInRequested }) => {\n const clientContext = useContext(ClientContext);\n const { language } = useContext(LanguageContext);\n\n const history = useHistory();\n const location = useLocation();\n\n const [isForgotModalOpen, setIsForgotModalOpen] = useState(location?.state?.isForgotModalOpen || false);\n const [forgotModalType, setForgotModalType] = useState(\n location?.state?.forgotModalType || FORGOT_TYPES.FORGOT_PASSWORD\n );\n const [hasNamespaceError, setHasNamespaceError] = useState(false);\n\n const namespaceValue = locationService.queryReturnUrlParams.innerParams?.namespace || '';\n const emptyNamespace = namespaceValue.length === 0 || !namespaceValue.trim() || namespaceValue === 'undefined';\n const isInvalidNamespace = checkErrorCode(clientContext.errors, ERROR_CODE.INVALID_NAMESPACE);\n const isInvalidReturnURL = checkErrorCode(clientContext.errors, ERROR_CODE.INVALID_RETURN_URL);\n\n const handleForgotCredentials = (type) => () => {\n setIsForgotModalOpen(true);\n setForgotModalType(type);\n };\n\n const handleForgotCredentialsCancel = () => {\n setIsForgotModalOpen(false);\n };\n\n const handleNameSpaceSubmit = async ({ namespace } = {}) => {\n if (namespace) {\n setHasNamespaceError(false);\n\n try {\n await namespaceService.validateNamespace(namespace);\n window.location.href = `${origin.protocol}//${namespace}.${origin.host}`;\n } catch (error) {\n setHasNamespaceError(true);\n }\n }\n };\n\n const switchModalType = () => {\n const newModalType =\n forgotModalType === FORGOT_TYPES.FORGOT_PASSWORD\n ? FORGOT_TYPES.FORGOT_USERNAME\n : FORGOT_TYPES.FORGOT_PASSWORD;\n\n setForgotModalType(newModalType);\n };\n\n const isDRenvironment = checkIfDRenvironment();\n const drEnvironmentClasses = isDRenvironment ? 'onsolve-dr' : '';\n\n const { brand } = clientContext.customizations;\n\n return (\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
\n \n
\n ) : (\n \n {isDRenvironment &&
\n )}\n {children}
;\n\nSignInBackground.propTypes = {\n children: PropTypes.node,\n};\n\nexport default SignInBackground;\n","import React from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\nimport PropTypes from 'prop-types';\nimport { sharedTranslations } from 'translations';\nimport { Brand } from 'common/constants/enums';\nimport './style.scss';\n\nconst TermsAndConditions = ({ brand = '' }) => {\n const intl = useIntl();\n\n const isWtp = brand?.toLowerCase() === Brand.WTP;\n\n return (\n \n \n (\n \n {chunks}\n \n ),\n 0: intl.formatMessage(sharedTranslations.ng_wtp_EULA),\n }}\n />\n ) : (\n
\n );\n};\n\nTermsAndConditions.propTypes = {\n brand: PropTypes.string,\n};\n\nexport default TermsAndConditions;\n","import React from 'react';\nimport { SvgIcon } from 'onsolve-ui-components';\n\nconst SecurityQuestionKey = (props) => (\n {children}
\n \n
\n \n
\n\n {children}
\n \n \n \n
\n \n \n \n \n {smsNumber}.\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 \n \n \n \n
\n\n \n \n
\n \n \n \n
\n