https://cmda.asia/_next/static/chunks/pages/activities/[slug]-d99b07af51186373.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8943],{10038:function(t,e,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/activities/[slug]",function(){return i(58456)}])},52077:function(t,e,i){"use strict";i.d(e,{Qj:function(){return u},f5:function(){return m},zx:function(){return _}});var n=i(26042),a=i(69396),r=i(99534),s=i(85893),c=i(68101),o=i.n(c),d=i(41664),l=i.n(d);function u(t){var e=t.children,i=t.href,c=t.className,d=void 0===c?"":c,u=(0,r.Z)(t,["children","href","className"]);return u.disabled?(0,s.jsx)("a",(0,a.Z)((0,n.Z)({className:"".concat(o().button," ").concat(d),style:{cursor:"not-allowed"}},u),{children:e})):(0,s.jsx)(l(),{href:i,children:(0,s.jsx)("a",(0,a.Z)((0,n.Z)({className:"".concat(o().button," ").concat(d)},u),{children:e}))})}function _(t){var e=t.children,i=t.className,c=void 0===i?"":i,d=(0,r.Z)(t,["children","className"]);return(0,s.jsx)("button",(0,a.Z)((0,n.Z)({type:"button",className:"".concat(o().button," ").concat(c)},d),{children:e}))}function m(t){var e=t.children,i=t.className,c=void 0===i?"":i,d=(0,r.Z)(t,["children","className"]);return(0,s.jsx)("button",(0,a.Z)((0,n.Z)({type:"button",className:"".concat(o().outline," ").concat(c)},d),{children:e}))}},2933:function(t,e,i){"use strict";i.d(e,{Z:function(){return m}});var n=i(85893),a=(i(67294),i(15403)),r=i(4587),s=i(30778),c=i.n(s),o=i(11532),d=i(95297),l=i(51836),u=i(49142),_=i(14723);function m(t){var e=t.children,i=t.backgroundColor,s=t.notificationBar,m=(0,o.C)(d.cv),p=(0,o.C)(_.Gp);return(0,n.jsxs)("div",{className:c().main,style:i?{backgroundColor:i}:{},children:[(0,n.jsx)(r.Z,{}),(0,n.jsx)(l.Z,{}),s&&(0,n.jsx)("div",{className:c().notificationBar,style:s.backgroundColor?{backgroundColor:s.backgroundColor}:{},children:s.text}),(0,n.jsxs)("div",{style:{display:m?"none":"block"},children:[(0,n.jsx)(u.Z,{banners:null===p||void 0===p?void 0:p.slider}),e]}),(0,n.jsx)(a.Z,{})]})}},58456:function(t,e,i){"use strict";i.r(e),i.d(e,{__N_SSP:function(){return b}});var n=i(14924),a=i(26042),r=i(69396),s=i(29815),c=i(85893),o=i(2933),d=i(25675),l=i.n(d),u=i(69818),_=i.n(u),m=i(38434),p=i(21281),v=i(67294),x=i(9008),h=i.n(x),f=i(11163),j=i(85611),g=i(52077),k=i(41664),y=i.n(k);var b=!0;e.default=function(t){var e,i,d=t.pageInfo,u=(0,f.useRouter)(),x=(0,j.e1)().addToast,k=(0,v.useState)({}),b=k[0],C=k[1];if(!d)return window.location.href="/404",null;var N,S,B=(0,m.rA)(d.description),w=d.is_ticketed,D=(0,m.vJ)(d),z=(0,m.LM)(d),Z=d.ticket_types||[],M=d.registration_deadline&&new Date(d.registration_deadline)<new Date,E=d.event_date&&function(){var t=d.event_end_date||d.event_date,e=d.event_end_time||d.event_time||"23:59";return new Date("".concat(t,"T").concat(e))<new Date}(),A=function(t){var e=parseInt(null===t||void 0===t?void 0:t.min_per_order,10);return Number.isInteger(e)&&e>0?e:1},T=function(t){var e=parseInt(null===t||void 0===t?void 0:t.max_per_order,10);return Number.isInteger(e)&&e>0?e:10},W=function(t,e){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10,s=Math.min(Math.max(0,e),i||10);C((function(e){return(0,r.Z)((0,a.Z)({},e),(0,n.Z)({},t,s))}))},O=function(){return Z.reduce((function(t,e){return t+(b[e.id]||0)*(parseFloat(e.price)||0)}),0)},P=function(){return Object.values(b).reduce((function(t,e){return t+(e||0)}),0)},I=(0,s.Z)(Z).sort((function(t,e){return(t.sort_order||0)-(e.sort_order||0)})),q=function(t){var e=function(t){return null!=t.quantity_limit&&(t.sold_count||0)>=t.quantity_limit}(t),i=function(t){return null==t.quantity_limit?null:t.quantity_limit-(t.sold_count||0)}(t),n=t.validity_start&&new Date(t.validity_start)>new Date,a=t.validity_end&&new Date(t.validity_end)<new Date,r=function(t){var e=t.soldOut,i=t.isPastDeadline,n=t.isPastEvent,a=t.isNotYetOnSale,r=t.isSaleEnded;return e?"\u5df2\u552e\u7f44":i?"\u5831\u540d\u5df2\u622a\u6b62":n?"\u6d3b\u52d5\u5df2\u7d50\u675f":a?"\u5c1a\u672a\u958b\u552e":r?"\u552e\u7968\u7d50\u675f":""}({soldOut:e,isPastDeadline:M,isPastEvent:E,isNotYetOnSale:n,isSaleEnded:a});return{soldOut:e,remaining:i,isNotYetOnSale:n,isSaleEnded:a,disabledReason:r}},H=function(t){return 0===parseFloat(t.price)?"\u81ea\u7531\u5949\u737b":"HK$".concat(t.price)},F=function(t){var e=A(t);return e<=1?null:(0,c.jsxs)("div",{className:_().ticketMinHint,children:["\u6700\u5c11\u8cfc\u8cb7 ",e," \u5f35"]})}

