https://tarotmoon.co.kr/_next/static/chunks/pages/store-ceaab7076a20e57b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9315],{18042:(n,t,e)=>{"use strict";e.d(t,{y:()=>l});var i=e(14232),o=0,r="",l=function(){return{lock:(0,i.useCallback)(function(){0===o&&(r=document.body.style.overflow||""),o+=1,document.body.style.overflow="hidden",document.body.classList.add("not_scroll")},[]),unlock:(0,i.useCallback)(function(){o>0&&(o-=1),0===o&&(document.body.style.overflow=r,document.body.classList.remove("not_scroll"))},[])}}},23601:(n,t,e)=>{"use strict";e.d(t,{S:()=>d});var i,o,r,l,a,s=e(32228),c=e(62341),d={TitleWrap:c.A.div(i||(i=(0,s.A)(["\n    width: 100%;\n    height: 48px;\n    border-bottom: 1px solid var(--PG200);\n  "]))),TitleLabel:c.A.div(o||(o=(0,s.A)(["\n    width: 100%;\n    height: 48px;\n    padding: 12px;\n    text-align: center;\n    position: relative;\n\n    p {\n      width: 100%;\n      height: 24px;\n      font-family: NotoSansCJKkr;\n      font-size: 16px;\n      font-weight: bold;\n      line-height: 24px;\n      text-align: center;\n      color: var(--PG900);\n    }\n  "]))),CloseWrap:c.A.div(r||(r=(0,s.A)(["\n    position: absolute;\n    right: 16px;\n    top: 12px;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n  "]))),TextWrap:c.A.div(l||(l=(0,s.A)(["\n    padding: 24px;\n    width: 100%;\n\n    p {\n      width: 100%;\n      font-family: NotoSansCJKkr;\n      font-size: 14px;\n      font-weight: normal;\n      line-height: 20px;\n      color: var(--PG800);\n      text-align: left;\n      white-space: pre-line;\n    }\n  "]))),ButtonWrap:c.A.div(a||(a=(0,s.A)(["\n    width: 100%;\n    height: 56px;\n    background-image: ",";\n    border-radius: 0 0 8px 8px;\n    padding: 16px 0;\n    cursor: pointer;\n\n    p {\n      width: 100%;\n      height: 24px;\n      font-family: NotoSansCJKkr;\n      font-size: 16px;\n      font-weight: bold;\n      line-height: 24px;\n      text-align: center;\n      color: ",";\n    }\n\n    &:hover {\n      background-image: ",";\n\n      p {\n        color: ",";\n      }\n    }\n\n    &:active {\n      background-image: ",";\n\n      p {\n        color: ",";\n      }\n    }\n\n    &:disabled {\n      background-color: var(--PG300);\n\n      p {\n        color: var(--PG500);\n      }\n    }\n  "])),function(n){var t=n.buttonColor;return t?"linear-gradient(to top, ".concat(t,", ").concat(t," 2%)"):"linear-gradient(to top, #7150bd, #8767d0)"},function(n){return n.buttonTextColor||"var(--white)"},function(n){var t=n.buttonColor;return t?"linear-gradient(to top, ".concat(t,", ").concat(t," 2%)"):"linear-gradient(to top, #8d65e8, #a585ef)"},function(n){return n.buttonTextColor||"var(--white)"},function(n){var t=n.buttonColor;return t?"linear-gradient(to top, ".concat(t,", ").concat(t," 2%)"):"linear-gradient(to top, #6448a5, #7e5dc9 2%)"},function(n){return n.buttonTextColor||"var(--white)"})}},36720:(n,t,e)=>{"use strict";function i(){return(i=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var i in e)({}).hasOwnProperty.call(e,i)&&(n[i]=e[i])}return n}).apply(null,arguments)}e.d(t,{A:()=>i})},40286:(n,t,e)=>{"use strict";e.d(t,{N:()=>o,Z:()=>i});var i=function(n){return n.toLocaleString("en-US")},o=function(n){return 0===n?"-":n>0&&n<=9?n.toString():n>=10&&n<=49?"10+":n>=50&&n<=99?"50+":n>=100&&n<=9999?i(100*Math.floor(n/100))+"+":"9,999+"}},51225:(n,t,e)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/store",function(){return e(66845)}])},63492:(n,t,e)=>{"use strict";e.d(t,{A:()=>w});var i,o,r,l,a=e(85572),s=e(36720),c=e(45709),d=e(18042),p=e(14232),h=e(77232),x=e(48697),u=e(22371),f=e(32228),g=e(62341),m={Container:(0,g.A)(c.A)(i||(i=(0,f.A)(["\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n  "]))),InputBox:(0,g.A)(c.A)(o||(o=(0,f.A)(["\n    display: flex;\n    width: 100%;\n    flex-direction: column;\n    position: relative;\n    cursor: pointer;\n    overflow: hidden;\n\n    .bottomIcon {\n      position: absolute;\n      right: 16px;\n      margin: 16px 0;\n    }\n  "]))),BottomIcon:(0,g.A)(c.A)(r||(r=(0,f.A)(["\n    position: absolute;\n    right: 16px;\n    margin: 16px 0;\n  "]))),Input:(0,g.A)(c.A)(l||(l=(0,f.A)(["\n    width: 100%;\n    height: 56px;\n    border: solid 1px var(--PG300);\n    border-radius: 8px;\n    float: left;\n    color: var(--PG700);\n    padding: 16px;\n    font-size: 16px;\n    background-color: white;\n    text-align: left;\n\n    ::placeholder,\n    ::-webkit-input-placeholder {\n      color: var(--PG500) !important;\n      font-size: 16px;\n    }\n    :-ms-input-placeholder {\n      color: var(--PG500) !important;\n      font-size: 16px;\n    }\n\n    #active {\n      background-image: linear-gradient(to top, #6448a5, #7e5dc9 2%);\n      p {\n        color: var(--white);\n      }\n    }\n    p {\n      height: 24px;\n      font-family: NotoSansCJKkr;\n      font-size: 16px;\n      font-weight: bold;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 24px;\n      letter-spacing: normal;\n      text-align: center;\n      color: var(--PG700);\n    }\n\n    &:active,\n    &:focus {\n      border: 1px solid var(--P500);\n    }\n    &:disabled {\n      border: 1px solid var(--PG300);\n      background-color: var(--PG200);\n      p {\n        color: var(--PG500);\n      }\n    }\n  "])))},v=e(37876);let w=function(n){var t=(0,s.A)({},((0,a.A)(n),n)),e=t.title,i=(t.name,t.value,t.selectValue),o=t.options,r=t.onClick,l=(0,p.useState)(!1),c=l[0],h=l[1],f=(0,d.y)(),g=f.lock,w=f.unlock,y=function(n){r(n),h(!1)},L=function(){h(!1)};return(0,p.useEffect)(function(){c?g():w()},[c,g,w]),(0,v.jsxs)(m.Container,{children:[(0,v.jsxs)(m.InputBox,{onClick:function(){h(!c)}

