{"version":3,"sources":["webpack:///./src/Avensia.Common/Features/ResetPassword/ResetPasswordPage.tsx"],"names":["__webpack_require__","r","__webpack_exports__","tslib__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_1__","react__WEBPACK_IMPORTED_MODULE_1___default","n","_glitz_react__WEBPACK_IMPORTED_MODULE_2__","_avensia_scope__WEBPACK_IMPORTED_MODULE_3__","Shared_PageLayout_index__WEBPACK_IMPORTED_MODULE_4__","Shared_Fields_Toggle__WEBPACK_IMPORTED_MODULE_5__","Shared_Button_Feedback__WEBPACK_IMPORTED_MODULE_6__","Shared_Style__WEBPACK_IMPORTED_MODULE_7__","_glitz_core__WEBPACK_IMPORTED_MODULE_8__","Shared_Button__WEBPACK_IMPORTED_MODULE_9__","MainWrapper","Object","width","margin","top","left","right","padding","Small","maxWidth","Large","HeadingWrapper","div","paddingTop","paddingRight","paddingBottom","paddingLeft","Title","h4","marginRight","marginTop","marginBottom","TokenError","color","fontWeight","display","justifyContent","textAlign","ErrorMessage","ShowPasswordWrapper","span","marginLeft","fontSize","PasswordField","input","height","bottom","border","xy","style","FormBottom","PageDescription","SuccessMessage1","ButtonWrapper","alignItems","BkgPattern","backgroundImage","backgroundPosition","backgroundRepeat","position","zIndex","MenuBkg","background","Medium","_super","ResetPassword","props","_this","call","this","onSubmit","e","preventDefault","newPassword","state","trim","setState","changeFailedMessage","token","searchParams","get","email","url","location","pathname","set","feedback","push","then","result","success","resetPasswordSuccessful","Promise","resolve","reject","message","catch","onPasswordFieldInput","target","value","onShowPassword","showPassword","currentTarget","checked","prototype","render","isValid","window","IS_IN_EDIT_MODE","isTokenValid","FeedbackButton","Button","a","createElement","Fragment","appearance","Narrow","for","content","newPasswordTitle","component","mainContent","invalidTokenMessage","required","type","minLength","placeholder","newPasswordLabel","onChange","css","outlineWidth","showPasswordLabel","Primary","submitButtonCaption","passwordResetConfirmation","Component"],"mappings":"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","file":"assets/resetpassword.chunk.7d470dd3d26675103cf5.js","sourcesContent":["/**\r\n * @ComponentFor ResetPasswordPageViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { URLX, postJson, currentUrl, pathCombine, EpiProperty, epiPropertyValue, Breakpoint } from '@avensia/scope';\r\nimport ResetPasswordPageViewModel from './ResetPasswordPageViewModel.type';\r\nimport ResetPasswordResultViewModel from './ResetPasswordResultViewModel.type';\r\nimport { Main, Part, Appearance } from 'Shared/PageLayout/index';\r\nimport { Checkbox } from 'Shared/Fields/Toggle';\r\nimport { connectWithFeedback, ConnectPropType } from 'Shared/Button/Feedback';\r\nimport * as style from 'Shared/Style';\r\nimport { media } from '@glitz/core';\r\nimport { Appearance as ButtonAppearance } from 'Shared/Button';\r\n\r\ntype StateType = {\r\n  showPassword?: boolean;\r\n  resetPasswordSuccessful?: boolean;\r\n  newPassword?: string;\r\n  changeFailedMessage?: string;\r\n};\r\n\r\ntype ConnectedProps = ResetPasswordPageViewModel & ConnectPropType;\r\n\r\nconst MainWrapper = styled(Main, {\r\n  width: '100%',\r\n  margin: {\r\n    top: '19px',\r\n    left: 'auto',\r\n    right: 'auto',\r\n  },\r\n  padding: {\r\n    left: '28px',\r\n    right: '28px',\r\n  },\r\n  ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n    maxWidth: 700,\r\n    margin: {\r\n      top: '80px',\r\n    },\r\n    padding: {\r\n      left: '4vw',\r\n      right: '4vw',\r\n    },\r\n  }),\r\n  ...media(style.mediaMinQueries[Breakpoint.Large], {\r\n    maxWidth: 800,\r\n    padding: {\r\n      left: '8vw',\r\n      right: '8vw',\r\n    },\r\n  }),\r\n});\r\n\r\nconst HeadingWrapper = styled.div({\r\n  ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n    paddingTop: '70px',\r\n    paddingRight: 0,\r\n    paddingBottom: 0,\r\n    paddingLeft: 0,\r\n  }),\r\n});\r\n\r\nconst Title = styled.h4({\r\n  marginRight: '46px',\r\n  marginTop: '14px',\r\n  marginBottom: '8px',\r\n});\r\n\r\nconst TokenError = styled.div({\r\n  color: '#FF0000',\r\n  fontWeight: 'bold',\r\n  display: 'flex',\r\n  justifyContent: 'flex-start',\r\n  marginBottom: 20,\r\n  textAlign: 'center',\r\n});\r\n\r\nconst ErrorMessage = styled.div({\r\n  color: '#FF0000',\r\n  fontWeight: 'bold',\r\n  display: 'flex',\r\n  justifyContent: 'flex-start',\r\n  marginBottom: 20,\r\n  textAlign: 'center',\r\n});\r\nconst ShowPasswordWrapper = styled.span({\r\n  marginLeft: 9,\r\n  fontSize: 16,\r\n  fontWeight: 300,\r\n  color: style.secondaryDarker,\r\n});\r\nconst PasswordField = styled.input({\r\n  width: '100%',\r\n  marginBottom: style.large,\r\n  height: 39,\r\n  padding: {\r\n    top: 10,\r\n    bottom: 10,\r\n    left: 12,\r\n  },\r\n  border: {\r\n    xy: {\r\n      style: 'solid',\r\n      color: style.tertiaryLightest,\r\n      width: 1,\r\n    },\r\n  },\r\n});\r\n\r\nconst FormBottom = styled.div({\r\n  width: '100%',\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n});\r\n\r\nconst PageDescription = styled.div({\r\n  marginBottom: '8px',\r\n});\r\n\r\nconst SuccessMessage1 = styled.div({});\r\n\r\nconst ButtonWrapper = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  margin: {\r\n    top: '35px',\r\n  },\r\n  justifyContent: 'center',\r\n});\r\n\r\nconst BkgPattern = styled.div({\r\n  ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n    backgroundImage:\r\n      'url(' +\r\n      require('../Shared/Image/PatternLeft.png') +\r\n      '), url(' +\r\n      require('../Shared/Image/PatternRight.png') +\r\n      ') ',\r\n    backgroundPosition: 'top left, top right',\r\n    backgroundRepeat: 'repeat-y',\r\n    position: 'absolute',\r\n    top: 0,\r\n    bottom: 0,\r\n    width: '100%',\r\n    zIndex: -1,\r\n  }),\r\n});\r\n\r\nconst MenuBkg = styled.div({\r\n  position: 'fixed',\r\n  ...media(style.mediaMinQueries[Breakpoint.Small], {\r\n    position: 'absolute',\r\n  }),\r\n  background: style.primaryDark,\r\n  zIndex: -1,\r\n  top: 0,\r\n  width: '100%',\r\n  height: '65px',\r\n  ...media(style.mediaMinQueries[Breakpoint.Medium], {\r\n    height: '80px',\r\n  }),\r\n});\r\n\r\nexport default connectWithFeedback()(\r\n  class ResetPassword extends React.Component<ConnectedProps, StateType> {\r\n    newPasswordElement: any;\r\n\r\n    constructor(props: ConnectedProps) {\r\n      super(props);\r\n      this.state = {\r\n        showPassword: false,\r\n        newPassword: '',\r\n        changeFailedMessage: '',\r\n        resetPasswordSuccessful: false,\r\n      };\r\n    }\r\n\r\n    onSubmit = (e: React.FormEvent<HTMLFormElement>) => {\r\n      e.preventDefault();\r\n      const newPassword = this.state.newPassword.trim();\r\n      if (!newPassword) {\r\n        return;\r\n      }\r\n\r\n      this.setState({ changeFailedMessage: '' });\r\n      const token = currentUrl().searchParams.get('token');\r\n      const email = currentUrl().searchParams.get('email');\r\n      const url = new URLX(pathCombine(location.pathname, 'UpdatePassword'));\r\n      url.searchParams.set('newPassword', newPassword);\r\n      url.searchParams.set('token', token);\r\n      url.searchParams.set('email', email);\r\n\r\n      this.props.feedback.push(\r\n        postJson(url)\r\n          .then((result: ResetPasswordResultViewModel) => {\r\n            if (result.success) {\r\n              this.setState({ resetPasswordSuccessful: true });\r\n              return Promise.resolve();\r\n            } else {\r\n              return Promise.reject(result.message);\r\n            }\r\n          })\r\n          .catch(e => {\r\n            this.setState({ changeFailedMessage: e });\r\n            return Promise.reject(null);\r\n          }),\r\n      );\r\n    };\r\n\r\n    onPasswordFieldInput = (e: React.FormEvent<HTMLInputElement>) => {\r\n      this.setState({\r\n        newPassword: (e.target as HTMLInputElement).value,\r\n        changeFailedMessage: '',\r\n      });\r\n    };\r\n\r\n    onShowPassword = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      this.setState({ showPassword: e.currentTarget.checked });\r\n    };\r\n\r\n    render() {\r\n      const isValid = window.IS_IN_EDIT_MODE || this.props.isTokenValid;\r\n      const FeedbackButton = this.props.feedback.Button;\r\n\r\n      return (\r\n        <>\r\n          <BkgPattern />\r\n          <MenuBkg />\r\n          <MainWrapper appearance={Appearance.Narrow}>\r\n            <HeadingWrapper>\r\n              <EpiProperty for={this.props.content.newPasswordTitle} component={Title} />\r\n            </HeadingWrapper>\r\n            <PageDescription>\r\n              {isValid &&\r\n                !this.state.resetPasswordSuccessful && (\r\n                  <EpiProperty for={this.props.content.mainContent} component=\"div\" />\r\n                )}\r\n            </PageDescription>\r\n            <Part>\r\n              {!isValid && (\r\n                <TokenError>\r\n                  <EpiProperty for={this.props.content.invalidTokenMessage} />\r\n                </TokenError>\r\n              )}\r\n              {isValid &&\r\n                !this.state.resetPasswordSuccessful && (\r\n                  <form onSubmit={this.onSubmit}>\r\n                    <PasswordField\r\n                      required\r\n                      type={this.state.showPassword ? 'text' : 'password'}\r\n                      value={this.state.newPassword}\r\n                      minLength={5}\r\n                      placeholder={epiPropertyValue(this.props.content.newPasswordLabel)}\r\n                      onChange={this.onPasswordFieldInput}\r\n                      css={\r\n                        this.state.changeFailedMessage && {\r\n                          border: {\r\n                            xy: {\r\n                              color: '#FF0000',\r\n                              style: 'solid',\r\n                              outlineWidth: 0,\r\n                            },\r\n                          },\r\n                        }\r\n                      }\r\n                    />\r\n                    {!!this.state.changeFailedMessage && <ErrorMessage>{this.state.changeFailedMessage}</ErrorMessage>}\r\n                    <FormBottom>\r\n                      <Checkbox checked={this.state.showPassword} onChange={this.onShowPassword}>\r\n                        <ShowPasswordWrapper>\r\n                          <EpiProperty for={this.props.content.showPasswordLabel} />\r\n                        </ShowPasswordWrapper>\r\n                      </Checkbox>\r\n                    </FormBottom>\r\n                    <ButtonWrapper>\r\n                      <FeedbackButton type=\"submit\" appearance={ButtonAppearance.Primary}>\r\n                        <EpiProperty for={this.props.content.submitButtonCaption} />\r\n                      </FeedbackButton>\r\n                    </ButtonWrapper>\r\n                  </form>\r\n                )}\r\n              {this.state.resetPasswordSuccessful && (\r\n                <SuccessMessage1>\r\n                  <EpiProperty for={this.props.content.passwordResetConfirmation} />\r\n                </SuccessMessage1>\r\n              )}\r\n            </Part>\r\n          </MainWrapper>\r\n        </>\r\n      );\r\n    }\r\n  },\r\n);\r\n"],"sourceRoot":""}