1,L=function(t){var e=t.soldOut,i=t.remaining,n=t.isNotYetOnSale,a=t.isSaleEnded;return e?(0,c.jsx)("span",{className:_().ticketStatusEnded,children:"\u5df2\u552e\u7f44"}):n?(0,c.jsx)("span",{className:_().ticketStatusPending,children:"\u5c1a\u672a\u958b\u552e"}):a?(0,c.jsx)("span",{className:_().ticketStatusEnded,children:"\u552e\u7968\u7d50\u675f"}):null!=i?(0,c.jsxs)("span",{className:i<=10?_().ticketStatusPending:_().ticketStatusOpen,children:["\u5269\u9918 ",i," \u5f35"]}):(0,c.jsx)("span",{className:_().ticketStatusOpen,children:"\u6709\u7968"})},R=function(t,e){if(e)return(0,c.jsx)("span",{className:_().ticketStatusEnded,children:e});var i=b[t.id]||0,n=i>=T(t);return(0,c.jsxs)("div",{className:_().ticketStepper,children:[(0,c.jsx)("button",{type:"button",onClick:function(){return function(t){var e=b[t.id]||0;if(!(e<=0)){var i=e<=A(t)?0:e-1;W(t.id,i,T(t))}}(t)},disabled:i<=0,"aria-label":"\u6e1b\u5c11\u6578\u91cf",children:"-"}),(0,c.jsx)("span",{children:i}),(0,c.jsx)("button",{type:"button",onClick:function(){return function(t){var e=b[t.id]||0,i=T(t),n=A(t);if(e>=i)x("\u5df2\u9054\u55ae\u500b\u7528\u6236\u7684\u8cfc\u7968\u4e0a\u9650",{appearance:"warning",autoDismiss:!0});else{var a=e<n?n:e+1;a>i?x("\u300c".concat(t.name,"\u300d\u6700\u5c11\u8cfc\u8cb7 ").concat(n," \u5f35\uff0c\u4f46\u6bcf\u55ae\u4e0a\u9650\u70ba ").concat(i," \u5f35"),{appearance:"warning",autoDismiss:!0}):W(t.id,a,i)}}(t)},"aria-disabled":n,"aria-label":"\u589e\u52a0\u6578\u91cf",className:n?_().ticketStepperAtMax:void 0,children:"+"})]})};return(0,c.jsxs)(o.Z,{children:[(0,c.jsx)(p.Z,{navItems:[{title:"\u574a\u9593\u57fa\u7763\u6559\u97f3\u6a02\u6d3b\u52d5",url:"/activities"},{title:null!==(N=d.title)&&void 0!==N?N:""}]}),(0,c.jsxs)(h(),{children:[(0,c.jsx)("meta",{name:"subject",content:d.title}),(0,c.jsx)("meta",{name:"og:title",content:d.title}),(0,c.jsx)("meta",{name:"description",content:B}),(0,c.jsx)("meta",{name:"og:description",content:B}),(0,c.jsx)("meta",{name:"og:type",content:"article"}),(0,c.jsx)("meta",{name:"revised",content:d.updated_at}),(null===d||void 0===d||null===(e=d.cover_image)||void 0===e?void 0:e.url)&&(0,c.jsx)("meta",{name:"og:image",content:(0,m.HH)(d.cover_image.url)})]}),(0,c.jsx)("div",{className:_().about,children:(0,c.jsxs)("div",{className:_().container,children:[(0,c.jsxs)("div",{className:_().activityDetailRow,children:[(0,c.jsxs)("div",{className:_().activityDetailMain,children:[(D||d.event_date||d.venue)&&(0,c.jsxs)("div",{style:{marginBottom:30,padding:"20px 0",borderBottom:"1px solid #e0e0e0"},children:[D&&(0,c.jsxs)("p",{style:{fontSize:18,color:"#5B5B5B",marginBottom:8},children:[(0,c.jsx)("strong",{style:{fontWeight:600},children:"\u4e3b\u8fa6\u55ae\u4f4d\uff1a"}),z?(0,c.jsx)(y(),{href:z,children:(0,c.jsx)("a",{style:{color:"#B11116",textDecoration:"underline"},children:D})}):D]}),d.event_date&&(0,c.jsxs)("p",{style:{fontSize:18,color:"#5B5B5B",marginBottom:8},children:[(0,c.jsx)("strong",{style:{fontWeight:600},children:"\u6d3b\u52d5\u65e5\u671f\uff1a"}),d.event_date,d.event_end_date&&d.event_end_date!==d.event_date&&" \u81f3 ".concat(d.event_end_date)]}),(d.event_time||d.event_end_time)&&(0,c.jsxs)("p",{style:{fontSize:18,color:"#5B5B5B",marginBottom:8},children:[(0,c.jsx)("strong",{style:{fontWeight:600},children:"\u6d3b\u52d5\u6642\u9593\uff1a"}),d.event_time?d.event_time.substring(0,5):"",d.event_end_time?" \u2013 ".concat(d.event_end_time.substring(0,5)):""]}),d.venue&&(0,c.jsxs)("p",{style:{fontSize:18,color:"#5B5B5B",marginBottom:8},children:[(0,c.jsx)("strong",{style:{fontWeight:600},children:"\u5730\u9ede\uff1a"}),d.venue]})]}),(0,c.jsx)("div",{className:"".concat(_().paragraph," ").concat(_().activityDescription),dangerouslySetInnerHTML:{__html:(0,m.MM)(null!==(S=d.description)&&void 0!==S?S:"")}})]}),(0,c.jsx)("div",{className:_().activityCover,children:(0,c.jsx)(l(),{src:(0,m.HH)((null===(i=d.cover_image)||void 0===i?void 0:i.url)||m.D),alt:d.title||"\u6d3b\u52d5\u5c01\u9762",width:640,height:640,layout:"responsive",objectFit:"contain"})})]}),w&&0===Z.length&&(0,c.jsxs)("div",{style:{marginTop:40,padding:"30px 0",borderTop:"2px solid #B11116"},children:[(0,c.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#B11116",marginBottom:24},children:"\u8cfc\u7968"}),(0,c.jsx)("p",{style:{color:"#777",fontSize:22,fontWeight:"bold",padding:"30px 0",textAlign:"center",background:"#f9f9f9",borderRadius:8},children:"\u8cfc\u7968\u8a73\u60c5\u53ca\u9580\u7968\u985e\u578b\u5c07\u7a0d\u5f8c\u516c\u4f48"})]}),w&&Z.length>0&&(0,c.jsxs)("div",{style:{marginTop:40,padding:"30px 0",borderTop:"2px solid #B11116"},children:[(0,c.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#B11116",marginBottom:24},children:"\u8cfc\u7968"}),M&&(0,c.jsx)("p",{style:{fontWeight:700,color:"#B11116",fontSize:16,marginBottom:20},children:"\u5831\u540d\u5df2\u622a\u6b62"}),E&&!M&&(0,c.jsx)("p",{style:{fontWeight:700,color:"#B11116",fontSize:16,marginBottom:20},children:"\u6d3b\u52d5\u5df2\u7d50\u675f"}),(0,c.jsx)("div",{className:_().ticketTableWrap,children:(0,c.jsxs)("table",{style:{width:"100%",borderCollapse:"collapse"},children:[(0,c.jsx)("thead",{children:(0,c.jsxs)("tr",{style:{borderBottom:"2px s

1olid #ddd"},children:[(0,c.jsx)("th",{style:{textAlign:"left",padding:"12px 8px",fontSize:16,color:"#333",maxWidth:"40vw"},children:"\u9580\u7968\u985e\u578b"}),(0,c.jsx)("th",{style:{textAlign:"right",padding:"12px 8px",fontSize:16,color:"#333"},children:"\u50f9\u683c"}),(0,c.jsx)("th",{style:{textAlign:"center",padding:"12px 8px",fontSize:16,color:"#333",minWidth:"14vw"},children:"\u72c0\u614b"}),(0,c.jsx)("th",{style:{textAlign:"center",padding:"12px 8px",fontSize:16,color:"#333",minWidth:140},children:"\u6578\u91cf"})]})}),(0,c.jsx)("tbody",{children:I.map((function(t){var e=q(t);return(0,c.jsxs)("tr",{style:{borderBottom:"1px solid #eee"},children:[(0,c.jsxs)("td",{style:{padding:"16px 8px"},children:[(0,c.jsx)("div",{style:{fontWeight:600,fontSize:16},children:t.name}),t.description&&(0,c.jsx)("div",{style:{fontSize:14,color:"#777",marginTop:4},children:t.description}),F(t)]}),(0,c.jsx)("td",{style:{textAlign:"right",padding:"16px 8px",fontSize:16,fontWeight:600,color:"#B11116"},children:H(t)}),(0,c.jsx)("td",{style:{textAlign:"center",padding:"16px 8px"},children:L(e)}),(0,c.jsx)("td",{style:{textAlign:"center",padding:"16px 8px"},children:R(t,e.disabledReason)})]},t.id)}))})]})}),(0,c.jsx)("div",{className:_().ticketCards,children:I.map((function(t){var e=q(t);return(0,c.jsxs)("div",{className:_().ticketCard,children:[(0,c.jsx)("div",{className:_().ticketCardName,children:t.name}),t.description&&(0,c.jsx)("div",{className:_().ticketCardDescription,children:t.description}),F(t),(0,c.jsxs)("div",{className:_().ticketCardMeta,children:[(0,c.jsxs)("div",{className:_().ticketCardField,children:[(0,c.jsx)("span",{className:_().ticketCardLabel,children:"\u50f9\u683c"}),(0,c.jsx)("span",{className:_().ticketCardPrice,children:H(t)})]}),(0,c.jsxs)("div",{className:_().ticketCardField,children:[(0,c.jsx)("span",{className:_().ticketCardLabel,children:"\u72c0\u614b"}),L(e)]})]}),(0,c.jsxs)("div",{className:_().ticketCardQty,children:[(0,c.jsx)("span",{className:_().ticketCardLabel,children:"\u6578\u91cf"}),R(t,e.disabledReason)]})]},t.id)}))}),!M&&!E&&(0,c.jsxs)("div",{className:_().ticketCheckoutBar,children:[(0,c.jsxs)("div",{children:[(0,c.jsxs)("span",{style:{fontSize:18,color:"#333"},children:["\u5408\u8a08\uff1a",(0,c.jsx)("strong",{style:{color:"#B11116",fontSize:24},children:"HK$".concat(O().toFixed(2))})]}),P()>0&&(0,c.jsxs)("span",{className:_().ticketTotalCount,children:["\u5171 ",P()," \u5f35"]})]}),(0,c.jsx)(g.zx,{onClick:function(){if(0!==P()){var t=Z.find((function(t){var e=b[t.id]||0;return e>0&&e<A(t)}));if(t)x("\u300c".concat(t.name,"\u300d\u6700\u5c11\u8cfc\u8cb7 ").concat(A(t)," \u5f35"),{appearance:"warning",autoDismiss:!0});else{var e=Z.filter((function(t){return(b[t.id]||0)>0})).map((function(t){return{ticket_type_id:t.id,ticket_type_name:t.name,quantity:b[t.id],unit_price:parseFloat(t.price)||0}}));sessionStorage.setItem("ticketCheckout",JSON.stringify({activity_id:d.id,activity_title:d.title,activity_slug:d.slug,event_date:d.event_date,event_time:d.event_time,venue:d.venue,reject_zero_ticket_order:!1!==d.reject_zero_ticket_order,ticket_questions:d.ticket_questions||[],ticket_items:e,total_amount:O()})),u.push("/activities/".concat(d.slug,"/checkout"))}}else x("\u8acb\u9078\u64c7\u9580\u7968\u6578\u91cf",{appearance:"warning",autoDismiss:!0})},style:{padding:"12px 40px",fontSize:16,backgroundColor:0===P()?"#b9b9b9":"#B11116",borderColor:0===P()?"#b9b9b9":"#B11116",color:"#fff",cursor:0===P()?"not-allowed":"pointer"},children:0===P()?"\u7acb\u5373\u767b\u8a18/\u8cfc\u7968":0===O()?"\u7acb\u5373\u767b\u8a18":"\u7acb\u5373\u8cfc\u7968"})]})]})]})})]})}},68101:function(t){t.exports={button:"Button_button__AxfIB",outline:"Button_outline___JmXY"}},69818:function(t){t.exports={primaryColor:"#008180",secondaryColor:"#c0275d",container:"music_related_container__nJ3Fj",paragraph:"music_related_paragraph__RVaqJ",activityDescription:"music_related_activityDescription__MY4uh",activityDetailRow:"music_related_activityDetailRow__AgeEA",activityDetailMain:"music_related_activityDetailMain__3GiQs",activityCover:"music_related_activityCover___Vi6B",ticketTableWrap:"music_related_ticketTableWrap__4xhwi",ticketCards:"music_related_ticketCards__2g9bf",ticketCard:"music_related_ticketCard__Cqn_b",ticketCardName:"music_related_ticketCardName__KjlAI",ticketCardDescription:"music_related_ticketCardDescription__8zq6s",ticketMinHint:"music_related_ticketMinHint__goSSt",ticketCardMeta:"music_related_ticketCardMeta__j5noa",ticketCardField:"music_related_ticketCardField__fvLEM",ticketCardLabel:"music_related_ticketCardLabel__LTGXS",ticketCardPrice:"music_related_ticketCardPrice__kz3sg",ticketCardQty:"music_related_ticketCardQty__oE2S_",ticketStatusOpen:"music_related_ticketStatusOpen__sKlJt",ticketStatusPending:"music_related_ticketStatusPending__ZqrDH",ticketStatusEnded:"music_related_ticketStatusEnded__

1VGPba",ticketStepper:"music_related_ticketStepper__4lfzS",ticketStepperAtMax:"music_related_ticketStepperAtMax__Nx7Mt",ticketCheckoutBar:"music_related_ticketCheckoutBar__pzCJW",ticketTotalCount:"music_related_ticketTotalCount__PMDoj"}},29815:function(t,e,i){"use strict";i.d(e,{Z:function(){return s}});var n=i(20943);var a=i(13375);var r=i(91566);function s(t){return function(t){if(Array.isArray(t))return(0,n.Z)(t)}(t)||(0,a.Z)(t)||(0,r.Z)(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}}},function(t){t.O(0,[5445,2013,9866,3871,7585,9774,2888,179],(function(){return e=10038,t(t.s=e);var e}));var e=t.O();_N_E=e}]);