https://qshop.ai/_next/static/chunks/pages/mypage/payment-fe46fd40ec2d3904.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6022],{8488:function(e,t,l){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/payment",function(){return l(75514)}])},75514:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return eu}});var i=l(35944),n=l(67294),r=l(9008),a=l.n(r),d=l(57218),c=l(87536),o=l(17236),s=l(88767),h=l(11226),u=l(11163),g=l(16829),f=l(80056),Z=l(99785),p=l(36753),y=l(46157),x=l(65194),m=l(83482),B=l(97791),v=l(21438),b=l(78050),X=l(51259),w=l(53556),L=l(89979);let C=e=>{let{...t}=e,{item:{card:l,name:r,payDate:a,site:d,totalPrice:c},handleSubscribe:o,handleUnsubscribe:s}=t,[h,u]=(0,n.useState)(!1);return(0,i.BX)(K,{children:[(0,i.BX)(q,{children:[(0,i.BX)(X.Rx.tu,{align:"flex-start",style:{width:"100%"},children:[(0,i.tZ)(X.Lf.BK,{style:{fontWeight:600},children:null==d?void 0:d.name}),(0,i.BX)(X.Lf.BK,{color:w.$.grayscale.gray[500],textAlign:"left",style:{whiteSpace:"normal"},children:["https://",null==d?void 0:d.domain,".qshop.ai"]})]}),(0,i.tZ)(S,{onClick:()=>u(!h),children:h?(0,i.tZ)(b.Z,{}):(0,i.tZ)(v.Z,{})})]}),!h&&(0,i.BX)(i.HY,{children:[(0,i.BX)(X.Rx.tu,{align:"space-between",style:{width:"100%",paddingTop:"20px"},gap:"10px",children:[(0,i.BX)(X.Rx.gq,{justify:"space-between",style:{fontWeight:600},children:[(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[500],children:f.Fq[1]}),(0,i.tZ)(X.Lf.BK,{children:r})]}),(0,i.BX)(X.Rx.gq,{justify:"space-between",align:"flex-start",style:{fontWeight:600},children:[(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[500],children:f.Fq[2]}),(0,i.tZ)(X.Lf.BK,{textAlign:"right",style:{whiteSpace:"normal"},children:(e=>{if(!e)return"없음";let{issuerCode:t,cardNumber:l}=e,i=B.E[t];return"".concat(null==i?void 0:i.name," ").concat((0,x.yx)(l))})(l)})]}),(0,i.BX)(X.Rx.gq,{justify:"space-between",style:{fontWeight:600},children:[(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[500],children:f.Fq[3]}),(0,i.BX)(X.Lf.BK,{children:[(0,x.nz)(c),"원"]})]}),(0,i.BX)(X.Rx.gq,{justify:"space-between",style:{fontWeight:600},children:[(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[500],children:f.Fq[4]}),(0,i.BX)(X.Lf.BK,{children:[" ",(0,m.GL)(a)]})]})]}),(0,i.BX)(R,{children:[(0,i.tZ)(L.Z,{role:"gray",onClick:o,size:"full",children:"구독관리"}),(0,i.tZ)(L.Z,{onClick:s,role:"gray",size:"full",children:"구독해지"})]})]})]})},K=(0,g.Z)("div",{target:"egrinuq0"})("width:100%;display:flex;flex-direction:column;"),q=(0,g.Z)("div",{target:"egrinuq1"})("width:100%;padding:15px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid ",w.$.grayscale.gray[200],";"),S=(0,g.Z)("div",{target:"egrinuq2"})("width:24px;height:24px;cursor:pointer;"),R=(0,g.Z)("div",{target:"egrinuq3"})("width:100%;height:100%;margin-top:15px;padding-bottom:15px;display:flex;justify-content:center;gap:15px;border-bottom:1px solid ",w.$.grayscale.gray[200],";");var k=l(66302),E=l(86010),$=l(53252),j=l(81909);let _=e=>{let{...t}=e,{item:l,item:{card:r,name:a,payDate:d,site:c,totalPrice:o},handleSubscribe:s,handleUnsubscribe:h}=t,u=(0,n.useRef)(null),[g,f]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{u.current&&f(u.current.offsetWidth>220)},[null==c?void 0:c.domain]),(0,i.tZ)(i.HY,{children:(0,i.BX)(k.Z,{height:"58px",children:[(0,i.tZ)($.Z,{children:(0,i.BX)(X.Rx.tu,{align:"flex-start",children:[(0,i.tZ)(X.Lf.BK,{children:null==c?void 0:c.name}),(0,i.tZ)(j.Z,{title:g&&"https://".concat(null==c?void 0:c.domain,".qshop.ai"),placement:"top",children:(0,i.tZ)(X.Lf.Dd,{width:"".concat(220,"px"),children:(0,i.BX)(X.Lf.BK,{ref:u,color:w.$.grayscale.gray[500],children:["https://",null==c?void 0:c.domain,".qshop.ai"]})})})]})}),(0,i.tZ)($.Z,{align:"center",children:a}),(0,i.tZ)($.Z,{align:"center",children:(e=>{if(!e)return"없음";let{issuerCode:t,cardNumber:l}=e,i=B.E[t];return"".concat(null==i?void 0:i.name," ").concat((0,x.yx)(l))})(r)}),(0,i.BX)($.Z,{align:"center",children:[(0,x.nz)(o),"원"]}),(0,i.tZ)($.Z,{align:"center",children:(0,m.GL)(d)}),(0,i.tZ)($.Z,{align:"center",style:{overflow:"visible"},children:(0,i.tZ)(E.Z,{menuList:[{name:"구독관리",onClick:s},{name:"구독해지",onClick:h}]})})]})})};var Y=l(1680);let z="예정된 정기결제가 없습니다.",H=()=>

