https://www.modetour.com/_next/static/chunks/pages/my-page/notification-box-3b79fc13106328d1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9748],{16839:e=>{e.exports={sidebarNav:"MypageSidebar_sidebarNav__yk7MG",sidebarNavHeader:"MypageSidebar_sidebarNavHeader__VxTHs"}},19513:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/my-page/notification-box",function(){return i(94339)}])},42412:(e,t,i)=>{"use strict";i.d(t,{A:()=>d});var s=i(39942),l=i(98626);i(58214);var a=i(86744),n=i(49770);let d=function(e){let{children:t}=e,i=(0,l.d4)(e=>e.auth.accessToken);return(0,s.jsx)("div",{className:"mt-[60px] mb-[100px] mx-auto w-[1200px]",children:(0,s.jsx)(a.A,{children:i?(0,s.jsxs)("div",{className:"flex gap-[60px]",children:[(0,s.jsx)(n.A,{}),(0,s.jsx)("div",{className:"grow",children:t})]}):t})})}},43038:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var s=i(39942),l=i(9076),a=i(28343),n=i(98626),d=i(14160),r=i(32493);let o=e=>{let{path:t,isRedirect:i=!0}=e,[o]=(0,l.A)(),x=(0,r.useRouter)(),c=(0,n.d4)(e=>{var t;return null==e||null==(t=e._persist)?void 0:t.rehydrated});return(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{"aria-label":"advertisement",className:"bg-[#111] opacity-[50%] fixed top-0 bottom-0 left-0 right-0 z-[100]",role:"presentation"}),(0,s.jsx)("div",{className:"fixed top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] flex flex-col z-[110] ",children:(0,s.jsx)("div",{className:"max-w-[500px] w-[89.33333vw]  bg-[#fff] rounded-[5px] text-[#111] flex justify-center flex-col items-center",children:c?(0,s.jsxs)("div",{className:"w-[395px] py-[23px] ",children:[(0,s.jsxs)("div",{className:"mx-[30px]",children:[(0,s.jsx)("div",{className:"h-[80px] mb-[30px] flex justify-center items-center",children:(0,s.jsx)(d.$p,{width:80,height:80})}),(0,s.jsx)("div",{className:"font-bold text-[18px] leading-[21px]  text-center pb-[20px]",children:"로그인이 필요한 서비스입니다."}),(0,s.jsx)("div",{className:"text-center text-[#555555] text-[15px] leading-[20px]",children:(0,s.jsx)("div",{children:"로그인 하시겠습니까?"})})]}),(0,s.jsxs)("div",{className:" flex flex-row mt-[50px] text-center space-x-[12px]",children:[(0,s.jsx)("button",{className:"!h-[52px] flex-1 text-[#555555] leading-[16px] font-semibold border border-[#D3DBD9] rounded-[5px]",onClick:()=>{i&&x.push(t||"/")},type:"button",children:"취소"}),(0,s.jsx)("button",{className:"bg-[#009C75] flex-1  rounded-[5px] h-[52px]",onClick:()=>o().then(()=>{x.replace(x.asPath)}),type:"button",children:(0,s.jsx)("p",{className:"mb-0 h-[19px] text-[16px] text-center leading-[19px] font-semibold text-[#fff]",children:"확인"})})]})]}):(0,s.jsx)(a.A,{loading:!0,children:(0,s.jsx)("div",{})})})})]})}},49770:(e,t,i)=>{"use strict";i.d(t,{A:()=>v});var s=i(39942),l=i(73811),a=i(76194),n=i(59558),d=i(75492),r=i.n(d),o=i(32493);i(58214);var x=i(16839),c=i.n(x);let p=[{id:1,title:"예약내역",to:"/my-page/reservation-history"},{id:2,title:"쿠폰함",to:"/my-page/coupon-box"},{id:5,title:"이벤트 참여 내역",to:"/my-page/event_participation_history"},{id:6,title:"내가 찜한 상품",to:"/my-page/wished-product"},{id:7,title:"최근 본 상품",to:"/my-page/recently-viewed"},{id:8,title:"알림함",to:"/my-page/notification-box"},{id:9,title:"SNS 로그인설정",to:"/my-page/setting"},{id:10,title:"마이리뷰",to:"/my-page/my-review"}],u=[{id:1,title:"예약내역",to:"/my-page/reservation-history"},{id:2,title:"쿠폰함",to:"/my-page/coupon-box"},{id:5,title:"이벤트 참여 내역",to:"/my-page/event_participation_history"},{id:6,title:"내가 찜한 상품",to:"/my-page/wished-product"},{id:7,title:"최근 본 상품",to:"/my-page/recently-viewed"},{id:8,title:"알림함",to:"/my-page/notification-box"},{id:9,title:"마이리뷰",to:"/my-page/my-review"}],m=[{id:1,title:"예약내역",to:"/my-page/reservation-history"},{id:6,title:"내가 찜한 상품",to:"/my-page/wished-product"},{id:7,title:"최근 본 상품",to:"/my-page/recently-viewed"},{id:8,title:"알림함",to:"/my-page/notification-box"}],h=e=>{let{href:t,title:i}=e,{sendGaClickEvent:l}=(0,n.B)();return(0,s.jsx)(r(),{className:"text-[#111] hover:text-primary2",href:t,onClick:()=>l({ep_event_page:"마이페이지",ep_event_area:"마이페이지_사이드바",ep_event_button:i}),children:(0,s.jsx)("li",{children:i})})},v=()=>{let e=(0,o.useRouter)(),{isBP:t,isOnBP:i,isXcrsHotel:n,isHotelsCombined:d}=(0,a.A)();if(d)return null;let r=t||i?u:n?m:p;return(0,s.jsxs)("nav",{className:(0,l.$)("shrink-0",c().sidebarNav),children:[(0,s.jsx)("header",{className:"".concat(c().sidebarNavHeader," cursor-pointer"),onClick:()=>e.push("/my-page"),role:"presentation",children:"마이페이지"}),(0,s.jsx)("div",{className:"w-full h-[2px] bg-[#111]"}),(0,s.jsx)("ul",{children:null==r?void 0:r.map(e=>(0,s.jsx)(h,{href:(null==e?void 0:e.to)||"",title:(null==e?void 0:e.title)||""},null==e?void 0:e.id))})]})}},55297:(e,t,i)=>{"use strict";i.d(t,{A:()=>d});var s=i(39942),l=i(17770),a=i(94844),n=i.n(a);let d=function(e){return(0,s.jsx)("div",{className:n().paginations,children:(0,s.jsx)(l.A,{...e})})}},86744:(e,t,i)=>{"use strict";i.d(t,{A:()=>x});var s=i(39942),l=i(76194),a=i(28343),n=i(98626),d=i(32493),r=i(58214),o=i(43038);let x=e=>{var t,i,x,c;let{children:p}=e,u=(0,d.useRouter)(),{isHotelsCombined:m}=(0,l.A)(),h=(0,n.d4)(e=>e.auth.accessToken),[v,g]=(0,r.useState)(!1);return((0,r.useEffect)(()=>

