https://ticketbox.vn/_next/static/chunks/2407.e4fda876ce7199aa.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2407],{3380:(e,t,n)=>{"use strict";n.d(t,{h:()=>a});var l,i,o=n(55729);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function a(e){return o.createElement("svg",r({width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=o.createElement("path",{d:"M8.207 5.293a1 1 0 00-1.414 1.414L12.086 12l-5.293 5.293a1 1 0 101.414 1.414l6-6a1 1 0 000-1.414l-6-6z",fill:"#fff"})),i||(i=o.createElement("path",{d:"M13.207 5.293a1 1 0 10-1.414 1.414L17.086 12l-5.293 5.293a1 1 0 001.414 1.414l6-6a1 1 0 000-1.414l-6-6z",fill:"#fff"})))}},6908:(e,t,n)=>{"use strict";n.d(t,{h:()=>r});var l,i=n(55729);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function r(e){return i.createElement("svg",o({width:20,height:21,viewBox:"0 0 20 21",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.707 3.793a1 1 0 010 1.414L4.414 9.5H18a1 1 0 110 2H4.414l4.293 4.293a1 1 0 11-1.414 1.414l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 0z",fill:"#fff"})))}},7751:(e,t,n)=>{"use strict";n.d(t,{D$:()=>u,Gp:()=>c,IY:()=>v,Iz:()=>d,Jq:()=>a,_U:()=>m,bo:()=>h,mO:()=>o,nk:()=>f,o4:()=>g,oL:()=>r,pc:()=>p,wt:()=>s,zv:()=>x});var l=n(48486),i=n(30395);let o=i.default.div.withConfig({componentId:"sc-8ff453b2-0"})(["margin-top:5.25rem;--spacing:1rem;width:100%;border-radius:0.75rem;#left-node{text-align:start;}#right-node{text-align:end;}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.left-semi-right-normal{#left-node{font-size:0.8rem;color:#27272a;display:block;text-overflow:ellipsis;overflow:hidden;text-wrap:wrap;max-height:calc(1.4 * 3);line-height:1.4;line-clamp:3;width:75%;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;}#right-node{font-size:0.8rem;font-weight:lighter;}}.left-lighter-right-lighter{#left-node{font-weight:lighter;}#right-node{font-weight:lighter;}}.left-black-right-green{#left-node{color:#27272a;}#right-node{color:",";}}.left-black-right-blue{#left-node{color:#27272a;}#right-node{color:#0a68ff;}}.is-special-section-box{@media ","{gap:0;padding:0;#title{padding:0.75rem 1rem;}#content{padding:0.25rem 1rem 0 1rem;}}}#payment-bottom-node{border-top:1px solid #808089;#out-drawer-section-box{padding:0;gap:0;}}.desktop{.mini-map{background-color:transparent;border:transparent;}}"],l.Zj.colors.mainGreen,l.qT.md),r=i.default.div.withConfig({componentId:"sc-8ff453b2-1"})(["width:100%;border-radius:0.75rem;background-color:#fff;display:flex;flex-direction:column;padding:",";gap:var(--spacing);@media ","{gap:1.1rem;}#title{font-size:1.05em;@media ","{font-size:15px;}font-weight:600;}#content{width:100%;}.error{color:red;font-size:0.75em;margin-top:4px;font-weight:400;word-break:break-word;}.discount-header{display:flex;align-items:center;justify-content:space-between;color:#1a94ff;font-size:14px;}"],e=>{let{noBottomPadding:t}=e;return t?"0.75rem 1rem 0 1rem":"0.75rem 1rem"},l.qT.md,l.qT.md);i.default.div.withConfig({componentId:"sc-8ff453b2-2"})(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:",";"],e=>{let{gap:t}=e;return t||0});let a=i.default.div.withConfig({componentId:"sc-8ff453b2-3"})(["width:100%;height:max-content;display:flex;flex-direction:column;@media ","{flex-direction:column-reverse;}align-items:center;justify-content:space-between;gap:0.75rem;"],l.qT.md),s=i.default.div.withConfig({componentId:"sc-8ff453b2-4"})(["width:100%;position:relative;height:max-content;display:flex;flex-direction:column;gap:",";margin-top:",";margin-bottom:",";padding-top:",";padding-bottom:",";"],e=>{let{gap:t}=e;return t||0},e=>{let{marginTop:t}=e;return t||0},e=>{let{marginBottom:t}=e;return t||0},e=>{let{paddingTop:t}=e;return t||0},e=>{let{paddingBottom:t}=e;return t||0}),d=i.default.div.withConfig({componentId:"sc-8ff453b2-5"})(["width:100%;height:max-content;display:flex;align-items:center;justify-content:space-between;flex:1;color:#27272a;font-size:",";font-weight:",";text-transform:",";"],e=>{let{isSubContent:t}=e;return t?"0.8rem":"1rem"},e=>{let{isTextBold:t,isTextSemiBold:n}=e;return t?"bold":n?600:"normal"},e=>{let{isTextCapital:t}=e;return t?"capitalize":"none"}),c=i.default.div.withConfig({componentId:"sc-8ff453b2-6"})(["border-bottom:1px dashed #a6a6b0;margin-top:",";margin-bottom:",";"],e=>{let{marginTop:t}=e;return t||0},e=>{let{marginBottom:t}=e;return t||0}),u=i.default.div.withConfig({componentId:"sc-8ff453b2-7"})(["display:flex;align-items:center;color:",";font-weight:bold;font-size:0.9rem;@media ","{padding-top:0.05rem;font-size:0.85rem;}@media ","{cursor:pointer;}#icon{width:max-content;margin-left:1rem;svg{transform:scale(0.75) rotate(-90deg);}}.upside-down{animation:upsideDown 0.6s forwards;}@keyframes upsideDown{to{transform:rotate(180deg);}}"],l.Zj.colors.mainGreen,l.qT.lg,l.qT.sm),p=i.default.div.withConfig({componentId:"sc-8ff453b2-8"})(["width:100%;display:",";align-items:center;justify-content:center;margin:",";padding:",";@media ","{margin:",";padding:",";}color:",";font-size:0.8rem;.content{cursor:",";}"],e=>{let{shouldShow:t}=e;return t?"flex":"none"},e=>{let{margin:t}=e;return t||0},e=>{let{padding:t}=e;return t||0},l.qT.sm,e=>{let{marginMobile:t}=e;return t||0},e=>{let{paddingMobile:t}=e;return t||0},e=>{let{contenColor:t}=e;return t||l.Zj.colors.mainGreen},e=>{let{viewOnly:t}=e;return t?"auto":"pointer"}),m=i.default.span.withConfig({componentId:"sc-8ff453b2-9"})(["display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0.2rem 0.4rem;font-size:0.85em;min-width:3rem;max-width:4.5rem;background-color:",";p{color:#fff;mix-blend-mode:hard-light;}"],e=>{let{backgroundColor:t}=e;return t||"#cecacd"}),g=i.default.div.withConfig({componentId:"sc-8ff453b2-10"})(["width:100%;display:flex;flex-wrap:wrap;gap:0.425rem;margin-top:0.5rem;"]),h=i.default.button.withConfig({componentId:"sc-8ff453b2-11"})(["display:flex;justify-content:center;align-items:center;gap:0.5rem;width:100%;padding-block:0.6rem;@media ","{width:8.75rem;

1align-self:flex-end;padding-block:0.5rem;}border-radius:0.25rem;color:",";font-size:1em;font-weight:bold;transition:background-color 0.4s ease-in-out;cursor:",";background-color:",";:hover{background-color:",";}svg > path{fill:"," !important;}"],l.qT.sm,e=>e.disabled?"#808089":"#FFFFFF",e=>e.disabled?"not-allowed":"normal",e=>e.disabled?"#DDDDE3":l.Zj.colors.mainGreen,e=>e.disabled?"#DDDDE3":l.Zj.colors.shadeOfGreen0,e=>e.disabled?"#808089":"#FFFFFF");i.default.div.withConfig({componentId:"sc-8ff453b2-12"})(["width:100%;"]),i.default.div.withConfig({componentId:"sc-8ff453b2-13"})(["width:100%;height:6.125rem;position:fixed;bottom:-3px;left:0;right:0;background-color:",";backdrop-filter:blur(1rem) brightness(0.3);padding:0.75rem;z-index:1010;color:",";border-top:1px solid ",";.col{height:100%;flex:1;background-color:transparent;}"],e=>{let{isOpen:t}=e;return t?"#fff":"#00000095"},e=>{let{isOpen:t}=e;return t?"#000":"#fff"},e=>{let{isOpen:t}=e;return t?"#cecacd60":"none"}),i.default.div.withConfig({componentId:"sc-8ff453b2-14"})(["width:100%;background-color:#fff;border-top:1px solid #808089;display:flex;flex-direction:column;padding:",";gap:var(--spacing);@media ","{gap:1.1rem;}#title{font-size:1.05em;@media ","{font-size:1.1em;}font-weight:600;}#content{width:100%;}.left-semi-right-normal{}.left-black-right-green{#left-node{color:#27272a;}#right-node{color:",";}}.left-black-right-blue{#left-node{color:#27272a;}#right-node{color:",";}}.bigger-text{font-size:1.05em;@media ","{font-size:1.025rem;}@media ","{font-size:1.2rem;}}"],e=>{let{noBottomPadding:t}=e;return t?"0.75rem 1rem 0 1rem":"0.75rem 1rem"},l.qT.md,l.qT.md,l.Zj.colors.mainGreen,l.Zj.colors.blue,l.qT.lg,l.qT.md);let f=i.default.div.withConfig({componentId:"sc-8ff453b2-15"})(["width:28px;height:16px;",""],e=>{var t;return e.bgColor&&(0,i.css)(["background-color:",";"],e.bgColor?(null==(t=e.bgColor)?void 0:t.includes("#"))?e.bgColor:`#${e.bgColor}`:"#ccc")}),v=i.default.div.withConfig({componentId:"sc-8ff453b2-16"})(["display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;.box-left-content{display:flex;align-items:center;gap:0.5rem;font-weight:500;}.box-right-content{color:",";font-weight:500;}"],l.Zj.colors.mainGreen),x=i.default.div.withConfig({componentId:"sc-8ff453b2-17"})(["margin-bottom:0.5rem;.legal-checkbox-row{display:flex;align-items:flex-start;gap:0.5rem;}.legal-checkbox{.ant-checkbox-inner{border-radius:4px;transition:border-color 0.3s ease,background-color 0.3s ease;}.ant-checkbox-checked .ant-checkbox-inner{background-color:",";border-color:",";}.ant-checkbox-checked:after{border-color:",";}&:hover .ant-checkbox-inner,.ant-checkbox-input:focus + .ant-checkbox-inner{border-color:",";}&.error .ant-checkbox-inner{border-color:#ff424e;}}.legal-text{flex:1;}.legal-text-first{font-size:0.65rem;color:#808089;cursor:pointer;user-select:none;}.legal-text-second{font-size:0.65rem;color:#0a68ff;cursor:pointer;&:hover{color:#3dc2ec;}}"],l.Zj.colors.mainGreen,l.Zj.colors.mainGreen,l.Zj.colors.mainGreen,l.Zj.colors.mainGreen)},8450:(e,t,n)=>{"use strict";n.d(t,{h:()=>r});var l,i=n(55729);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function r(e){return i.createElement("svg",o({width:14,height:14,viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=i.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.529 2.529c.26-.26.682-.26.942 0l4 4c.26.26.26.682 0 .942l-4 4a.667.667 0 01-.942-.942L8.057 7 4.53 3.471a.667.667 0 010-.942z",fill:"#A6A6B0"})))}},12059:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>eu});var l,i,o,r,a,s,d=n(6029),c=n(58057),u=n(80531),p=n(89963),m=n(81109),g=n(30824),h=n(95816),f=n.n(h),v=n(81278),x=n(24669),b=n(55729),w=n(26345),k=n(37738),y=n(62891),j=n(76150),C=n(6908),I=n(48486),S=n(30395);let A=S.default.div.withConfig({componentId:"sc-a4eed623-0"})(["display:flex;flex-direction:column;position:relative;width:100%;height:100vh;.sectionMap{position:relative;.miniMap{position:absolute;.custom-seatmap{border:transparent;background-color:transparent !important;}}}.custom-seatmap{border:transparent;background-color:rbg(0 0 0 / 10%);}.tag{padding:4px 8px;border-radius:12px;text-align:center;font-size:14px;align-self:center;}.map-wrapper{background-color:#000;}.minimap{position:absolute;top:1rem;left:4rem;border-radius:0.25rem;background-color:#00000090;filter:brightness(100%);-webkit-filter:brightness(100%) !important;backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);}.filter-darker{filter:brightness(50%);-webkit-filter:brightness(50%) !important;}.hidden-admin{left:-10rem;}.btn-wrapper{gap:0.5rem;z-index:100;}.btn-wrapper button{width:35px;height:35px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;border:1.5px solid #2dc275;background-color:#000;padding:5px;}.btn-wrapper button svg{width:25px;height:25px;background:transparent;}.btn-wrapper svg path{stroke-width:2px;stroke:#2dc275;}#btn-tooltip{color:#000;background-color:#fff;font-family:inherit;z-index:100;}.ant-alert-warning{width:50%;margin:0 auto;background-color:#64646D;border:1px solid #64646D;color:#FFFFFF;font-size:14px;.ant-alert-icon{color:#FFFFFF;}.anticon-close{color:rgba(0,0,0,.75);}}"]);

