https://www.rcmusic.com/_next/static/chunks/1117-654bafd9223ecdc1.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1117],{2973:(e,a,t)=>{t.d(a,{default:()=>n});var l=t(95155),s=t(12115),i=t(37349),r=t(15239),d=t(8698);let n=e=>{let{title:a,images:t,galleryItemsId:n,lockup_format:o}=e,[c,m]=(0,s.useState)(!1),[u,h]=(0,s.useState)(!1),[p,f]=(0,s.useState)(!1);(0,s.useEffect)(()=>{let e=e=>{"Escape"===e.key&&m(!1)};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[]);let v=[];return 5==o?v=[{backgroundPosition:"0% 52%"},{backgroundPosition:"61% 0%"},{backgroundPosition:"0% 0%"},{backgroundPosition:"50% 0%"},{backgroundPosition:"51% 0%"},{backgroundPositionY:"0%",backgroundPositionX:"31%"}]:6==o&&(v=[{backgroundPosition:"0% 0%"},{backgroundPosition:"50% 0%"},{backgroundPosition:"0% 0%"},{backgroundPosition:"0% 0%"},{backgroundPosition:"50% 0%"},{backgroundPosition:"50% 0%"}]),(0,l.jsxs)("div",{className:"tps-gallery-lockup-wrapper tps-lockup-".concat(o,"-up"),children:[(0,l.jsx)("div",{className:"tps-gallery-lockup",children:t.data.map((e,s)=>{var i,o,u,p,g,x;let b=null==e?void 0:e.attributes,j=(0,d.b)((null==b||null==(o=b.formats)||null==(i=o.large)?void 0:i.url)||b.url);return(0,l.jsx)("a",{className:"tps-gallery-item tps-gallery-lockup-item tps-gallery-lockup-item-".concat(s+1," odd"),href:"#",title:"".concat(a," ").concat(s+1),"data-gallery-array-id":"galleryItems_".concat(n),"data-item-id":"".concat(a,"-").concat(s+1),"data-item-index":"".concat(s),onClick:()=>{((e,a)=>{e.preventDefault(),m(!c),h(t.data[a].attributes),f(a)})(event,s)},children:(0,l.jsxs)("span",{className:"tps-gallery-lockup-item-inner",children:[(0,l.jsx)(r.default,{src:"".concat(j),className:"tps-gallery-lockup-image hide lazyload",alt:"".concat(a,"-").concat(s+1),width:(null==b||null==(p=b.formats)||null==(u=p.small)?void 0:u.width)||b.width,height:(null==b||null==(x=b.formats)||null==(g=x.small)?void 0:g.height)||b.height}),(0,l.jsx)("span",{className:"tps-gallery-lockup-image-bg lazyloaded","data-bg":"".concat(j),style:{...v[s],backgroundImage:"url(".concat(j,")")}})]})},s)})}),c&&(0,l.jsx)(i.A,{image:u,index:p,display:c,handleImageChange:(e,a)=>{if(e.preventDefault(),"next"===a)p<t.data.length-1?(f(p+1),h(t.data[p+1].attributes)):(f(0),h(t.data[0].attributes));else if(0==p){var l;f(t.data.length-1),h(null==(l=t.data[t.data.length-1])?void 0:l.attributes)}else f(p-1),h(t.data[p-1].attributes)},onClose:()=>m(!1)})]})}},18376:(e,a,t)=>{t.d(a,{default:()=>u});var l=t(95155),s=t(12115),i=t(20063),r=t(16405),d=t(71506),n=t(44756),o=t(9485),c=t(23704),m=t(8698);let u=e=>{var a;let{title:t,headerLevel:u,headerTitle:h,text:p,fontColor:f,backGroundColor:v,backgroundImage:g,hasForm:x}=e,b=(0,i.useRouter)(),[j,y]=(0,s.useState)(""),[N,k]=(0,s.useState)(null),[C,S]=(0,s.useState)(null),[w,P]=(0,s.useState)({}),[E,L]=(0,s.useState)({location:{required:!0,valid:!0,message:"",type:"text"},discipline:{required:!0,valid:!0,message:"",type:"text"},fullName:{required:!1,valid:!0,message:"",type:"text"},lessonLocation:{required:!1,valid:!0,message:"",type:"text"}}

