{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/SlideIn/index.tsx","webpack:///./Avensia.Common/Features/Shared/Panel/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/email-pattern.ts","webpack:///./Avensia.Common/Features/Shared/Icon/Eye.tsx","webpack:///./Avensia.Common/Features/Shared/PasswordVisibility/index.tsx","webpack:///./Avensia.Common/Features/Shared/Icon/Check-Success.tsx","webpack:///./Avensia.Common/Features/Shared/SuccessMessage.tsx","webpack:///./Avensia.Common/Features/Shared/password-pattern.ts","webpack:///./Avensia.Common/Features/Account/Register/Register.tsx","webpack:///./Avensia.Common/Features/Account/Register/RegisterBlock.tsx"],"names":["DEFAULT_SCALE","DEFAULT_ROTATE","DEFAULT_OPACITY","SlideIn","isOpen","children","scaleX","onCloseEnd","transform","opacity","CloseType","CompactBase","className","style","onTransitionEnd","display","flexDirection","position","top","left","height","width","backgroundColor","zIndex","Panel","property","duration","ExtensiveBase","props","css","right","bottom","marginLeft","marginRight","marginTop","marginBottom","maxWidth","maxHeight","Header","header","theme","primaryColor","alignItems","flexShrink","color","paddingLeft","Heading","div","flexGrow","fontSize","fontWeight","textTransform","Body","overflowY","ActionButton","Button","paddingRight","BackIcon","Back","verticalAlign","state","contentDisplay","toggleContentDisplay","setState","closeCompletely","keyDown","e","keyCode","onClose","UNSAFE_componentWillMount","this","componentDidMount","window","addEventListener","componentWillUnmount","scrollFreeze","removeEventListener","freeze","unfreezeScroll","componentDidUpdate","prevProps","currentBreakpoint","Medium","requestAnimationFrame","render","appendToDOM","panelProps","panelHeader","title","onClick","variant","None","appearance","Bare","closeType","Close","panelBody","minHeight","Viewport","isCompact","compose","Overlay","enabled","Component","connect","React","HidePassword","createElement","defaultProps","module","exports","default","ShowPassword","emailPattern","hide","show","onEyeIconClick","showPassword","showEyeIcon","ShowEyeIcon","hideEyeIcon","HideEyeIcon","InputContainer","InputLabel","inputLabel","InputWithEyeWrapper","InputWrapper","InputField","name","onChange","required","type","value","inputValue","minLength","placeholder","inputPlaceholder","invalid","error","IconContainer","border","xy","Error","borderRadius","label","eyeIconStyle","span","justifyContent","cursor","minWidth","Base","xmlns","d","fill","strokeWidth","stroke","Content","message","passwordPattern","RegExp","InitialErrors","username","email","password","repeatPassword","serverError","agreeTerms","REGISTER_AJAXURL","onSubmit","clearErrors","trim","firstname","firstName","lastname","lastName","query","receiveNewsletter","validateInput","success","errors","isSuccess","Promise","reject","setInputValues","target","toggleNewsletter","isNewsletterOpen","toggleTerms","isTermsOpen","data","isValid","validEmailPattern","validPasswordPattern","test","onCheckBox","checked","onSuccessMessage","setTimeout","successRedirectPage","includeAppShellData","SuccessMessage","successMessage","MainContainer","AccountForm","heading","sectionHeader","buttonCaption","registerButtonCaption","buttonAction","usernameLabel","usernamePlaceholder","emailLabel","emailPlaceholder","PasswordVisibility","passwordLabel","passwordPlaceholder","repeatPasswordLabel","repeatPasswordPlaceholder","firstnameLabel","firstnamePlaceholder","lastnameLabel","lastnamePlaceholder","CheckboxContainer","CustomCheckbox","newsletterLabel","ViewContent","newsletterLinkLabel","Container","Html","html","newsletterText","TermsContainer","termsLabel","termsLinkLabel","termsText","ServerError","AccountPanel","registrationTitle","loginButtonCaption","redirectLink","loginRedirectPage","flexWrap","textDecoration","margin","x","y","overflow","textAlign","url"],"mappings":"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","file":"assets/26.chunk.c428f3efd1c2b2b5a847.js","sourcesContent":["import React from 'react';\r\nimport { isIOS } from '@avensia/scope/device-type';\r\n\r\nconst DEFAULT_SCALE = 0.8;\r\nconst DEFAULT_ROTATE = 20;\r\nconst DEFAULT_OPACITY = 0;\r\n\r\ntype PropType = {\r\n  isOpen: boolean;\r\n  children?: (style: React.CSSProperties, onCloseEnd: () => void) => React.ReactElement<any>;\r\n  scaleX?: boolean;\r\n  onCloseEnd?: () => void;\r\n};\r\n\r\nexport default function SlideIn({ isOpen, scaleX = true, children, onCloseEnd }: PropType) {\r\n  return children(\r\n    {\r\n      transform: isIOS()\r\n        ? `scale(${isOpen ? 1 : DEFAULT_SCALE})`\r\n        : `perspective(40cm) scale(${isOpen ? 1 : DEFAULT_SCALE}) rotateX(${isOpen ? 0 : DEFAULT_ROTATE}deg)`,\r\n      opacity: isOpen ? 1 : DEFAULT_OPACITY,\r\n    },\r\n    onCloseEnd,\r\n  );\r\n}\r\n","import React from 'react';\r\nimport { styled, StyledProps, StyledElementProps, applyClassName } from '@glitz/react';\r\nimport { ESC_KEY, Breakpoint } from '@avensia/scope';\r\nimport Button, { Appearance as ButtonAppearance, Variant as ButtonVariant } from 'Shared/Button';\r\nimport SlideIn from 'Shared/SlideIn';\r\nimport Close from 'Shared/Icon/Close';\r\nimport Back from 'Shared/Icon/Back';\r\nimport Overlay, { closeOpenOverlay } from 'Shared/Overlay';\r\nimport Viewport from 'Shared/Viewport';\r\nimport { ZIndex, large, depth, white, zeta, pixelsToUnit, transition } from 'Shared/Style';\r\nimport connect from 'Shared/connect';\r\nimport freezeScroll from 'Shared/freeze-scroll';\r\n\r\nexport enum CloseType {\r\n  Close,\r\n  Back,\r\n}\r\n\r\ntype ConnectStateType = {\r\n  currentBreakpoint: number;\r\n};\r\n\r\ntype BasePropType = StyledProps & {\r\n  isOpen: boolean;\r\n  maxWidth: string;\r\n  maxHeight: string;\r\n  onCloseEnd?: () => void;\r\n};\r\n\r\nexport type StrictPropType = StyledProps & {\r\n  isOpen?: boolean;\r\n  maxWidth?: string;\r\n  maxHeight?: string;\r\n};\r\n\r\nexport type PropType = StyledProps &\r\n  StrictPropType &\r\n  ConnectStateType & {\r\n    title?: string;\r\n    action?: React.StatelessComponent<any> | React.ComponentClass<any>;\r\n    onClose: () => void;\r\n    onCloseEnd?: () => void;\r\n    closeType?: CloseType;\r\n  };\r\n\r\nconst Transition: React.StatelessComponent<BasePropType & StyledElementProps> = ({\r\n  className,\r\n  isOpen,\r\n  children,\r\n  onCloseEnd,\r\n}) => (\r\n    <SlideIn isOpen={isOpen}>\r\n      {(style: React.CSSProperties) => (\r\n        <div className={className} style={style} onTransitionEnd={onCloseEnd}>\r\n          {children}\r\n        </div>\r\n      )}\r\n    </SlideIn>\r\n  );\r\n\r\nconst HEADER_HEIGHT = 50;\r\nconst CompactBase = styled(applyClassName(Transition), {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  position: 'fixed',\r\n  top: 0,\r\n  left: 0,\r\n  height: '100%',\r\n  width: '100%',\r\n  backgroundColor: 'white',\r\n  zIndex: ZIndex.Panel,\r\n  ...transition({\r\n    property: ['opacity', 'transform'],\r\n    duration: '300ms',\r\n  }),\r\n});\r\n\r\nconst ExtensiveBase = styled((props: BasePropType) => (\r\n  <CompactBase\r\n    css={{\r\n      right: '0',\r\n      bottom: '0',\r\n      marginLeft: 'auto',\r\n      marginRight: 'auto',\r\n      marginTop: 'auto',\r\n      marginBottom: 'auto',\r\n      maxWidth: props.maxWidth || '45rem',\r\n      height: props.maxHeight ? '100%' : '60rem',\r\n      maxHeight: props.maxHeight || `calc(80% - ${large})`,\r\n      ...depth(),\r\n    }}\r\n    {...props}\r\n  />\r\n));\r\n\r\nconst Header = styled.header({\r\n  backgroundColor: theme => theme.primaryColor,\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  flexShrink: 0,\r\n  color: white,\r\n  paddingLeft: '20px',\r\n  height: pixelsToUnit(HEADER_HEIGHT),\r\n});\r\n\r\nconst Heading = styled.div({\r\n  flexGrow: 1,\r\n  fontSize: zeta,\r\n  fontWeight: 'bold',\r\n  textTransform: 'uppercase',\r\n});\r\n\r\n// Using flexbox here helps us growing children to\r\n// full height in some cases\r\nconst Body = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  flexGrow: 1,\r\n  height: '100%',\r\n  position: 'relative',\r\n  overflowY: 'auto',\r\n});\r\n\r\nconst ActionButton = styled(Button, {\r\n  paddingRight: '20px',\r\n});\r\n\r\nconst BackIcon = styled(Back, {\r\n  width: pixelsToUnit(10.2),\r\n  height: pixelsToUnit(17.6),\r\n  verticalAlign: 'middle',\r\n});\r\n\r\nexport const StrictPanel = (props: StrictPropType) => {\r\n  // @ts-ignore: type 'typeof globalThis' has no index signature\r\n  const isOpen = !!this.props.isOpen;\r\n  const panelProps = {\r\n    isOpen,\r\n    maxWidth: props.maxWidth,\r\n    maxHeight: props.maxHeight,\r\n  };\r\n  return (\r\n    <Viewport>\r\n      {(isCompact: boolean) =>\r\n        isCompact ? (\r\n          // @ts-ignore: type 'typeof globalThis' has no index signature\r\n          <CompactBase {...panelProps}>{this.props.children}</CompactBase>\r\n        ) : (\r\n            <ExtensiveBase css={props.compose()} {...panelProps}>\r\n              // @ts-ignore: type 'typeof globalThis' has no index signature\r\n              {this.props.children}\r\n            </ExtensiveBase>\r\n          )\r\n      }\r\n    </Viewport>\r\n  );\r\n};\r\n\r\ntype StateType = {\r\n  contentDisplay: boolean;\r\n};\r\nclass Panel extends React.Component<PropType, StateType> {\r\n  unfreezeScroll: () => void;\r\n  state: StateType = {\r\n    contentDisplay: false,\r\n  };\r\n  UNSAFE_componentWillMount() {\r\n    if (this.props.isOpen) {\r\n      closeOpenOverlay();\r\n    }\r\n  }\r\n  componentDidMount() {\r\n    window.addEventListener('keydown', this.keyDown);\r\n  }\r\n  componentWillUnmount() {\r\n    this.scrollFreeze(false);\r\n    window.removeEventListener('keydown', this.keyDown);\r\n  }\r\n  scrollFreeze(freeze: boolean) {\r\n    if (this.unfreezeScroll) {\r\n      this.unfreezeScroll();\r\n    }\r\n    this.unfreezeScroll = freeze ? freezeScroll() : null;\r\n  }\r\n  toggleContentDisplay = () => {\r\n    this.setState({\r\n      contentDisplay: this.props.isOpen,\r\n    });\r\n  };\r\n  closeCompletely = () => {\r\n    if (!this.props.isOpen) {\r\n      this.toggleContentDisplay();\r\n    }\r\n    if (this.props.onCloseEnd) {\r\n      this.props.onCloseEnd();\r\n    }\r\n  };\r\n  componentDidUpdate(prevProps: PropType) {\r\n    if (prevProps.isOpen !== this.props.isOpen) {\r\n      if (this.props.currentBreakpoint < Breakpoint.Medium) {\r\n        this.scrollFreeze(this.props.isOpen);\r\n      }\r\n      if (this.props.isOpen) {\r\n        requestAnimationFrame(() => {\r\n          requestAnimationFrame(() => {\r\n            this.toggleContentDisplay();\r\n          });\r\n        });\r\n      }\r\n    }\r\n  }\r\n  keyDown = (e: KeyboardEvent) => {\r\n    if (e.keyCode === ESC_KEY && this.props.isOpen) {\r\n      this.props.onClose();\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const { contentDisplay } = this.state;\r\n    const { maxWidth, maxHeight, isOpen } = this.props;\r\n    const appendToDOM = isOpen ? isOpen : contentDisplay;\r\n    const displayPanel = isOpen ? contentDisplay : isOpen;\r\n    const panelProps = {\r\n      isOpen: displayPanel,\r\n      maxWidth,\r\n      maxHeight,\r\n      onCloseEnd: this.closeCompletely,\r\n    };\r\n    const panelHeader = this.props.title && (\r\n      <Header>\r\n        <Heading>{this.props.title}</Heading>\r\n        <ActionButton onClick={this.props.onClose} variant={ButtonVariant.None} appearance={ButtonAppearance.Bare}>\r\n          {this.props.closeType && this.props.closeType === CloseType.Back ? <BackIcon /> : <Close />}\r\n        </ActionButton>\r\n      </Header>\r\n    );\r\n    const panelBody = (\r\n      <Body css={{ minHeight: this.props.title ? `calc(100% - ${HEADER_HEIGHT}px)` : '100%' }}>\r\n        {this.props.children}\r\n      </Body>\r\n    );\r\n    return (\r\n      <Viewport>\r\n        {(isCompact: boolean) =>\r\n          appendToDOM &&\r\n          (isCompact ? (\r\n            <CompactBase css={this.props.compose()} {...panelProps}>\r\n              {panelHeader}\r\n              {panelBody}\r\n            </CompactBase>\r\n          ) : (\r\n              <Overlay enabled={this.props.isOpen} onClose={this.props.onClose}>\r\n                <ExtensiveBase css={this.props.compose()} {...panelProps}>\r\n                  {panelHeader}\r\n                  {panelBody}\r\n                </ExtensiveBase>\r\n              </Overlay>\r\n            ))\r\n        }\r\n      </Viewport>\r\n    );\r\n  }\r\n}\r\n\r\nexport default styled(\r\n  connect(\r\n    (state): ConnectStateType => ({\r\n      currentBreakpoint: state.currentBreakpoint,\r\n    }),\r\n  )(Panel),\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","export const emailPattern = /[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-‌​9-]+)*/;\r\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<HTMLInputElement>;\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<PropType, StateType> {\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 = <ShowEyeIcon />;\r\n    const hideEyeIcon = <HideEyeIcon />;\r\n    return (\r\n      <InputContainer>\r\n        <InputLabel>{this.props.inputLabel}</InputLabel>\r\n        <InputWithEyeWrapper>\r\n          <InputWrapper>\r\n            <InputField\r\n              name={!!this.props.name ? this.props.name : 'password'}\r\n              onChange={this.props.onChange}\r\n              required\r\n              type={this.state.showPassword ? 'text' : 'password'}\r\n              value={this.props.inputValue}\r\n              minLength={!!this.props.minLength ? this.props.minLength : 5}\r\n              placeholder={this.props.inputPlaceholder}\r\n              invalid={!!this.props.error}\r\n            />\r\n          </InputWrapper>\r\n          <IconContainer\r\n            css={!!this.props.error && { border: { xy: { color: vividtangerine } } }}\r\n            onClick={this.onEyeIconClick}\r\n          >\r\n            {this.state.showPassword ? showEyeIcon : hideEyeIcon}\r\n          </IconContainer>\r\n        </InputWithEyeWrapper>\r\n        {!!this.props.error && <Error>{this.props.error}</Error>}\r\n      </InputContainer>\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","import React from 'react';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport { styled } from '@glitz/react';\r\n\r\nconst Base = styled.div({\r\n  paddingLeft: pixelsToUnit(5),\r\n});\r\n\r\nexport default () => (\r\n  <Base>\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\">\r\n      <path d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n      <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" fill=\"#13a970\" strokeWidth=\"1\" stroke=\"#13a970\" />\r\n    </svg>\r\n  </Base>\r\n);\r\n","import React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport Check from 'Shared/Icon/Check-Success';\r\n\r\ntype PropType = {\r\n  message: string;\r\n};\r\n\r\nexport default (props: PropType) => {\r\n  return (\r\n    <Content>\r\n      {props.message}\r\n      <Check />\r\n    </Content>\r\n  );\r\n};\r\n\r\nconst Content = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n});\r\n","export const passwordPattern = new RegExp('^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{10,})');\r\n","import React from 'react';\r\nimport { postJson, pushState, translate } from '@avensia/scope';\r\nimport { styled } from '@glitz/react';\r\nimport { connectWithFeedback, ConnectPropType } from 'Shared/Button/Feedback';\r\nimport RegisterViewModelType from './RegisterViewModel.type';\r\nimport Input from 'Shared/Fields/Text';\r\nimport { Checkbox } from 'Shared/Fields/Toggle';\r\nimport { ErrorMessage } from 'Shared/FeedbackMessage';\r\nimport { pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\nimport AccountForm from './../Form/AccountForm';\r\nimport AccountPanel from './../Panel/AccountPanel';\r\nimport Html from 'Shared/Partials/PropertyTypes/Html';\r\nimport PasswordVisibility from 'Shared/PasswordVisibility';\r\nimport SuccessMessage from 'Shared/SuccessMessage';\r\nimport MainContainer from 'Shared/MainContainer';\r\nimport Panel from 'Shared/Panel';\r\nimport CloseIcon from 'Shared/Icon/Close';\r\nimport { emailPattern } from 'Shared/email-pattern';\r\nimport { passwordPattern } from 'Shared/password-pattern';\r\n\r\ntype RequiredPropType = {\r\n  sectionHeader: string;\r\n  usernameLabel: string;\r\n  usernamePlaceholder: string;\r\n  emailLabel: string;\r\n  emailPlaceholder: string;\r\n  passwordLabel: string;\r\n  passwordPlaceholder: string;\r\n  repeatPasswordLabel: string;\r\n  repeatPasswordPlaceholder: string;\r\n  firstnameLabel: string;\r\n  firstnamePlaceholder: string;\r\n  lastnameLabel: string;\r\n  lastnamePlaceholder: string;\r\n  successMessage: string;\r\n  successRedirectPage: string;\r\n  registrationTitle: string;\r\n  registerButtonCaption: string;\r\n  newsletterLabel: string;\r\n  newsletterLinkLabel: string;\r\n  newsletterText: Scope.XhtmlString;\r\n  termsLabel: string;\r\n  termsLinkLabel: string;\r\n  termsText: Scope.XhtmlString;\r\n  loginRedirectPage: string;\r\n  loginButtonCaption: string;\r\n};\r\n\r\ntype ConnectedPropType = RequiredPropType & ConnectPropType;\r\n\r\ntype StateType = {\r\n  username: string;\r\n  email: string;\r\n  password: string;\r\n  repeatPassword: string;\r\n  firstName?: string;\r\n  lastName?: string;\r\n  showPassword: boolean;\r\n  errors: { [item: string]: string[] };\r\n  receiveNewsletter: boolean;\r\n  agreeTerms: boolean;\r\n  isSuccess: boolean;\r\n  isNewsletterOpen: boolean;\r\n  isTermsOpen: boolean;\r\n  message?: string;\r\n};\r\n\r\nconst InitialErrors: any = {\r\n  username: null,\r\n  email: null,\r\n  password: null,\r\n  repeatPassword: null,\r\n  serverError: null,\r\n  agreeTerms: null,\r\n};\r\nconst MODAL_HEIGHT = '748px';\r\nconst MODAL_WIDTH = '657px';\r\nconst REGISTER_AJAXURL = '/DoRegister';\r\nconst TIME_SUCCESS_MESSAGE_DISPLAY = 2000; // milliseconds\r\n\r\nexport default connectWithFeedback()(\r\n  class Register extends React.Component<ConnectedPropType, Partial<StateType>> {\r\n    constructor(props: ConnectedPropType) {\r\n      super(props);\r\n\r\n      this.state = {\r\n        username: '',\r\n        email: '',\r\n        password: '',\r\n        repeatPassword: '',\r\n        firstName: '',\r\n        lastName: '',\r\n        receiveNewsletter: false,\r\n        agreeTerms: false,\r\n        errors: InitialErrors,\r\n        message: '',\r\n        isSuccess: false,\r\n        isNewsletterOpen: false,\r\n        isTermsOpen: false,\r\n      };\r\n    }\r\n\r\n    validateInput(data: RegisterViewModelType) {\r\n      let isValid = true;\r\n      const { username, email, password, repeatPassword, agreeTerms } = data;\r\n      const errors = { ...InitialErrors };\r\n      const validEmailPattern = emailPattern;\r\n      const validPasswordPattern = passwordPattern;\r\n\r\n      if (username === '') {\r\n        errors.username = [translate('/Errors/InvalidUsername')];\r\n      }\r\n\r\n      if (email === '' || !validEmailPattern.test(email)) {\r\n        errors.email = [translate('/Errors/InvalidEmail')];\r\n      }\r\n\r\n      if (!validPasswordPattern.test(password)) {\r\n        errors.password = [translate('/Errors/InvalidPassword')];\r\n      }\r\n\r\n      if (password !== repeatPassword) {\r\n        errors.repeatPassword = [translate('/Errors/PasswordsDoNotMatch')];\r\n      }\r\n\r\n      if (!agreeTerms) {\r\n        errors.agreeTerms = [translate('/Account/Registration/Form/MustAggreedTerms')];\r\n      }\r\n\r\n      this.setState({ errors: { ...errors } });\r\n\r\n      for (const e in errors) {\r\n        if (errors[e] !== null) {\r\n          isValid = false;\r\n        }\r\n      }\r\n\r\n      return isValid;\r\n    }\r\n\r\n    onSubmit = async () => {\r\n      this.clearErrors();\r\n      const username = this.state.username.trim();\r\n      const email = this.state.email.trim();\r\n      const password = this.state.password.trim();\r\n      const repeatPassword = this.state.repeatPassword.trim();\r\n      const firstname = this.state.firstName ? this.state.firstName.trim() : null;\r\n      const lastname = this.state.lastName ? this.state.lastName.trim() : null;\r\n      const query: RegisterViewModelType = {\r\n        username,\r\n        email,\r\n        password,\r\n        repeatPassword,\r\n        firstname,\r\n        lastname,\r\n        receiveNewsletter: this.state.receiveNewsletter,\r\n        agreeTerms: this.state.agreeTerms,\r\n      };\r\n      const isValid = this.validateInput(query);\r\n\r\n      if (isValid) {\r\n        const { success, message, errors } = await postJson(REGISTER_AJAXURL, query);\r\n\r\n        try {\r\n          if (success) {\r\n            this.setState({\r\n              isSuccess: true,\r\n              message,\r\n            });\r\n          } else {\r\n            this.setState({\r\n              isSuccess: false,\r\n              message,\r\n              errors: { ...InitialErrors, ...errors },\r\n            });\r\n            return Promise.reject(null);\r\n          }\r\n        } catch (error) {\r\n          this.setState({ message: error });\r\n          return Promise.reject(null);\r\n        }\r\n      } else {\r\n        return Promise.reject(null);\r\n      }\r\n    };\r\n\r\n    setInputValues = (e: any) => {\r\n      return this.setState({ [e.target.name]: e.target.value });\r\n    };\r\n\r\n    onCheckBox(name: string, checked: boolean) {\r\n      return this.setState({ [name]: checked });\r\n    }\r\n\r\n    clearErrors() {\r\n      return this.setState({\r\n        errors: { ...InitialErrors },\r\n      });\r\n    }\r\n\r\n    onSuccessMessage() {\r\n      setTimeout(() => {\r\n        pushState(this.props.successRedirectPage || '/', { includeAppShellData: true });\r\n      }, TIME_SUCCESS_MESSAGE_DISPLAY);\r\n      return <SuccessMessage message={this.state.message || this.props.successMessage} />;\r\n    }\r\n\r\n    toggleNewsletter = () => {\r\n      this.setState({ isNewsletterOpen: !this.state.isNewsletterOpen });\r\n    };\r\n\r\n    toggleTerms = () => {\r\n      this.setState({ isTermsOpen: !this.state.isTermsOpen });\r\n    };\r\n\r\n    render() {\r\n      return (\r\n        <MainContainer>\r\n          <AccountForm\r\n            heading={this.props.sectionHeader}\r\n            buttonCaption={this.props.registerButtonCaption}\r\n            buttonAction={this.onSubmit}\r\n            successMessage={this.state.isSuccess && this.onSuccessMessage()}\r\n          >\r\n            <InputContainer>\r\n              <InputLabel>{this.props.usernameLabel}</InputLabel>\r\n              <InputField\r\n                required\r\n                type=\"text\"\r\n                name=\"username\"\r\n                value={this.state.username}\r\n                placeholder={this.props.usernamePlaceholder}\r\n                onChange={this.setInputValues}\r\n                invalid={!!this.state.errors.username}\r\n              />\r\n              <Error>{this.state.errors.username}</Error>\r\n            </InputContainer>\r\n\r\n            <InputContainer>\r\n              <InputLabel>{this.props.emailLabel}</InputLabel>\r\n              <InputField\r\n                required\r\n                type=\"email\"\r\n                name=\"email\"\r\n                value={this.state.email}\r\n                placeholder={this.props.emailPlaceholder}\r\n                onChange={this.setInputValues}\r\n                invalid={!!this.state.errors.email}\r\n              />\r\n              <Error>{this.state.errors.email}</Error>\r\n            </InputContainer>\r\n\r\n            <PasswordVisibility\r\n              inputLabel={this.props.passwordLabel}\r\n              inputPlaceholder={this.props.passwordPlaceholder}\r\n              inputValue={this.state.password}\r\n              onChange={this.setInputValues}\r\n              error={this.state.errors.password}\r\n            />\r\n\r\n            <PasswordVisibility\r\n              name=\"repeatPassword\"\r\n              inputLabel={this.props.repeatPasswordLabel}\r\n              inputPlaceholder={this.props.repeatPasswordPlaceholder}\r\n              inputValue={this.state.repeatPassword}\r\n              onChange={this.setInputValues}\r\n              error={this.state.errors.repeatPassword}\r\n            />\r\n\r\n            <InputContainer>\r\n              <InputLabel>{this.props.firstnameLabel}</InputLabel>\r\n              <InputField\r\n                type=\"text\"\r\n                name=\"firstName\"\r\n                value={this.state.firstName}\r\n                placeholder={this.props.firstnamePlaceholder}\r\n                onChange={this.setInputValues}\r\n              />\r\n            </InputContainer>\r\n\r\n            <InputContainer>\r\n              <InputLabel>{this.props.lastnameLabel}</InputLabel>\r\n              <InputField\r\n                type=\"text\"\r\n                name=\"lastName\"\r\n                value={this.state.lastName}\r\n                placeholder={this.props.lastnamePlaceholder}\r\n                onChange={this.setInputValues}\r\n              />\r\n            </InputContainer>\r\n\r\n            <CheckboxContainer>\r\n              <CustomCheckbox\r\n                checked={this.state.receiveNewsletter}\r\n                // tslint:disable-next-line:jsx-no-lambda\r\n                onChange={(e: React.FormEvent<HTMLElement>) =>\r\n                  this.onCheckBox('receiveNewsletter', (e.target as HTMLInputElement).checked)\r\n                }\r\n              />\r\n              <div>\r\n                {this.props.newsletterLabel}&nbsp;\r\n                <ViewContent onClick={this.toggleNewsletter}>{this.props.newsletterLinkLabel}</ViewContent>\r\n              </div>\r\n              <Panel\r\n                isOpen={this.state.isNewsletterOpen}\r\n                onClose={this.toggleNewsletter}\r\n                maxHeight={MODAL_HEIGHT}\r\n                maxWidth={MODAL_WIDTH}\r\n              >\r\n                <Close onClick={this.toggleNewsletter}>\r\n                  <CloseIcon\r\n                    css={{\r\n                      width: pixelsToUnit(40),\r\n                      height: pixelsToUnit(40),\r\n                    }}\r\n                  />\r\n                </Close>\r\n                <Body>\r\n                  <Container>\r\n                    <Html html={this.props.newsletterText.html} />\r\n                  </Container>\r\n                </Body>\r\n              </Panel>\r\n            </CheckboxContainer>\r\n\r\n            <CheckboxContainer>\r\n              <TermsContainer>\r\n                <CustomCheckbox\r\n                  checked={this.state.agreeTerms}\r\n                  // tslint:disable-next-line:jsx-no-lambda\r\n                  onChange={(e: React.FormEvent<HTMLElement>) =>\r\n                    this.onCheckBox('agreeTerms', (e.target as HTMLInputElement).checked)\r\n                  }\r\n                />\r\n                <div>\r\n                  {this.props.termsLabel}&nbsp;\r\n                  <ViewContent onClick={this.toggleTerms}>{this.props.termsLinkLabel}</ViewContent>\r\n                </div>\r\n                <Panel\r\n                  isOpen={this.state.isTermsOpen}\r\n                  onClose={this.toggleTerms}\r\n                  maxHeight={MODAL_HEIGHT}\r\n                  maxWidth={MODAL_WIDTH}\r\n                >\r\n                  <Close onClick={this.toggleTerms}>\r\n                    <CloseIcon\r\n                      css={{\r\n                        width: pixelsToUnit(40),\r\n                        height: pixelsToUnit(40),\r\n                      }}\r\n                    />\r\n                  </Close>\r\n                  <Body>\r\n                    <Container>\r\n                      <Html html={this.props.termsText.html} />\r\n                    </Container>\r\n                  </Body>\r\n                </Panel>\r\n              </TermsContainer>\r\n            </CheckboxContainer>\r\n            <Error>{this.state.errors.agreeTerms}</Error>\r\n            <ServerError>{this.state.errors.serverError}</ServerError>\r\n            {!this.state.isSuccess && this.state.message && <ServerError>{this.state.message}</ServerError>}\r\n          </AccountForm>\r\n          <AccountPanel\r\n            heading={this.props.registrationTitle}\r\n            buttonCaption={this.props.loginButtonCaption}\r\n            redirectLink={this.props.loginRedirectPage}\r\n          />\r\n        </MainContainer>\r\n      );\r\n    }\r\n  },\r\n);\r\n\r\nconst InputContainer = styled.div({\r\n  minHeight: pixelsToUnit(112),\r\n});\r\n\r\nconst InputLabel = styled.label({\r\n  marginLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst InputField = styled(Input, {\r\n  paddingLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst CheckboxContainer = styled.div({\r\n  alignItems: 'center',\r\n  display: 'flex',\r\n  flexWrap: 'nowrap',\r\n  marginBottom: pixelsToUnit(30),\r\n});\r\n\r\nconst TermsContainer = styled.div({\r\n  width: '100%',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  fontSize: pixelsToUnit(15),\r\n});\r\nconst ViewContent = styled.span({\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n  fontSize: pixelsToUnit(15),\r\n});\r\n\r\nconst CustomCheckbox = styled(Checkbox, {\r\n  marginRight: pixelsToUnit(12),\r\n});\r\n\r\nconst Error = styled(ErrorMessage, {\r\n  marginTop: 0,\r\n  paddingLeft: pixelsToUnit(16),\r\n});\r\n\r\nconst ServerError = styled(ErrorMessage, {\r\n  margin: { x: 0, y: pixelsToUnit(20) },\r\n});\r\n\r\nconst Body = styled.div({\r\n  height: 'calc(100% - 160px)',\r\n  overflow: 'auto',\r\n  width: 'calc(100% - 80px)',\r\n  margin: {\r\n    y: 0,\r\n    x: 'auto',\r\n  },\r\n  [minMediumMediaQuery]: {\r\n    width: 'calc(100% - 100px)',\r\n  },\r\n});\r\n\r\nconst Container = styled.div({\r\n  width: 'calc(100% - 40px)',\r\n  [minMediumMediaQuery]: {\r\n    width: 'calc(100% - 160px)',\r\n    margin: {\r\n      y: 0,\r\n      x: 'auto',\r\n    },\r\n  },\r\n});\r\n\r\nconst Close = styled.div({\r\n  cursor: 'pointer',\r\n  textAlign: 'right',\r\n  margin: {\r\n    top: pixelsToUnit(40),\r\n    bottom: pixelsToUnit(20),\r\n    right: pixelsToUnit(40),\r\n  },\r\n});\r\n","/**\r\n * @ComponentFor RegisterBlock\r\n */\r\nimport React from 'react';\r\nimport { epiPropertyValue } from '@avensia/scope-episerver';\r\nimport Register from './Register';\r\nimport RegisterPropType from './RegisterBlock.type';\r\n\r\ntype PropType = RegisterPropType;\r\n\r\nconst RegisterBlock = (props: PropType) => (\r\n  <Register\r\n    sectionHeader={epiPropertyValue(props.sectionHeader)}\r\n    usernameLabel={epiPropertyValue(props.usernameLabel)}\r\n    usernamePlaceholder={epiPropertyValue(props.usernamePlaceholder)}\r\n    emailLabel={epiPropertyValue(props.emailLabel)}\r\n    emailPlaceholder={epiPropertyValue(props.emailPlaceholder)}\r\n    passwordLabel={epiPropertyValue(props.passwordLabel)}\r\n    passwordPlaceholder={epiPropertyValue(props.passwordPlaceholder)}\r\n    repeatPasswordLabel={epiPropertyValue(props.repeatPasswordLabel)}\r\n    repeatPasswordPlaceholder={epiPropertyValue(props.repeatPasswordPlaceholder)}\r\n    firstnameLabel={epiPropertyValue(props.firstnameLabel)}\r\n    firstnamePlaceholder={epiPropertyValue(props.firstnamePlaceholder)}\r\n    lastnameLabel={epiPropertyValue(props.lastnameLabel)}\r\n    lastnamePlaceholder={epiPropertyValue(props.lastnamePlaceholder)}\r\n    successMessage={epiPropertyValue(props.successMessage)}\r\n    successRedirectPage={epiPropertyValue(props.successRedirectPage).url}\r\n    registrationTitle={epiPropertyValue(props.registrationTitle)}\r\n    registerButtonCaption={epiPropertyValue(props.registerButtonCaption)}\r\n    newsletterLabel={epiPropertyValue(props.newsletterLabel)}\r\n    newsletterLinkLabel={epiPropertyValue(props.newsletterLinkLabel)}\r\n    newsletterText={epiPropertyValue(props.newsletterText)}\r\n    termsLabel={epiPropertyValue(props.termsLabel)}\r\n    termsLinkLabel={epiPropertyValue(props.termsLinkLabel)}\r\n    termsText={epiPropertyValue(props.termsText)}\r\n    loginRedirectPage={epiPropertyValue(props.loginRedirectPage).url}\r\n    loginButtonCaption={epiPropertyValue(props.loginButtonCaption)}\r\n  />\r\n);\r\n\r\nexport default RegisterBlock;\r\n"],"sourceRoot":""}