https://tutorcircle.hk/new/_next/static/chunks/4701-da1f5d9cd5d4e2a5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4701],{54364:function(e,t,n){var r=n(64836);t.Z=void 0;var o=r(n(64938)),i=n(85893),l=(0,o.default)((0,i.jsx)("path",{d:"m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"}),"ArrowUpward");t.Z=l},15943:function(e,t,n){n.d(t,{Z:function(){return j}});var r=n(14924),o=n(26042),i=n(69396),l=n(29815),a=n(85893),s=n(90948),c=n(67294),u=n(74897),f=n(11163),d=n(3924),p=n(63283),x=n(72940),h=n(43803),g=n(58567),b=n(23073),m=function(e){var t=e.title,n=e.items,r=e.selectedItems,o=(e.onItemToggle,e.collapsed),i=e.onToggle,l=e.renderButton,s=e.renderSelectedButton,u=e.ariaLabel,f=e.t,d=(0,c.useMemo)((function(){return n.map((function(e){return r.includes(e)?s(e):l(e)}))}),[n,r,l,s]),p=r.length>0&&o,x=(0,c.useCallback)((function(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),i())}),[i]);return(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"column",marginTop:24},children:[(0,a.jsxs)("div",{onClick:i,onKeyDown:x,role:"button",tabIndex:0,"aria-expanded":!o,"aria-controls":"".concat(u,"-list"),"aria-label":u,style:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",marginBottom:8},children:[(0,a.jsx)("span",{style:{fontSize:14,color:"#414042",fontWeight:"bold"},children:t}),(0,a.jsxs)("span",{style:{fontSize:12,color:"#666666"},children:[r.length>0?f("filter-srst-selected").replace("{{count}}",r.length.toString()):f(o?"filter-srst-click-to-expand":"filter-srst-click-to-collapse"),(0,a.jsx)("span",{style:{fontSize:12,marginLeft:8,color:"#0088FF"},children:o?"\u25bc":"\u25b2"})]})]}),p&&(0,a.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:8,marginTop:8},"aria-live":"polite",children:r.map((function(e){return s(e)}))}),(0,a.jsx)("div",{style:{display:o?"none":"flex",flexWrap:"wrap",gap:8,maxHeight:"250px",overflowY:"auto",overflowX:"hidden",WebkitOverflowScrolling:"touch",scrollbarWidth:"none",msOverflowStyle:"none",paddingBottom:"20px"},id:"".concat(u,"-list"),role:"listbox","aria-label":"".concat(t," options"),children:d})]})},w=(0,s.ZP)("div")((function(e){var t,n=e.theme;return t={display:"flex",width:"100vw",minHeight:"calc(100vh - 64px)",flexDirection:"column",borderRadius:12,backgroundColor:"white",padding:"20px 20px 120px 20px",overflowY:"auto",overflowX:"hidden",maxWidth:"none",zIndex:9999,position:"fixed",top:0,left:0,bottom:0,WebkitOverflowScrolling:"touch",scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}},(0,r.Z)(t,n.breakpoints.down("sm"),{width:"100vw",minHeight:"calc(100vh - 64px)",top:0,bottom:0,overflowY:"auto",overflowX:"hidden",WebkitOverflowScrolling:"touch",padding:"20px 20px 120px 20px",scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}}),(0,r.Z)(t,n.breakpoints.down("xs"),{width:"100vw",minHeight:"calc(100vh - 64px)",padding:"15px 15px 120px 15px",top:0,bottom:0,overflowY:"auto",overflowX:"hidden",WebkitOverflowScrolling:"touch",scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}}),t})),v=1e3,y=100;function j(e){var t=e.defaultMore,n=e.onChangeMore,r=e.defaultOtherFilter,s=(e.onChangeOtherFilter,e.defaultUniFilter),j=e.onChangeUniFilter,C=e.defaultEducationLevelFilter,k=e.onChangeEducationLevelFilter,S=e.defaultTutorTagFilter,F=e.onChangeTutorTagFilter,Z=e.defaultSearchInput,I=e.onChangeSearchInput,E=e.onClickInputSearch,W=e.onHeaderVisibilityChange,T=(0,u.$G)("common").t,z=((0,f.useRouter)(),(0,c.useState)([y,v])),P=(z[0],z[1]),D=(0,c.useState)([]),R=(D[0],D[1]),B=(0,c.useState)([]),_=B[0],L=B[1],O=(0,c.useState)(C||[]),H=O[0],A=O[1],N=(0,c.useState)(S||[]),M=N[0],q=N[1],G=(0,c.useState)(""),Y=G[0],$=G[1],U=(0,c.useState)(!0),X=U[0],K=U[1],V=(0,c.useState)(!0),J=V[0],Q=V[1],ee=(0,c.useState)(!0),te=ee[0],ne=ee[1];(0,c.useEffect)((function(){return W&&W(!1),function(){W&&W(!0)}}),[W]),(0,c.useEffect)((function(){t&&t.priceRange&&P(t.priceRange)}),[t]),(0,c.useEffect)((function(){R(r)}),[r]),(0,c.useEffect)((function(){L(s)}),[s]),(0,c.useEffect)((function(){A(C||[])}),[C]),(0,c.useEffect)((function(){q(S||[])}),[S]),(0,c.useEffect)((function(){$(Z)}),[Z]);(0,c.useCallback)((function(e,r){Array.isArray(r)&&(n((0,i.Z)((0,o.Z)({},t),{priceRange:r})),P(r))}),[t,n]);var re=(0,c.useCallback)((function(e){var t=_.includes(e)?_.filter((function(t){return t!=e})):(0,l.Z)(_).concat([e]);j(t),L(t)}),[_,j]),oe=(0,c.useCallback)((function(e){var t=H.includes(e)?H.filter((function(t){return t!=e})):(0,l.Z)(H).concat([e]);k&&k(t),A(t)}),[H,k]),ie=(0,c.useCallback)((function(e){var t=M.includes(e)?M.filter((function(t){return t!=e})):(0,l.Z)(M).concat([e]);F&&F(t),q(t)}),[M,F]),le=(0,c.useCallback)((function(e){return(0,a.jsx)(p.Z,{data:e,backgroundColor:"#0088FF",fontColor:"white",onClick:function(){return re(e)}})}),[re]),ae=(0,c.useCallback)((function(e){return(0,a.jsx)(p.Z,{data:e,backgroundColor:"#EFF1F5",fontColor:"#414042",onClick:function(){return re(e)}})}),[re]),se=(0,c.useCallback)((function(e){return(0,a.jsx)(p.Z,{data:e,backgroundColor:"#0088FF",fontColor:"white",onClick:function(){return ie(e)}})}),[ie]),ce=(0,c.useCallback)((function(e){return(0,a.jsx)(p.Z,{data:e,backgroundColor:"#EFF1F5",fontColor:"#414042",onClick:function(){return ie(e)}})}),[ie]),ue=(0,c.useCallback)((function(e){return(0,a.jsx)(p.Z,{data:e,backgroundColor:"#0088FF",fontColor:"white",onClick:function(){return oe(e)}})}),[oe]),fe=(0,c.useCallback)((function(e){return(0,a.jsx)(p.Z,{data:e,backgroundColor:"#EFF1F5",fontColor:"#414042",onClick:function(){return oe(e)}})}),[oe]),de=(0,c.useCallback)((function(){(0,b.qw)("CS_SRSTFilter_InputSearch"),$(Y),I(Y),E()}),[Y,I,E]),pe=(0,c.useCallback)((function(){K(!X)}),[X]),xe=(0,c.useCallback)((function(){Q(!J)}),[J]),he=(0,c.useCallback)((function(){ne(!te)}),[te]);return(0,a.jsxs)(w,{children:[(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:24,marginBottom:24},children:[(0,a.jsx)("span",{style:{fontSize:20,color:"#414042",fontWeight:"bold"},children:T("filter-srst-menu-title")}),(0,a.jsx)("button",{onClick:E,style:{background:"none",border:"none",fontSize:24,cursor:"pointer",color:"#666666",padding:0,margin:0},"aria-label":"Close filter menu",children:"\xd7"})]}),(0,a.jsx)("span",{style:{fontSize:14,color:"#414042",fontWeight:"bold",marginTop:24},children:T("filter-srst-search")}),(0,a.jsxs)("div",{style:{display:"flex",flexDirection:"row",width:"100%"},children:[(0,a.jsx)(x.N,{fullWidth:!0,size:"small",margin:"none",InputProps:{style:{height:48,fontSize:14,borderRadius:"8px 0px 0px 8px",marginTop:16,width:"100%"}},value:Y,onChange:function(e){return $(e.target.value)}}),(0,a.jsx)(h.Z,{style:{width:80,height:48,float:"right",marginTop:16,borderRadius:"0px 8px 8px 0px"},label:T("filter-srst-search-btn"),onClick:de})]}),(0,a.jsx)(m,{title:T("filter-srst-university"),items:g.PK,selectedItems:_,onItemToggle:re,collapsed:X,onToggle:pe,renderButton:ae,renderSelectedButton:le,ariaLabel:"university-filter",t:T}),(0,a.jsx)(m,{title:T("filter-srst-education-level"),items:g.EK,selectedItems:H,onItemToggle:oe,collapsed:J,onToggle:xe,renderButton:fe,render

