{"version":3,"file":"ForgotPasswordPage-xzrwlouo-chunk.js","sources":["../../../GSDClient/Scripts/Pages/ForgotPasswordPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport toast from 'react-hot-toast';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { IFieldValue, updateFieldValue } from 'Scripts/Slices/loginPage';\nimport { IRootState } from 'Scripts/store';\n\nimport { useForgotPasswordMutation } from 'Services/loginApi';\n\nimport CtaButton from 'Components/CtaButton';\nimport FormBox from 'Components/Forms/FormBox';\nimport RenderFormField, {\n    handleFormPost,\n    validateFormFields,\n    ValidationSchema,\n} from 'Components/Forms/RenderFormField';\nimport Markup from 'Components/Markup';\n\nconst ForgotPasswordPage = () => {\n    const dispatch = useDispatch();\n    const [formValidation, setFormValidation] = useState<ValidationSchema>([]);\n\n    const [\n        forgotPassword,\n        {\n            isLoading: forgotPasswordResultIsLoading,\n            error: forgotPasswordResultError,\n            data: forgotPasswordResultData,\n        },\n    ] = useForgotPasswordMutation();\n\n    const {\n        inputFields,\n        canRequestNewPassword,\n        sendPasswordButton,\n        forgottenPasswordText,\n        forgottenPasswordTitle,\n        loginLink,\n        title,\n        channelUrl,\n        translations,\n        backToLoginPageLinkText,\n        linkHasExpired,\n    } = useSelector((state: IRootState) => state.loginPage.forgotPassword);\n\n    const handleInputChange = (data: IFieldValue) => {\n        dispatch(updateFieldValue({ data, key: 'forgotPassword' }));\n    };\n\n    const handleOnsubmit = (e: React.FormEvent<HTMLFormElement>) => {\n        e.preventDefault();\n        if (validateFormFields(inputFields, setFormValidation)) {\n            forgotPassword({ form: e.currentTarget });\n        }\n    };\n\n    useEffect(() => {\n        if (linkHasExpired) {\n            toast.error(translations.linkIsExpired);\n        }\n    }, []);\n\n    useEffect(() => {\n        handleFormPost(forgotPasswordResultData, forgotPasswordResultError);\n    }, [forgotPasswordResultData, forgotPasswordResultError]);\n\n    return (\n        <div className=\"h-full w-full flex-grow bg-white\">\n            <div className=\"mx-auto max-w-content pb-4 lg:px-14 \">\n                <div className=\"mx-auto mt-9 w-full md:max-w-form\">\n                    <h1 className=\"mx-4.5 font-montserrat text-2xl font-medium text-black md:mx-4.5 md:mb-4 lg:mx-7\">\n                        {title}\n                    </h1>\n                    {canRequestNewPassword ? (\n                        <div>\n                            <FormBox loading={forgotPasswordResultIsLoading}>\n                                <h2 className=\"mb-2.5 font-montserrat text-xl font-medium text-black\">\n                                    {forgottenPasswordTitle}\n                                </h2>\n                                <Markup\n                                    cssClass=\"mb-5\"\n                                    html={forgottenPasswordText?.value}\n                                />\n                                {!forgotPasswordResultData ? (\n                                    <form\n                                        onSubmit={e => handleOnsubmit(e)}\n                                        className=\"md:max-w-md\"\n                                        method=\"post\"\n                                    >\n                                        <ul className=\"flex flex-col\">\n                                            {inputFields.map((field, index) => (\n                                                <RenderFormField\n                                                    key={index}\n                                                    loading={\n                                                        forgotPasswordResultIsLoading\n                                                    }\n                                                    field={field}\n                                                    handleInputChange={\n                                                        handleInputChange\n                                                    }\n                                                    form={inputFields}\n                                                    validation={formValidation}\n                                                    as=\"li\"\n                                                />\n                                            ))}\n                                            <li>\n                                                <CtaButton\n                                                    disabled={\n                                                        forgotPasswordResultIsLoading\n                                                    }\n                                                    className=\"mb-3 w-full py-2.5 text-xl font-medium\"\n                                                >\n                                                    {sendPasswordButton}\n                                                </CtaButton>\n                                                <a href={loginLink.href}>\n                                                    {backToLoginPageLinkText}\n                                                </a>\n                                            </li>\n                                        </ul>\n                                    </form>\n                                ) : (\n                                    <div className=\"flex flex-col md:max-w-md\">\n                                        <p className=\"mb-5\">\n                                            {forgotPasswordResultData.message}\n                                        </p>\n                                        <CtaButton\n                                            className=\"mb-3 w-full py-2.5 text-xl font-medium\"\n                                            as=\"a\"\n                                            href={loginLink.href}\n                                            type=\"button\"\n                                        >\n                                            {backToLoginPageLinkText}\n                                        </CtaButton>\n                                    </div>\n                                )}\n                            </FormBox>\n                        </div>\n                    ) : (\n                        <div className=\"md:max-w-md\">\n                            <FormBox>\n                                <p className=\"mb-5\">\n                                    {translations.loginUserAlreadyLoggedInText}\n                                </p>\n                                <CtaButton\n                                    className=\"w-full py-2.5 text-xl font-medium\"\n                                    as=\"a\"\n                                    href={`${channelUrl}.Logout`}\n                                >\n                                    {translations.logoutButtonText}\n                                </CtaButton>\n                            </FormBox>\n                        </div>\n                    )}\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default ForgotPasswordPage;\n"],"names":["ForgotPasswordPage","dispatch","useDispatch","formValidation","setFormValidation","useState","forgotPassword","forgotPasswordResultIsLoading","forgotPasswordResultError","forgotPasswordResultData","useForgotPasswordMutation","inputFields","canRequestNewPassword","sendPasswordButton","forgottenPasswordText","forgottenPasswordTitle","loginLink","title","channelUrl","translations","backToLoginPageLinkText","linkHasExpired","useSelector","state","handleInputChange","data","updateFieldValue","handleOnsubmit","validateFormFields","useEffect","toast","handleFormPost","jsx","jsxs","FormBox","Markup","CtaButton","field","index","RenderFormField"],"mappings":"gXAkBA,MAAMA,EAAqB,IAAM,CAC7B,MAAMC,EAAWC,IACX,CAACC,EAAgBC,CAAiB,EAAIC,EAAA,SAA2B,CAAE,CAAA,EAEnE,CACFC,EACA,CACI,UAAWC,EACX,MAAOC,EACP,KAAMC,CACV,GACAC,EAA0B,EAExB,CACF,YAAAC,EACA,sBAAAC,EACA,mBAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,WAAAC,EACA,aAAAC,EACA,wBAAAC,EACA,eAAAC,CAAA,EACAC,EAAaC,GAAsBA,EAAM,UAAU,cAAc,EAE/DC,EAAqBC,GAAsB,CAC7CxB,EAASyB,EAAiB,CAAE,KAAAD,EAAM,IAAK,gBAAkB,CAAA,CAAC,CAAA,EAGxDE,EAAkB,GAAwC,CAC5D,EAAE,eAAe,EACbC,EAAmBjB,EAAaP,CAAiB,GACjDE,EAAe,CAAE,KAAM,EAAE,aAAe,CAAA,CAC5C,EAGJuB,OAAAA,EAAAA,UAAU,IAAM,CACRR,GACMS,EAAA,MAAMX,EAAa,aAAa,CAE9C,EAAG,CAAE,CAAA,EAELU,EAAAA,UAAU,IAAM,CACZE,EAAetB,EAA0BD,CAAyB,CAAA,EACnE,CAACC,EAA0BD,CAAyB,CAAC,EAGpDwB,EAAAA,IAAC,MAAI,CAAA,UAAU,mCACX,SAAAA,EAAAA,IAAC,MAAI,CAAA,UAAU,uCACX,SAAAC,EAAA,KAAC,MAAI,CAAA,UAAU,oCACX,SAAA,CAACD,EAAA,IAAA,KAAA,CAAG,UAAU,mFACT,SACLf,EAAA,EACCL,EACIoB,EAAAA,IAAA,MAAA,CACG,SAACC,OAAAC,EAAA,CAAQ,QAAS3B,EACd,SAAA,CAACyB,EAAA,IAAA,KAAA,CAAG,UAAU,wDACT,SACLjB,EAAA,EACAiB,EAAA,IAACG,EAAA,CACG,SAAS,OACT,KAAMrB,GAAA,YAAAA,EAAuB,KAAA,CACjC,EACEL,EAsCEwB,EAAA,KAAC,MAAI,CAAA,UAAU,4BACX,SAAA,CAAAD,EAAA,IAAC,IAAE,CAAA,UAAU,OACR,SAAAvB,EAAyB,QAC9B,EACAuB,EAAA,IAACI,EAAA,CACG,UAAU,yCACV,GAAG,IACH,KAAMpB,EAAU,KAChB,KAAK,SAEJ,SAAAI,CAAA,CACL,CAAA,EACJ,EAjDAY,EAAA,IAAC,OAAA,CACG,SAAe,GAAAL,EAAe,CAAC,EAC/B,UAAU,cACV,OAAO,OAEP,SAAAM,EAAA,KAAC,KAAG,CAAA,UAAU,gBACT,SAAA,CAAYtB,EAAA,IAAI,CAAC0B,EAAOC,IACrBN,EAAA,IAACO,EAAA,CAEG,QACIhC,EAEJ,MAAA8B,EACA,kBAAAb,EAGA,KAAMb,EACN,WAAYR,EACZ,GAAG,IAAA,EAVEmC,CAAA,CAYZ,SACA,KACG,CAAA,SAAA,CAAAN,EAAA,IAACI,EAAA,CACG,SACI7B,EAEJ,UAAU,yCAET,SAAAM,CAAA,CACL,EACCmB,EAAA,IAAA,IAAA,CAAE,KAAMhB,EAAU,KACd,SACLI,EAAA,CAAA,EACJ,CAAA,EACJ,CAAA,CAGJ,CAYA,CAAA,CAER,CACJ,CAAA,EAEAY,EAAA,IAAC,OAAI,UAAU,cACX,gBAACE,EACG,CAAA,SAAA,CAAAF,EAAA,IAAC,IAAE,CAAA,UAAU,OACR,SAAAb,EAAa,6BAClB,EACAa,EAAA,IAACI,EAAA,CACG,UAAU,oCACV,GAAG,IACH,KAAM,GAAGlB,CAAU,UAElB,SAAaC,EAAA,gBAAA,CAClB,CAAA,CAAA,CACJ,CACJ,CAAA,CAAA,EAER,EACJ,CACJ,CAAA,CAER"}