https://www.blog-writer.ai/_next/static/chunks/pages/sign-in-e2e5221d46b3c9fd.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1312],{70190:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sign-in",function(){return a(48039)}])},49384:function(e,t){"use strict";t.Z={src:"/_next/static/media/auth.0b33f9f1.png",height:1920,width:1260,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAMAAAAGL8UJAAAANlBMVEUHBCXx8vEcGFxXVnUVElFPTmOLiZMjIW3+/v0WE1+WlJwPDSkqKEzg4OFqaXhpaHdhYHrX2NYaEskdAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAALElEQVR4nD3BxQEAIAwEsKtRwfdflh8J0t0T6syKcUQMO4guVkRMWLVq6PgeGlsA7+oT/asAAAAASUVORK5CYII=",blurWidth:5,blurHeight:8}},48039:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return R}});var n=a(85893),o=a(57556),r=a(31046),i=a(6459),s=a(88329),l=a(68029),c=a(90092),u=a(38491),p=a(12553),d=a(54506),h=a(30980),x=a(82206),m=a(4296),f=a(89342),g=a(57879),w=a(49384),b=a(98273),A=a(17047),j=a(67294),y=a(81872),v=a(5434),S=a(79352),k=a(4394),_=a(11163),C=a(49573),I=a(41664),W=a.n(I),z=a(41014),L=a(3349);let SignUpComponent=()=>{let{t:e}=(0,C.$G)("auth"),t=(0,_.useRouter)(),[a,I]=(0,j.useState)(!1),[z]=(0,L.F_)(o.I8),{handleLoginGoogle:R,handleLogin:U}=(0,k.q)(),E=(0,r.ff)("navy.700","white"),N="gray.500",D=(0,r.ff)("navy.700","gray.500"),O=(0,r.ff)("brand.500","white"),T=(0,r.ff)("brand.500","brand.400"),G=(0,r.ff)("gray.200","whiteAlpha.200"),F=(0,r.ff)({color:"gray.500",fontWeight:"500"},{color:"whiteAlpha.600",fontWeight:"500"}),[q,V]=j.useState(!1),[X,Z]=(0,j.useState)({}),[J,P]=(0,j.useState)({}),H=(0,i.p)(),handleuserLoginGoogle=async()=>{let e={};if(X.email){var t;t=X.email,/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)||(e.email="メールの形式をお確かめください")}else e.email="メールを入力してください。";if(X.password||(e.password="パスワードを入力してください。"),Object.keys(e).length>0){P(e);return}let a=localStorage.getItem("path")||"/article/list";localStorage.removeItem("path"),I(!0);let n=await U(X.email,X.password,a);if(n){let e="";switch(n){case"auth/invalid-email":case"auth/user-not-found":e="メールが正しくありません。再度ご確認ください。";break;default:e="メール、もしくはパスワードが正しくありません。再度ご確認ください。"}H({title:"ログインに失敗しました。",description:e,status:"error",duration:9e3,isClosable:!0})}};return(0,j.useEffect)(()=>

