{"version":3,"sources":["components/Modals/SignView/SignUp.js"],"names":["SuccessBody","currentParticipant","handleResendVerificationCode","t","useTranslation","className","email","src","style","width","alt","type","onClick","SignUpBody","register","isLoading","htmlFor","id","name","aria-describedby","placeholder","ref","defaultValue","disabled","for","last_name","SignUpModal","i18n","useSign","modal","contractId","jwt","contract","signViewOptions","dispatch","useForm","defaultValues","password","confirmPassword","givenName","familyName","handleSubmit","handleClose","CONTROL_MODAL","close","SIGNUP_MODAL","useMutation","payload","fetcher","signup","onSuccess","onError","error","toast","message","mutateSignUp","mutate","isSuccess","mutateResendVerificationCode","resendVerificationCode","data","success","isOpen","includes","centered","toggle","username","color","length","test","from","lang","language","window","appLocale"],"mappings":"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","file":"static/js/20.aaa2c07a.chunk.js","sourcesContent":["import React from 'react';\r\nimport { useMutation } from 'react-query';\r\nimport { toast } from 'components/Shared/Toast';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useForm } from 'react-hook-form';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Label, Input, Form, ButtonGroup, FormGroup, Media } from 'reactstrap';\r\n\r\nimport bootbox from 'components/Modals/Bootbox';\r\nimport { useSign, CONTROL_MODAL, SIGNUP_MODAL } from 'context/signview';\r\nimport { fetcher } from 'api/client';\r\nimport { signup, resendVerificationCode } from 'api/actions/auth';\r\n\r\n\r\nfunction SuccessBody({ currentParticipant, handleResendVerificationCode }) {\r\n    const { t } = useTranslation();\r\n\r\n    return (\r\n        <div className=\"media-body container px-5 py-3\">\r\n            <div className=\"text-center\">\r\n                <h4 className=\"font-weight-bold mb-4 text-center\">{t('signup.body_text_three')}</h4>\r\n                <div>\r\n                    <span className=\"text-center text-muted mb-4 text-center\">\r\n                        {t('signup.body_text_four', { email: currentParticipant.email })}\r\n                    </span>\r\n                </div>\r\n                <div>\r\n                    <img className=\"m-1 mb-2 p-1\" src=\"/images/file-sent.png\" style={{ width: 120 }} alt=\"\" />\r\n                </div>\r\n                <div className=\"p-2\"><strong>{t('signup.send_again')}</strong></div>\r\n                <Button\r\n                    type=\"button\"\r\n                    className=\"btn btn-lg btn-primary\"\r\n                    onClick={handleResendVerificationCode}>\r\n                    {t('signup.resendVerify')}\r\n                </Button>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nfunction SignUpBody({ register, currentParticipant, isLoading }) {\r\n\r\n    const { t } = useTranslation();\r\n    return (\r\n        <div className=\"media-body container px-5 py-3\">\r\n            <div className=\"text-center rounded-lg p-1 bg-success\">\r\n                <i className=\"fas fa-check-circle text-light\" />\r\n                <small className=\"ml-2 font-weight-bold text-center text-light mb-4 text-center\">{t('signup.title')}</small>\r\n            </div>\r\n            <div className=\"text-center my-3\">\r\n                <h4 className=\"font-weight-bold mb-4 text-center\">{t('signup.body_text_one')}</h4>\r\n                <img src=\"/images/file-in-folder.png\" style={{ width: 200 }} alt=\"\" />\r\n                <div>\r\n                    <small className=\"font-weight-bold text-center text-primary mb-4 text-center\">{t('signup.body_text_two')}</small>\r\n                </div>\r\n            </div>\r\n\r\n            <Form>\r\n                <FormGroup>\r\n                    <label className=\"bg-light border-0 rounded-0 pl-0\" htmlFor=\"\">Email</label>\r\n                    <input\r\n                        type=\"email\"\r\n                        className=\"form-control\"\r\n                        id=\"email\"\r\n                        name=\"email\"\r\n                        aria-describedby=\"emailHelp\"\r\n                        placeholder=\"\"\r\n                        ref={register}\r\n                        defaultValue={currentParticipant.email}\r\n                        disabled\r\n                    />\r\n                </FormGroup>\r\n                <FormGroup>\r\n                    <label className=\"bg-light border-0 rounded-0 pl-0\" for=\"\">{t('signup.given_name_label')}</label>\r\n                    <input\r\n                        type=\"email\"\r\n                        className=\"form-control\"\r\n                        id=\"givenName\"\r\n                        name=\"name\"\r\n                        aria-describedby=\"emailHelp\"\r\n                        placeholder=\"\"\r\n                        ref={register}\r\n                        defaultValue={currentParticipant.name}\r\n                    />\r\n                </FormGroup>\r\n                <FormGroup>\r\n                    <label className=\"bg-light border-0 rounded-0 pl-0\" for=\"\">{t('signup.family_name_label')}</label>\r\n                    <input\r\n                        type=\"email\"\r\n                        className=\"form-control\"\r\n                        id=\"email\"\r\n                        name=\"familyName\"\r\n                        aria-describedby=\"emailHelp\"\r\n                        placeholder=\"\"\r\n                        ref={register}\r\n                        defaultValue={currentParticipant.last_name}\r\n                    />\r\n                </FormGroup>\r\n                <FormGroup>\r\n                    <label className=\"bg-light border-0 rounded-0 pl-0\" htmlFor=\"\">{t('signup.password_label')}</label>\r\n                    <input\r\n                        type=\"password\"\r\n                        className=\"form-control\"\r\n                        id=\"pwd\"\r\n                        name=\"password\"\r\n                        placeholder={t('contracts.new.password_placeholder')}\r\n                        ref={register}\r\n                        defaultValue={''}\r\n                        disabled={isLoading}\r\n                    />\r\n                </FormGroup>\r\n                <FormGroup className=\" mb-0\">\r\n                    <label className=\"bg-light border-0 rounded-0 pl-0\" htmlFor=\"\">{t('signup.confirm_password_label')}</label>\r\n                    <input\r\n                        type=\"password\"\r\n                        className=\"form-control\"\r\n                        id=\"confirmPwd\"\r\n                        name=\"confirmPassword\"\r\n                        placeholder={t('profile.security.confirm_password')}\r\n                        ref={register}\r\n                        defaultValue={''}\r\n                        disabled={isLoading}\r\n                    />\r\n                </FormGroup>\r\n            </Form>\r\n        </div>\r\n    )\r\n\r\n}\r\n\r\nexport default function SignUpModal() {\r\n    const { t, i18n } = useTranslation();\r\n    const [{ modal, contractId, jwt, contract: { signViewOptions: { currentParticipant = {} } = {} } }, dispatch] = useSign();\r\n\r\n    const { register, handleSubmit } = useForm({\r\n        defaultValues: {\r\n            email: currentParticipant.email,\r\n            password: '',\r\n            confirmPassword: '',\r\n            givenName: currentParticipant.name,\r\n            familyName: currentParticipant.last_name\r\n        }\r\n    })\r\n\r\n    const handleClose = () => {\r\n        dispatch({ type: CONTROL_MODAL, close: SIGNUP_MODAL })\r\n    }\r\n\r\n    const { mutate: mutateSignUp, isSuccess, isLoading } = useMutation((payload) => fetcher(signup(payload), jwt), {\r\n        onSuccess: () => {\r\n            //TODO SIGNUP ALERT\r\n            // bootbox.alert({ text: t('ok'), title: t('okkk') });\r\n            handleClose()\r\n        },\r\n        onError: (error) => {\r\n            toast.error(t(`errors.${error.message}`, t('errors.GeneralError')))\r\n        },\r\n    })\r\n    const { mutate: mutateResendVerificationCode } = useMutation((payload) => fetcher(resendVerificationCode(payload), jwt), {\r\n        onSuccess: (data) => {\r\n            toast.success(t('Te hemos reenviado el correo'))\r\n        },\r\n        onError: (error) => {\r\n            toast.error(t(`errors.${error.message}`, t('errors.GeneralError')))\r\n        },\r\n    })\r\n\r\n\r\n    const goToStarter = () => {\r\n        window.open('https://starter.trato.io/login')\r\n    }\r\n\r\n    const handleSignup = (data) => {\r\n        const { email, password, confirmPassword, givenName, familyName } = data;\r\n\r\n        if (email === '' || password === '' || confirmPassword === '' || givenName === '' || familyName === '') {\r\n            return toast.error(t('errors.Required'));\r\n        }\r\n\r\n        if (password !== confirmPassword) {\r\n            return toast.error(t('errors.PasswordsMustMatch'));\r\n        }\r\n\r\n        if (password.length < 8) {\r\n            return toast.error(t('errors.PasswordTooShot'));\r\n        }\r\n\r\n        if (!/[0-9]/.test(password)) {\r\n            return toast.error(t('errors.PasswordNumbersRequired'));\r\n        }\r\n\r\n        if (!/[A-Z]/.test(password)) {\r\n            return toast.error(t('errors.MissingUpperCase'));\r\n        }\r\n\r\n        if (!/[a-z]/.test(password)) {\r\n            return toast.error(t('errors.MissingLowerCase'));\r\n        }\r\n\r\n        const payload = {\r\n            email: email || currentParticipant.email,\r\n            password,\r\n            from: {\r\n                contract: contractId,\r\n            },\r\n            lang: i18n.language ?? window.appLocale ?? 'es',\r\n            givenName,\r\n            familyName\r\n        };\r\n\r\n        //   app.request('modals').show(new Success({ message: t('signup.verification_email_sent') }));\r\n        mutateSignUp(payload)\r\n    }\r\n\r\n    const handleResendVerificationCode = () => {\r\n        mutateResendVerificationCode({ username: currentParticipant.email })\r\n    }\r\n\r\n    const isOpen = modal.includes(SIGNUP_MODAL)// showSignUpModal && email;\r\n\r\n    return (\r\n\r\n        <Modal isOpen={isOpen} centered>\r\n            <ModalHeader toggle={handleClose}>\r\n                {/* <h4 className=\"my-0\">{t('signup.title')}</h4> */}\r\n            </ModalHeader>\r\n            <ModalBody>\r\n                <Media className=\"mt-0\">\r\n                    {isSuccess ?\r\n                        <SuccessBody\r\n                            currentParticipant={currentParticipant}\r\n                            handleResendVerificationCode={handleResendVerificationCode}\r\n                        />\r\n                        :\r\n                        <SignUpBody\r\n                            register={register}\r\n                            currentParticipant={currentParticipant}\r\n                            isLoading={isLoading}\r\n                        />\r\n                    }\r\n                </Media>\r\n            </ModalBody>\r\n            {\r\n                !isSuccess &&\r\n                <ModalFooter>\r\n                    <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                        <Button\r\n                            color=\"primary\"\r\n                            disabled={isLoading}\r\n                            onClick={handleSubmit(handleSignup)}>{isLoading ? t('editor.info.loading') : t('signup.button')}\r\n                        </Button>\r\n                    </ButtonGroup>\r\n                </ModalFooter>\r\n            }\r\n        </Modal>\r\n    )\r\n}\r\n"],"sourceRoot":""}