1{let[e,t]=(0,n.useState)(!1),[l,r]=(0,n.useState)(1),[a,d]=(0,n.useState)(5),[c,g]=(0,n.useState)(),[x,m]=(0,n.useState)(),[B,v]=(0,n.useState)(0),b=(0,u.useRouter)(),w=(0,o.Z)(Y.AV[1]||768),L=e=>{b.push("/mypage/subscribe/".concat(e))},K=e=>{g((0,i.tZ)(y.ZP,{site:null==e?void 0:e.site,onConfirm:()=>{},onClose:q}))},q=()=>{g(null)},{data:S,isLoading:R}=(0,s.useQuery)(["getSites"],()=>(0,Z.EY)({orderby:"desc",page:1,count:200}));return(0,s.useQuery)(["getPaymentSubscribe",l,a],()=>(0,h.qx)({page:l,count:a}),{enabled:!R,onSuccess:e=>{if(!e)return;let t=null==e?void 0:e.list.map(e=>{let t=(null==S?void 0:S.list.find(t=>t.siteId===e.siteId))||null;return{...e,site:t}}),l=t.filter(e=>{var t;return(null==e?void 0:null===(t=e.site)||void 0===t?void 0:t.subscribeStatus)==="normal"});m(l),v(null==l?void 0:l.length)},onError:()=>{}}),(0,n.useEffect)(()=>{t(!0)},[]),(0,i.tZ)(i.HY,{children:e&&(0,i.BX)(i.HY,{children:[w?(0,i.BX)(i.HY,{children:[(0,i.BX)(W,{children:[(0,i.tZ)(P,{children:"결제예정"}),x&&x.map((e,t)=>(0,i.tZ)(C,{item:e,handleUnsubscribe:()=>K(e),handleSubscribe:()=>{L(e.siteId)}},"subscribe-".concat(t))),(null==x?void 0:x.length)===0?(0,i.tZ)(A,{children:z}):""]}),(0,i.tZ)(D,{})]}):(0,i.BX)(X.UW.Hu,{children:[(0,i.tZ)(X.Lf._D,{style:{fontWeight:600},children:"결제예정"}),(0,i.tZ)(p.Z,{headerList:f.Fq,emptyMsg:z,page:l,setPage:r,count:a,setCount:d,totalCount:B,usePagination:B>a,children:x&&x.map((e,t)=>(0,i.tZ)(_,{item:e,handleUnsubscribe:()=>K(e),handleSubscribe:()=>{L(e.siteId)}},"subscribe-".concat(t)))})]}),c&&c]})})},P=(0,g.Z)("div",{target:"e1vsmr5o0"})("font-size:16px;font-weight:600;padding-bottom:20px;border-bottom:2px solid #232323;"),W=(0,g.Z)("div",{target:"e1vsmr5o1"})("width:calc(100vw - 40px);max-width:1000px;"),D=(0,g.Z)("div",{target:"e1vsmr5o2"})("width:100%;height:8px;background-color:",w.$.grayscale.gray[100],";margin:30px;"),A=(0,g.Z)("div",{target:"e1vsmr5o3"})("height:120px;display:flex;justify-content:center;align-items:center;padding-top:30px;color:",w.$.grayscale.gray[500],";font-size:12px;");var I=l(38400),Q=l(12166),M=l(59201),N=l(87790);let T=e=>{let{...t}=e,{data:{id:l,isDefault:n,issuerCode:r,cardNumber:a,count:d},handleSetDefaultCard:c,handleRemoveCard:o,methodCount:s}=t,h=B.E[r];return(0,i.BX)(k.Z,{height:"61px",children:[(0,i.BX)($.Z,{width:285,children:[(0,i.tZ)(X.Lf.K0,{children:(0,x.yx)(a)}),n?(0,i.tZ)(X.Lf.Ct,{style:{marginLeft:8},children:"기본"}):null]}),(0,i.tZ)($.Z,{width:200,align:"center",children:null==h?void 0:h.name}),(0,i.BX)($.Z,{width:236,align:"center",children:[d,"개"]}),(0,i.BX)($.Z,{width:288,align:"center",children:[1===s?(0,i.tZ)(X.Rx.gq,{style:{width:"100%"},gap:"10px",justify:"flex-end",children:(0,i.tZ)(L.Z,{role:"delete",onClick:()=>o(l)})}):null,n?null:(0,i.BX)(X.Rx.gq,{style:{width:"100%"},gap:"10px",justify:"flex-end",children:[(0,i.tZ)(L.Z,{role:"gray",onClick:()=>c(l),style:{width:"auto",height:"30px",fontSize:"12px",padding:"0 20px",fontWeight:"600"},children:"기본결제 카드지정"}),(0,i.tZ)(L.Z,{role:"delete",onClick:()=>o(l)})]})]})]})};var F=l(63534),V=l(69461);let G=e=>{let{...t}=e,{data:{id:l,isDefault:n,issuerCode:r,cardNumber:a,count:d},handleSetDefaultCard:c,handleRemoveCard:o,methodCount:s}=t,h=B.E[r];return(0,i.tZ)(U,{children:n?(0,i.BX)(O,{children:[(0,i.BX)(X.Rx.gq,{style:{width:"100%"},justify:"flex-start",gap:"11px",children:[(0,i.tZ)(X.Lf.BK,{children:null==h?void 0:h.name}),(0,i.tZ)(X.Lf.Dd,{children:(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[600],children:(0,x.yx)(a)})}),(0,i.tZ)(X.Lf.Ct,{children:"기본"})]}),(0,i.BX)(X.Rx.gq,{style:{width:"100%"},justify:"flex-start",gap:"11px",children:[(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[600],children:"연결된 사이트"}),(0,i.BX)(X.Lf.BK,{children:[d,"개"]})]}),1===s?(0,i.tZ)(ee,{children:(0,i.tZ)(L.Z,{size:"full",role:"alert",onClick:()=>o(l),style:{fontWeight:600},children:"카드 삭제"})}):null]}):(0,i.BX)(J,{children:[(0,i.BX)(X.Rx.gq,{style:{width:"100%"},justify:"flex-start",gap:"11px",children:[(0,i.tZ)(X.Lf.BK,{children:null==h?void 0:h.name}),(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[600],children:(0,x.yx)(a)})]}),(0,i.BX)(X.Rx.gq,{style:{width:"100%"}

1,justify:"flex-start",gap:"11px",children:[(0,i.tZ)(X.Lf.BK,{color:w.$.grayscale.gray[600],children:"연결된 사이트"}),(0,i.BX)(X.Lf.BK,{children:[d,"개"]})]}),(0,i.BX)(ee,{children:[(0,i.tZ)(L.Z,{size:"full",role:"gray",onClick:()=>c(l),children:"기본 결제카드 지정"}),(0,i.tZ)(L.Z,{size:"full",role:"alert",onClick:()=>o(l),style:{fontWeight:500},children:"카드 삭제"})]})]})})},U=(0,g.Z)("div",{target:"e1rl6fjf0"})("width:100%;display:flex;flex-direction:column;"),O=(0,g.Z)("div",{target:"e1rl6fjf1"})("padding:15px;display:flex;flex-direction:column;gap:7px;border-radius:8px;border:1px solid ",w.$.grayscale.gray[200],";margin:20px 0;"),J=(0,g.Z)("div",{target:"e1rl6fjf2"})("padding:15px 0;display:flex;flex-direction:column;gap:7px;border-top:1px solid ",w.$.grayscale.gray[200],";"),ee=(0,g.Z)("div",{target:"e1rl6fjf3"})("display:flex;gap:15px;margin-top:15px;button{height:38px;}"),et=e=>{let{clientKey:t}=e,[l,r]=(0,n.useState)(),{control:a,setValue:d}=(0,c.Gc)(),[g]=(0,c.qo)({control:a,name:["customerKey"]}),Z=(0,u.useRouter)(),{isSuccess:y}=Z.query,x=(0,s.useQueryClient)(),m=(0,o.Z)(Y.AV[1]||768),B=(0,M.Z)(),{data:v}=(0,s.useQuery)("memberInfo",Q.W0,{select:e=>e.item}),b=null==v?void 0:v.easyPayCardLimit,{data:w,isFetching:C}=(0,s.useQuery)("getEasyPayCard",h.zi,{select:e=>e,onSuccess:e=>{let{customerKey:t}=e;d("customerKey",t)}}),K=null==w?void 0:w.items;(0,n.useEffect)(()=>{let{add:e}=Z.query;Z.isReady&&"card"===e&&R()},[Z.isReady]);let q=(0,s.useMutation)(async e=>{(0,h.SD)(e)},{onSuccess:e=>{x.invalidateQueries("getEasyPayCard"),alert("기본 결제수단이 변경되었습니다.")},onError:e=>{}}),S=(0,s.useMutation)(async e=>{(0,h._9)(e)},{onSuccess:e=>{x.invalidateQueries("getEasyPayCard"),alert("결제수단이 삭제되었습니다.")},onError:e=>{console.log("error",e)}}),R=()=>{let e=I.Z.getTokenPayload();if(e&&e.memberId){if((null==K?void 0:K.length)>=b){alert("결제수단은 최대 ".concat(b,"개까지 등록할 수 있습니다."));return}}else{alert("회원정보가 올바르지 않습니다.");return}B.requestBillingAuth("".concat(location.origin,"/mypage/payment"),"live_ck_6bJXmgo28eAM0knRMNDY8LAnGKWx",g)},k=()=>{r(null)},E=e=>{q.mutate(e)},$=e=>{r((0,i.tZ)(V.Z,{onConfirm:()=>{S.mutate(e),k()},onClose:k}))};return(0,n.useEffect)(()=>{if("false"===y){alert("카드 등록에 실패하였습니다."),Z.push("/mypage/subscribe");return}if("true"===y){alert("카드가 등록되었습니다.");return}},[y]),(0,i.BX)(i.HY,{children:[C?(0,i.tZ)(F.Z,{}):(0,i.tZ)(i.HY,{children:m?(0,i.BX)(i.HY,{children:[(0,i.BX)(ei,{children:[(0,i.tZ)(el,{children:"결제수단"}),K&&K.sort((e,t)=>t.isDefault-e.isDefault).map((e,t)=>(0,i.tZ)(G,{data:e,handleSetDefaultCard:E,handleRemoveCard:$,methodCount:K.length},"mobile-method-".concat(t))),(null==K?void 0:K.length)===0?(0,i.BX)(ea,{children:[(0,i.tZ)("p",{children:"등록된 결제 수단이 없습니다."}),(0,i.tZ)("p",{children:"정기 결제를 위해 카드를 등록해주세요."})]}):"",(0,i.tZ)(en,{children:(0,i.tZ)(L.Z,{role:"charcoal",size:"full",onClick:R,children:"+ 결제 수단 등록"})})]}),(0,i.tZ)(er,{})]}):(0,i.BX)(X.UW.Hu,{children:[(0,i.tZ)(X.Lf._D,{style:{fontWeight:600},children:"결제수단"}),(0,i.tZ)(p.Z,{headerList:f.hL,emptyMsg:(0,i.BX)(i.HY,{children:[(0,i.tZ)("p",{children:"등록된 결제 수단이 없습니다."}),(0,i.tZ)("p",{children:"정기 결제를 위해 카드를 등록해주세요."})]}),totalCount:K?K.length:0,usePagination:!1,children:K&&K.sort((e,t)=>t.isDefault-e.isDefault).map((e,t)=>(0,i.tZ)(T,{data:e,handleSetDefaultCard:E,handleRemoveCard:$,methodCount:K.length},"method-".concat(t)))}),(0,i.tZ)(L.Z,{role:"charcoal",size:"full",onClick:R,style:{marginTop:"30px"},children:"+ 결제 수단 등록"})]})}),l&&l]})},el=(0,g.Z)("div",{target:"econd340"})("font-size:16px;font-weight:600;padding-bottom:20px;border-bottom:2px solid #232323;"),ei=(0,g.Z)("div",{target:"econd341"})("width:calc(100vw - 40px);max-width:1000px;"),en=(0,g.Z)("div",{target:"econd342"})("width:100%;padding-top:20px;border-top:1px solid ",w.$.grayscale.gray[200],";button{height:38px;}"),er=(0,g.Z)("div",{target:"econd343"})("width:100%;height:8px;background-color:",w.$.grayscale.gray[100],";margin:30px;"),ea=(0,g.Z)("div",{target:"econd344"})("height:150px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:",w.$.grayscale.gray[500],";font-size:12px;");var ed=l(48622);let ec=()=>