1,children:[(0,v.jsx)(m.Input,{children:i}),(0,v.jsx)(m.BottomIcon,{children:(0,v.jsx)(x.A,{})})]}),c&&o&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(C,{onClick:L}),(0,v.jsx)(k,{children:(0,v.jsxs)(j,{children:[(0,v.jsx)(P,{children:(0,v.jsxs)(S,{children:[(0,v.jsx)("label",{children:e}),(0,v.jsx)(_,{onClick:L,children:(0,v.jsx)(u.A,{})})]})}),(0,v.jsx)(b,{children:o.map(function(n){return(0,v.jsx)(A,{onClick:function(t){return y(n.value)},value:String(n.value),id:String(n.value),children:(0,v.jsx)("h4",{children:n.title})},n.value)})})]})})]})]})};var y=(0,h.i7)(["0%{opacity:0;transform:translateY(300px);}100%{opacity:3;transform:none;}"]),j=h.Ay.div.withConfig({displayName:"DropdownList__FilterWrap",componentId:"sc-12wq8vj-0"})(["width:100%;height:100%;"]),b=h.Ay.div.withConfig({displayName:"DropdownList__FilterSelect",componentId:"sc-12wq8vj-1"})(["float:left;width:100%;padding:20px 24px 44px 24px;max-height:100%;position:initial;overflow-y:auto;"]),A=h.Ay.button.withConfig({displayName:"DropdownList__SelectWrap",componentId:"sc-12wq8vj-2"})(["float:left;width:100%;height:56px;cursor:pointer;background:none;border:none;text-align:left;p{height:24px;font-family:NotoSansCJKkr;font-size:16px;font-weight:bold;line-height:24px;color:var(--PG800);}"]),C=(0,h.Ay)(c.A).withConfig({displayName:"DropdownList__ModalOverlay",componentId:"sc-12wq8vj-3"})(["display:flex;background-color:#000000;z-index:3;opacity:0.7;position:fixed;top:0;bottom:0;width:100%;max-width:500px;@media (min-width:501px){left:auto;right:max(0px,calc((100vw - 1460px) / 2));width:500px;max-width:500px;}@media (max-width:500px){left:0;right:0;width:100%;max-width:100%;}"]),k=(0,h.Ay)(c.A).withConfig({displayName:"DropdownList__ModalContainer",componentId:"sc-12wq8vj-4"})(["display:flex;z-index:3;background-color:var(--PG100);position:fixed;bottom:56px;width:100%;max-width:500px;height:100%;max-height:368px;animation:"," 0.3s ease-in-out;@media (min-width:501px){left:auto;right:max(0px,calc((100vw - 1460px) / 2));width:500px;max-width:500px;}@media (max-width:500px){left:0;right:0;width:100%;max-width:100%;}"],y),P=h.Ay.div.withConfig({displayName:"DropdownList__TitleWrap",componentId:"sc-12wq8vj-5"})(["width:100%;height:48px;float:left;border-bottom:1px solid var(--PG200);background-color:var(--PG100);"]),S=h.Ay.div.withConfig({displayName:"DropdownList__TitleLabel",componentId:"sc-12wq8vj-6"})(["width:100%;height:24px;text-align:center;padding:12px;label{width:100%;float:left;font-family:NotoSansCJKkr;font-size:16px;font-weight:bold;line-height:24px;text-align:center;color:var(--PG900);}"]),_=h.Ay.div.withConfig({displayName:"DropdownList__CloseWrap",componentId:"sc-12wq8vj-7"})(["float:right;width:24px;height:24px;position:absolute;right:16px;cursor:pointer;"])},66845:(n,t,e)=>{"use strict";e.r(t),e.d(t,{default:()=>to});var i,o,r,l,a,s,c,d,p,h,x,u,f,g,m,v,w,y,j,b,A,C,k,P,S,_,L,N,I,z,W,T,B,G,M,D,K,R,O,E,J,q,F,Z,U,V,Y,H,X,Q,$,nn,nt,ne=e(63857),ni=e(43081),no=e.n(ni),nr=e(93036),nl=e(40286),na=e(32228),ns=e(62341),nc=e(824),nd=e(45709),np=e(88483),nh={Button:(0,ns.A)(nc.A,{shouldForwardProp:function(n){return"isActive"!==n}})(i||(i=(0,na.A)(["\n    width: 100%;\n    height: 132px;\n    float: left;\n    padding: 24px;\n    border-radius: 8px;\n    border: ",";\n    background-color: var(--white);\n    color: var(--PG700);\n\n    &:hover {\n      border-color: var(--P200);\n    }\n    &:focus {\n      border-color: var(--P400);\n    }\n    &:active {\n      border-color: var(--P400);\n    }\n  "])),function(n){return n.isActive?"solid 1px var(--P400)":"solid 1px var(--PG300)"}),CoinCardContainer:(0,ns.A)(nd.A)(o||(o=(0,na.A)(["\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n  "]))),CoinText:(0,ns.A)(np.A)(r||(r=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 12px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 16px;\n    letter-spacing: normal;\n    text-align: left;\n    color: var(--PG600);\n  "]))),CoinPrice:(0,ns.A)(np.A)(l||(l=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 24px;\n    letter-spacing: normal;\n    color: var(--PG800);\n    text-align: left;\n    float: left;\n  "]))),SaleBox:(0,ns.A)(nd.A)(a||(a=(0,na.A)(["\n    display: flex;

1\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-top: 4px;\n  "]))),Percent:(0,ns.A)(np.A)(s||(s=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 12px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 16px;\n    color: var(--R400);\n  "]))),SalePrice:(0,ns.A)(np.A)(c||(c=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 12px;\n    font-weight: normal;\n    line-height: 16px;\n  "]))),CoinCardContent:(0,ns.A)(nd.A)(d||(d=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding-top: 12px;\n    gap: 4px;\n    margin: 0;\n  "]))),Icon:(0,ns.A)(nd.A)(p||(p=(0,na.A)(["\n    width: 68px;\n    height: 68px;\n    margin: 0;\n  "]))),Container:(0,ns.A)(nd.A)(h||(h=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n  "])))},nx=e(37876);let nu=function(n){var t=n.product,e=n.type,i=n.onClick,o=t.cnt,r=t.price,l=t.rate,a=t.org_price,s=t.image_web;return(0,nx.jsx)(nh.Container,{children:(0,nx.jsx)(nh.Button,{isActive:o===e,onClick:i,disableRipple:!0,children:(0,nx.jsxs)(nh.CoinCardContainer,{children:[(0,nx.jsxs)(nh.CoinCardContent,{children:[(0,nx.jsxs)(nh.CoinText,{children:[(0,nl.Z)(o),"코인"]}),(0,nx.jsxs)(nh.CoinPrice,{children:[(0,nl.Z)(r),"원"]}),l&&(0,nx.jsxs)(nh.SaleBox,{children:[(0,nx.jsx)(nh.Percent,{children:l}),(0,nx.jsxs)(nh.SalePrice,{style:{textDecoration:"line-through"},children:[(0,nl.Z)(a),"원"]})]})]}),(0,nx.jsx)(nh.Icon,{children:(0,nx.jsx)("img",{src:s,alt:"coin",width:68,height:68,style:{width:"68px",height:"68px"}})})]})})})};var nf=e(14232),ng=e(77232),nm=ng.Ay.div.withConfig({displayName:"AddLargeIcon__AddLargeBlock",componentId:"sc-171ofji-0"})(["width:32px;height:32px;svg{width:32px;height:32px;cursor:pointer;}#hover{display:none;}#pressed{display:none;}#active{display:none;}#disabled{display:none;}&:hover{#normal{display:none;}#hover{display:block;}#pressed{display:none;}#active{display:none;}#disabled{display:none;}}&:active{#normal{display:none;}#hover{display:none;}#pressed{display:block;}#active{display:none;}#disabled{display:none;}}"]);let nv=function(){return(0,nx.jsxs)(nm,{children:[(0,nx.jsx)("svg",{id:"normal",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#3B3153",d:"M17.143 17.143L17.143 24 14.857 24 14.857 17.143 8 17.143 8 14.857 14.857 14.857 14.857 8 17.143 8 17.143 14.857 24 14.857 24 17.143z"})]})})}),(0,nx.jsx)("svg",{id:"hover",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#7A6F98",d:"M17.143 17.143L17.143 24 14.857 24 14.857 17.143 8 17.143 8 14.857 14.857 14.857 14.857 8 17.143 8 17.143 14.857 24 14.857 24 17.143z"})]})})}),(0,nx.jsx)("svg",{id:"pressed",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#312841",d:"M17.143 17.143L17.143 24 14.857 24 14.857 17.143 8 17.143 8 14.857 14.857 14.857 14.857 8 17.143 8 17.143 14.857 24 14.857 24 17.143z"})]})})}),(0,nx.jsx)("svg",{id:"active",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#312841",d:"M17.143 17.143L17.143 24 14.857 24 14.857 17.143 8 17.143 8 14.857 14.857 14.857 14.857 8 17.143 8 17.143 14.857 24 14.857 24 17.143z"})]})})}),(0,nx.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#CEC5E0",d:"M17.143 17.143L17.143 24 14.857 24 14.857 17.143 8 17.143 8 14.857 14.857 14.857 14.857 8 17.143 8 17.143 14.857 24 14.857 24 17.143z"})]})})})]})};var nw=ng.Ay.div.withConfig({displayName:"DisabledAddIcon__AddLargeBlock",componentId:"sc-1o6o1ms-0"})(["width:32px;height:32px;svg{width:32px;height:32px;

1cursor:default;}"]);let ny=function(){return(0,nx.jsx)(nw,{children:(0,nx.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#CEC5E0",d:"M17.143 17.143L17.143 24 14.857 24 14.857 17.143 8 17.143 8 14.857 14.857 14.857 14.857 8 17.143 8 17.143 14.857 24 14.857 24 17.143z"})]})})})})};var nj=ng.Ay.button.withConfig({displayName:"RemoveLargeIcon__RemoveBlock",componentId:"sc-1sfaouk-0"})(["width:32px;height:32px;background:none;border:none;svg{width:32px;height:32px;cursor:pointer;}#hover{display:none;}#pressed{display:none;}#active{display:none;}#disabled{display:none;}&:hover{#normal{display:none;}#hover{display:block;}#pressed{display:none;}#active{display:none;}#disabled{display:none;}}&:active{#normal{display:none;}#hover{display:none;}#pressed{display:block;}#active{display:none;}#disabled{display:none;}}&:disabled{svg{cursor:default;}#normal{display:none;}#hover{display:none;}#pressed{display:none;}#active{display:none;}#disabled{display:block;}}"]);let nb=function(n){var t=n.isDisabled;return(0,nx.jsxs)(nj,{disabled:t,children:[(0,nx.jsx)("svg",{id:"normal",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#3B3153",d:"M24 17L8 17 8 15 24 15z"})]})})}),(0,nx.jsx)("svg",{id:"hover",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#7A6F98",d:"M24 17L8 17 8 15 24 15z"})]})})}),(0,nx.jsx)("svg",{id:"pressed",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#312841",d:"M24 17L8 17 8 15 24 15z"})]})})}),(0,nx.jsx)("svg",{id:"active",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#312841",d:"M24 17L8 17 8 15 24 15z"})]})})}),(0,nx.jsx)("svg",{id:"disabled",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32",children:(0,nx.jsx)("g",{fill:"none",fillRule:"evenodd",children:(0,nx.jsxs)("g",{children:[(0,nx.jsx)("path",{d:"M0 0L32 0 32 32 0 32z"}),(0,nx.jsx)("path",{fill:"#CEC5E0",d:"M24 17L8 17 8 15 24 15z"})]})})})]})};var nA=e(20022),nC={FooterButton:(0,ns.A)(nd.A)(x||(x=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    border-radius: 8px;\n    border: solid 1px var(--PG300);\n    padding: 16px;\n    gap: 24px;\n  "]))),CalculationContainer:(0,ns.A)(nd.A)(u||(u=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: 16px;\n  "]))),Label:(0,ns.A)(np.A)(f||(f=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 20px;\n    color: var(--PG600);\n  "]))),CoinCountBox:(0,ns.A)(nd.A)(g||(g=(0,na.A)(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n  "]))),TotalPrice:(0,ns.A)(np.A)(m||(m=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 32px;\n    color: var(--PG800);\n  "]))),CountBox:(0,ns.A)(nd.A)(v||(v=(0,na.A)(["\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    margin: 0;\n  "]))),Count:(0,ns.A)(np.A)(w||(w=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 20px;\n    font-weight: bold;\n    line-height: 32px;\n    text-align: center;\n    color: var(--PG800);\n  "]))),CounterButton:ns.A.button(y||(y=(0,na.A)(["\n    background: none;\n    border: none;\n    color: var(--PG900);\n    width: 32px;\n    height: 32px;\n    padding: 0;\n    cursor: pointer;\n  "]))),ButtonWrapper:(0,ns.A)(nd.A)(j||(j=(0,na.A)(["\n    width: 100%;\n    margin: 24px 0 16px 0;\n    padding: 0 16px;\n  "])))};let nk=function(n){var t=n.isSelected,e=n.count,i=n.storeCnt,o=n.totalPrice,r=n.onIncrease,l=n.onDecrease,a=n.onPayClick,s=t&&e>1,c=t&&e<9;return(0,nx.jsxs)(nC.FooterButton,{children:[(0,nx.jsxs)(nC.CalculationContainer,{children:[(0,nx.jsx)(nC.Label,{children:t?"".concat((void 0===i?0:i).toLocaleStr

1ing(),"코인"):"항목을 선택하세요."}),(0,nx.jsxs)(nC.CoinCountBox,{children:[(0,nx.jsxs)(nC.TotalPrice,{children:[o.toLocaleString(),"원"]}),(0,nx.jsxs)(nC.CountBox,{children:[(0,nx.jsx)(nC.CounterButton,{onClick:s?l:void 0,disabled:!s,children:(0,nx.jsx)(nb,{isDisabled:!s})}),(0,nx.jsx)(nC.Count,{children:t?e:0}),(0,nx.jsx)(nC.CounterButton,{onClick:c?r:void 0,disabled:!c,children:c?(0,nx.jsx)(nv,{}):(0,nx.jsx)(ny,{})})]})]})]}),(0,nx.jsx)(nA.A,{title:"결제하기",disabled:!t,onClick:a,height:"56px"})]})};var nP=e(28496),nS=e(70236),n_=e(12310),nL=function(){var n=(0,ne.A)(no().mark(function n(){var t,e;return no().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,n_.o.get().get("/api/product/list/coin");case 2:return e=null!=(t=n.sent.data.data.product_list)?t:[],n.abrupt("return",(0,nS.A)(e).sort(function(n,t){return n.order-t.order}));case 5:case"end":return n.stop()}},n)}));return function(){return n.apply(this,arguments)}}(),nN=e(74359),nI=e(63062),nz=e(18042),nW=e(62867),nT=e(89099),nB={title:"타로문 :: 스토어",description:"한번에 많은 코인을 충전할수록 할인율이 커져요. 채팅/음성/화상상담과 편리한 모든 기능은 모바일앱을 통해 이용할 수 있어요. 해외에 계신 고객님은 전화상담 서비스를 이용할 수 없어요. 모바일앱을 이용해주세요."},nG={apply_datetime:0,cnt:0,create_datetime:0,id:"",image_app:"",image_web:"",order:0,org_price:0,price:0,rate:"",status:0,time:null,type:""},nM=e(42969),nD=e(63492);nf.useState;let nK=function(n){var t=n.cnt,e=(n.price,n.count),i=n.totalPrice;return(0,nx.jsx)(nR,{children:(0,nx.jsxs)(nO,{children:[(0,nx.jsx)(nE,{children:(0,nx.jsx)(nF,{children:(0,nx.jsx)("img",{src:"".concat("https://tarotmoon.co.kr/images","/icon/coin/[email protected]"),alt:"coin",width:44,height:44})})}),(0,nx.jsxs)(nJ,{children:[(0,nx.jsx)(nq,{children:(0,nx.jsxs)("p",{children:[Number(t).toLocaleString(),"코인"]})}),(0,nx.jsx)(nZ,{children:(0,nx.jsxs)("p",{children:[Number(i).toLocaleString(),"원"]})}),(0,nx.jsx)(nU,{children:(0,nx.jsxs)("p",{children:["x",e]})})]})]})})};var nR=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__ButtonWrapper",componentId:"sc-1jzrdlj-0"})(["width:100%;height:76px;float:left;border-radius:8px;border:solid 1px var(--PG300);background-color:var(--white);"]),nO=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__ButtonInner",componentId:"sc-1jzrdlj-1"})(["height:52px;margin:16px;"]),nE=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__PayIconWrapper",componentId:"sc-1jzrdlj-2"})(["width:44px;float:left;label{font-family:NotoSansCJKkr;font-size:14px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:20px;letter-spacing:normal;float:left;}"]),nJ=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__StoreTimeWrapper",componentId:"sc-1jzrdlj-3"})(["width:calc(100% - 44px - 16px);height:100%;float:left;margin-left:16px;"]),nq=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__PriceWrapper",componentId:"sc-1jzrdlj-4"})(["width:100%;height:16px;float:left;margin-bottom:4px;p{font-family:NotoSansCJKkr;font-size:12px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:16px;letter-spacing:normal;color:var(--PG600);float:left;}"]);ng.Ay.div.withConfig({displayName:"Store_Pay_Card__CashWrapper",componentId:"sc-1jzrdlj-5"})(["width:100%;height:20px;float:left;margin-bottom:16px;"]);var nF=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__Icon",componentId:"sc-1jzrdlj-6"})(["width:44px;height:44px;float:left;"]),nZ=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__TotalPriceWrapper",componentId:"sc-1jzrdlj-7"})(["height:24px;float:left;p{font-family:NotoSansCJKkr;font-size:16px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing:normal;color:var(--PG800);}"]),nU=ng.Ay.div.withConfig({displayName:"Store_Pay_Card__CountWrapper",componentId:"sc-1jzrdlj-8"})(["height:24px;float:right;p{font-family:NotoSansCJKkr;font-size:16px;font-weight:bold;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing:normal;color:var(--PG800);text-align:right;float:right;}"]),nV=e(22371),nY=function(){var n=(0,ne.A)(no().mark(function n(t,e){var i;return no().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,n_.o.get().get("/api/purchase/price",{params:{price:t,user_coupon_id:e}});case 2:return i=n.sent,n.abrupt("return",i.data.data);case 4:case"end":return n.stop()}},n)}));return function(t,e){return n.apply(this,arguments)}}(),nH=function(){var n=(0,ne.A)(no().mark(function n(){var t,e;return no().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,n_.o.get().get("/api/coupon/list");case 2:return e=n.sent,n.abrupt("return",null!=(t=e.data.data.coupon_list)?t:[]);case 4:case"end":return n.stop()}},n)}));return function(){return n.apply(this,arguments)}}(),nX={CARD:0,BANK_TRANSFER:3,PAYPAL:4},nQ=[{value:"card",title:"카드",payStatus:nX.CARD},{value:"bank",title:"계좌이체",payStatus:nX.BANK_TRANSFER},{value:"paypal",title:"페이팔",payStatus:nX.PAYPAL},{value:"kakaoPay",title:"카카오페이",payStatus:nX.CARD},{value:"payco",title:"페이코",payStatus:nX.CARD}],n$=(0,e(38993).i7)(b||(b=(0,na.A)(["\n    0% {\n        opacity: 0;

1\n        transform: translateY(300px);\n    }\n    100% {\n     opacity: 3;\n     transform: none;\n    }\n  "]))),n0=ns.A.div(A||(A=(0,na.A)(["\n  width: 100%;\n  height: 100%;\n"]))),n1={ModalOverlay:(0,ns.A)(nd.A)(C||(C=(0,na.A)(["\n  display: flex;\n  background-color: #000000;\n  z-index: 3;\n  opacity: 0.7;\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  width: 100%;\n  max-width: 500px;\n\n  /* 데스크톱: MobileContentSection의 Content 영역(500px) 기준으로 위치 */\n  @media (min-width: 501px) {\n    left: auto;\n    right: max(0px, calc((100vw - 1460px) / 2));\n    width: 500px;\n    max-width: 500px;\n  }\n\n  /* 모바일: 전체 화면 기준 */\n  @media (max-width: 500px) {\n    left: 0;\n    right: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n"]))),ModalContainer:(0,ns.A)(nd.A)(k||(k=(0,na.A)(["\n  display: flex;\n  z-index: 3;\n  background-color: var(--PG100);\n  position: fixed;\n  bottom: 56px;\n  width: 100%;\n  max-width: 500px;\n  height: 100%;\n  animation: "," 0.3s ease-in-out;\n\n  @media (min-width: 501px) {\n    left: auto;\n    right: max(0px, calc((100vw - 1460px) / 2));\n    width: 500px;\n    max-width: 500px;\n  }\n\n  /* 모바일: 전체 화면 기준 */\n  @media (max-width: 500px) {\n    left: 0;\n    right: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n"])),n$),FilterWrap:n0,TitleWrap:ns.A.div(P||(P=(0,na.A)(["\n  width: 100%;\n  height: 48px;\n  float: left;\n  border-bottom: 1px solid var(--PG200);\n  background-color: var(--PG100);\n"]))),TitleLabel:ns.A.div(S||(S=(0,na.A)(["\n  width: 100%;\n  height: 48px;\n  text-align: center;\n  padding: 12px;\n  text-align: center;\n  label {\n    width: 100%;\n    height: 24px;\n    float: left;\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: center !important;\n    color: var(--PG900);\n  }\n"]))),CloseWrap:ns.A.div(_||(_=(0,na.A)(["\n  float: right;\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  right: 16px;\n"]))),TextWrap:ns.A.div(L||(L=(0,na.A)(["\n  padding: 0 24px 24px 24px;\n  float: left;\n  width: 100%;\n  height: 100%;\n  position: initial;\n  top: 0;\n  overflow: hidden;\n  overflow-y: auto;\n"]))),TitleWrapper:ns.A.div(N||(N=(0,na.A)(["\n  width: 100%;\n  float: left;

