https://tarotmoon.co.kr/_next/static/chunks/pages/customer/event-6b0803695651d09a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3181],{11066:(t,n,e)=>{"use strict";e.d(n,{M:()=>d,V:()=>l});var o=e(63857),i=e(43081),r=e.n(i),a=e(12310),l=function(){var t=(0,o.A)(r().mark(function t(n){var e;return r().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,a.o.get().get("/api/event/list",{params:n});case 2:return e=t.sent,t.abrupt("return",e.data.data);case 4:case"end":return t.stop()}},t)}));return function(n){return t.apply(this,arguments)}}(),d=function(){var t=(0,o.A)(r().mark(function t(n){var e;return r().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,a.A.post("/api/event/code",null,{params:n});case 2:return e=t.sent,t.abrupt("return",e.data);case 4:case"end":return t.stop()}},t)}));return function(n){return t.apply(this,arguments)}}()},18042:(t,n,e)=>{"use strict";e.d(n,{y:()=>a});var o=e(14232),i=0,r="",a=function(){return{lock:(0,o.useCallback)(function(){0===i&&(r=document.body.style.overflow||""),i+=1,document.body.style.overflow="hidden",document.body.classList.add("not_scroll")},[]),unlock:(0,o.useCallback)(function(){i>0&&(i-=1),0===i&&(document.body.style.overflow=r,document.body.classList.remove("not_scroll"))},[])}}},19064:(t,n,e)=>{"use strict";e.r(n),e.d(n,{default:()=>N});var o,i=e(63857),r=e(43081),a=e.n(r),l=e(33341),d=e(93036),s=e(77232),c={ButtonWrapper:s.Ay.div.withConfig({displayName:"styles__ButtonWrapper",componentId:"sc-w7hyvk-0"})(["position:relative;width:100%;min-height:1px;box-sizing:border-box;flex:0 0 50%;float:left;"]),EventWrap:s.Ay.div.withConfig({displayName:"styles__EventWrap",componentId:"sc-w7hyvk-1"})(["overflow:hidden;border-top-left-radius:12px;border-top-right-radius:12px;background-color:var(--PG300);float:left;width:100%;"]),EventImg:s.Ay.img.withConfig({displayName:"styles__EventImg",componentId:"sc-w7hyvk-2"})(["display:block;width:100%;height:100%;float:left;transition:transform 0.2s;"]),EventEmptyImg:s.Ay.div.withConfig({displayName:"styles__EventEmptyImg",componentId:"sc-w7hyvk-3"})(["width:100%;min-height:120px;background-color:var(--PG300);float:left;"]),EventFooter:s.Ay.div.withConfig({displayName:"styles__EventFooter",componentId:"sc-w7hyvk-4"})(["display:flex;float:left;position:relative;width:100%;border-bottom:1px solid var(--PG200);border-left:1px solid var(--PG200);border-right:1px solid var(--PG200);border-radius:0 0 8px 8px;"]),EventDate:s.Ay.div.withConfig({displayName:"styles__EventDate",componentId:"sc-w7hyvk-5"})(["width:100%;height:56px;float:left;padding:16px;background-color:var(--white);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:0;"]),StatusWrapper:s.Ay.div.withConfig({displayName:"styles__StatusWrapper",componentId:"sc-w7hyvk-6"})(["width:48px;height:24px;float:left;"]),EndEvent:s.Ay.div.withConfig({displayName:"styles__EndEvent",componentId:"sc-w7hyvk-7"})(["width:48px;height:24px;float:left;background:var(--PG300);border-radius:4px;p{font-family:NotoSansCJKkr;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:16px;letter-spacing:normal;text-align:center;color:var(--PG600);margin:4px 6px;}"]),Event:s.Ay.div.withConfig({displayName:"styles__Event",componentId:"sc-w7hyvk-8"})(["width:48px;height:24px;float:left;background:var(--P500);border-radius:4px;p{font-family:NotoSansCJKkr;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:16px;letter-spacing:normal;text-align:center;color:var(--white);margin:4px 6px;}"]),DateWrapper:s.Ay.div.withConfig({displayName:"styles__DateWrapper",componentId:"sc-w7hyvk-9"})(["width:calc(100% - 48px);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;text-align:right;color:var(--PG800);}"])},p=e(37876),u=function(t){var n;return null==t||""===t?"-":null!=(n=t.replace(/-/g,".").split(" ")[0])?n:"-"};let h=function(t){var n=t.web_thumbnail,e=t.end_status,o=t.start_datetime,i=t.end_datetime,r=t.onClick,a=!!(null==n?void 0:n.trim()),l=u(null!=o?o:null),d=u(null!=i?i:null),s="".concat(l," ~ ").concat(d);return(0,p.jsxs)(c.ButtonWrapper,{onClick:r,role:r?"button":void 0,tabIndex:r?0:void 0,onKeyDown:r?function(t){("Enter"===t.key||" "===t.key)&&(t.preventDefault(),r())}:void 0,children:[(0,p.jsx)(c.EventWrap,{children:a?(0,p.jsx)(c.EventImg,{src:n,alt:""}):(0,p.jsx)(c.EventEmptyImg,{"aria-hidden":!0})}),(0,p.jsx)(c.EventFooter,{children:(0,p.jsxs)(c.EventDate,{children:[(0,p.jsx)(c.StatusWrapper,{children:void 0!==e&&e?(0,p.jsx)(c.EndEvent,{children:(0,p.jsx)("p",{children:"종료"})}):(0,p.jsx)(c.Event,{children:(0,p.jsx)("p",{children:"진행중"})})}),(0,p.jsx)(c.DateWrapper,{children:(0,p.jsx)("p",{children:s})})]})})]})};var x=e(70730),v=e(74359),f=e(11066),g=e(18042),m=e(62867),y=e(89099),w=e(14232),b=e(32228),k=e(62341),C=e(45709),_={Container:(0,k.A)(C.A)(o||(o=(0,b.A)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    padding: 0 24px 56px 24px;\n    margin: 0 0 56px 0;\n  "])))};let A=function(){var t,n,e,o=(0,y.useRouter)(),i=(0,g.y)(),r=i.lock,a=i.unlock,s=(0,w.useState)(12),c=s[0],u=s[1],b=(0,w.useState)(!1),k=b[0],C=b[1],A=(0,v.I)({queryKey:["event","list",1,c],queryFn:function(){return(0,f.V)({page:1,pageSize:c})},staleTime:3e5}),I=A.data,N=A.isLoading,G=null!=(t=null==I?void 0:I.event_list)?t:[],W=null!=(n=null==I||null==(e=I.paging)?void 0:e.totalCount)?n:0;(0,w.useEffect)(function(){a()},[a]);var S=(0,w.useCallback)(function(){r(),C(!0)},[r]),T=(0,w.useCallback)(function(){a(),C(!1)},[a]),K=(0,w.useCallback)(function(){u(function(t){return 2*t})},[]),D=(0,w.useCallback)(function(t){o.push("/customer/event/info/?id=".concat(t),void 0,{shallow:!0})}

