1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2942],{8512:(e,t,l)=>{l.d(t,{h:()=>a});var r,n=l(55729);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}).apply(this,arguments)}function a(e){return n.createElement("svg",i({width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=n.createElement("path",{d:"M2 8.444L7 14l9-10",stroke:"#2DC275",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})))}},11892:(e,t,l)=>{l.d(t,{h:()=>o});var r,n,i=l(55729);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}).apply(this,arguments)}function o(e){return i.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:21,height:20,viewBox:"0 0 21 20",fill:"none"},e),r||(r=i.createElement("g",{clipPath:"url(#calendar-detail_svg__clip0_598_432875)",fill:"#fff"},i.createElement("path",{d:"M6.25 0a1 1 0 011 1v1h6V1a1 1 0 112 0v1h1a4 4 0 014 4v2h-20V6a4 4 0 014-4h1V1a1 1 0 011-1zM20.25 10h-20v8a2 2 0 002 2h16a2 2 0 002-2v-8z"}))),n||(n=i.createElement("defs",null,i.createElement("clipPath",{id:"calendar-detail_svg__clip0_598_432875"},i.createElement("path",{fill:"#fff",transform:"translate(.25)",d:"M0 0h20v20H0z"})))))}},41278:(e,t,l)=>{l.d(t,{l:()=>i});var r=l(6029);l(55729);let n=l(30395).default.div.withConfig({componentId:"sc-2f9d7827-0"})(["width:100%;height:3.75rem;background-color:#000;position:relative;padding-inline:1rem;color:#fff;transition:color 0.2s ease-in-out;margin-block:auto;scroll-snap-align:center;flex-shrink:0;cursor:pointer;"]),i=()=>(0,r.jsx)(n,{})},43345:(e,t,l)=>{l.d(t,{h:()=>a});var r,n=l(55729);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}).apply(this,arguments)}function a(e){return n.createElement("svg",i({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=n.createElement("path",{d:"M15 6l-6 6 6 6",stroke:"#fff",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})))}},53799:(e,t,l)=>{l.d(t,{A:()=>c});var r=l(6029);l(55729);var n=l(56121),i=l.n(n),a=l(30395),o=l(48486);let s=a.default.div.withConfig({componentId:"sc-56f8386c-0"})(["display:flex;align-items:center;justify-content:center;padding:4px 8px;background:",";color:",";border-radius:16px;border:1px solid rgba(81,81,88,1);cursor:pointer;flex-shrink:0;&.small{padding:4px 6px;border-radius:12px;height:24px;font-size:12px;line-height:21px;}&.large{padding:4px 12px;border-radius:16px;height:32px;font-size:14px;line-height:21px;}"],o.Zj.colors.mainGreen,o.Zj.colors.white);function d(e){let{label:t,iconLeft:l,handleClick:n,onClose:i,size:a="small",className:o=""}=e;return(0,r.jsxs)(s,{className:`${a} ${o??""}`,onClick:e=>{e.stopPropagation(),null==n||n()},children:[!!l&&(0,r.jsx)("div",{onClick:e=>{e.stopPropagation(),null==i||i()},children:l}),(0,r.jsx)("span",{className:"tbox-ml-8",children:t})]})}d.propTypes={label:i().string.isRequired,handleClick:i().func,onClose:i().func,iconLeft:i().ReactNode,size:"small",className:i().string};let c=d},54240:(e,t,l)=>{l.d(t,{h:()=>o});var r,n,i=l(55729);function a(){return(a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}).apply(this,arguments)}function o(e){return i.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",width:21,height:20,viewBox:"0 0 21 20",fill:"none"},e),r||(r=i.createElement("g",{clipPath:"url(#filter-white_svg__clip0_598_500909)"},i.createElement("path",{d:"M1.25 0a1 1 0 00-1 1v2a1 1 0 00.27.684l7.23 7.711V19a1 1 0 001.447.894l3-1.5a1 1 0 00.553-.894v-6.105l7.23-7.711A1 1 0 0020.25 3V1a1 1 0 00-1-1h-18z",fill:"#fff"}))),n||(n=i.createElement("defs",null,i.createElement("clipPath",{id:"filter-white_svg__clip0_598_500909"},i.createElement("path",{fill:"#fff",transform:"translate(.25)",d:"M0 0h20v20H0z"})))))}},66894:(e,t,l)=>{l.d(t,{h:()=>a});var r,n=l(55729);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e}).apply(this,arguments)}function a(e){return n.createElement("svg",i({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=n.createElement("path",{d:"M6 9l6 6 6-6",stroke:"#D9D9D9",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})))}},88821:(e,t,l)=>{l.r(t),l.d(t,{default:()=>eh});var r=l(6029),n=l(55729),i=l(71024),a=l.n(i),o=l(42730),s=l(6987),d=l(27429),c=l(77475),u=l(58057),h=l(80531),m=l(48486),p=l(98294),g=l(1337),f=l(81278),v=l(26345),x=l(382),b=l(13049),w=l(96320),y=l(58211),T=l(32580),C=l(86973),k=l(43968),S=l(59506),j=l(66894),D=l(54240),E=l(43345),A=l(8512),I=l(53799),O=l(7005),P=l(30395),L=l(59179),_=l(61705),N=l(64382);let R=(0,P.createGlobalStyle)([".ant-select:not(.ant-select-disabled){.ant-select-selector{border:1px solid #d9d9d9 !important;border-radius:4px !important;transition:all 0.2s cubic-bezier(0.645,0.045,0.355,1) !important;}&:hover .ant-select-selector{border-color:#2dc275 !important;}&.ant-select-focused .ant-select-selector,&.ant-select-open .ant-select-selector{border-color:#2dc275 !important;box-shadow:0 0 0 2px rgba(45,194,117,0.2) !important;
1outline:none !important;}}.ant-drawer-header{padding:8px 16px !important;}. .ant-drawer-title{text-align:center;font-weight:600;font-size:16px;line-height:24px;}.ant-radio-wrapper:hover .ant-radio-inner{border-color:#2dc275 !important;}"]),U=(0,P.default)(d.so).withConfig({componentId:"sc-3ee9b952-0"})(["overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;> *{flex-shrink:0;}&::-webkit-scrollbar{display:none;}scrollbar-width:none;.checkableTag{display:flex;height:32px;padding:4px 14px;align-items:center;border-radius:16px;font-size:14px;font-weight:400;line-height:21px;border:1px solid #a6a6b0;background:#fff;color:#27272a;margin-inline-end:unset;&:hover{border-color:#2dc275;color:#2dc275;cursor:pointer;}&.ant-tag-checkable-checked{border:1px solid #2dc275;background:#2dc275;color:#ffffff;}}.tboxCheckbox{.ant-radio-wrapper{.ant-radio{&.ant-radio-checked{.ant-radio-inner{border-color:#2dc275 !important;background-color:#2dc275 !important;&::after{background-color:#ffffff !important;transform:scale(1);}}&::after{border-color:#2dc275 !important;}}.ant-radio-inner{&:hover{border-color:#2dc275 !important;}}}}.ant-radio{&.ant-radio-checked{.ant-radio-inner{border-color:#2dc275 !important;background-color:#2dc275 !important;}&::after{border-color:#2dc275 !important;}}}}"]),H=P.default.div.withConfig({componentId:"sc-3ee9b952-1"})(["position:relative;padding:0 0.5rem;"]),F=P.default.div.withConfig({componentId:"sc-3ee9b952-2"})(["position:absolute;top:-0.5rem;left:",";min-width:24px;width:max-content;height:24px;padding:0 4px;background-color:#2dc275;border-radius:4px;display:flex;align-items:center;justify-content:center;color:white;font-weight:400;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:left 0.2s ease-out;"],e=>`calc(${e.value/(e.max+.5)*100}%)`),M=P.default.div.withConfig({componentId:"sc-3ee9b952-3"})(["display:flex;margin-top:0.5rem;color:#27272a;font-weight:500;.span0{flex:0;}.span1{flex:1;margin-left:calc(","%);}.span10{flex:0;}"],1/10.5*100),W=(0,P.default)(L.A).withConfig({componentId:"sc-3ee9b952-4"})([".ant-slider-rail{background-color:#d9d9d9;height:2px;}.ant-slider-track{background-color:unset !important;height:2px;}.ant-slider-step{top:3px !important;}.ant-slider-handle::after{width:20px;height:20px;background-color:white;border:2px solid #d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,0.1);top:-6px;left:-2px;}.ant-slider-handle:hover::after,.ant-slider-handle:focus::after{width:20px;height:20px;border-color:#2dc275 !important;box-shadow:0 0 0 4px #ffffff;top:-6px;left:-2px;}.ant-slider-dot{width:8px;height:8px;border:2px solid #d9d9d9;background-color:#d9d9d9;top:-2px;opacity:1;}.ant-slider-dot-active{border-color:#d9d9d9 !important;background-color:#d9d9d9 !important;}"]),Y=(0,P.default)(_.Ay).withConfig({componentId:"sc-3ee9b952-5"})([".ant-radio-checked{.ant-radio-inner{border-color:#2dc275 !important;background-color:#2dc275 !important;}&::after{border-color:#2dc275 !important;}}"]),z=P.default.button.withConfig({componentId:"sc-3ee9b952-6"})(["position:absolute;top:50%;transform:translateY(-50%);color:white;border:none;padding:8px;cursor:pointer;z-index:2;width:70px;height:100%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;&:hover:not(:disabled){transform:translateY(-50%) scale(1.05);}&:disabled{cursor:not-allowed;opacity:0.5;}svg{width:16px;height:16px;}"]),G=(0,P.default)(z).withConfig({componentId:"sc-3ee9b952-7"})(["left:0;background:linear-gradient(90deg,#27272a 0%,rgba(0,0,0,0) 100%);"]),B=(0,P.default)(z).withConfig({componentId:"sc-3ee9b952-8"})(["right:0;background:linear-gradient(270deg,#27272a 0%,rgba(0,0,0,0) 100%);"]),K=P.default.div.withConfig({componentId:"sc-3ee9b952-9"})(["display:flex;flex-direction:row;overflow:visible;gap:12px;align-items:stretch;position:relative;flex-shrink:0;transition:padding 0.3s ease;"]),Q=P.default.div.withConfig({componentId:"sc-3ee9b952-10"})(["width:500px;padding:12px;@media (max-width:768px){width:100%;padding:8px;}"]),$=(0,P.default)(N.A).withConfig({componentId:"sc-3ee9b952-11"})([".ant-drawer-content-wrapper{border-radius:16px 16px 0 0;}.ant-drawer-header{border-radius:16px 16px 0 0;padding:16px;
1border-bottom:1px solid #f0f0f0;}.ant-drawer-body{padding:16px;max-height:85vh;overflow-y:auto;}@media (max-width:768px){.ant-drawer-body{padding:12px;}}"]);P.default.div.withConfig({componentId:"sc-3ee9b952-12"})([".ant-select{width:100%;.ant-select-selector{border:1px solid #d9d9d9 !important;border-radius:4px !important;transition:all 0.2s cubic-bezier(0.645,0.045,0.355,1) !important;}&:hover:not(.ant-select-disabled) .ant-select-selector{border-color:#2dc275 !important;}&.ant-select-focused:not(.ant-select-disabled) .ant-select-selector,&.ant-select-open:not(.ant-select-disabled) .ant-select-selector{border-color:#2dc275 !important;box-shadow:0 0 0 2px rgba(45,194,117,0.2) !important;outline:none !important;}}"]),P.default.div.withConfig({componentId:"sc-3ee9b952-13"})(["background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.15);width:max-content;padding:8px 12px;"]);let q=(0,n.memo)(e=>{let{startTime:t,lang:l}=e;return(0,p.fi)({startTime:t,lang:l,formatString:"HH:mm, dd MMMM, yyyy"})}),V=(0,n.memo)(e=>{var t,l,i,a;let{infoEvent:o,listFilter:s,onApply:c,listShowings:h,dataFilter:m}=e,{t:p,lang:g}=(0,u.useLanguage)(),[f,b]=(0,n.useState)(s);(0,n.useEffect)(()=>{b(s)},[s]);let w=(0,n.useCallback)(e=>b(t=>({...t,[v.mD.SORT]:e})),[b]),j=(0,n.useMemo)(()=>{var e,t;let l=(null==h?void 0:h.length)===1?h[0]:(null==h?void 0:h[0])||{},r=(null==(e=f[v.mD.SHOWING])?void 0:e.value)||(null==l?void 0:l.value),n=null==m||null==(t=m.showings)?void 0:t.find(e=>String(e.id)===String(r));return(null==n?void 0:n.ticketTypes)||[]},[f,m]);(0,n.useEffect)(()=>{var e;let t=null==(e=f[v.mD.TICKET_TYPE])?void 0:e.value;t&&(j.some(e=>String(e.id)===String(t))||b(e=>({...e,[v.mD.TICKET_TYPE]:{value:"",title:""}})))},[j,f]);let D=(0,n.useCallback)(e=>b(t=>({...t,[v.mD.QUANTITY]:e})),[b]),E=(0,n.useCallback)((e,t)=>{b(l=>({...l,[v.mD.TICKET_TYPE]:{value:e,title:null==t?void 0:t.children}}))},[b]),A=(0,n.useCallback)((e,t)=>b(l=>{let r=l[v.mD.FULL_PURCHASE]||[];return t?{...l,[v.mD.FULL_PURCHASE]:r.includes(e)?r:[...r,e]}:{...l,[v.mD.FULL_PURCHASE]:r.filter(t=>t!==e)}}),[b]),I=(0,n.useCallback)(e=>{let t=null==h?void 0:h.find(t=>t.value===e);b(e=>({...e,[v.mD.SHOWING]:t||{}}))},[h]),O=(0,n.useCallback)(()=>{let e=(null==h?void 0:h.length)===1?h[0]:(null==h?void 0:h[0])||{};b({[v.mD.SORT]:{value:"",title:""},[v.mD.TICKET_TYPE]:{value:"",title:""},[v.mD.SECTION]:{value:"",title:""},[v.mD.QUANTITY]:0,[v.mD.FULL_PURCHASE]:[],[v.mD.SHOWING]:e})},[h]),P=(0,n.useCallback)(()=>{null==c||c(f)},[f,c]);return(0,r.jsxs)(Q,{children:[(0,r.jsxs)(d.I1,{style:{gap:"10px"},children:[(0,r.jsx)(T.A,{strong:!0,children:p("resale.detailPage.sort")}),(0,r.jsx)(Y.Group,{value:(null==f||null==(t=f[v.mD.SORT])?void 0:t.value)||"",children:(0,r.jsx)(y.A,{direction:"vertical",children:v.xM.map(e=>{var t;return(0,r.jsx)(Y,{value:e.value,className:"tboxCheckbox",onChange:()=>w(e),children:null==e||null==(t=e.title)?void 0:t[g]},null==e?void 0:e.value)})})}),(0,r.jsx)(C.A,{dashed:!0,style:{borderColor:"#A6A6B0",margin:"12px 0"}}),(0,r.jsx)(T.A,{strong:!0,children:p("resale.detailPage.quantity")}),(0,r.jsxs)(H,{children:[(0,r.jsxs)(M,{children:[(0,r.jsx)("span",{className:"span1",children:"1"}),(0,r.jsx)("span",{className:"span10",children:"10"})]}),(0,r.jsx)(F,{value:f[v.mD.QUANTITY],max:10,children:0===f[v.mD.QUANTITY]?p("myTicket.tabs.all"):f[v.mD.QUANTITY]}),(0,r.jsx)(W,{min:0,max:10,value:f[v.mD.QUANTITY],onChange:D,dots:!0,step:1,marks:{0:"",1:"",2:"",3:"",4:"",5:"",6:"",7:"",8:"",9:"",10:""},tooltip:{open:!1}})]}),(0,r.jsx)(C.A,{dashed:!0,style:{borderColor:"#A6A6B0",margin:"12px 0"}}),h&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(T.A,{strong:!0,children:p("resale.detailPage.showing")}),(0,r.jsx)(k.A,{value:(null==(l=f[v.mD.SHOWING])?void 0:l.value)||(null==(i=h[0])?void 0:i.value)||"",onChange:I,style:{width:"100%"},children:h.map(e=>(0,r.jsx)(k.A.Option,{value:e.value,children:(e.title,e.title)},e.value))}),(0,r.jsx)(C.A,{dashed:!0,style:{borderColor:"#A6A6B0",margin:"12px 0"}})]}),(0,r.jsx)(T.A,{strong:!0,children:p("myTickets.orderInfo.orderDetail.ticketType")}),(0,r.jsx)(T.A,{style:{fontSize:"14px"},children:p("resale.detailPage.selectTicketTypeHelper")}),(0,r.jsxs)(k.A,{value:(null==(a=f[v.mD.TICKET_TYPE])?void 0:a.value)||"",onChange:E,style:{width:"100%"},disabled:!j.length,placeholder:p("resale.detailPage.selectTicketType"),children:[(0,r.jsx)(k.A.Option,{value:"",children:p("resale.detailPage.selectTicketTypeAll")},"all"),j.map(e=>(0,r.jsx)(k.A.Option,{value:String(e.id),children:e.name},e.id))]}),(0,r.jsx)(C.A,{dashed:!0,style:{borderColor:"#A6A6B0",margin:"12px 0"}}),(0,r.jsx)(T.A,{strong:!0,children:p("resale.detailPage.sellingMethod")}),(0,r.jsxs)(U,{style:{gap:"8px"},children:[(0,r.jsx)(S.A.CheckableTag,{className:"checkableTag",color:"#2DC275",value:"false",checked:f[v.mD.FULL_PURCHASE].includes("false"),onChange:e=>A("false",e),children:p("resale.detailPage.sellingMethod.single")}),(0,r.jsx)(S.A.CheckableTag,{className:"checkableTag",color:"#2DC275",value:"true",checked:f[v.mD.FULL_PURCHASE].includes("true"),onChange:e=>A("true",e),children:p("resale.detailPage.sellingMethod.noSingle")})]})]}),(0,r.jsxs)(d.so,{className:"tbox-mt-16",style:{gap:"10px"},children:[(0,r.jsx)(x.Ay,{hierarchy:"secondary",radius:4,label:p("filter.form.reset"),onClick:O,style:{fontWeight:"400"}}),(0,r.jsx)(x.Ay,{hierarchy:"primary",radius:4,label:p("filter.form.apply"),onClick:P,style:{fontWeight:"400"}})]})]})}),Z=(0,n.memo)(e=>{let{showingActive:t,setShowingActive:l,listShowings:i=[],handleClosePopover:a}=e,{t:o}
1=(0,u.useLanguage)(),[s,c]=(0,n.useState)(t||{});(0,n.useEffect)(()=>{c(t||{})},[t]);let h=(0,n.useCallback)(()=>{l(s),null==a||a()},[s,l,a]),m=(0,n.useCallback)(()=>{c({})},[]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(w.A,{itemLayout:"horizontal",dataSource:i||[],renderItem:(e,t)=>{let l=(null==s?void 0:s.value)===(null==e?void 0:e.value)||0===t&&!(null==s?void 0:s.value);return(0,r.jsx)(w.A.Item,{children:(0,r.jsxs)(d.$K,{gap:8,style:{cursor:"pointer",fontWeight:l?600:400,color:l?"#2DC275":"inherit",width:"100%"},alignItems:"center",onClick:()=>c(e),children:[(0,r.jsx)("span",{children:e.title}),l&&(0,r.jsx)(A.h,{})]})})},style:{minWidth:300,maxHeight:400,overflowY:"auto"}}),(0,r.jsxs)(d.so,{className:"tbox-mt-16",style:{gap:"10px"},children:[(0,r.jsx)(x.Ay,{hierarchy:"secondary",radius:8,label:o("filter.form.reset"),onClick:m,style:{borderRadius:"4px",fontWeight:"400",fontFamily:"Inter"}}),(0,r.jsx)(x.Ay,{hierarchy:"primary",radius:8,label:o("filter.form.apply"),onClick:()=>{h()},style:{borderRadius:"4px",fontWeight:"400",fontFamily:"Inter"}})]})]})}),J=(0,n.memo)(e=>{let{listFilter:t,onClose:l}=e,{t:i,lang:a}=(0,u.useLanguage)(),o=(0,n.useRef)(null),[s,d]=(0,n.useState)(!1),[c,h]=(0,n.useState)(!1),[m,p]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e=()=>{if(null==o?void 0:o.current){let{scrollLeft:e,scrollWidth:t,clientWidth:l}=o.current,r=t>l;p(r),d(r&&e>0),h(r&&e+l<t-1)}};e();let t=o.current;t&&(t.addEventListener("scroll",e),window.addEventListener("resize",e));let l=new ResizeObserver(e);return t&&l.observe(t),()=>{t&&t.removeEventListener("scroll",e),window.removeEventListener("resize",e),l.disconnect()}},[]);let g=(0,n.useCallback)(()=>{if(null==o?void 0:o.current){let e=.8*o.current.clientWidth;o.current.scrollBy({left:e,behavior:"smooth"})}},[]),f=(0,n.useCallback)(()=>{if(null==o?void 0:o.current){let e=.8*o.current.clientWidth;o.current.scrollBy({left:-e,behavior:"smooth"})}},[]),x=(0,n.useCallback)((e,t)=>{switch(e){case v.mD.QUANTITY:return 0===t?null:`${i("resale.detailPage.quantity")}: ${t}`;case v.mD.FULL_PURCHASE:if(!t)return null;return("false"===t?i("resale.detailPage.sellingMethod.single"):"true"===t?i("resale.detailPage.sellingMethod.noSingle"):"")??null;case v.mD.SORT:var l;return(null==t||null==(l=t.title)?void 0:l[a])??null;case v.mD.TICKET_TYPE:case v.mD.SECTION:return(null==t?void 0:t.title)??null;default:return null}},[i,a]),b=(0,n.useMemo)(()=>Object.entries(t).flatMap(e=>{let[t,l]=e;if(t===v.mD.FULL_PURCHASE&&Array.isArray(l)&&l.length>0)return l.map(e=>{let l=x(t,e);return l?{key:`${t}_${e}`,filterKey:t,label:l,value:e}:null}).filter(Boolean);let r=x(t,l);return r?{key:t,label:r,value:l}:null}).filter(Boolean),[t,x]);return(0,r.jsxs)("div",{style:{position:"relative",flexShrink:0},children:[m&&s&&(0,r.jsx)(G,{onClick:f,position:"left",disabled:!s,"aria-label":"Scroll Left",children:(0,r.jsx)(E.h,{})}),(0,r.jsx)(K,{style:{gap:"8px",paddingLeft:m&&s?"40px":"0px",paddingRight:m&&c?"40px":"0px"},ref:o,children:b.map(e=>(0,r.jsx)(I.A,{label:e.label,iconLeft:(0,r.jsx)(O.A,{}),onClose:()=>l(e),handleClick:()=>l(e),size:"large"},e.key))}),m&&c&&(0,r.jsx)(B,{onClick:g,position:"right",disabled:!c,"aria-label":"Scroll Right",children:(0,r.jsx)(E.h,{style:{transform:"rotate(180deg)"}})})]})}),X={[v.mD.SORT]:{value:"",title:""},[v.mD.TICKET_TYPE]:{value:"",title:""},[v.mD.SECTION]:{value:"",title:""},[v.mD.QUANTITY]:0,[v.mD.FULL_PURCHASE]:[],[v.mD.SHOWING]:{}},ee=e=>{var t,l,i,a;let{isShow:o,onClick:s,infoEvent:d,fetchResaleTicketDetail:c,dataFilter:h}=e,{t:m,lang:p}=(0,u.useLanguage)(),g=(()=>{let[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let e=()=>{t(window.innerWidth<768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e})(),[w,y]=(0,n.useState)(!1),[T,C]=(0,n.useState)(!1),k=(0,n.useMemo)(()=>{var e,t,l,r,n,i;return(null==h?void 0:h.showings)?(null==h||null==(e=h.showings)?void 0:e.length)>1?[{title:m("resale.detailPage.showingAll"),value:""},...null==h?void 0:h.showings.map(e=>({id:e.id,startTime:e.startTime,endTime:e.endTime,value:String(e.id)}))]:(null==h||null==(t=h.showings)?void 0:t.length)===1?[{id:null==(l=h.showings[0])?void 0:l.id,startTime:null==(r=h.showings[0])?void 0:r.startTime,endTime:null==(n=h.showings[0])?void 0:n.endTime,value:String(null==(i=h.showings[0])?void 0:i.id)}]:[]:[]},[h,p]),S=(0,n.useMemo)(()=>k.map(e=>e.title?e:{...e,title:(0,r.jsx)(q,{startTime:e.startTime,endTime:e.endTime,lang:p})}),[k,p]),{listFilter:E,updateFilter:A,urlInitFilter:I}=(e=>{let{defaultFilter:t,processedShowings:l,dataFilter:r}
1=e,i=(0,f.useRouter)(),[a,o]=(0,n.useState)(t),[s,d]=(0,n.useState)(null),c=(0,n.useRef)(!1);return(0,n.useEffect)(()=>{if(i.isReady&&!c.current)if(c.current=!0,Object.values(v.mD).some(e=>e in i.query)){let e=((e,t)=>{let l=e[v.mD.SORT],r=l?v.xM.find(e=>e.value===l)||{value:l,title:""}:t[v.mD.SORT],n=e[v.mD.SHOWING],i=/^\d{9,15}$/.test(n)?{value:n,title:""}:t[v.mD.SHOWING],a=e[v.mD.TICKET_TYPE],o=a?{value:a,title:""}:t[v.mD.TICKET_TYPE],s=e[v.mD.SECTION],d=s?{value:s,title:""}:t[v.mD.SECTION],c=e[v.mD.QUANTITY],u=c?Math.min(Math.max(parseInt(c,10)||0,0),10):t[v.mD.QUANTITY],h=e[v.mD.FULL_PURCHASE],m=h?h.split(",").filter(Boolean):t[v.mD.FULL_PURCHASE];return{[v.mD.SORT]:r,[v.mD.SHOWING]:i,[v.mD.TICKET_TYPE]:o,[v.mD.SECTION]:d,[v.mD.QUANTITY]:u,[v.mD.FULL_PURCHASE]:m}})(i.query,t);o(e),d(e)}else d(t)},[i.isReady]),(0,n.useEffect)(()=>{var e,t,l;if(!(null==r||null==(e=r.showings)?void 0:e.length)||!s)return;let n=s[v.mD.TICKET_TYPE],i=null==(t=s[v.mD.SHOWING])?void 0:t.value;if(!(null==n?void 0:n.value)||!i)return;let a=r.showings.find(e=>String(e.id)===String(i)),d=null==a||null==(l=a.ticketTypes)?void 0:l.find(e=>String(e.id)===String(n.value));(null==d?void 0:d.name)&&d.name!==n.title&&o(e=>({...e,[v.mD.TICKET_TYPE]:{value:n.value,title:d.name}}))},[r,s]),{listFilter:a,updateFilter:(0,n.useCallback)(e=>{o(e);let t=(e=>{var t,l,r,n;let i={},a=null==(t=e[v.mD.SORT])?void 0:t.value;a&&(i[v.mD.SORT]=a);let o=null==(l=e[v.mD.SHOWING])?void 0:l.value;o&&(i[v.mD.SHOWING]=String(o));let s=null==(r=e[v.mD.TICKET_TYPE])?void 0:r.value;s&&(i[v.mD.TICKET_TYPE]=String(s));let d=null==(n=e[v.mD.SECTION])?void 0:n.value;d&&(i[v.mD.SECTION]=String(d));let c=e[v.mD.QUANTITY];c&&c>0&&(i[v.mD.QUANTITY]=String(c));let u=e[v.mD.FULL_PURCHASE];return Array.isArray(u)&&u.length>0&&(i[v.mD.FULL_PURCHASE]=u.join(",")),i})(e),l={...i.query};Object.values(v.mD).forEach(e=>delete l[e]),i.replace({pathname:i.pathname,query:{...l,...t}},void 0,{shallow:!0})},[i.pathname,i.query]),urlInitFilter:s}})({defaultFilter:X,processedShowings:S,dataFilter:h}),O=(0,n.useCallback)(e=>{var t,l,r,n,i;let a={},o=e[v.mD.SHOWING];return(null==o?void 0:o.value)&&(a.showingId=o.value),(null==(t=e[v.mD.SORT])?void 0:t.value)&&(a.sortBy=e[v.mD.SORT].value),e[v.mD.QUANTITY]>0&&(a.quantity=e[v.mD.QUANTITY]),(null==(l=e[v.mD.TICKET_TYPE])?void 0:l.value)&&(a.ticketTypeId=e[v.mD.TICKET_TYPE].value),(null==(r=e[v.mD.SECTION])?void 0:r.value)&&(a.sectionId=e[v.mD.SECTION].value),(null==(n=e[v.mD.FULL_PURCHASE])?void 0:n.length)===1?a.fullPurchase=e[v.mD.FULL_PURCHASE][0]:(null==(i=e[v.mD.FULL_PURCHASE])?void 0:i.length)>1&&(a.fullPurchase="all"),a},[]);(0,n.useEffect)(()=>{I&&c(O(I))},[I]);let P=(0,n.useCallback)(e=>{let t={...E},l=e.filterKey||e.key;if(l===v.mD.FULL_PURCHASE&&e.value){let r=E[v.mD.FULL_PURCHASE]||[];t[l]=r.filter(t=>t!==e.value)}else switch(l){case v.mD.QUANTITY:t[l]=0;break;case v.mD.FULL_PURCHASE:t[l]=[];break;default:t[l]={value:"",title:""}}A(t),c(O(t))},[E,A,c,O]),L=(0,n.useCallback)(e=>{C(!1),A(e),c(O(e))},[C,A,c,O]),_=(0,n.useMemo)(()=>{var e;return JSON.stringify({[v.mD.SORT]:E[v.mD.SORT],[v.mD.QUANTITY]:E[v.mD.QUANTITY],[v.mD.TICKET_TYPE]:E[v.mD.TICKET_TYPE],[v.mD.SECTION]:E[v.mD.SECTION],[v.mD.FULL_PURCHASE]:E[v.mD.FULL_PURCHASE],[v.mD.SHOWING]:(null==(e=E[v.mD.SHOWING])?void 0:e.value)||""})},[E]),N=(0,n.useCallback)(e=>{y(!1);let t={...E,[v.mD.SHOWING]:e,[v.mD.TICKET_TYPE]:{value:"",title:""}};A(t),c(O(t))},[c,E,A,O]),H=(0,n.useMemo)(()=>Object.values(E).some(e=>"object"==typeof e?null==e?void 0:e.value:e),[E]);(0,n.useEffect)(()=>{var e;if(1===S.length&&!(null==(e=E[v.mD.SHOWING])?void 0:e.value)){let e={...E,[v.mD.SHOWING]:S[0]};A(e),c(O(e))}},[S]);let F=(0,n.useRef)(!1),M=(0,n.useRef)(E);return(0,n.useEffect)(()=>{M.current=E},[E]),(0,n.useEffect)(()=>{if(!F.current){F.current=!0;return}c(O(M.current))},[p]),(0,r.jsxs)(U,{style:{gap:"8px"},children:[(0,r.jsx)(R,{}),g?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.Ay,{size:"medium",onClick:()=>y(!0),style:{minWidth:"max-content",width:"auto"},iconRight:(0,r.jsx)(j.h,{}),hierarchy:w?"primary":"grayStyle",children:(null==(t=E[v.mD.SHOWING])?void 0:t.value)?null==(l=S.find(e=>{var t;return String(e.value)===String(null==(t=E[v.mD.SHOWING])?void 0:t.value)}))?void 0:l.title:m("resale.detailPage.showingAll")}),(0,r.jsx)($,{title:m("resale.detailPage.showingAll"),placement:"bottom",onClose:()=>y(!1),open:w,height:"auto",closable:!1,children:(0,r.jsx)(Z,{listShowings:S,showingActive:E[v.mD.SHOWING],setShowingActive:N,handleClosePopover:()=>y(!1)})})]}):(0,r.jsx)(b.A,{content:(0,r.jsx)(Z,{listShowings:S,showingActive:E[v.mD.SHOWING],setShowingActive:N,handleClosePopover:()=>y(!1)}),arrow:!1,placement:"bottomLeft",trigger:"click",onOpenChange:e=>y(e),open:w&&S.length>1,children:(0,r.jsx)(x.Ay,{size:"medium",onClick:s,style:{minWidth:"max-content",width:"auto"},iconRight:S.length>1?(0,r.jsx)(j.h,{}):null,hierarchy:w&&S.length>1?"primary":"grayStyle",children:(null==(i=E[v.mD.SHOWING])?void 0:i.value)?null==(a=S.find(e=>{var t;return String(e.value)===String(null==(t=E[v.mD.SHOWING])?void 0:t.value)}))?void 0:a.title:m("resale.detailPage.showingAll")})}),g?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(x.Ay,{iconLeft:(0,r.jsx)(D.h,{width:14,height:14}),iconRight:(0,r.jsx)(j.h,{}),onClick:()=>C(!0),radius:21,hierarchy:T||H?"primary":"grayStyle",size:"medium",label:m("filter.form.filterButton"),className:"button-filter btn-icon",style:{width:"auto",padding:"0 12px",minWidth:"unset",fontWeight:700}}),(0,r.jsx)($,{title:m("filter.form.filterButton"),placement:"bottom",onClose:()=>C(!1),open:T,height:"80vh",closable:!1,children:(0,r.jsx)(V,{infoEvent:d,listShowings:S,listFilter:E,onApply:L,dataFilter:h},_)})]}):(0,r.jsx)(b.A,{content:(0,r.jsx)(V,{infoEvent:d,listShowings:S,listFilter:E,onApply:L,dataFilter:h},_),arrow:!1,placement:"bottomRight",open:T,onOpenChange:e=>C(e),trigger:"click",children:(0,r.jsx)(x.Ay,{iconLeft:(0,r.jsx)(D.h,{width:14,height:14}),iconRight:(0,r.jsx)(j.h,{}),onClick:()=>C(!T),radius:21,hierarchy:T||H?"primary":"grayStyle",size:"medium",label:m("filter.form.filterButton"),className:"button-filter btn-icon",style:{width:"auto",padding:"0 12px",minWidth:"unset",fontWeight:700}})}),(0,r.jsx)(J,{listFilter:E,onClose:P})]})},et=e=>{let{infoEvent:t,fetchResaleTicketDetail:l}
1=e,[i,a]=(0,n.useState)({}),{lang:o}=(0,u.useLanguage)();return(0,n.useEffect)(()=>{let e=async()=>{try{let e=`/marketplace/api/v1/resale-events/${t.id}/filter-data`,l=await (0,g.Fe)(e,{},{"x-accept-language":o},"https://api-v2.ticketbox.vn");if((null==l?void 0:l.status)===1){let e=l.data.result;a(e)}}catch(e){a({})}};(null==t?void 0:t.id)&&e()},[null==t?void 0:t.id]),(0,r.jsx)(d.so,{style:{alignItems:"center",justifyContent:"center"},children:(0,r.jsx)(ee,{infoEvent:t,fetchResaleTicketDetail:l,dataFilter:i})})};var el=l(8138),er=l(24669),en=l(95816),ei=l.n(en),ea=l(41278);let eo=P.default.div.withConfig({componentId:"sc-f341fc8a-0"})(["display:flex;padding:16px 0;margin:20px 0;align-items:flex-start;gap:12px;align-self:stretch;background:#27272a;svg{path{stroke:",";}}"],m.Zj.colors.white),es=P.default.h4.withConfig({componentId:"sc-f341fc8a-1"})(["color:",";background:transparent;font-weight:600;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.8;height:calc(1 * 1.8);flex:1 1 320px;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-word;@media (max-width:480px){font-size:clamp(1rem,3.5vw,1.4rem);line-height:1.8;height:calc(1 * 1.8);}"],m.Zj.colors.white);var ed=l(24545);let ec=a()(()=>l.e(6931).then(l.bind(l,46931)),{loadableGenerated:{webpack:()=>[46931]},ssr:!1,loading:()=>(0,r.jsx)(ea.l,{})}),eu=a()(()=>l.e(6945).then(l.bind(l,59326)),{loadableGenerated:{webpack:()=>[59326]},ssr:!1}),eh=(0,n.memo)(e=>{let{slug:t}=e,{t:l,lang:i}=(0,u.useLanguage)(),a=(0,h.A)(),g=(0,n.useMemo)(()=>a.width<m.Zj.media.lg,[a.width]),[f,v]=(0,n.useState)(null),[x,b]=(0,n.useState)(!1),[w,y]=(0,n.useState)([]),[T,C]=(0,n.useState)(""),k=(0,ed.getEventIDInSlugString)({slug:t}),[S,j]=(0,n.useState)({hasMore:!1,pageSize:24,currentPage:1}),[D,E]=(0,n.useState)(!1),[A,I]=(0,n.useState)(!0),O=(0,n.useRef)({}),P=(0,n.useRef)(null),L=(0,n.useRef)(null),_=(0,n.useRef)(!0),N=(0,n.useCallback)(async()=>{L.current&&L.current.abort(),L.current=new AbortController;try{var e;_.current&&b(!0);let t=await (0,o.Fe)(`/gin/api/v1/events/${k}`,{},{"x-accept-language":i},"https://api-v2.ticketbox.vn",{signal:L.current.signal}),l=await (null==t||null==(e=t.data)?void 0:e.result)||{};return _.current&&b(!1),l}catch(e){if("AbortError"===e.name||!_.current)return{};return _.current&&b(!1),{}}},[i,k]),R=(0,n.useCallback)(async e=>{let{filter:t,isLoadMore:l=!1}=e,r={page:1,limit:24,...t};if(!x&&!D){L.current&&L.current.abort(),L.current=new AbortController;try{_.current&&(l?E(!0):(b(!0),C("")));let e=await (0,o.Fe)(`/marketplace/api/v1/resale-events/${k}`,r,{"x-accept-language":i},"https://api-v2.ticketbox.vn",{signal:L.current.signal});if(e.status>0){let t=(null==e?void 0:e.data)||{},r=t.results||[],n=t.pagination||{},i={pageSize:Number(n.pageSize)||24,currentPage:Number(n.currentPage)||1,hasMore:!!n.hasMore};return j(i),I(n.hasMore),_.current&&(l?y(e=>[...e,...r]):y(r)),t}return _.current&&((null==e?void 0:e.message)&&C(e.message),l||(y([]),j({hasMore:!1,pageSize:24,currentPage:1})),I(!1)),{}}catch(e){if("AbortError"===e.name||!_.current)return{};return _.current&&(l||(y([]),C("Failed to load resale tickets")),I(!1)),{}}finally{_.current&&(l?E(!1):b(!1))}}},[i,k]),U=(0,n.useRef)();U.current=async()=>{if(D||!A||x)return;let e=S.currentPage+1;await R({filter:{...O.current,page:e,limit:S.pageSize},isLoadMore:!0})};let H=(0,n.useRef)(null),F=(0,n.useRef)(null),M=(0,n.useRef)(null),W=(0,n.useCallback)(()=>!!P.current&&P.current.scrollHeight>=1.2*window.innerHeight,[]),Y=(0,n.useCallback)(()=>{M.current&&(clearTimeout(M.current),M.current=null),H.current&&(H.current.disconnect(),H.current=null)},[]),z=(0,n.useCallback)(()=>{_.current=!1,M.current&&(clearTimeout(M.current),M.current=null),H.current&&(H.current.disconnect(),H.current=null),L.current&&(L.current.abort(),L.current=null)},[]),G=(0,n.useCallback)(()=>{Y(),A&&(H.current=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&W()&&(M.current&&clearTimeout(M.current),M.current=setTimeout(()=>{var e;null==(e=U.current)||e.call(U)},1e3))},{root:null,rootMargin:"400px",threshold:.1}),F.current&&H.current.observe(F.current))},[A,W,Y]);(0,n.useEffect)(()=>
1{if(D)return void Y();let e=setTimeout(()=>{G()},100);return()=>{clearTimeout(e)}},[A,D,w.length,G,Y]),(0,n.useEffect)(()=>(_.current=!0,z),[z]);let B=(0,n.useRef)();B.current=async function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};O.current=e,y([]),j({pageSize:24,currentPage:1,hasMore:!1}),I(!1),await R({filter:{page:1,limit:24,...e},isLoadMore:!1})};let K=(0,n.useCallback)(function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return null==(e=B.current)?void 0:e.call(B,t)},[]),Q=e=>{e.preventDefault()},{displayDatetime:$,dayOfWeek:q}=(0,p.Ay)(null==f?void 0:f.startTime,null==f?void 0:f.endTime,i);return(0,n.useEffect)(()=>{(async()=>{if(!er.A.getLanguage()||i===er.A.getLanguage())try{b(!0),C("");let e=await N();ei()(e)?v(null):v(e)}catch(e){C("Failed to load event data"),v(null),y([])}finally{b(!1)}})()},[N]),(0,n.useEffect)(()=>{if(null==f?void 0:f.title){var e,t,l;null==(l=window)||null==(t=l.gtag)||t.call(l,"event","view_resale_listing",{item_id:(null==f?void 0:f.id)+""||"",item_name:(null==f?void 0:f.title)||"",items:[{item_id:(null==f?void 0:f.id)+""||"",item_name:(null==f?void 0:f.title)||"",item_category3:"resale",item_category:(null==f||null==(e=f.categoriesV2)?void 0:e[0])||""}]})}},[f]),(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)(el.h,{ref:P,children:[(0,r.jsx)(ec,{utmSource:"resale_detail_page"}),(0,r.jsx)(s.BannerWrapper,{id:"banner",children:g?(0,r.jsx)(s.BannerMobile,{infoEvent:f,commonOnClick:Q,t:l,displayDatetime:$,showBTNBuy:!1,isResale:!0}):(0,r.jsx)(s.BannerDesktop,{infoEvent:f,commonOnClick:Q,t:l,displayDatetime:$,showBTNBuy:!1,isResale:!0})}),(0,r.jsx)(eo,{children:(0,r.jsx)(c.mc,{style:{width:"100%"},children:(0,r.jsxs)(d.$K,{style:{padding:"0 1.2rem"},children:[(0,r.jsx)(es,{children:l("resale.detailPage.title")}),(0,r.jsx)(et,{infoEvent:f,fetchResaleTicketDetail:K,pagination:S})]})})}),(0,r.jsxs)(c.mc,{children:[(0,r.jsx)(eu,{dataPost:w,errorMessage:T,isLoading:x,isLoadingMore:D,hasMore:A}),A&&!x&&(0,r.jsx)("div",{ref:F,style:{height:"1px",background:"transparent",margin:"20px 0"}}),D&&(0,r.jsx)("div",{style:{textAlign:"center",padding:"20px",color:"#FFF"},children:l("loading")})]})]})})})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.