https://tilnote.io/_next/static/chunks/pages/premium-407663fd07412fe3.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8731],{2697:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});let r=(0,s(92949).A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]])},4520:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});let r=(0,s(92949).A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]])},18810:(e,t,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/premium",function(){return s(21413)}])},20967:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});let r=(0,s(92949).A)("file-text",[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]])},21413:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>j});var r=s(37876),a=s(14232),i=s(16684),l=s(35620),d=s(36438),n=s(77328),o=s.n(n),c=s(48230),x=s.n(c);let h=(0,s(92949).A)("lock-keyhole",[["circle",{cx:"12",cy:"16",r:"1",key:"1au0dj"}],["rect",{x:"3",y:"10",width:"18",height:"12",rx:"2",key:"6s8ecr"}],["path",{d:"M7 10V7a5 5 0 0 1 10 0v3",key:"1pqi11"}]]);var m=s(20967),u=s(61773),b=s(2697),p=s(4520);let g=({icon:e,title:t,emptyText:s,items:a,getHref:i,loading:l})=>(0,r.jsxs)("section",{className:"rounded-lg border border-border bg-surface p-5 shadow-sm md:p-6",children:[(0,r.jsxs)("div",{className:"mb-5 flex items-center gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-md bg-brand-subtle text-icon-brand",children:(0,r.jsx)(e,{className:"h-5 w-5","aria-hidden":"true"})}),(0,r.jsx)("h2",{className:"text-[length:var(--text-h3)] font-semibold text-text",children:t})]}),l?(0,r.jsx)("div",{className:"rounded-lg border border-dashed border-border-strong bg-surface-subtle p-8 text-center text-[length:var(--text-body-sm)] text-text-muted",children:"콘텐츠를 불러오는 중입니다."}):a.length>0?(0,r.jsx)("div",{className:"space-y-2",children:a.map(e=>(0,r.jsxs)(x(),{href:i(e),className:"group flex min-h-[76px] items-center justify-between gap-3 rounded-lg border border-border bg-surface px-4 py-3 transition hover:-translate-y-px hover:border-border-brand hover:shadow-md focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",children:[(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("h3",{className:"line-clamp-1 text-[length:var(--text-body)] font-semibold text-text transition-colors group-hover:text-text-brand",children:e.title||"제목 없음"}),e.description?(0,r.jsx)("p",{className:"mt-1 line-clamp-2 text-[length:var(--text-body-sm)] leading-6 text-text-subtle",children:e.description}):null]}),(0,r.jsx)(b.A,{className:"h-5 w-5 shrink-0 text-icon-subtle transition-colors group-hover:text-icon-brand","aria-hidden":"true"})]},e._id))}):(0,r.jsx)("div",{className:"rounded-lg border border-dashed border-border-strong bg-surface-subtle p-8 text-center text-[length:var(--text-body-sm)] text-text-muted",children:s})]}),f=({itemsPerPage:e,totalItems:t,paginate:s,currentPage:a})=>{let i=Math.ceil(t/e),l=(a-1)*e+1,d=Math.min(a*e,t),n=function(e,t){let s=new Set([1,t]),r=Math.max(2,e-2),a=Math.min(t-1,e+2);for(let e=r;e<=a;e+=1)s.add(e);let i=Array.from(s).sort((e,t)=>e-t);return i.flatMap((e,t)=>0===t?[e]:e-i[t-1]>1?["ellipsis",e]:[e])}(a,i);return i<=1?null:(0,r.jsx)("div",{className:"rounded-lg border border-border bg-surface p-4 shadow-sm",children:(0,r.jsxs)("nav",{className:"flex flex-col gap-4 md:flex-row md:items-center md:justify-between","aria-label":"프리미엄 콘텐츠 페이지",children:[(0,r.jsxs)("p",{className:"text-[length:var(--text-body-sm)] text-text-subtle",children:["총"," ",(0,r.jsx)("span",{className:"font-semibold text-text",children:t.toLocaleString()}),"개 중"," ",(0,r.jsx)("span",{className:"font-semibold text-text",children:l.toLocaleString()}),"-",(0,r.jsx)("span",{className:"font-semibold text-text",children:d.toLocaleString()}),"개 표시"]}),(0,r.jsxs)("div",{className:"flex justify-between gap-3 md:hidden",children:[(0,r.jsx)("button",{type:"button",onClick:()=>s(Math.max(1,a-1)),disabled:1===a,className:"inline-flex min-h-[36px] items-center justify-center rounded-md border border-border bg-surface px-3 text-[length:var(--text-body-sm)] font-semibold text-text-subtle transition hover:bg-surface-subtle disabled:cursor-not-allowed disabled:opacity-40",children:"이전"}),(0,r.jsx)("button",{type:"button",onClick:()=>s(Math.min(i,a+1)),disabled:a===i,className:"inline-flex min-h-[36px] items-center justify-center rounded-md border border-border bg-surface px-3 text-[length:var(--text-body-sm)] font-semibold text-text-subtle transition hover:bg-surface-subtle disabled:cursor-not-allowed disabled:opacity-40",children:"다음"})]}),(0,r.jsxs)("div",{className:"hidden items-center gap-1 md:flex",children:[(0,r.jsx)("button",{type:"button","aria-label":"이전 페이지",onClick:()=>s(Math.max(1,a-1)),disabled:1===a,className:"inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-surface text-icon-subtle transition hover:bg-surface-subtle disabled:cursor-not-allowed disabled:opacity-40",children:(0,r.jsx)(p.A,{className:"h-4 w-4","aria-hidden":"true"})}),n.map((e,t)=>"ellipsis"===e?(0,r.jsx)("span",{className:"inline-flex h-9 min-w-9 items-center justify-center px-2 text-[length:var(--text-body-sm)] text-text-muted","aria-hidden":"true",children:"..."},`ellipsis-${t}`):(0,r.jsx)("button",{type:"button",onClick:()=>s(e),"aria-current":a===e?"page":void 0,className:`inline-flex h-9 min-w-9 items-center justify-center rounded-md border px-3 text-[length:var(--text-body-sm)] font-semibold transition ${a===e?"border-border-brand bg-brand-subtle text-text-brand":"border-border bg-surface text-text-subtle hover:bg-surface-subtle"}`,children:e},e)),(0,r.jsx)("button",{type:"button","aria-label":"다음 페이지",onClick:()=>s(Math.min(i,a+1)),disabled:a===i,className:"inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-surface text-icon-subtle transition hover:bg-surface-subtle disabled:cursor-not-allowed disabled:opacity-40",children:(0,r.jsx)(b.A,{className:"h-4 w-4","aria-hidden":"true"})})]})]})})},j=()=>{let[e,t]=(0,a.useState)([]),[s,n]=(0,a.useState)([]),[c,x]=(0,a.useState)(1),[b]=(0,a.useState)(10),[p,j]=(0,a.useState)(0),[v,y]=(0,a.useState)(!0),N=(0,a.useCallback)(e=>{y(!0),d.A.get(`/memberships/premium/pages/list?page=${e}&limit=${b}&sortBy=updatedAt&sortOrder=desc`).then(e=>{t(e.data.data.pages||[]),n(e.data.data.books||[]),j(e.data.data.total||0)}).catch(e=>{console.error(e)}).finally(()=>{y(!1)})},[b]);return(0,a.useEffect)(()=>{localStorage.getItem("wuser")||(window.location.href="/login"),d.A.get("/memberships/check").then(()=>{N(c)}).catch(e=>{console.error(e),window.location.href="/login"})},[c,N]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(o(),{children:[(0,r.jsx)("title",{children:"프리미엄 콘텐츠 | 틸노트"}),(0,r.jsx)("meta",{name:"description",content:"틸노트 프리미엄 전용 콘텐츠를 탐색하세요"})]}),(0,r.jsx)(i.A,{}),(0,r.jsx)("main",{className:"min-h-screen bg-surface-subtle text-text",children:(0,r.jsxs)("div",{className:"container-large py-10",children:[(0,r.jsxs)("section",{className:"rounded-lg border border-border bg-surface p-6 shadow-sm md:p-8",children:[(0,r.jsxs)("div",{className:"inline-flex items-center gap-2 rounded-full bg-brand-subtle px-3 py-1 text-[length:var(--text-body-sm)] font-semibold text-text-brand",children:[(0,r.jsx)(h,{className:"h-4 w-4","aria-hidden":"true"}),"프리미엄 전용"]}),(0,r.jsxs)("div",{className:"mt-4 flex flex-col gap-3 md:flex-row md:items-end md:justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-[length:var(--text-h1)] font-bold leading-tight text-text",children:"프리미엄 콘텐츠"}),(0,r.jsx)("p",{className:"mt-3 max-w-2xl text-[length:var(--text-body)] leading-7 text-text-subtle",children:"멤버십 구독자만 접근할 수 있는 틸노트 작성 콘텐츠를 모았습니다."})]}),(0,r.jsxs)("div",{className:"rounded-full bg-surface-subtle px-3 py-1 text-[length:var(--text-body-sm)] font-medium text-text-subtle",children:["전체 ",p.toLocaleStr

