{"version":3,"file":"static/js/1809.d8ee8d2b.chunk.js","mappings":"iQAmBe,MAAMA,UAA6BC,EAAAA,cAC9CC,SACI,OACIC,EAAAA,EAAAA,MAACC,EAAAA,EAAI,CACDC,cAAe,CACXC,KAAMC,KAAKC,MAAMF,KACjBG,QAASF,KAAKC,MAAMC,QACpBC,MAAOH,KAAKC,MAAME,OAEtBC,cAAcC,EAAAA,EAAAA,IAAe,wBAC7BC,aAAaD,EAAAA,EAAAA,IAAe,qBAC5BE,SAAWC,GAASR,KAAKC,MAAMQ,YAAYD,EAAKT,KAAMS,EAAKN,QAASM,EAAKL,OACzEO,iBAAkBC,EAAAA,GAAW,CACzBT,QAASS,EAAAA,KAAaC,UAASP,EAAAA,EAAAA,IAAe,2BAC9CN,MAAMc,EAAAA,EAAAA,MAAiBD,UAASP,EAAAA,EAAAA,IAAe,2BAC/CF,OAAOW,EAAAA,EAAAA,MAAkBF,UAASP,EAAAA,EAAAA,IAAe,6BAErDU,QAASf,KAAKC,MAAMe,mBAAmBC,SAAA,EAEvCC,EAAAA,EAAAA,KAACC,EAAAA,EAAe,CAACpB,KAAK,OAAOqB,OAAOf,EAAAA,EAAAA,IAAe,wBACnDa,EAAAA,EAAAA,KAACC,EAAAA,EAAe,CAACpB,KAAK,QAAQsB,KAAK,QAAQD,OAAOf,EAAAA,EAAAA,IAAe,yBACjEa,EAAAA,EAAAA,KAACC,EAAAA,EAAe,CAACE,KAAK,WAAWtB,KAAK,UAAUqB,OAAOf,EAAAA,EAAAA,IAAe,2BAGlF,ECrCJ,MAWA,GAAeiB,EAAAA,EAAAA,KAXSC,CAACC,EAAcvB,KAC5B,IACAA,EACHe,mBAAoBQ,EAAMC,YAAYhB,gBAIlBiB,IAAkB,CAC1CjB,YAAaA,CAACV,EAAMG,EAASC,IAAUuB,EAASC,EAAAA,GAAkBZ,QAAQ,CAAEhB,OAAMG,UAASC,cAG/F,CAA4DV,GCb7C,SAASmC,IACpB,OACIV,EAAAA,EAAAA,KAACW,EAAAA,EAAU,CAACC,OAAOzB,EAAAA,EAAAA,IAAe,2BAA2BY,UACzDC,EAAAA,EAAAA,KAACa,EAAW,KAGxB,C","sources":["components/assemblies/contactForm/ContactFormComponent.tsx","components/assemblies/contactForm/ContactForm.tsx","components/pages/contactForm/ContactFormPage.tsx"],"sourcesContent":["import React from \"react\";\nimport * as Yup from \"yup\";\nimport { type RequestState } from \"../../../reducers/domain\";\nimport { languageString } from \"../../../utilities/text\";\nimport { emailValidation, nameValidation } from \"../../../utilities/validation\";\nimport ControlledInput from \"../../blocks/inputs/controlledInput/ControlledInput\";\nimport Form from \"../../blocks/inputs/form/Form\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface ContactFormProps {}\n\nexport interface ContactFormComponentProps extends ContactFormProps {\n    contactForm: (name: string, message: string, email: string) => void;\n    name: string;\n    message: string;\n    email: string;\n    contactFormRequest: RequestState;\n}\n\nexport default class ContactFormComponent extends React.PureComponent<ContactFormComponentProps> {\n    render() {\n        return (\n            <Form\n                initialValues={{\n                    name: this.props.name,\n                    message: this.props.message,\n                    email: this.props.email,\n                }}\n                successLabel={languageString(\"interactions.success\")}\n                buttonLabel={languageString(\"interactions.send\")}\n                onSubmit={(vals) => this.props.contactForm(vals.name, vals.message, vals.email)}\n                validationSchema={Yup.object({\n                    message: Yup.string().required(languageString(\"ui.validation.required\")),\n                    name: nameValidation().required(languageString(\"ui.validation.required\")),\n                    email: emailValidation().required(languageString(\"ui.validation.required\")),\n                })}\n                request={this.props.contactFormRequest}\n            >\n                <ControlledInput name=\"name\" label={languageString(\"interactions.name\")} />\n                <ControlledInput name=\"email\" type=\"email\" label={languageString(\"interactions.email\")} />\n                <ControlledInput type=\"textarea\" name=\"message\" label={languageString(\"interactions.prompt\")} />\n            </Form>\n        );\n    }\n}\n","import { connect } from \"react-redux\";\nimport { type Dispatch } from \"redux\";\nimport { contactFormAction } from \"../../../actions/interactionActions\";\nimport { type State } from \"../../../reducers/domain\";\nimport ContactFormComponent, { type ContactFormComponentProps, type ContactFormProps } from \"./ContactFormComponent\";\n\nconst mapStateToProps = (state: State, props: ContactFormProps): Partial<ContactFormComponentProps> => {\n    return {\n        ...props,\n        contactFormRequest: state.interaction.contactForm,\n    };\n};\n\nconst mapDispatchToProps = (dispatch: Dispatch): Partial<ContactFormComponentProps> => ({\n    contactForm: (name, message, email) => dispatch(contactFormAction.request({ name, message, email })),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(ContactFormComponent);\n","import { languageString } from \"../../../utilities/text\";\nimport ActionPage from \"../../assemblies/actionPage/ActionPage\";\nimport ContactForm from \"../../assemblies/contactForm/ContactForm\";\n\nexport default function ContactFormPage() {\n    return (\n        <ActionPage title={languageString(\"pages.contactForm.title\")}>\n            <ContactForm />\n        </ActionPage>\n    );\n}\n"],"names":["ContactFormComponent","React","render","_jsxs","Form","initialValues","name","this","props","message","email","successLabel","languageString","buttonLabel","onSubmit","vals","contactForm","validationSchema","Yup","required","nameValidation","emailValidation","request","contactFormRequest","children","_jsx","ControlledInput","label","type","connect","mapStateToProps","state","interaction","dispatch","contactFormAction","ContactFormPage","ActionPage","title","ContactForm"],"sourceRoot":""}