"use strict";(self.webpackChunkhhgHealthCareV1=self.webpackChunkhhgHealthCareV1||[]).push([[3976],{81e3:function(e,n,t){var i,r,a,l,c=t(73884);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n div {\n & + div {\n margin-top: 8px;\n }\n }\n\n .checkboxInList {\n label {\n flex-direction: row-reverse;\n justify-content: flex-end;\n gap: 12px;\n }\n }\n\n .topBar {\n "," {\n display: none;\n }\n\n width: 100%;\n justify-content: space-between;\n border-bottom: 1px solid\n ",";\n justify-self: stretch;\n }\n"]);return S=function(){return e},e}function N(){var e=(0,Y.A)(["\n "," {\n height: calc(100vh - 64px);\n height: -webkit-fill-available;\n padding: 16px 16px 55px;\n margin: 0;\n overflow-y: scroll;\n }\n\n .specialtiesFilter {\n .listResults {\n max-height: 250px;\n overflow-y: scroll;\n padding: 0 4px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n }\n }\n"]);return N=function(){return e},e}function L(){var e=(0,Y.A)(["\n margin-bottom: 16px;\n border-bottom: 1px solid\n ",";\n padding-bottom: 16px;\n\n .filterName {\n display: flex;\n align-items: center;\n gap: 8px;\n text-transform: uppercase;\n margin-bottom: 12px;\n\n &::before {\n width: 2px;\n height: 15px;\n content: '';\n background-color: ",";\n flex-shrink: 0;\n }\n }\n\n .feeSlider {\n margin-bottom: 8px;\n }\n\n .searchInput {\n > div {\n background-color: white;\n > input {\n padding: 8px 16px 8px 48px;\n }\n }\n }\n\n .listResults {\n margin-top: 16px;\n }\n"]);return L=function(){return e},e}function I(){var e=(0,Y.A)(["\n margin-top: 12px;\n display: flex;\n gap: 4px;\n\n .btnPriceRange {\n background: white;\n flex-direction: column;\n height: auto;\n\n flex: 1;\n border: solid 1px ",";\n font-weight: 400;\n padding: 8px;\n .valueInput {\n display: flex;\n\n }\n\n input {\n color: ",";\n font-size: 16px;\n line-height: 24px;\n }\n\n .priceRangeLabel {\n color: ",";\n text-align: left;\n }\n"]);return I=function(){return e},e}function R(){var e=(0,Y.A)(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n &[data-direction='vertical'] > div[data-type='circle'] {\n margin-bottom: 0;\n }\n\n label {\n font-size: 14px;\n }\n"]);return R=function(){return e},e}function O(){var e=(0,Y.A)(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n"]);return O=function(){return e},e}function B(){var e=(0,Y.A)(["\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n\n .district-option {\n width: calc(50% - 6px);\n\n "," {\n width: calc(20% - 10px);\n }\n\n & > label {\n flex-direction: row-reverse;\n justify-content: flex-end;\n gap: 12px;\n }\n }\n\n .see-more-btn {\n padding: 0;\n }\n"]);return B=function(){return e},e}function H(){var e=(0,Y.A)(["\n width: 100%;\n label {\n display: flex;\n width: 100%;\n justify-content: space-between;\n margin-left: 0;\n }\n"]);return H=function(){return e},e}function z(){var e=(0,Y.A)(["\n & > button {\n padding: 0;\n }\n\n "," {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n .showResultBtn {\n min-height: 44px;\n }\n }\n"]);return z=function(){return e},e}var j=T.Ay.div.withConfig({componentId:"sc-96d62ceb-0"})(S(),(function(e){return e.theme.colors.neutral50}),E.M.tdUp,(function(e){return e.theme.colors.neutral100}),E.M.tdDown,E.M.tdUp,(function(e){return e.theme.colors.neutral100})),P=T.Ay.div.withConfig({componentId:"sc-96d62ceb-1"})(N(),E.M.tdDown),U=T.Ay.div.withConfig({componentId:"sc-96d62ceb-2"})(L(),(function(e){return e.theme.colors.neutral100}),(function(e){return e.theme.colors.primaryBase})),K=T.Ay.div.withConfig({componentId:"sc-96d62ceb-3"})(I(),(function(e){return e.theme.colors.neutral200}),(function(e){return e.theme.colors.gray800}),(function(e){return e.theme.colors.gray500})),V=(0,T.Ay)(F.R).withConfig({componentId:"sc-96d62ceb-4"})(R()),J=T.Ay.div.withConfig({componentId:"sc-96d62ceb-5"})(O()),G=T.Ay.div.withConfig({componentId:"sc-96d62ceb-6"})(B(),E.M.tdOnly),$=(0,T.Ay)(b.Sc).withConfig({componentId:"sc-96d62ceb-7"})(H()),W=T.Ay.div.withConfig({componentId:"sc-96d62ceb-8"})(z(),E.M.tdDown),Q=t(1032),Z=function(e){var n=e.isMobile,t=e.className,i=e.children,l=e.isLoading,c=void 0!==l&&l,u=e.numberOfResults,p=void 0===u?-1:u,h=e.trackingFilter,m=e.trackingResetFilter,g=e.handleClearFilters,v=e.onCloseClick,y=(0,C.A)().formatMessage,b=(0,M.d)().isMobileOrTablet,A=(0,s.useRef)(null),_=p>0?y({id:"filter.showResults",defaultMessage:"Show results"},{number:p}):y({id:"filter.noResults",defaultMessage:"No Results"}),x=(0,s.useMemo)((function(){return A.current?A.current.getBoundingClientRect().top:0}),[A.current]),k=(0,s.useMemo)((function(){return b?{}:{maxHeight:n?"calc(var(--app-height) - ".concat(x,"px)"):"unset",overflow:"auto"}}),[b,n]);return(0,o.FD)(j,{className:t,ref:A,style:k,children:[n&&(0,o.Y)(D.C,{children:(0,o.Y)(w.Vs,(0,r.A)({headingText:y({id:"filter.title",defaultMessage:"Filter"}),textRight:y({id:"filter.clearAll",defaultMessage:"Clear All"}),onRightClick:g,className:"topBar",onClick:function(){g(),v()}},m))}),(0,o.Y)(P,{children:i}),(0,o.Y)(W,{children:n?(0,o.Y)(f.B,(0,a.A)((0,r.A)({isBlock:!0,color:"primary",size:"md",onClick:v,isLoading:c,className:"showResultBtn"},h),{children:_})):(0,o.Y)(f.B,(0,a.A)((0,r.A)({color:"ghost",size:"md",icon:(0,o.Y)(Q.A,{}),onClick:g,className:"clearAllBtn"},m),{children:(0,o.Y)(d.T,{size:"p4",type:"bold",children:y({id:"filter.clearAll",defaultMessage:"Clear All"})})}))})]})},X=t(57920),q=t(47770),ee=function(e){var n,t,D,w,M,Y,E,F=e.onCloseClick,T=e.isMobile,S=e.onFilterChange,N=e.numberOfResults,L=void 0===N?-1:N,I=e.isLoading,R=void 0!==I&&I,O=e.searchType,B=void 0===O?"doctor":O,H=e.labelPrice,z=e.currencyUnit,j=e.rangePrice,P=e.filters,W=e.className,Q=e.hospitalId,ee=e.districts,ne=void 0===ee?[]:ee,te=(0,C.A)().formatMessage,ie=(0,s.useState)([]),re=ie[0],ae=ie[1],le=(0,s.useState)(1),ce=le[0],oe=le[1],se=(0,s.useState)(0),de=se[0],ue=se[1],fe=(0,s.useState)(!1),pe=fe[0],he=fe[1],me=(0,s.useState)(""),ge=me[0],ve=me[1],ye=(0,s.useState)(!1),be=ye[0],Ae=ye[1],_e=(0,s.useRef)(null),xe=(0,s.useRef)(null),Ce=(0,A.$)(),ke=Ce.locale,De=Ce.asPath,we=be?ne:ne.slice(0,X.CI),Me=be?te({id:"hospitalCard.seeLess",defaultMessage:"See Less"}):"".concat(te({id:"hospitalCard.seeMore",defaultMessage:"See More"})," (").concat(null===ne||void 0===ne?void 0:ne.length,")"),Ye=!!Q,Ee={dataEventCategory:"Care",dataEventAction:"Filter Click",dataEventLabel:"https://".concat(h.y[ke]).concat(_.JpE).concat(De)},Fe={dataEventCategory:"Care",dataEventAction:"Reset Filter Click",dataEventLabel:"https://".concat(h.y[ke]).concat(_.JpE).concat(De)},Te=(0,s.useState)((0,a.A)((0,r.A)({},P),{min_price:(0,g.wW)(P.min_price,j.min),max_price:(0,g.wW)(P.max_price,j.max)})),Se=Te[0],Ne=Te[1],Le=(0,s.useState)({min_price:Se.min_price,max_price:Se.max_price}),Ie=Le[0],Re=Le[1],Oe=function(e){var n=(0,a.A)((0,r.A)({},Se),{min_price:e[0],max_price:e[1]});Ne(n),S(n)},Be=[{label:te({id:"filter.anyDay",defaultMessage:"Any day"}),value:String(_.sL_.ANY)},{label:te({id:"filter.today",defaultMessage:"Today"}),value:String(_.sL_.TODAY)},{label:te({id:"filter.tomorrow",defaultMessage:"Tomorrow"}),value:String(_.sL_.TOMORROW)},{label:te({id:"filter.inTheNext7Days",defaultMessage:"In the next 7 days"}),value:String(_.sL_.NEXT_SEVEN_DAYS)},{label:te({id:"filter.weekends",defaultMessage:"Weekends"}),value:String(_.sL_.WEEKENDS)}],He=function(e,n){var t;switch(e){case"gender.female":t=(0,r.A)({},(0,X.Du)(Se,"gender",_.YT8.FEMALE));break;case"gender.male":t=(0,r.A)({},(0,X.Du)(Se,"gender",_.YT8.MALE));break;case"providecarefor.children":t=Se.provide_care===_.jc_.BOTH?(0,a.A)((0,r.A)({},Se),{provide_care:_.jc_.ADULTS}):Se.provide_care===_.jc_.ADULTS?(0,a.A)((0,r.A)({},Se),{provide_care:_.jc_.BOTH}):(0,a.A)((0,r.A)({},Se),{provide_care:Se.provide_care===_.jc_.CHILDREN?void 0:_.jc_.CHILDREN});break;case"providecarefor.adults":t=Se.provide_care===_.jc_.BOTH?(0,a.A)((0,r.A)({},Se),{provide_care:_.jc_.CHILDREN}):Se.provide_care===_.jc_.CHILDREN?(0,a.A)((0,r.A)({},Se),{provide_care:_.jc_.BOTH}):(0,a.A)((0,r.A)({},Se),{provide_care:Se.provide_care===_.jc_.ADULTS?void 0:_.jc_.ADULTS});break;case"specialhours.earlyhours":t=(0,r.A)({},(0,X.Du)(Se,"special_hours",_.ZhE.EARLY_HOURS));break;case"specialhours.latehours":t=(0,r.A)({},(0,X.Du)(Se,"special_hours",_.ZhE.LATE_HOURS));break;case"availability":t=(0,a.A)((0,r.A)({},Se),{availability:"boolean"!==typeof n?n:String(_.sL_.ANY)});break;case"appointmentType.telemedicine":t=(0,r.A)({},(0,X.Du)(Se,"appointment_type",_.YYr.VIDEO_CALL));break;case"appointmentType.outPatient":t=(0,r.A)({},(0,X.Du)(Se,"appointment_type",_.YYr.INPATIENT_HOSPITAL));break;case"district_id":t=(0,r.A)({},(0,X.Du)(Se,"district_id",n));break;default:t={}}Ne(t),S(t)},ze=(0,s.useState)(!1),je=ze[0],Pe=ze[1];(0,s.useEffect)((function(){var e,n=function(){xe.current&&(xe.current.scrollHeight-20ce&&oe((function(e){return e+1}))}),[je]);var Ue=function(){var e=(0,i.A)((function(e,n){var t,i;return(0,c.__generator)(this,(function(r){switch(r.label){case 0:return he(!0),Ye?[4,(0,y.px)((0,y.er)(v.R.GET_LIST_SPECIALTIES_BY_HOSPITAL,{hospitalId:Q,page:ce,keyword:null!==e&&void 0!==e?e:""}),"GET")]:[2];case 1:return(t=r.sent())&&t._data&&(ue(null===(i=t._data.pagination)||void 0===i?void 0:i.last),ae("search"===n?t._data.specialties||[]:function(e){return(0,l.A)(e).concat((0,l.A)(t._data.specialties||[]))})),he(!1),[2]}}))}));return function(n,t){return e.apply(this,arguments)}}();(0,s.useEffect)((function(){Ue()}),[ce]);var Ke=(0,s.useMemo)((function(){return(0,x.debounce)(Ue,300)}),[]);(0,s.useEffect)((function(){ae([]),oe(1),Ke(ge,"search")}),[ge]),(0,s.useEffect)((function(){ae([]),Ue()}),[Q]);return(0,o.FD)(Z,{className:W,isMobile:T,isLoading:R,numberOfResults:L,trackingFilter:Ee,trackingResetFilter:Fe,handleClearFilters:function(){var e,n={min_price:j.min,max_price:j.max};Ne(n),S(n),Re({min_price:j.min,max_price:j.max}),null===(e=_e.current)||void 0===e||e.reset()},onCloseClick:F,children:[ne.length>0&&(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"searchResults.filter.districts",defaultMessage:"Districts"})}),(0,o.Y)(G,{children:R&&!(null===(n=Se.district_id)||void 0===n?void 0:n.length)?Array(6).fill(null).map((function(e,n){return(0,o.Y)(k.A,{height:24,width:125,className:"district-option"},n)})):(0,o.FD)(o.FK,{children:[we.map((function(e){var n;return(0,o.Y)($,(0,r.A)({className:"district-option",name:"district-".concat(e.name),label:e.name,checked:!!(null===(n=Se.district_id)||void 0===n?void 0:n.some((function(n){return n===e.id}))),onChange:function(){return He("district_id",e.id)},id:"district-".concat(e.id)},Ee),"district-".concat(e.name,"-").concat(e.id))})),ne.length>X.CI&&(0,o.Y)(f.B,{size:"sm",color:"ghost",className:"see-more-btn",onClick:function(){return Ae(!be)},children:Me})]})})]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"filter.availability",defaultMessage:"Availability"})}),(0,o.Y)(V,(0,r.A)({ref:_e,type:"circle",size:"small",id:"availability",className:"group-radio",onChange:function(e){return He("availability",e)},options:Be},Ee))]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"filter.specialHours",defaultMessage:"Special Hours"})}),(0,o.FD)(J,{children:[(0,o.Y)($,(0,r.A)({name:"filter.earlyHours",label:te({id:"filter.earlyHours",defaultMessage:"Early hours (before 9:00 AM)"}),checked:!!(null===(t=Se.special_hours)||void 0===t?void 0:t.some((function(e){return e===_.ZhE.EARLY_HOURS}))),onChange:function(){return He("specialhours.earlyhours")},id:"filter.earlyHours"},Ee)),(0,o.Y)($,(0,r.A)({name:"filter.laterHours",label:te({id:"filter.laterHours",defaultMessage:"Late hours (After 5.00 PM)"}),id:"filter.lateHours",checked:!!(null===(D=Se.special_hours)||void 0===D?void 0:D.some((function(e){return e===_.ZhE.LATE_HOURS}))),onChange:function(){return He("specialhours.latehours")}},Ee))]})]}),"doctor"===B&&(0,o.FD)(o.FK,{children:[Ye&&(0,o.FD)(U,{className:"specialtiesFilter",children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"page.title.specialty",defaultMessage:"Specialty"})}),(0,o.Y)(p.I,{type:"search",displayIcon:(0,o.Y)(q.A,{width:24,height:24}),value:ge,size:"sm",name:"specialties-filter",onChange:ve,placeholder:te({id:"searchComponent.search.placeholder.specialty",defaultMessage:"Search by Specialty"}),className:"searchInput"}),(0,o.FD)("div",{className:"listResults",ref:xe,children:[re.map((function(e){var n;return(0,o.Y)($,(0,r.A)({name:e.name,label:e.name,id:"filter.specialty.".concat(e.id),className:"checkboxInList",checked:!!(null===Se||void 0===Se||null===(n=Se.specialty_id)||void 0===n?void 0:n.some((function(n){return n===e.id.toString()}))),onChange:function(){return function(e){var n=(0,r.A)({},(0,X.Du)(Se,"specialty_id",e.toString()));Ne(n),S(n)}(e.id)}},Ee),e.id)})),pe&&(0,o.FD)(o.FK,{children:[(0,o.Y)(k.A,{width:230,height:22}),(0,o.Y)(k.A,{width:200,height:22}),(0,o.Y)(k.A,{width:150,height:22})]})]})]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"admin.appoinment.tableheaderType",defaultMessage:"Type"})}),(0,o.FD)(J,{children:[(0,o.Y)($,(0,r.A)({name:te({id:"bookingPage.telemedicine",defaultMessage:"Telemedicine"}),label:te({id:"bookingPage.telemedicine",defaultMessage:"Telemedicine"}),id:"filter.telemedicine",checked:!!(null===Se||void 0===Se||null===(w=Se.appointment_type)||void 0===w?void 0:w.some((function(e){return e===_.YYr.VIDEO_CALL}))),onChange:function(){return He("appointmentType.telemedicine")}},Ee)),(0,o.Y)($,(0,r.A)({name:te({id:"bookingPage.outPatient",defaultMessage:"Outpatient"}),label:te({id:"bookingPage.outPatient",defaultMessage:"Outpatient"}),id:"filter.outPatient",checked:!!(null===Se||void 0===Se||null===(M=Se.appointment_type)||void 0===M?void 0:M.some((function(e){return e===_.YYr.INPATIENT_HOSPITAL}))),onChange:function(){return He("appointmentType.outPatient")}},Ee))]})]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"filter.provideCareFor",defaultMessage:"Provide Care For"})}),(0,o.FD)(J,{children:[(0,o.Y)($,(0,r.A)({name:te({id:"filter.children",defaultMessage:"Children"}),label:te({id:"filter.children",defaultMessage:"Children"}),id:"filter.children",checked:Se.provide_care===_.jc_.CHILDREN||Se.provide_care===_.jc_.BOTH,onChange:function(e){return He("providecarefor.children",e)}},Ee)),(0,o.Y)($,(0,r.A)({name:te({id:"filter.adults",defaultMessage:"Adults"}),label:te({id:"filter.adults",defaultMessage:"Adults"}),id:"filter.adults",checked:Se.provide_care===_.jc_.ADULTS||Se.provide_care===_.jc_.BOTH,onChange:function(e){return He("providecarefor.adults",e)}},Ee))]})]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:te({id:"filter.gender",defaultMessage:"Gender"})}),(0,o.FD)(J,{children:[(0,o.Y)($,(0,r.A)({name:te({id:"filter.male",defaultMessage:"Male"}),label:te({id:"filter.male",defaultMessage:"Male"}),id:"filter.male",checked:!!(null===Se||void 0===Se||null===(Y=Se.gender)||void 0===Y?void 0:Y.some((function(e){return e===_.YT8.MALE}))),onChange:function(e){return He("gender.male",e)}},Ee)),(0,o.Y)($,(0,r.A)({name:te({id:"filter.female",defaultMessage:"Female"}),label:te({id:"filter.female",defaultMessage:"Female"}),id:"filter.female",checked:!!(null===Se||void 0===Se||null===(E=Se.gender)||void 0===E?void 0:E.some((function(e){return e===_.YT8.FEMALE}))),onChange:function(e){return He("gender.female",e)}},Ee))]})]})]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName feeSlider",children:te("service"===B?{id:"filter.serviceFee",defaultMessage:"Service Fee"}:{id:"filter.consultationFee",defaultMessage:"Doctor Consultation Fee Per Hour"})}),(0,o.Y)(b.Ap,{step:j.step,min:j.min,max:j.max,value:[Se.min_price,Se.max_price],isMobile:T,onFinalChange:Oe,onChange:function(e){return Re({min_price:e[0],max_price:e[1]})}}),(0,o.FD)(K,{children:[(0,o.Y)(f.B,{size:"md",color:"tertiary",className:"btnPriceRange",children:(0,o.FD)(m.B,{spacing:0,children:[(0,o.Y)(d.T,{size:"label2",className:"priceRangeLabel",color:u.w.colors.gray600,children:H.min}),(0,o.FD)("div",{className:"valueInput",children:[(0,o.Y)(d.T,{size:"p4",type:"regular",children:z}),(0,o.Y)("input",{name:"min-price",type:"text",pattern:"\\d*",maxLength:j.max.toString().length,value:Ie.min_price,onChange:function(e){var n=parseInt(e.target.value)>j.max?j.max:e.target.value;Re((0,a.A)((0,r.A)({},Ie),{min_price:n}))},onBlur:function(e){Ne((0,a.A)((0,r.A)({},Se),{min_price:e.target.value})),void 0!==Ie.max_price&&Oe([parseInt(e.target.value),parseInt(Ie.max_price.toString())])},onKeyDown:function(e){"Enter"===e.key&&(Ne((0,a.A)((0,r.A)({},Se),{min_price:Ie.min_price})),void 0!==Ie.min_price&&void 0!==Ie.max_price&&Oe([parseInt(Ie.min_price.toString()),parseInt(Ie.max_price.toString())]))},"data-event-category":"Care","data-event-action":"Filter Click","data-event-label":"https://".concat(h.y[ke]).concat(_.JpE).concat(De)})]})]})}),(0,o.Y)(f.B,{size:"md",color:"tertiary",className:"btnPriceRange",children:(0,o.FD)(m.B,{spacing:0,children:[(0,o.Y)(d.T,{size:"label2",className:"priceRangeLabel",color:u.w.colors.gray600,children:H.max}),(0,o.FD)("div",{className:"valueInput",children:[(0,o.Y)(d.T,{size:"p4",type:"regular",children:z}),(0,o.Y)("input",{name:"max-price",type:"text",pattern:"\\d*",maxLength:j.max.toString().length,value:Ie.max_price,onChange:function(e){var n=parseInt(e.target.value)>j.max?j.max:e.target.value;Re((0,a.A)((0,r.A)({},Ie),{max_price:n}))},onBlur:function(e){Ne((0,a.A)((0,r.A)({},Se),{max_price:e.target.value})),void 0!==Ie.min_price&&Oe([parseInt(Ie.min_price.toString()),parseInt(e.target.value)])},onKeyDown:function(e){"Enter"===e.key&&(Ne((0,a.A)((0,r.A)({},Se),{max_price:Ie.max_price})),void 0!==Ie.min_price&&void 0!==Ie.max_price&&Oe([parseInt(Ie.min_price.toString()),parseInt(Ie.max_price.toString())]))},"data-event-category":"Care","data-event-action":"Filter Click","data-event-label":"https://".concat(h.y[ke]).concat(_.JpE).concat(De)})]})]})})]})]})]})},ne=t(10297),te=function(e){var n=e.isMobile,t=e.numberOfResults,a=void 0===t?-1:t,l=e.filters,f=e.city,p=e.gps,m=e.isLoading,b=e.isLoadingDistricts,x=e.setIsLoadingDistricts,D=e.onCloseClick,w=e.onFilterChange,M=(0,C.A)().formatMessage,Y=(0,A.$)(),E=Y.locale,F=Y.asPath,T={dataEventCategory:"Care",dataEventAction:"Filter Click",dataEventLabel:"https://".concat(h.y[E]).concat(_.JpE).concat(F)},S={dataEventCategory:"Care",dataEventAction:"Reset Filter Click",dataEventLabel:"https://".concat(h.y[E]).concat(_.JpE).concat(F)},N=(0,s.useState)(l),L=N[0],I=N[1],R=function(e){var n=e.city,t=e.gps,r=e.type,a=void 0===r?"hospital":r,l=e.setIsLoadingDistricts;if(!n&&!t)return{districts:[]};var o=(0,s.useState)([]),d=o[0],u=o[1],f=(0,ne.useRouter)().locale;return(0,s.useEffect)((function(){if(n&&("vi-VN"!==f||n.id===_.XRl)){var e=function(){var e=(0,i.A)((function(){var e,i,r;return(0,c.__generator)(this,(function(c){switch(c.label){case 0:return[4,(0,y.px)((0,y.er)(v.R.GET_CITY_DISTRICTS,{cityId:null===n||void 0===n?void 0:n.id,lat:t.lat,lng:t.lng,type:a}),"GET")];case 1:return i=c.sent(),r=((null===i||void 0===i||null===(e=i._data)||void 0===e?void 0:e.districts)||[]).map(g.YT),u(r),l&&l(!1),[2]}}))}));return function(){return e.apply(this,arguments)}}();e()}}),[n,t]),{districts:d}}({city:f,gps:p,setIsLoadingDistricts:x,type:"hospital"}).districts;return(0,s.useEffect)((function(){I(l)}),[l]),(0,o.Y)(Z,{isMobile:n,isLoading:m,numberOfResults:a,trackingFilter:T,trackingResetFilter:S,handleClearFilters:function(){var e={};I(e),w(e)},onCloseClick:D,children:(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:M({id:"searchResults.filter.districts",defaultMessage:"Districts"})}),(0,o.Y)(J,{children:b?(0,o.Y)(o.FK,{children:Array(5).fill(null).map((function(e,n){return(0,o.Y)(k.A,{height:24,className:"filterCheckbox"},n)}))}):(0,o.Y)(o.FK,{children:R.map((function(e){var n;return(0,o.Y)($,(0,r.A)({name:"district-".concat(e.name),label:e.name,checked:!!(null===(n=L.district_id)||void 0===n?void 0:n.some((function(n){return n===e.id}))),onChange:function(){return function(e,n){var t;t="district_id"===e?(0,r.A)({},(0,X.Du)(L,"district_id",n)):{};I(t),w(t)}("district_id",e.id)},id:"district-".concat(e.id)},T),"district-".concat(e.name,"-").concat(e.id))}))})})]})})},ie=function(e){var n,t,i,l=e.gps,c=e.filters,p=e.className,m=e.isMobile,g=void 0!==m&&m,v=e.numberOfResults,y=void 0===v?-1:v,x=e.isLoading,D=void 0!==x&&x,w=e.isShowedDistanceFilter,M=void 0!==w&&w,Y=e.onCloseClick,E=e.onFilterChange,F=e.districts,T=void 0===F?[]:F,S=(0,C.A)().formatMessage,N=(0,A.$)(),L=N.locale,I=N.asPath,R=(0,s.useState)(c.distance),O=R[0],B=R[1],H=(0,s.useState)(!1),z=H[0],j=H[1],P=z?T:T.slice(0,X.CI),K=z?S({id:"hospitalCard.seeLess",defaultMessage:"See Less"}):"".concat(S({id:"hospitalCard.seeMore",defaultMessage:"See More"})," (").concat(null===T||void 0===T?void 0:T.length,")"),V=[5,50],W={dataEventCategory:"Care",dataEventAction:"Filter Click",dataEventLabel:"https://".concat(h.y[L]).concat(_.JpE).concat(I)},Q={dataEventCategory:"Care",dataEventAction:"Reset Filter Click",dataEventLabel:"https://".concat(h.y[L]).concat(_.JpE).concat(I)};if(!(null===l||void 0===l?void 0:l.lat)&&!_.LuG.includes(L)&&!_.hgd.includes(L))return null;(0,s.useEffect)((function(){return B(c.distance)}),[c]);var q=function(e,n){var t;switch(e){case"booking.services":t=(0,r.A)({},(0,X.Du)(c,"available_with",_.Qr$.SERVICES));break;case"booking.doctors":t=(0,r.A)({},(0,X.Du)(c,"available_with",_.Qr$.DOCTORS));break;case"availability":t=(0,a.A)((0,r.A)({},c),{availability:"boolean"!==typeof n?n:0});break;case"district_id":t=(0,r.A)({},(0,X.Du)(c,"district_id",n));break;default:t={}}E(t)};return(0,o.FD)(Z,{className:p,isMobile:g,isLoading:D,numberOfResults:y,trackingFilter:W,trackingResetFilter:Q,handleClearFilters:function(){E({})},onCloseClick:Y,children:[T.length>0&&(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:S({id:"searchResults.filter.districts",defaultMessage:"Districts"})}),(0,o.Y)(G,{children:D&&!(null===(n=c.district_id)||void 0===n?void 0:n.length)?Array(6).fill(null).map((function(e,n){return(0,o.Y)(k.A,{height:24,width:125,className:"district-option"},n)})):(0,o.FD)(o.FK,{children:[P.map((function(e){var n;return(0,o.Y)($,(0,r.A)({className:"district-option",name:"district-".concat(e.name),label:e.name,checked:!!(null===(n=c.district_id)||void 0===n?void 0:n.some((function(n){return n===e.id}))),onChange:function(){return q("district_id",e.id)},id:"district-".concat(e.id)},W),"district-".concat(e.name,"-").concat(e.id))})),T.length>X.CI&&(0,o.Y)(f.B,{size:"sm",color:"ghost",className:"see-more-btn",onClick:function(){return j(!z)},children:K})]})})]}),(null===l||void 0===l?void 0:l.lat)&&M&&(0,o.FD)(U,{children:[(0,o.FD)("div",{className:"d-flex jc-between",children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:S({id:"filter.distance",defaultMessage:"Distance"})}),(0,o.FD)(d.T,{size:"p4",children:[O," km"]})]}),(0,o.Y)(b.Ap,{step:5,min:V[0],max:V[1],value:[0,c.distance||50],isMobile:g,onFinalChange:function(e){var n=(0,a.A)((0,r.A)({},c),{distance:e[1],lat:null===l||void 0===l?void 0:l.lat,lng:null===l||void 0===l?void 0:l.lng});E(n)},onChange:function(e){return B(e[0])},isSingleSlider:!0}),(0,o.FD)("div",{className:"d-flex jc-between",children:[(0,o.Y)(d.T,{size:"p4",children:V[0]}),(0,o.Y)(d.T,{size:"p4",children:V[1]})]})]}),(0,o.FD)(U,{children:[(0,o.Y)(d.T,{size:"p4",type:"semiBold",color:u.w.colors.secondaryDark,className:"filterName",children:S({id:"filter.booking",defaultMessage:"Available for Booking"})}),(0,o.FD)(J,{children:[_.LuG.includes(L)&&(0,o.Y)($,(0,r.A)({name:S({id:"filter.services",defaultMessage:"Services"}),label:S({id:"filter.services",defaultMessage:"Services"}),id:"filter.services",checked:!!(null===(t=c.available_with)||void 0===t?void 0:t.some((function(e){return e===_.Qr$.SERVICES}))),onChange:function(e){return q("booking.services",e)}},W)),_.hgd.includes(L)&&(0,o.Y)($,(0,r.A)({name:S({id:"filter.doctors",defaultMessage:"Doctors"}),label:S({id:"filter.doctors",defaultMessage:"Doctors"}),id:"filter.doctors",checked:!!(null===(i=c.available_with)||void 0===i?void 0:i.some((function(e){return e===_.Qr$.DOCTORS}))),onChange:function(e){return q("booking.doctors",e)}},W))]})]})]})}},57920:function(e,n,t){t.d(n,{CI:function(){return l},Du:function(){return c},IF:function(){return s}});var i=t(44898),r=t(53513),a=t(40959),l=10,c=function(e,n,t){var i,a,l;(null===e||void 0===e||null===(i=e[n])||void 0===i?void 0:i.some((function(e){return e===t})))?(e[n]=null===e||void 0===e||null===(l=e[n])||void 0===l?void 0:l.filter((function(e){return e!==t})),a=(0,r.A)({},e)):(a=(0,r.A)({},e))[n]?a[n].push(t):a[n]=[t];return a},o={booking:"available_with"},s=function(e,n,t){var r=Object.keys(e);return 0===r.length?"":"&"+r.map((function(r){if(n[r])return"";var l=e[r],c=o[r];return"undefined"===typeof c&&(c=r),(0,i.A)(l,Array)&&(l=l.length>0?l.join(","):""),"max_price"!==c||l!==a.sOt[t]?l&&c?"".concat(c,"=").concat(l):"":void 0})).filter((function(e){return!!e})).join("&")}}}]);