1\n"]))),InfoWrapper:ns.A.div(I||(I=(0,na.A)(["\n  width: 100%;\n  float: left;\n  margin: 24px 0;\n\n  .submitButton {\n    width: 100%;\n    float: left;\n    margin: 24px 0;\n  }\n"]))),InfoLabelWrapper:ns.A.div(z||(z=(0,na.A)(["\n  width: 100%;\n  height: 36px;\n  float: left;\n  margin: 24px 0 0 0;\n  label {\n    height: 36px;\n    font-family: NotoSansCJKkr;\n    font-size: 18px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 28px;\n    letter-spacing: normal;\n    color: var(--PG900);\n  }\n"]))),InfoListWrapper:ns.A.div(W||(W=(0,na.A)(["\n  width: 100%;\n  height: 100%;\n  float: left;\n"]))),ButtonWrapper:ns.A.div(T||(T=(0,na.A)(["\n  width: 100%;\n  height: 56px;\n  float: left;\n  margin: 24px 0;\n"]))),ToTalPriceWrapper:ns.A.div(B||(B=(0,na.A)(["\n  width: 100%;\n  height: 145px;\n  float: left;\n  border-radius: 8px;\n  border: solid 1px var(--PG300);\n  background-color: var(--white);\n  padding: 16px;\n"]))),PriceWrapper:ns.A.div(G||(G=(0,na.A)(["\n  width: 100%;\n  height: 76px;\n  float: left;\n  border-bottom: 1px solid var(--PG200);\n"]))),PriceLabel:ns.A.div(M||(M=(0,na.A)(["\n  width: 50%;\n  height: 24px;\n  float: left;\n  p {\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 24px;\n    letter-spacing: normal;\n    color: var(--PG800);\n  }\n"]))),SalePriceLabel:ns.A.div(D||(D=(0,na.A)(["\n  width: 50%;\n  height: 20px;\n  float: left;\n  p {\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--PG800);\n  }\n"]))),Price:ns.A.div(K||(K=(0,na.A)(["\n  width: 50%;\n  float: right;\n  height: 24px;\n  p {\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: right;\n    color: var(--PG800);\n  }\n"]))),SalePrice:ns.A.div(R||(R=(0,na.A)(["\n  width: 50%;\n  float: right;\n  height: 20px;\n  p {\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 20px;\n    letter-spacing: normal;\n    text-align: right;\n    color: var(--PG800);\n    width: 100%;\n  }\n  h5 {\n    font-family: NotoSansCJKkr;\n    font-size: 16px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--PG800);\n    float: right;\n  }\n\n  .totalPricePoint {\n    color: var(--V10);\n    float: left;\n    font-weight: bold;\n  }\n"]))),HeightMargin:ns.A.div(O||(O=(0,na.A)(["\n  width: 100%;\n  height: 16px;\n  float: left;