1{(null==z?void 0:z.uid)&&!a&&t.push("/article/list")},[z]),(0,n.jsx)(A.Z,{illustrationBackground:null===w.Z||void 0===w.Z?void 0:w.Z.src,children:(0,n.jsxs)(s.k,{w:"100%",maxW:"max-content",mx:{base:"auto",lg:"0px"},me:"auto",h:"100%",justifyContent:"center",mb:{base:"30px",md:"60px"},px:{base:"25px",md:"0px"},mt:{base:"40px",md:"12vh"},flexDirection:"column",children:[(0,n.jsx)(l.x,{me:"auto",children:(0,n.jsx)(c.x,{color:E,fontSize:{base:"28px",lg:"28px"},mb:"10px",mt:"58px",fontWeight:"700",children:e("login")})}),(0,n.jsxs)(s.k,{zIndex:"2",direction:"column",w:{base:"100%",md:"420px"},maxW:"100%",background:"transparent",borderRadius:"15px",mx:{base:"auto",lg:"unset"},me:"auto",mb:{base:"20px",md:"auto"},children:[(0,n.jsxs)(u.z,{variant:"transparent",border:"1px solid",borderColor:G,borderRadius:"14px",ms:"auto",mb:"30px",fontSize:"md",w:{base:"100%"},h:"54px",onClick:()=>{let e=localStorage.getItem("path")||"/article/list";R(e),localStorage.removeItem("path")},children:[(0,n.jsx)(p.J,{as:y.JM8,w:"20px",h:"20px",me:"10px"}),e("continueWithGoogle")]}),(0,n.jsxs)(s.k,{align:"center",mb:"25px",children:[(0,n.jsx)(b.q,{}),(0,n.jsx)(c.x,{color:N,fontWeight:"500",fontSize:"sm",mx:"14px",children:"or"}),(0,n.jsx)(b.q,{})]}),(0,n.jsxs)(d.NI,{children:[(0,n.jsxs)(h.l,{cursor:"pointer",display:"flex",ms:"4px",htmlFor:"email",fontSize:"sm",fontWeight:"500",color:E,mb:"8px",children:[e("email"),(0,n.jsx)(c.x,{color:T,children:"*"})]}),(0,n.jsx)(x.I,{isRequired:!0,id:"email",variant:"auth",fontSize:"sm",type:"email",placeholder:e("email_placeholder"),mb:"24px",size:"lg",borderColor:G,h:"54px",fontWeight:"500",_placeholder:{placeholderColor:F},onChange:e=>{P(e=>({...e,email:""})),Z(t=>({...t,email:e.target.value}))}}),(0,n.jsx)(h.l,{cursor:"pointer",fontSize:"sm",fontWeight:"500",htmlFor:"pass",color:"red.600",marginTop:"-15px",display:"flex",children:(0,n.jsx)(c.x,{color:"red.500",children:J.email})}),(0,n.jsxs)(h.l,{cursor:"pointer",ms:"4px",fontSize:"sm",fontWeight:"500",htmlFor:"pass",color:E,display:"flex",children:[e("password"),(0,n.jsx)(c.x,{color:T,children:"*"})]}),(0,n.jsxs)(m.B,{size:"md",children:[(0,n.jsx)(x.I,{isRequired:!0,variant:"auth",id:"pass",fontSize:"sm",placeholder:e("password_placeholder"),mb:"24px",size:"lg",borderColor:G,h:"54px",fontWeight:"500",_placeholder:{placeholderColor:F},type:q?"text":"password",onChange:e=>{P(e=>({...e,password:""})),Z(t=>({...t,password:e.target.value}))}}),(0,n.jsx)(f.x,{display:"flex",alignItems:"center",mt:"4px",children:(0,n.jsx)(p.J,{color:N,_hover:{cursor:"pointer"},as:q?S.nO8:v.WCS,onClick:()=>V(!q)})})]}),(0,n.jsx)(h.l,{cursor:"pointer",fontSize:"sm",fontWeight:"500",htmlFor:"pass",color:"red.600",marginTop:"-15px",display:"flex",children:(0,n.jsx)(c.x,{color:"red.500",children:J.password})}),(0,n.jsx)(g.r,{as:W(),href:"/reset-password",cursor:"pointer",fontSize:"sm",fontWeight:"500",display:"flex",justifyContent:"right",_hover:{textDecoration:"underline"},children:(0,n.jsx)(c.x,{children:"パスワードをお忘れの方はこちら"})}),(0,n.jsx)(s.k,{justifyContent:"space-between",align:"center",mb:"24px"}),(0,n.jsx)(u.z,{variant:"primary",py:"20px",px:"16px",fontSize:"sm",borderRadius:"45px",mt:{base:"20px",md:"0px"},w:"100%",h:"54px",mb:"24px",onClick:()=>{handleuserLoginGoogle()},children:e("login")})]}),(0,n.jsxs)(s.k,{justifyContent:"center",alignItems:"start",maxW:"100%",mt:"0px",children:[(0,n.jsx)(c.x,{color:D,fontWeight:"500",fontSize:"sm",children:e("no_account")}),(0,n.jsx)(W(),{href:"/register",children:(0,n.jsx)(l.x,{py:"0px",lineHeight:"120%",children:(0,n.jsx)(c.x,{color:O,fontSize:"sm",as:"span",ms:"5px",fontWeight:"600",children:e("register")})})})]})]})]})})};var R=!0;t.default=function(){return(0,n.jsx)(z.Z,{children:(0,n.jsx)(SignUpComponent,{})})}},41014:function(e,t,a){"use strict";var n=a(85893),o=a(5152),r=a.n(o),i=a(67294);let NoSsr=e=>(0,n.jsx)(i.Fragment,{children:e.children});t.Z=r()(()=>Promise.resolve(NoSsr),{ssr:!1})},17047:function(e,t,a){"use strict";a.d(t,{Z:function(){return DefaultAuthLayout}});var n=a(85893),o=a(88329),r=a(68029),i=a(31046);function Footer(){return(0,i.ff)("gray.500","white"),(0,n.jsx)(o.k,{zIndex:"3",flexDirection:{base:"column",lg:"row"},alignItems:"center",justifyContent:"space-between",px:{base:"30px",md:"0px"},pb:"30px"})}function DefaultAuthLayout(e){let{children:t,illustrationBackgroun

1d:a}=e;return(0,n.jsx)(o.k,{position:"relative",h:"max-content",children:(0,n.jsxs)(o.k,{h:{sm:"initial",md:"unset",lg:"100vh",xl:"97vh"},w:"100%",maxW:{md:"66%",lg:"1313px"},mx:"auto",pt:{sm:"50px",md:"0px"},px:{lg:"30px",xl:"0px"},ps:{xl:"70px"},justifyContent:"start",direction:"column",children:[t,(0,n.jsx)(r.x,{display:{base:"none",md:"block"},h:"100%",minH:"100vh",w:{lg:"50vw","2xl":"44vw"},position:"absolute",right:"0px",children:(0,n.jsx)(o.k,{bg:"url(".concat(a,")"),justify:"center",align:"end",w:"100%",h:"100%",bgSize:"cover",bgPosition:"50%",position:"absolute"})}),(0,n.jsx)(Footer,{})]})})}},98273:function(e,t,a){"use strict";a.d(t,{q:function(){return HSeparator}});var n=a(85893),o=a(31046),r=a(88329);let HSeparator=e=>{let t=(0,o.ff)("gray.200","whiteAlpha.300"),{variant:a,...i}=e;return(0,n.jsx)(r.k,{h:"1px",w:"100%",bg:t,...i})}},4394:function(e,t,a){"use strict";a.d(t,{q:function(){return managerAuth}});var n=a(57556),o=a(56433),r=a(23234),i=a(90109),s=a(11163),l=a(9473);let managerAuth=()=>{let e=(0,s.useRouter)(),t=(0,l.I0)(),updateOnfirebase=async e=>{try{let t=(0,i.JU)(n.RZ,"users",e.uid),a=await (0,i.QT)(t);if(void 0===a.data())try{await (0,i.pl)(t,{informationUser:e})}catch(e){console.log("error set data ")}else try{await (0,i.r7)(t,{informationUser:e})}catch(e){console.log(e)}}catch(e){console.log(e)}};async function logout(){let a=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/sign-in";await (0,r.w7)(n.I8),a&&(t({type:o.xL,data:0}),t({type:o.AX,data:null}),e.push(a))}return{handleLoginGoogle:function(t){let a=new r.hJ;a.addScope("https://www.googleapis.com/auth/userinfo.profile"),a.addScope("https://www.googleapis.com/auth/userinfo.email"),a.setCustomParameters({prompt:"select_account"}),(0,r.rh)(n.I8,a).then(async a=>{let{user:n}=a,o=n.providerData[0].email;await updateOnfirebase({uid:n.uid,email:o,photoURL:n.photoURL,displayName:n.displayName,phoneNumber:n.phoneNumber,createdAt:new Date().getTime(),updatedAt:new Date().getTime()}),e.push(t)}).catch(e=>{console.log(e)})},handleRegisterGoogle:function(t){let a=new r.hJ;a.setCustomParameters({prompt:"select_account"}),a.addScope("https://www.googleapis.com/auth/userinfo.profile"),a.addScope("https://www.googleapis.com/auth/userinfo.email"),(0,r.rh)(n.I8,a).then(async a=>{let n=a.user,o=n.providerData[0].email;await updateOnfirebase({uid:n.uid,email:o,photoURL:n.photoURL,createdAt:new Date().getTime(),updatedAt:new Date().getTime()}),e.push(t)}).catch(e=>{console.log(e)})},createUser:async function(e,t){let a=await (0,r.Xb)(n.I8,e,t);if(a.user){let e=a.user;return await updateOnfirebase({uid:e.uid,email:e.email,photoURL:e.photoURL,createdAt:new Date().getTime(),updatedAt:new Date().getTime()}),e}return null},handleLogin:async function(t,a,o){return await (0,r.e5)(n.I8,t,a).then(async t=>{console.log(t);let{user:a}=t;if(!a.emailVerified)return alert("We have sent an activation email to your email address."),logout(""),"";e.push(o)}).catch(e=>e.code)},logout,handleLoginauthen:async function(e,t,a){return await (0,r.e5)(n.I8,e,t).then(e=>e).catch(e=>e.code)},updateOnfirebase}}},57879:function(e,t,a){"use strict";a.d(t,{r:function(){return c}});var n=a(85893),o=a(16431),r=a(77260),i=a(49381),s=a(73035),l=a(26277);let c=(0,i.G)(function(e,t){let a=(0,s.m)("Link",e),{className:i,isExternal:c,...u}=(0,o.L)(e);return(0,n.jsx)(l.m.a,{target:c?"_blank":void 0,rel:c?"noopener":void 0,ref:t,className:(0,r.cx)("chakra-link",i),...u,__css:a})});c.displayName="Link"}},function(e){e.O(0,[1228,5937,994,1664,4055,6540,9774,2888,179],function(){return e(e.s=70190)}),_N_E=e.O()}]);