1S.default.div.withConfig({componentId:"sc-a4eed623-1"})(["display:block;width:100%;height:100%;position:relative;.miniMap{width:100px;position:absolute;bottom:10px;right:10px;}"]);let N=S.default.div.withConfig({componentId:"sc-a4eed623-2"})(["font-style:normal;font-weight:bold;font-size:16px;line-height:24px;text-align:center;padding-top:16px;position:relative;color:",";padding-left:1.2rem;.icon{position:absolute;left:.75rem;display:flex;gap:.5rem;justify-content:center;align-items:center;flex-direction:row;cursor:pointer;svg path{stroke:white;}}.content{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;.description{font-size:16px;color:#FFFFFF;font-weight:400;}}"," @media ","{text-align:left;font-weight:500;font-size:18px;line-height:24px;padding-left:2rem;}> svg{right:.75rem;}.back{left:0px;top:28px;svg path{stroke:white;}@media ","{display:block;}}"],I.Zj.colors.mainGreen,e=>{let{isMobile:t}=e;return t?`
2    display: flex;
3    flex-direction: row;
4    justify-content: space-between;
5    gap: 0.5rem;
6    position: absolute;
7    width: 100vw;
8    z-index: 99;
9    left: .25rem;
10    top: -1rem;
11    > a, svg {
12      position: absolute;
13      border: 1px solid rgba(255, 255, 255, 0.30);
14      border-radius: 50%;
15      background-color: rgba(0, 0, 0, 0.70);
16    }
17  `:""},I.y0.md,I.y0.md);S.default.div.withConfig({componentId:"sc-a4eed623-3"})(["display:flex;flex-direction:row;justify-content:center;gap:0.5rem;span{font-weight:400;font-size:12px;line-height:21px;color:#ffffff;}"]);let E=e=>{let{onClickBack:t=()=>{},titleZone:n,description:l=""}=e,{t:i}=(0,c.useLanguage)();return(0,d.jsxs)(N,{children:[(0,d.jsxs)("div",{className:"icon",onClick:()=>{t()},children:[(0,d.jsx)(C.h,{className:"back"}),i("selectTicket.back")]}),(0,d.jsxs)("div",{className:"content",children:[(0,d.jsx)("span",{children:n}),!!l&&(0,d.jsx)("span",{className:"description",children:l})]})]})};var T=n(4146),O=n(91544),B=n.n(O),z=n(99155),$=n(71079),_=n(77475),M=n(27429),F=n(44483),P=n(13731),q=n.n(P),D=n(17479),R=n(76058),L=n(87750),V=n(3380),Z=n(54863),W=n(51565);let G=(0,b.memo)(e=>{var t,n,l,i;let{ticketTypes:o=[],sectionId:r,title:a,openModal:s,onClose:u,handleContinueClick:p,totalPrice:g,disableBtnCtn:h,showingId:f,eventId:v,eventName:x}=e,y=(0,k.wA)(),{t:j,lang:C}=(0,c.useLanguage)(),I=(0,k.d4)(e=>(null==e?void 0:e.eventBooking)||{}),S=(0,k.d4)(e=>e.device),A=(null==I?void 0:I.ticketsSelected)??[],{isSalable:N,statusName:E,event:T}=(null==I?void 0:I.data)??{},O=(0,b.useMemo)(()=>(null==S?void 0:S.device)==="mobile",[null==S?void 0:S.device]),z=(0,b.useMemo)(()=>(null==A?void 0:A.length)?q()(A,"id"):{},[A]),P=(0,b.useMemo)(()=>`${({vi:"Khu",en:"Section"})[C]} ${a}`,[a,C]);return(0,b.useEffect)(()=>{if(s){var e,t,n,l,i,o,r,a,d,c,u,p;null==(p=window)||null==(u=p.gtag)||u.call(p,"event","add_to_cart",{seatmap_type:"Standing Zone",item_id:`${v}`,item_name:x,showing_id:f,step:2,items:[{item_id:`${v}`,item_name:x,showing_id:f,item_category:B()(null==I||null==(t=I.data)||null==(e=t.event)?void 0:e.categoriesV2)&&(null==I||null==(i=I.data)||null==(l=i.event)||null==(n=l.categoriesV2)?void 0:n.length)>0?null==I||null==(a=I.data)||null==(r=a.event)||null==(o=r.categoriesV2)?void 0:o[0]:"",location_id:(null==I||null==(c=I.data)||null==(d=c.event)?void 0:d.locationId)??"",item_category3:"official"}]})}},[null==I||null==(n=I.data)||null==(t=n.event)?void 0:t.categoriesV2,null==I||null==(i=I.data)||null==(l=i.event)?void 0:l.locationId,v,x,s,f]),(0,d.jsxs)(D.A,{width:350,visible:!!Array.isArray(o)&&o.length>0&&s,title:P,hideCancelButton:!0,hideOkButton:!0,isShowCloseIcon:!0,onCancel:u,backgroundColor:O?"#38383D":"#FFFFFF",overlayColor:"rgb(0, 0, 0, 0.8)",isBottomSheet:O,full:O,propCancelButton:{radius:"4"},propsOkButton:{radius:"4",disabled:h,label:j(h?"bookingInfo.notice":"next"),iconRight:(0,d.jsx)(V.h,{})},children:[(0,d.jsx)(F.EY,{weight:"500",style:{color:"#FC820A",textAlign:"center"},children:j("bookingInfo.chooseArea.Note")}),Array.isArray(o)&&o.map(function(){var e,t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},l=arguments.length>1?arguments[1]:void 0;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(M.$K,{className:"row-default tbox-mt-16",children:[(0,d.jsx)(_.fv,{children:(0,d.jsx)(F.EY,{color:"mainGreen",weight:"700",children:null==n?void 0:n.name})}),(0,d.jsx)(_.fv,{className:"text-right",children:w.pr.includes(null==n?void 0:n.status)?(0,d.jsx)(W.A,{onChange:e=>y((0,m.wb)({...n,sectionId:r},e)),max:n.maxQtyPerOrder,min:n.minQtyPerOrder,defaultValue:(null==z||null==(t=z[null==n?void 0:n.id])||null==(e=t[0])?void 0:e.defaultQuantity)||0}):(0,d.jsx)("div",{style:{...null===w.ii||void 0===w.ii?void 0:w.ii[null==n?void 0:n.status],textAlign:"center"},className:"tag",children:null==n?void 0:n.statusName})})]},l),(0,d.jsx)(_.fI,{children:(null==n?void 0:n.description)&&(0,d.jsx)(_.fv,{lg:12,className:"tbox-mt-16",children:(0,d.jsx)($.A,{message:n.description})})})]})}),(null==S?void 0:S.device)!=="mobile"&&(0,d.jsx)(M.Rl,{className:"tbox-mt-16 text-center",children:(0,d.jsx)(_.fv,{style:{textAlign:"center",cursor:"pointer"},lg:12,children:(0,d.jsx)(F.EY,{color:"mainGreen",size:"sm",onClick:u,weight:"500",children:j("bookingInfo.chooseArea")})})}),(0,d.jsx)(M.Rl,{className:"tbox-mt-16 text-center",children:(0,d.jsxs)(L.c1,{disabled:h,onClick:p,children:[N?`${j(h?"bookingInfo.notice":"next")} ${g?`- ${(0,Z.lg)(g)}`:""}`:E," ",(0,d.jsx)(V.h,{className:`${h?"disable":""}`})]})}),(null==S?void 0:S.device)==="mobile"&&(0,d.jsxs)(R.A,{disableBtn:h,handleContinueClick:p,className:"bottom-sheet",showNote:!0,onClose:u,children:[N?`${j(h?"bookingInfo.notice":"next")} ${g?`- ${(0,Z.lg)(g)}`:""}`:E," ",(0,d.jsx)(V.h,{className:`${h?"disable":""}`})]})]})}),H=b.memo(T.A),U=b.memo(e=>{var t;let{sectionId:n,width:l,height:i,showingId:o,eventId:r,eventName:a,platform:s,handleSelect:p,sectionData:m,zoneMap:g,seatsSelected:h,isMobile:v}=e;(0,u.A)();let x=(0,k.d4)(e=>(null==e?void 0:e.eventBooking)||{}),w=(null==m?void 0:m.isReservingSeat)||!1,[y,j]=(0,b.useState)(!1),C=(0,b.useRef)(),{lang:I}=(0,c.useLanguage)();return((0,b.useMemo)(()=>{let e=w||f()(null==m?void 0:m.ticketType)?"Seating Zone":"Standing Zone";if(!y){var t,n,l,i,s,d,c,u,p,g,h,v;j(!0),null==(v=window)||null==(h=v.gtag)||h.call(v,"event","add_to_cart",{seatmap_type:e,item_id:`${r}`,item_name:a,showing_id:o,step:2,items:[{item_id:`${r}`,item_name:a,showing_id:o,item_category:B()(null==x||null==(n=x.data)||null==(t=n.event)?void 0:t.categoriesV2)&&(null==x||null==(s=x.data)||null==(i=s.event)||null==(l=i.categoriesV2)?void 0:l.length)>0?null==x||null==(u=x.data)||null==(c=u.event)||null==(d=c.categoriesV2)?void 0:d[0]:"",location_id:(null==x||null==(g=x.data)||null==(p=g.event)?void 0:p.locationId)??"",item_category3:"official"}]})}},[x,y]),(0,b.useMemo)(()=>{var e,t,n,l,i,o,r,a,s,d,c,u,p;let h=null==g||null==(e=g.sections)?void 0:e.filter(e=>e.id===(null==m?void 0:m.id));return B()(h)&&h.length>0?`${Math.floor(null==(n=h[0])||null==(t=n.attribute)?void 0:t.x)} ${Math.floor(null==(i=h[0])||null==(l=i.attribute)?void 0:l.y)} ${(null==(r=h[0])||null==(o=r.attribute)?void 0:o.width)?Math.floor(null==(s=h[0])||null==(a=s.attribute)?void 0:a.width):0}

17 ${(null==(c=h[0])||null==(d=c.attribute)?void 0:d.height)?Math.floor(null==(p=h[0])||null==(u=p.attribute)?void 0:u.height):0}`:"0 0 0 0"},[m,g]),w||f()(null==m?void 0:m.ticketType))?!l||!i||f()(m)||f()(g)||f()(null==m?void 0:m.ticketType)?null:(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("div",{style:{position:"relative"},children:(0,d.jsx)(H,{showingId:o,role:"web",width:l,height:i-120,sections:null==g?void 0:g.sections,sectionsViewbox:null==g?void 0:g.viewbox,zoomSpeed:.89,renderSeatScale:1.8,initialResetY:1,tooltip:z.M2[I],chosenSection:m,onSelectSeat:p,ref:C,prevStageInfos:null==C||null==(t=C.current)?void 0:t.getStageInfo(),minimap:(0,d.jsx)(T.A,{role:"web",isMinimap:!0,width:125,height:165,sections:null==g?void 0:g.sections,sectionsViewbox:null==g?void 0:g.viewbox,chosenSection:m})})})}):(0,d.jsx)(G,{ticketTypes:[{...null==m?void 0:m.ticketType}],sectionId:m.id})}),Y=(0,b.memo)(e=>{var t,n,l;let{onSectionClick:i,width:o,height:r,showingId:a,eventId:s,eventName:p,platform:m,eventSectionData:g,handleSelect:h,seatsSelected:v,setIsClearAll:x,isClearAll:w,isMobile:y,zoneMap:j,isShowAllSeats:C,isSelectAll:I,setIsSelectAll:S}=e;(0,u.A)();let A=(0,k.d4)(e=>(null==e?void 0:e.eventBooking)||{}),N=(0,b.useRef)(),{lang:E}=(0,c.useLanguage)(),[O,$]=(0,b.useState)(!1);return((0,b.useMemo)(()=>{if(!O&&!f()(A)){var e,t,n,l,i,o,r,d,c,u,m,g;$(!0),null==(g=window)||null==(m=g.gtag)||m.call(g,"event","add_to_cart",{item_id:s+"",item_name:p,showing_id:a,step:1,seatmap_type:C?"true":"false",items:[{item_id:s+"",item_name:p,showing_id:a,item_category:B()(null==A||null==(t=A.data)||null==(e=t.event)?void 0:e.categoriesV2)&&(null==A||null==(i=A.data)||null==(l=i.event)||null==(n=l.categoriesV2)?void 0:n.length)>0?null==A||null==(d=A.data)||null==(r=d.event)||null==(o=r.categoriesV2)?void 0:o[0]:"",location_id:(null==A||null==(u=A.data)||null==(c=u.event)?void 0:c.locationId)??"",item_category3:"official"}]})}window.scrollTo(0,96)},[A,O]),!o||!r||f()(j))?null:(0,d.jsx)(T.A,{ref:N,role:"web",width:o,height:r-76,sections:null==A||null==(t=A.zoneMap)?void 0:t.sections,sectionsViewbox:null==A||null==(n=A.zoneMap)?void 0:n.viewbox,zoomSpeed:.89,renderSeatScale:1.9,initialResetY:10,useClearAll:e=>[w,t=>x(t||e)],useSelectAll:e=>[I,t=>S(t||e)],onClearAll:()=>console.log("onClearAll"),prevStageInfos:null==N||null==(l=N.current)?void 0:l.getStageInfo(),onSelectSection:i,tooltip:z.M2[E],showButtonEyes:!1,isShowAllSeats:C,onSelectSeat:h})});var K=n(47503);function J(){return(J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function Q(){return(Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function X(){return(X=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}let ee=[{icon:(0,d.jsx)(function(e){return b.createElement("svg",J({width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=b.createElement("rect",{x:.5,y:.5,width:15,height:15,rx:7.5,fill:"#F5F5FA"})),i||(i=b.createElement("rect",{x:.5,y:.5,width:15,height:15,rx:7.5,stroke:"#515158"})))},{}),lang:{vi:"Đang trống",en:"Available"}},{icon:(0,d.jsx)(function(e){return b.createElement("svg",X({width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),r||(r=b.createElement("rect",{width:16,height:16,rx:8,fill:"#2DC275"})),a||(a=b.createElement("g",{clipPath:"url(#seat_selected_svg__clip0_5992_382770)"},b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.212 5.622a.417.417 0 010 .59l-3.75 3.75a.417.417 0 01-.59 0L4.79 7.877a.417.417 0 11.59-.59l1.788 1.79 3.455-3.456a.417.417 0 01.59 0z",fill:"#fff"}))),s||(s=b.createElement("defs",null,b.createElement("clipPath",{id:"seat_selected_svg__clip0_5992_382770"}))))},{}),lang:{vi:"Đang chọn",en:"Selected"}},{icon:(0,d.jsx)(function(e){return b.createElement("svg",Q({width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o||(o=b.createElement("rect",{width:16,height:16,rx:8,fill:"#FF424E"})))},{}),lang:{vi:"Kh\xf4ng chọn được",en:"Not Available"}}],et=(0,S.default)(M.I1).withConfig({componentId:"sc-4ab83353-0"})(["display:flex;justify-content:center;align-items:center;.seat_status_title{color:#fff;font-weight:600;font-size:14px;}"]),en=(0,S.default)(M.Rl).withConfig({componentId:"sc-4ab83353-1"})(["gap:1rem;width:100%;justify-content:center;margin-top:1rem;.seat_status{display:flex;gap:0.5rem;.label{color:white;font-size:12px;}}"]),el=()=>{let{t:e,lang:t}=(0,c.useLanguage)();return(0,d.jsx)(et,{children:(0,d.jsx)(en,{children:ee.map((e,n)=>(0,d.jsxs)("div",{className:"seat_status",children:[(0,d.jsx)("div",{className:"icon",children:e.icon}),(0,d.jsx)("div",{className:"label",children:e.lang[t]})]},n))})})};var ei=n(18812);let eo=(0,S.default)(M.I1).withConfig({componentId:"sc-ed157e59-0"})(["justify-content:center;word-break:break-word;svg{margin:0 auto;margin-bottom:8px;}"]),er=S.default.div.withConfig({componentId:"sc-ed157e59-1"})(["font-weight:normal;font-size:14px;line-height:21px;text-align:center;"]);function ea(e){let{setDisableBtn:t,callbackSeatMap:n=()=>{},showingId:l="",eventId:i="",eventUrl:o="/"}=e,r=(0,k.wA)(),{lang:a,t:s}=(0,c.useLanguage)();(0,k.d4)(e=>(null==e?void 0:e.eventBooking)||{});let{message:u,title:p,button:g,isCustomizeModalError:h,isCallbackSeatMap:f,code:v,extensionsCode:w}=(0,k.d4)(e=>(null==e?void 0:e.eventBooking.errorTicketInfo)||{}),y=(0,b.useCallback)(()=>{let e=(0,z.u$)({showingId:l}),a=JSON.parse(x.A.getStorage(e,null))||"",s=()=>

17{if(v===ei.BW&&l){window.location=`/queue/${l}`;return}if(v===ei.Bl){window.location=o;return}if(l&&i){window.location=`/events/${i}/bookings/${l}/select-ticket`;return}window.location="/"};switch(t(!1),r((0,m.ET)()),v){case ei.kp:r({type:"OPEN_AUTHEN_MODAL"});break;case ei.BW:l&&a&&(()=>{let e=(0,z.u$)({showingId:l}),t=JSON.parse(x.A.getStorage(e,null))||"";t&&(window.localStorage.removeItem(e),r((0,m.WD)({showingId:l,bookingCode:t,callbackSuccess:()=>{},callbackError:()=>{}})))})(),s();break;case ei.Bl:s();break;default:f&&n()}},[v,l,o,f,i]),j=(0,b.useMemo)(()=>(null==p?void 0:p[a])?`${null==p?void 0:p[a]} ${v?`(${v})`:""}`:v===ei.kp?"invalid_refresh_token"===w?s("authen.notice"):s("authen.noted"):v===ei.$X?`${s("modal.exception.title")} (${v})`:v===ei.BW?`${s("bookingInfo.invalidOrder")} (${v})`:`${s("bookingStep3Payment.payment.error.title.bookingCode")} ${v?`(${v})`:""}`,[p,v,w]),C=(0,b.useMemo)(()=>(null==g?void 0:g[a])?null==g?void 0:g[a]:ei.NY.includes(v)?s("bookingStep3Payment.payment.error.button"):"Ok",[g,v]);return(0,d.jsx)(D.A,{visible:!!u,title:j,onOk:y,hideCancelButton:!0,okText:C,haveBorderonTitle:!1,children:(0,d.jsx)(eo,{children:(0,d.jsx)(er,{children:v!==ei.kp||u?u||"":s("authen.expired")})})})}let es=(0,S.default)(M.I1).withConfig({componentId:"sc-264f2591-0"})(["justify-content:center;word-break:break-word;svg{margin:0 auto;margin-bottom:8px;}"]),ed=S.default.div.withConfig({componentId:"sc-264f2591-1"})(["font-weight:normal;font-size:14px;line-height:21px;text-align:center;"]);function ec(e){let{visible:t,message:n,titleModal:l,eventUrl:i="/"}=e,{t:o}=(0,c.useLanguage)(),r=(0,v.useRouter)();return(0,d.jsx)(D.A,{visible:t,title:l,hideCancelButton:!0,okText:o("bookingStep3Payment.payment.error.button"),closable:!1,propsOkButton:{radius:"4"},onOk:()=>{r.push(i)},centered:!0,children:(0,d.jsx)(es,{children:(0,d.jsx)(ed,{children:n})})})}let eu=(0,b.memo)(function(e){var t,n,l,i,o,r;let{handleContinueClick:a,disableBtnCtn:s,setDisableBtn:h,totalPrice:C}=e;(0,u.A)();let I=(0,k.wA)(),S=(0,v.useRouter)();(0,b.useRef)(null);let N=(0,b.useRef)(null);b.useRef(null);let T=b.useRef(null),{t:O,lang:B}=(0,c.useLanguage)(),$=null==S||null==(t=S.query)?void 0:t.id,_=null==S||null==(n=S.query)?void 0:n.eventId,F=(0,k.d4)(e=>e.device),P=(0,k.d4)(e=>(null==e?void 0:e.eventBooking)||{}),q=(0,k.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.showAllSeats)||!1}),D=(0,k.d4)(e=>{var t,n,l;return(null==e||null==(l=e.eventBooking)||null==(n=l.data)||null==(t=n.event)?void 0:t.url)||""}),R=(0,k.d4)(e=>{var t,n,l;return(null==e||null==(l=e.eventBooking)||null==(n=l.data)||null==(t=n.event)?void 0:t.title)||""}),[L,V]=(0,b.useState)(p.PW.ZONE),[Z,W]=(0,b.useState)(!1),[H,J]=(0,b.useState)(""),[Q,X]=(0,b.useState)(!1),[ee,et]=(0,b.useState)({}),[en,ei]=(0,b.useState)(0),[eo,er]=(0,b.useState)(0),[es,ed]=(0,b.useState)(!1),[eu,ep]=(0,b.useState)(!1);null==P||P.loadingZoneMap,null==P||P.loadingSection,null==P||P.loading;let em=(null==P?void 0:P.sectionData)||{},eg=(null==P?void 0:P.zoneMap)||{},eh=(null==P?void 0:P.seatsSelected)||{},ef=(null==P?void 0:P.ticketsSelected)||[],ev=(null==P||null==(i=P.data)||null==(l=i.event)?void 0:l.originalId)||"",ex=(null==P||null==(o=P.data)?void 0:o.ticketTypes)||[];(0,b.useMemo)(()=>{var e;let t=[];return f()(null==eh||null==(e=eh[0])?void 0:e.seats)||eh[0].seats.map(e=>{(null==e?void 0:e.id)&&t.push(e.id)}),t},[]);let eb=(0,b.useMemo)(()=>{var e,t,n,l,i,o,r,a;return(null==P||null==(t=P.data)||null==(e=t.event)?void 0:e.url)&&(null==P||null==(l=P.data)||null==(n=l.event)?void 0:n.originalId)?`/${null==P||null==(o=P.data)||null==(i=o.event)?void 0:i.url}-${null==P||null==(a=P.data)||null==(r=a.event)?void 0:r.originalId}`:"/"},[null==P||null==(r=P.data)?void 0:r.event]),ew=(0,b.useMemo)(()=>(null==F?void 0:F.device)==="mobile",[null==F?void 0:F.device]),ek=(0,b.useCallback)(e=>{let t="",n=(null==e?void 0:e.id)??0,l=(null==e?void 0:e.name)??"";(null==e?void 0:e.isReservingSeat)?q||(t=L===p.PW.ZONE?p.PW.SECTION:p.PW.ZONE):t=L===p.PW.ZONE?p.PW.MODALTICKETTYPE:p.PW.ZONE,n&&I((0,m.vE)({showingId:$,sectionId:n,callback:e=>{let{newSectionData:n}=e;if(!q&&!(null==n?void 0:n.isSalable)&&(null==n?void 0:n.message))return void y.Ay.error({placement:"top",description:(0,d.jsx)(M.so,{style:{textAlign:"left",color:"#fff"},children:null==n?void 0:n.message}),closeIcon:!1,icon:(0,d.jsx)(j.A,{color:"#fff"}),style:{background:"#64646D",borderColor:"#64646D",color:"#fff"}});if(!f()(null==n?void 0:n.ticketType)){var i,o;if(t===p.PW.SECTION&&w.pr.includes(null==n||null==(i=n.ticketType)?void 0:i.status)&&!q&&(J(l),V(t)),t===p.PW.MODALTICKETTYPE)if(!(null==n?void 0:n.isSalable)&&(null==n?void 0:n.message))return void y.Ay.error({placement:"top",description:(0,d.jsx)(M.so,{style:{textAlign:"left",color:"#fff"},children:null==n?void 0:n.message}),closeIcon:!1,icon:(0,d.jsx)(j.A,{color:"#fff"}),style:{background:"#64646D",borderColor:"#64646D",color:"#fff"}});else w.pr.includes(null==n||null==(o=n.ticketType)?void 0:o.status)&&(W(!0),I({type:K.nt,payload:{seats:[]}}))}}}))},[L,I,Z,q]),ey=(0,b.useCallback)(()=>{let e=(0,z.u$)({showingId:$}),t=JSON.parse(x.A.getStorage(e,null))||"";t&&$&&Q&&I((0,m.WD)({showingId:$,bookingCode:t,callbackSuccess:()=>{J(O("bookingStep1.backZoneMap")),I((0,m.HA)()),window.localStorage.removeItem(e)}})),L===p.PW.SECTION?(V(p.PW.ZONE),J(O("bookingStep1.backZoneMap"))):ev&&D?S.push(`/${D}-${ev}`):S.push("/"),I((0,m.HA)()),window.localStorage.removeItem(e),X(!1)},[L,I,D,Q,ev]),ej=(0,b.useCallback)(()=>{let e=(0,z.u$)({showingId:$}),t=JSON.parse(x.A.getStorage(e,null))||"";L===p.PW.ZONE||f()(eh)&&f()(ef)||f()(t)?ey():X(!0)},[L,I,D,eh,ef,ey]),eC=(0,b.useCallback)(e=>{q?I((0,m.pM)(e)):I((0,m.pM)(e,em)),h(!1)},[em,q]);(0,b.useEffect)(()=>{et({vi:{zoomIn:"Ph\xf3ng to",reset:"Về lại từ đầu",zoomOut:"Thu nhỏ"},en:{zoomIn:"Zoom In",reset:"Default",zoomOut:"Zoom Out"}}[B])},[B]);let eI=(0,b.useCallback)(()=>{W(!1),I((0,m.HA)()),q&&setTimeout(()=>{ep(!1),ed(!0)},1e3)},[q]);(0,b.useEffect)(()=>{var e,t,n;ei(null==T||null==(e=T.current)?void 0:e.clientWidth),er((null==T||null==(t=T.current)?void 0:t.clientHeight)>700?null==T||null==(n=T.current)?void 0:n.clientHeight:700)},[]),(0,b.useEffect)(()=>{let e=(0,z.u$)({showingId:$});JSON.parse(x.A.getStorage(e,null))},[]),(0,b.useEffect)(()=>{p.PW.ZONE===L&&J(O("bookingStep1.backZoneMap"))},[L,B]);let eS=(0,b.useMemo)(()=>q?{description:"",title:O("bookingStep1.seatMapTitle")}:p.PW.ZONE===L?{description:O("bookingStep1.zoneMapWarning"),title:O("bookingStep1.backZoneMap")}:{description:"",title:H},[q,B,L,H]),eA=(0,b.useCallback)(()=>

17{if(I({type:K.T}),p.PW.ZONE===L)I((0,m.F2)({showingId:$}));else{let e=(null==em?void 0:em.id)??0;!q&&e&&p.PW.SECTION===L&&I((0,m.vE)({showingId:$,sectionId:e,callback:eN}))}},[L,B,q,em]),eN=(0,b.useCallback)(e=>{if(!q&&!(null==e?void 0:e.isSalable)&&(null==e?void 0:e.message))return void y.Ay.error({placement:"top",description:(0,d.jsx)(M.so,{style:{textAlign:"left",color:"#fff"},children:null==e?void 0:e.message}),closeIcon:!1,icon:(0,d.jsx)(j.A,{color:"#fff"}),style:{background:"#64646D",borderColor:"#64646D",color:"#fff"}});if(!f()(null==e?void 0:e.ticketType)){var t,n;if(L===p.PW.SECTION&&w.pr.includes(null==e||null==(t=e.ticketType)?void 0:t.status)&&!q&&(J(H),V(L)),L===p.PW.MODALTICKETTYPE)if(!(null==e?void 0:e.isSalable)&&(null==e?void 0:e.message))return void y.Ay.error({placement:"top",description:(0,d.jsx)(M.so,{style:{textAlign:"left",color:"#fff"},children:null==e?void 0:e.message}),closeIcon:!1,icon:(0,d.jsx)(j.A,{color:"#fff"}),style:{background:"#64646D",borderColor:"#64646D",color:"#fff"}});else w.pr.includes(null==e||null==(n=e.ticketType)?void 0:n.status)&&(W(!0),I({type:K.nt,payload:{seats:[]}}))}},[L,q,H,I]),eE=(0,b.useMemo)(()=>f()(ex),[ex]);return(0,d.jsxs)(A,{ref:T,children:[(0,d.jsx)(E,{currentView:L,onClickBack:ej,titleZone:(null==eS?void 0:eS.title)??"",description:(null==eS?void 0:eS.description)??""}),L===p.PW.ZONE?(0,d.jsxs)(d.Fragment,{children:[q&&(0,d.jsx)(el,{isMobile:ew}),(0,d.jsx)(Y,{isMobile:ew,onSectionClick:ek,width:en,height:eo,eventId:_,eventName:R,platform:F,tooltipsContent:ee,eventSectionData:em.isReservingSeat?em:{},showingId:$,handleSelect:eC,isClearAll:es,setIsClearAll:ed,isSelectAll:eu,setIsSelectAll:ep,zoneMap:eg,isShowAllSeats:q})]}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(el,{isMobile:ew}),(0,d.jsx)(U,{isMobile:ew,width:en,height:eo,showingId:$,eventId:_,eventName:R,platform:F,tooltipsContent:ee,eventSectionData:em.isReservingSeat?em:{},handleSelect:eC,isClearAll:es,setIsClearAll:ed,zoneMap:eg,sectionData:em})]}),(0,d.jsx)(G,{ticketTypes:!em.isReservingSeat&&(null==em?void 0:em.ticketType)?[{...em.ticketType}]:[],sectionId:em.id,title:em.name,openModal:Z,ref:N,onClose:eI,handleContinueClick:a,disableBtnCtn:s,totalPrice:C,showingId:$,eventId:_,eventName:R}),Q&&(0,d.jsx)(g.Ol,{onOk:ey,onCancel:()=>{X(!1)},visible:Q,message:O("bookingInfo.warChangeZone")}),(0,d.jsx)(ea,{setDisableBtn:h,callbackSeatMap:eA,showingId:$,eventId:_,eventUrl:eb}),(0,d.jsx)(ec,{visible:eE,message:O("modalMessage.seatmapErrorContent"),titleModal:O("modalMessage.seatmapError"),eventUrl:eb})]})})},35965:(e,t,n)=>{"use strict";n.d(t,{F:()=>p,FL:()=>m,TM:()=>u});var l=n(99155),i=n(81109),o=n(40715),r=n(26345),a=n(58885),s=n(95816),d=n.n(s);let c=(e,t,n,l,i)=>{var r,a;let{yesFormIncluded:s,noFormIncluded:d,isFormIncluded:c}=t;if(1===e.status&&(null==e||null==(a=e.data)||null==(r=a.result)?void 0:r.code))return(l(!1),c)?void setTimeout(()=>{n((0,o.oo)(null==s?void 0:s.step1))},200):void setTimeout(()=>{n((0,o.oo)(null==d?void 0:d.step1))},200);l(!1),i(!1)},u=async e=>{let{data:t,dispatch:n,setLoading:o,token:r,sectionData:s={},lang:d,setDisableBtn:u,neededTKBCaptcha:p,userId:m,isResale:g=!0}=e,{platform:h,currentBookings:f,eventId:v,showingId:x,isFormIncluded:b,ticketTypeId:w,resaleCode:k,ticketIds:y,price:j}=t,C=await (0,a.je)(),I={showingId:Number(x),eventId:v,ticketTypeId:w,platform:"desktop",resaleCode:k,ticketIds:y,price:j,campaign:C};o(!0),u(!0),n((0,i.nk)(I,r,d,e=>{let{yesFormIncluded:t,noFormIncluded:i}=(0,l.TG)(x,v,"",g,k);c(e,{yesFormIncluded:t,noFormIncluded:i,isFormIncluded:b},n,o,u)},x,p,m,g,k))},p=async e=>{let{data:t,dispatch:n,setLoading:o,token:r,sectionData:s={},lang:d,setDisableBtn:u,neededTKBCaptcha:p,userId:m}=e,{platform:g,currentBookings:h,eventId:f,showingId:v,isFormIncluded:x,date:b}=t,w=null==h?void 0:h.map(e=>{let{id:t,totalTickets:n,tickets:l,sectionId:i}=e;return{id:t,quantity:n,sectionId:i||(null==s?void 0:s.id),seats:null==l?void 0:l.map(e=>({id:(null==e?void 0:e.seatId)||(null==e?void 0:e.id),quantity:(null==e?void 0:e.quantity)||1,sectionId:e.sectionId}))}}),k=await (0,a.je)(),y={platform:g.device,items:w,eventId:Number(f),showingId:Number(v),timestamp:Math.round(Date.now()/1e3),campaign:k,date:b};o(!0),u(!0),n((0,i.nk)(y,r,d,e=>{let{yesFormIncluded:t,noFormIncluded:i}=(0,l.TG)(v,f,"",!1,"",b);c(e,{yesFormIncluded:t,noFormIncluded:i,isFormIncluded:x},n,o,u)},v,p,m))},m=e=>{let{data:t,methods:n,token:l,neededTKBCaptcha:o,userId:a,dataCardInputModal:s}=e,{showingId:c,hasPhysicalItem:u,userInfoBooking:p,paymentMethodValue:m,isResale:g,resaleCode:h}=t,{setIsInfoChanged:f,setOpenPaymentModal:v,dispatch:x,setDisableStep3Btn:b,setReloadDataModal:w}=n,{bankCode:k,paymentMethod:y,addressId:j,phoneNumber:C}=p;if(!j||!C||u&&(!p.cityId||!p.wardId||!p.address)){f(!0),b(!1),w(!0);return}let I={bankCode:k,paymentMethod:y,addressId:j};d()(s)||(I.addons=s),x((0,i.Xh)({showingId:Number(c)},I,l,()=>{b(!1),m&&r.Gm.includes(m)&&v(!0)},o,a,h))}},40330:e=>{e.exports="/_next/static/images/banner-step4.png"},42434:(e,t,n)=>{"use strict";n.d(t,{A:()=>p});var l=n(6029),i=n(55729),o=n(8450),r=n(30395),a=n(48486),s=n(58057),d=n(81278);let c=r.default.div.withConfig({componentId:"sc-cc0dae9d-0"})(["display:none;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:2rem;margin-top:2rem;@media ","{display:flex;gap:8px;}a{color:#a6a6b0;font-weight:400;font-size:12px;line-height:21px;&.current{color:#ebebf0;}}"],a.y0.md),u=r.default.span.withConfig({componentId:"sc-cc0dae9d-1"})(["color:#ebebf0;font-weight:400;font-size:12px;line-height:21px;

17"]),p=e=>{let{dataBreadcrumbs:t}=e,n=(0,d.useRouter)(),{lang:r,t:a}=(0,s.useLanguage)();return(0,l.jsx)(c,{children:null==t?void 0:t.map((e,t)=>{var a,s;return(0,l.jsxs)(i.Fragment,{children:[!e.isCurrent&&(0,l.jsx)("span",{onClick:()=>{e.disableClick||n.push(null==e?void 0:e.url)},className:e.isCurrent?"current":"",style:{cursor:e.disableClick?"default":"pointer",color:"#a6a6b0",fontWeight:400,fontSize:"12px",lineHeight:"21px"},children:(null==e||null==(a=e.label)?void 0:a[r])??""}),!e.isCurrent&&(0,l.jsx)(o.h,{}),e.isCurrent&&(0,l.jsx)(u,{className:e.isCurrent?"current":"",children:(null==e||null==(s=e.label)?void 0:s[r])??""})]},t)})})}},51565:(e,t,n)=>{"use strict";n.d(t,{A:()=>m});var l=n(6029),i=n(93907),o=n(66606),r=n(56121),a=n.n(r),s=n(55729),d=n(30395),c=n(27429);let u=(0,d.default)(c.Rl).withConfig({componentId:"sc-80a50c25-0"})(["gap:.2rem;button{border-radius:4px;color:#2DC275;border-color:#2DC275;}button:hover:not(:disabled){opacity:.9;}button:disabled{border:1px solid rgba(0,0,0,0.05);background:#F5F5FA;}"]);function p(e){let{onChange:t=()=>{},min:n=0,max:r=100,defaultValue:a}=e,[d,c]=(0,s.useState)(0);(0,s.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],l=e?Number(d+1):Number(d-1);l<=n&&(l=n),l>=r&&(l=r),t(l),c(l)},[d,n,r]);let p=(0,s.useCallback)(()=>{let e=Number(d-1);e<n&&(e=0),t(e),c(e)},[d,n,r]),m=(0,s.useCallback)(()=>{let e=Number(d+1);e<=n&&(e=n),e>=r&&(e=r),t(e),c(e)},[d,n,r]);return(0,s.useEffect)(()=>{void 0!==a&&c(a)},[a]),(0,l.jsxs)(u,{children:[(0,l.jsx)(i.Ay,{className:Number(d)<Number(n)?"disabled":"",disabled:Number(d)<Number(n),onClick:p,children:"-"}),(0,l.jsx)(o.A,{style:{minWidth:40,maxWidth:50,textAlign:"center"},readOnly:!0,value:d}),(0,l.jsx)(i.Ay,{disabled:Number(d)>=Number(r),onClick:m,children:"+"})]})}p.propTypes={max:a().number,min:a().number,onChange:a().func},p.defaultProps={};let m=(0,s.memo)(p)},52837:(e,t,n)=>{"use strict";n.d(t,{HD:()=>s,LZ:()=>d,aW:()=>a,mO:()=>r});var l=n(48486),i=n(52881),o=n(30395);let r=o.default.div.withConfig({componentId:"sc-e254c0b8-0"})(["background:#38383D;transition:500ms all ease;"," &.opened{","}.tkb-divider{border-block-start:1px solid #515158 !important;margin:12px auto;&.mobile{border-block-start:4px solid #27272A !important;}}.tbox-p-0{padding:0 !important;}"],e=>e.isMobile?(0,o.css)(["min-height:10rem;height:8rem;overflow:hidden;position:fixed;width:100%;bottom:0;z-index:999;"]):(0,o.css)(["min-height:calc(100vh - ","px);height:100%;position:relative;"],i.by),e=>e.isMobile&&e.isOpen?(0,o.css)(["height:70vh;border-top-right-radius:16px;border-top-left-radius:16px;"]):(0,o.css)([""])),a=o.default.div.withConfig({componentId:"sc-e254c0b8-1"})(["display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;align-items:center;padding:.75rem;height:48px;overflow:hidden;background:",";> div{@media ","{font-size:16px;font-weight:500;}font-weight:700;font-size:12px;color:#fff;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:21px;height:42px;.description{font-size:12px;font-weight:400;}}"],e=>{let{isMobile:t}=e;return t?"#38383D":l.Zj.colors.mainBg},l.y0.md),s=o.default.div.withConfig({componentId:"sc-e254c0b8-2"})(["color:#fff;padding:0 .75rem;width:100%;.tag-price{width:2.2rem;height:1.2rem;}.tag-name{color:#fff;font-weight:500;font-size:12px;line-height:150%;word-break:break-word;text-transform:capitalize;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:3;display:-webkit-box;line-clamp:3;flex:1;-webkit-box-orient:vertical;}.ticket-price{font-weight:600;font-size:12px;color:",";}.ticket-price-title{color:#fff;font-weight:600;}.none-border,.ant-list-header{border-block-end:transparent;}.text-ticketType{flex:0 0 67%;}.event-info{color:#fff;font-weight:500;font-size:12px;justify-content:center;align-items:center;svg{width:24px;height:24px;margin-right:5px;}}svg > path{fill:",";}svg.disable > path{fill:#EBEBF0;}.bottomBooking{margin:.75rem 0;}.bottomBooking button{font-size:16px;font-weight:700;color:#EBEBF0;width:100%;}.ant-list-items{margin-bottom:150px;min-height:10vh;height:max-content;overflow-y:auto;@media ","{padding-bottom:4rem;min-height:5vh;}}"],l.Zj.colors.mainGreen,l.Zj.colors.mainGreen,l.qT.md),d=o.default.div.withConfig({componentId:"sc-e254c0b8-3"})(["transition:500ms all ease;background:",";position:fixed;top:calc(100vh - 110px);",";width:100%;max-width:25rem;padding:.75rem 0;&.opened{z-index:999;bottom:0;}&.closed{top:3.2rem;}button{width:100%;}&.bottom-sheet{position:fixed;bottom:0;left:0;top:unset;height:8rem;}}"],l.Zj.colors.mainBg,e=>e.isMobile?"":"top: calc(100vh - 110px)")},54863:(e,t,n)=>{"use strict";n.d(t,{lg:()=>i,zf:()=>o});var l=n(41589);let i=e=>(0,l.vv)(e,"vi"," đ"),o=e=>e>=10?e:`0${e}`},57461:(e,t,n)=>{"use strict";n.d(t,{Me:()=>o,f1:()=>r,wI:()=>a});var l=n(30395),i=n(48486);let o=l.default.div.withConfig({componentId:"sc-2c09efb3-0"})(["flex-grow:1;@media ","{margin-bottom:1rem;}"],i.qT.md),r=l.default.div.withConfig({componentId:"sc-2c09efb3-1"})(["flex:0 0 30%;max-width:25rem;@media ","{flex:0 0 37.25%;}@media ","{margin-top:0;}"],i.qT.lg,i.qT.md),a={Wrapper:l.default.div.withConfig({componentId:"sc-2c09efb3-2"})(["width:100%;> div{background-color:transparent;}"]),Content:l.default.div.withConfig({componentId:"sc-2c09efb3-3"})(["display:flex;justify-content:space-between;column-gap:1rem;@media ","{flex-direction:column;}"],i.qT.md)}},69780:(e,t,n)=>{"use strict";n.d(t,{h:()=>r});var l,i=n(55729);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function r(e){return i.createElement("svg",o({width:8,height:14,viewBox:"0 0 8 14",f

17ill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=i.createElement("path",{d:"M.293.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L5.586 7 .293 1.707a1 1 0 010-1.414z",fill:"#fff"})))}},71079:(e,t,n)=>{"use strict";n.d(t,{A:()=>d});var l=n(6029),i=n(55729),o=n(3750),r=n(30395),a=n(18609);let s=r.default.div.withConfig({componentId:"sc-454fd49b-0"})(["display:flex;border-radius:12px;background:#EBEBF0;border:1px solid #A6A6B0;padding:8px 16px;align-self:stretch;align-items:flex-start;gap:.3rem;width:100%;svg{margin-right:0.5rem;}.message{word-break:break-word;}"]),d=(0,i.memo)(e=>{let{message:t}=e;return(0,l.jsxs)(s,{children:[(0,l.jsx)("div",{className:"icon",children:(0,l.jsx)(o.h,{})}),(0,l.jsx)("div",{className:"message",dangerouslySetInnerHTML:{__html:(0,a.wb)(t)}})]})})},76058:(e,t,n)=>{"use strict";n.d(t,{A:()=>v});var l=n(6029),i=n(55729),o=n(37738),r=n(60449),a=n.n(r),s=n(30395);n(382);var d=n(81360),c=n(87750),u=n(27429),p=n(77475),m=n(58057),g=n(52837),h=n(44483);let f=(0,s.default)(u.Rl).withConfig({componentId:"sc-3a640ba-0"})(["color:#fff;gap:0.5rem;padding:0.5rem 0 0 0;min-height:1.25rem;height:auto;svg > path{fill:#fff;}.ticket-info-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"]),v=e=>{let{disableBtn:t,children:n,className:r,handleContinueClick:s,isMobile:v=!1,isOpen:x=!1,showNote:b=!1,onClose:w=()=>{}}=e,k=(0,o.d4)(e=>(null==e?void 0:e.eventBooking)||{}),y=a()(k,"seatsSelected",[]),j=a()(k,"ticketsSelected",[]),[C,I]=(0,i.useState)(""),{t:S}=(0,m.useLanguage)();return(0,i.useEffect)(()=>{let e=[];

17if((null==y?void 0:y.length)>0?y.forEach(t=>{var n;(null==t?void 0:t.seats)&&(null==t||null==(n=t.seats)?void 0:n.length)?(null==t||t.seats.map(t=>{if((null==t?void 0:t.rowName)&&(null==t?void 0:t.seatName))e.unshift(`${t.rowName}-${t.seatName}`);else{var n;(null==t?void 0:t.name)&&(null==t||null==(n=t.row)?void 0:n.name)&&e.unshift(`${t.row.name}-${null==t?void 0:t.name}`)}}),I(e.join(", "))):I("")}):I(""),null==j?void 0:j.length){let e=j.reduce(function(e,t){return e+t.quantity},0);I(`x${e}`)}},[y,j]),(0,l.jsx)(g.LZ,{isMobile:v,isOpen:x,className:x?`${r} opened`:`${r} ${v?"closed":""}`,children:(0,l.jsxs)(g.HD,{children:[(0,l.jsx)(f,{children:C&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(d.h,{}),(0,l.jsx)("div",{className:"ticket-info-text",children:C})]})}),b&&(0,l.jsx)(u.Rl,{className:"tbox-mb-8 text-center",children:(0,l.jsx)(p.fv,{style:{textAlign:"center",cursor:"pointer"},lg:12,children:(0,l.jsx)(h.EY,{color:"mainGreen",size:"sm",onClick:w,weight:"500",children:S("bookingInfo.chooseArea")})})}),(0,l.jsx)(c.c1,{className:r,disabled:t,onClick:s,children:n})]})})}},78178:(e,t,n)=>{"use strict";n.d(t,{h:()=>r});var l,i=n(55729);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function r(e){return i.createElement("svg",o({width:8,height:14,viewBox:"0 0 8 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=i.createElement("path",{d:"M.293.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L5.586 7 .293 1.707a1 1 0 010-1.414z",fill:"#2DC275"})))}},84143:e=>{e.exports="/_next/static/images/default-banner.png"},86023:(e,t,n)=>{"use strict";n.d(t,{A:()=>ep});var l=n(6029),i=n(55729),o=n(42730),r=n(71024),a=n.n(r),s=n(81278),d=n(58057),c=n(2579),u=n(3380),p=n(77475),m=n(42434),g=n(69895),h=n(37738),f=n(41589),v=n(3484),x=n(24669),b=n(17479),w=n(27429),k=n(382),y=n(848),j=n(37853),C=n(95816),I=n.n(C),S=n(91544),A=n.n(S),N=n(30395);let E=N.default.div.withConfig({componentId:"sc-882fa82d-0"})(["min-height:100vh;background-color:#000000;color:white;font-family:'Inter',sans-serif;@media (max-width:640px){padding:0 .8rem;}"]),T=N.default.h1.withConfig({componentId:"sc-882fa82d-1"})(["font-size:24px;font-weight:600;margin:0;padding:0;color:white;"]),O=N.default.div.withConfig({componentId:"sc-882fa82d-2"})(["background-color:#4a4a4a;border-radius:12px;padding:20px;margin:0 0 24px 0;"]);N.default.div.withConfig({componentId:"sc-882fa82d-3"})(["color:white;font-size:16px;font-weight:500;margin-bottom:8px;line-height:1.4;"]);let B=N.default.a.withConfig({componentId:"sc-882fa82d-4"})(["color:#2EC274;font-size:14px;margin:1rem 0 -.5rem 0;display:block;"]),z=N.default.div.withConfig({componentId:"sc-882fa82d-5"})(["margin:10px 0;height:1px;width:100%;background-color:#6b7280;"]);N.default.div.withConfig({componentId:"sc-882fa82d-6"})(["color:#d1d5db;font-size:14px;span:first-child{margin-right:8px;}"]);let $=N.default.div.withConfig({componentId:"sc-882fa82d-7"})(["display:flex;justify-content:space-between;align-items:center;padding:0;margin-bottom:16px;"]),_=N.default.h2.withConfig({componentId:"sc-882fa82d-8"})(["font-size:20px;font-weight:600;margin:0;color:white;"]),M=N.default.button.withConfig({componentId:"sc-882fa82d-9"})(["background-color:",";color:white;border:none;padding:4px 12px;font-size:14px;font-weight:400;cursor:pointer;border-radius:33px;"],e=>e.isCombo?"#2EC274":"#3b82f6"),F=N.default.div.withConfig({componentId:"sc-882fa82d-10"})(["display:flex;align-items:center;padding:0;margin-bottom:16px;gap:8px;"]),P=N.default.div.withConfig({componentId:"sc-882fa82d-11"})(["width:24px;height:24px;display:flex;align-items:center;justify-content:center;path{stroke:#fff;}"]),q=N.default.span.withConfig({componentId:"sc-882fa82d-12"})(["font-size:16px;font-weight:500;color:white;"]),D=N.default.div.withConfig({componentId:"sc-882fa82d-13"})(["display:flex;justify-content:space-between;align-items:center;background-color:#4a4a4a;border-radius:12px;margin:0 0 12px 0;padding:8px 16px;"]),R=N.default.span.withConfig({componentId:"sc-882fa82d-14"})(["color:#9ca3af;font-size:14px;"]),L=N.default.div.withConfig({componentId:"sc-882fa82d-15"})(["display:flex;align-items:center;gap:8px;"]),V=N.default.span.withConfig({componentId:"sc-882fa82d-16"})(["color:#9ca3af;font-size:14px;"]);N.default.div.withConfig({componentId:"sc-882fa82d-17"})(["width:44px;height:24px;background-color:",";border-radius:12px;position:relative;cursor:pointer;transition:background-color 0.2s;&::after{content:'';position:absolute;width:20px;height:20px;background-color:white;border-radius:50%;top:2px;left:",";transition:left 0.2s;}"],e=>e.checked?"#2EC274":"#374151",e=>e.checked?"22px":"2px");let Z=N.default.div.withConfig({componentId:"sc-882fa82d-18"})(["background-color:",";border-radius:12px;margin:0 0 12px 0;padding:2px;"],e=>e.isError?"#FF424E":"#4a4a4a"),W=N.default.div.withConfig({componentId:"sc-882fa82d-19"})(["display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px;border-radius:10px;background-color:#4a4a4a;"]),G=N.default.div.withConfig({componentId:"sc-882fa82d-20"})(["display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#FF424E;border-bottom-right-radius:12px;border-bottom-left-radius:12px;width:100%;color:white;font-size:14px;font-weight:500;"]),H=N.default.div.withConfig({componentId:"sc-882fa82d-21"})(["flex:1;"]),U=N.default.div.withConfig({componentId:"sc-882fa82d-22"})(["display:flex;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;&:last-child{margin-bottom:0;}"]),Y=N.default.span.withConfig({componentId:"sc-882fa82d-23"})(["color:#d1d5db;flex:0 0 auto;"]),K=N.default.span.withConfig({componentId:"sc-882fa82d-24"})(["color:white;font-weight:500;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]),J=N.default.span.withConfig({componentId:"sc-882fa82d-25"})(["color:#4ade80;font-weight:600;"]),Q=N.default.div.withConfig({componentId:"sc-882fa82d-26"})(["width:20px;height:20px;border-radius:4px;background-color:",";border:2px solid ",`;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:16px;&::after{content:'✓';color:white;font-size:12px;font-weight:bold;opacity:`,";}"],e=>e.checked?"#2EC274":"#ffffff",e=>e.checked?"#2EC274":"#6b7280",e=>+!!e.checked),X=N.default.div.withConfig({componentId:"sc-882fa82d-27"})(["padding:0;margin:2rem 0;"]),ee=N.default.div.withConfig({componentId:"sc-882fa82d-28"})(["display:flex;align-items:baseline;gap:12px;margin-bottom:20px;"]),et=N.default.div.withConfig({componentId:"sc-882fa82d-29"})(["width:20px;height:20px;border-radius:4px;background-color:",";border:2px solid ",`;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;margin-top:2px;&::after{content:'✓';color:white;font-size:12px;font-weight:bold;opacity:`,";}"],e=>e.checked?"#2EC274":"#ffffff",e=>e.checked?"#2EC274":e.hasErrorAccepted?"#FF424E":"#6b7280",e=>+!!e.checked),en=N.default.p.withConfig({componentId:"sc-882fa82d-30"})(["color:#ffffff;font-size:12px;line-height:1.5;margin:0;> a{color:#2EC274;}"]),el=N.default.button.withConfig({componentId:"sc-882fa82d-31"})(["width:100%;background-color:",";color:",";border:none;border-radius:4px;padding:8px 12px;font-size:clamp(14px,2.4vw,16px);font-weight:600;cursor:",";display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;transition:opacity 150ms ease,transform 80ms ease,box-shadow 150ms ease;opacity:",";pointer-events:",";&:hover{background-color:#2DC275;opacity:",";}@media (max-width:479px){padding:8px 12px;font-size:15px;position:sticky;bottom:12px;left:12px;right:12px;z-index:30;box-shadow:0 8px 20px rgba(0,0,0,0.5);margin:0;}

17@media (min-width:900px){padding:8px 12px;}"],e=>e.disabled?"#808089":"#2EC274",e=>e.disabled?"rgba(255,255,255,0.85)":"white",e=>e.disabled?"not-allowed":"pointer",e=>e.disabled?.6:1,e=>e.disabled?"none":"auto",e=>e.disabled?.6:.95),ei=N.default.div.withConfig({componentId:"sc-882fa82d-32"})(["display:flex;flex-direction:column;gap:12px;margin-bottom:20px;"]),eo=(0,N.default)(X).withConfig({componentId:"sc-882fa82d-33"})(["&.sticky{position:fixed;bottom:0;left:0;right:0;z-index:99;background:#000000;box-shadow:0 -4px 20px rgba(0,0,0,0.1);padding:16px 20px;margin:0;width:100vw;@media (min-width:1023px){left:50%;right:auto;transform:translateX(-50%);max-width:630px;width:100%;border-radius:8px 8px 0 0;bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,0.15);}}"]),er=N.default.div.withConfig({componentId:"sc-882fa82d-34"})(["height:","px;transition:height 0.3s ease;"],e=>e.height),ea=a()(()=>n.e(4211).then(n.bind(n,44211)),{loadableGenerated:{webpack:()=>[44211]}}),es=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3,[n,l]=(0,i.useState)(!1),[o,r]=(0,i.useState)(0),a=(0,i.useRef)(null),s=(0,i.useRef)(null);return(0,i.useEffect)(()=>{if(!(e>t))return void l(!1);let n=()=>{if(!a.current||!s.current)return;let n=s.current.getBoundingClientRect();a.current.getBoundingClientRect();let i=window.innerHeight;l(n.bottom>i&&e>t)},i=()=>{a.current&&r(a.current.offsetHeight)};return i(),n(),window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),()=>{window.removeEventListener("scroll",n),window.removeEventListener("resize",i)}},[e,t]),{isSticky:n,bottomSectionHeight:o,bottomSectionRef:a,containerRef:s}},ed={PUBLISHED:3},ec={INVALID_TICKET:"INVALID_TICKET",NETWORK_ERROR:"NETWORK_ERROR"},eu=[{isCurrent:!1,url:"/",label:{vi:"Trang chủ",en:"Home page"}},{url:"/resale-ticket",label:{vi:"V\xe9 b\xe1n lại",en:"Resale Tickets"}},{isCurrent:!0,label:{vi:"Chi tiết v\xe9",en:"Ticket Details"}}],ep=e=>{let{handleContinueClick:t,disableBtnCtn:n,setDisableBtn:r,eventData:a={},resaleCode:C="",eventId:S,eventUrl:N,setIsOpenModalCaptcha:X,userId:ep,showingId:em,neededTKBCaptcha:eg,versionCaptcha:eh}=e,{t:ef,lang:ev}=(0,d.useLanguage)(),ex=(0,h.wA)(),eb=(0,s.useRouter)(),{setToast:ew}=(0,j.useToast)(),{openAuthenModal:ek}=(0,h.d4)(e=>e.homePage??{}),ey=(0,h.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.data)||{}}),[ej,eC]=(0,i.useState)(!1),[eI,eS]=(0,i.useState)(!1),[eA,eN]=(0,i.useState)(!1),[eE,eT]=(0,i.useState)(!1),{dataTicket:eO,tickets:eB,setTickets:ez,loading:e$,error:e_,refetch:eM}=((e,t,n)=>{let[l,r]=(0,i.useState)({}),[a,s]=(0,i.useState)([]),[d,c]=(0,i.useState)(!1),[u,p]=(0,i.useState)(null),m=(0,i.useRef)(!0),g=(0,i.useCallback)(async()=>{if(e&&t){c(!0),p(null);try{var l,i;let a=await (0,o.Fe)(`/marketplace/api/v1/resale-events/${t}/posts/${e}`,{},{"x-accept-language":n},"https://api-v2.ticketbox.vn");if(!m.current)return;if((null==a?void 0:a.status)<1)throw Error(ec.INVALID_TICKET);let d=null==a||null==(l=a.data)?void 0:l.result;if(!d||d.isShowingEndTime||d.status!==ed.PUBLISHED)throw Error(ec.INVALID_TICKET);r(d),s((null==(i=d.tickets)?void 0:i.map(e=>({...e,selected:!1})))||[])}catch(e){if(!m.current)return;p(e.message||ec.NETWORK_ERROR),r({}),s([])}finally{m.current&&c(!1)}}},[e,t,n]);return(0,i.useEffect)(()=>(m.current=!0,g(),()=>{m.current=!1}),[g]),{dataTicket:l,tickets:a,setTickets:s,loading:d,error:u,refetch:g}})(C,S,ev),{selectAll:eF,selectedCount:eP,handleTicketSelect:eq,handleSelectAll:eD}=((e,t,n)=>{let[l,o]=(0,i.useState)(!1),r=(0,i.useMemo)(()=>(null==n?void 0:n.fullPurchase)?e.filter(e=>!e.errorMessage).length:e.filter(e=>e.selected&&!e.errorMessage).length,[e,n]),a=(0,i.useCallback)(e=>{t(t=>{let n=t.map(t=>t.ticketId===e?{...t,selected:!t.selected}:t);return o(n.every(e=>e.selected)),n})},[t]),s=(0,i.useCallback)(()=>{let e=!l;o(e),t(t=>t.map(t=>({...t,selected:e})))},[l,t]);return{selectAll:l,selectedCount:r,handleTicketSelect:a,handleSelectAll:s}})(eB,ez,eO),{isSticky:eR,bottomSectionHeight:eL,bottomSectionRef:eV,containerRef:eZ}=es(eB.length,3),eW=(0,i.useMemo)(()=>{var e;return(null==eO||null==(e=eO.tickets)?void 0:e.length)??0},[null==eO?void 0:eO.tickets]),eG=(0,i.useMemo)(()=>eO.showingStartTime?(0,v.eN)({timeValue:eO.showingStartTime,lang:ev}):{time:"",date:""},[eO.showingStartTime,ev]),eH=(0,i.useMemo)(()=>!eP||eI||e$,[eP,eO.fullPurchase,eI,e$]),eU=(0,i.useMemo)(()=>eP>0&&(null==eO?void 0:eO.price)?`${ef("next")} - ${(0,f.vv)(eP*eO.price)}`:ef("bookingInfo.notice"),[eI,e$,eP,null==eO?void 0:eO.price,ef]),eY=(0,i.useCallback)(()=>{eC(e=>!e)},[]),eK=(0,i.useCallback)(async()=>

17{if(!eH){if(!ej){eT(!0),ew({msg:ef("resale.booking.TermsError"),des:"",show:!0,type:"error",placement:"top",duration:3,top:80});return}if(!(0,g.M3)()){ek||ex({type:"OPEN_AUTHEN_MODAL"});return}eS(!0);try{let e=[];if(e=(null==eO?void 0:eO.fullPurchase)?eB.map(e=>e.ticketId):eB.filter(e=>e.selected&&!e.errorMessage).map(e=>e.ticketId),eg&&3===eh&&!x.A.getTKBCaptcha(`${ep}${em}`))return void X(!0);if(!e.length||!(null==eO?void 0:eO.ticketTypeId)||!(null==eO?void 0:eO.code))return;let n={ticketTypeId:eO.ticketTypeId,resaleCode:eO.code,ticketIds:e,price:eO.price};await t(null,!1,null,n)}catch(e){}finally{eS(!1)}}},[eH,eO,eB,ep,em,eg,eh,t,X,ex,ek,ej]),eJ=(0,i.useCallback)(()=>{N?eb.push(`/resale-ticket${N}`):eb.push("/resale-ticket")},[eb,N]);(0,i.useCallback)(()=>{eM()},[eM]);let eQ=(0,i.useCallback)(()=>{eb.push("/")},[eb]),eX=(0,i.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),null==eO?void 0:eO.fullPurchase)return void ew({msg:ef("resale.booking.noAllowSingle"),des:"",show:!0,type:"info",placement:"top",duration:3,top:80})},[eq,eO]);return((0,i.useEffect)(()=>{var e,t,n,l,i,o,r,a,s;if(!eA&&!I()(eO)&&(null==ey||null==(e=ey.event)?void 0:e.id)+""==S+""){eN(!0);let e=(null==eO?void 0:eO.eventName)||"null",d=(null==eO?void 0:eO.eventId)||"null",c=(null==eO?void 0:eO.showingId)||0;null==(s=window)||null==(a=s.gtag)||a.call(s,"event","add_to_cart",{seatmap_type:"null",item_id:d+"",item_name:e??"null",showing_id:c??0,step:1,items:[{item_id:d+"",item_name:e,showing_id:c,item_category:A()(null==ey||null==(t=ey.event)?void 0:t.categoriesV2)&&(null==ey||null==(l=ey.event)||null==(n=l.categoriesV2)?void 0:n.length)>0?null==ey||null==(o=ey.event)||null==(i=o.categoriesV2)?void 0:i[0]:"",location_id:(null==ey||null==(r=ey.event)?void 0:r.locationId)??"",item_category3:"resale"}]})}},[eO,eA,ey]),e$)?(0,l.jsx)(p.mc,{children:(0,l.jsxs)(p.fI,{children:[(0,l.jsx)(p.fv,{col:12,xs:12,sm:12,lg:3}),(0,l.jsxs)(p.fv,{col:12,xs:12,sm:12,lg:6,children:[(0,l.jsx)(m.A,{dataBreadcrumbs:eu}),(0,l.jsx)(E,{children:(0,l.jsx)("div",{style:{display:"flex",justifyContent:"center",padding:"40px 0"},children:(0,l.jsx)(y.A,{})})})]}),(0,l.jsx)(p.fv,{col:12,xs:12,sm:12,lg:3})]})}):e_?(0,l.jsx)(p.mc,{children:(0,l.jsxs)(p.fI,{children:[(0,l.jsx)(p.fv,{col:12,xs:12,sm:12,lg:3}),(0,l.jsxs)(p.fv,{col:12,xs:12,sm:12,lg:6,children:[(0,l.jsx)(m.A,{dataBreadcrumbs:eu}

17),(0,l.jsxs)(b.A,{visible:!0,onCancel:eJ,title:ef("resale.modal.error.title"),hideCancelButton:!0,hideOkButton:!0,children:[(0,l.jsx)(w.so,{style:{lineHeight:"1.5"},children:ef("resale.modal.error.description")}),(0,l.jsxs)(w.I1,{children:[(0,l.jsx)(k.Ay,{onClick:eQ,hierarchy:"tertiary",style:{marginTop:"8px",fontWeight:"400"},children:ef("resale.modal.error.buttonGoHome")}),(0,l.jsx)(k.Ay,{onClick:eJ,style:{marginTop:"8px",fontWeight:"400"},radius:"4",children:ef("resale.modal.error.buttonCancel")})]})]})]}),(0,l.jsx)(p.fv,{col:12,xs:12,sm:12,lg:3})]})}):(0,l.jsxs)(p.mc,{children:[(0,l.jsxs)(p.fI,{children:[(0,l.jsx)(p.fv,{col:12,xs:12,sm:12,lg:3}),(0,l.jsxs)(p.fv,{col:12,xs:12,sm:12,lg:6,children:[(0,l.jsx)(m.A,{dataBreadcrumbs:eu}),(0,l.jsxs)(E,{ref:eZ,children:[(0,l.jsx)(T,{children:ef("resale.detailPage.title")}),(0,l.jsx)(z,{}),(0,l.jsxs)(O,{children:[(0,l.jsxs)(U,{children:[(0,l.jsx)(Y,{children:ef("resale.detailPage.eventName")}),(0,l.jsx)(K,{children:(null==eO?void 0:eO.eventName)||""})]}),(0,l.jsx)(B,{href:N,target:"_blank",rel:"noopener noreferrer",children:ef("resale.detailPage.eventTerm")}),(0,l.jsx)(z,{}),(0,l.jsxs)(U,{children:[(0,l.jsx)(Y,{children:ef("resale.post.showing")}),(0,l.jsx)(K,{children:eG.time&&eG.date?`${eG.time}, ${eG.date}`:""})]})]}),(0,l.jsxs)($,{children:[(0,l.jsx)(_,{children:ef("resale.booking.selectTicket")}),(0,l.jsx)(M,{isCombo:null==eO?void 0:eO.fullPurchase,children:(null==eO?void 0:eO.fullPurchase)?ef("resale.detailPage.sellingMethod.noSingle"):ef("resale.detailPage.sellingMethod.single")})]}),(0,l.jsxs)(F,{children:[(0,l.jsx)(P,{children:(0,l.jsx)(c.h,{style:{color:"#fff"}})}),(0,l.jsx)(q,{children:null==eO?void 0:eO.ticketTypeName})]}),!(null==eO?void 0:eO.fullPurchase)&&eB.length>0&&(0,l.jsxs)(D,{children:[(0,l.jsxs)(R,{children:[ef("booked")," ",eP,"/",eW]}),(0,l.jsxs)(L,{children:[(0,l.jsx)(V,{children:ef("resale.booking.selectAll")}),(0,l.jsx)(Q,{checked:eF,onClick:eD})]})]}),(0,l.jsx)(ei,{children:null==eB?void 0:eB.map(e=>(0,l.jsxs)(Z,{isError:null==e?void 0:e.errorMessage,onClick:eX,children:[(0,l.jsxs)(W,{children:[(0,l.jsxs)(H,{children:[!(null==e?void 0:e.queueNumber)&&!e.sectionName&&!(null==e?void 0:e.rowName)&&!(null==e?void 0:e.seatName)&&(0,l.jsxs)(U,{children:[(0,l.jsxs)(Y,{children:[ef("resale.booking.barcode"),":"]}),(0,l.jsx)(K,{children:e.qrCode})]}),(null==e?void 0:e.queueNumber)&&(0,l.jsxs)(U,{children:[(0,l.jsxs)(Y,{children:[ef("resale.detailPage.queueNumber"),":"]}),(0,l.jsx)(K,{children:e.queueNumber})]}),e.sectionName&&(0,l.jsxs)(U,{children:[(0,l.jsxs)(Y,{children:[ef("resale.detailPage.section"),":"]}),(0,l.jsx)(K,{children:e.sectionName})]}),(null==e?void 0:e.rowName)&&(null==e?void 0:e.seatName)&&(0,l.jsxs)(U,{children:[(0,l.jsxs)(Y,{children:[ef("resale.detailPage.rowSeat"),":"]}),(0,l.jsxs)(K,{children:[e.rowName," - ",e.seatName]})]}),(0,l.jsxs)(U,{children:[(0,l.jsxs)(Y,{children:[ef("resale.post.pricePerTicket"),":"]}),(0,l.jsx)(J,{children:(0,f.vv)(null==eO?void 0:eO.price)})]})]}),!e.errorMessage&&!(null==eO?void 0:eO.fullPurchase)&&(0,l.jsx)(Q,{checked:e.selected,onClick:()=>eq(e.ticketId)})]}),(null==e?void 0:e.errorMessage)&&(0,l.jsx)(G,{children:e.errorMessage})]},e.id||e.ticketId))}),eR&&(0,l.jsx)(er,{height:eL}),(0,l.jsxs)(eo,{ref:eV,isSticky:eR,className:eR?"sticky":"",children:[(0,l.jsxs)(ee,{onClick:eY,children:[(0,l.jsx)(et,{checked:ej,hasErrorAccepted:eE}),(0,l.jsx)(en,{dangerouslySetInnerHTML:{__html:ef("resale.booking.Terms")}})]}),(0,l.jsxs)(el,{disabled:eH,onClick:eK,"aria-label":eU,children:[eU,!eI&&!e$&&(0,l.jsx)(u.h,{size:20})]})]})]})]}),(0,l.jsx)(p.fv,{col:12,xs:12,sm:12,lg:3})]}),(0,l.jsx)(ea,{setDisableBtn:r,isResale:!0,resaleCode:C})]})}},87750:(e,t,n)=>{"use strict";n.d(t,{Cl:()=>z,c1:()=>s,BW:()=>g,tr:()=>T,Zk:()=>b,I6:()=>B,kW:()=>u});var l,i,o=n(6029),r=n(55729),a=n(7751);let s=e=>{let{id:t="",className:n="",children:l=null,disabled:i=!1,onClick:r=()=>{},isLoading:s=!1,...d}=e;return(0,o.jsx)(a.bo,{id:t,className:n,disabled:i,onClick:r,children:l})};var d=n(58057),c=n(54863);let u=e=>{let{id:t="",className:n="",topNode:l=null,leftNode:i=null,rightNode:r=null,bottomNode:s=null,wrapperStyles:d={},dashedLineStyles:c={},...u}=e,{isTextBold:p,isTextCapital:m,isSubContent:g,isTextSemiBold:h,hasDashedLine:f}=u;return(0,o.jsxs)(a.wt,{id:t,className:n,...d,children:[(0,o.jsx)("div",{id:"top-node",children:l&&l}),(0,o.jsxs)(a.Iz,{isTextBold:p,isTextCapital:m,isSubContent:g,isTextSemiBold:h,children:[(0,o.jsx)("div",{id:"left-node",children:i||"_"}),(0,o.jsx)("div",{id:"right-node",children:r||"_"})]}),(0,o.jsx)("div",{id:"bottom-node",children:s&&s}),f&&(0,o.jsx)(a.Gp,{...c})]})},p=e=>{let{currentOrder:t,stepNum:n,totalPrice:l,totalTickets:i,notYetChosenMsg:o}=e,{t:r,lang:a}=(0,d.useLanguage)();return(null==t?void 0:t.subtotalAmount)&&"1"!==n?(0,c.lg)(t.subtotalAmount):l?(0,c.lg)(l):i?"":o[a]},m=e=>{let{totalTickets:t,seatTickerLang:n}=e,{t:l,lang:i}=(0,d.useLanguage)(),o=l("bookingStep1Modal.provisional");return t>0?`${o} ${t} ${n[i]}`:`${o}`},g=e=>{let{currentOrder:t,totalPrice:n,stepNum:l,noSeatMap:i,totalTickets:r}=e,{t:s,lang:c}=(0,d.useLanguage)();if("3"===l)return(0,o.jsx)(o.Fragment,{});let g={vi:`Bạn chưa chọn ${i?"v\xe9":"ghế"}`,en:`Please choose your ${i?"ticket":"seat"}`},h={vi:`${i?"v\xe9":"ghế"}`,en:`${i?"ticket":"seat"}`};return(0,o.jsx)(u,{isTextBold:!0,className:"desktop",wrapperStyles:{marginBottom:"1rem"},leftNode:(0,o.jsx)("p",{style:{transform:"scaleY(1.05)",fontSize:14},children:(0,o.jsx)(m,{totalTickets:r,seatTickerLang:h})}),rightNode:(0,o.jsx)(a.D$,{children:(0,o.jsx)(p,{currentOrder:t,stepNum:l,totalPrice:n,notYetChosenMsg:g,totalTickets:r})}),topNode:(0,o.jsx)(a.pc,{shouldShow:"1"===l,margin:"0 0 1rem 0"}),bottomNode:(0,o.jsx)(a.pc,{viewOnly:!0,shouldShow:"2"===l,contenColor:"#80808990",margin:"1rem 0 0 0",children:(0,o.jsx)("span",{className:"content",children:s("bookingStep2.bookingInfo.answerAllQuestionNotice")})})})};var h=n(57011);function f(){return(f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function v(e){return r.createElement("svg",f({width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=r.createElement("path",{d:"M12 8.667A1.333 1.333 0 1012 6a1.333 1.333 0 000 2.667z",fill:"#828BA0"})),i||(i=r.createElement("path",{d:"M12 21.333a9.333 9.333 0 100-18.667 9.333 9.333 0 000 18.667zM12 16v-5.334",stroke:"#828BA0",strokeWidth:2,strokeMiterlimit:10,strokeLinecap:"round",strokeLinejoin:"round"})))}var x=n(27429);let b=e=>{let{title:t=null,children:n=null,bottomNode:l=null,className:i="",id:r="",...s}=e;return(0,o.jsxs)(a.oL,{id:r,className:i,...s,children:[(0,o.jsx)("div",{id:"title",children:t}),(0,o.jsx)("div",{id:"content",children:n}),null!==l&&(0,o.jsx)("div",{id:"special",children:l})]})};var w=n(37738),k=n(47503),y=n(39612),j=n(96320),C=n(22601),I=n(50995),S=n(30395);let A=(0,S.default)(y.A).withConfig({componentId:"sc-7a7c50fc-0"})([".ant-modal-content{border-radius:8px;padding:12px 0px 0px 0px;overflow:hidden;}"]),N=(0,S.default)(j.A.Item).withConfig({componentId:"sc-7a7c50fc-1"})(["padding:16px !important;border-bottom:1px solid #e8e8e8;cursor:pointer;a{text-decoration:none;color:inherit;display:block;width:100%;}&:hover{background-color:#f5f5f5;}"]),E=e=>{let{stepNum:t}=e,{t:n,lang:l}=(0,d.useLanguage)(),i=(0,w.wA)(),s=(0,w.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.expiredTime)||0}),c=(0,w.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.legalCheckout)||{}}),u=(0,r.useMemo)(()=>s>0&&"4"!==t,[s]),[p,m]=(0,r.useState)(!1);(0,r.useEffect)(()=>{u||m(!1)},[u]),(0,r.useEffect)(()=>{i({type:k.Nr,payload:{isChecked:!1,showError:!1}})},[]);let g=()=>{i({type:k.Nr,payload:{isChecked:!(null==c?void 0:c.isChecked),showError:!1}})},h={en:{paymentPrivacyPolicy:"Payment privacy policy",returnPolicyAndInspection:"Return and Inspection policy",shippingAndDeliveryConditions:"Shipping and Delivery conditions",customerTermsOfUse:"Customer Terms of Use",organizerTermsOfUse:"Organizer Terms of Use",paymentMethods:"Payment Methods",disputeSettlementPolicy:"Dispute settlement policy",operationalRegulations:"Operational regulations",informationPrivacyPolicy:"Information privacy policy"},vi:{paymentPrivacyPolicy:"Ch\xednh s\xe1ch bảo mật thanh to\xe1n",returnPolicyAndInspection:"Ch\xednh s\xe1ch đổi trả v\xe0 kiểm h\xe0ng",shippingAndDeliveryConditions:"Điều kiện vận chuyển v\xe0 giao nhận",customerTermsOfUse:"Điều khoản sử dụng cho kh\xe1ch h\xe0ng",organizerTermsOfUse:"Điều khoản sử dụng cho ban tổ chức",paymentMethods:"Phương thức thanh to\xe1n",disputeSettlementPolicy:"Cơ chế giải quyết tranh chấp/ khiếu nại",operationalRegulations:"Quy chế hoạt động",informationPrivacyPolicy:"Ch\xednh s\xe1ch bảo mật th\xf4ng tin"}},f=[{key:"customerTermsOfUse",link:"https://ticketbox.vn/customer-terms-of-use"},{key:"operationalRegulations",link:"https://ticketbox.vn/operational-regulations"},{key:"informationPrivacyPolicy",link:"https://ticketbox.vn/information-privacy-policy"},{key:"disputeSettlementPolicy",link:"https://ticketbox.vn/dispute-settlement-policy"},{key:"paymentPrivacyPolicy",link:"https://ticketbox.vn/payment-privacy-policy"},{key:"returnPolicyAndInspection",link:"https://ticketbox.vn/return-and-inspection-policy"},{key:"shippingAndDeliveryConditions",link:"https://ticketbox.vn/shipping-and-delivery-conditions"},{key:"paymentMethods",link:"https://ticketbox.vn/payment-methods"}],v=null==f?void 0:f.map(e=>{var t,n;return{text:(null==h||null==(t=h[l])?void 0:t[null==e?void 0:e.key])||(null==h||null==(n=h.en)?void 0:n[e.key]),link:null==e?void 0:e.link}});return(0,o.jsxs)(a.zv,{children:[(0,o.jsx)(A,{title:(0,o.jsx)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center"},children:n("legal.checkout.second")}),className:"legal-modal",open:p,onCancel:()=>m(!1),destroyOnClose:!0,maskClosable:!1,centered:!0,footer:null,children:(0,o.jsx)(j.A,{dataSource:v,renderItem:e=>(0,o.jsx)("a",{href:e.link,target:"_blank",rel:"noreferrer",children:(0,o.jsx)(N,{className:"item-legal",extra:(0,o.jsx)(I.A,{}),children:null==e?void 0:e.text})})})}),"3"===t&&(0,o.jsxs)("div",{className:"legal-checkbox-row",children:[(0,o.jsx)(C.A,{id:"legal-checkbox",className:`legal-checkbox ${(null==c?void 0:c.showError)?"error":""}`,checked:!!(null==c?void 0:c.isChecked),onChange:g}),(0,o.jsxs)("span",{className:"legal-text",children:[(0,o.jsx)("span",{className:"legal-text-first",onClick:g,children:n("legal.checkout.first")}),(0,o.jsx)("span",{className:"legal-text-second",onClick:()=>{m(!0)},children:n("legal.checkout.second")})]})]})]})},T=e=>{let{stepNum:t,totalPrice:n,finalTotalPrice:l,currentBookings:i,currentOrder:r,handleContinueClick:a,disableStep3Btn:p,fees:m,noSeatMap:g,buyerFeeDesc:f}=e,{t:w}=(0,d.useLanguage)(),{hasPhysicalItem:k,hasDiscountCode:y,shippingFee:j,printingFee:C,discountAmount:I,platformDiscountAmount:S}=m;if("3"!==t)return(0,o.jsx)(o.Fragment,{});let A=[{key:"subtotal",condition:!0,rightNodeValue:"1"!==t?null==r?void 0:r.subtotalAmount:n},{key:"shippping",condition:k&&j>=0,rightNodeValue:j},{key:"printing",condition:C>0,rightNodeValue:C},{key:"discount",condition:I>0,rightNodeValue:I,customClass:"left-semi-right-normal left-black-right-blue"},{key:"platformDiscountAmount",condition:S>0,rightNodeValue:S,customClass:"left-semi-right-normal left-black-right-blue"},{key:"total",condition:!0,rightNodeValue:l,customClass:"left-black-right-green"}],N=(null==A?void 0:A.findLastIndex((e,t)=>!0===e.condition&&t!==A.length-1))??0;return(0,o.jsxs)(b,{className:"desktop",title:(0,o.jsx)("p",{style:{transform:"scaleY(1.05)",fontSize:15},children:w("bookingStep3Payment.paymentInfoTitle")}),children:[A.map((e,t)=>{let{key:n,condition:l,rightNodeValue:i,customClass:r}=e;return l?(0,o.jsx)(u,{isTextBold:"total"===n,hasDashedLine:t===N,dashedLineStyles:{marginTop:"1rem",marginBottom:"1.1rem"},className:r||"left-semi-right-normal",wrapperStyles:{marginBottom:"total"===n?"1rem":"0.75rem"},leftNode:(0,o.jsxs)(x.so,{style:{fontSize:"0.85rem",alignItems:"center",gap:"5px"},children:[w(`bookingStep3Payment.orderInfo.${n}`),"printing"===n&&f?(0,o.jsx)(h.A,{title:f,placement:"right",color:"#EBEBF0",styles:{body:{color:"#27272A",fontSize:"12px",lineHeight:"21px",fontWeight:400,padding:"8px 12px"}},children:(0,o.jsx)(v,{style:{width:16,height:16}})}):null]}),rightNode:(0,o.jsx)(x.so,{style:{fontSize:"total"!==n?12.8:"1rem"},children:`${["platformDiscountAmount","discount"].includes(n)&&l?"-":""}${(0,c.lg)(i)}`})},n):null}),"3"===t&&(0,o.jsx)(E,{stepNum:t}),(0,o.jsx)(s,{id:"continue-btn",className:"desktop",disabled:(null==i?void 0:i.length)===0||p,onClick:a,children:w("bookingStep3Payment.checkoutCTA")})]})};var O=n(81278);n(3380),n(78178),n(40715),n(18609);let B=e=>{let{currentOrder:t,currentBookings:n,stepNum:l}=e;(0,O.useRouter)(),(0,r.useEffect)(()=>

17{if("1"===l){var e;(null==n?void 0:n.length)>(null==t||null==(e=t.items)?void 0:e.length)&&window.location.reload()}},[l]);let i="1"!==l?null==t?void 0:t.items:n;return i&&0!==i.length?null==i?void 0:i.map(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=(null==e?void 0:e.isReservingSeat)&&(0,o.jsx)(a.o4,{children:null==e?void 0:e.seats.map((e,t)=>{let n="0B74E5";return(null==e?void 0:e.rowName)&&(null==e?void 0:e.seatName)?(0,o.jsx)(a._U,{backgroundColor:n&&`#${n}`,children:(0,o.jsx)("p",{children:(null==e?void 0:e.rowName)?`${null==e?void 0:e.rowName}-${null==e?void 0:e.seatName}`:null==e?void 0:e.seatName})},t):(null==e?void 0:e.name)?(0,o.jsx)(a._U,{backgroundColor:n&&`#${n}`,children:(0,o.jsx)("p",{children:null==e?void 0:e.name})},t):void 0})}),s="1"!==l?(null==i?void 0:i.length)-1:n.length-1;return(0,o.jsxs)(a.wt,{marginBottom:"1rem",gap:"0.25rem",children:[(0,o.jsx)(u,{className:"left-semi-right-normal",isTextCapital:!0,leftNode:null==e?void 0:e.name,rightNode:(0,c.zf)((null==e?void 0:e.totalTickets)||(null==e?void 0:e.quantity))}),(0,o.jsx)(u,{className:"left-lighter-right-lighter",isSubContent:!0,hasDashedLine:"3"!==l||t!==s,dashedLineStyles:{marginTop:"0.5rem"},leftNode:(0,c.lg)((null==e?void 0:e.price)||0),rightNode:(0,c.lg)((null==e?void 0:e.totalPrice)||(null==e?void 0:e.price)||0),bottomNode:r})]},t)}):(0,o.jsx)(u,{wrapperStyles:{marginBottom:"0.85rem"},isTextCapital:!0,leftNode:"_",rightNode:"_"})},z=e=>{let{ticketTypes:t}=e;return null==t?void 0:t.map((e,t)=>(0,o.jsxs)(a.IY,{children:[(0,o.jsxs)("div",{className:"box-left-content",children:[(0,o.jsx)(a.nk,{bgColor:e.color}),(0,o.jsx)("span",{children:e.name})]}),(0,o.jsx)("div",{className:"box-right-content",children:(0,o.jsx)("span",{children:(0,c.lg)(e.price||0)})})]},e.name+t))};n(4146),n(95816),n(44483),n(81109),n(99155),n(24669);var $=n(48486);S.default.div.withConfig({componentId:"sc-d3c6bf53-0"})(["background:",";border-radius:20px;display:inline-block;height:100%;font-size:14px;"],$.Zj.colors.white),S.default.div.withConfig({componentId:"sc-d3c6bf53-1"})(["display:flex;align-items:center;gap:0.25rem;color:#000 !important;span{word-break:break-word;display:flex;align-items:center;gap:0.25rem;color:#27272A;border-radius:22px;border:1px solid #A6A6B0;padding:8px 12px;text-transform:uppercase;}.icon-check{transform:translateY(2px);}.tooltip-custom .ant-tooltip{width:900px !important;white-space:normal;}"]),S.default.div.withConfig({componentId:"sc-74ed34e4-0"})(["background:#38383d;border-radius:12px;width:100%;height:100%;padding:12px 16px;margin-bottom:12px;.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.discount-header{display:flex;align-items:center;justify-content:space-between;color:",";font-size:14px;}"],$.Zj.colors.mainGreen),S.default.div.withConfig({componentId:"sc-74ed34e4-1"})(["display:flex;align-items:center;justify-content:space-between;.error{color:red;font-size:12px;margin-top:4px;font-weight:400;}.input-discount{width:100%;height:40px;background:#EBEBF0;border:1px solid #DDDDE3;border-radius:4px;margin-top:12px;padding:8px 16px;color:#808089;text-transform:uppercase;&.error{border:1px solid red;}}.input-discount:focus-visible{outline:none;border:1px solid ",";}.btn-discount{margin-top:12px;width:107px;height:40px;color:",";border:1px solid ",";border-radius:4px;margin-left:12px;:hover{background:",";color:#fff;}&.disabled{background:#EBEBF0;border:1px solid #DDDDE3;color:#DDDDE3;cursor:not-allowed;&:hover{background:#EBEBF0;color:#DDDDE3;}}}"],$.Zj.colors.mainGreen,$.Zj.colors.mainGreen,$.Zj.colors.mainGreen,$.Zj.colors.mainGreen)},91128:(e,t,n)=>{"use strict";n.d(t,{A:()=>B});var l=n(6029),i=n(81278),o=n(55729),r=n(23500),a=n(37738),s=n(47503),d=n(58057),c=n(37853),u=n(3380),p=n(89963),m=n(99155),g=n(81109),h=n(40715),f=n(69895);n(32172);var v=n(30824),x=n(95816),b=n.n(x),w=n(24669),k=n(53291),y=n(58885),j=n(91544),C=n.n(j),I=n(34535),S=n(35965),A=n(87750),N=n(57450),E=n(7751),T=n(18812),O=n(26345);let B=e=>{var t,n,x,j,B,z,$,_,M,F,P,q,D,R,L,V,Z,W,G,H;let{setIsContinueHit:U,setDisableBtn:Y,disableBtn:K,setDisableStep3Btn:J,disableStep3Btn:Q,setOpenPaymentModal:X,setIsInfoChanged:ee,setFinalTotalPrice:et,setReloadDataModal:en,neededTKBCaptcha:el,ver

17sionCaptcha:ei,isResale:eo=!1,resaleCode:er=""}=e,{t:ea,lang:es}=(0,d.useLanguage)(),{setToast:ed}=(0,c.useToast)(),ec=(0,i.useRouter)(),eu=(0,a.wA)(),ep=(0,o.useRef)(null),{tboxUser:em}=(0,a.d4)(e=>e.user),eg=(null==em?void 0:em.id)||"",[eh,ef]=(0,o.useState)(!1),[ev,ex]=(0,o.useState)(0),{recaptchaRef:eb,handleRecaptchaConfirm:ew}=(0,I.A)(),[ek,ey]=(0,o.useState)(!1),{setError:ej}=(0,N.h)(),eC=(0,a.d4)(e=>(null==e?void 0:e.eventBooking)||{}),eI=(null==eC||null==(t=eC.data)?void 0:t.isSalable)||!1,eS=(null==eC||null==(n=eC.data)?void 0:n.statusName)||"",eA=(null==eC?void 0:eC.seatsSelected)||[],eN=(null==eC?void 0:eC.ticketsSelected)||[],eE=(null==eC||null==(x=eC.data)?void 0:x.ticketTypes)||[],eT=(null==eC?void 0:eC.noSeatMap)||!1,eO=(null==eC?void 0:eC.sectionData)||{},eB=(null==eC||null==(B=eC.data)||null==(j=B.event)?void 0:j.hasPhysicalItem)||!1,ez=(null==eC||null==($=eC.data)||null==(z=$.event)?void 0:z.hasDiscountCode)||!1,e$=(null==eC||null==(M=eC.data)||null==(_=M.event)?void 0:_.buyerFeeDesc)||"",e_=(null==eC||null==(F=eC.userInfoBooking)?void 0:F.shippingFee)||0,eM=(null==eC||null==(P=eC.currentOrder)?void 0:P.ticketPrintingFee)||0,eF=(null==eC||null==(q=eC.currentOrder)?void 0:q.discountAmount)||0,eP=(null==eC||null==(D=eC.currentOrder)?void 0:D.platformDiscountAmount)||0;null==eC||null==(R=eC.currentOrder)||R.discountCode;let eq=(null==eC?void 0:eC.currentOrder)||{},eD=(0,o.useMemo)(()=>{if(!eT){if(!b()(eA))return(0,m.L4)(eA);if((null==eN?void 0:eN.length)&&(null==eN?void 0:eN.every(e=>Number(e.quantity)>0)))return eN.map(e=>({...e,totalPrice:Number(e.quantity)*Number(e.price),totalTickets:Number(e.quantity)}))}return eT&&(null==eN?void 0:eN.length)&&(null==eN?void 0:eN.every(e=>Number(e.quantity)>0))?eN.map(e=>({...e,totalPrice:Number(e.quantity)*Number(e.price),totalTickets:Number(e.quantity)})):[]},[eA,eN,eE,eT]),eR=(0,o.useMemo)(()=>(null==eD?void 0:eD.length)===0?0:null==eD?void 0:eD.reduce((e,t)=>Number(e)+Number(t.totalPrice||0),0),[eD]),eL=(0,o.useMemo)(()=>(null==eD?void 0:eD.length)===0?0:null==eD?void 0:eD.reduce((e,t)=>Number(e)+Number(t.totalTickets||0),0),[eD]),eV=null==ec||null==(L=ec.query)?void 0:L.id,eZ=null==ec||null==(V=ec.query)?void 0:V.slug,eW=(0,a.d4)(e=>e.device),eG=(null==eC||null==(W=eC.data)||null==(Z=W.event)?void 0:Z.id)||"",eH=null==eC||null==(H=eC.data)||null==(G=H.event)?void 0:G.isFormIncluded,eU=p.nh[eZ]||p.nh[eZ.split("-")[0]],eY=function(e){let t=!(arguments.length>1)||void 0===arguments[1]||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(e.preventDefault(),e.stopPropagation(),!(0,f.M3)())return void eu({type:k.bl});if("1"===eU){let e={platform:eW,currentBookings:eD,eventId:eG,showingId:eV,isFormIncluded:eH};

17ew({action:"payment_add",version:ei}).then(t=>{(0,S.F)({data:e,dispatch:eu,setLoading:ef,token:t,sectionData:eO,lang:es,setDisableBtn:Y,neededTKBCaptcha:el,userId:eg})}),eu({type:s.LS,payload:{currentOrder:{}}});return}if("2"===eU&&(Y(!0),setTimeout(()=>{U(!0)},600)),"3"===eU){var l,i;if(!(null==eC||null==(l=eC.legalCheckout)?void 0:l.isChecked)){eu({type:s.Nr,payload:{isChecked:!1,showError:!0}}),ed({show:!0,type:"error",msg:ea("legal.checkout.error"),placement:"topRight"}),null==(i=document.getElementById("legal-checkbox"))||i.scrollIntoView({behavior:"smooth",block:"center"});return}let e=(null==eC?void 0:eC.orderCode)||"",o=(null==eC?void 0:eC.userInfoBooking)||{},r=(null==o?void 0:o.paymentMethod)||0,a=(null==o?void 0:o.addons)||{};if(!b()(a)&&!(null==a?void 0:a.validate)&&t){let e={...o,addons:{...a,isOpenCardInputModal:!0}};eu((0,g.tr)(e));return}J(!0),(0,y.Y2)({currentOrder:eq,eventBookingState:eC,isResale:eo}),ew({action:"checkout",version:ei}).then(t=>{(0,S.FL)({data:{orderCode:e,showingId:eV,hasPhysicalItem:eB,userInfoBooking:o,paymentMethodValue:r,isResale:eo,resaleCode:er},methods:{setIsInfoChanged:ee,setOpenPaymentModal:X,dispatch:eu,setDisableStep3Btn:J,setReloadDataModal:en},token:t,neededTKBCaptcha:el,userId:eg,dataCardInputModal:n})}).catch(e=>{})}},eK=(0,o.useMemo)(()=>{if(eq&&"1"!==eU){let e=(null==eq?void 0:eq.subtotalAmount)+eM;return eB&&(e+=e_),e-=eF,e-=eP}let e=eR+eM;return eB&&(e+=e_),e-=eF,e-=eP},[eR,eB,ez,e_,eM,eF,eP,eq,eU]),eJ=(0,o.useCallback)(e=>{if((null==e?void 0:e.code)===T.kp&&(null==e?void 0:e.message)&&(null==e?void 0:e.extensionsCode)){var t;ey(!1),ej({title:(null==(t=O.OJ[null==e?void 0:e.extensionsCode])?void 0:t[es])||O.OJ.default[es],msg:(null==e?void 0:e.message)||"",show:!0,callback:()=>{null==ej||ej({show:!1,title:"",msg:"",callback:()=>{}}),null==eu||eu({type:"OPEN_AUTHEN_MODAL"})}})}},[eu,ej,es]);(0,o.useEffect)(()=>{et(eK)},[eK]),(0,o.useLayoutEffect)(()=>{var e;ex(null==ep||null==(e=ep.current)?void 0:e.offsetWidth)},[ep]);let eQ=(0,o.useCallback)(e=>{ey(!0)},[eu,eT,eG,eV]),eX=(0,o.useCallback)(e=>{var t,n,l,i,o,r,a,s,d,c,u,p,h,f;let v=(0,m.u$)({showingId:eV,sufix:er}),x=JSON.parse(w.A.getStorage(v,null))||"";if(e.preventDefault(),null==(f=window)||null==(h=f.gtag)||h.call(f,"event","remove_from_cart",{currency:"VND",value:eK,items:[{item_id:eG+"",item_name:(null==eC||null==(n=eC.data)||null==(t=n.event)?void 0:t.title)||"",showing_id:eV,item_category:C()(null==eC||null==(i=eC.data)||null==(l=i.event)?void 0:l.categoriesV2)&&(null==eC||null==(a=eC.data)||null==(r=a.event)||null==(o=r.categoriesV2)?void 0:o.length)>0?null==eC||null==(c=eC.data)||null==(d=c.event)||null==(s=d.categoriesV2)?void 0:s[0]:"",location_id:(null==eC||null==(p=eC.data)||null==(u=p.event)?void 0:u.locationId)??"",item_category3:eo?"resale":"official"}]}),x&&eV){let e=eo?`/events/${eG}/resale-bookings/${eV}/select-ticket?code=${er}`:`/events/${eG}/bookings/${eV}/select-ticket`;eu((0,g.WD)({showingId:eV,bookingCode:x,callbackSuccess:()=>{window.localStorage.removeItem(v),ey(!1),window.location=e},callbackError:()=>{ey(!1)},handleErrorAuthen:eJ}))}else{ey(!1);let e=eo?`/events/${eG}/resale-bookings/${eV}/select-ticket?code=${er}`:`/events/${eG}/bookings/${eV}/select-ticket`;window.location=e}},[eV,eG,h.oo,eu,eK,eC,eJ,eo,er]),e0=(0,o.useMemo)(()=>eo||eI?ea("next"):eS,[eI,eS,ea,eo]);return(0,l.jsxs)(E.mO,{children:[(0,l.jsxs)(E.Jq,{className:"noselect",ref:ep,children:[(0,l.jsxs)(A.Zk,{title:(0,l.jsx)(A.kW,{isTextSemiBold:!0,wrapperStyles:{marginBottom:"0.2rem"},leftNode:(0,l.jsx)("p",{style:{transform:"scaleY(1.075)",fontSize:15},children:ea("bookingStep3Payment.ticketInfoTitle")}),rightNode:"1"!==eU?(0,l.jsx)("a",{style:{color:"#0A68FF",textAlign:"right",fontWeight:"400",fontSize:14},onClick:eQ,children:ea("bookingStep3Payment.reselectTicket")}):(0,l.jsx)(l.Fragment,{})}),noBottomPadding:"3"===eU,className:"3"===eU?"is-special-section-box":"",children:[(0,l.jsx)(A.kW,{isTextBold:!0,wrapperStyles:{marginBottom:"1rem"},leftNode:(0,l.jsx)("p",{style:{fontSize:"0.9rem"},children:ea("bookingStep1TicketTypes.type")}),rightNode:(0,l.jsx)("p",{style:{fontSize:"0.85rem"},children:ea("bookingStep1TicketTypes.quantity")})}),(0,l.jsx)(A.I6,{currentOrder:eq,currentBookings:eD,stepNum:eU}),(null==eD?void 0:eD.length)===0&&(0,l.jsx)(E.Gp,{marginBottom:"1rem"}),(0,l.jsx)(A.BW,{currentOrder:eq,totalPrice:eR,stepNum:eU,noSeatMap:eT,totalTickets:eL}),(0,l.jsx)(r.A,{ref:eb,size:"invisible",sitekey:"6LcZGcsqAAAAAKrXluRp0IUvIdWVfDizWfo1xZuU"}),"3"!==eU&&(0,l.jsxs)(A.c1,{id:"continue-btn",className:"desktop",disabled:(null==eD?void 0:eD.length)===0||!eI&&!eo||K,onClick:eY,children:[e0," ",(0,l.jsx)(u.h,{})]})]}),(0,l.jsx)(A.tr,{stepNum:eU,totalPrice:eR,finalTotalPrice:eK,currentBookings:eD,currentOrder:eq,handleContinueClick:eY,disableStep3Btn:Q,buyerFeeDesc:e$,fees:{hasPhysicalItem:eB,hasDiscountCode:ez,shippingFee:e_,printingFee:eM,discountAmount:eF,platformDiscountAmount:eP}}),"1"===eU&&!eT&&(0,l.jsx)(A.Zk,{title:ea("bookingStep1TicketTypes.price"),children:(0,l.jsx)(A.Cl,{ticketTypes:eE})})]}),ek&&(0,l.jsx)(v.Ol,{onOk:()=>{ey(!1)},onCancel:eX,visible:ek,message:ea("popup.cancelOrder.Description"),title:ea("popup.cancelOrder.Title"),okText:ea("popup.cancelOrder.CancelButton"),cancelText:ea("popup.cancelOrder.OkButton"),propsCancelButton:{style:{borderRadius:"4px",border:"1px solid #FF424E",color:"#FF424E"}},propsOkButton:{style:{borderRadius:"4px",border:"1px solid transparent"}}})]})}},96456:(e,t,n)=>{"use strict";n.d(t,{OZ:()=>eD,B8:()=>ed,V0:()=>e1,Bm:()=>tu});var l,i,o=n(6029),r=n(55729),a=n(71024),s=n.n(a),d=n(77475),c=n(58057),u=n(48486),p=n(44483),m=n(81109),g=n(96336),h=n(13731),f=n.n(h),v=n(26345),x=n(3750),b=n(37738);n(71079);var w=n(30824),k=n(81278),y=n(95816),j=n.n(y),C=n(91544),I=n.n(C),S=n(24669),A=n(30395);let N=A.default.div.withConfig({componentId:"sc-73c0bec3-0"})([".text-right{text-align:right;}.header-with-border{padding:10px 0;}.row-default{padding:20px 0;border-bottom:1px dashed #808089;}.text-uppercase{text-transform:uppercase;}.flex-end{display:flex;justify-content:flex-end;}.tag{padding:4px 8px;border-radius:12px;text-align:center;font-size:14px;align-self:center;}.titlepage{font-style:normal;font-weight:bold;font-size:16px;line-height:24px;text-align:center;margin-bottom:32px;padding-top:16px;position:relative;color:",";pading-left:1.2rem;cursor:pointer;@media ","{text-align:left;font-weight:bold;font-size:18px;line-height:24px;padding-left:2rem;}.back{left:0px;top:28px;svg path{stroke:white;}@media ","{display:block;}}}.ant-alert-info{background-color:#EBEBF0;border:1px solid #A6A6B0;}"],u.Zj.colors.mainGreen,u.y0.md,u.y0.md),E=A.default.div.withConfig({componentId:"sc-73c0bec3-1"})(["font-weight:700;font-size:16px;line-height:24px;text-align:center;position:relative;padding:.7rem 0;margin:-.5rem -1.5rem .5rem -1.5rem;border-bottom:1px solid #EBEBF0;border-top:1px solid #EBEBF0;overflow:hidden;"]),T={Wrapper:N,Title:E,Image:A.default.img.withConfig({componentId:"sc-73c0bec3-2"})(["width:100%;margin-bottom:1rem;border-radius:8px;"])};var O=n(6908);let B=A.default.div.withConfig({componentId:"sc-dc3992d1-0"})(["font-style:normal;font-weight:bold;font-size:16px;line-height:24px;text-align:center;margin-bottom:32px;padding-top:16px;position:relative;color:",";padding-left:1.2rem;.icon{cursor:pointer;position:absolute;

17left:0.75rem;display:flex;gap:0.5rem;justify-content:center;align-items:center;flex-direction:row;svg path{stroke:white;}}.content{display:flex;align-items:center;justify-content:center;cursor:default;}.back{left:0px;top:28px;svg path{stroke:white;}}"],u.Zj.colors.mainGreen),z=e=>{let{onClickBack:t=()=>{},titleZone:n}=e,{t:l}=(0,c.useLanguage)();return(0,o.jsxs)(B,{children:[(0,o.jsxs)("div",{className:"icon",onClick:t,children:[(0,o.jsx)(O.h,{className:"back"}),l("selectTicket.back")]}),(0,o.jsx)("div",{className:"content",children:n})]})};var $=n(56121),_=n.n($);let M=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" đ",n=(e+="").split("."),l=n[0],i=n.length>1?`.${n[1]}`:"",o=/(\d+)(\d{3})/;for(;o.test(l);)l=l.replace(o,"$1.$2");return l+i+t};var F=n(51565),P=n(34953),q=n(18609);function D(e){var t,n;let{ticket:l,ticketSelectedObject:i}=e,r=(0,b.wA)();return(0,o.jsxs)(d.fI,{className:"row-default",children:[(0,o.jsxs)(d.fv,{md:9,sm:7,children:[(0,o.jsx)(p.$j,{color:"white",weight:"600",style:{width:"80%"},children:(null==l?void 0:l.shortName)||(null==l?void 0:l.name)}),(0,o.jsx)(p.EY,{color:"mainGreen",weight:"700",children:M(null==l?void 0:l.price)})]}),(0,o.jsx)(d.fv,{md:3,sm:5,className:"text-right flex-end",children:v.pr.includes(null==l?void 0:l.status)?(0,o.jsx)(F.A,{onChange:e=>r((0,m.wb)(l,e)),max:l.maxQtyPerOrder,min:l.minQtyPerOrder,defaultValue:(null==i||null==(n=i[null==l?void 0:l.id])||null==(t=n[0])?void 0:t.quantity)||0}):(0,o.jsx)("div",{style:{...null===v.ii||void 0===v.ii?void 0:v.ii[null==l?void 0:l.status]},className:"tag",children:null==l?void 0:l.statusName})}),(null==l?void 0:l.description)&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(d.fv,{lg:12,style:{marginTop:"1rem"},children:(0,o.jsx)(P.A,{message:(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:(0,q.wb)(null==l?void 0:l.description)}}),style:{marginBottom:"12px",fontSize:"12px",wordBreak:"break-word",alignItems:"flex-start",alignSelf:"stretch",gap:".3rem"},showIcon:!0,icon:(0,o.jsx)(x.h,{})})})})]})}D.propTypes={ticket:_().shape({id:_().oneOfType([_().string,_().number]),name:_().string,price:_().number,status:_().number,statusName:_().string,maxQtyPerOrder:_().number,minQtyPerOrder:_().number,description:_().string}),ticketSelectedObject:_().objectOf(_().instanceOf(Array))},D.defaultProps={ticket:{},ticketSelectedObject:{}};let R=(0,r.memo)(D);var L=n(27429),V=n(69780),Z=n(47503),W=n(382);let G=A.default.div.withConfig({componentId:"sc-ef37b7f4-0"})(["font-size:14px;line-height:1.5;font-weight:400;display:-webkit-box;word-break:break-word;-webkit-box-orient:vertical;overflow:hidden;",""],e=>{let{lines:t}=e;return`
18    -webkit-line-clamp: ${t};
19  `}),H=A.default.button.withConfig({componentId:"sc-ef37b7f4-1"})(["color:#2563eb;cursor:pointer;background:none;border:none;padding:4px 0;font-size:14px;font-weight:400;&:hover{text-decoration:underline;}"]);function U(e){let{text:t,lines:n=2,onExpand:l,onCollapse:i,lang:a="vi",needExpand:s=!0,showExpand:d=!0}=e,c=(0,r.useRef)(null),[u,p]=(0,r.useState)(!1),[m,g]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{let e=c.current;e&&p(e.scrollHeight>e.clientHeight)},[t,n]),(0,o.jsxs)("div",{children:[(0,o.jsx)(G,{ref:c,lines:m?"unset":n,style:m?{display:"block"}:{},dangerouslySetInnerHTML:{__html:(0,q.wb)(t)}}),d&&u&&!m&&(0,o.jsx)(H,{onClick:()=>{"function"==typeof l&&l(),s&&g(!0)},children:"vi"===a?"Xem th\xeam":"Read more"}),m&&(0,o.jsx)(H,{onClick:()=>{g(!1),null==i||i()},children:"Thu gọn"})]})}var Y=n(17479),K=n(64382),J=n(54863),Q=n(76058),X=n(3380),ee=n(3484);let et=A.default.div.withConfig({componentId:"sc-141f42ce-0"})(["color:white;text-align:center;border-radius:12px;padding:12px;line-height:1.4;font-weight:600;background-color:#27272a;"]),en=(0,A.default)(K.A).withConfig({componentId:"sc-141f42ce-1"})([".ant-drawer-header{position:relative;}.ant-drawer-close{position:absolute !important;right:16px !important;top:50% !important;transform:translateY(-50%) !important;color:white !important;font-size:20px !important;line-height:1 !important;&:hover{color:#ccc !important;}svg{fill:white !important;stroke:white !important;color:white !important;*{fill:white !important;stroke:white !important;color:white !important;}}}.ant-drawer-header-title{width:100%;text-align:center;padding-right:40px;}.ant-drawer-body{margin-bottom:110px;}"]),el=function(e){let{visible:t,onClose:n,ticketTypeGroups:l,ticketSelectedObject:i,isMobile:r=!1,handleContinueClick:a,disableBtnCtn:s,isSalable:u=!0,totalPrice:p,statusName:m,collapse:g,date:h}=e,{t:f,lang:v}=(0,c.useLanguage)();return(0,o.jsxs)(en,{title:(0,o.jsx)("div",{style:{color:"#2dc275",textAlign:"center"},children:(0,ee.pD)(h,"dd MMMM yyyy",v)}),placement:"right",onClose:n,visible:t,forceRender:!0,destroyOnClose:!0,width:400,zIndex:998,styles:{body:{padding:0,backgroundColor:"#31353E"},header:{backgroundColor:"#23252C",borderBottom:"1px solid #444649",textAlign:"center"},closeBtnWrapper:{position:"absolute",right:"16px",top:"50%",transform:"translateY(-50%)"},wrapper:{borderLeft:"1px solid rgba(245, 245, 250, 0.30)",boxShadow:"0 16px 24px 0 rgba(40, 40, 43, 0.10)"}},children:[(0,o.jsx)(T.Wrapper,{style:{padding:"12px"},children:(0,o.jsxs)(d.mc,{children:[(0,o.jsx)(d.fI,{children:(0,o.jsx)(d.fv,{md:12,children:(0,o.jsx)(et,{children:null==l?void 0:l.name})})}),(0,o.jsx)(d.fI,{children:(0,o.jsx)(d.fv,{md:12,children:Array.isArray(null==l?void 0:l.ticketTypes)&&(null==l?void 0:l.ticketTypes.length)>0?null==l?void 0:l.ticketTypes.map((e,t)=>(0,o.jsx)(R,{ticket:e,ticketSelectedObject:i},t)):"No tickets available"})})]})}),(0,o.jsxs)(Q.A,{disableBtn:s,className:`bottomBooking ${r?"mobile":""}`,handleContinueClick:a,isMobile:r,isOpen:g,children:[u?`${f(s?"bookingInfo.notice":"next")} ${p?`- ${(0,J.lg)(p)}`:""}`:m," ",(0,o.jsx)(X.h,{className:`${s?"disable":""}`})]})]})};function ei(e){let{ticket:t,ticketSelectedObject:n,onSelect:l,totalPrice:i,handleContinueClick:a,disableBtnCtn:s,date:u}=e,m=(0,b.wA)(),{lang:g,t:h}=(0,c.useLanguage)(),[f,v]=(0,r.useState)(!1),[w,k]=(0,r.useState)(!1),y=(0,r.useCallback)(()=>{v(!1),m({type:Z.T})},[m]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(d.fI,{className:"row-default group-ticket",children:[(0,o.jsxs)(d.fv,{md:9,sm:7,children:[(0,o.jsx)(p.$j,{color:"white",weight:"700",style:{width:"80%"},children:null==t?void 0:t.name}),(0,o.jsx)(p.EY,{color:"mainGreen",weight:"700",children:M(null==t?void 0:t.price)})]}),(0,o.jsx)(d.fv,{md:3,sm:5,className:"text-right flex-end",children:(0,o.jsx)(W.Ay,{radius:"4",iconRight:(0,o.jsx)(V.h,{}),onClick:()=>v(!0),children:h("select")})}),(null==t?void 0:t.description)&&(0,o.jsx)(o.Fragment,{children:(0,o.jsx)(d.fv,{lg:12,style:{marginTop:"1rem"},children:(0,o.jsx)(P.A,{message:(0,o.jsx)(U,{text:null==t?void 0:t.description,lines:3,lang:g,onExpand:()=>k(!0),needExpand:!1,showExpand:!0}),style:{marginBottom:"12px",fontSize:"12px",wordBreak:"break-all",alignItems:"flex-start",alignSelf:"stretch",gap:".3rem"},showIcon:!0,icon:(0,o.jsx)(x.h,{})})})})]}),(0,o.jsx)(el,{visible:f,onClose:y,ticketTypeGroups:t,ticketSelectedObject:n,totalPrice:i,handleContinueClick:a,disableBtnCtn:s,date:u,isSalable:!0}),(0,o.jsx)(Y.A,{visible:w,title:h("description"),onCancel:()=>k(!1),footer:null,width:600,hideOkButton:!0,hideCancelButton:!0,isShowCloseIcon:!0,children:(0,o.jsxs)(L.I1,{children:[(0,o.jsx)(T.Title,{children:null==t?void 0:t.name}),(null==t?void 0:t.imageUrl)&&(0,o.jsx)(T.Image,{src:null==t?void 0:t.imageUrl,alt:null==t?void 0:t.name,loading:"lazy"}),(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:(0,q.wb)(null==t?void 0:t.description)}})]})})]})}

19ei.propTypes={ticket:_().shape({id:_().oneOfType([_().string,_().number]),name:_().string,price:_().number,status:_().number,statusName:_().string,maxQtyPerOrder:_().number,minQtyPerOrder:_().number,description:_().string}),ticketSelectedObject:_().objectOf(_().instanceOf(Array))},ei.defaultProps={ticket:{},ticketSelectedObject:{}};let eo=(0,r.memo)(ei);var er=n(99155);let ea=s()(()=>n.e(4211).then(n.bind(n,44211)),{loadableGenerated:{webpack:()=>[44211]}});function es(e){var t;let{setDisableBtn:n,totalPrice:l,handleContinueClick:i,disableBtnCtn:a,date:s}=e,p=(0,b.wA)(),{t:h}=(0,c.useLanguage)(),v=(0,k.useRouter)(),x=null==v||null==(t=v.query)?void 0:t.id,y=(0,b.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.ticketTypes)||[]}),C=(0,b.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.ticketTypeGroups)||[]}),A=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.ticketsSelected)||[]}),N=(0,b.d4)(e=>{var t;return null==e||null==(t=e.eventBooking)?void 0:t.data}),{url:E,originalId:O,id:B,title:$}=(0,b.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.event)||""}),[_,M]=(0,r.useState)(!1),[F,P]=(0,r.useState)({}),q=(0,r.useMemo)(()=>(null==A?void 0:A.length)?f()(A,"id"):{},[A]),[D,L]=(0,r.useState)(!1),V=(0,r.useCallback)(()=>{let e=(0,er.u$)({showingId:x}),t=JSON.parse(S.A.getStorage(e,null))||"";t&&x&&D&&p((0,m.WD)({showingId:x,bookingCode:t,callbackSuccess:()=>{p((0,m.HA)()),window.localStorage.removeItem(e)}})),v.push(`${E&&O?`/${E}-${O}`:"/"}`),p((0,m.HA)()),window.localStorage.removeItem(e),L(!1)},[p,E,D,x,v,O]),Z=(0,r.useCallback)(()=>{v.push(`${E&&O?`/${E}-${O}`:"/"}`)},[E,O,v]);return(0,r.useEffect)(()=>{if(!_&&!j()(N)){var e,t,n,l,i,o,r,a;M(!0),null==(a=window)||null==(r=a.gtag)||r.call(a,"event","add_to_cart",{seatmap_type:"null",item_id:B+"",item_name:$,showing_id:x,step:1,items:[{item_id:B+"",item_name:$,showing_id:x,item_category:I()(null==N||null==(e=N.event)?void 0:e.categoriesV2)&&(null==N||null==(n=N.event)||null==(t=n.categoriesV2)?void 0:t.length)>0?null==N||null==(i=N.event)||null==(l=i.categoriesV2)?void 0:l[0]:"",location_id:(null==N||null==(o=N.event)?void 0:o.locationId)??"",item_category3:"official"}]})}},[N,_,B,$,x]),(0,o.jsxs)(g.Ay,{theme:{token:{colorPrimary:u.Zj.colors.mainGreen}},children:[(0,o.jsxs)(T.Wrapper,{children:[(0,o.jsx)("div",{className:"titlepage",onClick:Z,children:(0,o.jsx)(z,{titleZone:h("bookingStepBar.selectTicket")})}),(0,o.jsx)(d.mc,{children:(0,o.jsxs)(d.fI,{children:[(0,o.jsx)(d.fv,{lg:2}),(0,o.jsx)(d.fv,{lg:8,md:12,children:(0,o.jsxs)(d.mc,{children:[Array.isArray(C)&&C.length>0&&C.map(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return(0,o.jsx)(eo,{ticket:e,ticketSelectedObject:q,onSelect:P,totalPrice:l,handleContinueClick:i,disableBtnCtn:a,date:s},t)}),Array.isArray(y)&&y.length>0&&y.map(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;return(0,o.jsx)(R,{ticket:e,ticketSelectedObject:q},t)})]})}),(0,o.jsx)(d.fv,{lg:2})]})}),D&&(0,o.jsx)(w.Ol,{onOk:V,onCancel:()=>{L(!1)},visible:D,message:h("bookingInfo.warChangeZone")})]}),(0,o.jsx)(ea,{setDisableBtn:n,date:s})]})}es.propTypes={},es.defaultProps={};let ed=(0,r.memo)(es);A.default.div.withConfig({componentId:"sc-edbc039e-0"})(["width:100%;display:grid;grid-template-columns:repeat(2,1fr);background-color:#e3e3e3;margin:-0.5px;overflow:hidden;margin-bottom:20px;@media ","{grid-template-columns:1fr;}"],u.qT.md),A.default.div.withConfig({componentId:"sc-edbc039e-1"})(["display:flex;align-items:center;column-gap:15px;border:0.5px dashed #ccc;padding:8px 15px;"]),A.default.div.withConfig({componentId:"sc-edbc039e-2"})(["width:32px;height:32px;border:1px solid #aaa;"," flex:0 0 32px;"],e=>{var t;return e.bgColor&&(0,A.css)(["background-color:",";"],e.bgColor?(null==(t=e.bgColor)?void 0:t.includes("#"))?e.bgColor:`#${e.bgColor}`:"#ccc")}),n(12059);let ec=A.default.div.withConfig({componentId:"sc-1adb286d-0"})(["display:flex;column-gap:10px;color:#fff;@media ","{flex-direction:column;row-gap:12px;padding:0 5px;}"],u.qT.md),eu=A.default.div.withConfig({componentId:"sc-1adb286d-1"})(["display:flex;column-gap:.25rem;color:#fff;"]),ep={Container:ec,CircleContainer:eu,Circle:A.default.div.withConfig({componentId:"sc-1adb286d-2"})(["width:20px;height:20px;border-radius:50%;border:1px solid #aaa;background-color:#fff;"," "," ",""],e=>"selected"===e.type&&(0,A.css)(["border-color:#8bc34a;background-color:#8bc34a;"]),e=>"unavailable"===e.type&&(0,A.css)(["border-color:#d32f2f;background-color:#f44336;"]),e=>"locked"===e.type&&(0,A.css)(["border-color:#616161;background-color:#9e9e9e;"]))};function em(){return(0,o.jsxs)(ep.Container,{children:[(0,o.jsx)(p.EY,{size:"sm",color:"secondary",children:"Vui l\xf2ng chọn ghế b\xean dưới"}),(0,o.jsxs)(ep.CircleContainer,{children:[(0,o.jsx)(ep.Circle,{}),(0,o.jsx)(p.EY,{size:"sm",weight:"600",color:"primary",children:"Ghế trống"})]}),(0,o.jsxs)(ep.CircleContainer,{children:[(0,o.jsx)(ep.Circle,{type:"selected"}),(0,o.jsx)(p.EY,{size:"sm",weight:"600",color:"primary",children:"Ghế đang chọn"})]}),(0,o.jsxs)(ep.CircleContainer,{children:[(0,o.jsx)(ep.Circle,{type:"unavailable"}),(0,o.jsx)(p.EY,{size:"sm",weight:"600",color:"primary",children:"Ghế đ\xe3 c\xf3 người chọn"})]}),(0,o.jsxs)(ep.CircleContainer,{children:[(0,o.jsx)(ep.Circle,{type:"locked"}),(0,o.jsx)(p.EY,{size:"sm",weight:"600",color:"primary",children:"Ghế kh\xf4ng được chọn"})]})]})}em.propTypes={},em.defaultProps={},n(86023);var eg=n(47406),eh=n(29294),ef=n(18839),ev=n(41535),ex=n(63781),eb=n(974),ew=n(80531);function ek(){return(ek=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e}).apply(this,arguments)}function ey(e){return r.createElement("svg",ek({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),l||(l=r.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6 0a1 1 0 00-1 1v14a1 1 0 001 1h12a1 1 0 001-1V1a1 1 0 00-1-1H6zm1 14V2h10v12H7z",fill:"#fff"})),i||(i=r.createElement("path",{d:"M3 5a1 1 0 00-2 0v14a1 1 0 001 1h12a1 1 0 100-2H3V5z",fill:"#fff"})))}var ej=n(87185),eC=n(40715),eI=n(37853),eS=n(97563),eA=n(20858),eN=n(61705),eE=n(22601),eT=n(66606);let eO=A.default.div.withConfig({componentId:"sc-afd51dec-0"})(["width:100%;height:100%;background-color:#38383d;margin-top:1rem;#divider{width:100%;height:1px;background-color:#515158;margin-top:1rem;}.section-title{color:#fff;margin-left:1rem;font-weight:bold;font-size:1.1em;margin-block:1rem;}div.skeleton-wrapper{padding:2rem 0;display:flex;flex-direction:column;gap:1rem;}

19div.radio-group,div.checkbox-group{display:flex;flex-direction:column;gap:0.75rem;}div.checkbox-group{label{color:#fff;margin-inline-start:0;}.ant-checkbox{transform:scale(1.25);margin-right:0.25rem;}}div.radio-group{label{color:#fff;margin-inline-start:0;}.ant-radio{transform:scale(1.25);margin-right:0.25rem;}}div.ant-collapse{overflow:hidden;}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ant-input{padding:10px 11px !important;border-radius:4px !important;background-color:#27272a !important;border:none;color:#fff;::placeholder{color:#ffffff80;opacity:1;}:-ms-input-placeholder{color:#ffffff80;}::-ms-input-placeholder{color:#ffffff80;}}div.ant-form-item{margin-inline:1rem;margin-bottom:2rem !important;}div.ant-form-item-label > label{color:#fff;font-weight:bold;}.ant-form-item-has-error .ant-radio-wrapper .ant-radio-inner,.ant-form-item-has-error .ant-checkbox-wrapper .ant-checkbox-inner{border-color:#ff4d4f;border-width:1px;}"]),eB=e=>{let{label:t,description:n,required:l}=e;return(0,o.jsxs)(eS.A,{style:{display:"flex",flexDirection:"column"},children:[(0,o.jsxs)("div",{style:{fontWeight:500},children:[t,l&&(0,o.jsx)("span",{style:{color:"red",marginLeft:4},children:"*"})]}),n&&(0,o.jsx)("div",{style:{color:"#ffffff85",fontWeight:400,fontSize:"12px",lineHeight:"150%",wordBreak:"break-word",margin:"-5px 0 8px 0"},children:n})]})},ez=(0,r.memo)(e=>{var t,n,l;let{formId:i,ticketTypeId:a,formOrder:s,setAllFormInstances:d,allFormInstances:p,setAllSuccessForms:m,allSuccessForms:h,setAllEditedForms:f,allEditedForms:v,setCopyTriggerRequest:x,copyTriggerRequest:w,getQuestionType:k,genAnswerCollection:y}=e,{t:j}=(0,c.useLanguage)(),[C]=eA.A.useForm(),I=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.dataEventQAForm)||{}}),S=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.dataEventFormAnswers)||void 0}),A=null==S||null==(t=S[s])?void 0:t.answerCollection,N=Object.keys(I).filter(e=>e.startsWith("is")),E=N.filter(e=>e.includes("Name")).length>0,T=async e=>{C.setFieldsValue({...e});let t={};A.reduce((e,n,l)=>{let{type:i,textAnswer:o,selectAnswers:r}=n;switch(i){case 1:C.setFieldValue(`question_${l}`,o||void 0),t[`question_${l}`]=o;break;case 2:C.setFieldValue(`question_${l}`,...r||[]),t[`question_${l}`]=[...r||[]];break;default:C.setFieldValue(`question_${l}`,r||void 0),t[`question_${l}`]=r}},null),m({...h,[i]:{...e,ticketTypeId:a}});let n={...e,...t,answerCollection:void 0,ticketTypeId:a};delete n.createdAt,delete n.updatedAt,f({...v,[i]:n})};(0,r.useEffect)(()=>{C&&d(e=>({...e,[i]:{...C,ticketTypeId:a}}))},[C]),(0,r.useEffect)(()=>{if(S&&null!==S){let e={...S[s]},t={};Object.entries(e).map(e=>{let[n,l]=e;l&&(t[n]=l)}),t.id=void 0,S[s]&&T(t)}},[S,A]);let O=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};switch(e){case 2:return(0,o.jsx)(eN.Ay.Group,{className:"radio-group",children:t.options.map((e,t)=>{let{optionText:n}=e;return(0,o.jsx)(eN.Ay,{value:t,children:n},n)})});case 3:return(0,o.jsx)(eE.A.Group,{className:"checkbox-group",options:t.options.map((e,t)=>{let{optionText:n}=e;return{label:n,value:t}})});default:return(0,o.jsx)(eT.A,{placeholder:j("bookingStep2Form.questions.textInput.placeholder")})}};return(0,r.useEffect)(()=>{if(w&&Object.keys(w).length>0){let{fromFormId:e,toFormId:t}=w;if(h&&Object.keys(h).length>0){let n=v[e]||{};if(i===t){C.setFieldsValue({...n});let e={},t=Object.entries(n).filter(e=>{let[t]=e;return t.startsWith("question")}).map(e=>e);t.some(e=>{let[t,n]=e;return n})&&t.map(t=>{let[n,l]=t,i=k(n,null==I?void 0:I.questionCollection);if(l)switch(i.questionType){case 2:C.setFieldValue(n,"number"==typeof l?l:null==l?void 0:l[0]),e[n]=["number"==typeof l?l:null==l?void 0:l[0]];break;case 3:C.setFieldValue(n,[...l]),e[n]=[...l];break;default:C.setFieldValue(n,l),e[n]=l||void 0}});let l={...n,...e,answerCollection:void 0,ticketTypeId:a};delete l.createdAt,delete l.updatedAt,f({...v,[i]:{...l}});let o=y(n);m({...h,[i]:{...o,ticketTypeId:a,id:void 0}})}}x({})}},[w,h]),(0,o.jsx)(eO,{children:(0,o.jsxs)(g.Ay,{theme:{token:{colorPrimary:u.Zj.colors.mainGreen}},children:[Object.keys(I).length<=0&&(0,o.jsxs)("div",{className:"skeleton-wrapper",children:[(0,o.jsx)(eb.A,{active:!0}),(0,o.jsx)(eb.A,{active:!0}),(0,o.jsx)(eb.A,{active:!0})]}),Object.keys(I).length>0&&(0,o.jsxs)(eA.A,{id:i,form:C,layout:"vertical",className:"noselect",onValuesChange:e=>{let[t,n]=Object.entries(e)[0];if(!t.startsWith("question")&&!n){let e={...h};delete e[i],m({...e,id:void 0});return}if(null!==S){let e=y(C.getFieldsValue());m({...h,[i]:{...e,ticketTypeId:a,id:void 0}})}f({...v,[i]:{...C.getFieldsValue(),ticketTypeId:a}})},onFinish:e=>{let t=y(e,a);Object.keys(t).map(e=>{void 0===t[e]&&delete t[e]}),m({...h,[i]:{...t,ticketTypeId:a,id:void 0}})},onFinishFailed:()=>{let e={...h};delete e[i],m({...e,ticketTypeId:a,id:void 0})},requiredMark:!1,children:[N.length>0&&(0,o.jsx)("div",{className:"section-title",children:j("bookingStep2Divider.basicInformation")}),N.length>0&&E&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(eA.A.Item,{label:(0,o.jsx)(eB,{label:j("bookingStep2Form.firstName.label"),description:"",required:!0}),name:"firstName",rules:[{required:!0,message:j("bookingStep2Form.firstName.message")}],children:(0,o.jsx)(eT.A,{placeholder:j("bookingStep2Form.firstName.placeholder")})},"firstName"),(0,o.jsx)(eA.A.Item,{label:(0,o.jsx)(eB,{label:j("bookingStep2Form.lastName.label"),description:"",required:!0}),name:"lastName",rules:[{required:!0,message:j("bookingStep2Form.lastName.message")}],children:(0,o.jsx)(eT.A,{placeholder:j("bookingStep2Form.lastName.placeholder")})},"lastName")]}),N.length>0&&N.filter(e=>!e.includes("Name")).map(e=>{let t=(0,er.pt)(e)[1].toLowerCase();return I[e]&&(0,o.jsx)(eA.A.Item,{label:(0,o.jsx)(eB,{label:j(`bookingStep2Form.${t}.label`),description:"",required:!0}),name:"phone"===t?"phoneNumber":t,rules:[{required:!0,message:j(`bookingStep2Form.${t}.message`)}],children:(0,o.jsx)(eT.A,{placeholder:j(`bookingStep2Form.${t}.placeholder`)})},t)}),N.length>0&&(null==I||null==(n=I.questionCollection)?void 0:n.length)>0&&(0,o.jsx)("div",{id:"divider"}),null==I||null==(l=I.questionCollection)?void 0:l.map((e,t)=>{let n=e.question;return(0,o.jsx)(eA.A.Item,{label:(0,o.jsx)(eB,{label:n,description:(null==e?void 0:e.helperText)??"",required:e.isAnswerRequired}),name:`question_${t}`,rules:[{required:e.isAnswerRequired,message:`${j("bookingStep2Form.questions.required")} ${t+1}!`}],children:O(e.type,e)},n)})]})]})})}),e$=A.default.div.withConfig({componentId:"sc-14c27f5a-0"}

19)(["height:100%;position:relative;div.ant-collapse-expand-icon{display:",";}div.skeleton-wrapper{padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem;}#main-collapse,.ant-collapse{overflow:hidden;.ant-collapse-item{overflow:hidden;border:none;background-color:#515158;margin-bottom:1rem;border-radius:0.75rem;}div.ant-collapse-header{padding-block:1.3rem;padding-inline:1.25rem;color:",";border-radius:0;font-weight:bold;font-size:1rem;text-transform:capitalize;position:relative;.ant-collapse-expand-icon{svg{path{fill:#fff;stroke:#fff;}}}@media ","{font-size:0.875rem;}position:relative;#copy-answers-desktop{justify-content:flex-end;align-items:center;gap:0.5rem;color:#fff;text-transform:none;font-size:0.85em;font-weight:normal;@media ","{font-size:0.8em;}background-color:transparent;width:100%;position:absolute;top:1.5rem;right:3.25rem;span{display:flex;justify-content:flex-end;align-items:center;gap:0.5rem;cursor:pointer;@media ","{gap:0.25rem;svg{transform:scale(0.8);}}}}}div.ant-collapse-content{background-color:#38383d;border-radius:0;overflow:hidden;border-top:#515158;div.ant-collapse-content-box{padding:0;}#copy-answers-mobile{justify-content:flex-end;align-items:center;gap:0.5rem;color:#fff;text-transform:none;font-size:0.85em;font-weight:normal;background-color:#515158;padding:0.2rem 1rem 1rem 0;width:100%;span{display:flex;justify-content:flex-end;align-items:center;gap:0.5rem;cursor:pointer;}}}}#step-title{color:",";text-transform:uppercase;margin-block:2rem;@media ","{margin-block:1rem;}font-size:1.25rem;font-weight:bold;}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.buttons-container{width:100%;display:flex;justify-content:space-between;gap:1rem;@media ","{flex-direction:column;}padding:1rem;}"],e=>{let{isPerOrder:t}=e;

19return t&&"none !important"},u.Zj.colors.mainGreen,u.qT.lg,u.qT.lg,u.qT.lg,u.Zj.colors.mainGreen,u.qT.md,u.qT.sm),e_=A.default.div.withConfig({componentId:"sc-14c27f5a-1"})(["div.ant-collapse-content{background-color:",";}"],e=>{let{hasCopy:t}=e;return t&&"#515158"}),eM=A.default.div.withConfig({componentId:"sc-14c27f5a-2"})(["color:#ffb700;font-size:0.95rem;margin-bottom:0.5rem;width:100%;line-height:1.4;"]),eF=A.default.div.withConfig({componentId:"sc-14c27f5a-3"})(["display:-webkit-box;line-height:1.4;text-overflow:ellipsis;overflow:hidden;width:70%;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:calc(1.4 * 3);"]),eP=s()(()=>n.e(4211).then(n.bind(n,44211)),{loadableGenerated:{webpack:()=>[44211]}}),{Panel:eq}=ev.A,eD=e=>{var t,n;let{setIsContinueHit:l,isContinueHit:i,setDisableBtn:a,isResale:s,resaleCode:d,date:p}=e,g=(0,ew.A)(),h=(0,r.useMemo)(()=>g.width<u.Zj.media.md,[g.width]),{t:f,lang:v}=(0,c.useLanguage)(),x=(0,k.useRouter)(),{setToast:w}=(0,eI.useToast)(),y=null==x||null==(t=x.query)?void 0:t.id,j=null==x||null==(n=x.query)?void 0:n.eventId,[C,S]=(0,r.useState)(0),[A,N]=(0,r.useState)(!1),[E,T]=(0,r.useState)(!1),[O,B]=(0,r.useState)([]),[z,$]=(0,r.useState)({}),[_,M]=(0,r.useState)({}),[F,P]=(0,r.useState)({}),[q,D]=(0,r.useState)({}),[R,V]=(0,r.useState)(!1),{yesFormIncluded:Z}=(0,er.TG)(y,j,"",s,d,p),W=(0,r.useRef)([]),G=(0,b.wA)(),H=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.currentOrder)||{}}),U=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.dataEventQAForm)||{}}),Y=(0,b.d4)(e=>{var t,n,l;return(null==e||null==(l=e.eventBooking)||null==(n=l.data)||null==(t=n.event)?void 0:t.title)||""}),K=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.data)||{}}),J=(0,b.d4)(e=>{var t,n,l;return(null==e||null==(l=e.eventBooking)||null==(n=l.data)||null==(t=n.event)?void 0:t.isFormPerOrder)||!1}),Q=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.dataEventFormAnswers)||void 0}),X=(0,b.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.ticketTypes)||[]}),ee=(0,b.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.ticketTypeGroups)||[]}),et=(0,r.useMemo)(()=>{let e=[];return Array.isArray(ee)&&ee.length>0&&ee.forEach(t=>{Array.isArray(null==t?void 0:t.ticketTypes)&&(null==t?void 0:t.ticketTypes.length)>0&&(e=[...e,...t.ticketTypes.map(e=>({...e,groupName:t.name}))])}),Array.isArray(X)&&X.length>0&&(e=[...e,...X]),e},[ee,X]),en=()=>{S(void 0),l(!1)},el=(0,r.useMemo)(()=>{var e,t,n,l,i;return I()(null==K||null==(e=K.event)?void 0:e.categoriesV2)&&(null==K||null==(n=K.event)||null==(t=n.categoriesV2)?void 0:t.length)>0?null==K||null==(i=K.event)||null==(l=i.categoriesV2)?void 0:l[0]:""},[K]),ei=(0,r.useMemo)(()=>{var e;return(null==K||null==(e=K.event)?void 0:e.locationId)??""},[K]);(0,r.useEffect)(()=>{var e,t,n;U&&(null==(e=Object.keys(U))?void 0:e.length)>0||(j&&(G((0,m.J_)(j)),G((0,m.Sb)(y,d)),null==(n=window)||null==(t=n.gtag)||t.call(n,"event","view_cart",{item_id:`${j}`,item_name:Y,showing_id:y,items:[{item_id:`${j}`,item_name:Y,showing_id:y,item_category:el,location_id:ei,item_category3:s?"resale":"official"}]})),a(!1))},[]),(0,r.useEffect)(()=>{if(Q){if(J)return void S(1);S(1)}},[Q,J]),(0,r.useEffect)(()=>{var e,t;if(J)return;let n=(null==O?void 0:O.length)>0&&(null==(e=Object.keys(z))?void 0:e.length)===(null==O?void 0:O.length),l=U&&(null==(t=Object.keys(U))?void 0:t.length)>0,i=void 0!==Q;n&&l&&i&&T(!0)},[J,z,null==O?void 0:O.length,U,Q]),(0,r.useEffect)(()=>{a(!E)},[E,a]),(0,r.useEffect)(()=>{var e;J&&U&&(null==(e=Object.keys(U))?void 0:e.length)>0&&(T(!0),S(1))},[J,U]),(0,r.useEffect)(()=>{if(H&&Object.keys(H).length>0){var e;B(null==H||null==(e=H.items)?void 0:e.flatMap(e=>{var t;return null==(t=Array(null==e?void 0:e.quantity))?void 0:t.fill(null==e?void 0:e.id)}))}},[H]);let eo=e=>{G((0,m.jn)({...e},J,O,e=>{T(!0),a(!1),e>=0&&(w({show:!0,type:"success",msg:f("bookingMessage.success"),des:f("bookingMessage.qaform.allFormsValid"),placement:"topRight",duration:5}),setTimeout(()=>{G((0,eC.oo)(null==Z?void 0:Z.step2))},500))},v,d))},ea=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=parseInt(e.split("_")[1],10);