1\n"]))),ToTalPrice:ns.A.div(E||(E=(0,na.A)(["\n  width: 100%;\n  height: 20px;\n  float: left;\n  margin-top: 16px;\n"]))),Description:ns.A.div(J||(J=(0,na.A)(["\n  width: 100%;\n  height: 100%;\n  float: left;\n  margin: 24px 0 48px 0;\n  color: var(--PG800);\n  ul {\n    float: left;\n    margin: 0 0 0 24px;\n  }\n  li {\n    font-family: NotoSansCJKkr;\n    font-size: 14px;\n    font-weight: normal;\n    font-stretch: normal;\n    font-style: normal;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: var(--PG900);\n  }\n"]))),AgreeLabel:ns.A.label(q||(q=(0,na.A)(["\n  width: 100%;\n  height: 20px;\n  float: left;\n  margin-top: 16px;\n"])))},n2=function(n){var t=null!=n.end_date?"".concat(n.end_date.split(" ")[0].split("-")[1],"/").concat(n.end_date.split(" ")[0].split("-")[2]):"";return"".concat(n.sale_percent,"%(최대 ").concat(Number(n.max_sale_price).toLocaleString(),"원 할인").concat(t?", ".concat(t,"일까지"):"",")")},n4=function(n,t,e,i){var o=0!==n.discount?n.discount_price:n.price,r=(0,nP.iD)();return"token=".concat(r).concat(i?"&user_coupon_id=".concat(i):"","&org_price=").concat(t,"&price=").concat(o,"&discount_price=").concat(e)},n3=function(n){var t=n.type,e=n.data,i=n.orgPrice,o=n.lastPrice,r=n.discountPrice,l=n.selectCouponId,a="".concat("https://web.api.tarotmoon.co.kr","/api/purchase"),s=n4(o,i,r,l),c="data=".concat(e);if("paypal"===t)return"".concat(a,"/paypal?").concat(c,"&").concat(s);var d="undefined"!=typeof document&&document.body.offsetWidth>1024;return"".concat(a,"/inicis/").concat(d?"pc":"mobile","?type=").concat(t,"&").concat(c,"&").concat(s)};function n8(n,t){var e=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})),e.push.apply(e,i)}return e}function n7(n){for(var t=1;t<arguments.length;t++){var e=null!=arguments[t]?arguments[t]:{};t%2?n8(Object(e),!0).forEach(function(t){(0,nM.A)(n,t,e[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(e)):n8(Object(e)).forEac