1{let e=(0,o.Z)(Y.AV[1]||768),[t,l]=(0,n.useState)(!1),{data:r}=(0,s.useQuery)("getPaymentClientKey",()=>(0,h.cE)({isTest:"Y"}));(0,n.useEffect)(()=>{l(!0)},[]);let a=(0,c.cI)({mode:"onChange",defaultValues:{siteId:null,customerKey:null,subscribeDetail:null}});return(0,i.tZ)(c.RV,{...a,children:t&&(0,i.tZ)(N.hY,{children:e?(0,i.tZ)(es,{clientKey:r}):(0,i.tZ)(eo,{clientKey:r})})})},eo=e=>{let{clientKey:t}=e;return(0,i.BX)(i.HY,{children:[(0,i.tZ)(X.Lf.H1,{textAlign:"start",children:"결제관리"}),(0,i.BX)(X.Rx.tu,{style:{width:"100%"},gap:"100px",children:[(0,i.tZ)(H,{}),(0,i.tZ)(et,{clientKey:t}),(0,i.tZ)(ed.ZP,{})]})]})},es=e=>{let{clientKey:t}=e;return(0,i.tZ)(i.HY,{children:(0,i.BX)(X.Rx.tu,{style:{width:"100%"},children:[(0,i.tZ)(H,{}),(0,i.tZ)(et,{clientKey:t}),(0,i.tZ)(ed.ZP,{})]})})},eh=()=>(0,i.BX)(i.HY,{children:[(0,i.tZ)(a(),{children:(0,i.tZ)("title",{children:"무료 홈페이지 제작 | 가장 쉬운 웹사이트 만들기 | 큐샵 | 결제수단"})}),(0,i.tZ)(d.Z,{children:(0,i.tZ)(ec,{})})]});var eu=eh}},function(e){e.O(0,[8874,4340,3846,9774,2888,179],function(){return e(e.s=8488)}),_N_E=e.O()}]);