1SelectedButton:ue,ariaLabel:"education-level-filter",t:T}),(0,a.jsx)(m,{title:T("filter-srst-tutor-tags"),items:d.h,selectedItems:M,onItemToggle:ie,collapsed:te,onToggle:he,renderButton:ce,renderSelectedButton:se,ariaLabel:"tutor-tags-filter",t:T}),(0,a.jsxs)("div",{style:{display:"flex",justifyContent:"center",marginTop:24,gap:16,marginBottom:40,paddingBottom:20},children:[(0,a.jsx)(h.Z,{style:{width:200,height:48,backgroundColor:"#0088FF",borderRadius:8},label:T("filter-srst-filter-btn"),onClick:function(){E()}}),(0,a.jsx)(h.Z,{style:{width:200,height:48,backgroundColor:"#FFD700",borderRadius:8},label:T("filter-srst-reset-btn"),onClick:function(){n((0,i.Z)((0,o.Z)({},t),{priceRange:[y,v]})),j([]),k&&k([]),F&&F([]),I(""),P([y,v]),L([]),A([]),q([]),$(""),E()}})]})]})}},26873:function(e,t,n){n.d(t,{Z:function(){return f}});var r=n(14924),o=n(29815),i=n(85893),l=n(90948),a=n(67294),s=n(74897),c=n(3924),u=n(23073);(0,l.ZP)("div")((function(e){var t=e.theme;return(0,r.Z)({display:"flex",width:"100%",height:.5*window.innerHeight,maxWidth:420,flexDirection:"column",borderRadius:12,backgroundColor:"white",padding:25,overflow:"scroll"},t.breakpoints.down("sm"),{width:"90%"})}));function f(e){var t=e.defaultOtherFilter,n=e.onChangeOtherFilter,r=e.updateList,l=function(e){var t=[];t=p.includes(e)?p.filter((function(t){return t!=e})):(0,o.Z)(p).concat([e]),n(t),x(t),r()},f=(0,s.$G)("common").t,d=(0,a.useState)([]),p=d[0],x=d[1];return(0,a.useEffect)((function(){x(t)}),[t]),(0,i.jsx)("div",{style:{display:"flex",flex:1,height:48,padding:12,alignItems:"center",width:"95%"},children:(0,i.jsxs)("div",{style:{flex:1,display:"flex",flexWrap:"wrap",justifyContent:"center",width:"100%",fontSize:14},children:[f("filter-srst-other-category"),"\ud83d\udd25:",function(){var e=[];return c.fW.map((function(t){"IB/GCE/IGCSE"==t.fullname?e.push((0,i.jsx)("span",{style:{fontSize:14,fontWeight:700,color:"#0E4C92",padding:"0px 1vw",overflow:"hidden",whiteSpace:"nowrap",display:"inline-block",cursor:"pointer"},onClick:function(){l(t),(0,u.qw)("SRSTPopular_"+t.fullname)},className:"popular_category",children:f("filter-srst-international-exam")})):"filter-srst-zoom"==t.fullname||e.push((0,i.jsx)("span",{style:{fontSize:14,fontWeight:700,color:"#0E4C92",padding:"0px 1vw",overflow:"hidden",whiteSpace:"nowrap",display:"inline-block",cursor:"pointer"},onClick:function(){l(t),(0,u.qw)("SRSTPopular_"+t.fullname)},className:"popular_category",children:f(t.fullname)}))})),e.push((0,i.jsx)("span",{style:{fontSize:14,fontWeight:700,color:"#0E4C92",padding:"0px 1vw",overflow:"hidden",whiteSpace:"nowrap",display:"inline-block",cursor:"pointer"},onClick:function(){window.open("/new/srst-zoom"),(0,u.qw)("SRSTPopular_Zoom")},className:"popular_category",children:"\u7db2\u8ab2/Zoom"})),e}()]})})}},38799:function(e,t,n){n.d(t,{Z:function(){return k}});var r=n(14924),o=n(26042),i=n(69396),l=n(99534),a=n(85893),s=n(67294),c=n(25675),u=n.n(c),f=n(11163),d=n(90948),p=n(50456),x=n(21023),h=n(48999),g=n(74897),b=n(64555),m=(0,d.ZP)("div")((function(e){e.theme;return{zIndex:"9999"}})),w=(0,d.ZP)("div")((function(e){var t=e.theme;return(0,r.Z)({display:"flex",flexDirection:"column",width:"80vw",minHeight:"60px",alignItems:"flex-start",justifyContent:"center",backgroundColor:"#E3F2FF",borderRadius:"16px",padding:"12px 64px"},t.breakpoints.down("lg"),{padding:"12px 20px"})})),v=((0,d.ZP)("div")((function(e){var t=e.theme;return(0,r.Z)({display:"flex",flexDirection:"row",alignItems:"flex-start",gap:"24px"},t.breakpoints.down("lg"),{gap:"10px"})})),(0,d.ZP)("div")((function(e){e.theme;return{flex:1,width:25,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}})),(0,d.ZP)("div")((function(e){e.theme;return{fontSize:"14px",fontWeight:700,lineHeight:"19px",color:"#0088FF",letterSpacing:"0.075em",textAlign:"center",display:"flex",flexDirection:"column",justifyContent:"center"}}))),y=((0,d.ZP)("div")((function(e){e.theme;return{fontSize:"18px",fontWeight:700,lineHeight:"25px",letterSpacing:"0.075em",color:"#0088FF",textAlign:"center"}})),(0,d.ZP)("div")((function(e){e.theme;return{fontSize:"12px",fontWeight:400,lineHeight:"11px",color:"#0088FF",textAlign:"center"}})),(0,d.ZP)("div")((function(e){var t,n=e.theme;return t={fontSize:"12px",fontWeight:400},(0,r.Z)(t,n.breakpoints.up(480),{width:"500px"}),(0,r.Z)(t,n.breakpoints.up(900),{width:"500px"}),t}))),j=(0,d.ZP)("div")((function(e){var t,n=e.theme;return t={display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",padding:"8px 16px",

1width:192,background:"#0088FF",borderRadius:"8px",fontSize:"14px",fontWeight:400,lineHeight:"20px",color:"#FFFFFF",textAlign:"center",cursor:"pointer"},(0,r.Z)(t,n.breakpoints.down("lg"),{width:120}),(0,r.Z)(t,n.breakpoints.down("sm"),{width:90,mt:20}),t})),C=(0,d.ZP)((function(e){var t=e.className,n=(0,l.Z)(e,["className"]);return(0,a.jsx)(x.Z,(0,i.Z)((0,o.Z)({},n),{classes:{popper:t},enterTouchDelay:0}))}))((0,r.Z)({},"& .".concat(h.Z.tooltip),{maxWidth:"none"}));function k(e){var t=e.usertype,n=void 0===t?b.bP:t,r=e.title,o=(e.quota,e.randomFloatingBar),i=e.isShowButton,l=void 0===i||i,c=e.endDate,d=e.onClickAction,x=e.onRequestClosed,h=function(){switch(o){case 1:return(0,a.jsxs)(v,{children:[" ",null!==r&&void 0!==r?r:"\u3010$25\u5496\u5561coupon\u56de\u8d08\u3011 \u670b\u53cb\u8f38\u5165\u5c0e\u5e2b\u7684\u96fb\u8a71\u865f\u78bc\u81f3\u300c\u4ecb\u7d39\u4eba\u96fb\u8a71\u865f\u78bc\u300d\u4e00\u6b04\uff0c\u4e26\u6210\u529f\u8a3b\u518a\u5c0e\u5e2b\uff0c\u4ecb\u7d39\u4eba\u5373\u53ef\u5411\u5ba2\u670d\u5c08\u54e1\u7d22\u53d6$25 Pacific coffee\u73fe\u91d1\u5238\u3002"]});case 2:return(0,a.jsxs)(v,{children:[" ",null!==r&&void 0!==r?r:F("referral-50-coffee-1")]});default:return(0,a.jsxs)(v,{children:[" ",null!==r&&void 0!==r?r:""]})}},k=function(){return(0,a.jsx)(j,{onClick:function(){return d?d():null},children:F("btn-get-offer")})},S=(0,f.useRouter)(),F=(0,g.$G)("common").t,Z=(0,s.useState)({}),I=(Z[0],Z[1]),E=(0,s.useState)(-1),W=E[0],T=E[1],z=(0,s.useRef)(W);(0,s.useEffect)((function(){window.addEventListener("scroll",P);var e=setInterval((function(){z.current>0&&(z.current=z.current-1e3,T(z.current))}),1e3);return function(){window.removeEventListener("scroll",P),clearInterval(e)}}),[]),(0,s.useEffect)((function(){c?(z.current=c-Date.now(),T(z.current)):(z.current=0,T(0))}),[c]);var P=function(){if(void 0!==window){var e=window.scrollY;I(e>0?{position:"fixed",top:"80px"}:{position:"relative"})}};return(0,a.jsx)(C,{title:n==b.bP?(0,a.jsxs)(y,{children:[F("floating-bar-terms-title"),(0,a.jsx)("br",{}),(0,a.jsx)("br",{}),F("floating-bar-term-1"),(0,a.jsx)("br",{}),F("floating-bar-term-2"),(0,a.jsx)("br",{}),F("floating-bar-term-3"),(0,a.jsx)("br",{}),F("floating-bar-term-4"),(0,a.jsx)("br",{}),F("floating-bar-term-5"),(0,a.jsx)("br",{}),F("floating-bar-term-6"),(0,a.jsx)("br",{}),F("floating-bar-term-7"),(0,a.jsx)("br",{}),F("floating-bar-term-8"),(0,a.jsx)("br",{}),F("floating-bar-term-9"),(0,a.jsx)("br",{}),F("floating-bar-term-10"),(0,a.jsx)("br",{}),F("floating-bar-term-11"),(0,a.jsx)("br",{}),F("floating-bar-term-12"),(0,a.jsx)("br",{}),F("floating-bar-term-13"),(0,a.jsx)("br",{}),F("floating-bar-term-14"),(0,a.jsx)("br",{}),F("floating-bar-term-15"),(0,a.jsx)("br",{}),F("floating-bar-term-16")]}):null,children:(0,a.jsx)(m,{children:(0,a.jsxs)(w,{children:[(0,a.jsx)(p.Z,{smDown:!0,children:(0,a.jsxs)("div",{style:{width:"100%",display:"flex",flexDirection:"row",gap:"32px",justifyContent:"space-between"},children:[h(),l?k():null,(0,a.jsx)("div",{style:{display:"flex",flexDirection:"row",gap:"16px",alignItems:"center"},children:(0,a.jsx)(a.Fragment,{children:(0,a.jsx)("div",{style:{display:"flex",cursor:"pointer"},onClick:function(){return x?x():null},children:(0,a.jsx)(u(),{src:S.basePath+"/icon_close.png",layout:"fixed",width:24,height:24,objectFit:"contain"})})})})]})}),(0,a.jsx)(p.Z,{smUp:!0,children:(0,a.jsx)("div",{style:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",gap:"5px"},children:(0,a.jsxs)("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center"},children:[h(),function(){Math.floor(W/1e3),Math.floor(W/60/1e3),Math.floor(W/3600/1e3),Math.floor(W/86400/1e3);return(0,a.jsx)("div",{style:{display:"flex"}})}(),l?k():null,(0,a.jsx)("div",{style:{display:"flex",cursor:"pointer"},onClick:function(){return x?x():null},children:(0,a.jsx)(u(),{src:S.basePath+"/icon_close.png",layout:"fixed",width:24,height:24,objectFit:"contain"})})]})})})]})})})}}}]);