1h(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(e,t))})}return n}var n5=function(n,t){var e,i,o;return{productName:"타로문",buyerName:null!=(e=null==t?void 0:t.name)?e:"타로문",buyerTel:null!=(i=null==t?void 0:t.phone)?i:"",buyerEmail:null!=(o=null==t?void 0:t.email)?o:"",productPrice:n,payStatus:nX.CARD,returnUrl:"".concat("https://tarotmoon.co.kr/store?resultCode=success&type=inicis"),closeUrl:"".concat("https://tarotmoon.co.kr/store?resultCode=failed"),mKey:"TDRBQmNWR1BqOEtnREdvTUlyRmkwUT09",mid:"maumlabcom"}},n6="default";let n9=function(n){var t,e,i,o,r,l=n.onClose,a=n.count,s=n.cnt,c=n.price,d=n.totalPrice,p=n.org_price,h=n.cardId,x=(0,nT.useRouter)(),u=(0,nI.Py)().data,f=(0,nN.I)({queryKey:["couponList"],queryFn:nH}).data,g=void 0===f?[]:f,m=(0,nf.useState)(function(){return{price:d,discount:0,discount_price:d}}),v=m[0],w=m[1],y=(0,nf.useState)(),j=y[0],b=y[1],A=(0,nf.useState)(n6),C=A[0],k=A[1],P=(0,nf.useState)(function(){return n5(d,null!=u?u:void 0)}),S=P[0],_=P[1],L=(0,nf.useState)("card"),N=L[0],I=L[1];(0,nf.useEffect)(function(){u&&queueMicrotask(function(){return _(function(n){return n7(n7({},n),{},{buyerName:u.name,buyerTel:u.phone,buyerEmail:u.email})})})},[u]),(0,nf.useEffect)(function(){queueMicrotask(function(){return _(function(n){return n7(n7({},n),{},{productPrice:v.discount_price})})})},[v.discount_price]),(0,nf.useEffect)(function(){var n=function(){localStorage.getItem("tarotmoon-history-paypal")&&(x.push("/store?resultCode=success&type=paypal"),localStorage.removeItem("tarotmoon-history-paypal"))};return window.addEventListener("storage",n),function(){return window.removeEventListener("storage",n)}},[x]),(0,nf.useEffect)(function(){history.pushState(null,"",location.href);var n=function(){history.pushState(null,"",location.href),l()};return window.addEventListener("popstate",n),function(){return window.removeEventListener("popstate",n)}},[l]);var z=(0,nf.useCallback)(function(n){"default"===n?w({price:d,discount_price:d,discount:0}):w(n)},[d]),W=(0,nf.useMemo)(function(){var n=g.length>0?"선택 안함":"사용 가능한 쿠폰 없음",t=g.filter(function(n){return!n.use&&n.receive&&!n.deleted});return[].concat([{value:n6,title:n}],(0,nS.A)(t.map(function(n){return{value:String(n.id),title:n2(n)}})))},[g]),T=(0,nf.useMemo)(function(){if(C===n6)return g.length>0?"선택 안함":"사용 가능한 쿠폰 없음";var n=g.find(function(n){return String(n.id)===C});return n?n2(n):"선택 안함"},[g,C]),B=(0,nf.useCallback)((t=(0,ne.A)(no().mark(function n(t){return no().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:if(t!==n6){n.next=5;break}return z("default"),b(void 0),k(n6),n.abrupt("return");case 5:return n.next=7,nY(d,Number(t));case 7:z(n.sent),b(Number(t)),k(t);case 11:case"end":return n.stop()}},n)})),function(n){return t.apply(this,arguments)}),[d,z]),G=(0,nf.useCallback)(function(n){var t=nQ.find(function(t){return t.value===n});t&&_(function(n){return n7(n7({},n),{},{payStatus:t.payStatus})})},[]),M=null!=(e=null==(i=nQ.find(function(n){return n.payStatus===S.payStatus}))?void 0:i.title)?e:"카드",D=(0,nf.useCallback)(function(){var n={cnt:a*c,product_cnt:a,product:c,type:N,data:'{"'.concat(h,'":').concat(a,"}")};localStorage.setItem("tarotmoon-history",JSON.stringify(n));var t=n3({type:S.payStatus===nX.CARD?"card":S.payStatus===nX.BANK_TRANSFER?"bank":"paypal",data:n.data,orgPrice:p,lastPrice:v,discountPrice:c,selectCouponId:j});I(S.payStatus===nX.CARD?"card":"bank"),x.push(t)},[a,c,h,N,v,p,S.payStatus,x,j]);return(0,nx.jsxs)(nx.Fragment,{children:[(0,nx.jsx)(n1.ModalOverlay,{}),(0,nx.jsx)(n1.ModalContainer,{children:(0,nx.jsxs)(n1.FilterWrap,{children:[(0,nx.jsx)(n1.TitleWrap,{children:(0,nx.jsxs)(n1.TitleLabel,{children:[(0,nx.jsx)("label",{children:"결제하기"}),(0,nx.jsx)(n1.CloseWrap,{onClick:l,children:(0,nx.jsx)(nV.A,{})})]})}),(0,nx.jsxs)(n1.TextWrap,{children:[(0,nx.jsxs)(n1.TitleWrapper,{children:[(0,nx.jsx)(n1.InfoLabelWrapper,{children:(0,nx.jsx)("label",{children:"충전항목"})}),(0,nx.jsx)(n1.InfoListWrapper,{children:(0,nx.jsx)(n1.InfoWrapper,{children:(0,nx.jsx)(nK,{price:c,totalPrice:d,count:a,cnt:s})})})]}),(0,nx.jsxs)(n1.TitleWrapper,{children:[(0,nx.jsx)(n1.InfoLabelWrapper,{children:(0,nx.jsx)("label",{children:"할인쿠폰"})}),(0,nx.jsx)(n1.InfoListWrapper,{children:(0,nx.jsx)(n1.InfoWrapper,{children:(0,nx.jsx)(nD.A,{name:"coupon",value:C,selectValue:T,options:W,title:"할인쿠폰",onClick:B})})})]}),(0,nx.jsxs)(n1.TitleWrapper,{children:[(0,nx.jsx)(n1.InfoLabelWrapper,{children:(0,nx.jsx)("label",{children:"결제수단"})}),(0,nx.jsx)(n1.InfoListWrapper,{children:(0,nx.jsx)(n1.InfoWrapper,{children:(0,nx.jsx)(nD.A,{name:"paymentType",value:null!=(o=null==(r=nQ.find(function(n){return n.payStatus===S.payStatus}))?void 0:r.value)?o:"card",selectValue:M,options:nQ,title:"결제수단",onClick:G})})})]}),(0,nx.jsxs)(n1.TitleWrapper,{children:[(0,nx.jsx)(n1.InfoLabelWrapper,{children:(0,nx.jsx)("label",{children:"결제 예정금액"})}),(0,nx.jsx)(n1.InfoListWrapper,{children:(0,nx.jsxs)(n1.InfoWrapper,{children:[(0,nx.jsxs)(n1.ToTalPriceWrapper,{children:[(0,nx.jsxs)(n1.PriceWrapper,{children:[(0,nx.jsx)(n1.PriceLabel,{children:(0,nx.jsx)("p",{children:"구매금액"})}),(0,nx.jsx)(n1.Price,{children:(0,nx.jsxs)("p",{children:[(0,nl.Z)(d),"원"]})}),(0,nx.jsx)(n1.HeightMargin,{}),(0,nx.jsx)(n1.SalePriceLabel,{children:(0,nx.jsx)("p",{children:"할인금액"})}),(0,nx.jsx)(n1.SalePrice,{children:(0,nx.jsxs)("p",{children:[(0,nl.Z)(v.discount||0),"원"]})})]}),(0,nx.jsxs)(n1.ToTalPrice,{children:[(0,nx.jsx)(n1.SalePriceLabel,{children:(0,nx.jsx)("p",{style:{fontWeight:"bold"},children:"최종금액"})}),(0,nx.jsx)(n1.SalePrice,{children:(0,nx.jsxs)("h5",{children:[(0,nx.jsx)("h5",{className:"totalPricePoint",children:(0,nl.Z)(v.discount_price||0)}),"원"]})})]})]}),(0,nx.jsxs)(n1.Description,{style:{marginBottom:0},children:[(0,nx.jsx)(n1.InfoLabelWrapper,{children:(0,nx.jsx)("label",{children:"결제 전 유의사항"})}),(0,nx.jsxs)("ul",{children:[(0,nx.jsx)("br",{}),(0,nx.jsx)("li",{children:"환불은 결제일 포함 7일 이내, 사용 이력이 없는 결제건에 한 해 가능하며, 부분 환불은 불가합니다."}),(0,nx.jsx)("li",{children:"페이팔 결제금액은 현재 환율 기준으로 자동 계산됩니다."}),(0,nx.jsx)("br",{})]})]}),(0,nx.jsx)(n1.AgreeLabel,{as:"label",children:"위 내용에 모두 동의하면 결제를 진행하세요."})]})})]}),(0,nx.jsx)(n1.ButtonWrapper,{onClick:D,children:(0,nx.jsx)(nA.A,{title:"결제진행"})})]})]})})]})};var tn={Container:(0,ns.A)(nd.A)(F||(F=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    padding: 24px 24px 104px 24px;\n    gap: 24px;\n  "]))),TitleBox:(0,ns.A)(nd.A)(Z||(Z=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: 24px;\n  "]))),Title:(0,ns.A)(np.A)(U||(U=(0,na.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 18px;\n    font-weight: bold;\n    line-height: 36px;\n    color: var(--PG900);\n  "]))),DescriptionBox:(0,ns.A)(nd.A)(V||(V=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    gap: 12px;\n  "]))),Description:ng.Ay.ul.withConfig({displayName:"styles__Description",componentId:"sc-10aobj5-0"})(["display:flex;flex-direction:column;width:100%;margin:0;padding:0 0 0 20px;list-style:disc;list-style-position:outside;align-items:flex-start;li{font-family:NotoSansCJKkr;font-size:14px;font-weight:normal;font-stretch:normal;font-style:normal;line-height:20px;letter-spacing:normal;color:var(--PG800);text-align:left;width:100%;}"]),CoinListContainer:(0,ns.A)(nd.A)(Y||(Y=(0,na.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    gap: 24px;

1\n  "]))),MyWrapper:(0,ns.A)(nd.A)(H||(H=(0,na.A)(["\n    width: 100%;\n    height: 100%;\n    margin: 0 0 56px 0;\n    padding: 0 0 24px 0;\n  "]))),InfoWrapper:(0,ns.A)(nd.A)(X||(X=(0,na.A)(["\n    width: 100%;\n  "]))),InfoLabelWrapper:(0,ns.A)(nd.A)(Q||(Q=(0,na.A)(["\n    width: 100%;\n    padding: 24px 0 0 0;\n  "]))),DescriptionList:ns.A.ul($||($=(0,na.A)(["\n    margin: 0 0 0 24px;\n    padding: 0;\n    list-style: disc;\n    li {\n      font-family: NotoSansCJKkr;\n      font-size: 14px;\n      font-weight: normal;\n      font-stretch: normal;\n      font-style: normal;\n      line-height: 20px;\n      letter-spacing: normal;\n      color: var(--PG900);\n    }\n  "]))),StoreWrapper:(0,ns.A)(nd.A)(nn||(nn=(0,na.A)(["\n    width: 100%;\n  "]))),MemberCouponList:(0,ns.A)(nd.A)(nt||(nt=(0,na.A)(["\n    width: 100%;\n    margin: -12px 0 12px 0;\n  "])))},tt=function(){localStorage.removeItem("tarotmoon-history"),localStorage.removeItem("tarotmoon-infopeeler-success")};let te=function(){var n=(0,nT.useRouter)(),t=!!(0,nP.iD)(),e=(0,nz.y)(),i=e.lock,o=e.unlock,r=(0,nN.I)({queryKey:["productCoinList"],queryFn:nL}).data,l=(0,nI.Py)().data,a=(0,nf.useState)(null),s=a[0],c=a[1],d=(0,nf.useState)(0),p=d[0],h=d[1],x=(0,nf.useState)(nG),u=x[0],f=x[1],g=(0,nf.useState)(0),m=g[0],v=g[1],w=(0,nf.useState)(!1),y=w[0],j=w[1],b=(0,nf.useState)(!1),A=b[0],C=b[1],k=(0,nf.useState)(!1),P=k[0],S=k[1],_=!!(null!=l&&l.phone),L=m*p,N=u.price>0;console.log("hasPhone",_);var I=(0,nf.useCallback)(function(n){f(n),h(1),v(n.price),c(n.cnt)},[]),z=(0,nf.useCallback)(function(){h(function(n){return Math.min(n+1,9)})},[]),W=(0,nf.useCallback)(function(){h(function(n){return Math.max(n-1,0)})},[]),T=(0,nf.useCallback)(function(){n.push("/login")},[n]),B=(0,nf.useCallback)(function(){o(),tt(),j(!1),C(!1),S(!1)},[o]),G=(0,nf.useCallback)(function(){B()},[B]),M=(0,nf.useCallback)(function(){i(),j(!0)},[i]),D=(0,nf.useCallback)(function(){B()},[B]),K=(0,nf.useCallback)(function(){B(),n.push("/store")},[B,n]),R=(0,nf.useCallback)(function(){n.push("/store"),B()},[B,n]);(0,nf.useCallback)(function(){C(!0),j(!1)},[]);var O=(0,nf.useCallback)(function(){S(!0),j(!1)},[]);return(0,nf.useEffect)(function(){var t=n.query.resultCode;t&&"string"==typeof t&&(("failed"===t||"cancel"===t)&&(tt(),queueMicrotask(function(){return S(!0)})),"success"===t&&(tt(),queueMicrotask(function(){return C(!0)})))},[n.query.resultCode]),(0,nx.jsxs)(nx.Fragment,{children:[(0,nx.jsx)(nW.bV,{title:nB.title,description:nB.description,canonical:"/store",openGraph:{url:"/store",title:nB.title,description:nB.description,images:[{url:"/logo-text.svg",width:600,height:400,alt:"tarotmoon",type:"image/jpeg"}],site_name:"타로문"}}),(0,nx.jsxs)(tn.Container,{children:[(0,nx.jsxs)(tn.TitleBox,{children:[(0,nx.jsx)(tn.Title,{children:"스토어"}),(0,nx.jsx)(tn.DescriptionBox,{children:(0,nx.jsxs)(tn.Description,{children:[(0,nx.jsx)("li",{children:"한번에 많은 코인을 충전할수록 할인율이 커져요."}),(0,nx.jsx)("li",{children:"채팅/음성/화상상담과 편리한 모든 기능은 모바일앱을 통해 이용할 수 있어요."})]})})]}),(0,nx.jsx)(tn.CoinListContainer,{children:(void 0===r?[]:r).map(function(n){return(0,nx.jsx)(nd.A,{sx:{display:"flex",width:"100%"},children:(0,nx.jsx)(nu,{product:n,type:s,onClick:function(){I(n),c(n.cnt)}})},n.id)})}),(0,nx.jsx)(nk,{isSelected:N,count:p,storeCnt:u.cnt,totalPrice:L,onIncrease:z,onDecrease:W,onPayClick:M})]}),y?t?_?(0,nx.jsx)(n9,{onClose:O,count:p,cnt:u.cnt,price:u.price,salePrice:u.price,totalPrice:L,org_price:u.org_price,cardId:u.id}):(0,nx.jsx)(nr.A,{isOpen:!0,title:"알림",message:"등록된 번호가 없습니다.\n먼저 인증을 완료하세요.",buttonText:"계정관리",onClose:D,onClick:function(){n.push("/my/account")}}):(0,nx.jsx)(nr.A,{isOpen:!0,message:"로그인이 필요해요.",buttonText:"로그인",onClick:T,onClose:G}):null,A&&(0,nx.jsx)(nr.A,{isOpen:!0,title:"알림",message:"구매해 주셔서 감사합니다.\n충전 내역은 'MY>잔액정보'에서 확인할 수 있어요.",buttonText:"확인",onClose:R,onClick:R}),P&&(0,nx.jsx)(nr.A,{isOpen:!0,title:"알림",message:"결제가 취소되었어요.",buttonText:"확인",onClose:K,onClick:K})]})};var ti=function(){return(0,nx.jsx)(te,{})};ti.getInitialProps=function(){var n=(0,ne.A)(no().mark(function n(t){return no().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",{id:t.query.id,pathname:"store",menu:"store"});case 1:case"end":return n.stop()}},n)}));return function(t){return n.apply(this,arguments)}}();let to=ti},85572:(n,t,e)=>{"use strict";function i(n){if(null==n)throw TypeError("Cannot destructure "+n)}e.d(t,{A:()=>i})},93036:(n,t,e)=>{"use strict";e.d(t,{A:()=>a});var i=e(4730),o=e(22371),r=e(23601),l=e(37876);let a=function(n){var t=n.title,e=n.message,a=n.buttonText,s=n.buttonColor,c=n.buttonTextColor,d=n.isOpen,p=n.width,h=n.maxWidth,x=n.onClose,u=n.onClick;return(0,l.jsxs)(i.A,{open:d,onClose:x,width:void 0===p?366:p,maxWidth:void 0===h?366:h,children:[(0,l.jsx)(r.S.TitleWrap,{children:(0,l.jsxs)(r.S.TitleLabel,{children:[(0,l.jsx)("p",{children:void 0===t?"알림":t}),(0,l.jsx)(r.S.CloseWrap,{onClick:x,children:(0,l.jsx)(o.A,{})})]})}),(0,l.jsx)(r.S.TextWrap,{children:(0,l.jsx)("p",{children:e})}),a&&(0,l.jsx)(r.S.ButtonWrap,{onClick:u,buttonColor:s,buttonTextColor:c,children:(0,l.jsx)("p",{children:a})})]})}}},n=>{n.O(0,[636,6593,8792],()=>n(n.s=51225)),_N_E=n.O()}]);