https://sspdhc.org.hk/_next/static/chunks/pages/activity/programmes/calendar-2a4911b3c63412a5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2808],{11204:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var s=l(37876),a=l(90054),n=l(89099),r=l.n(n);let i=e=>{let{title:t,subTitle:l,whiteColor:n,showBackBtn:i}=e;return(0,s.jsxs)("div",{className:"text-center py-10 mx-8",children:[i?(0,s.jsxs)("div",{className:"flex items-center justify-center mb-4 cursor-pointer",onClick:()=>r().back(),role:"button","aria-label":"",tabIndex:0,children:[(0,s.jsx)(a.A,{className:"rotate-90"}),(0,s.jsx)("span",{className:"text-base ml-3 ".concat(n?"text-white":"text-[#777777]"," font-bold"),children:l})]}):(0,s.jsx)("h2",{className:"text-base ".concat(n?"text-white":"text-[#666666]"," font-bold mb-4"),children:l}),(0,s.jsx)("h1",{className:"text-3xl ".concat(n?"text-white":"text-primary","  font-bold"),children:t})]})}},26854:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var s=l(37876),a=l(36830),n=l(14232);let r=e=>{let{selectedValue:t,options:l,onChange:r,label:i,extraLabel:c}=e,[d,o]=(0,n.useState)(!1);return(0,s.jsxs)("div",{className:"px-[20px]",children:[(0,s.jsx)("div",{className:"text-[#a9a9a9] text-xs mb-2",children:i}),(0,s.jsxs)("div",{className:"flex justify-between",onClick:()=>{o(!d)},tabIndex:0,role:"button",children:[(0,s.jsx)("div",{className:"text-main text-base font-bold",children:c||t}),(0,s.jsx)(a.A,{className:"duration-300 transition-all text-base ".concat(d&&"rotate-180 text-primary")})]}),(0,s.jsx)("ul",{className:"bg-white mt-7 pl-6 -mx-[20px] ".concat(d?"":"hidden"),children:l.map((e,a)=>(0,s.jsx)("li",{className:"text-[#a9a9a9] py-3 ".concat(0===a?"border-b border-b-[#ccccc]":"text-base  ".concat(a!==l.length-1&&"border-b border-b-[#ccccc]")," ").concat(t===("string"==typeof e?e:e.value)?"text-primary":""),onClick:()=>{r("string"==typeof e?e:e.value),o(!1)},children:"string"==typeof e?e:e.label},"string"==typeof e?e:e.value))})]})}},27037:(e,t,l)=>{"use strict";l.d(t,{v:()=>i});var s=l(37876),a=l(25064),n=l(96910),r=l(14232);let i=e=>{let{handleSearch:t,value:l,placeholder:i}=e,[c,d]=(0,r.useState)("");return(0,r.useEffect)(()=>{(null==l?void 0:l.trim())!==""&&l||d("")},[l]),(0,s.jsxs)("div",{className:"w-full md:w-[285px] relative h-[60px] border-primary border rounded-[30px] pr-[80px] pl-[65px]",children:[(0,s.jsx)("input",{className:"h-[60px] leading-[60px] w-full text-base text-main focus:outline-none focus:ring-0 bg-transparent",placeholder:i,onChange:e=>d(e.target.value),value:c,onInput:e=>{t(e.target.value)}}),(0,s.jsx)("span",{className:"absolute top-1/2 left-[25px] -mt-[11px]",children:(0,s.jsx)(n.A,{})}),(0,s.jsx)("button",{className:"absolute top-0 right-0 w-[80px] h-[60px] border-none ",onClick:()=>{t(c)},children:(0,s.jsx)(a.A,{style:{fontSize:30,color:"#DA521F"}})})]})}},28287:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/activity/programmes/calendar",function(){return l(59848)}])},48603:(e,t,l)=>{"use strict";var s=l(39863);l.o(s,"isEmpty")&&l.d(t,{isEmpty:function(){return s.isEmpty}}),l.o(s,"isEqual")&&l.d(t,{isEqual:function(){return s.isEqual}})},56502:(e,t,l)=>{"use strict";l.d(t,{A:()=>r});var s,a=l(14232);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let r=function(e){return a.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",width:19,height:13,fill:"none"},e),s||(s=a.createElement("path",{fill:"#fff",d:"M7.75 12.39h4v-2h-4zm-7-12v2h18v-2zm3 7h12v-2h-12z"})))}},59848:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>ed});var s,a,n,r,i,c,d,o,m=l(37876),x=l(11204),h=l(27037),u=l(68885),p=l(49795),f=l(69371),j=l(3479),v=l(98287),b=l(61533),g=l(18609),w=l(2781),y=l(34846),N=l(14232);function k(){return(k=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let S=function(e){return N.createElement("svg",k({xmlns:"http://www.w3.org/2000/svg",width:18,height:24},e),s||(s=N.createElement("path",{d:"M7.816 23.492c-6.603-9.5-7.823-10.47-7.823-13.96 0-4.78 3.902-8.65 8.72-8.65 4.82 0 8.72 3.87 8.72 8.65 0 3.49-1.229 4.46-7.822 13.96a1.1 1.1 0 0 1-1.795 0m.898-10.35c2.006 0 3.639-1.61 3.639-3.61 0-1.99-1.623-3.61-3.64-3.61-2.006 0-3.639 1.61-3.639 3.61s1.623 3.61 3.64 3.61"}

