https://www.devwares.com/component---src-pages-app-2-signin-index-js-39a4b57084e09e9ed4c4.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[24],{btc8:function(e,t,n){"use strict";n.r(t);var a=n("q1tI"),c=n.n(a),i=n("Wbzz"),r=n("y6RJ"),s=n("KYPV");const o=n("vOnD").a.div.withConfig({displayName:"SignInstyles__StyledWrapper",componentId:"sc-1vr789n-0"})(['\n  align-items: center;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  .box {\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 450px;\n    padding: 30px 0;\n    width: 90%;\n    background: #ffffff;\n    box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);\n    border-radius: 5px;\n    border: 0.5px solid #b4b4b4;\n    .logo {\n      display: flex;\n      justify-content: center;\n      padding-bottom: 10px;\n      img {\n        width: 50px;\n      }\n    }\n    form {\n      padding: 10px;\n      .form-submit {\n        display: flex;\n        margin-top: 30px !important;\n        margin: 14px;\n        padding: 15px 10px;\n        background: #ccc9ff;\n        border-radius: 5px;\n        input {\n          background: #ccc9ff;\n          width: 100%;\n          border: 0;\n          color: #3329e0;\n          font: inherit;\n          margin: 0;\n          outline: 0;\n          padding: 0;\n        }\n        input[type="submit"] {\n          cursor: pointer;\n        }\n      }\n      .span {\n        padding: 0 15px;\n        span {\n          color: #3329e0;\n        }\n      }\n      .form-field {\n        display: flex;\n        margin-top: 40px !important;\n        margin: 15px;\n        padding: 15px 10px;\n        background: #ffffff;\n        border-radius: 10px;\n        border: 0.5px solid #b4b4b4;\n        box-shadow: 0px 7px 64px rgba(0, 0, 0, 0.07);\n        border-radius: 6px;\n        input {\n          width: 100%;\n          background-image: none;\n          border: 0;\n          color: inherit;\n          font: inherit;\n          margin: 0;\n          outline: 0;\n          padding: 0;\n          -webkit-transition: background-color 0.3s;\n          transition: background-color 0.3s;\n        }\n        input[type="submit"] {\n          cursor: pointer;\n        }\n      }\n    }\n  }\n']);var l=n("QqHg"),d=n.n(l),p=n("NTUg"),m=n.n(p),u=n("cjwt"),g=n("qKvR");t.default=e=>{let{location:t}=e;const{requestLogin:n,error:l,buttonState:p,setButtonState:f,setUser:h}=Object(a.useContext)(u.a),{0:x,1:j}=Object(a.useState)(!1),{0:O,1:w}=Object(a.useState)(!1),{0:v,1:y}=Object(a.useState)(!1),N=e=>{let t;return e?/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,12}$/i.test(e)||(t="Invalid email address"):t="Email is required",t},k=e=>{let t;return e?e.length<8&&(t="Passoword should be atleast 8 characters"):t="Passoword is required",t},C=async e=>{let{auth:n,email:a,name:c}=e;await r.a.firestore().collection("users").doc(n.user.uid).set({createdAt:r.a.firestore.FieldValue.serverTimestamp(),disabled:!1,email:a,name:c,framerPlan:"free",noOfExports:20,aiRequestCount:3,signedUp:"devwares",projects:[],currentPlan:"free",dayCounter:0,responseMessageId:"",respondedToEmail:!1});let s={url:"https://app.windframe.dev/sign-in?email="+r.a.auth().currentUser.email};addNotification({title:"Account Created",message:"Your now have an Account at Devwares",level:"success"}),n.user.sendEmailVerification(s).then((function(){"?q=WindFrame"==t.search?Object(i.navigate)("https://app.windframe.dev"):Object(i.navigate)("/app/confirm")})).catch(e=>{console.log(e)})};return Object(g.c)(a.Fragment,null,Object(g.c)(o,null,Object(g.c)("div",{className:"box mb-5"},Object(g.c)(i.Link,{to:"/"},Object(g.c)("div",{className:"logo"},Object(g.c)("img",{src:d.a,alt:"devwares"}))),x?Object(g.c)(c.a.Fragment,null,Object(g.c)("div",{onClick:()=>j(!1),className:"text-black mx-[25px] cursor-pointer text-sm font-medium flex items-center gap-x-1 hover:underline"},Object(g.c)(b,{fill:"#000"}),"Back"),Object(g.c)(s.c,{initialValues:{email:"",password:""},onSubmit:e=>{console.log(e.email,e.password,t),f(!0),n(e.email,e.password,t)}},e=>{let{errors:n,touched:a,handleChange:c,handleBlur:r}=e;return Object(g.c)(s.b,{className:"form login"},Object(g.c)("div",{className:"form-field"},Object(g.c)(s.a,{type:"email",name:"email",className:"form-input",placeholder:"Email",onBlur:r,onChange:c,validate:N})),Object(g.c)("div",{className:"red-text"},n.email&&a.email&&n.email),Object(g.c)("div",{className:"form-field"},Object(g.c)(s.a,{type:"password",name:"password",className:"form-input",placeholder:"Password",onBlur:r,onChange:c,validate:k})),Object(g.c)("div",{className:"red-text"},n.password&&a.password&&n.password),Object(g.c)("span",null,Object(g.c)("span",{className:"span",style:{color:"#3329e0"}},Object(g.c)(i.Link,{to:"/app2/forgot-password"},"Forgot Password?"))),Object(g.c)("div",{className:"form-submit"},p&&Object(g.c)("img",{src:m.a,alt:"loading gif",style:{margin:"auto"}}),!p&&Object(g.c)("input",{type:"submit",disabled:p||O||v,value:"Login"})),Object(g.c)("div",{className:"red-text"},l?Object(g.c)("p",null,l," "):null),Object(g.c)("span",{className:"span"},"Don't have an Account?",Object(g.c)("span",{className:"ml-2"},Object(g.c)(i.Link,{to:"?q=WindFrame"==t.search?"/app2/signup?q=WindFrame":"/app2/signup"},"Sign Up for Free"))))})):Object(g.c)("div",{className:"mx-[25px] space-y-6 my-4"},Object(g.c)("div",null,Object(g.c)("div",{onClick:()=>{y(!0),r.a.auth().signInWithPopup(new r.a.auth.GithubAuthProvider).then(e=>{const a=e.user;r.a.firestore().collection("users").doc(a.uid).get().then(async c=>{c.exists?n(null,null,t,e):await C({email:a.email,name:a.displayName,auth:e})})}).catch(e=>{let t=e.message;t=t.replaceAll("Firebase: ","").replaceAll(`(${e.code}).`,""),addNotification({title:"Account Creation failed",message:t+" Try again later.",level:"error"})}).finally(()=>{y(!1)})},className:"px-[15px] py-[10px] cursor-pointer border bg-gray-100 rounded-lg flex items-center justify-center text-gray-700"},v&&Object(g.c)("img",{src:m.a,alt:"loading gif",className:"",style:{marginRight:"0.25rem"}}),Object(g.c)("img",{className:"w-6 h-6 rounded-full mr-1",src:"https://github.githubassets.com/assets/GitHub-Mark-ea2971cee799.png"}),Object(g.c)("span",{className:"text-sm"},"Continue with Github"))),Object(g.c)("div",null,Object(g.c)("div",{onClick:()=>{w(!0),r.a.auth().signInWithPopup(new r.a.auth.GoogleAuthProvider).then(e=>{const a=e.user;r.a.firestore().collection("users").doc(a.uid).get().then(async c=>{c.exists?n(null,null,t,e):await C({email:a.email,name:a.displayName,auth:e})})}).catch(e=>{let t=e.message;t=t.replaceAll("Firebase: ","").replaceAll(`(${e.code}).`,""),addNotification({title:"Account Creation failed",message:t+" Try again later.",level:"error"})}).finally(()=>{w(!1)})},className:"px-[15px] py-[10px] cursor-pointer border bg-gray-100 rounded-lg flex items-center justify-center text-gray-700"},O&&Object(g.c)("img",{src:m.a,alt:"loading gif",className:"",style:{marginRight:"0.25rem"}}),Object(g.c)("img",{className:"w-6 h-6 rounded-full mr-1",src:"https://cdn1.iconfinder.com/data/icons/google-s-logo/150/Google_Icons-09-512.png"}),Object(g.c)("span",{className:"text-sm"},"Continue with Google"))),Object(g.c)("div",null,Object(g.c)("div",{onClick:()=>{O||v||j(!0)},className:"px-[15px] py-[10px] cursor-pointer border bg-gray-100 rounded-lg flex items-center justify-center text-gray-700"},Object(g.c)("svg",{viewBox:"0 0 24 24",fill:"none",className:"w-6 h-6 mr-1",xmlns:"http://www.w3.org/2000/svg"},Object(g.c)("g",{id:"SVGRepo_bgCarrier",strokeWidth:"0"}

