\r\n }\r\n\r\n //text inputs with a help text which toggles with a button\r\n const text_input_with_help = () => {\r\n return
\r\n
\r\n \r\n {getHelpTextUI()}\r\n
\r\n
Type first three letters to find..
\r\n {showHelp && helpText &&
\r\n
About this question
\r\n
{helpText}
\r\n
}\r\n \r\n \r\n \r\n
\r\n\r\n }\r\n\r\n\r\n //text inputs for details which toggles with a button\r\n const text_input_for_details = () => {\r\n return
\r\n
\r\n
Tell me more about this
\r\n \r\n
\r\n\r\n {showDetails && details &&
{details}
}\r\n\r\n
\r\n\r\n }\r\n\r\n //basic text input with a label along with a standard subtext with an exception of email input box\r\n const text_input = () => {\r\n return
\r\n \r\n {(props.specs === \"search_input\") &&
Type first letters to find..
}\r\n \r\n \r\n \r\n
\r\n\r\n }\r\n\r\n \r\n\r\n\r\n //returns the ui of help text section in text_input_with_help\r\n const getHelpTextUI = () => {\r\n return
\r\n Optional |\r\n \r\n\r\n
\r\n\r\n\r\n }\r\n\r\n\r\n //checkbox input for selection of subscription amount and cycle\r\n const checkbox_input_for_amount = () => {\r\n return
\r\n
\r\n \r\n
{subscriptionPeriod}
\r\n
\r\n \r\n\r\n
\r\n }\r\n\r\n\r\n\r\n return \r\n\r\n {!specs ? getInputUIForType : getInputUIForSpecs() }\r\n \r\n}\r\nexport default InputWrapper;","import { Fragment, useState, forwardRef } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n//import { shouldProcessLinkClick } from \"react-router-dom/dist/dom\";\r\nconst Checkbox = forwardRef((props, ref) => {\r\n\r\n const { inputSize, label, id} = props;\r\n\r\n\r\n const [showHelp, setShowHelp] = useState(false);\r\n\r\n\r\n //basic text input with a label along with a standard subtext with an exception of email input box\r\n\r\n let inputWidth = () => {\r\n switch (inputSize) {\r\n case 'full-width':\r\n return \"full-width\"\r\n case 'large':\r\n return \"large\"\r\n case 'medium':\r\n return \"medium\"\r\n case 'small':\r\n return \"small\"\r\n default:\r\n return \"large\"\r\n }\r\n }\r\n\r\n const helpLinkHandler = (e) => {\r\n e.preventDefault();\r\n return setShowHelp(!showHelp);\r\n }\r\n\r\n\r\n\r\n\r\n return <>\r\n
\r\n \r\n : sessionStorage.getItem(\"ad_ref_token\") !== \"null\" && registered === \"false\" ? : \"\"\r\n }\r\n \r\n \r\n );\r\n}\r\n\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { useParams, Link, useNavigate } from 'react-router-dom'\r\nimport { format } from 'react-string-format';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Button from '../../UI/Buttons/Button';\r\nimport '../../../i18n';\r\nimport './UpdateEmail.css';\r\nimport { GetConfiguration } from '../../Configuration/ConfigurationManager'\r\nimport { APIGet, APIPost } from '../../API/APIRequest'\r\nimport { ErrorBox, ProcessErrors } from '../../Utilities/ErrorBox'\r\nimport { LogWebActivity } from '../../Webactivity/LogWebActivity';\r\nimport { Loading } from '../../Utilities/Loading'\r\nimport { IsSafeUrl, RedirectWarning } from '../../Utilities/SafeUrl'\r\nimport ErrorBoxCS from '../../UI/ErrorBox/ErrorBox';\r\nimport { useAuth } from '../AuthenticationProvider'\r\nimport Input from '../../UI/Inputs/Input';\r\nimport InputWrapper from '../../UI/Inputs/InputWrapper';\r\nimport { GetAuth0UserByEmail } from '../Auth0/Auth0ADInterface';\r\nimport { Password } from '../PasswordValidations/PasswordValidations';\r\nimport InputWrapperRefacture from '../../UI/Inputs/InputWrapperRefacture';\r\nimport useCreateUrl from '../../../Hooks/useCreateUrl';\r\nimport { GenericErrorBox } from '../../UI/ErrorBox/GenericErrorBox';\r\nimport setStateAsync from '../../Utilities/SetStateAsync';\r\nimport useBrandingData from '../../../Hooks/useBrandingData';\r\nimport { emailRegexUtils } from '../../Utilities/EmailRegex';\r\nimport Transition from '../../UI/Transition/Transition'; \r\nimport usePageTitle from '../../../Hooks/usePageTitle';\r\n\r\n\r\n\r\n\r\nexport function UpdateEmail(props) {\r\n\r\n const { t, i18n } = useTranslation();\r\n const [errors, setErrors] = useState([]);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [isNotTrusted, setIsNotTrusted] = useState('');\r\n const [loginData, setLoginData] = useState(null);\r\n const [userEmail, setUserEmail] = useState(null);\r\n const [nextAction, setNextAction] = useState(null);\r\n const [IsEmailInvalid, setIsEmailInvalid] = useState(false);\r\n const [IsEmailBlank, setIsEmailBlank] = useState(false);\r\n const [buttonEvent, setButtonEvent] = useState(false);\r\n const [userPassword, setUserPassword] = useState(null);\r\n const [updateState, setUpdateState] = useState(\"not_started\");\r\n const createUrl = useCreateUrl();\r\n const [combNotMatches, setCombNotMatches] = useState(false)\r\n const [IsBlank, setIsBlank] = useState({ email: false, password: false });\r\n const { environment } = useParams();\r\n const headerRef = useRef(null);\r\n const [buttonState, setButtonState] = useState(\"initial\");\r\n const [changeEmailText, setChangeEmailText] = useState(\"\");\r\n const auth = useAuth();\r\n const formRef = useRef(null);\r\n const [fieldChanged, setFieldChanged] = useState(null);\r\n const { getBrandedHtml } = useBrandingData(props.brandingElement ? props.brandingElement : \"\");\r\n\r\n usePageTitle(`Update email - ${props.brandingElement?.id}`);\r\n\r\n const emailRegex = emailRegexUtils;\r\n\r\n const GotoReturnUrl = () => {\r\n\r\n let returnUrl = auth.ReturnUrl();\r\n IsSafeUrl(returnUrl, environment).then((result) => {\r\n if (result) {\r\n\r\n // add adref token to returnUrl if request is from outside this host\r\n\r\n window.location.href = returnUrl;\r\n return returnUrl;\r\n }\r\n else {\r\n if (!isNotTrusted) {\r\n setIsNotTrusted(returnUrl);\r\n }\r\n }\r\n }).catch((errors) => {\r\n setErrors(ProcessErrors(errors));\r\n });\r\n }\r\n\r\n\r\n const updateUser = (event) => {\r\n\r\n event.preventDefault();\r\n setErrors(null);\r\n if (Validated()) {\r\n setButtonState(\"loading\")\r\n \r\n let controller = \"\";\r\n switch (auth.authProviderType) {\r\n case \"adnative\":\r\n controller = \"account\";\r\n break;\r\n case \"auth0\":\r\n controller = \"auth0\";\r\n break;\r\n }\r\n let refToken = auth.GetADRefToken();\r\n \r\n let bodyFormData = new FormData();\r\n\r\n bodyFormData.append('newEmail', userEmail);\r\n bodyFormData.append('password', userPassword);\r\n APIPost({\r\n \"controller\": controller,\r\n \"action\": \"updateemail\",\r\n \"environment\": environment,\r\n \"identifier\" : refToken,\r\n data: bodyFormData\r\n }).then((response) => {\r\n let updateAccountResult = response.data;\r\n if (updateAccountResult.success) {\r\n setUpdateState(\"updated\")\r\n setTimeout(() => {\r\n GotoReturnUrl();\r\n }, 2000)\r\n\r\n }\r\n else {\r\n setErrors(ProcessErrors(updateAccountResult.errors));\r\n setButtonState(\"initial\")\r\n }\r\n }).\r\n catch((error) => {\r\n setErrors(ProcessErrors(\"error.unexpected\"));\r\n setButtonState(\"initial\")\r\n }); \r\n }\r\n }\r\n\r\n const onTextFieldKeyed = (event) => {\r\n if ((event.key.match(emailRegex) || []).length > 0) {\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n const onTextFieldChanged = (event) => {\r\n setFieldChanged(event.target.name + event.target.value);\r\n }\r\n\r\n\r\n\r\n const onPasswordChanged = (event) => {\r\n let password = event.target.value;\r\n setUserPassword(password)\r\n let updatedCounts = {};\r\n updatedCounts.length = password.length;\r\n updatedCounts.upper = (password.match(/[A-Z]/g) || []).length;\r\n updatedCounts.lower = (password.match(/[a-z]/g) || []).length;\r\n updatedCounts.digit = (password.match(/[0-9]/g) || []).length;\r\n updatedCounts.special = (password.match(/[^A-Za-z0-9]/g) || []).length;\r\n\r\n }\r\n\r\n\r\n //email address validation\r\n const Validated = () => {\r\n\r\n let validated = true;\r\n let emailValue = userEmail || \"\";\r\n let temp = emailValue?.split(\"@\"); //for assessing the local part of domain\r\n let localPart = temp ? temp[0]: \"\";\r\n setIsBlank(IsBlank => ({ email: false, password: false }))\r\n\r\n if ((emailValue.length > 1) && (emailValue?.match(emailRegex) || []).length <= 0 || localPart.length > 64) {\r\n setIsEmailInvalid(true);\r\n validated &= false;\r\n\r\n }\r\n if (emailValue < 1) {\r\n setIsEmailInvalid(false);\r\n setIsBlank(IsBlank => ({ ...IsBlank, email: true }))\r\n\r\n validated &= false\r\n }\r\n\r\n if (userPassword < 1) {\r\n setIsBlank(IsBlank => ({ ...IsBlank, password: true }))\r\n validated &= false\r\n }\r\n \r\n if(!validated){\r\n focusOnFirstError();\r\n }\r\n \r\n return validated;\r\n\r\n }\r\n\r\n //onSubmit focusing on first error causing input\r\n const focusOnFirstError=()=>{\r\n setTimeout(()=>{\r\n let firstElement= formRef.current?.querySelectorAll(\"input[invalidclass='Invalid-input']\")[0]\r\n firstElement?.focus();\r\n },200)\r\n \r\n }\r\n\r\n //componentDidMount\r\n useEffect(() => {\r\n if (!loginData && isLoading) {\r\n auth.GetLoginData(environment, auth.GetADRefToken()).then((response) => {\r\n setLoginData(response);\r\n setIsLoading(false);\r\n }).catch((errors) => {\r\n setErrors(ProcessErrors(errors));\r\n setIsLoading(false);\r\n })\r\n }\r\n\r\n headerRef.current?.focus();\r\n\r\n }, [])\r\n\r\n\r\n const handleOnBlur = (e, fieldType) => {\r\n\r\n let value = e.target.value;\r\n if (buttonEvent) {\r\n document.getElementById(\"password\").focus();\r\n setButtonEvent(false)\r\n e.preventDefault();\r\n }\r\n \r\n //due to OnBlur\r\n setStateAsync(() => {\r\n if (value.length < 1) {\r\n setIsEmailInvalid(false);\r\n setIsBlank(IsBlank => ({ ...IsBlank, [fieldType]: true }))\r\n }\r\n else {\r\n setIsBlank(IsBlank => ({ ...IsBlank, [fieldType]: false }))\r\n }\r\n });\r\n\r\n\r\n }\r\n\r\n\r\n let changeEmailText1 = format(t('updateemail.summarypart1'));\r\n let changeEmailText2 = format(t('updateemail.summarypart2'));\r\n\r\n // useEffect(()=>{\r\n // let tempText= props.brandingElement?.changeEmailText\r\n // tempText = tempText?.replace(/##user_email##/g, loginData?.email );\r\n // if(tempText){\r\n // setChangeEmailText(tempText)\r\n // }\r\n // }, [props.brandingElement?.changeEmailText]) \r\n\r\n\r\n\r\n const getContent = () => {\r\n let updateContent = '';\r\n\r\n if (loginData) {\r\n\r\n if (!`${loginData.user_id}`.startsWith(\"auth\") && auth.authProviderType == \"auth0\") {\r\n\r\n return
\r\n
It is not possible to change your email address as you logged in with your\r\n {`${loginData.user_id}`.startsWith(\"goo\") && Google }\r\n {`${loginData.user_id}`.startsWith(\"fac\") && Facebook }\r\n account.\r\n
\r\n
\r\n } else {\r\n return (\r\n )\r\n if (loginData?.identities[0].provider !== \"auth0\") {\r\n let actionMessage = format(t('updateemail.backlinktext'), auth.ReturnUrl);\r\n updateContent =
\r\n {/*to make the screen reader read out the module heading we explicitly make it focus on it as the mounting happens*/}\r\n
{t('updateemail.title')}
\r\n
\r\n \r\n \r\n \r\n {getContent()}\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\n\r\n","import React, { useState, useRef, useEffect } from 'react';\r\nimport { useParams, Link, useNavigate } from 'react-router-dom'\r\nimport { format } from 'react-string-format';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Button from '../../UI/Buttons/Button';\r\nimport '../../../i18n';\r\nimport './UpdatePassword.css';\r\nimport { GetConfiguration } from '../../Configuration/ConfigurationManager'\r\nimport { APIGet, APIPost } from '../../API/APIRequest'\r\nimport { ErrorBox, ProcessErrors } from '../../Utilities/ErrorBox'\r\nimport { LogWebActivity } from '../../Webactivity/LogWebActivity';\r\nimport { Loading } from '../../Utilities/Loading'\r\nimport { IsSafeUrl, RedirectWarning } from '../../Utilities/SafeUrl'\r\nimport ErrorBoxCS from '../../UI/ErrorBox/ErrorBox';\r\nimport { useAuth } from '../AuthenticationProvider'\r\nimport Input from '../../UI/Inputs/Input';\r\nimport InputWrapper from '../../UI/Inputs/InputWrapper';\r\nimport { GetAuth0UserByEmail } from '../Auth0/Auth0ADInterface';\r\nimport { Password } from '../PasswordValidations/PasswordValidations';\r\nimport InputWrapperRefacture from '../../UI/Inputs/InputWrapperRefacture';\r\nimport useCreateUrl from '../../../Hooks/useCreateUrl';\r\nimport { GenericErrorBox } from '../../UI/ErrorBox/GenericErrorBox';\r\nimport setStateAsync from '../../Utilities/SetStateAsync';\r\nimport useBrandingData from '../../../Hooks/useBrandingData';\r\nimport { emailRegexUtils } from '../../Utilities/EmailRegex';\r\nimport Transition from '../../UI/Transition/Transition'; \r\nimport usePageTitle from '../../../Hooks/usePageTitle';\r\n\r\n/*-------------------update password-------------------------------------------------*/\r\n\r\nexport function UpdatePassword(props) {\r\n\r\n const { t, i18n } = useTranslation();\r\n const [errors, setErrors] = useState([]);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [isNotTrusted, setIsNotTrusted] = useState('');\r\n const [loginData, setLoginData] = useState(null);\r\n const { environment } = useParams();\r\n const auth = useAuth();\r\n const headerRef = useRef(null);\r\n const [buttonEvent, setButtonEvent] = useState(false);\r\n const [fieldChanged, setFieldChanged] = useState(null);\r\n const [oldpassword, setOldPassword] = useState(\"\");\r\n const [newpassword, setNewPassword] = useState(\"\");\r\n const [pswValid, setPswValid] = useState(\"false\");\r\n const [combNotMatches, setCombNotMatches] = useState(false);\r\n const [buttonState, setButtonState] = useState(\"initial\");\r\n const createUrl = useCreateUrl();\r\n const formRef = useRef(null);\r\n const [IsBlank, setIsBlank] = useState({ newpassword: false, oldpassword: false });\r\n const [updateState, setUpdateState] = useState(\"not_started\"); //state for handling password updation states\r\n const emailRegex = emailRegexUtils;\r\n usePageTitle(`Update password - ${props.brandingElement?.id}`);\r\n\r\n\r\n const GotoReturnUrl = () => {\r\n let returnUrl = auth.ReturnUrl();\r\n IsSafeUrl(returnUrl, environment).then((result) => {\r\n if (result) {\r\n\r\n // add adref token to returnUrl if request is from outside this host\r\n\r\n window.location.href = returnUrl;\r\n }\r\n else {\r\n if (!isNotTrusted) {\r\n setIsNotTrusted(returnUrl);\r\n }\r\n }\r\n }).catch((errors) => {\r\n setErrors(ProcessErrors(errors));\r\n });\r\n }\r\n\r\n\r\n //componentDidMount\r\n useEffect(() => {\r\n\r\n if (!loginData && isLoading) {\r\n auth.GetLoginData(environment, auth.GetADRefToken()).then((response) => {\r\n setLoginData(response);\r\n setIsLoading(false);\r\n }).catch((errors) => {\r\n setErrors(ProcessErrors(errors));\r\n setIsLoading(false);\r\n })\r\n }\r\n headerRef.current?.focus(); //focusing on the module heading as we land on the page and the component mounts\r\n\r\n }, [])\r\n\r\n\r\n const updateUser = (event) => {\r\n\r\n event.preventDefault();\r\n setErrors(null);\r\n if (Validated()) {\r\n\r\n setButtonState(\"loading\");\r\n let controller = \"\";\r\n\r\n switch (auth.authProviderType) {\r\n case \"adnative\":\r\n controller = \"account\";\r\n break;\r\n case \"auth0\":\r\n controller = \"auth0\";\r\n break;\r\n }\r\n let refToken = auth.GetADRefToken();\r\n let returnUrl = auth.ReturnUrl();\r\n let bodyFormData = new FormData();\r\n\r\n bodyFormData.append('password', oldpassword);\r\n bodyFormData.append('newPassword', newpassword);\r\n bodyFormData.append('returnUrl', returnUrl);\r\n APIPost({\r\n \"controller\": controller,\r\n \"action\": \"updatepassword\",\r\n \"environment\": environment,\r\n \"identifier\": refToken,\r\n data: bodyFormData,\r\n }).then((response) => {\r\n\r\n let updateAccountResult = response.data;\r\n if (updateAccountResult.success) {\r\n //let apiUrl = APIUrl({ \"path\": \"/auth0/authenticate\" });\r\n //apiUrl += \"?ReturnUrl=\" + returnUrl + \"&email=\" + result.auth0user.email;\r\n //window.location.href = apiUrl;\r\n\r\n setUpdateState(\"updated\")\r\n setTimeout(() => {\r\n GotoReturnUrl();\r\n }, 2000)\r\n\r\n console.log(updateState)\r\n }\r\n else {\r\n setErrors(ProcessErrors(updateAccountResult.errors));\r\n setButtonState(\"initial\");\r\n }\r\n }).\r\n catch((error) => {\r\n\r\n setErrors(ProcessErrors(\"error.unexpected\"));\r\n setButtonState(\"initial\");\r\n });\r\n \r\n }\r\n }\r\n\r\n\r\n const onTextFieldKeyed = (event) => {\r\n if ((event.key.match(emailRegex) || []).length > 0) {\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n //password input-handler\r\n const onPasswordChanged = (event, type) => {\r\n let oldpassword = event.target.value;\r\n if (type === \"old\") {\r\n setOldPassword(oldpassword)\r\n }\r\n\r\n }\r\n\r\n const handleOnBlur = (e, fieldType) => {\r\n if (buttonEvent && fieldType === \"oldpassword\") {\r\n document.getElementById(\"oldpassword\").focus();\r\n setButtonEvent(false);\r\n e.preventDefault();\r\n\r\n }\r\n\r\n if (buttonEvent && fieldType === \"newpassword\") {\r\n document.getElementById(\"newpassword\").focus();\r\n setButtonEvent(false);\r\n e.preventDefault();\r\n\r\n }\r\n //due to handleOnBlur and the order of event-handlers\r\n setStateAsync(() => {\r\n let value = e.target.value;\r\n if (value.length < 1) {\r\n setIsBlank(IsBlank => ({ ...IsBlank, [fieldType]: true }))\r\n }\r\n else {\r\n setIsBlank(IsBlank => ({ ...IsBlank, [fieldType]: false }))\r\n }\r\n })\r\n\r\n\r\n }\r\n\r\n const Validated = () => {\r\n\r\n let validated = true;\r\n setIsBlank(IsBlank => ({ ...IsBlank, newpassword: false, oldpassword: false }))\r\n if (oldpassword < 1) {\r\n setIsBlank(IsBlank => ({ ...IsBlank, oldpassword: true }))\r\n validated &= false;\r\n }\r\n\r\n if (newpassword < 1) {\r\n setIsBlank(IsBlank => ({ ...IsBlank, newpassword: true }))\r\n validated &= false\r\n }\r\n if (pswValid !== \"true\") {\r\n validated &= false\r\n }\r\n\r\n if (!validated) {\r\n focusOnFirstError();\r\n }\r\n return validated;\r\n }\r\n\r\n //onSubmit focusing on first error causing input\r\n const focusOnFirstError = () => {\r\n setTimeout(() => {\r\n let firstElement = formRef.current?.querySelectorAll(\"input[invalidclass='Invalid-input']\")[0]\r\n firstElement?.focus();\r\n }, 200)\r\n\r\n }\r\n\r\n let changePasswordText = format(t('updatepassword.summary'));\r\n\r\n const getContent = () => {\r\n\r\n if (loginData) {\r\n\r\n if (!`${loginData.user_id}`.startsWith(\"auth\") && auth.authProviderType==\"auth0\") {\r\n return
\r\n
It is not possible to change your password as you logged in with your\r\n {`${loginData.user_id}`.startsWith(\"goo\") && Google }\r\n {`${loginData.user_id}`.startsWith(\"fac\") && Facebook }\r\n account.\r\n
\r\n
\r\n } else {\r\n return ()\r\n\r\n if (loginData?.identities[0].provider !== \"auth0\") {\r\n let actionMessage = format(t('updatepassword.backlinktext'), auth.ReturnUrl);\r\n return
\r\n\r\n )\r\n}\r\n\r\n"," \r\nimport React, { Component, useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport '../../../i18n';\r\nimport './WarningComponent.css'\r\nimport { Link } from 'react-router-dom'\r\nimport ErrorBoxCS from '../../UI/ErrorBox/ErrorBox';\r\nimport { ErrorBox, ProcessErrors } from '../../Utilities/ErrorBox';\r\nimport { GenericErrorBox } from '../../UI/ErrorBox/GenericErrorBox';\r\nimport { useAuth } from '../AuthenticationProvider'\r\nimport useCreateUrl from '../../../Hooks/useCreateUrl';\r\nimport useBodyClass from '../../../Hooks/useBodyClass';\r\nimport usePageTitle from '../../../Hooks/usePageTitle';\r\n\r\n\r\nexport function WarningComponent(props) {\r\n const { t, i18n } = useTranslation();\r\n const createUrl = useCreateUrl();\r\n const auth = useAuth();\r\n\r\n useBodyClass(['disabled-account', props.brandingElement?.bodyClass]);\r\n usePageTitle(`This account is disabled - ${props.brandingElement?.id}`);\r\n const htmlString = props.brandingElement?.disabledUserErrorText;\r\n \r\n //The use of dangerouslySetInnerHTML is replacing the innerHTML\r\n //if you need further information please read this https://reactjs.org/docs/dom-elements.html\r\n return (\r\n
\r\n )\r\n}\r\n\r\n ","import { Fragment } from \"react\";\r\nimport Button from \"../Buttons/Button\";\r\nimport Input from '../Inputs/InputWrapperRefacture';\r\nimport InputWrapper from '../Inputs/InputWrapper';\r\nimport MessageBox from \"../MessageBox/MessageBox\";\r\nimport { ProductOffer } from \"../../ProductOffer/ProductOffer\";\r\n\r\nconst DesignReview = () => {\r\n return <>\r\n
\r\n \r\n \r\n This is a warning\r\n \r\n This is an error message\r\n \r\n This is an info message\r\n \r\n This is a positive message\r\n \r\n This is a neutral message\r\n \r\n \r\n \r\n
)\r\n}\r\n\r\n","import React, { useEffect } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { Loading } from '../Utilities/Loading';\r\n \r\nimport usePageTitle from '../../Hooks/usePageTitle';\r\n\r\n\r\nexport function Redirection(props) {\r\n usePageTitle(`Redirect processing - ${props.brandingElement?.id}`);\r\n\r\n const { state } = useLocation();\r\n \r\n useEffect(()=>{\r\n\r\n if(state){\r\n window.location.replace(state?.returnUrl);\r\n }\r\n \r\n\r\n },[state])\r\n \r\n\r\n return ( )\r\n}\r\n\r\n","import React, { Component, useState, useEffect } from 'react';\r\nimport { APIGet, APIPost } from '../API/APIRequest';\r\nexport function Test(props) {\r\n\r\n APIGet({\r\n \"controller\": \"security\",\r\n \"action\": \"test\",\r\n \"data\": {\r\n \"data1\": \"GET data1\",\r\n \"data2\": \"GET data2\"\r\n },\r\n \"environment\": null\r\n }).then((response) => { console.log(response) })\r\n .catch((error) => { console.log(error) });\r\n\r\n var data = new FormData();\r\n data.append(\"data1\", \"POST data1\");\r\n data.append(\"data2\", \"POST data2\");\r\n APIPost({\r\n \"controller\": \"security\",\r\n \"action\": \"test\",\r\n \"data\": data,\r\n \"environment\": null\r\n }).then((response) => { console.log(response) })\r\n .catch((error) => { console.log(error) });\r\n return (\r\n
\r\n Hello World\r\n
\r\n )\r\n \r\n}\r\n","import { useEffect, useState} from 'react';\r\n\r\n//go through for error handling\r\n\r\nexport function DynamicScriptComponent({ metaData, branding}) {\r\n\t\r\n const [metaScriptsAdded, setMetaScriptsAdded] = useState(false);\r\n const [brandingScriptsAdded, setBrandingScriptsAdded] = useState(false);\r\n\r\n const extractingScript = (data) => {\r\n const scripts = [];\r\n if (data) {\r\n\r\n let tempDiv = document.createElement('div');\r\n tempDiv.innerHTML = data;\r\n let scriptTags = tempDiv.getElementsByTagName('script');\r\n\r\n for (let i = 0; i < scriptTags.length; i++) {\r\n let scriptContent = scriptTags[i].textContent || scriptTags[i].innerText;\r\n let srcAttributeValue = scriptTags[i].getAttribute('src');\r\n let scriptId = scriptTags[i].id;\r\n let scriptType = scriptTags[i].type;\r\n scripts.push({ \"scriptContent\": scriptContent, \"src\": srcAttributeValue, \"id\":scriptId, 'type':scriptType });\r\n }\r\n }\r\n return scripts;\r\n }\r\n\r\n //element=where to append\r\n //pos= the position in the element\r\n const executingScripts = (scripts, element, pos) => {\r\n scripts.forEach(script => {\r\n const newScript = document.createElement('script');\r\n\r\n if(script.id){\r\n newScript.id = script.id;\r\n }\r\n if(script.type){\r\n newScript.type = script.type; \r\n }\r\n \r\n if (script.src) {\r\n newScript.src = script.src;\r\n } else {\r\n newScript.textContent = script.scriptContent;\r\n }\r\n\r\n if (element === \"body\") {\r\n document.body.insertAdjacentElement(pos, newScript);\r\n }\r\n else if (element === \"head\") {\r\n document.head.insertAdjacentElement(pos, newScript);\r\n }\r\n \r\n });\r\n }\r\n\r\n\r\n const removingScripts = (addedScripts) => {\r\n addedScripts.forEach(script => {\r\n if (script.src) {\r\n const existingScript = document.querySelector(`script[src=\"${script.src}\"]`);\r\n if (existingScript) {\r\n existingScript.remove();\r\n }\r\n } else if (script.scriptContent) {\r\n \r\n const existingScripts = document.querySelectorAll(`script`);\r\n existingScripts.forEach(existingScript => {\r\n if (existingScript.textContent === script.scriptContent) {\r\n existingScript.remove();\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n\r\n if (!brandingScriptsAdded && branding) {\r\n\r\n try {\r\n\r\n const headHtmlScript = extractingScript(branding?.headHtml);\r\n executingScripts(headHtmlScript, \"head\", \"beforeend\");\r\n\r\n const afterBodyOpenScript = extractingScript(branding?.afterBodyOpenData);\r\n executingScripts(afterBodyOpenScript, \"body\", \"afterbegin\");\r\n\r\n const beforeBodyCloseScript = extractingScript(branding?.beforeBodyCloseData);\r\n executingScripts(beforeBodyCloseScript, \"body\", \"beforeend\");\r\n\r\n setBrandingScriptsAdded(true)\r\n\r\n return () => {\r\n removingScripts(headHtmlScript);\r\n removingScripts(afterBodyOpenScript);\r\n removingScripts(beforeBodyCloseScript);\r\n\r\n };\r\n\r\n } catch (error) {\r\n console.error('Error in appending the script. Please check if the call is taking place correctly', error);\r\n }\r\n }\r\n\r\n }, [branding]);\r\n\r\n\r\n useEffect(() => {\r\n \r\n if (!metaScriptsAdded && metaData) {\r\n try {\r\n\r\n const partyMetaDataScript = extractingScript(metaData?.partymetadata);\r\n executingScripts(partyMetaDataScript, \"head\", \"afterbegin\");\r\n\r\n const basketMetaDataScript = extractingScript(metaData?.basketmetadata);\r\n executingScripts(basketMetaDataScript, \"head\", \"afterbegin\");\r\n\r\n setMetaScriptsAdded(true)\r\n\r\n return () => {\r\n removingScripts(basketMetaDataScript);\r\n removingScripts(partyMetaDataScript);\r\n \r\n };\r\n\r\n } catch (error) {\r\n console.error('Error in appending the script. Please check if the call is taking place correctly', error);\r\n }\r\n }\r\n\r\n }, [metaData]);\r\n\r\n return (\r\n\r\n <>\r\n\r\n );\r\n}","import React, { Component, Fragment, Suspense, useEffect, useLayoutEffect, useState } from 'react';\r\nimport ReactDom from 'react-dom';\r\nimport ReactHtmlParser from 'html-react-parser';\r\nimport { Routes, Route } from 'react-router-dom';\r\nimport './general.css'\r\nimport './normalize.css'\r\nimport './reset.css'\r\nimport Layout from './components/Layout';\r\nimport './i18n'\r\nimport PrivateRoute from './components/Utilities/PrivateRoute';\r\nimport { Payment } from './components/Order/Payment';\r\nimport { OrderComplete } from './components/Order/OrderComplete';\r\n//import { StripeResponseHandler } from './components/Order/Payment/StripeResponseHandler';\r\nimport { Login } from './components/Authentication/Login'\r\nimport TagManager from 'react-gtm-module'\r\nimport { Logout } from './components/Authentication/Logout'\r\nimport { Auth0Callback } from './components/Authentication/Auth0/Auth0Callback'\r\nimport { Register } from './components/Authentication/Register/Register'\r\nimport { UpdateEmail } from './components/Authentication/UpdateEmail/UpdateEmail'\r\nimport { UpdatePassword} from './components/Authentication/UpdatePassword/UpdatePassword'\r\nimport { ForgottenPassword } from './components/Authentication/ForgottenPassword/ForgottenPassword'\r\nimport { WarningComponent } from './components/Authentication/WarningComponent/WarningComponent';\r\nimport { RefreshADToken } from './components/Utilities/TokenManager'\r\nimport { Loading } from './components/Utilities/Loading'\r\nimport { ErrorBox, ProcessErrors } from './components/Utilities/ErrorBox'\r\n//import { ProductOffer } from './components/ProductOffer/ProductOffer';\r\nimport { useAuth } from './components/Authentication/AuthenticationProvider';\r\nimport DesignReview from './components/UI/DesignReview/DesignReview';\r\nimport HeadProperties from './components/Layout/Head/HeadProperties';\r\nimport { ResetPassword } from './components/Authentication/ResetPassword/ResetPassword';\r\nimport { ClearCache } from './components/Caching/ClearCache';\r\nimport { APIGet, APIPost , getEnvironment } from './components/API/APIRequest';\r\nimport { Redirection } from './components/Redirection/Redirection';\r\nimport { Test } from './components/Test/Test';\r\nimport {\r\n GoogleReCaptchaProvider,\r\n useGoogleReCaptcha\r\n } from 'react-google-recaptcha-v3';\r\nimport { DynamicScriptComponent } from './DynamicScriptComponent';\r\n \r\n\r\n\r\n\r\nexport default function App(props) {\r\n const [branding, setBranding] = useState(null);\r\n const [isLoading, setIsLoading] = useState(true);\r\n const [reCaptchaKey, setReCaptchaKey] = useState(null);\r\n const [metaData, setMetaData] = useState(null);\r\n \r\n\r\n const environment = getEnvironment();\r\n const auth = useAuth();\r\n\r\n\r\n const loadheaderBranding = async () => {\r\n await APIGet({\r\n \"controller\": \"brand\",\r\n \"action\": \"getbranding\",\r\n \"environment\": environment\r\n })\r\n .then(function (response) {\r\n // handle success\r\n setBranding(response.data.branding);\r\n if(response.data.branding){\r\n if(response.data.branding?.reCAPTCHAkey )\r\n {\r\n setReCaptchaKey(response.data.branding?.reCAPTCHAkey)\r\n }\r\n else{\r\n setReCaptchaKey(\"no_recaptcha\")\r\n }\r\n } //this is also async..so may take time so directly pass in the function.\r\n htmlHeadScript(response.data.branding);\r\n cssHeadScript(response.data.branding);\r\n tagManager(response.data.branding);\r\n faviconCustom(response.data.branding)\r\n setIsLoading(false);\r\n console.log('app:');\r\n console.log(response.data);\r\n\r\n })\r\n .catch(function (error) {\r\n // handle error\r\n setReCaptchaKey(\"no_recaptcha\") //if recaptcha snippet throws an error.\r\n setIsLoading(false)\r\n console.log(error);\r\n })\r\n\r\n }\r\n\r\n const tagManager = (branding) => {\r\n if (branding && environment != \"ad-frontend.abasoft.co.uk\") {\r\n const tagManagerArgs = {\r\n gtmId: branding.gtmId\r\n\r\n }\r\n\r\n TagManager.initialize(tagManagerArgs)\r\n }\r\n }\r\n\r\n\r\n const htmlHeadScript = (br) => {\r\n const htmlHead = br.headHtml;\r\n const tempDiv = document.createElement('div');\r\n tempDiv.innerHTML=htmlHead;\r\n const scripts = tempDiv.querySelectorAll('script');\r\n\r\n scripts.forEach((script)=>{\r\n script.remove();\r\n })\r\n\r\n const modifiedHtml= tempDiv.innerHTML;\r\n return document.head.insertAdjacentHTML('beforeend', modifiedHtml);\r\n }\r\n\r\n const cssHeadScript = (data) => {\r\n const inlinecssHead = ``;\r\n return document.head.insertAdjacentHTML('beforeend', inlinecssHead);\r\n }\r\n \r\n\r\n const faviconCustom = (data) => {\r\n const favString = data.favicon || \"\";\r\n const favicons = favString.split(',');\r\n\r\n favicons.map((favicon, i) => {\r\n const link = ``;\r\n return document.head.insertAdjacentHTML('beforeend', link);\r\n });\r\n }\r\n\r\n \r\n useEffect(() => {\r\n RefreshADToken();\r\n loadheaderBranding(); \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 } />\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 \r\n \r\n\r\n );\r\n\r\n}\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://cra.link/PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://cra.link/PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then((registration) => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://cra.link/PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch((error) => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' },\r\n })\r\n .then((response) => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then((registration) => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log('No internet connection found. App is running in offline mode.');\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then((registration) => {\r\n registration.unregister();\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","const reportWebVitals = (onPerfEntry) => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React, { Suspense } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter, useHistory } from 'react-router-dom';\r\nimport Client from './Client';\r\nimport App from './App';\r\n\r\nimport * as serviceWorkerRegistration from './serviceWorkerRegistration';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { AuthenticationProvider } from './components/Authentication/AuthenticationProvider'\r\nimport { Loading } from './components/Utilities/Loading'\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://cra.link/PWA\r\nserviceWorkerRegistration.unregister();\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}
);\r\n return (\r\n