https://www.income.com.sg/assets/js/widgets/item-list-filter-speci…suyX_CLPbKoG5k5Jie3bH7q6J5xDIMbzwskwB6lvzew

1import{R as Oe}from"../../../../vendor/react-mount.js";import{j as e,r as a}from"../../../../vendor/react-vendors.js";import{A as r}from"../../../../vendor/accordion.js";import{B as Ve,S as L}from"../../../../vendor/button.js";import{c as pe}from"../../../../vendor/index.js";import{D as I}from"../../../../vendor/dropdown.js";import{M as oe}from"../../../../vendor/modal-filter.js";import{M as ze}from"../../../../vendor/bootstrap.esm.js";import{S as W}from"../../../../vendor/separator.js";import{p as re}from"../../../../vendor/purify.es.js";import{P as ne,g as de}from"../../../../vendor/pagination.js";import{g as Ge}from"../../../../vendor/event-tag.js";import"../accordion/accordion.js";import"../../../../vendor/icon.js";const me=({imageUrl:N,name:w,specialities:B,hospitals:_=[],onClick:S})=>e.jsxs("div",{className:pe("card card-specialist"),children:[e.jsx("div",{className:"card-image",children:e.jsx("img",{src:N,alt:""})}),e.jsxs("div",{className:"card-content",children:[e.jsx("div",{className:"card-name font-group fw-bold",children:w}),e.jsx("div",{className:"card-specialities font-body",children:B}),e.jsx("div",{className:"card-hospitals font-body-sm",children:e.jsx("ul",{children:_.map(P=>e.jsx("li",{children:P},crypto.randomUUID()))})})]}),e.jsx("a",{onClick:S,className:"card-link-full-block"})]}),Ke=({options:N,value:w,placeholder:B,className:_,minCharValueToShow:S=0,onChange:P,onClickInput:F})=>{const[h,g]=a.useState(w),[f,b]=a.useState(!1),t=a.useMemo(()=>h?N.filter(n=>n.toLowerCase().includes(h.toLowerCase())):N,[h,N]),l=n=>{P(n),g(n),setTimeout(()=>b(!1),0)},E=n=>{var A;n.key==="Enter"&&(n.preventDefault(),l((A=n.target)==null?void 0:A.value.trim()))};return a.useEffect(()=>{b(h.length>=S)},[h,S]),e.jsxs(I,{children:[e.jsxs("div",{className:pe("dropdown-input-search",`${f?"show":"hide"}`,_),"data-bs-toggle":"dropdown","aria-expanded":f,children:[e.jsx("div",{className:"icon icon-left",children:e.jsx("i",{className:"income-icons-search"})}),e.jsx("input",{type:"text",placeholder:B,className:"form-control dropdown-toggle line-clamp",value:h,onChange:n=>g(n.target.value),onKeyDown:E,onClick:F}),h&&e.jsx("a",{onClick:()=>l(""),className:"icon icon-reset",children:e.jsx("i",{className:"income-icons-xmark"})})]}),f&&e.jsx(I.Menu,{className:f?"show":"hide",children:t.length>0?t.map(n=>e.jsx(I.MenuItem,{isActive:h===n,onClick:()=>l(n),children:n},`${n}-${crypto.randomUUID()}`)):e.jsx("li",{className:"dropdown-item text-muted",children:"No results"})})]})},Qe=a.forwardRef(({photoUrl:N,name:w,biography:B,disclaimer:_,clinics:S,qualifications:P,specialies:F,onClose:h=()=>{}},g)=>{const f=a.useRef(null),b=a.useRef(null);return a.useImperativeHandle(g,()=>({open:()=>{var t;return(t=b.current)==null?void 0:t.show()},close:()=>{var t;return(t=b.current)==null?void 0:t.hide()}})),a.useEffect(()=>{var t;return f.current&&(b.current=new ze(f.current),(t=f.current)==null||t.addEventListener("hidden.bs.modal",h)),()=>{var l;f.current&&((l=f.current)==null||l.removeEventListener("hidden.bs.modal",h))}},[]),e.jsx("div",{className:"modal fade modal-specialist",id:"modal-specialist",tabIndex:-1,"aria-hidden":"true",ref:f,children:e.jsx("div",{className:"modal-dialog modal-dialog-centered",children:e.jsxs("div",{className:"modal-content",children:[e.jsx("div",{className:"modal-header",children:e.jsx("a",{className:"modal-close",role:"button","data-bs-dismiss":"modal","aria-label":"Close",children:e.jsx("i",{className:"income-icons-xmark"})})}),e.jsxs("div",{className:"modal-body",children:[e.jsxs("div",{className:"d-flex gap-3 flex-column flex-sm-row",children:[e.jsx("div",{className:"specialist-image",children:e.jsx("img",{src:N,alt:""})}),e.jsxs("div",{className:"d-flex flex-column w-100",children:[e.jsx("div",{className:"font-group",children:w}),e.jsx("div",{className:"",children:F}),e.jsx(W,{className:"my-3"}),e.jsx("div",{className:"",children:"Locations: "}),e.jsx(r,{parentId:"clinics-accordion",children:S==null?void 0:S.map((t,l)=>e.jsxs(r.Item,{children:[e.jsx(r.Item.Header,{targetId:`clinics-accordion-target-${l}`,children:t.clinicName}),e.jsx(r.Item.Body,{targetId:`clinics-accordion-target-${l}`,parentId:"clinics-accordion",children:e.jsxs("div",{className:"d-flex flex-column gap-3",children:[t.address&&e.jsxs("div",{children:[e.jsx("div",{className:"fw-bold",children:"Address"}),e.jsxs("div",{className:"",children:[t.addressUnit,","," ",t.address]}),e.jsx("a",{href:`https://www.google.com/maps/dir//${t.address}`,target:"_blank",children:"Get direction"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"fw-bold",children:"Operating Hours"}),e.jsx("div",{dangerouslySetInnerHTML:{__html:re.sanitize(t.operatorHours)}})]}),e.jsxs("div",{className:"d-flex flex-column gap-2",children:[t.phone&&e.jsxs("a",{href:`tel:${t.phone}`,children:[e.jsx("i",{className:"income-icons-telephone pr-2"})," ",t.phone]}),t.email&&e.jsxs("a",{href:`mailto:${t.email}`,children:[e.jsx("i",{className:"income-icons-mail pr-2"})," ",t.email]}),t.website&&e.jsxs("a",{href:t.website,target:"_blank",children:[" ",e.jsx("i",{className:"income-icons-globe pr-2"})," ",t.website]})]})]})})]},`faq-${crypto.randomUUID()}`))},`clinics-accordion-${crypto.randomUUID()}`),e.jsx("div",{className:"mb-2 mt-3",children:"Qualifications:"}),e.jsx("div",{className:"fw-bold",children:P}),e.jsx(W,{className:"my-3"})]})]}),e.jsx("div",{dangerouslySetInnerHTML:{__html:re.sanitize(B||"")}}),e.jsx(r,{parentId:"disclaimer-accordion",children:e.jsxs(r.Item,{children:[e.jsx(r.Item.Header,{targetId:"disclaimer-accordion-target",children:"Disclaimer"}),e.jsx(r.Item.Body,{targetId:"disclaimer-accordion-target",parentId:"disclaimer-accordion",children:_})]},`faq-${crypto.randomUUID()}`)},`disclaimer-accordion-${crypto.randomUUID()}`)]})]})})})}),We=({tabTitleBySpeciality:N,tabTitleByName:w,filterLabel:B,filterPlaceholderBySpeciality:_,filterPlaceholderByName:S,searchPlaceholder:P,disclaimer:F,baseUrl:h=window.location.origin})=>{const g=a.useMemo(()=>window.innerWidth<1024,[]),f=a.useMemo(()=>

1g?5:9,[g]),[b,t]=a.useState([]),[l,E]=a.useState([]),[n,A]=a.useState([]),[he,ue]=a.useState([]),[xe,fe]=a.useState([]),[q,ye]=a.useState(!1),[O,je]=a.useState(!1),[o,J]=a.useState(),[V,z]=a.useState([]),[G,K]=a.useState([]),[be,X]=a.useState(1),[Ne,ge]=a.useState(1),[ve,Q]=a.useState(1),[ke,Se]=a.useState(1),[Ce,we]=a.useState(0),[Be,Ie]=a.useState(0),[v,R]=a.useState([]),[y,U]=a.useState([]),[k,M]=a.useState([]),[C,_e]=a.useState(""),Y=a.useRef(null),Z=a.useRef(null),ee=a.useRef(null),H=a.useCallback(s=>{const i=s.length;return i?g?`All filters (${i})`:s.join(", "):""},[g]),Pe=a.useCallback(()=>{const s=l.filter(c=>v.includes(c.code)),i=b.filter(c=>k.includes(c.code));z([i[0],s[0],...i.slice(1),...s.slice(1)].filter(c=>c!==void 0))},[l,v,b,k]),$e=a.useCallback(()=>{K(l.filter(s=>y.includes(s.code)))},[l,y]),Fe=a.useMemo(()=>H(V.map(s=>s.name)),[V,H]),De=a.useMemo(()=>H(G.map(s=>s.name)),[G,H]),$=a.useCallback((s,i,{label:c="",type:u=""})=>{const{value:x,checked:j}=s.target;p({user_action:`Checkbox-${j?"Unchecked":"Checked"}`,current_section:`Browse By ${u}-Filter Popup`,click_text:c}),i(m=>j?[...m,x]:m.filter(T=>T!==x))},[]),d=a.useCallback(async(s,i)=>{var T;const c=new URL(`${h}/api/specialists/query`);c.searchParams.set("page",s.page?s.page.toString():"1"),c.searchParams.set("size",f.toString()),c.searchParams.set("hospitalCode",s.hospitalCode.join(",")),(T=s.specialityCode)!=null&&T.length&&c.searchParams.set("specialityCode",s.specialityCode.join(",")),s.doctor&&c.searchParams.set("doctor",s.doctor);const u=i==="bySpeciality"?ye:je,x=i==="bySpeciality"?fe:ue,j=i==="bySpeciality"?Ie:we,m=i==="bySpeciality"?ge:Se;try{u(!0);const D=await fetch(c.toString());if(!D.ok)throw new Error(`HTTP ${D.status}`);const{data:Le,totalPages:Ee,total:qe}=await D.json();x(Le),m(Ee),j(qe)}catch(D){console.error("Failed to fetch specialists:",D)}finally{u(!1)}},[]),se=a.useCallback(()=>{var s;$e(),d({hospitalCode:y,doctor:C},"byName"),(s=Y.current)==null||s.close()},[y,C,d]),ae=a.useCallback(()=>{var s;Pe(),d({hospitalCode:v,specialityCode:k},"bySpeciality"),(s=Z.current)==null||s.close()},[v,k,d]),Ae=a.useCallback((s,i)=>{s.stopPropagation(),p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by speciality",click_text:`Remove-${i}`});const c=v.filter(m=>m!==i),u=k.filter(m=>m!==i);R(c),M(u);const x=l.filter(m=>c.includes(m.code)),j=b.filter(m=>u.includes(m.code));z([j[0],x[0],...j.slice(1),...x.slice(1)].filter(m=>m!==void 0)),d({hospitalCode:c,specialityCode:u},"bySpeciality")},[v,k,d]),Re=a.useCallback((s,i)=>{s.stopPropagation(),p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by doctor's name",click_text:`Remove-${i}`});const c=y.filter(u=>u!==i);U(c),K(l.filter(u=>c.includes(u.code))),d({hospitalCode:c,doctor:C},"byName")},[y,C,d]),Ue=a.useCallback(s=>{var i;(i=document.querySelector(".page-tabs"))==null||i.scrollIntoView({behavior:"smooth",block:"start"}),X(s),p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by speciality",click_text:`Pagination-${s}`}),d({page:s,hospitalCode:v,specialityCode:k},"bySpeciality")},[v,k,d]),Me=a.useCallback(s=>{var i;(i=document.querySelector(".page-tabs"))==null||i.scrollIntoView({behavior:"smooth",block:"start"}),p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by doctor's name",click_text:`Pagination-${s}`}),Q(s),d({page:s,hospitalCode:y,doctor:C},"byName")},[y,C,d]),ie=a.useCallback(s=>{p({user_action:s==="Clear all"?"Select":"CTA Click",current_section:s==="Reset all"?"Browse By speciality-Filter Popup":"Find a specialist or preferred partner-Browse by speciality",click_text:s}),R([]),M([]),X(1),z([]),d({hospitalCode:[],specialityCode:[]},"bySpeciality")},[d]),He=a.useCallback(s=>{p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by doctor's name",click_text:s}),_e(s),Q(1),d({hospitalCode:y,doctor:s},"byName")},[y,d]),te=a.useCallback(s=>{p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by doctor's name",click_text:s}),U([]),Q(1),K([]),d({hospitalCode:[],doctor:C},"byName")},[C,d]),ce=a.useCallback((s,i,c,u)=>e.jsxs(e.Fragment,{children:[s.slice(0,3).map((x,j)=>e.jsxs("div",{className:"pill",children:[e.jsx("div",{className:"pill-label line-clamp",title:j===2&&s.length>2?`${s.length-2} more`:x.name,"data-bs-toggle":"modal","data-bs-target":`#${u}`,children:j===2&&s.length>2?`${s.length-2} more`:x.name}),j!==2&&e.jsx("i",{className:"cursor-pointer income-icons-xmark pill-action-delete",onClick:m=>

1i(m,x.code)})]},x.code)),s.length>0&&e.jsx(Ve,{style:"link",onClick:c,children:"Clear All"})]}),[]),le=a.useCallback(s=>{J(s)},[]),Te=a.useMemo(()=>n.map(s=>s.name),[n]),p=s=>{var c;const i={...Ge(),event_type:"Engagement",target_url:"",...s};(c=window.dataLayer)==null||c.push(i),console.log(i)};return a.useEffect(()=>{(async()=>{try{const[i,c,u]=await Promise.all([fetch(`${h}/api/specialities`),fetch(`${h}/api/hospitals`),fetch(`${h}/api/specialists`)]),[x,j,m]=await Promise.all([i.json(),c.json(),u.json()]);t(x),E(j),A(m)}catch(i){console.error("Failed to fetch initial data:",i)}})(),se(),ae()},[]),a.useEffect(()=>{var s;o&&((s=ee.current)==null||s.open())},[o]),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"tabs page-tabs",children:[e.jsx("ul",{className:"nav nav-tabs nav-justified d-lg-none",children:e.jsxs(I,{children:[e.jsx(I.Toggle,{children:N}),e.jsxs(I.Menu,{children:[e.jsx(I.Menu.Item,{isActive:!0,href:"#doctor-speciality",dataBsToggle:"tab",children:N}),e.jsx(I.Menu.Item,{isActive:!1,href:"#doctor-name",dataBsToggle:"tab",children:w})]})]})}),e.jsxs("ul",{className:"nav nav-tabs nav-justified d-none d-lg-flex",children:[e.jsx("li",{className:"nav-item",children:e.jsx("a",{onClick:()=>p({user_action:"Select",current_section:"Find a specialist or preferred partner",click_text:"Browse by Specialty"}),className:"nav-link active",href:"#doctor-speciality","data-bs-toggle":"tab",children:N})}),e.jsx("li",{className:"nav-item",children:e.jsx("a",{onClick:()=>p({user_action:"Select",current_section:"Find a specialist or preferred partner",click_text:"Browse by Doctor's name"}),className:"nav-link",href:"#doctor-name","data-bs-toggle":"tab",children:w})})]}),e.jsxs("div",{className:"tab-content",children:[e.jsx("div",{id:"doctor-speciality",className:"tab-pane fade show active",children:e.jsxs("div",{className:"item-list item-list-specialist spacing-within",children:[e.jsxs("div",{className:"item-list-filter-wrapper w-100",children:[e.jsxs("div",{className:"item-list-filter mb-3",children:[e.jsx("div",{className:"d-none d-md-block",children:B}),e.jsxs("div",{className:"item-list-filter-input position-relative w-100",children:[e.jsx("input",{type:"text",value:Fe,readOnly:!0,className:"input-filter cursor-pointer",placeholder:g?"All filters":_,onClick:()=>p({user_action:"Filter",current_section:"Find a specialist or preferred partner-Browse by specialty",click_text:"I want to filter by preferences"}),"data-bs-toggle":"modal","data-bs-target":"#modal-filter-form-speciality"}),e.jsxs("div",{className:"icon",children:[e.jsx(L,{className:"icon-default",iconName:"icon-filter"}),e.jsx(L,{className:"icon-active",iconName:"icon-filter-active"})]})]})]}),e.jsx("div",{className:"item-list-pill",children:ce(V,Ae,()=>ie("Clear all"),"modal-filter-form-speciality")}),!q&&e.jsxs("div",{className:"item-list-total-found mt-3 text-center fw-bold",children:[new Intl.NumberFormat("en-SG").format(Be)," ","specialists found."]})]}),e.jsx("div",{className:"item-list-content",children:q?Array(9).fill(null).map((s,i)=>e.jsx("div",{className:"card card-specialist skeleton"},i)):xe.map(s=>e.jsx(me,{imageUrl:s.photoUrl,hospitals:s.clinics.map(i=>i.clinicName),specialities:s.specialies,name:s.name,onClick:()=>le(s)},s.id||crypto.randomUUID()))}),!q&&e.jsx(ne,{useDefaultPrevNext:!1,children:de({totalPages:Ne,currentPage:be,onPageChange:Ue})})]})}),e.jsx("div",{id:"doctor-name",className:"tab-pane fade",children:e.jsxs("div",{className:"item-list item-list-specialist spacing-within",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"item-list-filter-search-wrapper w-100",children:[e.jsxs("div",{className:"item-list-filter-wrapper",children:[e.jsxs("div",{className:"item-list-filter mb-3",children:[e.jsx("div",{className:"d-none d-md-block",children:B}),e.jsxs("div",{className:"item-list-filter-input position-relative",children:[e.jsx("input",{type:"text",value:De,readOnly:!0,className:"input-filter cursor-pointer",placeholder:g?"All filters":S,onClick:()=>p({user_action:"Filter",current_section:"Find a specialist or preferred partner-Browse by doctor's name",click_text:"I want to filter by preferences"}

1),"data-bs-toggle":"modal","data-bs-target":"#modal-filter-form-name"}),e.jsxs("div",{className:"icon",children:[e.jsx(L,{className:"icon-default",iconName:"icon-filter"}),e.jsx(L,{className:"icon-active",iconName:"icon-filter-active"})]})]})]}),e.jsx("div",{className:"item-list-pill",children:ce(G,Re,()=>te("Clear all"),"modal-filter-form-name")})]}),e.jsx(W,{vertical:!0}),e.jsx("div",{className:"item-list-search-wrapper",children:e.jsx(Ke,{onClickInput:()=>p({user_action:"Select",current_section:"Find a specialist or preferred partner-Browse by doctor's name",click_text:"Search Icon-Find a doctor"}),value:C,minCharValueToShow:3,onChange:He,options:Te,placeholder:P,className:"item-list-search position-relative w-100"})})]}),!O&&e.jsxs("div",{className:"item-list-total-found mt-3 text-center fw-bold",children:[new Intl.NumberFormat("en-SG").format(Ce)," ","specialists found."]})]}),e.jsx("div",{className:"item-list-content",children:O?Array(9).fill(null).map((s,i)=>e.jsx("div",{className:"card card-specialist skeleton"},i)):he.map(s=>e.jsx(me,{imageUrl:s.photoUrl,hospitals:s.clinics.map(i=>i.clinicName),specialities:s.specialies,name:s.name,onClick:()=>le(s)},s.id||crypto.randomUUID()))}),!O&&e.jsx(ne,{useDefaultPrevNext:!1,children:de({totalPages:ke,currentPage:ve,onPageChange:Me})})]})})]})]}),e.jsx(oe,{ref:Z,id:"modal-filter-form-speciality",onSubmit:()=>{ae(),p({user_action:"CTA Click",current_section:"Browse By speciality-Filter Popup",click_text:"Apply"})},onReset:()=>ie("Reset all"),disabledCTA:k.length===0&&v.length===0,onClose:()=>p({user_action:"Select",current_section:"Browse By speciality-Filter Popup",click_text:"Close Icon"}),children:e.jsx("form",{id:"filter-form",children:e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col d-none d-md-block",children:[e.jsx("div",{className:"fw-bold mb-4",children:"By specialty"}),e.jsx("div",{className:"filter-checkboxes-speciality",children:b.map(s=>e.jsxs("div",{className:"form-check",children:[e.jsx("input",{className:"form-check-input",type:"checkbox",name:"filter-checkboxes-speciality",id:`speciality-${s.code}`,value:s.code,checked:k.includes(s.code),onChange:i=>$(i,M,{label:s.name,type:"speciality"})}),e.jsx("label",{className:"form-check-label font-body",htmlFor:`speciality-${s.code}`,children:s.name})]},`speciality-${s.code}`))})]}),e.jsx("div",{className:"col-md d-block d-md-none",children:e.jsx(r,{parentId:"filter-checkboxes-speciality-accordion",children:e.jsxs(r.Item,{children:[e.jsx(r.Item.Header,{targetId:"filter-checkboxes-speciality-accordion-target",children:e.jsx("div",{className:"font-body",children:"By specialty"})}),e.jsx(r.Item.Body,{targetId:"filter-checkboxes-speciality-accordion-target",parentId:"filter-checkboxes-speciality-accordion",children:e.jsx("div",{className:"filter-checkboxes-speciality-accordion",children:b.map(s=>e.jsxs("div",{className:"form-check",children:[e.jsx("input",{className:"form-check-input",type:"checkbox",name:"filter-checkboxes-speciality",id:`speciality-mobile-${s.code}`,value:s.code,checked:k.includes(s.code),onChange:i=>$(i,M,{label:s.name,type:"speciality"})}),e.jsx("label",{className:"form-check-label font-body",htmlFor:`speciality-mobile-${s.code}`,children:s.name})]},`speciality-mobile-${s.code}`))})})]})})}),e.jsxs("div",{className:"col d-none d-md-block",children:[e.jsx("div",{className:"fw-bold mb-4",children:"By hospital"}),e.jsx("div",{className:"filter-checkboxes-hospitals",children:l.map(s=>e.jsxs("div",{className:"form-check",children:[e.jsx("input",{type:"checkbox",className:"form-check-input",value:s.code,checked:v.includes(s.code),onChange:i=>$(i,R,{label:s.name,type:"speciality"}),name:"filter-checkboxes-hospitals",id:`hospital-${s.code}`}),e.jsx("label",{className:"form-check-label font-body",htmlFor:`hospital-${s.code}`,children:s.name})]},`hospital-${s.code}`))})]}),e.jsx("div",{className:"col-md d-block d-md-none",children:e.jsx(r,{parentId:"filter-checkboxes-hospital-accordion",children:e.jsxs(r.Item,{children:[e.jsx(r.Item.Header,{targetId:"filter-checkboxes-hospital-accordion-target",children:e.jsx("div",{className:"font-body",children:"By hospital"})}),e.jsx(r.Item.Body,{targetId:"filter-checkboxes-hospital-accordion-target",parentId:"filter-checkboxes-hospital-accordion",children:e.jsx("div",{className:"filter-checkboxes-hospitals-accordion",children:l.map(s=>e.jsxs("div",{className:"form-check",children:[e.jsx("input",{type:"checkbox",className:"form-check-input",value:s.code,checked:v.includes(s.code),onChange:i=>$(i,R,{label:s.name,type:"speciality"}),name:"filter-checkboxes-hospitals",id:`hospital-mobile-${s.code}`}),e.jsx("label",{className:"form-check-label font-body",htmlFor:`hospital-mobile-${s.code}`,children:s.name})]},`hospital-mobile-${s.code}`))})})]})})})]})})}),e.jsx(oe,{ref:Y,id:"modal-filter-form-name",onSubmit:()=>{se(),p({user_action:"CTA Click",current_section:"Browse By doctor's name-Filter Popup",click_text:"Apply"})},onReset:()=>te("Reset all"),disabledCTA:y.length===0,onClose:()=>p({user_action:"Select",current_section:"Browse By speciality-Filter Popup",click_text:"Close Icon"}),children:e.jsx("form",{id:"filter-form",children:e.jsxs("div",{className:"row",children:[e.jsxs("div",{className:"col d-none d-md-block",children:[e.jsx("div",{className:"fw-bold mb-4",children:"By hospital"}),e.jsx("div",{className:"filter-checkboxes-hospitals d-grid grid-cols-2",children:l.map(s=>e.jsxs("div",{className:"form-check",children:[e.jsx("input",{type:"checkbox",className:"form-check-input",value:s.code,checked:y.includes(s.code),onChange:i=>$(i,U,{label:s.name,type:"doctor`s name"}),name:"filter-checkboxes-hospitals-by-name",id:`hospital-by-name-${s.code}`}),e.jsx("label",{className:"form-check-label font-body",htmlFor:`hospital-by-name-${s.code}`,children:s.name})]},`hospital-by-name-${s.code}`))})]}),e.jsx("div",{className:"col-md d-block d-md-none",children:e.jsx(r,{parentId:"filter-checkboxes-hospital-accordion",children:e.jsxs(r.Item,{children:[e.jsx(r.Item.Header,{targetId:"filter-checkboxes-hospital-accordion-target",children:e.jsx("div",{className:"font-body",children:"By hospital"})}),e.jsx(r.Item.Body,{targetId:"filter-checkboxes-hospital-accordion-target",parentId:"filter-checkboxes-hospital-accordion",children:e.jsx("div",{className:"filter-checkboxes-hospitals-accordion",children:l.map(s=>e.jsxs("div",{className:"form-check",children:[e.jsx("input",{type:"checkbox",className:"form-check-input",value:s.code,checked:y.includes(s.code),onChange:i=>$(i,U,{label:s.name,type:"doctor`s name"}),name:"filter-checkboxes-hospitals-by-name",id:`hospital-by-name-mobile-${s.code}`}),e.jsx("label",{className:"form-check-label font-body",htmlFor:`hospital-by-name-mobile-${s.code}`,children:s.name})]},`hospital-by-name-mobile-${s.code}`))})})]})})})]})})}),e.jsx(Qe,{ref:ee,biography:o==null?void 0:o.biography,clinics:o==null?void 0:o.clinics,name:o==null?void 0:o.name,photoUrl:o==null?void 0:o.photoUrl,disclaimer:F,qualifications:o==null?void 0:o.qualifications,specialies:o==null?void 0:o.specialies,onClose:()=>J(void 0)})]})};document.addEventListener("DOMContentLoaded",()=>{Oe({id:"#specialist-finder",Component:We})});