{"version":3,"sources":["webpack:///./Avensia.Common/Features/ResetPassword/ResetPasswordPage.tsx","webpack:///./Avensia.Common/Features/Account/Form/AccountForm.tsx","webpack:///./Avensia.Common/Features/Shared/MainContainer/index.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/hide-password.svg","webpack:///./Avensia.Common/Features/Shared/Icon/glyphs/show-password.svg","webpack:///./Avensia.Common/Features/Shared/Icon/Eye.tsx","webpack:///./Avensia.Common/Features/Shared/PasswordVisibility/index.tsx"],"names":["props","onSubmit","urlx","window","location","href","token","searchParams","get","email","newPassword","this","state","trim","url","pathname","success","message","page","pageToRedirectTo","includeAppShellData","setState","changeFailedMessage","Promise","reject","onPasswordFieldInput","e","target","value","render","isValid","IS_IN_EDIT_MODE","isTokenValid","heading","pageTitle","buttonCaption","submitButtonCaption","buttonAction","inputLabel","newPasswordLabel","inputPlaceholder","newPasswordPlaceholder","inputValue","onChange","error","InvalidContentWrapper","for","component","invalidTokenMessage","Component","backgroundColor","padding","xy","behavior","KeepEnabled","onClick","preventDefault","feedback","push","FeedbackButton","Button","FormContainer","css","customFormStyle","H1","Form","marginBottom","noValidate","children","compose","appearance","Primary","Full","disabled","type","redirectLink","Div","textAlign","RedirectLink","to","redirectLabel","successMessage","color","textDecoration","h1","fontWeight","div","borderRadius","CustomContainer","Narrow","layout","OneToOne","paddingBottom","maxWidth","React","HidePassword","createElement","defaultProps","module","exports","default","ShowPassword","hide","show","onEyeIconClick","showPassword","showEyeIcon","ShowEyeIcon","hideEyeIcon","HideEyeIcon","InputContainer","InputLabel","InputWithEyeWrapper","InputWrapper","InputField","name","required","minLength","placeholder","invalid","IconContainer","border","Error","paddingLeft","label","marginLeft","minHeight","position","display","flexDirection","alignItems","eyeIconStyle","width","height","span","justifyContent","cursor","right","minWidth","zIndex","style","left","marginTop"],"mappings":"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","file":"assets/18.chunk.122eceb6a9c8712b68ea.js","sourcesContent":["/**\r\n * @ComponentFor ResetPasswordPageViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { pathCombine, pushState, postJson, translate, URLX } from '@avensia/scope';\r\nimport { epiPropertyValue, EpiProperty } from '@avensia/scope-episerver';\r\nimport { Part } from 'Shared/PageLayout/index';\r\nimport { connectWithFeedback, ConnectPropType } from 'Shared/Button/Feedback';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\nimport { whitelilac } from 'Shared/Style/colors';\r\nimport ResetPasswordPageViewModel from './ResetPasswordPageViewModel.type';\r\nimport AccountForm from 'Account/Form/AccountForm';\r\nimport PasswordVisibility from 'Shared/PasswordVisibility';\r\nimport MainContainer from 'Shared/MainContainer';\r\n\r\ntype StateType = {\r\n showPassword?: boolean;\r\n newPassword?: string;\r\n changeFailedMessage?: string;\r\n};\r\n\r\ntype RequiredProps = ResetPasswordPageViewModel;\r\n\r\ntype ConnectedProps = RequiredProps & ConnectPropType;\r\n\r\nexport default connectWithFeedback()(\r\n class ResetPassword extends React.Component {\r\n newPasswordElement: any;\r\n\r\n constructor(props: ConnectedProps) {\r\n super(props);\r\n this.state = {\r\n newPassword: '',\r\n changeFailedMessage: '',\r\n };\r\n }\r\n\r\n onSubmit = async () => {\r\n const urlx = new URLX(window.location.href);\r\n const token = urlx.searchParams.get('token');\r\n const email = urlx.searchParams.get('email');\r\n const newPassword = this.state.newPassword.trim();\r\n const url = pathCombine(location.pathname, 'UpdatePassword');\r\n\r\n if (!!newPassword) {\r\n try {\r\n const { success, message } = await postJson(url, { newPassword, token, email });\r\n if (success) {\r\n pushState(epiPropertyValue(this.props.page.pageToRedirectTo).url || '/', { includeAppShellData: true });\r\n } else {\r\n this.setState({ changeFailedMessage: message });\r\n return Promise.reject(null);\r\n }\r\n } catch (error) {\r\n this.setState({ changeFailedMessage: error });\r\n return Promise.reject(null);\r\n }\r\n } else {\r\n this.setState({ changeFailedMessage: translate('/Account/ResetPassword/InputRequiredField') });\r\n return Promise.reject(null);\r\n }\r\n };\r\n\r\n onPasswordFieldInput = (e: React.FormEvent) => {\r\n this.setState({\r\n newPassword: (e.target as HTMLInputElement).value,\r\n changeFailedMessage: '',\r\n });\r\n };\r\n\r\n render() {\r\n const isValid = window.IS_IN_EDIT_MODE || this.props.isTokenValid;\r\n return (\r\n \r\n {isValid ? (\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\nconst InvalidContentWrapper = styled(Part, {\r\n backgroundColor: whitelilac,\r\n padding: {\r\n xy: pixelsToUnit(30),\r\n },\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport {\r\n connectWithFeedback,\r\n Behavior as ButtonBehavior,\r\n Appearance as ButtonAppearance,\r\n ConnectPropType as FeedbackPropType,\r\n} from 'Shared/Button/Feedback';\r\nimport { whitelilac, mineshaft, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\nimport Link from 'Shared/Link';\r\n\r\ntype PropType = {\r\n children: any;\r\n buttonCaption: string;\r\n heading?: string;\r\n redirectLabel?: string;\r\n redirectLink?: string;\r\n disabled?: boolean;\r\n customFormStyle?: any;\r\n buttonAction?: () => Promise;\r\n successMessage?: React.ReactNode;\r\n} & StyledProps &\r\n FeedbackPropType;\r\n\r\nexport default styled(\r\n connectWithFeedback({ behavior: ButtonBehavior.KeepEnabled })(\r\n class AccountForm extends React.Component {\r\n onClick = (e: React.MouseEvent) => {\r\n e.preventDefault();\r\n return this.props.feedback.push(this.props.buttonAction());\r\n };\r\n render() {\r\n const FeedbackButton = this.props.feedback.Button;\r\n return (\r\n \r\n {!!this.props.heading &&

{this.props.heading}

}\r\n\r\n \r\n {this.props.children}\r\n \r\n {this.props.buttonCaption}\r\n \r\n \r\n\r\n {!!this.props.redirectLink && (\r\n \r\n {this.props.redirectLabel}\r\n \r\n )}\r\n {!!this.props.successMessage && this.props.successMessage}\r\n \r\n );\r\n }\r\n },\r\n ),\r\n);\r\n\r\nconst RedirectLink = styled(Link, {\r\n color: mineshaft,\r\n textAlign: 'center',\r\n textDecoration: 'underline',\r\n});\r\n\r\nconst H1 = styled.h1({\r\n fontWeight: 'normal',\r\n marginBottom: pixelsToUnit(21),\r\n textAlign: 'center',\r\n [minMediumMediaQuery]: {\r\n textAlign: 'left',\r\n },\r\n});\r\n\r\nconst FormContainer = styled.div({\r\n backgroundColor: whitelilac,\r\n borderRadius: '0.15rem',\r\n padding: {\r\n xy: pixelsToUnit(30),\r\n },\r\n});\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { Main, Basic, Layout, Appearance } from 'Shared/PageLayout';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\n\r\ntype PropType = {\r\n children: React.ReactNode;\r\n};\r\n\r\nexport default (props: PropType) => (\r\n \r\n {props.children}\r\n \r\n);\r\n\r\nconst CustomContainer = styled(Main, {\r\n paddingBottom: pixelsToUnit(100),\r\n maxWidth: pixelsToUnit(1057),\r\n});\r\n","var React = require('react');\n\nfunction HidePassword (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Hide-password\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\"},React.createElement(\"g\",{\"id\":\"eye-off\",\"transform\":\"translate(3 3)\",\"fill\":\"#878787\",\"fillRule\":\"nonzero\"},React.createElement(\"path\",{\"d\":\"M12.08 13.14l-1.556-1.556a2.876 2.876 0 01-2.31.377C7.16 11.684 6.16 10.72 5.902 9.67c-.21-.845-.094-1.689.338-2.37L4.51 5.571c-1.05.91-1.872 1.984-2.655 3.42a13.03 13.03 0 001.768 2.314c1.57 1.632 3.365 2.595 5.346 2.595 1.257-.02 2.24-.248 3.11-.76zm1.087 1.088c-1.19.797-2.52 1.144-4.185 1.172-2.46 0-4.613-1.155-6.44-3.055a14.514 14.514 0 01-1.636-2.048 10.66 10.66 0 01-.574-.955.75.75 0 01.003-.688c.904-1.738 1.863-3.044 3.112-4.146L.47 1.53A.75.75 0 011.53.47l16 16a.75.75 0 01-1.06 1.06l-3.303-3.302zM15.83 8.46a13.836 13.836 0 00-1.476-1.956C12.78 4.772 10.984 3.75 8.998 3.75a5.691 5.691 0 00-1.35.16.75.75 0 11-.351-1.459A7.187 7.187 0 019 2.25c2.471 0 4.63 1.228 6.464 3.246a15.32 15.32 0 011.638 2.168c.279.447.47.798.573 1.009a.75.75 0 01-.01.672 14.657 14.657 0 01-1.655 2.522.75.75 0 01-1.162-.949c.489-.599.925-1.242 1.302-1.92a11.92 11.92 0 00-.32-.537z\",\"id\":\"Combined-Shape\"}))));\n}\n\nHidePassword.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = HidePassword;\n\nHidePassword.default = HidePassword;\n","var React = require('react');\n\nfunction ShowPassword (props) {\n return React.createElement(\"svg\",props,React.createElement(\"g\",{\"id\":\"Show-password\",\"stroke\":\"none\",\"strokeWidth\":\"1\",\"fill\":\"none\",\"fillRule\":\"evenodd\"},React.createElement(\"g\",{\"id\":\"eye-copy-2\",\"transform\":\"translate(3 5)\",\"fill\":\"#878787\",\"fillRule\":\"nonzero\"},React.createElement(\"path\",{\"d\":\"M2.164 7.32c.417.647.91 1.293 1.474 1.894 1.576 1.68 3.373 2.672 5.362 2.672 1.99 0 3.786-.991 5.362-2.672a13.441 13.441 0 001.783-2.396 13.441 13.441 0 00-1.783-2.396C12.786 2.742 10.989 1.75 9 1.75c-1.99 0-3.786.992-5.362 2.672a13.441 13.441 0 00-1.783 2.396c.082.141.185.31.31.502zM.33 6.483c.103-.205.295-.547.575-.98a14.926 14.926 0 011.64-2.107C4.377 1.44 6.534.25 9 .25c2.465 0 4.623 1.19 6.456 3.146.63.672 1.177 1.389 1.64 2.106.28.434.472.776.575.98a.75.75 0 010 .672c-.103.205-.295.547-.575.98a14.926 14.926 0 01-1.64 2.106c-1.833 1.956-3.99 3.146-6.456 3.146-2.465 0-4.623-1.19-6.456-3.146a14.926 14.926 0 01-1.64-2.106c-.28-.433-.472-.775-.575-.98a.75.75 0 010-.671zM9 10a3.182 3.182 0 110-6.364A3.182 3.182 0 019 10z\",\"id\":\"Combined-Shape\"}))));\n}\n\nShowPassword.defaultProps = {\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\"};\n\nmodule.exports = ShowPassword;\n\nShowPassword.default = ShowPassword;\n","import factory from './icon';\r\nimport HidePassword from './glyphs/hide-password.svg';\r\nimport ShowPassord from './glyphs/show-password.svg';\r\n\r\nexport const hide = factory(HidePassword);\r\n\r\nexport const show = factory(ShowPassord);\r\n\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Input from 'Shared/Fields/Text';\r\nimport { pixelsToUnit, thin } from 'Shared/Style';\r\nimport { show, hide } from 'Shared/Icon/Eye';\r\nimport { alto, vividtangerine } from 'Shared/Style/colors';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\n\r\ntype PropType = {\r\n name?: string;\r\n inputLabel?: string;\r\n inputPlaceholder?: string;\r\n minLength?: number;\r\n inputValue: string;\r\n onChange: React.ChangeEventHandler;\r\n error?: string[] | string;\r\n};\r\n\r\ntype StateType = {\r\n showPassword: boolean;\r\n};\r\n\r\nexport default class ResetPassword extends React.Component {\r\n constructor(props: PropType) {\r\n super(props);\r\n\r\n this.state = {\r\n showPassword: false,\r\n };\r\n }\r\n\r\n onEyeIconClick = () => {\r\n this.setState({ showPassword: !this.state.showPassword });\r\n };\r\n\r\n render() {\r\n const showEyeIcon = ;\r\n const hideEyeIcon = ;\r\n return (\r\n \r\n {this.props.inputLabel}\r\n \r\n \r\n \r\n \r\n \r\n {this.state.showPassword ? showEyeIcon : hideEyeIcon}\r\n \r\n \r\n {!!this.props.error && {this.props.error}}\r\n \r\n );\r\n }\r\n}\r\n\r\nconst InputField = styled(Input, {\r\n borderRadius: 0,\r\n paddingLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst InputLabel = styled.label({\r\n marginLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst InputContainer = styled.div({\r\n minHeight: pixelsToUnit(112),\r\n});\r\n\r\nconst InputWithEyeWrapper = styled.div({\r\n position: 'relative',\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n});\r\n\r\nconst eyeIconStyle = styled({\r\n color: '#a4a4a4',\r\n fontWeight: 'bold',\r\n width: pixelsToUnit(25),\r\n height: pixelsToUnit(25),\r\n alignItems: 'center',\r\n});\r\n\r\nconst HideEyeIcon = eyeIconStyle(hide);\r\n\r\nconst ShowEyeIcon = eyeIconStyle(show);\r\n\r\nconst IconContainer = styled.span({\r\n backgroundColor: '#F6F6F6',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n height: pixelsToUnit(50),\r\n marginLeft: pixelsToUnit(-1),\r\n right: pixelsToUnit(5),\r\n width: '10%',\r\n minWidth: pixelsToUnit(52),\r\n zIndex: 2,\r\n border: {\r\n xy: {\r\n width: thin,\r\n style: 'solid',\r\n color: alto,\r\n },\r\n left: {\r\n width: 0,\r\n },\r\n },\r\n});\r\n\r\nconst InputWrapper = styled.div({\r\n width: '90%',\r\n});\r\n\r\nconst Error = styled(ErrorMessage, {\r\n marginTop: 0,\r\n paddingLeft: pixelsToUnit(16),\r\n});\r\n"],"sourceRoot":""}