1),Object(g.c)("g",{id:"SVGRepo_tracerCarrier",strokeLinecap:"round",strokeLinejoin:"round"}),Object(g.c)("g",{id:"SVGRepo_iconCarrier"},Object(g.c)("path",{d:"M4 7L10.94 11.3375C11.5885 11.7428 12.4115 11.7428 13.06 11.3375L20 7M5 18H19C20.1046 18 21 17.1046 21 16V8C21 6.89543 20.1046 6 19 6H5C3.89543 6 3 6.89543 3 8V16C3 17.1046 3.89543 18 5 18Z",stroke:"#000000",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}))),Object(g.c)("span",{className:"text-sm"},"Continue with Email")))))))};const b=e=>{let{className:t,fill:n}=e;return Object(g.c)("svg",{fill:n||"#000000",height:"18px",width:"18px",viewBox:"0 0 512 512",className:t},Object(g.c)("g",{id:"Layer_1"}),Object(g.c)("g",{id:"Layer_2"},Object(g.c)("g",null,Object(g.c)("path",{className:"st0",d:"M217,129.88c-6.25-6.25-16.38-6.25-22.63,0L79.61,244.64c-0.39,0.39-0.76,0.8-1.11,1.23    c-0.11,0.13-0.2,0.27-0.31,0.41c-0.21,0.28-0.42,0.55-0.62,0.84c-0.14,0.21-0.26,0.43-0.39,0.64c-0.14,0.23-0.28,0.46-0.41,0.7    c-0.13,0.24-0.24,0.48-0.35,0.73c-0.11,0.23-0.22,0.45-0.32,0.68c-0.11,0.26-0.19,0.52-0.28,0.78c-0.08,0.23-0.17,0.46-0.24,0.69    c-0.09,0.29-0.15,0.58-0.22,0.86c-0.05,0.22-0.11,0.43-0.16,0.65c-0.08,0.38-0.13,0.76-0.17,1.14c-0.02,0.14-0.04,0.27-0.06,0.41    c-0.11,1.07-0.11,2.15,0,3.22c0.01,0.06,0.02,0.12,0.03,0.18c0.05,0.46,0.12,0.92,0.21,1.37c0.03,0.13,0.07,0.26,0.1,0.39    c0.09,0.38,0.18,0.76,0.29,1.13c0.04,0.13,0.09,0.26,0.14,0.4c0.12,0.36,0.25,0.73,0.4,1.09c0.05,0.11,0.1,0.21,0.15,0.32    c0.17,0.37,0.34,0.74,0.53,1.1c0.04,0.07,0.09,0.14,0.13,0.21c0.21,0.38,0.44,0.76,0.68,1.13c0.02,0.03,0.04,0.06,0.06,0.09    c0.55,0.81,1.18,1.58,1.89,2.29l114.81,114.81c3.12,3.12,7.22,4.69,11.31,4.69s8.19-1.56,11.31-4.69c6.25-6.25,6.25-16.38,0-22.63    l-87.5-87.5h291.62c8.84,0,16-7.16,16-16s-7.16-16-16-16H129.51L217,152.5C223.25,146.26,223.25,136.13,217,129.88z"}))))}}}]);
2//# sourceMappingURL=component---src-pages-app-2-signin-index-js-39a4b57084e09e9ed4c4.js.map