https://tilnote.io/_next/static/chunks/pages/social-login/[userId]-2af9508edc0ed452.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7569,9630],{2588:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/social-login/[userId]",function(){return r(8187)}])},8187:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>h,default:()=>m});var a=r(37876),i=r(14232),n=r(36438),o=r(89099),s=r(31777),l=r(46358),c=r(87128),u=r(96599),d=r(30014),g=r(21297),p=r(37569),h=!0;let m=()=>{let e=(0,o.useRouter)(),t=(0,s.wA)(),[r,h]=(0,i.useState)(!1),[m,f]=(0,i.useState)("");return(0,i.useEffect)(()=>{try{if(!e.query.userId)return;let r=e.query.userId,a=e.query.locale,i=e.query.from,o=Array.isArray(e.query.source)?e.query.source[0]:e.query.source,s=Array.isArray(e.query.claimToken)?e.query.claimToken[0]:e.query.claimToken;if(!r||"fail"===r){t(l.setFlash({message:"소셜 로그인에 실패했습니다.",type:"warn",timestamp:+new Date})),e.push("/login");return}n.A.get(`/users/${r}`).then(async c=>{if(localStorage.setItem("wuser",c.data.data.id),localStorage.setItem("wname",c.data.data.name),(0,u.hq)(),f(c.data.data.name),t(l.setFlash({message:"환영합니다. "+c.data.data.name,type:"success",timestamp:+new Date})),"register"===i){let e;(0,d.PU)((()=>{try{let e=JSON.parse(sessionStorage.getItem("ctaContext")||"null");return e?.type||"direct"}catch{return"direct"}})(),"google"),(e=localStorage.getItem("cta_log_id"))&&n.A.patch(`/stats/cta-log/${e}`,{signedUp:!0,userId:r}).catch(()=>{})}let h=Array.isArray(e.query.redirect)?e.query.redirect[0]:e.query.redirect,m=(0,g.kb)(h),w=localStorage.getItem("redirect")||"",y=(0,g.kb)(w),b=m||y,S=(0,p.jK)(b);if(o===p.rz||S)try{let e=await (0,p.c3)({briefId:S,claimToken:s,userId:c.data.data.id});e&&(b=(0,p.JC)(e))}catch{}if(b){localStorage.removeItem("redirect"),(0,g.x6)(e,b);return}{let t=a||e.locale||"ko",r="ko"===t?"/home":`/${t}/home`;e.push(r)}}).catch(r=>{t(l.setFlash({message:"소셜 로그인에 실패했습니다.",type:"warn",timestamp:+new Date})),e.push("/login")})}catch{e.push("/login")}},[t,e,e.query]),(0,a.jsx)("div",{children:r&&(0,a.jsx)(c.A,{name:m,handleOpen:h,open:r})})}},21297:(e,t,r)=>{"use strict";function a(e){if("string"!=typeof e||!e)return!1;let t="https://server.tilnote.io";if(!t)return!1;try{let r=new URL(e),a=new URL(t);return r.origin===a.origin&&"/mcp/auth/authorize"===r.pathname}catch{return!1}}function i(e){return"string"==typeof e&&e.startsWith("/")&&!e.startsWith("//")||a(e)?e:""}function n(e,t){if(a(t)){window.location.href=t;return}e.push(t)}r.d(t,{kb:()=>i,ng:()=>a,x6:()=>n})},30014:(e,t,r)=>{"use strict";r.d(t,{IA:()=>s,IY:()=>l,PU:()=>n,gH:()=>i,o$:()=>c,sx:()=>a,x1:()=>o});let a=(e,t={})=>{let r=function(){try{let e=new URLSearchParams(window.location.search);return"1"===e.get("ga_debug")}catch{return!1}}(),a={...t,timestamp:Date.now(),...r?{debug_mode:!0}:{}};"function"==typeof window.gtag&&window.gtag("event",e,a),window.clarity&&window.clarity("set",e,JSON.stringify(t))},i=e=>{a("signup_start",{source:e||"direct"})},n=(e,t)=>{a("signup_complete",{source:e||"direct",method:t||"email"})},o=e=>{a("onboarding_start",{onboarding_type:e})},s=(e,t)=>{a("onboarding_complete",{onboarding_type:e,keyword:t})},l=e=>{a("onboarding_skip",{onboarding_type:e})},c=({source:e,pageId:t,isFirst:r,isSecond:i,noteCount:n}={})=>{let o="tilnote_first_note_created",s="tilnote_second_note_created",l=Number(n),c=Number.isFinite(l)&&l>0,u=r,d=i;c?(u=1===l,d=2===l):(void 0===u&&(u=!window.localStorage.getItem(o)),void 0===d&&(d=!u&&!!window.localStorage.getItem(o)&&!window.localStorage.getItem(s))),a("note_created",{source:e||"unknown",page_id:t,is_first:!!u,is_second:!!d,note_count:c?l:void 0}),u&&(window.localStorage.setItem(o,"1"),a("first_note_created",{source:e||"unknown",page_id:t})),d&&(window.localStorage.setItem(o,"1"),window.localStorage.setItem(s,"1"),a("second_note_created",{source:e||"unknown",page_id:t}))}},32937:(e,t,r)=>{"use strict";r.d(t,{A:()=>y});var a=r(44501),i=r(40670),n=r(14232),o=r(69241),s=r(47275),l=r(74615),c=r(90809),u=r(75452),d=r(37876);let g=["className","component"];var p=r(78217),h=r(31221),m=r(48143);let f=(0,r(47951).A)("MuiBox",["root"]),w=(0,h.A)(),y=function(e={}){let{themeId:t,defaultTheme:r,defaultClassName:p="MuiBox-root",generateClassName:h}=e,m=(0,s.default)("div",{shouldForwardProp:e=>"theme"!==e&&"sx"!==e&&"as"!==e})(l.A);return n.forwardRef(function(e,n){let s=(0,u.A)(r),l=(0,c.A)(e),{className:f,component:w="div"}=l,y=(0,i.A)(l,g);return(0,d.jsx)(m,(0,a.A)({as:w,ref:n,className:(0,o.A)(f,h?h(p):p),theme:t&&s[t]||s},y))})}({themeId:m.A,defaultTheme:w,defaultClassName:f.root,generateClassName:p.A.generate})},37569:(e,t,r)=>{"use strict";r.d(t,{Hk:()=>p,I7:()=>v,JC:()=>h,Xv:()=>b,_M:()=>f,_h:()=>I,c3:()=>A,d$:()=>

