https://tilnote.io/_next/static/chunks/pages/creator/payment/[creatorBookId]-4a217a7f7c62b849.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7860],{69829:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>u});var r=n(37876),i=n(94208),s=n.n(i),a=n(14232),o=n(89099),l=n(16684),d=n(36438),c=n(35620),h=n(56908),p=n(77328),g=n.n(p);let u=function(){let e=(0,o.useRouter)(),t=e.query.creatorBookId,[n,i]=(0,a.useState)(!1),[p,u]=(0,a.useState)(!1),[f,x]=(0,a.useState)(!1),[y,m]=(0,a.useState)(null),[b,j]=(0,a.useState)(null),[_,C]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let t=localStorage.getItem("wname"),n=localStorage.getItem("wuser");t&&n?(m(n),d.A.get(`/users/${n}`).then(e=>{j(e.data.data.email)}).catch(()=>{})):e.push("https://tilnote.io/login")},[e]),(0,a.useEffect)(()=>{t&&d.A.get(`/books/${t}`).then(e=>{u(e.data.data.book),x(e.data.data.userName)})},[t]),(0,a.useEffect)(()=>{let e=document.createElement("script");return e.src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js",e.async=!0,e.onload=()=>C(!0),document.body.appendChild(e),()=>{document.body.removeChild(e)}},[]),(0,a.useEffect)(()=>{if(_){let e=document.createElement("script");return e.src="https://cpay.payple.kr/js/v1/payment.js",e.async=!0,e.onload=()=>i(!0),document.body.appendChild(e),()=>{document.body.removeChild(e)}}},[_]);let S=p?.type==="video"?"영상 강의":p?.type==="study"?"스터디 과정":"지식 패키지";return(0,r.jsxs)("div",{style:{minHeight:"100vh",background:"#f8f9fb"},children:[(0,r.jsx)(g(),{children:(0,r.jsx)("title",{children:"크리에이터 결제하기"})}),(0,r.jsx)(l.A,{}),(0,r.jsxs)("main",{style:{maxWidth:520,margin:"0 auto",padding:"40px 20px 60px"},children:[p&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{style:{background:"#fff",borderRadius:16,border:"1px solid #e8eaed",overflow:"hidden"},children:[(0,r.jsx)("div",{style:{height:4,background:"linear-gradient(90deg, #3b82f6, #6366f1)"}}),(0,r.jsxs)("div",{style:{padding:"28px 28px 24px"},children:[(0,r.jsx)("span",{style:{display:"inline-block",padding:"4px 10px",background:"#eef2ff",color:"#4f46e5",fontSize:12,fontWeight:600,borderRadius:6,marginBottom:14,letterSpacing:"-0.02em"},children:S}),(0,r.jsx)("h1",{style:{fontSize:22,fontWeight:700,color:"#111827",lineHeight:1.4,margin:"0 0 16px",letterSpacing:"-0.02em",wordBreak:"keep-all"},children:p.title}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,marginBottom:24},children:[(0,r.jsx)("div",{style:{width:32,height:32,borderRadius:"50%",background:"linear-gradient(135deg, #6366f1, #8b5cf6)",display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",fontSize:14,fontWeight:600,flexShrink:0},children:f?.charAt(0)?.toUpperCase()||"C"}),(0,r.jsx)("span",{style:{fontSize:14,color:"#6b7280",fontWeight:500},children:f})]}),(0,r.jsx)("div",{style:{height:1,background:"#f0f0f3",margin:"0 0 24px"}}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:28},children:[(0,r.jsx)("span",{style:{fontSize:14,color:"#9ca3af",fontWeight:500},children:"결제 금액"}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"baseline",gap:2},children:[(0,r.jsx)("span",{style:{fontSize:32,fontWeight:800,color:"#111827",letterSpacing:"-0.03em",lineHeight:1},children:p.price.toLocaleString()}),(0,r.jsx)("span",{style:{fontSize:16,fontWeight:600,color:"#6b7280"},children:"원"})]})]}),(0,r.jsxs)("button",{onClick:()=>((e=null)=>{let n=Math.random().toString(36).substring(2)+Math.random().toString(36).substring(2),r={PCD_PAY_TYPE:"card",PCD_PAY_WORK:"PAY",PCD_CARD_VER:"02",PCD_RST_URL:`https://server.tilnote.io/api/payments/creator/${t}`,PCD_PAY_GOODS:p.title,PCD_PAY_TOTAL:p.price,PCD_PAY_URL:"https://cpay.payple.kr/php/auth.php",PCD_PAY_DATE:new Date().getTime(),clientKey:"9AD32B836ED7534A3DE721FBB7BA9F5D",PCD_PAYER_EMAIL:b||"",PCD_USER_DEFINE1:n,PCD_USER_DEFINE2:y,PCD_USER_DEFINE3:b||""};e&&(r.PCD_PAY_METHOD=e),window.PaypleCpayAuthCheck(r)})(),disabled:!n,style:{width:"100%",height:52,border:"none",borderRadius:12,background:n?"var(--primary-blue, #2563eb)":"#d1d5db",color:"#fff",fontSize:16,fontWeight:700,cursor:n?"pointer":"not-allowed",transition:"all 0.2s ease",letterSpacing:"-0.01em",display:"flex",alignItems:"center",justifyContent:"center",gap:8},onMouseEnter:e=>{n&&(e.currentTarget.style.background="#1d4ed8",e.currentTarget.style.transform="translateY(-1px)",e.currentTarget.style.boxShadow="0 4px 16px rgba(37, 99, 235, 0.35)")},onMouseLeave:e=>{n&&(e.currentTarget.style.background="#2563eb"),e.currentTarget.style.transform="translateY(0)",e.currentTarget.style.boxShadow="none"},children:[(0,r.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("rect",{x:"1",y:"4",width:"22",height:"16",rx:"2",ry:"2"}),(0,r.jsx)("line",{x1:"1",y1:"10",x2:"23",y2:"10"})]}),"결제하기"]}),(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:5,marginTop:12,color:"#9ca3af",fontSize:12},children:[(0,r.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"

1currentColor",children:(0,r.jsx)("path",{d:"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"})}),"안전한 결제가 보장됩니다"]})]})]}),(0,r.jsx)("div",{style:{marginTop:16},children:(0,r.jsx)(h.A,{book:p})})]}),!p&&(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:300},className:"jsx-9e61bba6495c120b",children:[(0,r.jsx)("div",{style:{width:32,height:32,border:"3px solid #e5e7eb",borderTopColor:"#4f46e5",borderRadius:"50%",animation:"spin 0.8s linear infinite"},className:"jsx-9e61bba6495c120b"}),(0,r.jsx)(s(),{id:"9e61bba6495c120b",children:"@keyframes spin{to{transform:rotate(360deg)}}"})]}),(0,r.jsx)("div",{style:{marginTop:48},children:(0,r.jsx)(c.A,{business:!0,isExpand:!0})})]})]})}},91668:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/creator/payment/[creatorBookId]",function(){return n(69829)}])}},e=>{e.O(0,[8230,8384,4997,4587,8212,304,2289,7559,1494,5870,807,6684,1378,636,6593,8792],()=>e(e.s=91668)),_N_E=e.O()}]);