19return{questionType:t[n].type,isQuestionRequired:t[n].isAnswerRequired}},es=(e,t)=>{let n={...e,ticketTypeId:t},l=Object.keys(e).filter(e=>e.startsWith("question"));if(l.length>0){let t=l.map(t=>{var n,l,i;let{questionType:o,isAnswerRequired:r}=ea(t,null==U?void 0:U.questionCollection);return 1===o?{textAnswer:e[t],type:o,required:r,checkKey:"textAnswer"}:{selectAnswers:(null==(n=Array)?void 0:n.isArray(e[t]))?null==(l=e[t])?void 0:l.filter(e=>null!=e):(i=[e[t]],i.filter(e=>null!=e)||[]),type:o,required:r,checkKey:"selectAnswers"}});return n={...n,answerCollection:t,id:void 0},l.forEach(e=>delete n[e]),n}return[]},ed=async(e,t)=>{en(),T(!0),a(!1);let n=[];if(t.forEach(e=>{let t=F[e]||{},{questionCollection:l}=U,i=!0;l.forEach((e,n)=>{if(e.isAnswerRequired){let l=t[`question_${n}`];((null==e?void 0:e.type)===1&&(void 0===l||(null==l?void 0:l.length)===0)||((null==e?void 0:e.type)===2||(null==e?void 0:e.type)===3)&&(void 0===l||(null==l?void 0:l.length)===0))&&(i=!1)}}),i||null==n||n.push(e)}),(null==n?void 0:n.length)>0){let e=null==n?void 0:n[0];S(Number(e.split("-")[2])),w({show:!0,type:"error",msg:`${f("bookingMessage.qaform.pleaseFillAllForms")} (${O.length} ${"vi"===v?"bảng":"forms"})`,des:`${f("bookingMessage.qaform.pleaseFillAllForms")} (${O.length} ${"vi"===v?"bảng":"forms"})`,placement:"topRight",duration:5}),setTimeout(()=>{var t;null==(t=W.current[Number(null==e?void 0:e.split("-")[2])-1])||t.scrollIntoView({behavior:"smooth",block:"center"})},500)}};(0,r.useEffect)(()=>{if(!i)return;A||N(!0),en(),T(!0);let e={formAnswers:[],showingId:Number(y)},t=!0,n=Object.values(z),l=Object.keys(z),o=async(n,i)=>{try{var o;let t=await n.validateFields(),r=null==z||null==(o=z[l[i]])?void 0:o.ticketTypeId,a=es(t,r,U);e.formAnswers.push(a)}catch(e){t=!1}},r=async()=>{var i;if(await Promise.all(n.map((e,t)=>o(e,t))),!t&&!J&&(null==n?void 0:n.length)!==(null==e||null==(i=e.formAnswers)?void 0:i.length))return void ed(n,l);eo(e)};J?o(n[0],0).then(()=>{t?eo(e):(T(!0),a(!1),w({show:!0,type:"error",msg:f("bookingMessage.qaform.invalidForm"),des:f("bookingMessage.qaform.pleaseCheckAgain"),placement:"topRight",duration:5}))}):r()},[i,A,z,U,J]);let ec=e=>{let{id:t,formOrder:n,hasCopy:l}=e,i=(0,r.useMemo)(()=>{let e=null==et?void 0:et.find(e=>(null==e?void 0:e.id)===Number(t));return(null==e?void 0:e.name)||""},[t,et]);return(0,o.jsx)("div",{className:"noselect",children:(0,o.jsxs)(L.so,{style:{gap:"5px",justifyContent:"space-between"},children:[(0,o.jsx)(eF,{children:i}),l&&(0,o.jsx)("div",{className:"noselect desktop",id:"copy-answers-desktop",children:(0,o.jsxs)("span",{onClick:e=>{var l;e.preventDefault(),e.stopPropagation(),S(n+1),D({fromFormId:"#qa-form-1",toFormId:`#qa-form-${n+1}`}),w({show:!0,type:"success",msg:`${f("copy.success")} ${null==et||null==(l=et.find(e=>(null==e?void 0:e.id)===Number(t)))?void 0:l.name}`,des:"",placement:"topRight",duration:5})},children:[(0,o.jsx)(ey,{}),"vi"===v?"Sao ch\xe9p từ bảng":"Copy from form "," ",1]})})]})})};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(e$,{isPerOrder:J,style:{overflow:E?"auto":"hidden",height:E?"100%":h?"60dvh":"65dvh"},children:[(0,o.jsx)("div",{style:{height:"500px",display:E?"none":"block",backgroundColor:"#515158",borderRadius:"0.75rem",position:"absolute",marginTop:h?"4rem":"5.3rem",inset:0,zIndex:50},children:(0,o.jsxs)("div",{className:"skeleton-wrapper",children:[(0,o.jsx)(eb.A,{active:!0}),(0,o.jsx)(eb.A,{active:!0}),(0,o.jsx)(eb.A,{active:!0}),(0,o.jsx)(eb.A,{active:!0})]})}),(0,o.jsx)("div",{id:"step-title",children:f("bookingStepBar.questionForm")}),s&&(0,o.jsxs)(eM,{children:[(0,o.jsx)(ej.h,{style:{marginRight:"0.5rem",transform:"translateY(4px)"}}),f("resale.booking.note.questionForm")]}),(0,o.jsx)(ev.A,{size:"large",accordion:!0,bordered:!1,id:"main-collapse",expandIconPosition:"end",showArrow:!J,activeKey:J?[1]:[C],expandIcon:J?void 0:e=>{let{isActive:t}=e;return(0,o.jsxs)("div",{style:{transform:"scale(1.5)"},children:[!E&&(0,o.jsx)(ex.A,{indicator:(0,o.jsx)(eg.A,{style:{fontSize:"0.9rem"},spin:!0})}),E&&(t?(0,o.jsx)(eh.A,{style:{marginTop:"0.25rem"}}):(0,o.jsx)(ef.A,{style:{marginTop:"0.25rem"}}))]})},collapsible:E?"":"disabled",onChange:e=>S(Number(e)),style:{wordBreak:"break-all"},children:!0===J?(0,o.jsx)(eq,{header:(0,o.jsx)(ec,{id:0,isEmpty:!1,formOrder:0,hasCopy:!1}),style:{opacity:+!!E},forceRender:!0,ref:e=>W.current[0]=e,children:(0,o.jsx)(e_,{hasCopy:!1,children:(0,o.jsx)(ez,{formOrder:0,ticketTypeId:0,formId:"#qa-form-1",setAllFormInstances:$,allFormInstances:z,setAllSuccessForms:M,allSuccessForms:_,setAllEditedForms:P,allEditedForms:F,setCopyTriggerRequest:D,copyTriggerRequest:q,getQuestionType:ea,genAnswerCollection:es})})},1):O.map((e,t)=>{let n=_[`#qa-form-${t+1}`]&&Object.values(_[`#qa-form-${t+1}`]).every(e=>e)||!1,l=Object.values(F[`#qa-form-${t+1}`]||{}).every(e=>!e)||!1;return(0,o.jsx)(eq,{header:(0,o.jsx)(ec,{id:e,isEmpty:l,isSuccess:n,formOrder:t,hasCopy:t>0}),style:{opacity:+!!E},forceRender:!0,ref:e=>W.current[t]=e,children:(0,o.jsxs)(e_,{hasCopy:t>0,children:[t>0&&(0,o.jsx)("div",{className:"noselect mobile",id:"copy-answers-mobile",children:(0,o.jsxs)("span",{onClick:e=>{e.preventDefault(),e.stopPropagation(),S(t+1),D({fromFormId:"#qa-form-1",toFormId:`#qa-form-${t+1}`})},children:[(0,o.jsx)(ey,{}),"vi"===v?"Sao ch\xe9p từ bảng":"Copy from form "," ",1]})}),(0,o.jsx)(ez,{formOrder:t,ticketTypeId:e,formId:`#qa-form-${t+1}`,setAllFormInstances:$,allFormInstances:z,setAllSuccessForms:M,allSuccessForms:_,setAllEditedForms:P,allEditedForms:F,setCopyTriggerRequest:D,copyTriggerRequest:q,getQuestionType:ea,genAnswerCollection:es})]})},t+1)})})]}),(0,o.jsx)(eP,{setDisableBtn:a,isResale:s,resaleCode:d,date:p})]})};var eR=n(34535),eL=n(23500),eV=n(89963),eZ=n(40709),eW=n(57383),eG=n(18812);let eH=e=>{let{openModalError:t,setOpenModalError:n,errorPaymentMethods:l,errorTicketInfo:i,setDisableStep3Btn:a,showingId:s,eventId:d,handleContinueClick:u,paymentMethod:p,isResale:g=!1,resaleCode:h=""}=e,{t:f,lang:v}=(0,c.useLanguage)(),x=(0,b.wA)(),{url:w,originalId:k}=(0,b.d4)(e=>{var t,n;return(null==e||null==(n=e.eventBooking)||null==(t=n.data)?void 0:t.event)||{}}),{userInfoBooking:y,currentOrder:C}=(0,b.d4)(e=>null==e?void 0:e.eventBooking),I=(0,r.useMemo)(()=>(null==C?void 0:C.date)?C.date:null,[C]),A=(null==l?void 0:l.extensionsCode)||(null==i?void 0:i.extensionsCode)||"",N=(0,r.useMemo)(()=>w&&k?`/${w}-${k}`:"/",[w,k]),E=(0,r.useCallback)(e=>{let{callbackSuccess:t=()=>{},callbackError:n=()=>{}}=e,l=(0,er.u$)({showingId:s}

19),i=JSON.parse(S.A.getStorage(l,null))||"";x((0,m.sf)({showingId:s,bookingCode:i,shippingFee:null==y?void 0:y.shippingFee,addressId:null==y?void 0:y.addressId})).then(e=>{e&&(null==t||t())})},[s,y]),T=(0,r.useCallback)(()=>{let e=(0,er.u$)({showingId:s,sufix:h}),t=JSON.parse(S.A.getStorage(e,null))||"",i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(e){window.location=e;return}if(s&&d){let e=new URLSearchParams;I&&e.append("date",I),g&&h&&e.append("code",h);let t=e.toString(),n=g?`/events/${d}/resale-bookings/${s}/select-ticket?${t}`:`/events/${d}/bookings/${s}/select-ticket?${t}`;window.location=n;return}window.location="/"},o=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";x((0,m.WD)({showingId:s,bookingCode:t,callbackSuccess:()=>{window.localStorage.removeItem(e),i(n)},callbackError:()=>{i(n)}}))};switch(null==l?void 0:l.code){case eG.Mc:a(!1);break;case eG.xl:E({callbackSuccess:()=>{},callbackError:()=>{}});break;case eG.kp:x({type:"OPEN_AUTHEN_MODAL"});break;case eG.BW:o(N),window.location=N;break;case eG.$X:case eG.uV:n(!1),x((0,m.ET)());break;case eG.eK:case eG._E:o(N),window.location=N;break;case eG.lu:case eG.Wh:o(`/resale-ticket/${N}`),window.location=`/resale-ticket/${N}`;break;case eG.Ud:case eG.Ky:window.location.reload();break;default:t&&s&&d?o(""):i()}n(!1),x((0,m.ET)())},[N,l,s,d,h,g,a,E,I]),O=(0,r.useCallback)(()=>{if((null==l?void 0:l.code)!==eG.xl)return void n(!1);E({callbackSuccess:()=>{n(!1),u()}})},[n,a,u,l]),B=(0,r.useMemo)(()=>(null==l?void 0:l.code)!==eG.xl&&(eG.NY.includes(l.code)||eG.NY.includes(i.code)),[l,i]),z=(0,r.useMemo)(()=>{let{code:e}=l||{},{code:t}=i||{};if(e===eG.xl)return f("popup.cancelOrderVoucher.stay");let n=(0,eW.Cm)(e)||(0,eW.Cm)(t);return n||f("bookingStep3Payment.payment.error.button")},[l,i,f]),$=(0,r.useCallback)(e=>{if(null==e?void 0:e.code){let t=(0,eW._j)(e.code,v);if(t)return`${t} (${e.code})`}switch(null==e?void 0:e.code){case eG.xl:return`${f("modal.exception.title")} (${eG.xl})`;case eG.kp:if("invalid_refresh_token"===A)return f("authen.notice");return f("authen.noted");case eG.$X:return`${f("modal.exception.title")} (${eG.$X})`;case eG.BW:return`${f("bookingInfo.invalidOrder")} (${eG.BW})`;default:return`${f("bookingStep3Payment.payment.error.title.bookingCode")} ${(null==e?void 0:e.code)?`(${null==e?void 0:e.code})`:""}`}},[f,A]),_=(0,r.useMemo)(()=>{let e=null;return j()(l)||(e=l),j()(i)||(e=i),e?$(e):""},[l,i,$,A]),M=(0,r.useCallback)(e=>(null==e?void 0:e.code)!==eG.kp||(null==e?void 0:e.message)?null==e?void 0:e.message:f("authen.expired"),[f]),F=(0,r.useMemo)(()=>M(l)||M(i),[l,i,M]);return(0,o.jsx)("div",{children:(0,o.jsx)(Y.A,{title:_,okText:z,cancelText:l.code===eG.xl?f("popup.cancelOrderVoucher.next"):f("paymentModal.cancel"),visible:t,onOk:T,onCancel:O,hideCancelButton:B,children:(0,o.jsx)("div",{id:"modal-containter",style:{padding:"8px 0",textAlign:"center",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"12px"},children:(0,o.jsx)("div",{style:{paddingInline:"1.25rem",lineHeight:"1.4rem"},dangerouslySetInnerHTML:{__html:F}})})})})},eU=A.default.div.withConfig({componentId:"sc-5a3b802f-0"})([".showCount{.slide-top{animation:slide-top 0.5s cubic-bezier(0.25,0.46,0.45,0.94) both;}}#step-title{color:",";text-transform:uppercase;margin-block:2rem;@media ","{margin-block:1rem;}font-size:1.25rem;font-weight:bold;}div.ant-form-item{flex:1;margin-bottom:0px;}.ant-input{padding:10px 11px !important;border-radius:4px !important;background-color:#f5f7fc;border:none !important;&:focus{border:none;box-shadow:none;}}.text-color-green{color:",";}.text-color-white{color:#fff;}.text-alert{color:#0a68ff;cursor:pointer;margin-left:4px;}.btn-cancel{background:cyan;}"],u.Zj.colors.mainGreen,u.qT.md,u.Zj.colors.mainGreen);A.default.div.withConfig({componentId:"sc-5a3b802f-1"})(["display:flex;align-items:center;justify-content:space-between;.input-discount{width:100%;height:40px;background:#27272a;border:1px solid #515158;border-radius:4px;margin-top:12px;padding:8px 16px;}.btn-discount{margin-top:12px;width:107px;height:40px;color:#78da90;border:1px solid #2dc275;border-radius:4px;margin-left:12px;}"]),A.default.div.withConfig({componentId:"sc-5a3b802f-2"})(["background:#38383d;border-radius:12px;width:100%;height:100%;padding:12px 16px;margin-bottom:12px;"]),(0,A.createGlobalStyle)([".target-payment-modal > .ant-modal-content{padding:0;margin:1rem 0;overflow:hidden;}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}"]);var eY=n(42730);let eK=e=>{let{uuid:t="",setUuid:n,setIsOpenModalContent:l,isOpenModalContent:i,method:a}=e,[s,d]=(0,r.useState)(null),{lang:u}=(0,c.useLanguage)();return(0,r.useEffect)(()=>{let e=async()=>{var e,i;let o=await (0,eY.Fe)(`/v1/applications/contents/${t}`,{},{"x-accept-language":u});j()(null==o||null==(e=o.data)?void 0:e.result)?(d(null),n({uuid:null,method:""}),l(!1)):(d(null==o||null==(i=o.data)?void 0:i.result),l(!0))};t&&e()},[t]),(0,o.jsx)(Y.A,{visible:i,title:null==s?void 0:s.title,width:620,hideCancelButton:!0,hideOkButton:!0,isShowCloseIcon:!0,onCancel:()=>{l(!1)},haveBorderonTitle:!0,children:(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:null==s?void 0:s.content},style:{minHeight:"50vh",maxHeight:"80vh",overflowY:"auto"}})})};var eJ=n(41589);let eQ=s()(()=>Promise.all([n.e(3790),n.e(7853)]).then(n.bind(n,67853)),{loadableGenerated:{webpack:()=>[67853]},ssr:!1}),eX=s()(()=>n.e(7892).then(n.bind(n,37892)),{loadableGenerated:{webpack:()=>[37892]},ssr:!1}),e0=e=>{var t,n,l,i,a,s,d;let{openPaymentModal:u,setOpenPaymentModal:p,setIsInfoChanged:g,isInfoChanged:h,finalTotalPrice:f,stepNum:v,setDisableStep3Btn:x,reloadDataModal:w,setReloadDataModal:y,handleContinueClick:C,isResale:A=!1,resaleCode:N=""}=e,{t:E,lang:T}=(0,c.useLanguage)(),O=(0,b.wA)(),B=(0,k.useRouter)(),z=null==B||null==(t=B.query

19)?void 0:t.eventId,$=null==B||null==(n=B.query)?void 0:n.id,{recaptchaRef:_,handleRecaptchaConfirm:M}=(0,eR.A)(),[F,P]=(0,r.useState)(null),[q,D]=(0,r.useState)(!1),[R,L]=(0,r.useState)({uuid:null,method:""}),[V,Z]=(0,r.useState)(!1),W=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.userInfoBooking)||{}}),G=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.dataSubmitOrderInfo)||{}}),{dataDirectoriesAddress:H}=(0,b.d4)(e=>(null==e?void 0:e.eventBooking)||{}),{dataStatusPaymentMethods:U}=(0,b.d4)(e=>(null==e?void 0:e.eventBooking)||{}),Y=(0,b.d4)(e=>{var t;return null==e||null==(t=e.user)?void 0:t.tboxUser}),K=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.data)||{}}),J=(0,b.d4)(e=>e.eventBooking||{}),Q=(null==J?void 0:J.loading)??!0;(0,b.d4)(e=>e.device);let[X,ee]=(0,r.useState)(T),[et,en]=(0,r.useState)(!1),{errorPaymentMethods:el,dataRequestPaymentMethods:ei,errorTicketInfo:eo}=(0,b.d4)(e=>e.eventBooking||{}),ea=null==K||null==(l=K.event)?void 0:l.hasPhysicalItem,es=(null==J||null==(i=J.currentOrder)?void 0:i.vouchers)||[],ed=(0,r.useMemo)(()=>null==K||!K.seatMapId||(null==K?void 0:K.id)!==$,[null==K?void 0:K.seatMapId,null==K?void 0:K.id,$]),ec=(null==W?void 0:W.addons)||{};(0,r.useEffect)(()=>{(null==H?void 0:H.results)||(O((0,m.iJ)({eventId:z,showingId:$})),O((0,m.Po)()))},[]),(0,r.useEffect)(()=>{(!T||T===X)&&(null==U?void 0:U.results)||(O((0,m.XO)(z,N)),ee(T))},[T,X,N]);let eu=(0,r.useCallback)(e=>{O((0,m.iJ)({eventId:z,showingId:$})),O((0,m.tr)({...W,...null==e?void 0:e.result}))},[W]);(0,r.useEffect)(()=>{if(null==H?void 0:H.results){var e,t,n;if((null==H||null==(e=H.results)?void 0:e.length)>0){let{cityId:e,wardId:l,address:i,fullName:o,phoneNumber:r,email:a,id:s,shippingFee:d,phoneRegion:c,fullAddress:u,fullAddressEn:p,note:g}=null==(t=H.results)?void 0:t[0];if(s&&(O((0,m.tr)({...W,cityId:e,wardId:l,address:i,fullName:o,phoneNumber:r,email:a,addressId:s,shippingFee:d,phoneRegion:c,fullAddress:u,fullAddressEn:p,note:g})),d&&(null==K||null==(n=K.event)?void 0:n.hasPhysicalItem))){let e=(0,er.u$)({showingId:$,sufix:N}),t=JSON.parse(S.A.getStorage(e,null))||"";O((0,m.sf)({showingId:$,bookingCode:t,shippingFee:d,addressId:s}))}}else if(Y.name||Y.email){let e={fullName:Y.name,email:Y.email,phoneNumber:Y.phone};$&&(e.showingId=parseInt((0,eJ.$J)($))),z&&(e.eventId=parseInt((0,eJ.$J)(z))),(async()=>

19{try{let t=await M({action:"payment_add",version:1});O((0,m.Z7)(e,t,eu))}catch(e){}})()}}},[null==H?void 0:H.results,Y,z,$,N]),(0,r.useEffect)(()=>{if(!j()(null==J?void 0:J.userInfoBooking)&&!j()(K)){var e,t,n,l,i,o,r,a,s,d,c,u,p,m,g,h,f,v;let x=(0,er.xh)({dataSendGA:K,currentOrder:(null==J||null==(e=J.currentOrder)?void 0:e.items)??[],showingId:$,noSeatMap:ed,item_category:I()(null==J||null==(n=J.data)||null==(t=n.event)?void 0:t.categoriesV2)&&(null==J||null==(o=J.data)||null==(i=o.event)||null==(l=i.categoriesV2)?void 0:l.length)>0?null==J||null==(s=J.data)||null==(a=s.event)||null==(r=a.categoriesV2)?void 0:r[0]:"",location_id:(null==J||null==(c=J.data)||null==(d=c.event)?void 0:d.locationId)??"",isResale:A});(null==J||null==(u=J.userInfoBooking)?void 0:u.paymentMethod)&&(null==J||null==(p=J.userInfoBooking)?void 0:p.email)&&!et&&(en(!0),null==(v=window)||null==(f=v.gtag)||f.call(v,"event","begin_checkout",{currency:"VND",value:(null==J||null==(m=J.currentOrder)?void 0:m.totalAmount)??0,items:x,payment_method:(null==J||null==(g=J.currentOrder)?void 0:g.totalAmount)?eV.JZ[null==J||null==(h=J.userInfoBooking)?void 0:h.paymentMethod]:"free"}))}},[J,et]),(0,r.useEffect)(()=>{el&&(null==el?void 0:el.code)?((null==el?void 0:el.code)!==eG.xl&&P(null==ei?void 0:ei.paymentMethod),D(!0)):(D(!1),x(!1),P("")),(null==eo?void 0:eo.message)&&D(!0)},[el,eo]);let ep=(0,r.useCallback)(e=>{if(Z(e),e&&!j()(null==J?void 0:J.userInfoBooking)&&!j()(K)){var t,n,l,i,o,r,a,s,d,c,u,p,m;let e=(0,er.xh)({dataSendGA:K,currentOrder:(null==J||null==(t=J.currentOrder)?void 0:t.items)??[],showingId:$,noSeatMap:ed,item_category:I()(null==J||null==(l=J.data)||null==(n=l.event)?void 0:n.categoriesV2)&&(null==J||null==(r=J.data)||null==(o=r.event)||null==(i=o.categoriesV2)?void 0:i.length)>0?null==J||null==(d=J.data)||null==(s=d.event)||null==(a=s.categoriesV2)?void 0:a[0]:"",location_id:(null==J||null==(u=J.data)||null==(c=u.event)?void 0:c.locationId)??""});null==(m=window)||null==(p=m.gtag)||p.call(m,"event","view_promotion",{promotion_name:(null==R?void 0:R.method)?eV.JZ[R.method]:"free",items:e})}},[J,R.method]),em=(0,r.useCallback)(()=>{O((0,m.tr)({...W,addons:{...null==W?void 0:W.addons,isOpenCardInputModal:!1}}))},[W]),eg=(0,r.useCallback)(()=>{let e=(null==W?void 0:W.addons)||{};if(!j()(e)&&!(null==e?void 0:e.validate)){let t={...W,addons:{...e,validate:!0}};O((0,m.tr)(t))}},[W]);if(!Q)return(0,o.jsxs)(eU,{children:[(0,o.jsx)(eL.A,{ref:_,size:"invisible",sitekey:"6LcZGcsqAAAAAKrXluRp0IUvIdWVfDizWfo1xZuU"}),(0,o.jsx)("div",{id:"step-title",children:E("bookingStepBar.paymentInfo")}),(0,o.jsxs)(o.Fragment,{children:[ea&&(0,o.jsx)(eZ.$T,{setIsInfoChanged:g,setReloadDataModal:y}),(0,o.jsx)(eZ.WM,{currentOrder:J,setIsInfoChanged:g,userInfoBooking:W,dataUserInfo:Y,setReloadDataModal:y,isHasPhysicalItem:ea}),!A&&(0,o.jsx)(eQ,{showingId:$,eventId:z,paymentMethod:null==J||null==(a=J.userInfoBooking)?void 0:a.paymentMethod,voucherCodes:es}),(0,o.jsx)(eZ.g5,{setDisableStep3Btn:x,error:F,finalTotalPrice:f,setUuid:L,setIsOpenModalContent:Z,isResale:A}),(0,o.jsx)(eZ.sK,{setIsInfoChanged:g,isInfoChanged:h,stepNum:v,dataUserInfo:Y,setReloadDataModal:y,reloadDataModal:w,showingId:$,eventId:z,isResale:A}),(0,o.jsx)(eZ.ad,{openPaymentModal:u,setOpenPaymentModal:p,submitOrderInfoResponse:{...G,method:null==J||null==(s=J.userInfoBooking)?void 0:s.paymentMethod}}),(0,o.jsx)(eH,{openModalError:q,setOpenModalError:D,errorPaymentMethods:el,errorTicketInfo:eo,setDisableStep3Btn:x,showingId:$,eventId:z,paymentMethod:null==J||null==(d=J.userInfoBooking)?void 0:d.paymentMethod,handleContinueClick:C,isResale:A,resaleCode:N}),(0,o.jsx)(eK,{uuid:null==R?void 0:R.uuid,setUuid:L,isOpenModalContent:V,setIsOpenModalContent:ep}),!j()(ec)&&(null==ec?void 0:ec.isOpenCardInputModal)&&(0,o.jsx)(eX,{open:!0,onClose:em,onSubmit:e=>{null==C||C(null,!1,e)},firstDigits:(null==ec?void 0:ec.prefixLength)||0,lastDigits:(null==ec?void 0:ec.suffixLength)||0,hasExpirationDate:(null==ec?void 0:ec.hasExpirationDate)||!1,termAndConditionText:(null==ec?void 0:ec.termAndConditionText)||"",rulesFirstDigits:(null==ec?void 0:ec.rules)||[],handleValidateAddOns:eg})]})]})};e0.propTypes={openPaymentModal:_().bool.isRequired,setOpenPaymentModal:_().func.isRequired,setIsInfoChanged:_().func.isRequired,isInfoChanged:_().bool.isRequired,finalTotalPrice:_().number.isRequired,stepNum:_().number.isRequired,setDisableStep3Btn:_().func.isRequired};let e1=(0,r.memo)(e0);var e2=n(14687),e4=n.n(e2),e5=n(40330),e8=n.n(e5);n(84143);var e3=n(8379),e6=n(63563),e7=n(61284),e9=n(49032),te=n(15012),tt=n(37491);n(82203);var tn=n(848);n(58885);var tl=n(57461);let ti=A.default.div.withConfig({componentId:"sc-7014b1ba-0"})(["width:100%;border-radius:12px;background:#f5f5fa;padding:2rem;@media ","{margin:1.5rem 0;border-radius:1.2rem;padding:2rem;}@media (max-width:767px){border-radius:0;padding:12px 12px;}.btn-primary{font-weight:500;font-size:16px;border-radius:4px;}.thankyou-content{width:100%;display:flex;gap:1rem;flex-direction:column;align-items:center;

19.thankyou-action{display:flex;flex-direction:row;gap:0.5rem;width:100%;@media ","{background-color:#fff;position:fixed;bottom:0;left:0;flex-direction:row;padding:12px;z-index:999;height:90px;gap:8px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.25);}}.divider{border-bottom:1px solid #e8e8e8;}}.thankyou-check-wrapper{display:flex;flex-direction:column;align-items:center;img{border-radius:0;}}.thankyou-banner-wrapper{display:flex;flex-direction:column;width:100%;.ant-descriptions-title{font-size:1.2rem;color:#38383d;font-weight:bold;}.total-amount{color:#2dc275;}.banner-img-wrapper{width:100%;border:1px solid #e8e8e8;border-bottom:none;border-radius:0.5rem 0.5rem 0 0;background-color:#fff;.banner-img{width:100%;border-radius:0.5rem 0.5rem 0 0;}}}.thankyou-check-content{display:flex;align-items:center;gap:0.5rem;img{border-radius:0;}}.ant-descriptions-item-label{width:40%;font-weight:bold;font-size:0.8rem;@media ","{width:25%;font-size:1rem;}}.ant-descriptions-item-content{font-size:0.8rem;@media ","{font-size:1.1rem;}}.ant-descriptions-view{border-radius:0;}.thankyou-title{font-weight:bold;font-size:20px;font-weight:700;}.thankyou-order-info{width:100%;border:transparent;border-radius:0.75rem;padding:0.75rem;background:#fff;.ant-descriptions-item{justify-content:center;.ant-descriptions-item-label,.ant-descriptions-item-content{color:#64646d;font-size:14px;font-weight:normal;}.ant-descriptions-item-label{flex-grow:1;color:#808089;}.ant-descriptions-item-content{flex-grow:2;display:flex;justify-content:right;}}.ant-descriptions .ant-descriptions-row > td{padding:0.75rem 0 !important;}.ant-descriptions .ant-descriptions-item-label::after{content:' ' !important;}.ant-descriptions .ant-descriptions-item-container{align-items:center;}.ant-descriptions-item .ant-descriptions-item-content{font-weight:500;font-size:14px;font-style:normal;color:#000;}@media ","{width:100%;}}.thankyou-text{display:flex;gap:1rem;flex-direction:column;text-align:center;}.thankyou-bottom-text{text-align:center;line-height:1.25rem;}"],u.y0.md,u.qT.md,u.y0.md,u.y0.md,u.y0.lg),to=A.default.div.withConfig({componentId:"sc-7014b1ba-1"})(["margin:0 auto;background:",";@media ","{max-width:45rem;}@media ","{max-width:64rem;}"],e=>e.isDark?u.Zj.colors.mainBg:u.Zj.colors.white,u.y0.md,u.y0.lg);A.default.div.withConfig({componentId:"sc-7014b1ba-2"})(["width:100%;height:100%;"]),A.default.div.withConfig({componentId:"sc-7014b1ba-3"})(["padding:1.5rem 0;font-size:14px;.text{margin-bottom:1rem;color:#27272a;font-size:16px;font-weight:600;}"]),A.default.div.withConfig({componentId:"sc-7014b1ba-4"})(["display:flex;flex-direction:column;padding:12px 16px;align-items:center;justify-content:center;gap:8px;.title{font-weight:600;color:#27272a;}.brand{display:flex;justify-content:center;padding:12px 0;gap:24px;}.social{display:flex;justify-content:center;gap:10px;}@media (max-width:767px){padding-bottom:8rem;}"]);let tr=s()(()=>Promise.all([n.e(2805),n.e(9995),n.e(2505)]).then(n.bind(n,79995)),{loadableGenerated:{webpack:()=>[79995]},ssr:!1}),ta=A.default.img.withConfig({componentId:"sc-6310221a-0"})(["width:","px;height:","px;border-radius:50%;"],e=>{let{size:t}=e;return t},e=>{let{size:t}=e;return t}),ts={SUCCESS:"success",PROCESSING:"processing",FAILURE:"failure"},td={[ts.SUCCESS]:{logo:e9.A,icon:e3.A,color:"#2DC275"},[ts.PROCESSING]:{logo:e4(),icon:te.A,color:"#FFB700"},[ts.FAILURE]:{logo:e7.A,icon:e6.A,color:"#FF424E"}};function tc(){var e,t,n,l,i,a,s,u;let{t:p,lang:m}=(0,c.useLanguage)(),g=(0,k.useRouter)(),h=(0,b.d4)(e=>{var t;return(null==e||null==(t=e.eventBooking)?void 0:t.data)||{}}),f=Number(null==g||null==(e=g.query)?void 0:e.id),x=null==g||null==(t=g.query)?void 0:t.eventId,w=null==g||null==(n=g.query)?void 0:n.slug,y=null==w?void 0:w.split("-")[1],[C,S]=(0,r.useState)({}),[A,N]=(0,r.useState)({}),[E,T]=(0,r.useState)(0),[O,B]=(0,r.useState)(window.innerWidth<768),z=(0,r.useCallback)(async()=>{let e=window.location.pathname.split("-"),t=e[e.length-1];if(x&&f&&t)try{var n;let e=await (0,eY.Fe)(`/v1.1/orders/${t}`,{},{"x-accept-language":m}),l=(null==e||null==(n=e.data)?void 0:n.result)||{};

19j()(l)?window.location.replace("/404"):S(l)}catch(e){}},[m]);(0,r.useEffect)(()=>{x&&f&&y?z():window.location.replace("/404")},[m,x,f]),(0,r.useEffect)(()=>{},[C]);let $=(0,r.useCallback)(()=>(0,o.jsx)(W.Ay,{radius:"8",width:"100%",onClick:()=>{C&&(null==C?void 0:C.status)!=="failure"?g.push("/my-tickets"):g.push({pathname:`/${C.eventUrl}`})},className:"btn-primary",children:(null==C?void 0:C.status)==="failure"?p("bookingStep4.bookingAgain"):p("bookingStep4.myTickets")}),[C]);(0,r.useEffect)(()=>{let{status:e}=C||{};e&&N(td[e])},[C]),(0,r.useEffect)(()=>{let e=null==C?void 0:C.intervalTime;if((null==C?void 0:C.status)==="processing"&&(null==C?void 0:C.intervalTime)>0&&E<(null==C?void 0:C.intervalCount)){let t=setInterval(()=>{z(),T(e=>e+1),E===(null==C?void 0:C.intervalCount)&&clearInterval(t)},e);return()=>clearInterval(t)}return()=>{}},[C,E]);let _=(0,r.useMemo)(()=>{var e,t,n,l;return I()(null==h||null==(e=h.event)?void 0:e.categoriesV2)&&(null==h||null==(n=h.event)||null==(t=n.categoriesV2)?void 0:t.length)>0?null==h||null==(l=h.event)?void 0:l.categoriesV2:[]},[h]),M=()=>{B(window.innerWidth<768)};return((0,r.useEffect)(()=>(window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)}),[]),O?(null==C||null==(l=C.suggestionEvent)?void 0:l.mobileImageUrl)||e8():(null==C||null==(i=C.suggestionEvent)?void 0:i.imageUrl)||e8(),0===Object.keys(C).length)?(0,o.jsx)(tn.A,{}):(0,o.jsxs)(tl.wI.Wrapper,{children:[(0,o.jsx)(to,{children:(0,o.jsxs)(d.fI,{children:[(0,o.jsx)(d.fv,{lg:2,md:1}),(0,o.jsx)(d.fv,{lg:8,md:10,children:(0,o.jsx)(ti,{children:(0,o.jsx)(L.N,{children:(0,o.jsxs)("div",{className:"thankyou-content",children:[(0,o.jsxs)("div",{className:"thankyou-check-wrapper",children:[(0,o.jsx)(ta,{size:175,src:A.logo,alt:"Checked icon thank you page"}),(0,o.jsxs)("div",{className:"thankyou-check-content",children:[(0,o.jsx)("img",{src:A.icon,alt:"Checked icon thank you page"}),(0,o.jsx)("h1",{className:"thankyou-title",style:{color:A.color},children:null==C?void 0:C.bookingLabel})]})]}),(null==C?void 0:C.status)==="processing"&&(0,o.jsx)(P.A,{message:(0,o.jsx)("div",{dangerouslySetInnerHTML:{__html:null==C?void 0:C.notice}}),type:"warning",style:{backgroundColor:"#fff",width:"100%",padding:"12px",border:"none"},showIcon:!0,icon:(0,o.jsx)(ej.h,{})}),(0,o.jsx)("div",{className:"thankyou-banner-wrapper thankyou-order-info",children:(0,o.jsxs)(tt.A,{column:1,children:[(0,o.jsx)(tt.A.Item,{label:p("bookingStep4.eventName"),className:"divider",children:(null==C||null==(a=C.event)?void 0:a.length)>80?(0,o.jsxs)(o.Fragment,{children:[null==C||null==(s=C.event)?void 0:s.slice(0,80),"..."]}):null==C?void 0:C.event}),(0,o.jsx)(tt.A.Item,{label:p("bookingStep4.orderCode"),className:"divider",children:null==C||null==(u=C.orderCode)?void 0:u.toUpperCase()}),(0,o.jsx)(tt.A.Item,{label:p("bookingStep4.totalAmount"),children:(0,o.jsx)("span",{className:"total-amount",children:(0,eJ.vv)(null==C?void 0:C.totalAmount,m," đ")})})]})}),(0,o.jsxs)("div",{className:"thankyou-action",children:[(0,o.jsx)(W.Ay,{radius:"8",hierarchy:"secondary",width:"100%",className:"btn-primary",onClick:()=>{g.push("/")},children:p("newHeader.backToHome")}),(0,o.jsx)($,{})]})]})})})}),(0,o.jsx)(d.fv,{lg:2,md:1})]})}),(0,o.jsx)(tr,{categories:null==_?void 0:_.join(","),at:v.lj.THANK_YOU,eventId:x})]})}tc.propTypes={},tc.defaultProps={};let tu=(0,r.memo)(tc)}}]);