1,[o]);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(m.bV,{title:"집에서 바로, 모바일 타로카페 <타로문>",description:"모바일 타로카페, 전화타로, 채팅타로, 타로점, 연애운, 애정운, 연애심리, 궁합, 사주, 오늘의 운세 전화타로상담.",canonical:"/customer/event",openGraph:{url:"/customer/event",title:"집에서 바로, 모바일 타로카페 &lt;타로문&gt;",description:"모바일 타로카페, 전화타로, 채팅타로, 타로점, 연애운, 애정운, 연애심리, 궁합, 사주, 오늘의 운세 전화타로상담.",images:[{url:"/logo-text.svg",width:600,height:400,alt:"tarotmoon",type:"image/jpeg"}],site_name:"타로문"}}),(0,p.jsx)(x.A,{type:"event",initialSlide:2}),(0,p.jsxs)(_.Container,{children:[(0,p.jsx)(P,{}),(0,p.jsx)(j,{children:N?null:G.length>0?(0,p.jsxs)(p.Fragment,{children:[G.map(function(t){return t.end_status?(0,p.jsx)("div",{onClick:S,role:"button",tabIndex:0,onKeyDown:function(t){("Enter"===t.key||" "===t.key)&&S()},children:(0,p.jsx)(E,{children:(0,p.jsx)(h,{web_thumbnail:t.web_thumbnail,start_datetime:t.start_datetime,end_datetime:t.end_datetime,end_status:t.end_status})},t.id)},t.id):(0,p.jsx)("div",{onClick:function(){return D(t.id)},role:"button",tabIndex:0,onKeyDown:function(n){("Enter"===n.key||" "===n.key)&&D(t.id)},children:(0,p.jsx)(E,{children:(0,p.jsx)(h,{web_thumbnail:t.web_thumbnail,start_datetime:t.start_datetime,end_datetime:t.end_datetime,end_status:t.end_status})},t.id)},t.id)}),W>=12&&c<W&&(0,p.jsx)("div",{className:"moreButton",onClick:K,role:"button",tabIndex:0,onKeyDown:function(t){("Enter"===t.key||" "===t.key)&&K()},children:(0,p.jsx)(l.A,{title:"더보기"})})]}):null})]}

1),k&&(0,p.jsx)(d.A,{isOpen:k,title:"알림",message:"종료된 이벤트입니다.",buttonText:"확인",onClose:T,onClick:T})]})};var j=s.Ay.div.withConfig({displayName:"EventPage__InfoWrapper",componentId:"sc-1xjwyic-0"})(["width:100%;height:100%;float:left;margin:0 auto;.moreButton{margin:12px 0 0 0;width:100%;float:left;}"]),E=s.Ay.div.withConfig({displayName:"EventPage__InfoListWrapper",componentId:"sc-1xjwyic-1"})(["width:100%;height:100%;float:left;margin:12px 0;cursor:pointer;"]),P=s.Ay.div.withConfig({displayName:"EventPage__TitleWrapper",componentId:"sc-1xjwyic-2"})(["width:100%;height:100%;float:left;margin-bottom:0;"]),I=function(){return(0,p.jsx)(A,{})};I.getInitialProps=function(){var t=(0,i.A)(a().mark(function t(n){return a().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",{id:n.query.id,pathname:"customer",menu:"customer"});case 1:case"end":return t.stop()}},t)}));return function(n){return t.apply(this,arguments)}}();let N=I},23601:(t,n,e)=>{"use strict";e.d(n,{S:()=>c});var o,i,r,a,l,d=e(32228),s=e(62341),c={TitleWrap:s.A.div(o||(o=(0,d.A)(["\n    width: 100%;\n    height: 48px;\n    border-bottom: 1px solid var(--PG200);\n  "]))),TitleLabel:s.A.div(i||(i=(0,d.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:s.A.div(r||(r=(0,d.A)(["\n    position: absolute;\n    right: 16px;\n    top: 12px;\n    width: 24px;\n    height: 24px;\n    cursor: pointer;\n  "]))),TextWrap:s.A.div(a||(a=(0,d.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:s.A.div(l||(l=(0,d.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(t){var n=t.buttonColor;return n?"linear-gradient(to top, ".concat(n,", ").concat(n," 2%)"):"linear-gradient(to top, #7150bd, #8767d0)"},function(t){return t.buttonTextColor||"var(--white)"},function(t){var n=t.buttonColor;return n?"linear-gradient(to top, ".concat(n,", ").concat(n," 2%)"):"linear-gradient(to top, #8d65e8, #a585ef)"},function(t){return t.buttonTextColor||"var(--white)"},function(t){var n=t.buttonColor;return n?"linear-gradient(to top, ".concat(n,", ").concat(n," 2%)"):"linear-gradient(to top, #6448a5, #7e5dc9 2%)"},function(t){return t.buttonTextColor||"var(--white)"})}},26914:(t,n,e)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/customer/event",function(){return e(19064)}])},33341:(t,n,e)=>{"use strict";e.d(n,{A:()=>a});var o=e(77232),i=e(37876),r=o.Ay.button.withConfig({displayName:"LightSolidButton2Fix__LargeLineButton",componentId:"sc-12skzxw-0"})(["width:100%;height:56px;border:none;border-radius:8px;float:left;background-color:var(--PG300);color:var(--PG700);#active{background-color:var(--PG600);p{color:var(--PG100);}}p{height:24px !important;font-family:NotoSansCJKkr;font-size:16px !important;font-weight:bold !important;font-stretch:normal;font-style:normal;line-height:24px !important;letter-spacing:normal;text-align:center !important;color:var(--PG700) !important;}&:hover{background-color:var(--PG300);p{color:var(--PG600) !important;}}&:active{background-color:var(--PG300);p{color:var(--PG800) !important;}}&:disabled{background-color:var(--PG300);p{color:var(--PG500) !important;}cursor:default;}"]);let a=function(t){var n=t.title,e=t.isDisabled,o=t.onClick;return(0,i.jsx)(r,{disabled:e,onClick:o,children:(0,i.jsx)("p",{children:n})})}},70730:(t,n,e)=>{"use strict";e.d(n,{A:()=>w});var o,i,r,a,l,d,s=e(48230),c=e.n(s);e(46646);var p=e(33968),u=e(60553);e(12688);var h=[{id:0,option:"고객센터",type:"",width:52},{id:1,option:"공지사항",type:"notice",width:52},{id:3,option:"상담안내",type:"guide",width:52},{id:4,option:"FAQ",type:"faq",width:32},{id:5,option:"1:1문의",type:"inquiry",width:48}],x=e(32228),v=e(62341),f=e(45709),g=e(88483),m={Container:(0,v.A)(f.A)(o||(o=(0,x.A)(["\n    display: flex;\n    width: 100%;\n    overflow: hidden;\n    background-color: var(--white);\n    border-bottom: 1px solid var(--PG200);\n\n    .hidden {\n      display: none;\n    }\n  "]))),CategoryContainer:(0,v.A)(f.A)(i||(i=(0,x.A)(["\n    display: flex;\n    width: 100%;\n    background-color: var(--white);\n  "]))),MenuContainer:(0,v.A)(f.A)(r||(r=(0,x.A)(["\n    display: flex;\n    width: 100%;\n    height: 52px;\n    border: none;\n    background-color: var(--white);\n    padding: 0 24px;\n  "]))),Menu:(0,v.A)(f.A)(a||(a=(0,x.A)(["\n    display: flex;\n    width: 100%;\n\n    .link {\n      width: 100%;\n    }\n  "]))),MenuList:(0,v.A)(f.A)(l||(l=(0,x.A)(["\n    display: flex;\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n  "]))),MenuItem:(0,v.A)(g.A,{shouldForwardProp:function(t){return"isActive"!==t}})(d||(d=(0,x.A)(["\n    font-family: NotoSansCJKkr;\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 20px;\n    text-align: center;\n    color: ",";\n    border-bottom: 2px solid\n      ",";\n    padding: 14px 0 16px 0;\n\n    &:hover span {\n      color: var(--PG600);\n    }\n\n    &:active span {\n      color: var(--PG800);\n    }\n  "])),function(t){return t.isActive?"var(--V10)":"var(--PG700)"},function(t){return t.isActive?"var(--V10)":"transparent"})},y=e(37876);let w=function(t){var n=t.type,e=t.initialSlide;return(0,y.jsx)(m.Container,{children:(0,y.jsx)(m.CategoryContainer,{children:(0,y.jsx)(m.MenuContainer,{children:(0,y.jsx)(p.R,{className:"swiper-container",spaceBetween:0,slidesPerView:"auto",initialSlide:e>0?e-3:e,children:h.map(function(t){var e=t.type===n;return(0,y.jsx)(m.Menu,{children:(0,y.jsx)(u.q,{className:"swiper-navMenu",children:(0,y.jsx)(c(),{href:"/customer/".concat(t.type),children:(0,y.jsx)(m.MenuList,{children:(0,y.jsx)(m.MenuItem,{isActive:e,children:t.option})})})},t.id)},t.id)})})})})})}},93036:(t,n,e)=>{"use strict";e.d(n,{A:()=>l});var o=e(4730),i=e(22371),r=e(23601),a=e(37876);let l=function(t){var n=t.title,e=t.message,l=t.buttonText,d=t.buttonColor,s=t.buttonTextColor,c=t.isOpen,p=t.width,u=t.maxWidth,h=t.onClose,x=t.onClick;return(0,a.jsxs)(o.A,{open:c,onClose:h,width:void 0===p?366:p,maxWidth:void 0===u?366:u,children:[(0,a.jsx)(r.S.TitleWrap,{children:(0,a.jsxs)(r.S.TitleLabel,{children:[(0,a.jsx)("p",{children:void 0===n?"알림":n}),(0,a.jsx)(r.S.CloseWrap,{onClick:h,children:(0,a.jsx)(i.A,{})})]})}),(0,a.jsx)(r.S.TextWrap,{children:(0,a.jsx)("p",{children:e})}),l&&(0,a.jsx)(r.S.ButtonWrap,{onClick:x,buttonColor:d,buttonTextColor:s,children:(0,a.jsx)("p",{children:l})})]})}}},t=>{t.O(0,[2120,636,6593,8792],()=>t(t.s=26914)),_N_E=t.O()}]);