1ing(),"개"]})]})]}),(0,r.jsxs)("div",{className:"mt-6 grid items-start gap-6 lg:grid-cols-2",children:[(0,r.jsx)(g,{icon:m.A,title:"틸노트 작성 유료 페이지",emptyText:"아직 틸노트 작성 유료 페이지가 없습니다.",items:e,getHref:e=>`/pages/${e._id}`,loading:v}),(0,r.jsx)(g,{icon:u.A,title:"틸노트 작성 유료 책",emptyText:"아직 틸노트 작성 유료 책이 없습니다.",items:s,getHref:e=>`/books/${e._id}`,loading:v})]}),p>b&&(0,r.jsx)("div",{className:"mt-8",children:(0,r.jsx)(f,{itemsPerPage:b,totalItems:p,paginate:e=>{x(e)},currentPage:c})})]})}),(0,r.jsx)(l.A,{})]})}},35620:(e,t,s)=>{"use strict";s.d(t,{A:()=>x});var r=s(37876),a=s(14232),i=s(18042),l=s(89099),d=s(48230),n=s.n(d),o=s(58471),c=s(69327);let x=function({message:e=!1,business:t=!1,isExpand:s=!1,marginBottom:d="1rem"}){let x=(0,l.useRouter)(),[h]=(0,a.useState)({general:"틸노트 | 사업자등록번호: 147-10-02214 | 통신판매업: 2022-서울중랑-1696 | 대표: 문지학 | 개인정보책임자: 문지학",contact:"이메일: [email protected] | 전화: 0507-0178-0131",address:"주소: 서울특별시 중랑구 양원역로 92, 104동 702호",notice:"틸노트가 직접 판매하는 서비스 외에 크리에이터가 판매하는 경우 틸노트는 통신판매중개자이며, 통신판매의 당사자가 아닙니다. 상품, 상품정보, 거래에 관한 의무와 책임은 거래 당사자 각자에게 있습니다."}),[m,u]=(0,a.useState)(s);return(0,r.jsxs)("div",{className:"pb-32 sm:pb-0",style:{marginBottom:d},children:[e?(0,r.jsxs)("div",{style:{marginBottom:"1rem"},children:[(0,r.jsx)("div",{className:"mb-10",children:(0,r.jsx)("div",{className:"mb-10",children:(0,r.jsx)("strong",{children:"틸노트 (tilnote.io)"})})}),(0,r.jsx)(i.A,{variant:"contained",onClick:()=>x.push("https://tilnote.io/register"),children:"무료로 사용하기"})]}):null,t?(0,r.jsx)("footer",{children:(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{style:{display:"flex",cursor:"pointer",borderRadius:"8px",border:"1px #bdbdbd solid",justifyContent:"space-between",alignItems:"center"},className:"p-3 mb-4",onClick:()=>u(!m),children:[(0,r.jsx)("div",{children:"틸노트 사업자 정보"}),m?(0,r.jsx)(c.A,{}):(0,r.jsx)(o.A,{})]}),m?(0,r.jsxs)("div",{className:"text-gray-600 text-sm space-y-2 mb-8",children:[(0,r.jsx)("div",{children:h.general}),(0,r.jsx)("div",{children:h.contact}),(0,r.jsx)("div",{children:(0,r.jsx)("a",{href:"https://open.kakao.com/o/sfLiUf1f",className:"text-indigo-600 hover:underline",children:"틸노트 카카오톡 문의하기"})}),(0,r.jsx)("div",{children:h.address}),(0,r.jsx)("div",{className:"text-xs text-gray-500 mt-4",children:h.notice}),(0,r.jsx)("div",{className:"text-xs text-gray-500",children:"본 서비스는 생성형 AI 기술을 활용합니다."}),(0,r.jsx)("div",{className:"mt-4 pt-4 border-t border-gray-200",children:(0,r.jsxs)("div",{className:"flex gap-4",children:[(0,r.jsx)(n(),{href:"/terms",className:"text-gray-500 hover:text-gray-700",children:"이용 약관"}),(0,r.jsx)(n(),{href:"/privacy",className:"text-gray-500 hover:text-gray-700",children:"개인정보처리방침"}),(0,r.jsx)(n(),{href:"/refund",className:"text-gray-500 hover:text-gray-700",children:"환불 정책"})]})})]}):null]})}):null]})}},58471:(e,t,s)=>{"use strict";var r=s(29563);t.A=void 0;var a=r(s(94471)),i=s(37876);t.A=(0,a.default)((0,i.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore")}

1,61773:(e,t,s)=>{"use strict";s.d(t,{A:()=>r});let r=(0,s(92949).A)("book-open",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}]])},69327:(e,t,s)=>{"use strict";var r=s(29563);t.A=void 0;var a=r(s(94471)),i=s(37876);t.A=(0,a.default)((0,i.jsx)("path",{d:"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"}),"ExpandLess")},80084:(e,t,s)=>{"use strict";var r=s(29563);t.A=void 0;var a=r(s(94471)),i=s(37876);t.A=(0,a.default)((0,i.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward")},92949:(e,t,s)=>{"use strict";s.d(t,{A:()=>o});var r=s(14232);let a=(...e)=>e.filter((e,t,s)=>!!e&&""!==e.trim()&&s.indexOf(e)===t).join(" ").trim(),i=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,s)=>s?s.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var l={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let d=(0,r.createContext)({}),n=(0,r.forwardRef)(({color:e,size:t,strokeWidth:s,absoluteStrokeWidth:i,className:n="",children:o,iconNode:c,...x},h)=>{let{size:m=24,strokeWidth:u=2,absoluteStrokeWidth:b=!1,color:p="currentColor",className:g=""}=(0,r.useContext)(d)??{},f=i??b?24*Number(s??u)/Number(t??m):s??u;return(0,r.createElement)("svg",{ref:h,...l,width:t??m??l.width,height:t??m??l.height,stroke:e??p,strokeWidth:f,className:a("lucide",g,n),...!o&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(x)&&{"aria-hidden":"true"},...x},[...c.map(([e,t])=>(0,r.createElement)(e,t)),...Array.isArray(o)?o:[o]])}),o=(e,t)=>{let s=(0,r.forwardRef)(({className:s,...l},d)=>(0,r.createElement)(n,{ref:d,iconNode:t,className:a(`lucide-${i(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,s),...l}));return s.displayName=i(e),s}}},e=>{e.O(0,[8230,8384,4997,4587,8212,304,2289,7559,1494,5870,807,6684,636,6593,8792],()=>e(e.s=18810)),_N_E=e.O()}]);