1o,jK:()=>m,rz:()=>n,tF:()=>S,wn:()=>w});var a=r(36438),i=r(65364);let n="public-brief",o="public-page-brief-cta",s="publicBriefContext";function l(e){return null==e?"":String(e).trim()}function c(e){return window[e]||null}function u(e,t){if(!e)return null;try{let r=e.getItem(t);return r?JSON.parse(r):null}catch{return null}}function d(e={}){let t=c("localStorage"),r={...u(t,s)||{},...e};if(t)try{t.setItem(s,JSON.stringify(r))}catch{}if(r?.ctaLogId)try{t?.setItem("cta_log_id",r.ctaLogId)}catch{}return r}function g(){return u(c("localStorage"),s)}function p(e){let t=l(e);return t?`/brief/${t}`:"/brief"}function h(e){let t=l(e);return t?`/home?pages=${t}`:"/home"}function m(e){let t=l(e).match(/^\/(?:[a-z]{2}\/)?brief\/([^/?#]+)/i);return l(t?.[1])}function f(e,{briefId:t,claimToken:r,redirectPath:a}={}){if(!e||"function"!=typeof e.set)return;let i=g(),o=l(a),s=!!i?.returnPath&&o===i.returnPath,c=l(t||m(o)||(s?i?.briefId:"")),u=l(r||(s&&c===i?.briefId?i?.claimToken:""));c&&(e.set("source",n),u&&e.set("claimToken",u))}async function w({pageId:e,pageUrl:t,signal:r,onEvent:a}={}){let n=await fetch(`${(i.env.NODE_DEVICE,"https://server.tilnote.io/api")}/public-briefs/preview-stream`,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({pageId:l(e),pageUrl:l(t)}),signal:r});if(!n.ok){let e="";try{let t=await n.json();e=l(t?.message)||l(t?.error)}catch{}throw Error(e||"요약 노트를 지금 만들지 못했습니다.")}let o=n.body?.getReader?.();if(!o)throw Error("스트림을 읽을 수 없습니다.");let s=new TextDecoder,c="";for(;;){let{done:e,value:t}=await o.read();if(e){if(c.startsWith("data: "))try{a?.(JSON.parse(c.slice(6)))}catch{}break}let r=(c+=s.decode(t,{stream:!0})).split("\n");for(let e of(c=r.pop()||"",r)){if(!e.startsWith("data: "))continue;let t=e.slice(6);if(t)try{a?.(JSON.parse(t))}catch{}}}}async function y({source:e=o,pageId:t,pageTitle:r,pageUrl:i}={}){let s=function(e=n){return e===o?{source:o,variant:"PUBLIC_ARTICLE_BRIEF_CTA_V1",round:7}:{source:n,variant:"PUBLIC_BRIEF_DEMO_V1",round:7}}(e);try{let e=await a.A.post("/stats/cta-log",{action:"click",source:s.source,entrySource:s.source,entryVariant:s.variant,variant:s.variant,round:s.round,pageId:l(t),pageTitle:l(r),pageUrl:l(i),returnPath:"/brief"});return d({source:s.source,entrySource:s.source,variant:s.variant,entryVariant:s.variant,round:s.round,pageId:l(t),pageTitle:l(r),pageUrl:l(i),ctaLogId:l(e?.data?.id),createdAt:new Date().toISOString()})}catch{return d({source:s.source,entrySource:s.source,variant:s.variant,entryVariant:s.variant,round:s.round,pageId:l(t),pageTitle:l(r),pageUrl:l(i),createdAt:new Date().toISOString()})}}async function b({source:e=o,pageId:t,pageTitle:r,pageUrl:a}={}){let i=g(),n=l(t),s=l(a);return i?.ctaLogId&&i?.source===e&&i?.pageId===n&&i?.pageUrl===s?i:y({source:e,pageId:n,pageTitle:r,pageUrl:s})}function S({briefId:e,claimToken:t,ctaLogId:r,source:a,variant:i,entrySource:n,entryVariant:o,round:s,pageId:c,pageTitle:u,pageUrl:g,demoStartedAt:h}={}){return d({briefId:l(e),claimToken:l(t),ctaLogId:l(r),source:l(a),variant:l(i),entrySource:l(n),entryVariant:l(o),round:s||7,pageId:l(c),pageTitle:l(u),pageUrl:l(g),returnPath:p(e),demoStartedAt:l(h),claimedAt:""})}async function v(e,t={}){let r=l(e||g()?.ctaLogId);if(r)try{await a.A.patch(`/stats/cta-log/${r}`,t)}catch{}}async function I({briefId:e}={}){let t=g(),r=l(e);!t?.ctaLogId||t?.briefId!==r||t?.previewSeenAt||(await v(t.ctaLogId,{previewSeen:!0}),d({...t,previewSeenAt:new Date().toISOString()}))}async function A({briefId:e,claimToken:t,userId:r}={}){let i=g(),n=l(e)||l(i?.briefId),o=l(t)||(n&&n===i?.briefId?l(i?.claimToken):"");if(!n)return"";if(i?.claimedAt&&i?.briefId===n)return n;let s=await a.A.post(`/public-briefs/${n}/claim`,{claimToken:o}),u=l(r)||l(c("localStorage")?.getItem("wuser"));return await v(i?.ctaLogId,{userId:u,noteCreated:!0,briefSaved:!0,notePageId:n}),d({...i,briefId:n,claimToken:"",claimedAt:new Date().toISOString()}),l(s?.data?.pageId)||n}},52563:(e,t,r)=>{"use strict";r.d(t,{A:()=>S});var a=r(40670),i=r(44501),n=r(14232),o=r(69241),s=r(90809),l=r(4697),c=r(44407),u=r(97802),d=r(78257),g=r(47951),p=r(45879);function h(e){return(0,p.Ay)("MuiTypography",e)}

1(0,g.A)("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);var m=r(37876);let f=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],w=(0,c.Ay)("span",{name:"MuiTypography",slot:"Root",overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,r.variant&&t[r.variant],"inherit"!==r.align&&t[`align${(0,d.A)(r.align)}`],r.noWrap&&t.noWrap,r.gutterBottom&&t.gutterBottom,r.paragraph&&t.paragraph]}})(({theme:e,ownerState:t})=>(0,i.A)({margin:0},"inherit"===t.variant&&{font:"inherit"},"inherit"!==t.variant&&e.typography[t.variant],"inherit"!==t.align&&{textAlign:t.align},t.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},t.gutterBottom&&{marginBottom:"0.35em"},t.paragraph&&{marginBottom:16})),y={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},b={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},S=n.forwardRef(function(e,t){let r,n=(0,u.b)({props:e,name:"MuiTypography"}),c=b[r=n.color]||r,g=(0,s.A)((0,i.A)({},n,{color:c})),{align:p="inherit",className:S,component:v,gutterBottom:I=!1,noWrap:A=!1,paragraph:_=!1,variant:x="body1",variantMapping:k=y}=g,T=(0,a.A)(g,f),$=(0,i.A)({},g,{align:p,color:c,className:S,component:v,gutterBottom:I,noWrap:A,paragraph:_,variant:x,variantMapping:k}

1),N=v||(_?"p":k[x]||y[x])||"span",C=(e=>{let{align:t,gutterBottom:r,noWrap:a,paragraph:i,variant:n,classes:o}=e,s={root:["root",n,"inherit"!==e.align&&`align${(0,d.A)(t)}`,r&&"gutterBottom",a&&"noWrap",i&&"paragraph"]};return(0,l.A)(s,h,o)})($);return(0,m.jsx)(w,(0,i.A)({as:N,ref:t,ownerState:$,className:(0,o.A)(C.root,S)},T))})},87128:(e,t,r)=>{"use strict";r.d(t,{A:()=>f});var a=r(37876),i=r(14232),n=r(32937),o=r(18042),s=r(52563),l=r(44997),c=r(6165),u=r(89099),d=r(36438),g=r(31777),p=r(46358),h=r(847);let m={position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:{xs:350,sm:450,md:500},maxWidth:"90vw",bgcolor:"background.paper",border:"2px solid #000",boxShadow:24,p:4},f=({name:e,handleOpen:t,open:r,redirectPath:f=""})=>{let w=(0,u.useRouter)(),y=i.useCallback(()=>{let e=w.locale||"ko";return"ko"===e?"/home":`/${e}/home`},[w.locale]),b=i.useCallback(()=>"string"==typeof f&&f.startsWith("/")?f:y(),[y,f]),S=i.useCallback(()=>{t(!1),w.push(b())},[t,b,w]),[v,I]=i.useState(e),[A,_]=i.useState(""),[x,k]=i.useState(!1),T=(0,g.wA)(),[$,N]=i.useState(!1),{t:C}=(0,h.Bd)("common");i.useEffect(()=>{let t=e.replace(/ /g,"").toLowerCase().slice(0,15);/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/.test(t)||_(t)},[e]);let L=async()=>{if(k(!0),""!==v&&!0===$&&v!==e)try{await d.A.put("/users",{name:v})}catch(e){return e.response?.data?.error&&T(p.setFlash({message:e.response.data.error,type:"warn",timestamp:+new Date})),k(!1),!1}try{if(""!==A){let e=!1;if(/^[a-z0-9-]+$/.test(A)&&A.length<=15&&A.length>=3&&(e=!0),!1===e)return T(p.setFlash({message:C("auth:blogNameValidationError"),type:"warn",timestamp:+new Date})),k(!1),!1;await d.A.post("/users/blogs",{blogName:A}).then(e=>(T(p.setFlash({message:C("auth:welcomeSuccessWithBlog",{name:v}),type:"success",timestamp:+new Date})),w.push(b()),!0)).catch(e=>{if(e.response?.data?.error)return T(p.setFlash({message:e.response.data.error,type:"warn",timestamp:+new Date})),k(!1),!1})}else T(p.setFlash({message:C("auth:welcomeSuccessNoBlog",{name:v}),type:"success",timestamp:+new Date})),k(!1),w.push(b())}catch{k(!1),w.push(b())}};return(0,a.jsx)("div",{children:(0,a.jsx)(l.A,{open:r,onClose:()=>S(),disableScrollLock:!0,children:(0,a.jsxs)(n.A,{sx:m,children:[(0,a.jsx)("h2",{children:C("auth:welcomeTitle",{name:e})}),(0,a.jsx)("div",{children:C("auth:welcomeSubtitle")}),(0,a.jsx)(s.A,{sx:{mt:2,mb:2},children:C("auth:userIdLabel",{name:e})}),(0,a.jsx)(c.A,{variant:"outlined",value:v,onChange:e=>{N(!0),I(e.target.value)},fullWidth:!0}),(0,a.jsx)(s.A,{sx:{mt:2,mb:2},children:C("auth:blogNameLabel")}),(0,a.jsxs)("div",{className:"flex-a-center",children:["tilnote.io/",(0,a.jsx)("span",{className:"mr-5",children:"@"}),(0,a.jsx)(c.A,{variant:"outlined",value:A,onChange:e=>_(e.target.value),fullWidth:!0})]}),(0,a.jsxs)("div",{style:{marginTop:"3rem"},children:[(0,a.jsx)(o.A,{style:{width:"50%"},onClick:S,variant:"text",disabled:x,children:C("auth:skipButton")}),(0,a.jsx)(o.A,{style:{width:"50%"},onClick:L,variant:"contained",disabled:x,children:C("auth:confirmButton")})]})]})})})}},96599:(e,t,r)=>{"use strict";r.d(t,{HT:()=>g,L0:()=>m,Uc:()=>a,VG:()=>n,VM:()=>h,Y:()=>s,fc:()=>i,hq:()=>c,nj:()=>d,pc:()=>l,qA:()=>u,wb:()=>o});let a=(e,t=175,r=175)=>{if(!e)return null;let a=String(e).trim();if(!a)return null;if(a.startsWith("http://")||a.startsWith("https://"))return a;if(a.startsWith("/images/users/")||a.startsWith("images/users/")){let e=a.replace(/^\/?images\/users\//,"");return`https://server.tilnote.io/img/profiles/${e}?width=${t}&height=${r}`}return a.startsWith("/images/")?a:a.startsWith("/")?`https://server.tilnote.io${a}`:`https://server.tilnote.io/img/profiles/${a}?width=${t}&height=${r}`},i=({userImage:e}={},t=175,r=175)=>a(e,t,r),n=e=>{if(!e)return null;if(e.startsWith("http://")||e.startsWith("https://"))return e;if(e.startsWith("/images/")){let t="https://d1m0zaq6k3y3mu.cloudfront.net";if(t){let r=e.replace("/images/","");return`${t}/${r}`}}return"https://server.tilnote.io"+e},o=e=>e.replace(/```[\w]*[\s\S]*?(```|$)/gi,"").replace(/<[^>]+>/g,"").replace(/---paywall---/g,"").replace(/---/g,"").replace(/!\[(.*?)\]\(.*?\)/gi,"").replace(/\[(.*?)\]\(.*?\)/gi,"$1").replace(/(https?):\/\/[^\s]+/gi,"").replace(/!\[(.+?)\]/gi,"").replace(/\\\[\^(\d+)\\\]/g,"").replace(/\[\^(\d+)\]/g,"").replace(/\{(red|orange|green|blue|purple|teal)\}\(([^)]+)\)/gi,"$2").replace(/\{[^}]*\}/gi,"").replace(/#{1,6}\s/g,"").replace(/\*\*|__/g,"").replace(/\*|_/g,"").replace(/~~/g,"").replace(/==/g,"").replace(/^\s*>\s?/gm,"").replace(/^\s*[-*+]\s/gm,"").replace(/^\s*\d+\.\s/gm,"").replace(/[`\\|[\]!]/g,"").replace(/&[a-z0-9]+;/gi," ").replace(/\n{2,}/g," ").replace(/\s{2,}/g," ").trim(),s=e=>e.replace(/[^0-9a-zA-Zㄱ-힣.\u3000-\u303f\u3040-\u309f\u30a0-\u30ff\uff00-\uff9f\u4e00-\u9faf\u3400-\u4dbf -]/g,"").trim().replace(/ /g,"-").replace(/--+/g,"-").replace(/\*\*/g,"").replace(/\*/g,""),l=e=>`https://tilnote.io/pages/${e}`,c=()=>{let e=new Date(Date.now()+2592e6);e=e.toUTCString(),document.cookie=`tilnoteu=tiluser; path=/; expires=${e}; domain=.tilnote.io;`};function u(e){let t;if(!e)return"#808080";let r=0;for(t=0;t<e.length;t+=1)r=e.charCodeAt(t)+((r<<5)-r);let a="#";for(t=0;t<3;t+=1){let e=r>>8*t&255;a+=`00${e.toString(16)}`.slice(-2)}return a}function d(e,t=30){return{sx:{bgcolor:u(e),fontSize:`${t}px`},children:`${e[0].toUpperCase()}`}}let g={ALLOWED_TAGS:["blockquote","hr","pre","code","p","h1","h2","h3","h4","h5","h6","img","br","em","strong","a","i","strong","b","u","mark","li","ol","ul","span","table","thead","tbody","tr","td","th","iframe","div","sup"],ALLOWED_ATTR:["src","alt","title","href","class","start","style","loading","decoding","fetchpriority"].concat("frameborder","allowfullscreen","allow","scrolling","data-number","data-ref-id","data-text-color","data-url","data-title","data-description","data-image","data-vi

1deo-id")},p=["blockquote","hr","pre","code","p","h1","h2","h3","h4","h5","h6","img","br","em","strong","a","i","b","u","mark","li","ol","ul","span","table","thead","tbody","tr","td","th","iframe","div","sup"];function h(e){if(!e||"string"!=typeof e||!e.includes("&lt;"))return e;let t=[],r=e.replace(/<pre[\s\S]*?<\/pre>|<code[\s\S]*?<\/code>/gi,e=>{let r=`@@TN_HTML_SEGMENT_${t.length}@@`;return t.push(e),r}),a=RegExp(`&lt;(\\/?)(${p.join("|")})\\b([\\s\\S]*?)&gt;`,"gi");return r.replace(a,(e,t,r,a="")=>{let i=String(a||"").replace(/&quot;/gi,'"').replace(/&#39;|&apos;/gi,"'").replace(/&amp;/gi,"&");return`<${t}${r}${i}>`}).replace(/@@TN_HTML_SEGMENT_(\d+)@@/g,(e,r)=>{let a=Number(r);return Number.isInteger(a)&&void 0!==t[a]?t[a]:e})}let m=()=>{localStorage.removeItem("wuser"),localStorage.removeItem("wname"),localStorage.removeItem("bookView"),localStorage.removeItem("tech-news-visit-count"),localStorage.removeItem("aiEditor"),localStorage.removeItem("readerShowRss"),localStorage.removeItem("tech-news-subscribed"),localStorage.removeItem("tailAi")}}},e=>{e.O(0,[8384,4997,8212,6165,636,6593,8792],()=>e(e.s=2588)),_N_E=e.O()}]);