1{if(h||m)return void g(!0);let e=setTimeout(()=>{g(!0)},500);return()=>clearTimeout(e)},[h,m]),m)?(0,s.jsx)("div",{className:"text-[#111]",children:p}):h||v?h||(null==(t=u.pathname)?void 0:t.includes("/my-page/my-quotation-inquiries"))||(null==(i=u.pathname)?void 0:i.includes("/my-page/my-quotation-inquiries/contact-us"))||(null==(x=u.pathname)?void 0:x.includes("/non-member"))||(null==(c=u.pathname)?void 0:c.includes("/my-page/reservation-details/travel-product/[id]"))?(0,s.jsx)("div",{className:"text-[#111]",children:p}):(0,s.jsx)(o.A,{}):(0,s.jsx)(a.A,{loading:!0,children:(0,s.jsx)("div",{className:"w-[1200px] h-[100vh] mx-auto mt-[60px] mb-[100px]"})})}},94339:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>M});var s=i(39942),l=i(68289),a=i(42412),n=i(18086),d=i(8046),r=i(59558),o=i(95709),x=i(98626),c=i(4453),p=i(58214),u=i(55297),m=i(14160);let h=function(){return(0,s.jsx)("div",{className:"h-full",children:(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center min-h-[430px] space-y-[20px]",children:[(0,s.jsx)("div",{className:"relative w-[100px] h-[100px]",children:(0,s.jsx)(m._f,{width:100,height:100})}),(0,s.jsx)("span",{className:"text-[#AAAAAA] text-[16px] leading-[24px] h-[19px] font-light text-center",children:"새로 도착한 내용이 없습니다."}),(0,s.jsx)("span",{className:"text-[#AAAAAA] text-[16px] leading-[24px] h-[19px] font-light text-center",children:"New Message는 3개월동안 보관됩니다."})]})})};var v=i(26935),g=i(14406),j=i(52962),N=i(90282),f=i(32493);let{Button:y}=d.A,b=(0,s.jsx)(v.A,{spin:!0,style:{fontSize:24}}),_=()=>(0,s.jsx)("div",{children:(0,s.jsx)("div",{className:"border-b h-[88px] flex items-center",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"my-[5px]",children:(0,s.jsx)(y,{active:!0,className:"!w-[200px] !h-[18px] mb-[6px]",size:"small"})}),(0,s.jsx)("div",{children:(0,s.jsx)(y,{active:!0,className:"!w-[800px] !h-[20px]",size:"small"})})]})})}),A=e=>{var t;let{notice:i,handleNotificationItemClick:l}=e,a=(0,f.useRouter)(),{data:d,isFetching:r}=(0,j.GV)({categoryCode:null==i||null==(t=i.messageCategoryWebCode)?void 0:t.slice(0,3)},{skip:!i}),[o,{isLoading:x}]=(0,n.hq)(),c=(0,p.useMemo)(()=>{var e;let t=null==d||null==(e=d.result)?void 0:e.find(e=>e.codeValue===(null==i?void 0:i.messageCategoryWebCode));return(null==t?void 0:t.codeName)?"[".concat(null==t?void 0:t.codeName,"]"):""},[null==d?void 0:d.result,i]);return r?(0,s.jsx)(_,{}):(0,s.jsxs)(g.A,{indicator:b,spinning:x,children:[(0,s.jsx)("div",{className:"cursor-pointer",onClick:()=>{if((null==i?void 0:i.messageCategoryWebCode)&&a.push((0,N.NA)((null==i?void 0:i.messageCategoryWebCode)||"")),(null==i?void 0:i.customerMessageNo)&&!i.isRead){var e;o({customerMessageNo:i.customerMessageNo}),l(null!=(e=null==i?void 0:i.customerMessageId)?e:"")}},onKeyPress:void 0,role:"button",tabIndex:0,children:(0,s.jsxs)("div",{className:"pt-[24px] pb-[25px] ".concat(i.isRead?"text-[#999999]":"text-[#111111]"),children:[(0,s.jsx)("div",{className:"text-[15px] leading-[18px] font-semibold mb-[6px]",children:(0,s.jsxs)("span",{className:"font-bold",children:[c," "]})}),(0,s.jsx)("div",{className:["단체항공권 견적문의","1:1문의","견적문의"].includes(c)?"line-clamp-2 h-[40px]":"",children:(0,s.jsxs)("span",{children:[null==i?void 0:i.messageContent," "]})}),(0,s.jsx)("div",{children:(0,s.jsx)("span",{children:["단체항공권 견적문의","1:1문의","견적문의"].includes(c)&&"답변이 도착하였습니다."})})]})}),(0,s.jsx)("div",{className:"border-t-[1px]"})]})},{Button:w}=d.A,C=()=>{var e;let t=(0,x.wA)(),{sendGaClickEvent:i}=(0,r.B)(),[l,a]=(0,p.useState)(1),[d,m]=(0,p.useState)(!1),[v,{data:g}]=(0,n._)(),j=(0,p.useMemo)(()=>{var e,t;return m(!1),null!=(t=null==g||null==(e=g.result)?void 0:e.notifications)?t:[]},[g]),N=e=>{v({pageNo:e,totalRecord:10,type:"notifications"})};(0,p.useEffect)(()=>{N(1),m(!0)},[]);let f=e=>{let s=[...j].find(t=>t.customerMessageId===e);if(i({ep_event_page:"마이페이지",ep_event_area:"알림함",ep_event_button:null==s?void 0:s.messageContent}),(null==s?void 0:s.isRead)===!1){var a,n;N(l),(null==g||null==(a=g.result)?void 0:a.totalNews)!==void 0&&(null==g||null==(n=g.result)?void 0:n.totalNews)!==null&&t((0,o.N)(g.result.totalNews))}};return(0,s.jsxs)("div",{className:"min-h-[430px]",children:[(0,s.jsx)("p",{className:"text-[20px] leading-[1.15] font-bold pt-[7px] pb-[30px]",children:"알림함"}),(0,s.jsx)("div",{className:"h-[2px] bg-[#111111] mt-[1px]"}),!d&&(0,s.jsx)("div",{children:(null==j?void 0:j.length)>0?(0,s.jsxs)(s.Fragment,{children:[(0,c.A)(j,e=>{let{value:t}=e;return(0,s.jsx)(A,{handleNotificationItemClick:f,notice:t},t.customerMessageId)}),(0,s.jsx)("div",{className:"pt-[60] flex justify-center items-center w-full mt-[60px] [&_.ant-pagination-prev]:hidden [&_.ant-pagination-next]:hidden [&_.ant-pagination-item]:border-none [&_.ant-pagination-item]:h-[17px] [&_.ant-pagination-item_a]:flex [&_.ant-pagination-item_a]:items-center [&_.ant-pagination-item_a]:h-[17px] [&_.ant-pagination]:h-[17px] ",children:(0,s.jsx)(u.A,{current:l,hideOnSinglePage:!0,onChange:e=>{a(e),m(!0),N(e)},pageSize:10,total:Number(null==g||null==(e=g.result)?void 0:e.totalNotifications)})})]}):(0,s.jsx)("div",{className:"mt-[74px]",children:(0,s.jsx)(h,{})})}),d&&(0,s.jsx)("div",{children:Array(10).fill(0).map((e,t)=>(0,s.jsx)("div",{className:"border-b h-[88px] flex items-center",children:(0,s.jsxs)("div",{children:[(0,s.jsx)("div",{className:"my-[5px]",children:(0,s.jsx)(w,{active:!0,className:"!w-[200px] !h-[18px]",size:"small"})}),(0,s.jsx)("div",{children:(0,s.jsx)(w,{active:!0,className:"!w-[800px] !h-[20px]",size:"small"})})]})},t))})]})},k=()=>(0,s.jsx)(C,{});k.getLayout=(e,t)=>(0,s.jsx)(l.A,{...t,children:(0,s.jsx)(a.A,{children:e})});let M=k},94844:e=>{e.exports={paginations:"Pagination_paginations__VH2t4"}}},e=>{e.O(0,[636,6593,8792],()=>e(e.s=19513)),_N_E=e.O()}]);