1),[q,I]=(0,s.useState)(""),T=(0,i.usePathname)(),_=T.includes("/study-rcm-simplified-chinese"),M=T.includes("/study-rcm-traditional-chinese"),A=e=>{let{name:a,value:t}=e.target;P({...w,[a]:t}),L(e=>({...e,[a]:{...e[a],value:t}}))},D=async e=>{e.preventDefault(),L((0,c.H)(E));let a=w?Object.keys(w).map(e=>encodeURIComponent(e)+"="+encodeURIComponent(w[e])).join("&"):null;if(!N)return void I("This field is required");"place_id"in N&&b.push("".concat("/find-a-teacher/place","?place=").concat(N.place_id)+(a?"&".concat(a):""))},H=h?"<".concat(u,">").concat(h,"</").concat(u,">"):"";return(0,l.jsxs)("div",{className:"find-a-teacher-body tps-body",id:"body",children:[(0,l.jsx)("h1",{className:"hide no-print",children:t}),(0,l.jsx)("div",{className:"tps-masthead",children:(0,l.jsx)("div",{className:"fatv2-masthead-wrapper",children:(0,l.jsx)("div",{className:"fatv2-masthead-inner",style:{backgroundImage:"url(".concat((0,m.b)(g.url),")")},children:(0,l.jsx)("div",{className:"grid-container",children:(0,l.jsxs)("div",{className:"grid-x",children:[(0,l.jsx)("div",{className:"cell large-6",children:(0,l.jsxs)("div",{className:"fatv2-masthead-text",style:{color:f||"#fff",backgroundColor:v||"transparent"},children:[(0,r.Ay)(H),(0,r.Ay)(p)]})}),x&&(0,l.jsx)("div",{className:"cell large-6",children:(0,l.jsx)("div",{className:"fatv2-masthead-form-wrapper",children:(0,l.jsx)("div",{className:"fatv2-masthead-form-inner",children:(0,l.jsx)("div",{className:"fatv2-masthead-form fatv2-masthead-fake-form","data-algo":"geo","data-algo-geofield":"#postal-code","data-algo-georadiusfield":"#distance","data-algo-index":"find-a-teacher-v4",id:"findateacher-fatlp-form",children:(0,l.jsx)("form",{onSubmit:D,noValidate:!0,children:(0,l.jsxs)("fieldset",{className:"fatv2-masthead-form-fieldset",children:[(0,l.jsx)("legend",{className:"h2 fatv2-masthead-form-legend",children:_?"寻找在您附近的加拿大皇家音乐学院老师":M?"尋找在您附近的加拿大皇家音樂學院老師":"Music Lessons With RCM Teachers"}),(0,l.jsx)("p",{children:_?"输入您的信息开始寻找":M?"輸入您的資料後開始尋找":"Enter your details to find a teacher or school in our National Teacher Directory."}),(0,l.jsxs)("div",{className:"form-container-inner",style:{display:"block"},"data-tps-step-index":"0",children:[(0,l.jsx)("div",{className:"fatv2-masthead-form-row",children:(0,l.jsx)(d.A,{label:_?"乐器/学科":M?"樂器／學科":"Instrument/Discipline",name:"disciplines",idField:"disciplines",required:!0,onChangeHandler:A,externalDataSource:"disciplines",labelClassName:"fatv2-masthead-form-label",selectClassName:"form-select fatv2-masthead-form-select",isValid:!0,errorMessage:"This field is required",customErrorInputStyle:{margin:"0"},customErrorLabelStyle:{},customErrorMessageStyle:{textTransform:"uppercase",fontSize:"smaller",padding:"0 0 1rem",display:"inline-block"}})}),(0,l.jsx)(o.A,{labelClassName:"fatv2-masthead-form-label tps-form-label tps-field-required",inputClassName:"form-text fatv2-masthead-form-input tps-form-input",label:_?"地点":M?"地點":"Your Location",name:"location",idField:"location",required:!0,onPlaceChanged:e=>{if(C){let e=C.getPlace();k(e),y(e.formatted_address),I("")}},placeholder:_?"输入位置":M?"輸入位置":"Enter your location",onLoad:e=>{S(e)},autoComplete:"off",setValue:e=>{y(e.target.value)},isValid:null==(a=E.location)?void 0:a.valid,errorMessage:q,customErrorInputStyle:{margin:"0"},customErrorLabelStyle:{},customErrorMessageStyle:{textTransform:"uppercase",fontSize:"smaller",padding:"0 0 1rem",display:"inline-block"}}),(0,l.jsx)("div",{className:"fatv2-masthead-form-row",children:(0,l.jsx)(d.A,{label:_?"上课地点":M?"上課地點":"Lesson Location",name:"teachingLocation",idField:"lesson-location",required:!1,onChangeHandler:A,externalDataSource:"lesson-locations",labelClassName:"fatv2-masthead-form-label",selectClassName:"form-select fatv2-masthead-form-select"})}),(0,l.jsx)("div",{className:"fatv2-masthead-form-row tps-form-label",children:(0,l.jsx)(n.A,{label:_?"老师的名字":M?"老師的名字":"Teacher Name",onChangeHandler:A,idField:"fullName",name:"fullName",placeholder:_?"输入å

1å­—":M?"輸入名字":"Enter a name",required:!1,labelClassName:"fatv2-masthead-form-label",inputClassName:"form-text fatv2-masthead-form-input"})}),(0,l.jsx)("div",{className:"tps-form-controls",children:(0,l.jsx)("div",{className:"fatv2-masthead-form-row fatv2-masthead-button-wrapper",children:(0,l.jsx)("input",{className:"button fatv2-masthead-button fatv2-masthead-button-submit",type:"submit",value:_||M?"搜索":"Submit"})})})]})]})})})})})})]})})})})})]})}},50083:(e,a,t)=>{t.d(a,{default:()=>s});var l=t(95155);t(12115);let s=e=>{let{title:a,items:t}=e;return(0,l.jsxs)("div",{style:{maxWidth:986,margin:"0 auto"},className:"p-1",children:[(0,l.jsx)("div",{style:{marginTop:50,marginBottom:40},className:"flex justify-center mPadding",children:(0,l.jsx)("h3",{children:a})}),(0,l.jsx)("div",{className:"cWrapper mPadding",children:(0,l.jsx)("ul",{className:"steps",children:t.map((e,a)=>(0,l.jsx)("li",{children:(0,l.jsx)("table",{children:(0,l.jsx)("tbody",{children:(0,l.jsxs)("tr",{children:[(0,l.jsx)("td",{children:(0,l.jsx)("div",{className:"stepNum",children:a+1})}),(0,l.jsx)("td",{children:(0,l.jsx)("div",{dangerouslySetInnerHTML:{__html:e.text}})})]})})})},a))})})]})}},84538:(e,a,t)=>{t.d(a,{default:()=>r});var l=t(95155);t(12115);var s=t(15239),i=t(8698);let r=e=>{let{title:a,people:t}=e;return(0,l.jsxs)("div",{className:"aboutModule mPadding pb-5 mx-auto",children:[(0,l.jsx)("h3",{children:"Our Team"}),(0,l.jsx)("div",{className:"cWrapper mPadding",children:(0,l.jsx)("ul",{children:t.map((e,a)=>{var t,r,d;return(0,l.jsxs)("li",{children:[(null==(d=e.photo)||null==(r=d.data)||null==(t=r.attributes)?void 0:t.url)?(0,l.jsx)(s.default,{src:(0,i.b)(e.photo.data.attributes.url),alt:"",width:e.photo.data.attributes.width||200,height:e.photo.data.attributes.height||200}):(0,l.jsx)("div",{className:"photoPlaceholder"}),(0,l.jsx)("h4",{children:e.name}),(0,l.jsx)("div",{children:e.title})]},a)})})})]})}}}]);
2//# sourceMappingURL=1117-654bafd9223ecdc1.js.map