{"version":3,"file":"component---src-pages-signin-js-c57f163e551188fab11d.js","mappings":"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","sources":["webpack://benahmed-education/./src/components/organism/login/LoginWithProvider.js","webpack://benahmed-education/./src/components/organism/login/index.js","webpack://benahmed-education/./src/components/molecules/signinBtn/index.js","webpack://benahmed-education/./src/pages/Signin.js"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"../../atomes\";\nimport { Auth } from \"aws-amplify\";\n\nconst LoginWithProvider = () => {\n  const handelGoogleLogin = async e => {\n    e.preventDefault();\n\n    await Auth.federatedSignIn({ provider: \"Google\" });\n  };\n\n  const handelFacebookLogin = e => {\n    e.preventDefault();\n    Auth.federatedSignIn({ provider: \"Facebook\" });\n  };\n  return (\n    <div className=\"login-form--social\">\n      <Button type=\"google\" handelClick={handelGoogleLogin} iconName=\"google\">\n        google\n      </Button>\n      <Button\n        type=\"facebook\"\n        handelClick={handelFacebookLogin}\n        iconName=\"facebook\"\n      >\n        Facebook\n      </Button>\n    </div>\n  );\n};\n\nexport default LoginWithProvider;\n","import React, { useState } from \"react\";\nimport Img from \"gatsby-image\";\nimport { graphql, useStaticQuery, navigate } from \"gatsby\";\n\nimport { Button, NewSelect } from \"../../atomes\";\nimport { subjects } from \"../../../utility/const\";\nimport { getLevels, getDivisions } from \"../../../utility/helper\";\nimport LoginWithProvider from \"./LoginWithProvider\";\n\nconst imageQuery = graphql`\n  query {\n    classroom: allImageSharp(\n      filter: { fluid: { originalName: { eq: \"classroom.png\" } } }\n    ) {\n      nodes {\n        fluid(quality: 100) {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n    logo: allImageSharp(\n      filter: { fluid: { originalName: { eq: \"logo.png\" } } }\n    ) {\n      nodes {\n        fluid(quality: 100) {\n          ...GatsbyImageSharpFluid_withWebp\n        }\n      }\n    }\n  }\n`;\n\nconst Login = ({ Buttons, initFromState, location }) => {\n  const errorsMessages = {\n    emptyPassword: \"إملء خانةالكلمة السرية من فضلك\",\n    passwordLength: \"يجب أن يكون عدد حروف الكلمة السرية أكبر أو يساوي 8\",\n    emptyEmail: \"إملء خانةالبريد الإلكتروني من فضلك\",\n    correctEmailTemplate:\n      \"يجب أن يكون بريدك الإلكتروني من الشكل example@gmail.com\",\n  };\n\n  const [values, setValues] = useState({\n    subject: \"إختر المادة\",\n    level: \"إختر المستوى\",\n    division: \"إختر الشعبة\",\n    type: \"completeRegistration\",\n  });\n  const [email, setEmail] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n  const [username, setUsername] = useState(\"\");\n  const [code, setCode] = useState(\"\");\n  const [errors, setErrors] = useState(Object.values(errorsMessages));\n  const [formState, setFormState] = useState(initFromState);\n  const {\n    classroom: {\n      nodes: [{ fluid: classroomImg }],\n    },\n    logo: {\n      nodes: [{ fluid: logoImg }],\n    },\n  } = useStaticQuery(imageQuery);\n\n  const emailValidation = value => {\n    const { emptyEmail, correctEmailTemplate } = errorsMessages;\n    if (value === \"\") {\n      if (errors.includes(emptyEmail)) return false;\n      setErrors(state => [...state, emptyEmail]);\n      return false;\n    } else {\n      setErrors(errors.filter(error => error !== emptyEmail));\n    }\n    if (\n      /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(\n        value\n      ) === false\n    ) {\n      if (errors.includes(correctEmailTemplate)) return false;\n      setErrors(state => [...state, correctEmailTemplate]);\n      return false;\n    } else {\n      setErrors(errors.filter(error => error !== correctEmailTemplate));\n    }\n\n    return false;\n  };\n  const passwordValidation = value => {\n    const { emptyPassword, passwordLength } = errorsMessages;\n    if (value === \"\") {\n      if (errors.includes(emptyPassword)) return false;\n      setErrors(state => [...state, emptyPassword]);\n      return false;\n    } else {\n      setErrors(errors.filter(error => error !== emptyPassword));\n    }\n    if (value.length < 6) {\n      if (errors.includes(passwordLength)) return false;\n      setErrors(state => [...state, passwordLength]);\n      return false;\n    } else {\n      setErrors(errors.filter(error => error !== passwordLength));\n    }\n    return false;\n  };\n  const handleEmailChange = e => {\n    e.preventDefault();\n    const value = e.target.value;\n    emailValidation(value);\n    setEmail(value);\n  };\n\n  const handelPasswordChange = e => {\n    e.preventDefault();\n    const value = e.target.value;\n    passwordValidation(value);\n    setPassword(value);\n  };\n\n  const handelCodeChange = e => {\n    e.preventDefault();\n    const value = e.target.value;\n    setCode(value);\n  };\n\n  const handleUsernameChange = e => {\n    e.preventDefault();\n    const value = e.target.value;\n    setUsername(value);\n  };\n\n  const handelPreSignup = type => e => {\n    e.preventDefault();\n    setFormState(type === \"user\" || type === \"parent\" ? \"signup\" : type);\n    setValues(state => ({ ...state, type }));\n  };\n\n  const setValuesAndForm = fn => {\n    setValues(state => fn(state));\n    setFormState(\"signup\");\n  };\n\n  return (\n    <div className=\"login\">\n      <div className=\"login-logo\">\n        <Img fluid={logoImg} alt=\"logo\" />\n      </div>\n      <div className=\"login-image\">\n        <Img style={{ height: \"100vh\" }} fluid={classroomImg} alt=\"قسم\" />\n      </div>\n      <div className=\"login-form\">\n        {location?.hash === \"#tuto\" && (\n          <h3> عليك فتح حساب في الموقع قبل التسجيل في الدروس التدعيمية </h3>\n        )}\n        <form>\n          {formState === \"preSignup\" && (\n            <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n              <h3> هل أنت: </h3>\n              <Button handelClick={handelPreSignup(\"teacher\")}>أستاذ</Button>\n              <Button handelClick={handelPreSignup(\"student\")}>تلميذ</Button>\n              <Button handelClick={handelPreSignup(\"parent\")}>ولي أمر</Button>\n              <Button handelClick={handelPreSignup(\"user\")}>مستخدم</Button>\n            </div>\n          )}\n          {formState === \"teacher\" && (\n            <>\n              <h3>إختر المادة</h3>\n              <NewSelect\n                name=\"subject\"\n                value={values.subject}\n                options={[\"إختر المادة\", ...subjects]}\n                setValue={setValuesAndForm}\n              />\n            </>\n          )}\n          {formState === \"student\" && (\n            <>\n              <NewSelect\n                value={values.level}\n                options={[\"إختر المستوى\", ...getLevels()]}\n                setValue={setValues}\n                name=\"level\"\n              />\n              <NewSelect\n                value={values.division}\n                options={[\"إختر الشعبة\", ...getDivisions(values.level)]}\n                setValue={setValuesAndForm}\n                name=\"division\"\n              />\n            </>\n          )}\n          {formState === \"signup\" && (\n            <input\n              style={{ marginBottom: \"1em\" }}\n              id=\"username\"\n              type=\"text\"\n              placeholder=\"اسم المستخدم\"\n              value={username}\n              onChange={handleUsernameChange}\n            />\n          )}\n          {formState.includes(\"sign\") && (\n            <>\n              <LoginWithProvider />\n              <input\n                style={{ marginBottom: \"1em\" }}\n                id=\"email\"\n                type=\"email\"\n                placeholder=\"example@gmail.com\"\n                value={email}\n                onChange={handleEmailChange}\n              />\n              <input\n                style={{ marginBottom: \"1em\" }}\n                id=\"password\"\n                type=\"password\"\n                placeholder=\"كلمة المرور\"\n                value={password}\n                onChange={handelPasswordChange}\n              />\n              <ul>\n                {errors.map((error, index) => (\n                  <li key={index} style={{ color: \"#191b1d\" }}>\n                    {error}\n                  </li>\n                ))}\n              </ul>\n            </>\n          )}\n          {formState === \"confirmation\" && (\n            <input\n              style={{ marginBottom: \"1em\" }}\n              id=\"code\"\n              type=\"number\"\n              placeholder=\"رمز التحقق\"\n              value={code}\n              onChange={handelCodeChange}\n            />\n          )}\n\n          {formState.includes(\"sign\") && (\n            <>\n              <Buttons\n                errors={errors}\n                username={username || email}\n                email={email}\n                password={password}\n                code={code}\n                values={values}\n                formState={formState}\n                setFormState={setFormState}\n              />\n            </>\n          )}\n        </form>\n      </div>\n    </div>\n  );\n};\n\nexport default Login;\n","import React from \"react\";\nimport { navigate } from \"gatsby\";\nimport { Auth } from \"@aws-amplify/auth\";\n\nimport Button from \"../../atomes/button\";\n\nconst SigninBtn = ({ errors, username, password }) => {\n  const handelSignin = e => {\n    e.preventDefault();\n    Auth.signIn(username, password)\n      .then(user => {\n        navigate(\"/App/thankyou/\");\n      })\n      .catch(err => console.error(err));\n  };\n\n  const handelChangePassword = e => {\n    e.preventDefault();\n    // todo impliment change password\n  };\n  return (\n    <>\n      <Button type=\"secondary\" handelClick={handelSignin}>\n        سجل الدخول\n      </Button>\n      <Button type=\"link\" handelClick={handelChangePassword}>\n        تغيير كلمة المرور\n      </Button>\n    </>\n  );\n};\n\nexport default SigninBtn;\n","import React from \"react\";\n\nimport Login from \"../components/organism/login\";\nimport SigninBtn from \"../components/molecules/signinBtn\";\n\nconst Signin = () => {\n  return <Login Buttons={SigninBtn} initFromState=\"signin\" />;\n};\n\nexport default Signin;\n"],"names":["LoginWithProvider","React","className","Button","type","handelClick","async","e","preventDefault","Auth","provider","iconName","_ref","Buttons","initFromState","location","errorsMessages","emptyPassword","passwordLength","emptyEmail","correctEmailTemplate","values","setValues","useState","subject","level","division","email","setEmail","password","setPassword","username","setUsername","code","setCode","errors","setErrors","Object","formState","setFormState","classroom","nodes","fluid","classroomImg","logo","logoImg","useStaticQuery","handelPreSignup","state","_objectSpread","setValuesAndForm","fn","Img","alt","style","height","hash","display","flexDirection","NewSelect","name","value","options","concat","_toConsumableArray","subjects","setValue","getLevels","getDivisions","marginBottom","id","placeholder","onChange","target","includes","filter","error","test","emailValidation","length","passwordValidation","map","index","key","color","then","user","navigate","catch","err","console","Signin","Login","SigninBtn"],"sourceRoot":""}