{"version":3,"file":"static/js/7546.b4ee07a2.chunk.js","mappings":"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","sources":["utils/hooks/useTimeOutMessage.js","views/auth/SignIn/SignInForm.js","views/auth/SignIn/index.js"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nfunction useTimeOutMessage(interval = 10000) {\n    const [message, setMessage] = useState('')\n\n    useEffect(() => {\n        if (message) {\n            let timeout = setTimeout(() => setMessage(''), interval)\n            return () => {\n                clearTimeout(timeout)\n            }\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [message])\n\n    return [message, setMessage]\n}\n\nexport default useTimeOutMessage\n","import React, {useState} from 'react'\nimport {\n    Input,\n    Button,\n    Checkbox,\n    FormItem,\n    FormContainer,\n    Alert,\n} from 'components/ui'\nimport { PasswordInput, ActionLink } from 'components/shared'\nimport useCookie from 'react-use-cookie';\nimport { useNavigate } from 'react-router-dom';\nimport useTimeOutMessage from 'utils/hooks/useTimeOutMessage'\nimport { Field, Form, Formik } from 'formik'\nimport * as Yup from 'yup'\nimport useAuth from 'utils/hooks/useAuth'\n\nconst validationSchema = Yup.object().shape({\n    userName: Yup.string().required('Please enter your user name'),\n    password: Yup.string().required('Please enter your password'),\n    rememberMe: Yup.bool(),\n})\n\nconst SignInForm = (props) => {\n    const {\n        disableSubmit = false,\n        className,\n        forgotPasswordUrl = '/forgot-password',\n        signUpUrl = '/sign-up',\n    } = props\n\n    const [message, setMessage] = useState()\n    const navigate = useNavigate();\n    const { signIn } = useAuth()\n    const [email, setEmail] = useState(\"\");\n    const [password, setPassword] = useState(\"\");\n    const [isSubmitting, setSubmitting] = useState(false);\n    const [userInfo, setUserInfo] = useCookie('userInfo', '');\n    const [emailsCopied, setEmailsCopied] = useCookie('emailsCopied', 0);\n    const onSignIn = async () => {\n        setSubmitting(true)\n        const result = await signIn({ email, password });\n        if (result.status === 'failed') {\n            setMessage(result.message)\n        } else {\n            setUserInfo(JSON.stringify(result));\n            if (result.user.roles[0] === \"Free User\") {\n                window.location.href= \"/app/trackers\";\n            } else {\n                window.location.href =\"/app/campaigns/Campaign-list\";\n\n            }\n        }\n        setSubmitting(false)\n    }\n\n    return (\n        <div className={className}>\n            {message && (\n                <Alert className=\"mb-4\" type=\"danger\" showIcon>\n                    {message}\n                </Alert>\n            )}\n            <Formik\n                initialValues={{\n                    rememberMe: true,\n                }}\n                validationSchema={validationSchema}\n            >\n                {({ touched, errors }) => (\n                    <Form>\n                        <FormContainer>\n                            <FormItem\n                                label=\"Email\"\n                                invalid={errors.userName && touched.userName}\n                                errorMessage={errors.userName}\n                            >\n                                <Field\n                                    type=\"text\"\n                                    autoComplete=\"off\"\n                                    name=\"email\"\n                                    placeholder=\"Email\"\n                                    onChange={e=>{setEmail(e.target.value);setMessage();}}\n                                    component={Input}\n                                />\n                            </FormItem>\n                            <FormItem\n                                label=\"Password\"\n                                invalid={errors.password && touched.password}\n                                errorMessage={errors.password}\n                            >\n                                <Field\n                                    autoComplete=\"off\"\n                                    name=\"password\"\n                                    placeholder=\"Password\"\n                                    onChange={e=>{setPassword(e.target.value);setMessage();}}\n                                    component={PasswordInput}\n                                />\n                            </FormItem>\n                            {/* <div className=\"flex justify-between mb-6\">\n                                <Field\n                                    className=\"mb-0\"\n                                    name=\"rememberMe\"\n                                    component={Checkbox}\n                                    children=\"Remember Me\"\n                                />\n                                <ActionLink to={forgotPasswordUrl}>\n                                    Forgot Password?\n                                </ActionLink>\n                            </div> */}\n                            <Button\n                                block\n                                loading={isSubmitting}\n                                variant=\"solid\"\n                                onClick={()=>{onSignIn()}}\n                                type=\"submit\"\n                            >\n                                {isSubmitting ? 'Signing in...' : 'Sign In'}\n                            </Button>\n                            \n                        </FormContainer>\n                    </Form>\n                )}\n            </Formik>\n        </div>\n    )\n}\n\nexport default SignInForm\n","import React from 'react'\nimport SignInForm from './SignInForm'\n\nconst SignIn = () => {\n    return (\n        <>\n            <div className=\"mb-8\">\n                <div className=\"border p-1 rounded mb-4\" style={{width:'100%', display:'flex',flexDirection:'none'}}>\n                <a className=\"full-width\" style={{color: '#08090a !important'}} href=\"https://app.genni.com\">\n                    <button style={{letterSpacing:'0em', fontWeight:700,color:'#08090a' }} className=\"full-width bg-light border-none  h-9 px-3 py-2 text-sm rounded\">\n                    Creators\n                    </button>\n                </a>\n                <a className=\"full-width\" style={{color:'#08090a !important'}} href='https://portal.genni.com'>\n                <button style={{letterSpacing:'0em', fontWeight:700, color: '#08090a', background:'#f0f2f4'}} className=\"full-width bg-white border-none  h-9 px-3 py-2 text-sm rounded\">\n                    Marketers\n                </button>\n                </a>\n                </div>\n                <h3 className=\"mb-1\">Welcome back!</h3>\n                <p>Please enter your credentials to sign in!</p>\n            </div>\n            <SignInForm disableSubmit={false} />\n            <div className=\"mt-4 text-center\">\n              <p className=\"mb-0 text-muted\">\n                Don't have an account?{\" \"}\n                <a href=\"https://genni.com/marketers#contact\" className=\"fw-medium\" style={{color:'#f853bd'}}>\n                  {\" \"}\n                  Get In Touch\n                </a>{\" \"}\n              </p>\n            </div>\n        </>\n    )\n}\n\nexport default SignIn\n"],"names":["interval","arguments","length","undefined","message","setMessage","useState","useEffect","timeout","setTimeout","clearTimeout","validationSchema","Yup","shape","userName","required","password","rememberMe","props","disableSubmit","className","forgotPasswordUrl","signUpUrl","signIn","useNavigate","useAuth","email","setEmail","setPassword","isSubmitting","setSubmitting","userInfo","setUserInfo","useCookie","emailsCopied","setEmailsCopied","_jsxs","children","_jsx","Alert","type","showIcon","Formik","initialValues","_ref","touched","errors","Form","FormContainer","FormItem","label","invalid","errorMessage","Field","autoComplete","name","placeholder","onChange","e","target","value","component","Input","PasswordInput","Button","block","loading","variant","onClick","async","result","status","JSON","stringify","user","roles","window","location","href","onSignIn","SignIn","_Fragment","style","width","display","flexDirection","color","letterSpacing","fontWeight","background","SignInForm"],"sourceRoot":""}