https://tilnote.io/_next/static/chunks/9382-519f172865f07e7a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9382],{69382:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var a=s(37876),r=s(94208),l=s.n(r),n=s(14232),o=s(89099),c=s(46358),i=s(31777),d=s(36438),m=s(96599),u=s(48230),f=s.n(u),x=s(30014),b=s(82753);let h=({email:e})=>{let t=(0,o.useRouter)(),[s,r]=(0,n.useState)({loading:!1,message:"",error:!1}),l=async()=>{try{r({loading:!0,message:"",error:!1});let s=await d.A.post("/users/resend-verification",{email:e,locale:t.locale});r({loading:!1,message:s.data.message,error:!1})}catch(e){r({loading:!1,message:e.response?.data?.error||"인증 메일 재전송에 실패했습니다.",error:!0})}},c={"gmail.com":"https://mail.google.com","naver.com":"https://mail.naver.com","daum.net":"https://mail.daum.net","kakao.com":"https://mail.kakao.com","yahoo.com":"https://mail.yahoo.com","outlook.com":"https://outlook.live.com","hotmail.com":"https://outlook.live.com"}[e.split("@")[1].toLowerCase()]||null;return(0,a.jsxs)("div",{className:"text-center max-w-md mx-auto p-6",children:[(0,a.jsx)("h2",{className:"text-xl font-semibold mb-4",children:"이메일 인증이 필요합니다"}),(0,a.jsxs)("p",{className:"mb-2",children:[e,"로 인증 메일을 보냈습니다."]}),(0,a.jsx)("p",{className:"mb-6",children:"인증 링크는 10분 동안 유효합니다."}),c&&(0,a.jsx)("a",{href:c,target:"_blank",rel:"noopener noreferrer",className:"block mb-4 text-blue-600 hover:text-blue-800",children:"메일함으로 바로가기 →"}),(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("button",{onClick:l,disabled:s.loading,className:`btn ${s.loading?"btn-gray":"btn-blue"} w-full`,children:s.loading?"전송 중...":"인증 메일 다시 받기"}),s.message&&(0,a.jsx)("p",{className:`mt-4 ${s.error?"text-red-500":"text-green-500"}`,children:s.message})]})]})};var p=s(37569);let g=({setLoginModal:e,parentMode:t="login",setLoad:s,loadToc:r,onSuccess:u,redirectTo:g})=>

