{"version":3,"sources":["components/Modals/SignView/Login.js"],"names":["Login","useSign","modal","profile","dispatch","t","useTranslation","queryClient","useQueryClient","password","useRef","loginMutation","useMutation","payload","fetcher","login","onSuccess","jwt","localStorage","setItem","type","SET_JWT","invalidate","toast","error","handleClose","onError","message","mutate","CONTROL_MODAL","close","LOGIN_MODAL","isOpen","includes","centered","toggle","left","className","src","width","body","email","placeholder","id","innerRef","color","onClick","value","current"],"mappings":"yVASe,SAASA,IAAS,IAAD,EACWC,cADX,0BACnBC,EADmB,EACnBA,MAAOC,EADY,EACZA,QAAWC,EADC,KAGpBC,EAAMC,cAAND,EAEFE,EAAcC,cACdC,EAAWC,mBAEDC,EAAkBC,aAAY,SAACC,GAAD,OAAaC,YAAQC,YAAMF,MAAW,CAChFG,UAAW,YAAc,IAAXC,EAAU,EAAVA,IACVC,aAAaC,QAAQ,MAAOF,GAC5Bb,EAAS,CAAEgB,KAAMC,IAASJ,QAC1BV,EAAYe,WAAW,kBACvBC,IAAMC,MAAMnB,EAAE,aACdoB,KACDC,QAAS,YAAkB,IAAfC,EAAc,EAAdA,QACXJ,IAAMC,MAAMnB,EAAE,UAAD,OAAWsB,QARxBC,OAYFH,EAAc,WAChBrB,EAAS,CAAEgB,KAAMS,IAAeC,MAAOC,OAU3C,OACI,eAAC,IAAD,CAAOC,OAAQ9B,EAAM+B,SAASF,KAAcG,UAAQ,EAApD,UACI,cAAC,IAAD,CAAaC,OAAQV,EAArB,SACKpB,EAAE,uCAEP,cAAC,IAAD,UACI,eAAC,IAAD,WACI,cAAC,IAAD,CAAO+B,MAAI,EAACC,UAAU,yBAAtB,SACI,qBAAKC,IAAI,uBAAuBC,MAAM,WAE1C,eAAC,IAAD,CAAOC,MAAI,EAAX,UACI,eAAC,IAAD,WAAQnC,EAAE,sBAAV,KAAkC,4BAAIF,EAAQsC,WAC9C,cAAC,IAAD,CACIrB,KAAK,WACLsB,YAAarC,EAAE,qCACfsC,GAAG,eACHC,SAAUnC,YAI1B,cAAC,IAAD,UACI,eAAC,IAAD,CAAa4B,UAAU,qBAAvB,UACI,cAAC,IAAD,CACIQ,MAAM,QACNC,QAASrB,EAFb,SAGKpB,EAAE,mBAEP,cAAC,IAAD,CACIwC,MAAM,UACNC,QApCA,WAChB,IAAMC,EAAQtC,EAASuC,QAAQD,MAC3BA,GACApC,EAAc,CAAE8B,MAAOtC,EAAQsC,MAAOhC,SAAUsC,KA+BxC,SAGK1C,EAAE","file":"static/js/15.455a7e4b.chunk.js","sourcesContent":["import React, { useRef } from 'react'\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useMutation, useQueryClient } from 'react-query';\r\nimport { fetcher } from 'api/client';\r\nimport { login } from 'api/actions/auth';\r\nimport { useSign, CONTROL_MODAL, LOGIN_MODAL, SET_JWT } from 'context/signview';\r\nimport { toast } from 'components/Shared/Toast';\r\nimport { Button, Modal, ModalHeader, ModalBody, ModalFooter, Label, Input, Media, ButtonGroup } from 'reactstrap';\r\n\r\nexport default function Login() {\r\n    const [{ modal, profile }, dispatch] = useSign();\r\n\r\n    const { t } = useTranslation();\r\n\r\n    const queryClient = useQueryClient();\r\n    const password = useRef();\r\n\r\n    const { mutate: loginMutation } = useMutation((payload) => fetcher(login(payload)), {\r\n        onSuccess: ({ jwt }) => {\r\n            localStorage.setItem('jwt', jwt);\r\n            dispatch({ type: SET_JWT, jwt })\r\n            queryClient.invalidate('client-profile');\r\n            toast.error(t('loggedin'))\r\n            handleClose();\r\n        }, onError: ({ message }) => {\r\n            toast.error(t(`errors.${message}`))\r\n        }\r\n    })\r\n\r\n    const handleClose = () => {\r\n        dispatch({ type: CONTROL_MODAL, close: LOGIN_MODAL });\r\n    }\r\n\r\n    const handleLogin = () => {\r\n        const value = password.current.value\r\n        if (value) {\r\n            loginMutation({ email: profile.email, password: value })\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Modal isOpen={modal.includes(LOGIN_MODAL)} centered>\r\n            <ModalHeader toggle={handleClose}>\r\n                {t('sign.contract.banner_login_action')}\r\n            </ModalHeader>\r\n            <ModalBody>\r\n                <Media>\r\n                    <Media left className=\"align-self-center mr-2\">\r\n                        <img src=\"/images/owl-logo.svg\" width=\"70px\"></img>\r\n                    </Media>\r\n                    <Media body>\r\n                        <Label>{t('sign.contract.user')}: <b>{profile.email}</b></Label>\r\n                        <Input\r\n                            type=\"password\"\r\n                            placeholder={t('sign.contract.passwordPlaceholder')}\r\n                            id=\"userpassword\"\r\n                            innerRef={password} />\r\n                    </Media>\r\n                </Media>\r\n            </ModalBody>\r\n            <ModalFooter>\r\n                <ButtonGroup className=\"d-flex flex-grow-1\">\r\n                    <Button\r\n                        color=\"light\"\r\n                        onClick={handleClose}>\r\n                        {t('common.cancel')}\r\n                    </Button>\r\n                    <Button\r\n                        color=\"primary\"\r\n                        onClick={handleLogin}>\r\n                        {t('sign.contract.banner_login_action')}\r\n                    </Button>\r\n                </ButtonGroup>\r\n            </ModalFooter>\r\n        </Modal >\r\n    )\r\n}"],"sourceRoot":""}