1)))};function C(){return(C=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let E=function(e){return N.createElement("svg",C({xmlns:"http://www.w3.org/2000/svg",width:16,height:9,fill:"none"},e),a||(a=N.createElement("path",{stroke:"#666",strokeWidth:2.5,d:"m.9 1.004 6.956 6.21 6.946-6.21"})))};function Y(){return(Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let _=function(e){return N.createElement("svg",Y({xmlns:"http://www.w3.org/2000/svg",width:18,height:18},e),n||(n=N.createElement("path",{d:"M2.21 7.273h3.357l-.887 4.16H.93v1.98h3.306l-.947 4.39h2.197l.948-4.39h3.72l-.948 4.39h2.198l.948-4.39h4.012v-1.98h-3.569l.887-4.16h3.962v-1.98h-3.538l.947-4.34h-2.197l-.948 4.34h-3.72l.948-4.34H6.938l-.948 4.34H2.22v1.98zm5.555 0h3.72l-.887 4.16h-3.72l.897-4.16z"})))};function M(){return(M=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let A=function(e){return N.createElement("svg",M({xmlns:"http://www.w3.org/2000/svg",width:22,height:24,fill:"none"},e),r||(r=N.createElement("path",{d:"M3.215 3.473h14.86c1.17 0 2.117.94 2.117 2.1v14.74c0 1.16-.948 2.1-2.117 2.1H3.215c-1.17 0-2.117-.94-2.117-2.1V5.572c0-1.16.947-2.1 2.117-2.1M14.889 1.373v4.21M6.4 1.373v4.21M1.098 9.792h19.094"})))};function T(){return(T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let O=function(e){return N.createElement("svg",T({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none"},e),i||(i=N.createElement("path",{d:"M22.466 11.662c0 5.81-4.748 10.52-10.605 10.52s-10.606-4.71-10.606-10.52 4.749-10.52 10.606-10.52 10.605 4.71 10.605 10.52"})),c||(c=N.createElement("path",{d:"M11.86 5.342v6.32l4.245 2.1"})))};function D(){return(D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let H=function(e){return N.createElement("svg",D({xmlns:"http://www.w3.org/2000/svg",width:19,height:22},e),d||(d=N.createElement("path",{d:"M9.552 11.082c2.863 0 5.182-2.3 5.182-5.14S12.415.803 9.552.803s-5.181 2.3-5.181 5.14 2.318 5.14 5.181 5.14m3.63 1.29h-.676a7.09 7.09 0 0 1-5.908 0h-.675c-3.004 0-5.444 2.42-5.444 5.4v1.67c0 1.07.867 1.93 1.946 1.93H16.68c1.078 0 1.945-.86 1.945-1.93v-1.67c0-2.98-2.44-5.4-5.443-5.4"})))};function P(){return(P=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var s in l)({}).hasOwnProperty.call(l,s)&&(e[s]=l[s])}return e}).apply(null,arguments)}let I=function(e){return N.createElement("svg",P({xmlns:"http://www.w3.org/2000/svg",width:16,height:9,fill:"none"},e),o||(o=N.createElement("path",{stroke:"#fff",strokeWidth:2.5,d:"m.9 1.004 6.956 6.21 6.946-6.21"})))};var F=l(56557),L=l.n(F),z=l(72237);let W={getCalendarData:async e=>{try{return await (0,z.F)({url:"/strapi/api/health-program-courses",data:e})}catch(e){console.error("Error fetching the calendar data:",e)}}};var B=l(22429),R=l.n(B);l(5902);var K=l(48603),$=l(89734),q=l(14650),U=l(81371),V=l(13091),X=l(18568),G=l(41168),J=l(89099),Q=l.n(J),Z=l(90865),ee=l(98110),et=l(56502),el=l(15667),es=l(8541),ea=l(56175),en=l(39486),er=l(71853),ei=l(26854);let ec=e=>{let{open:t,handleClose:l,centreItem:s,initFilter:a,updateFilter:n,resetValue:r}=e,{t:i}=(0,y.Bd)("resource"),{t:c}=(0,y.Bd)("activity"),[d,o]=(0,N.useState)({keyword:"",centre:""});return(0,N.useEffect)(()=>{t&&o({...a})},[a,t]),(0,m.jsxs)(el.A,{width:window.innerWidth,open:t,closeIcon:null,title:(0,m.jsxs)("div",{className:"flex",children:[(0,m.jsx)("div",{className:"flex-1 text-center text-primary",children:i("eService-menu.filterTitle")}),(0,m.jsx)("div",{className:"w-[20px]",tabIndex:0,role:"button","aria-label":"button",onClick:l,children:(0,m.jsx)(ea.A,{})})]}),style:{background:"#efefef",padding:0},children:[(0,m.jsxs)("div",{className:"mb-[60px] px-4",children:[(0,m.jsxs)("div",{className:"px-[20px] pt-4",children:[(0,m.jsx)("div",{className:"text-[#a9a9a9] text-xs",children:i("eService-menu.filter.searchTitle")}),(0,m.jsx)(es.A,{prefix:(0,m.jsx)(en.A,{}),placeholder:c("programmes.calendar.filter.searchPlaceholder"),suffix:(0,m.jsx)(er.A,{}),className:"!bg-white rounded-full !h-[45px] mt-2",onChange:e=>{let t=e.target.value;o({...d,keyword:t})},value:d.keyword})]}),(0,m.jsx)(j.A,{}),(0,m.jsx)(ei.A,{selectedValue:d.centre?d.centre:c("programmes.calendar.filter.selectPlaceholder"),options:s,onChange:e=>o({...d,centre:e}),label:c("programmes.calendar.filter.selectTitle")}),(0,m.jsx)(j.A,{}),(d.centre!==c("programmes.calendar.filter.selectPlaceholder")||d.keyword!==r.keyword)&&(0,m.jsx)(v.Ay,{icon:(0,m.jsx)(q.A,{}),className:"h-[40px] rounded-[20px] mr-4 text-main text-base px-5",onClick:()=>o({...d,centre:r.centre,keyword:r.keyword}),children:(0,m.jsx)("span",{title:i("eService-menu.filterText"),children:i("eService-menu.filterText")})})]}),(0,m.jsx)("div",{className:"fixed bottom-0 w-full  bg-primary",tabIndex:0,"aria-label":"confirm button",role:"button",onClick:()=>{n(d),l()},children:(0,m.jsx)("div",{className:"flex justify-center items-center h-[50px] text-white text-sm",children:i("eService-menu.confirm")})})]})},ed=()=>{let{t:e,i18n:t}=(0,y.Bd)("activity"),{t:l}=(0,y.Bd)("resource"),[s,a]=(0,N.useState)(L()()),n=t.language,[r,i]=(0,N.useState)("month"),[c,d]=(0,N.useState)([]),[o,k]=(0,N.useState)(!1),[C,Y]=(0,N.useState)(!1),[M,T]=(0,N.useState)(null),{auth:D}=(0,G.C)(),[P,F]=(0,N.useState)(null),[z,B]=(0,N.useState)([]),J={keyword:"",centre:e("programmes.calendar.filter.selectPlaceholder")},[el,es]=(0,N.useState)(J),ea=(0,N.useRef)(null),en=(0,N.useRef)(null),er=(0,N.useRef)(null),{handlePost:ei}=(0,X.Y)();(0,N.useEffect)(()=>{D.loginStatus&&ei({url:"/api/health-programme/listEnrolled",withToken:!0},{successCB(e){var t;B(null==e||null==(t=e.info)?void 0:t.map(e=>{var t;return null==e||null==(t=e.course)?void 0:t.class_code}))}})},[ei,D.loginStatus]);let ed=(0,N.useMemo)(()=>[{text:"主中心（美禧樓）_Core Centre (Mei Hei House)_主中心（美禧楼）",color:"#da521f"},{text:"深水埗中南（福榮街）_Sham Shui Po Central South (Fuk Wing Street)_深水埗中南（福荣街）",color:"#68af62"},{text:"深水埗東（福華街）_Sham Shui Po East (Fuk Wa Street)_深水埗东（福华街）",color:"#5aa5b7"},{text:"深水埗西（美孚廣場）_Sham Shui Po West (Mei Foo Plaza)_深水埗西（美孚广场）",color:"#bb91c3"},{text:"其他_Other_其他",color:"#97a2a5"}],[]),eo=(0,N.useMemo)(()=>{let t=[{key:e("programmes.calendar.filter.selectPlaceholder"),label:(0,m.jsx)("div",{className:"p-2 text-main text-base border-b",children:e("programmes.calendar.filter.selectPlaceholder")})}];return ed.map((e,l)=>t.push({key:(0,Z.N)(e.text,n),label:(0,m.jsx)("div",{className:"p-2 text-main text-base ".concat(l<ed.length-1?"border-b":""),children:(0,Z.N)(e.text,n)})})),t},[ed,n,e]),em=e=>{if(e.includes("主中心"))return"#da521f";if(e.includes("深水埗中南"))return"#68af62";if(e.includes("深水埗東"))return"#5aa5b7";if(e.includes("深水埗西"))return"#bb91c3";if(e.includes("其他"))return"#97a2a5";else return"#da521f"},ex=(0,N.useCallback)(async()=>{var e;k(!0);let t=await W.getCalendarData({"filters[$and][0][Class][Lesson][Date][$gte]":L()(s).startOf("month").format("YYYY-MM-DD"),"filters[$and][1][Class][Lesson][Date][$lte]":L()(s).endOf("month").format("YYYY-MM-DD"),"filters[$and][2][Hidden_On_Page][$eq]":!1,"fields[0]":"Name","fields[1]":"Description","fields[2]":"Target","fields[3]":"Hidden_On_Page","pagination[limit]":"100",populate:"Class,Class.Lesson,Class.HK_EN_CN,Class.Google_Form_Perio

1d,Class.Location"}),l=[];(null==t||null==(e=t.data)?void 0:e.data)&&(t.data.data.forEach(e=>{e.attributes.Class.forEach(t=>{var a,r,i,c,d,o,m,x,h,u;let p=0;if(null==t||null==(a=t.Lesson)?void 0:a.length)for(let a=0;a<t.Lesson.length;a++){p+=1;let f=null==t||null==(r=t.Lesson[a])?void 0:r.Date,j=L()(f);if(j.year()===s.year()&&j.month()+1===s.month()+1){let s=l.find(e=>e.date===f);s||(s={date:f,schedule:[]},l.push(s));let r=null==t||null==(i=t.Location)?void 0:i.split("_"),j="";r&&(j="zh-CN"===n?r[2]:"en-US"===n?r[1]:r[0]);let v=(null==t||null==(c=t.Lesson[a])?void 0:c.Optional_Start_Time)==null?null==t?void 0:t.Start_Time:null==t||null==(d=t.Lesson[a])?void 0:d.Optional_Start_Time,b=(null==t||null==(o=t.Lesson[a])?void 0:o.Optional_End_Time)==null?null==t?void 0:t.End_Time:null==t||null==(m=t.Lesson[a])?void 0:m.Optional_End_Time;s.schedule.push({itemno:(null==t?void 0:t.Class_Code)+p,name:null==e||null==(x=e.attributes)?void 0:x.Name,classCode:null==t?void 0:t.Class_Code,startTime:v,endTime:b,centre:j,pic:null==e||null==(h=e.attributes)?void 0:h.Target,rgb:em(null!=(u=null==t?void 0:t.Location)?u:"")})}}})}),l.forEach(e=>{e.schedule.sort((e,t)=>L()(e.startTime,"HH:mm").isBefore(L()(t.startTime,"HH:mm"))?-1:1)})),l.sort((e,t)=>L()(e.date).isBefore(L()(t.date))?-1:1),d(l),k(!1)},[s,n]),eh=(0,N.useMemo)(()=>{let t=[...c];if((0,K.isEmpty)(t))t=[];else if(el.keyword&&(t=t.map(e=>{let t=e.schedule.filter(e=>e.name.includes(el.keyword));return t.length>0?{...e,schedule:t}:null}).filter(e=>null!==e)),el.centre&&el.centre!==e("programmes.calendar.filter.selectPlaceholder")){let e=[];t.map(t=>{let l=[];t.schedule.length>0&&(t.schedule.map(e=>{var t;(null==(t=e.centre)?void 0:t.trim())===el.centre&&l.push(e)}),l.length>0&&e.push({date:t.date,schedule:l}))}),t=e}return t},[c,el.centre,el.keyword,e]),eu=(0,N.useMemo)(()=>{if(P){let e=eh.find(e=>L()(e.date).isSame(P,"day"));return e?{schedule:e.schedule,date:e.date}:[]}},[eh,P]);(0,N.useEffect)(()=>{ex(),L().extend(R()),L().updateLocale("en",{weekdays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysMin:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]})},[s,ex]);let ep=e=>{i(e)},ef=e=>L()(e,"HH:mm:ss.SSS").format("HH:mm"),ej=t=>(0,m.jsxs)("ul",{className:"mt-4",children:[(0,m.jsxs)("li",{className:"flex items-center text-lg text-main mb-2",children:[(0,m.jsx)("span",{className:"w-8 flex justify-center scale-85 shrink-0",children:(0,m.jsx)(_,{fill:t.rgb})}),(0,m.jsx)("span",{className:"ml-4",children:"".concat(t.classCode)})]}),(0,m.jsxs)("li",{className:"flex items-center text-lg text-main mb-2",children:[(0,m.jsx)("span",{className:"w-8 flex justify-center scale-85 shrink-0",children:(0,m.jsx)(A,{stroke:t.rgb,strokeWidth:"2"})}),(0,m.jsx)("span",{className:"ml-4",children:t.date})]}),(0,m.jsxs)("li",{className:"flex items-center text-lg text-main mb-2",children:[(0,m.jsx)("span",{className:"w-8 flex justify-center scale-85 shrink-0",children:(0,m.jsx)(O,{stroke:t.rgb,strokeWidth:"2"})}),(0,m.jsx)("span",{className:"ml-4",children:"".concat(ef(t.startTime)," - ").concat(ef(t.endTime))})]}),(0,m.jsxs)("li",{className:"flex items-center text-lg text-main mb-2",children:[(0,m.jsx)("span",{className:"w-8 flex justify-center scale-85 shrink-0",children:(0,m.jsx)(S,{fill:t.rgb})}),(0,m.jsx)("span",{className:"ml-4",children:t.centre})]}),(0,m.jsxs)("li",{className:"flex items-center text-lg text-main mb-2",children:[(0,m.jsx)("span",{className:"w-8 flex justify-center scale-85 shrink-0",children:(0,m.jsx)(H,{fill:t.rgb})}),(0,m.jsx)("span",{className:"ml-4",children:t.pic})]}),"trip"===r&&z.includes(t.classCode)&&(0,m.jsx)($.A,{text:e("programmes.calendar.enrolled"),className:"bg-[#666] text-white border-[#666] mt-5",onClick:()=>Q().push("/activity/programmes/enrolled")})]}),ev=e=>(0,m.jsxs)("div",{className:"max-w-64",children:[(0,m.jsx)("div",{className:"text-[1.4rem] font-bold border-b border-b-[#d5d5d5] pb-[10px] mb-6",style:{color:e.rgb},children:e.name}),(0,m.jsx)(ej,{...e})]}),eb=(e,t)=>{let l=[];return e.map((e,s)=>{l.push({key:s,label:(0,m.jsxs)("div",{className:"flex items-center",tabIndex:0,children:[(0,m.jsx)("span",{className:"w-[110px] mr-1 shrink-0 md:mr-0 md:w-[160px] text-[".concat(e.rgb,"]"),children:"".concat(ef(e.startTime)," - ").concat(ef(e.endTime))}),(0,m.jsx)("span",{className:"scale-[85%] mr-3",children:(0,m.jsx)(S,{fill:e.rgb})}),(0,m.jsx)("span",{children:e.name})]},s),children:(0,m.jsx)(ej,{...e,date:t})})}),l},eg=e=>{let t=e.format("YYYY-MM-DD"),l=eh.filter(e=>e.date===t);return l&&l.length>0?l[0].schedule:[]},ew={boxShadow:"none"},ey=(0,N.useCallback)((e,t)=>{let l=L()(e);return"en-US"===n?l.format(t?"YYYY MMM":"YYYY-MM-DD"):l.format(t?"YYYY年MM月":"YYYY年MM月DD日")},[n]),[eN,ek]=(0,N.useState)({}),eS=(0,ee.useReactToPrint)({});return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)("div",{className:"pb-16",children:[(0,m.jsx)(x.A,{title:e("programmes.calendar.title"),subTitle:e("programmes.subTitle")}),(0,m.jsxs)("div",{className:"content-container",children:[(0,m.jsxs)("div",{className:"flex flex-col md:flex-row justify-between md:items-end pt-5 pb-9 border-b",children:[(0,m.jsxs)("div",{className:"flex flex-col md:flex-row hidden-sm-and-down",children:[(0,m.jsxs)("div",{children:[(0,m.jsx)("div",{className:"mb-4 text-base text-[#666]",children:e("programmes.calendar.filter.searchTitle")}),(0,m.jsx)(h.v,{placeholder:e("programmes.calendar.filter.searchPlaceholder"),value:el.keyword,handleSearch:e=>{es({...el,keyword:e})}})]}),(0,m.jsxs)("div",{className:"mt-4 md:ml-8 md:mt-0",children:[(0,m.jsx)("div",{className:"mb-4 text-base text-[#666]",children:e("programmes.calendar.filter.selectTitle")}),(0,m.jsx)(u.l,{placeholder:el.centre?el.centre:e("programmes.calendar.filter.selectPlaceholder"),items:eo,onChange:e=>{es({...el,centre:e})}})]})]}),(0,m.jsx)("div",{className:"flex justify-center mt-8 md:mt-0",children:(0,m.jsxs)("div",{className:"flex calendar-radio",children:[(0,m.jsx)("div",{tabIndex:0,className:"cursor-pointer w-[120px] ant-radio-button-wrapper ".concat("month"===r&&"ant-radio-button-wrapper-checked"),onClick:()=>ep("month"),onKeyDown:e=>{"Enter"===e.key&&ep("month")},children:e("programmes.calendar.monthly")}),(0,m.jsx)("div",{tabIndex:0,className:"cursor-pointer w-[120px] ant-radio-button-wrapper ".concat("trip"===r&&"ant-radio-button-wrapper-checked"),onClick:()=>ep("trip"),onKeyDown:e=>{"Enter"===e.key&&ep("trip")},children:e("programmes.calendar.stroke")})]})})]}),(0,m.jsx)("div",{className:"flex justify-end mt-8 hidden-sm-and-down",children:!(0,K.isEqual)(J,el)&&(0,m.jsx)(v.Ay,{icon:(0,m.jsx)(q.A,{}),className:"h-[40px] rounded-[20px] text-main text-base px-5",onClick:()=>es(J),children:(0,m.jsx)("span",{title:e("programmes.enrolInfo.filter.clearFilter"),children:e("programmes.enrolInfo.filter.clearFilter")})})}),(0,m.jsxs)("div",{className:"my-6 text-base font-medium text-[#666666]",children:[(0,m.jsx)("p",{className:"mb-4",children:e("programmes.calendar.colorByCenter")}),(0,m.jsx)("div",{className:"flex items-center flex-wrap bg-[#F8F8F8] p-4 md:pt-5 md:px-5 md:pb-1",children:ed.map((e,t)=>(0,m.jsxs)("div",{className:"w-1/2 md:w-1/3 flex items-center pr-4 mb-6",children:[(0,m.jsx)(S,{fill:e.color}),(0,m.jsx)("span",{className:"ml-2",children:(0,Z.N)(e.text,n)})]},t))})]}),(!el.keyword&&0===eh.length||eh.length>0)&&(0,m.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,m.jsx)("div",{className:"text-3xl text-[#666666] font-bold",children:ey(s,!0)}),(0,m.jsxs)("div",{className:"flex items-center",children:[(0,m.jsx)("button",{className:"mr-[28px]",onClick:()=>{F(null),a(s.subtract(1,"month"))},children:(0,m.jsx)("div",{className:"flex items-center justify-center w-[45px] h-[45px] rounded-full bg-[#cccccc]  rotate-90 pt-1 cursor-pointer",children:(0,m.jsx)(I,{})})}),(0,m.jsx)("button",{onClick:()=>{F(null),a(s.add(1,"month"))},children:(0,m.jsx)("div",{className:"flex items-center justify-center w-[45px] h-[45px] rounded-full bg-[#cccccc] 

1-rotate-90 pt-1 cursor-pointer",children:(0,m.jsx)(I,{})})})]})]}),(0,m.jsxs)(b.A,{spinning:o,children:[(0,m.jsx)("div",{children:(0,K.isEmpty)(eh)?(0,m.jsx)("div",{className:"pt-16 pb-6 text-xl text-[#666666] text-center border-t border-t-[#d5d5d5]",children:el.keyword?(0,m.jsxs)("div",{className:"flex flex-col justify-center items-center",children:[(0,m.jsx)("div",{className:"mb-6",children:e("programmes.calendar.noSearchResult")}),(0,m.jsx)($.A,{text:"重設",plain:!0,icon:(0,m.jsx)(U.A,{}),onClick:()=>{es({keyword:"",centre:""})}})]}):!o&&e("programmes.calendar.noActivity")}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("div",{ref:en,id:"printable-area",className:"hidden",children:(0,m.jsx)(g.A,{cellRender:e=>{let t=eg(e);return(0,m.jsx)("ul",{className:"events",children:t&&t.map((t,l)=>(0,m.jsx)(p.A,{trigger:"click",placement:"right",rootClassName:"calendar-schedule-popover",content:(0,m.jsx)(ev,{...t,date:ey(e)}),open:M===t.itemno,onOpenChange:e=>{e?T(t.itemno):T(null)},children:(0,m.jsxs)("li",{className:" h-fit text-base text-main font-bold mb-2 hover:bg-[#dcdcdc] cursor-pointer pl-1 ",role:"button",tabIndex:0,onKeyDown:e=>{"Enter"===e.key&&e.currentTarget.click()},children:[(0,m.jsxs)("div",{className:"flex",children:[(0,m.jsx)("div",{className:"scale-[70%] -mx-[3px] ",children:(0,m.jsx)(S,{fill:t.rgb})}),(0,m.jsx)("div",{className:"shrink-0 ml-[6px] mr-2",children:L()(t.startTime,"HH:mm:ss.SSS").format("HH:mm")})]}),(0,m.jsx)("div",{className:"mb-3",children:t.name})]})},l))})},value:s,className:"print-calendar"})}),(0,m.jsx)("div",{className:"hidden-sm-and-down",children:(0,m.jsx)(g.A,{cellRender:(t,l)=>"date"===l.type?(t=>{let l=eg(t),s=((e,t)=>{let l=[];return e.map((e,s)=>{l.push({key:(s+1).toString(),label:(0,m.jsx)("div",{onClick:e=>e.stopPropagation(),children:(0,m.jsx)(p.A,{trigger:"click",placement:"right",rootClassName:"calendar-schedule-popover",content:(0,m.jsx)(ev,{...e,date:t}),children:(0,m.jsxs)("div",{className:"flex text-base text-main font-bold cursor-pointer py-[10px] px-5",children:[(0,m.jsx)("span",{className:"scale-[70%] -mx-[3px]",children:(0,m.jsx)(S,{fill:e.rgb})}),(0,m.jsx)("span",{className:"shrink-0 ml-[6px] mr-2",children:L()(e.startTime,"HH:mm:ss.SSS").format("HH:mm")}),(0,m.jsx)("span",{className:"max-w-[177px] overflow-hidden whitespace-nowrap text-ellipsis",children:e.name})]})},s)})})}),l})(l,t.format("YYYY-MM-DD"));return(0,m.jsxs)("ul",{className:"events",children:[l&&l.map((e,l)=>l<2&&(0,m.jsx)(p.A,{trigger:"click",placement:"right",rootClassName:"calendar-schedule-popover",content:(0,m.jsx)(ev,{...e,date:ey(t)}),open:M===e.itemno,onOpenChange:t=>{t?T(e.itemno):T(null)},children:(0,m.jsxs)("li",{className:"flex h-6 text-base text-main font-bold mb-2 hover:bg-[#dcdcdc] cursor-pointer pl-1",role:"button",tabIndex:0,onKeyDown:e=>{"Enter"===e.key&&e.currentTarget.click()},children:[(0,m.jsx)("span",{className:"scale-[70%] -mx-[3px]",children:(0,m.jsx)(S,{fill:e.rgb})}),(0,m.jsx)("span",{className:"shrink-0 ml-[6px] mr-2",children:L()(e.startTime,"HH:mm:ss.SSS").format("HH:mm")}),(0,m.jsx)("span",{className:"max-w-[85px] overflow-hidden whitespace-nowrap text-ellipsis",children:e.name})]})},l)),l.length>2&&(0,m.jsx)(f.A,{menu:{items:s},rootClassName:"more-list-dropdown",open:eN[t.format("YYYY-MM-DD")],onOpenChange:e=>{var l;return l=t.format("YYYY-MM-DD"),void ek(t=>({...t,[l]:e}))},trigger:["click"],dropdownRender:e=>(0,m.jsxs)("div",{className:"bg-white rounded-bl-xl rounded-br-xl",style:ew,children:[(0,m.jsxs)("div",{className:"flex items-center justify-between bg-main text-lg text-white py-[15px] px-5 rounded-tl-xl rounded-tr-xl",children:[(0,m.jsx)("span",{children:ey(t)}),(0,m.jsx)("span",{className:"cursor-pointer",onClick:()=>{var e;return e=t.format("YYYY-MM-DD"),void ek(t=>({...t,[e]:!1}))},children:"\xd7"})]}),(0,m.jsx)(j.A,{style:{margin:0}}),e]}),children:(0,m.jsxs)("div",{className:"absolute left-2 bottom-4 text-xs text-[#666666]","aria-label":"link",tabIndex:0,onKeyDown:e=>{"Enter"===e.key&&e.currentTarget.click()},children:[e("programmes.calendar.and"),l.length-2," ",e("programmes.calendar.more")]})})]})})(t):"month"===l.type?(e=>{let t=(e=>{if(8===e.month())return 1394})(e);return t?(0,m.jsxs)("div",{className:"notes-month",children:[(0,m.jsx)("section",{children:t}),(0,m.jsx)("span",{children:"Backlog number"})]}):null})(t):l.originNode,value:s,className:"custom-calendar ".concat("month"!==r&&"hidden"),onChange:e=>{let t=e.month(),l=e.year();a(L()().year(l).month(t))}})}),(0,m.jsx)("div",{className:"".concat("month"!==r&&"hidden"),children:(0,m.jsxs)("div",{className:"show-sm-and-down hidden",ref:er,id:"printable-area",children:[(0,m.jsx)(g.A,{fullscreen:!1,className:"custom-mobile-calendar",value:s,onChange:e=>{let t=e.month(),l=e.year();a(L()().year(l).month(t))},fullCellRender:e=>(0,m.jsx)("div",{className:"".concat(e.isSame(P,"day")?"active-calendar":""),onClick:()=>F(e),children:L()(e).format("DD")})}),!(0,K.isEmpty)(eu)&&(0,m.jsxs)("div",{children:[(0,m.jsxs)("div",{className:"flex items-center justify-between bg-[#6f6f6f] py-2 px-4 text-white text-lg font-bold",children:[(0,m.jsx)("span",{children:ey(null==eu?void 0:eu.date)}),(0,m.jsx)("span",{children:L()(null==eu?void 0:eu.date).format("dddd")})]}),(0,m.jsx)(w.A,{items:eb(null==eu?void 0:eu.schedule,null==eu?void 0:eu.date),bordered:!1,accordion:!0,expandIconPosition:"end",expandIcon:e=>{let{isActive:t}=e;return(0,m.jsx)(E,{rotate:t?-180:0,style:{fontSize:20}})},className:"caldaren-trip-collapse"})]})]})}),(0,m.jsx)("div",{ref:ea,id:"printable-area",className:"".concat("trip"===r?null:"hidden"),children:eh.map((e,t)=>e.schedule.length>0&&(0,m.jsxs)("div",{children:[(0,m.jsxs)("div",{className:"flex items-center justify-between bg-[#6f6f6f] py-2 px-4 text-white text-lg font-bold",children:[(0,m.jsx)("span",{children:ey(e.date)}),(0,m.jsx)("span",{children:L()(e.date).format("dddd")})]}),(0,m.jsx)(w.A,{items:eb(e.schedule,e.date),bordered:!1,accordion:!0,expandIconPosition:"end",expandIcon:e=>{let{isActive:t}=e;return(0,m.jsx)(E,{rotate:t?-180:0,style:{fontSize:20}})},className:"caldaren-trip-collapse"})]},t))})]})}),!(0,K.isEmpty)(eh)&&(0,m.jsx)("div",{className:"flex justify-end items-center no-print mt-8",children:(0,m.jsx)($.A,{text:e("programmes.calendar.print"),icon:(0,m.jsx)(V.A,{className:"text-xl"}),plain:!0,hoverAnimate:!1,className:"print-button",onClick:()=>{let e=ea;"month"===r&&(e=matchMedia("(max-width: 767px)").matches?er:en),eS(()=>e.current)}})})]})]})]}),(0,m.jsxs)("div",{className:"hidden show-sm-and-down",children:[(0,m.jsx)("div",{className:"fixed bottom-0 flex text-white w-full pl-[-2rem] z-[999] ",children:(0,m.jsxs)("div",{className:"w-full bg-primary h-[50px] flex justify-center items-center",tabIndex:0,role:"button","aria-label":"Sort Button",onClick:()=>Y(!0),children:[(0,m.jsx)(et.A,{className:"mr-2"}),l("eService-menu.filterTitle")]})}),(0,m.jsx)(ec,{open:C,handleClose:()=>Y(!1),centreItem:[e("programmes.calendar.filter.selectPlaceholder"),...ed.map(e=>(0,Z.N)(e.text,n))],initFilter:el,updateFilter:e=>es({...el,...e}),resetValue:J})]})]})}},68885:(e,t,l)=>{"use strict";l.d(t,{l:()=>r});var s=l(37876),a=l(36830);l(14232);var n=l(69371);let r=e=>{let{placeholder:t,className:l,items:r,onChange:i}=e;return(0,s.jsx)(n.A,{menu:{items:r,onClick:e=>{let{key:t}=e;i(t)},style:{maxHeight:"300px",overflowY:"auto"}},trigger:["hover"],children:(0,s.jsx)("div",{className:"w-full",children:(0,s.jsxs)("button",{className:"flex flex-1 flex-row justify-between w-full md:w-[285px] group items-center px-[25px] h-[60px] rounded-[30px] border-[#9f3710] border text-base font-semibold text-white bg-[#9f3710] ".concat(l),children:[(0,s.jsx)("div",{className:"whitespace-nowrap truncate",children:t}),(0,s.jsx)(a.A,{className:"group-hover:-rotate-180 duration-500"})]})})})}},90865:(e,t,l)=>{"use strict";l.d(t,{N:()=>s});let s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:" ",t=arguments.length>1?arguments[1]:void 0;if(e)try{let l=e.split("_");return"zh-HK"===t?null==l?void 0:l[0]:"en-US"===t?null==l?void 0:l[1]:null==l?void 0:l[2]}catch(t){return e}return" "}}},e=>{e.O(0,[888,8596,1533,9367,2781,8614,8143,636,6593,8792],()=>e(e.s=28287)),_N_E=e.O()}]);