1{let[j,w]=(0,n.useState)(""),[y,v]=(0,n.useState)(""),[N,k]=(0,n.useState)(""),[C,I]=(0,n.useState)(t),[S,U]=(0,n.useState)(!1),[A,L]=(0,n.useState)(""),[E,P]=(0,n.useState)(!1),[_,R]=(0,n.useState)(""),z=(0,o.useRouter)(),D=(0,i.wA)(),M=()=>{let e=null;try{e=JSON.parse(sessionStorage.getItem("ctaContext")||"null")}catch{}return{source:e?.type||"direct",ctaContext:e,referrer:document.referrer||"",firstPageUrl:sessionStorage.getItem("firstPageUrl")||window.location.href,utmSource:sessionStorage.getItem("utm_source")||"",utmMedium:sessionStorage.getItem("utm_medium")||"",utmCampaign:sessionStorage.getItem("utm_campaign")||"",signupPageUrl:window.location.href}};(0,n.useEffect)(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="unset"}),[]);let F=async()=>{let e=window.location.href;try{await navigator.clipboard.writeText(e),D(c.setFlash({message:"URL이 복사되었습니다. 외부 브라우저에 붙여넣기 해주세요.",type:"success",timestamp:+new Date}))}catch{let t=document.createElement("textarea");t.value=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),D(c.setFlash({message:"URL이 복사되었습니다. 외부 브라우저에 붙여넣기 해주세요.",type:"success",timestamp:+new Date}))}};return((0,n.useEffect)(()=>{if(s&&!r)return s(!1),()=>{r()}},[r,s]),S)?(0,a.jsxs)("div",{onClick:()=>U(!1),className:"jsx-93dd2f4ec6f2574b fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4 animate-fadeIn",children:[(0,a.jsxs)("div",{onClick:e=>e.stopPropagation(),className:"jsx-93dd2f4ec6f2574b relative bg-white rounded-2xl shadow-2xl w-full max-w-md overflow-hidden animate-slideUp p-6",children:[(0,a.jsx)("h3",{className:"jsx-93dd2f4ec6f2574b text-lg font-bold text-gray-800 mb-3",children:"외부 브라우저에서 로그인해주세요"}),(0,a.jsxs)("p",{className:"jsx-93dd2f4ec6f2574b text-gray-600 text-sm mb-4 leading-relaxed",children:["현재 앱 내 브라우저에서는 구글 로그인이 지원되지 않습니다.",(0,a.jsx)("br",{className:"jsx-93dd2f4ec6f2574b"}),"Safari 또는 Chrome에서 로그인해주세요."]}),(0,a.jsxs)("div",{className:"jsx-93dd2f4ec6f2574b bg-gray-50 rounded-xl p-4 mb-4",children:[(0,a.jsxs)("p",{className:"jsx-93dd2f4ec6f2574b text-sm text-gray-600 mb-2",children:[(0,a.jsx)("strong",{className:"jsx-93dd2f4ec6f2574b",children:"방법 1:"}),'우측 상단 메뉴(⋯) → "Safari/Chrome에서 열기"']}),(0,a.jsxs)("p",{className:"jsx-93dd2f4ec6f2574b text-sm text-gray-600",children:[(0,a.jsx)("strong",{className:"jsx-93dd2f4ec6f2574b",children:"방법 2:"})," 아래 버튼으로 URL 복사 후 브라우저에 붙여넣기"]})]}),(0,a.jsx)("button",{onClick:F,className:"jsx-93dd2f4ec6f2574b w-full px-4 py-3 bg-gradient-to-r from-blue-500 to-sky-400 text-white font-medium rounded-xl hover:from-blue-600 hover:to-sky-500 transition-all duration-200 shadow-md hover:shadow-lg mb-3",children:"현재 페이지 URL 복사하기"}),(0,a.jsx)("button",{onClick:()=>U(!1),className:"jsx-93dd2f4ec6f2574b w-full px-4 py-3 bg-gray-100 text-gray-700 font-medium rounded-xl hover:bg-gray-200 transition-all duration-200",children:"닫기"})]}),(0,a.jsx)(l(),{id:"93dd2f4ec6f2574b",children:"@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translatey(20px)scale(.95)}to{opacity:1;transform:translatey(0)scale(1)}}.animate-fadeIn.jsx-93dd2f4ec6f2574b{animation:fadeIn.2s ease-out}.animate-slideUp.jsx-93dd2f4ec6f2574b{animation:slideUp.3s ease-out}"})]}):E?(0,a.jsxs)("div",{onClick:()=>e(!1),className:"jsx-93dd2f4ec6f2574b fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4 animate-fadeIn",children:[(0,a.jsxs)("div",{onClick:e=>e.stopPropagation(),className:"jsx-93dd2f4ec6f2574b relative bg-white rounded-2xl shadow-2xl w-full max-w-md overflow-hidden animate-slideUp",children:[(0,a.jsx)("button",{onClick:()=>e(!1),"aria-label":"닫기",className:"jsx-93dd2f4ec6f2574b absolute top-4 right-4 z-10 w-8 h-8 flex items-center justify-center rounded-full bg-slate-100 hover:bg-slate-200 text-slate-600 transition-all",children:(0,a.jsx)("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",className:"jsx-93dd2f4ec6f2574b w-5 h-5",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12",className:"jsx-93dd2f4ec6f2574b"})})}),(0,a.jsx)("div",{className:"jsx-93dd2f4ec6f2574b bg-gradient-to-r from-blue-500 to-sky-400 px-6 py-3 text-center text-white",children:(0,a.jsx)("h2",{className:"jsx-93dd2f4ec6f2574b text-lg font-bold mb-0",children:"이메일 인증 안내"})}),(0,a.jsx)("div",{className:"jsx-93dd2f4ec6f2574b px-6 py-4",children:(0,a.jsx)(h,{email:_})})]}),(0,a.jsx)(l(),{id:"93dd2f4ec6f2574b",children:"@keyframes fadeIn{from{opacity:0}

1to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translatey(20px)scale(.95)}to{opacity:1;transform:translatey(0)scale(1)}}.animate-fadeIn.jsx-93dd2f4ec6f2574b{animation:fadeIn.2s ease-out}.animate-slideUp.jsx-93dd2f4ec6f2574b{animation:slideUp.3s ease-out}"})]}):(0,a.jsxs)("div",{onClick:()=>e(!1),className:"jsx-1f5a7d0c10bb6c0 fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-[9999] p-4 animate-fadeIn",children:[(0,a.jsxs)("div",{onClick:e=>e.stopPropagation(),className:"jsx-1f5a7d0c10bb6c0 relative bg-white rounded-2xl shadow-2xl w-full max-w-md overflow-hidden animate-slideUp",children:[(0,a.jsx)("button",{onClick:()=>e(!1),className:"jsx-1f5a7d0c10bb6c0 absolute top-4 right-4 z-10 w-8 h-8 flex items-center justify-center rounded-full bg-white/20 hover:bg-white/30 text-white transition-all",children:(0,a.jsx)("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",className:"jsx-1f5a7d0c10bb6c0 w-5 h-5",children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12",className:"jsx-1f5a7d0c10bb6c0"})})}),(0,a.jsxs)("div",{className:"jsx-1f5a7d0c10bb6c0 bg-gradient-to-r from-blue-500 to-sky-400 px-6 py-2.5 text-center text-white",children:[(0,a.jsx)("h2",{className:"jsx-1f5a7d0c10bb6c0 text-lg font-bold mb-0",children:"Tilnote"}),(0,a.jsx)("p",{className:"jsx-1f5a7d0c10bb6c0 text-white/90 text-sm",children:"나를 위해 노트를 써주는 AI를 만나보세요."})]}),(0,a.jsxs)("div",{className:"jsx-1f5a7d0c10bb6c0 px-6 py-4",children:[(0,a.jsxs)("button",{onClick:()=>{let e=g||`${window.location.pathname}${window.location.search}${window.location.hash}`;window.localStorage.setItem("redirect",e);let t=navigator.userAgent.toLowerCase(),s=t.includes("kakaotalk"),a=t.includes("instagram"),r=/fban|fbav/.test(t),l=t.includes("barcelona"),n=t.includes("line"),o=t.includes("naver"),c=/android/i.test(t),i=M();"register"===C&&(0,x.gH)(i.source);let d=new URL("https://server.tilnote.io/api/users/login/google");e&&d.searchParams.set("redirect",e),d.searchParams.set("signupMeta",JSON.stringify(i)),(0,p._M)(d.searchParams,{redirectPath:e});let m=d.toString();if(s)location.href=`kakaotalk://web/openExternal?url=${encodeURIComponent(m)}`;else if(a||r||l||n||o)if(c){let e=`intent://${m.replace(/^https?:\/\//,"")}#Intent;scheme=https;end`;location.href=e}else U(!0);else z.push(m)},className:"jsx-1f5a7d0c10bb6c0 w-full flex items-center justify-center gap-3 px-4 py-2.5 border-2 border-gray-200 rounded-xl hover:border-gray-300 hover:bg-gray-50 transition-all duration-200 mb-4",children:[(0,a.jsxs)("svg",{viewBox:"0 0 24 24",className:"jsx-1f5a7d0c10bb6c0 w-5 h-5",children:[(0,a.jsx)("path",{fill:"#4285F4",d:"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",className:"jsx-1f5a7d0c10bb6c0"}),(0,a.jsx)("path",{fill:"#34A853",d:"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",className:"jsx-1f5a7d0c10bb6c0"}),(0,a.jsx)("path",{fill:"#FBBC05",d:"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",className:"jsx-1f5a7d0c10bb6c0"}),(0,a.jsx)("path",{fill:"#EA4335",d:"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",className:"jsx-1f5a7d0c10bb6c0"})]}),(0,a.jsx)("span",{className:"jsx-1f5a7d0c10bb6c0 font-medium text-gray-700",children:"Google로 계속하기"})]}),(0,a.jsxs)("div",{className:"jsx-1f5a7d0c10bb6c0 relative mb-4",children:[(0,a.jsx)("div",{className:"jsx-1f5a7d0c10bb6c0 absolute inset-0 flex items-center",children:(0,a.jsx)("div",{className:"jsx-1f5a7d0c10bb6c0 w-full border-t border-gray-200"})}),(0,a.jsx)("div",{className:"jsx-1f5a7d0c10bb6c0 relative flex justify-center text-sm",children:(0,a.jsx)("span",{className:"jsx-1f5a7d0c10bb6c0 px-4 bg-white text-gray-400",children:"또는"})})]}),(0,a.jsxs)("form",{onSubmit:"login"===C?t=>{if(t.preventDefault(),""===j||""===y)return D(c.setFlash({message:"이메일 또는 비밀번호를 입력해 주세요.",type:"warn",timestamp:+new Date})),!1;window.localStorage.getItem("redirect")||window.localStorage.setItem("redirect",g||z.asPath),d.A.post("/users/login",{email:j,password:y}).then(t=>{if(window.localStorage.setItem("wuser",t.data.userId),window.localStorage.setItem("wname",t.data.userName),(0,m.hq)(),D(c.setUser({isAuthenticated:!0,userId:t.data.userId,userName:t.data.userName})),e(!1),u)u();else{let e=window.localStorage.getItem("redirect");e&&(window.localStorage.removeItem("redirect"),z.push(e))}}).catch(e=>{e.response?.data&&D(c.setFlash({message:e.response.data.error,type:"warn",timestamp:+new Date}))})}:e=>{if(e.preventDefault(),""===j||""===y||""===N)return D(c.setFlash({message:"이메일 또는 이름, 비밀번호를 입력해 주세요.",type:"warn",timestamp:+new Date})),!1;window.localStorage.getItem("redirect")||window.localStorage.setItem("redirect",g||z.asPath);let t=M();(0,x.gH)(t.source),d.A.post("/users/register",{email:j,password:y,name:N,signupMeta:t,turnstileToken:A}).then(e=>{var s;let a;R(j),P(!0),(0,x.PU)(t.source,"email"),s=e.data.userId,(a=localStorage.getItem("cta_log_id"))&&d.A.patch(`/stats/cta-log/${a}`,{signedUp:!0,userId:s}).catch(()=>{})}).catch(e=>{e.response?.data&&D(c.setFlash({message:e.response.data.error,type:"warn",timestamp:+new Date}))})},className:"jsx-1f5a7d0c10bb6c0",children:[(0,a.jsxs)("div",{className:"jsx-1f5a7d0c10bb6c0 space-y-3",children:[(0,a.jsx)("input",{type:"email",value:j,onChange:e=>w(e.target.value),autoComplete:"email",placeholder:"이메일",className:"jsx-1f5a7d0c10bb6c0 w-full px-4 py-2.5 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"}),"register"===C&&(0,a.jsx)("input",{type:"text",value:N,onChange:e=>k(e.target.value),placeholder:"아이디 (필명)",autoComplete:"name",className:"jsx-1f5a7d0c10bb6c0 w-full px-4 py-2.5 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"}),(0,a.jsx)("input",{type:"password",value:y,onChange:e=>v(e.target.value),autoComplete:"login"===C?"current-password":"new-password",placeholder:"비밀번호 (8글자 이상)",className:"jsx-1f5a7d0c10bb6c0 w-full px-4 py-2.5 border border-gray-200 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-all"})]}),"register"===C&&(0,a.jsx)(b.A,{onVerify:e=>L(e),onExpire:()=>L(""),className:"mt-3"}),(0,a.jsx)("button",{type:"submit",className:"jsx-1f5a7d0c10bb6c0 w-full mt-3 px-4 py-2.5 bg-gradient-to-r from-blue-500 to-sky-400 text-white font-medium rounded-xl hover:from-blue-600 hover:to-sky-500 transition-all duration-200 shadow-md hover:shadow-lg",children:"login"===C?"로그인":"회원 가입"})]}),(0,a.jsxs)("p",{className:"jsx-1f5a7d0c10bb6c0 mt-3 text-xs text-gray-400 text-center",children:["계속 진행하면"," ",(0,a.jsx)(f(),{href:"/terms",target:"_blank",className:"text-blue-500 hover:underline",children:"이용약관"})," ","및"," ",(0,a.jsx)(f(),{href:"/privacy",target:"_blank",className:"text-blue-500 hover:underline",children:"개인정보처리방침"}),"에 동의하게 됩니다."]}),(0,a.jsx)("div",{className:"jsx-1f5a7d0c10bb6c0 mt-4 pt-3 border-t border-gray-100 text-center",children:"login"===C?(0,a.jsxs)("p",{className:"jsx-1f5a7d0c10bb6c0 text-sm text-gray-500",children:["아직 계정이 없으신가요?"," ",(0,a.jsx)("button",{type:"button",onClick:()=>I("register"),className:"jsx-1f5a7d0c10bb6c0 text-blue-500 font-medium hover:underline",children:"회원 가입"})]}):(0,a.jsxs)("p",{className:"jsx-1f5a7d0c10bb6c0 text-sm text-gray-500",children:["이미 계정이 있으신가요?"," ",(0,a.jsx)("button",{type:"button",onClick:()=>I("login"),className:"jsx-1f5a7d0c10bb6c0 text-blue-500 font-medium hover:underline",children:"로그인"})]})})]})]}),(0,a.jsx)(l(),{id:"1f5a7d0c10bb6c0",children:"@keyframes fadeIn{from{opacity:0}

1to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translatey(20px)scale(.95)}to{opacity:1;transform:translatey(0)scale(1)}}.animate-fadeIn.jsx-1f5a7d0c10bb6c0{animation:fadeIn.2s ease-out}.animate-slideUp.jsx-1f5a7d0c10bb6c0{animation:slideUp.3s ease-out}"})]})}},82753:(e,t,s)=>{s.d(t,{A:()=>l});var a=s(37876),r=s(14232);let l=({onVerify:e,onExpire:t,className:s})=>{let l=(0,r.useRef)(null),n=(0,r.useRef)(null),o=(0,r.useRef)(e),c=(0,r.useRef)(t);(0,r.useEffect)(()=>{o.current=e},[e]),(0,r.useEffect)(()=>{c.current=t},[t]);let i="0x4AAAAAACgQD5CBIzqFDBxD",d=(0,r.useCallback)(()=>{l.current&&window.turnstile&&i&&null===n.current&&(n.current=window.turnstile.render(l.current,{sitekey:i,callback:e=>{o.current?.(e)},"expired-callback":()=>{c.current?.()},theme:"light",size:"flexible"}))},[i]);return((0,r.useEffect)(()=>{if(!i)return;if(window.turnstile)return void d();let e=document.querySelector('script[src*="turnstile"]');if(e)return void e.addEventListener("load",d);let t=document.createElement("script");return t.src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit",t.async=!0,t.onload=d,document.head.appendChild(t),()=>{null!==n.current&&window.turnstile&&(window.turnstile.remove(n.current),n.current=null)}},[i,d]),i)?(0,a.jsx)("div",{ref:l,className:s,style:{display:"block",width:"100%",maxWidth:"100%",minWidth:0}}):null}}}]);