{"version":3,"sources":["webpack:///./Avensia.Common/Features/Account/Form/AccountForm.tsx"],"names":["behavior","KeepEnabled","onClick","e","preventDefault","props","feedback","push","buttonAction","render","FeedbackButton","this","Button","FormContainer","css","customFormStyle","heading","H1","Form","marginBottom","noValidate","children","compose","appearance","Primary","Full","disabled","type","buttonCaption","redirectLink","Div","textAlign","RedirectLink","to","redirectLabel","successMessage","Component","color","textDecoration","h1","fontWeight","div","backgroundColor","borderRadius","padding","xy"],"mappings":"oJAwBe,gBACb,YAAoB,CAAEA,SAAU,IAAeC,aAA/C,CAA6D,YAC3D,2D,OACE,EAAAC,QAAU,SAACC,GAET,OADAA,EAAEC,iBACK,EAAKC,MAAMC,SAASC,KAAK,EAAKF,MAAMG,iB,EA8B/C,OAjC0B,iBAKxB,YAAAC,OAAA,WACE,IAAMC,EAAiBC,KAAKN,MAAMC,SAASM,OAC3C,OACE,kBAACC,EAAa,CAACC,MAAOH,KAAKN,MAAMU,iBAAmBJ,KAAKN,MAAMU,mBAC1DJ,KAAKN,MAAMW,SAAW,kBAACC,EAAE,KAAEN,KAAKN,MAAMW,SAEzC,kBAAC,IAAOE,KAAI,CAACJ,IAAK,CAAEK,aAAc,aAAa,KAAOC,YAAU,GAC7DT,KAAKN,MAAMgB,SACZ,kBAACX,EAAc,CACbI,IAAKH,KAAKN,MAAMiB,UAChBC,WAAY,CAAC,IAAiBC,QAAS,IAAiBC,MACxDvB,QAASS,KAAKT,QACdwB,SAAUf,KAAKN,MAAMqB,SACrBC,KAAK,UAEJhB,KAAKN,MAAMuB,kBAIbjB,KAAKN,MAAMwB,cACZ,kBAAC,IAAOC,IAAG,CAAChB,IAAK,CAAEiB,UAAW,WAC5B,kBAACC,EAAY,CAACC,GAAItB,KAAKN,MAAMwB,cAAelB,KAAKN,MAAM6B,kBAGxDvB,KAAKN,MAAM8B,gBAAkBxB,KAAKN,MAAM8B,iBAInD,EAlC2D,CACjC,IAAMC,aAqCpC,IAAMJ,EAAe,YAAO,IAAM,CAChCK,MAAO,KACPN,UAAW,SACXO,eAAgB,cAGZrB,EAAK,IAAOsB,KAAE,GAClBC,WAAY,SACZrB,aAAc,aAAa,IAC3BY,UAAW,WACV,MAAsB,CACrBA,UAAW,Q,IAITlB,EAAgB,IAAO4B,IAAI,CAC/BC,gBAAiB,KACjBC,aAAc,UACdC,QAAS,CACPC,GAAI,aAAa","file":"assets/6.chunk.bbbf2f0bc59e2108708e.js","sourcesContent":["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<void>;\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<PropType> {\r\n      onClick = (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\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          <FormContainer css={!!this.props.customFormStyle && this.props.customFormStyle}>\r\n            {!!this.props.heading && <H1>{this.props.heading}</H1>}\r\n\r\n            <styled.Form css={{ marginBottom: pixelsToUnit(20) }} noValidate>\r\n              {this.props.children}\r\n              <FeedbackButton\r\n                css={this.props.compose()}\r\n                appearance={[ButtonAppearance.Primary, ButtonAppearance.Full]}\r\n                onClick={this.onClick}\r\n                disabled={this.props.disabled}\r\n                type=\"submit\"\r\n              >\r\n                {this.props.buttonCaption}\r\n              </FeedbackButton>\r\n            </styled.Form>\r\n\r\n            {!!this.props.redirectLink && (\r\n              <styled.Div css={{ textAlign: 'center' }}>\r\n                <RedirectLink to={this.props.redirectLink}>{this.props.redirectLabel}</RedirectLink>\r\n              </styled.Div>\r\n            )}\r\n            {!!this.props.successMessage && this.props.successMessage}\r\n          </FormContainer>\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"],"sourceRoot":""}