"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8261],{yoIj:function(e,t,a){a.d(t,{I:function(){return ImageWrap},u:function(){return useScreenSize}});var i=a("q1tI"),l=a("gkP9"),o=a("NqJj"),r=a("rBCA");let getIsMobile=()=>"undefined"!=typeof window&&window.innerWidth"undefined"!=typeof window&&window.innerWidth>=l.B.BREAK_POINT_MOBILE&&window.innerWidth{let[e,t]=(0,i.useState)(getIsMobile()),[a,l]=(0,i.useState)(getIsLargeMobile());return(0,i.useEffect)(()=>{let handleResize=()=>{t(getIsMobile()),l(getIsLargeMobile())};return window.addEventListener("resize",handleResize,{passive:!0}),()=>{window.removeEventListener("resize",handleResize)}},[]),{isMobile:e,isLargeMobile:a}},ImageWrap=e=>{var{alt:t,backupSrc:a,src:l,placeholderSrc:r,style:c,ref:s}=e,d=(0,o._)(e,["alt","backupSrc","src","placeholderSrc","style","ref"]);let[p,u]=(0,i.useState)(!1);return i.createElement(n,Object.assign({loading:"lazy",alt:t,onError:()=>!p&&u(!0),src:p?a||l:l||a,style:Object.assign(Object.assign({},r?{backgroundImage:`url(${r})`}:{}),c),"data-has-placeholder":!!r,ref:s},d))},n=r.Z.img` &[data-has-placeholder='true'] { background-position: center; background-repeat: no-repeat; background-size: cover; } `},"3eBm":function(e,t,a){a.d(t,{D:function(){return Dropdown}});var i=a("q1tI"),l=a("8vDj"),o=a("rBCA"),r=a("iBNF");let n=o.Z.div` --dropdown-padding: 12px 18px 12px 16px; position: relative; box-sizing: border-box; border: 1px solid ${r.r.colors.gray200}; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat; background-position: right 16px center; border-radius: ${r.r.borderRadius}; &[data-disabled='true'], :disabled { background-color: #f2f2f2; cursor: not-allowed; } &[data-size='sm'] { font-size: 13px; line-height: 20px; } &[data-size='md'] { font-size: 14px; line-height: 21px; } &[data-size='lg'] { font-size: 16px; line-height: 24px; } &[data-has-icons='true'] { border: none; background: ${r.r.colors.gray100}; img, svg { display: inline-block; max-width: 16px; margin-right: 6px; } span { display: inline-block; vertical-align: middle; } &:hover { box-shadow: none; } > div { position: relative; display: flex; width: 100%; box-sizing: border-box; align-items: center; } > div::after { position: absolute; top: 50%; right: 12px; width: 10px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; content: ''; transform: translateY(-50%); } } &:hover { box-shadow: 0 0 2px 2px ${e=>e.shadowColor}; } &[data-is-native='true'] { padding: var(--dropdown-padding); line-height: 24px; &:focus { box-shadow: 0px 0px 2px 2px ${e=>e.shadowColor}; } } `,c=o.Z.div` padding: var(--dropdown-padding); cursor: pointer; &.with-label { padding-top: 34px; padding-bottom: 12px; } &[data-dropdown-open] { padding: 11px 15px 11px 15px; border: 1px solid ${e=>e.color}; border-radius: ${r.r.borderRadius}; box-shadow: 0 0 2px 2px ${e=>e.shadowColor}; } `,s=o.Z.ul` position: absolute; top: 100%; /* right: 0; */ min-width: 100%; left: 0; display: block; margin-top: 4px; background: ${r.r.colors.white}; border-radius: ${r.r.borderRadius}; box-shadow: -1px 1px 2px rgba(67, 70, 74, 0.0001), -2px 2px 5px rgba(67, 86, 100, 0.123689); cursor: pointer; &[data-has-icons='true'] { border: 1px solid ${r.r.colors.gray200}; background: white; box-shadow: none; filter: drop-shadow(0px 10px 16px rgba(0, 0, 0, 0.04)); } `,d=o.Z.li` display: flex; padding: 12px 18px 12px 16px; &[data-disabled='true'] { cursor: not-allowed; color: #bfbfbf; & > * { pointer-events: none; } } &:hover, :active { background: ${r.r.colors.gray100}; } `,p=o.Z.div` max-width: 16px; margin-right: 8px; `,u=o.Z.div` position: absolute; top: 12px; left: 16px; pointer-events: none; `,Dropdown=({className:e,value:t,options:a,onChange:o=()=>void 0,id:r,placeholderIcon:h,placeholder:g,style:m,size:b="lg",groupedWithLabel:f,disabled:y,dropdownLabelTrackingAttributes:x={},isNativeSelect:v=!1})=>{let E=(0,l.rZ)(),[w,C]=i.useState(!1),showDropdown=()=>!y&&C(!w);if(v){let e="object"==typeof(null==t?void 0:t.value)&&t.value instanceof Date?t.value.toString():null==t?void 0:t.value;return i.createElement(n,{color:E.fn.primaryColor(),shadowColor:E.colors[E.primaryColor][2],as:"select","data-is-native":"true",value:e||void 0,disabled:y,onChange:e=>{if("string"==typeof e.target.value){let t=a.find(t=>t.value===e.target.value);t&&o(t)}}},g&&i.createElement("option",{value:g,disabled:!0,selected:!0},g),a.map(e=>i.createElement("option",{key:`${r}-${e.value}`,value:e.value,disabled:!!e.disabled&&e.disabled},e.label)))}return i.createElement(n,{color:E.fn.primaryColor(),shadowColor:E.colors[E.primaryColor][2],className:e,"data-dropdown-open":w||void 0,"data-size":b,id:r,"data-has-icons":!!h,style:m,onBlur:()=>C(!1),tabIndex:0,"data-disabled":y},!!f&&i.createElement(u,null,f),i.createElement(c,Object.assign({color:E.fn.primaryColor(),shadowColor:E.colors[E.primaryColor][2],onClick:showDropdown,className:f&&"with-label"},x),h," ",i.createElement("span",null,t&&t.value?t.label:g)),w&&i.createElement(s,{onClick:showDropdown,"data-has-icons":!!h},a.map(e=>i.createElement(d,{key:`${r}-${e.value}`,"data-selected":t&&t.value===e.value||void 0,onClick:()=>!e.disabled&&!y&&(null==o?void 0:o(e)),"data-disabled":!!e.disabled&&e.disabled},e.icon&&i.createElement(p,null,e.icon),e.label))))}},nzUS:function(e,t,a){a.d(t,{U:function(){return UserAvatar}});var i=a("NqJj"),l=a("q1tI"),o=a("4Ucc"),r=a("rBCA"),n=a("iBNF");let c=r.Z.div` width: ${e=>e.size||40}px; height: ${e=>e.size||40}px; flex-shrink: 0; cursor: pointer; img { border-radius: 50%; } .avatar { width: 100%; height: 100%; object-fit: cover; } .avatar-default { display: flex; align-items: center; justify-content: center; background-color: ${n.r.colors.secondaryBase}; border-radius: 50%; color: white; font-size: 1em; font-weight: bold; line-height: 1; } &[data-is-marrybaby='true'] { .avatar-default { background-color: ${n.r.mbColors.pink}; } } `,UserAvatar=e=>{var{className:t,isMarryBaby:a,style:r,avatar:n,username:s,size:d}=e,p=(0,i._)(e,["className","isMarryBaby","style","avatar","username","size"]);let{data:{env:{isMarryBaby:u}}}=(0,l.useContext)(o.T),[h,g]=(0,l.useState)(!1);return l.createElement(c,Object.assign({"data-is-marrybaby":"boolean"==typeof a?a:u,className:t,style:r,size:d},p),n&&!h?l.createElement("img",{loading:"lazy",src:n,className:"avatar",alt:"avatar",onError:()=>{h||g(!0)}}):l.createElement("div",{className:"avatar avatar-default"},s&&(null==s?void 0:s.length)>0?s[0].toUpperCase():"A"))}},s1LB:function(e,t,a){a.d(t,{B:function(){return BookingSearchBarV3},T:function(){return TextDivider}});var i,l,o,r,n=a("q1tI"),c=a("6mQP"),s=a("0D4Z"),d=a("iuhU"),p=a("Eso5"),u=a("aDCK"),h=a("mYVa"),g=a("vaps"),m=a("8vDj"),b=a("OAL+"),f=a("SPK5"),y=a("TIp3"),x=a("CmzK"),v=a("NEaA"),E=a("rlLN"),w=a("Iblh"),C=a("BzSI"),S=a("s/U5"),k=a("Iewh"),L=a("sEfC"),O=a.n(L),I=a("/21J"),j=a("rBCA"),M=a("iBNF"),P=a("gkP9"),$=a("X3qN"),F=a("UXNE"),R=a("/7fe"),D=a("NqJj"),T=a("A24R"),B=a("KTNt"),N=a("FiCi"),z=a("uLUn");let A=j.Z.div``,q=j.Z.div` background-color: ${M.r.colors.neutral50}; padding-bottom: 1px; ${P.M.mbDown} { padding: 0; } `,_=(0,j.Z)($.C)` padding: 0 16px; ${P.M.mbDown} { padding: 0; } `,H=j.Z.div` padding: 24px 56px; border-radius: 16px; background-color: ${M.r.colors.white}; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 0px 2px 0px rgba(0, 0, 0, 0.06), 0px 4px 8px 0px rgba(0, 0, 0, 0.04); ${P.M.mbDown} { padding: 16px; border-radius: 0; } .flex-search-input { flex-direction: row; ${P.M.mbDown} { flex-direction: column; } } `,Z={"en-PH":3,"tl-PH":2,"id-ID":3,"vi-VN":2,"zh-TW":0,"ms-MY":2,"th-TH":2},K={isMobile:!1,isDebug:!1,navigateTo:null,geoLocationPermission:"unset",geoLocationCoordinates:null,focused:"none",focusedSpecialty:"none",searchLocationKeywords:"",searchSpecialtyKeywords:"",searchKeywords:"",selectedLocation:null,selectedSpecialty:null,defaultCity:null,initialCities:[],cities:[],searchResults:{},initialSearchResults:{},isLoadingCities:!1,isLoadingSearchResults:!1,isMobileModalOpened:!1,initialSelectedCity:null,autoCompleteDisabled:!1,inputSearchPlaceholder:"",locale:"vi-VN",allSpecialties:[],popularKeys:[]};function resetSearchLocationKeywords(e){let{selectedLocation:t,searchLocationKeywords:a}=e;return t&&a!==t.name?Object.assign(Object.assign({},e),{searchLocationKeywords:t.name}):e}function reducer(e,t){var a,i;switch(e.isDebug&&console.log("bookingSearchBarV3",{action:t,state:e}),t.type){case o.NavigateTo:return Object.assign(Object.assign({},e),{navigateTo:t.payload,focused:"none",isMobileModalOpened:!1});case o.ClickOutsideInputLocation:if("location"!==e.focused)return e;return resetSearchLocationKeywords(Object.assign(Object.assign({},e),{focused:"none"}));case o.ClickOutsideInputSpecialty:if("specialty"!==e.focused)return e;return resetSearchLocationKeywords(Object.assign(Object.assign({},e),{focused:"none"}));case o.ClickOutsideInputSearch:if("search"!==e.focused)return e;return Object.assign(Object.assign({},e),{focused:"none"});case o.ClickOutsideInputSearchSpecialty:if("search"!==e.focusedSpecialty)return e;return Object.assign(Object.assign({},e),{focusedSpecialty:"none"});case o.FocusInputLocation:{let t=Object.assign(Object.assign({},e),{focused:"location"});return(null===(a=e.selectedLocation)||void 0===a?void 0:a.id)===I.a&&(t.searchLocationKeywords=""),t}case o.FocusInputSpecialty:{let t=Object.assign(Object.assign({},e),{focused:"specialty"});return(null===(i=e.selectedLocation)||void 0===i?void 0:i.id)===I.a&&(t.searchLocationKeywords=""),t}case o.FocusInputSearch:let l=Object.assign(Object.assign({},e),{focused:"search"});if(e.isMobile)return resetSearchLocationKeywords(l);return l;case o.FocusInputSearchSpecialty:{let t=Object.assign(Object.assign({},e),{focusedSpecialty:"search"});return t}case o.ChangeInputLocation:return Object.assign(Object.assign({},e),{searchLocationKeywords:t.payload});case o.ChangeInputSearch:{let a=t.payload;return Object.assign(Object.assign({},e),{searchKeywords:a,isLoadingSearchResults:a.trim().length>Z[e.locale]})}case o.SelectCurrentLocation:return Object.assign(Object.assign({},e),{focused:"none",selectedLocation:t.payload,searchLocationKeywords:t.payload.name});case o.ClearInputLocation:return Object.assign(Object.assign({},e),{focused:"location",cities:e.initialCities,searchLocationKeywords:""});case o.ClearInputSearch:return Object.assign(Object.assign({},e),{focused:"search",searchKeywords:""});case o.SelectLocation:return Object.assign(Object.assign({},e),{focused:"none",selectedLocation:t.payload,searchLocationKeywords:t.payload.name,searchResults:{}});case o.SelectSpecialty:return Object.assign(Object.assign({},e),{focused:"none",selectedSpecialty:t.payload,searchResults:{}});case o.SelectSearchResult:return Object.assign(Object.assign({},e),{searchKeywords:t.payload.name,isMobileModalOpened:!1,focused:"none",navigateTo:t.payload.url});case o.FetchCitiesStart:return Object.assign(Object.assign({},e),{isLoadingCities:!0});case o.FetchCitiesFinish:return Object.assign(Object.assign({},e),{isLoadingCities:!1});case o.FetchSearchResultsStart:return Object.assign(Object.assign({},e),{isLoadingSearchResults:!0});case o.FetchSearchResultsFinish:return Object.assign(Object.assign({},e),{isLoadingSearchResults:!1});case o.FetchSearchResultsComplete:{let a=Object.assign(Object.assign({},e),{searchResults:Object.assign(Object.assign({},e.searchResults),{[t.payload.key]:t.payload.searches})});return a}case o.FetchCitiesByGeoIpComplete:{let{cities:a}=t.payload,{default:i}=t.payload;a=a.filter(e=>e.id!==i.id),i&&a.unshift(i),e.initialSelectedCity&&!a.find(t=>t.id===e.initialSelectedCity.id)&&a.unshift(e.initialSelectedCity);let l=Object.assign(Object.assign({},e),{defaultCity:i,initialCities:a,cities:a});return"denied"!==e.geoLocationPermission||e.initialSelectedCity||(l.selectedLocation=i,l.searchLocationKeywords=i.name),l}case o.FetchCitiesByKeywordComplete:return Object.assign(Object.assign({},e),{cities:t.payload});case o.DisplayInitialCities:return Object.assign(Object.assign({},e),{cities:e.initialCities});case o.DisplayInitialSearchResults:{let t=e.searchKeywords.trim(),a=Z[e.locale],i=t.length>0&&t.length<=a;return Object.assign(Object.assign({},e),{searchResults:i?{}:e.initialSearchResults,isLoadingSearchResults:!1})}case o.UpdateInitialSearchResults:return Object.assign(Object.assign({},e),{initialSearchResults:Object.assign(Object.assign({},e.initialSearchResults),{[t.payload.key]:t.payload.searches})});case o.GrantGeoLocationPermission:return Object.assign(Object.assign({},e),{geoLocationPermission:"granted",geoLocationCoordinates:t.payload});case o.DenyGeoLocationPermission:return Object.assign(Object.assign({},e),{geoLocationPermission:"denied",geoLocationCoordinates:null});case o.OpenMobileModal:return Object.assign(Object.assign({},e),{isMobileModalOpened:!0});case o.CloseMobileModal:return Object.assign(Object.assign({},e),{isMobileModalOpened:!1});case o.UpdateInitialSearchValue:return Object.assign(Object.assign({},e),{searchKeywords:t.payload});case o.SetInputSearchPlaceholder:return Object.assign(Object.assign({},e),{inputSearchPlaceholder:t.payload});case o.FetchAllSpecialties:return Object.assign(Object.assign({},e),{allSpecialties:t.payload});case o.FetchPopularKeys:return Object.assign(Object.assign({},e),{popularKeys:t.payload});default:return e}}(i=o||(o={})).NavigateTo="navigate to url",i.ClickOutsideInputLocation="click outside input location",i.ClickOutsideInputSearch="click outside input search",i.ClickOutsideInputSearchSpecialty="click outside input search specialty",i.ClickOutsideInputSpecialty="click outside input specialty",i.SelectCurrentLocation="select current location",i.FocusInputLocation="focus input location",i.FocusInputSearch="focus input search",i.FocusInputSearchSpecialty="focus input search specialty",i.ChangeInputLocation="change input location",i.ChangeInputSearch="change input search",i.ClearInputLocation="clear input location",i.ClearInputSearch="clear input search",i.SelectLocation="select location",i.SelectSpecialty="select specialty",i.FetchCitiesStart="fetch cities start",i.FetchCitiesFinish="fetch cities finish",i.FetchSearchResultsStart="fetch search results start",i.FetchSearchResultsComplete="fetch search results complete",i.FetchSearchResultsFinish="fetch search results finish",i.FetchCitiesByGeoIpComplete="fetch cities by geo IP finish",i.FetchCitiesByKeywordComplete="fetch cities by keyword finish",i.DisplayInitialCities="display initial cities",i.DisplayInitialSearchResults="display initial search results",i.UpdateInitialSearchResults="update initial search results",i.GrantGeoLocationPermission="grant geolocation permission",i.DenyGeoLocationPermission="deny geolocation permission",i.OpenMobileModal="open mobile modal",i.CloseMobileModal="close mobile modal",i.UpdateInitialSearchValue="update initial search value",i.SelectSearchResult="select search result",i.SetInputSearchPlaceholder="set input search placeholder",i.FocusInputSpecialty="focus input specialty",i.FetchAllSpecialties="fetch all specialty",i.FetchPopularKeys="fetch popular key by type";let V=j.Z.div` flex: 1; position: relative; ${P.M.mbDown} { width: 100%; } `,U=j.Z.div` background: #f7f9fc; border-radius: 12px; height: 48px; display: flex; align-items: center; padding: 4px 12px 4px 4px; gap: 16px; ${P.M.mbDown} { height: 48px; width: 100%; } `,W=j.Z.div` display: flex; align-items: center; flex-shrink: 0; color: #8c8c8c; svg { width: 18px; height: 18px; } `,G=j.Z.div` position: absolute; top: calc(100% + 2px); width: 100%; border-radius: 4px; background: ${M.r.colors.white}; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1); z-index: 10; ${P.M.mbDown} { width: calc(100% + 64px); left: -32px; } `,Y=j.Z.div``;j.Z.div` display: flex; justify-content: space-between; align-item: center; padding: 9px 14px 9px 22px; background: #f7f9fc; .title { color: ${M.r.colors.gray800}; font-size: 14px; font-weight: 600; line-height: 22px; } .btn-see-all { color: ${M.r.colors.blue600}; font-size: 14px; line-height: 22px; cursor: pointer; } `;let Q=j.Z.div` padding: 10px 16px; max-height: 400px; overflow: auto; `,J=j.Z.div` display: flex; gap: 12px; align-items: center; cursor: pointer; ${P.M.mbUp} { &:hover { background-color: ${M.r.colors.blue50}; } } .image-item { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; img { object-fit: contain; width: 100%; height: 100%; border-radius: 50%; } } .infor { overflow: hidden; padding: 12px 0; flex: 1; border-bottom: 1px solid ${M.r.colors.neutral100}; .title { color: ${M.r.colors.gray800}; font-size: 16px; font-weight: 600; line-height: 24px; } .description { overflow: hidden; color: ${M.r.colors.gray600}; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; line-height: 18px; display: flex; gap: 8px; align-items: center; margin-top: 5px; svg { flex: 0 0 16px; } .sub-description { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 1; } } } &.last-item { .infor { border-bottom: none; } } `;j.Z.div` padding: 0 16px 16px; .search-detail-btn { color: ${M.r.colors.blue600}; font-size: 14px; line-height: 22px; cursor: pointer; } `;let SearchResult=({state:e,type:t,results:a,isLoading:i,typeInformation:l,dispatch:r})=>{let{t:c}=(0,k.u)(),{selectedLocation:p}=e,u=(0,n.useMemo)(()=>l[t].slug,[l,t]),handleOnClick=e=>{let a="";switch(t){case"service":a=`/${p.slug}/${u}/${e.slug}`;break;case"doctor":case"hospital":a=`/${u}/${e.slug}-${e.id}`}a&&r({type:o.NavigateTo,payload:a})};return null===a?null:n.createElement(Y,null,n.createElement(Q,{className:"search-results__body"},i&&n.createElement("div",{className:"skeleton-result"},[,,,].fill(void 0).map((e,a)=>n.createElement(J,{key:t+"loading"+a,className:2===a?"last-item":""},n.createElement("div",{className:"image-item"},n.createElement(s.O,{height:48,circle:!0,mb:"xl",animate:!0})),n.createElement("div",{className:"infor"},n.createElement("div",{className:"title"},n.createElement(s.O,{height:8,mt:10,radius:"xl",animate:!0})),n.createElement("div",{className:"description"},n.createElement("div",{className:"sub-description"},n.createElement(s.O,{height:8,mt:10,radius:"xl",width:"80%",animate:!0}))))))),!i&&a&&a.length>0&&n.createElement(n.Fragment,null,a.map((e,i)=>{var o,r;let c=a.length>4&&3===i||a.length<=4&&i===a.length-1,s="";return("hospital"===t&&(s=(null==e?void 0:e.address)||""),"doctor"===t&&(s=(null===(o=null==e?void 0:e.specialties)||void 0===o?void 0:o.join(", "))||""),"service"===t&&(s=(null===(r=null==e?void 0:e.hospital_branch)||void 0===r?void 0:r.name)||""),i>=4)?n.createElement(n.Fragment,null):n.createElement(J,{key:e.id,className:(0,d.default)(c?"last-item":"","result-item"),onClick:()=>handleOnClick(e)},n.createElement("div",{className:"image-item"},n.createElement("img",{src:e.logo||e.avatar,alt:e.name})),n.createElement("div",{className:"infor"},n.createElement("div",{className:"title"},e.name),n.createElement("div",{className:"description"},l[t].icon,n.createElement("div",{className:"sub-description"},s))))})),!i&&(null==a?void 0:a.length)===0&&n.createElement(F.T,{size:"sm",color:M.r.colors.gray400,className:"noresult-block"},c("booking.searchBar.noResults"))))},SearchResultContent=({state:e,type:t,isLoading:a,clientSlug:i,typeInformation:l,dispatch:o})=>{var r;return"search"!==e.focused?null:n.createElement(SearchResult,{type:t,state:e,results:(null===(r=e.searchResults)||void 0===r?void 0:r[t])||null,location:e.selectedLocation.name,dispatch:o,isLoading:a,typeInformation:l,clientSlug:i})},X=j.Z.div` position: relative; flex-shrink: 0; ${P.M.mbDown} { width: 100%; display: flex; flex-direction: column; gap: 12px; } &.compact { ${P.M.mbDown} { width: auto; display: block; } } `,ee=j.Z.div` position: absolute; top: calc(100% + 4px); left: 0; min-width: 264px; background: white; border-radius: 12px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 10px 16px 0px rgba(0, 0, 0, 0.04); z-index: 10; overflow: hidden; &.mobile { min-width: 280px; } `,et=j.Z.div` cursor: pointer; padding: 12px 16px; display: flex; align-items: center; gap: 12px; outline: none; .image-item { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex-shrink: 0; img { width: 100%; height: 100%; object-fit: contain; } svg { width: 24px; height: 24px; } } .item-label { font-size: 15px; font-weight: 400; line-height: 24px; letter-spacing: -0.3px; color: ${M.r.colors.gray800}; } &:hover { background-color: ${M.r.colors.neutral50}; } &.selected { background-color: ${M.r.colors.neutral50}; } &:last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } `,DoctorIcon=()=>n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("path",{d:"M8.983 14.333q-1.666 0-2.833-1.166Q4.983 12 4.983 10.333v-.366a3.48 3.48 0 0 1-2.258-1.2 3.57 3.57 0 0 1-.909-2.434V3.1a.58.58 0 0 1 .175-.425.58.58 0 0 1 .425-.175h1.4v-.167a.486.486 0 0 1 .5-.5q.217 0 .36.142a.5.5 0 0 1 .14.358v1.334a.485.485 0 0 1-.5.5.484.484 0 0 1-.5-.5V3.5h-1v2.833q0 1.1.784 1.884Q4.383 9 5.483 9t1.883-.783.784-1.884V3.5h-1v.167a.485.485 0 0 1-.5.5.484.484 0 0 1-.5-.5V2.333a.486.486 0 0 1 .5-.5q.217 0 .358.142a.5.5 0 0 1 .142.358V2.5h1.4a.58.58 0 0 1 .425.175.58.58 0 0 1 .175.425v3.233q0 1.4-.908 2.434a3.5 3.5 0 0 1-2.259 1.2v.366q0 1.25.875 2.126a2.9 2.9 0 0 0 2.125.874q1.25 0 2.125-.874a2.9 2.9 0 0 0 .875-2.126V9.25a1.74 1.74 0 0 1-.858-.609 1.6 1.6 0 0 1-.342-1.008q0-.716.5-1.216t1.2-.5q.716 0 1.217.5.5.5.5 1.216 0 .567-.342 1.008t-.875.609v1.083q0 1.667-1.167 2.834-1.166 1.166-2.833 1.166m3.5-6q.3 0 .509-.208a.67.67 0 0 0 .208-.492q0-.3-.208-.508a.7.7 0 0 0-.509-.208q-.3 0-.5.208a.7.7 0 0 0-.2.508q0 .284.2.492t.5.208",fill:"#595959"})),ServiceIcon=()=>n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("path",{d:"M6.868 9.265v.974q0 .405.284.69.284.283.69.283t.69-.284.284-.69v-.973h.973q.405 0 .69-.284a.94.94 0 0 0 .284-.689.94.94 0 0 0-.284-.69.94.94 0 0 0-.69-.284h-.973v-.974a.94.94 0 0 0-.284-.69.94.94 0 0 0-.69-.284.94.94 0 0 0-.689.284.94.94 0 0 0-.285.69v.974h-.973a.94.94 0 0 0-.69.283.94.94 0 0 0-.284.69q0 .405.284.69.285.284.69.284zm-3.46 4.868q-.581 0-.994-.413A1.36 1.36 0 0 1 2 12.725v-6.65a1.4 1.4 0 0 1 .563-1.127l4.434-3.333q.369-.282.844-.282.474 0 .846.282l4.434 3.333q.264.193.413.493.15.3.15.633v6.651q0 .58-.414.995a1.36 1.36 0 0 1-.994.413zm0-1.168h8.868q.105 0 .172-.068a.23.23 0 0 0 .068-.172v-6.65a.2.2 0 0 0-.027-.11.3.3 0 0 0-.07-.085L7.983 2.554a.2.2 0 0 0-.142-.052.2.2 0 0 0-.142.052L3.266 5.88a.3.3 0 0 0-.071.086.2.2 0 0 0-.027.108v6.651q0 .105.068.172a.23.23 0 0 0 .172.068",fill:"#595959"})),HospitalIcon=()=>n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},n.createElement("path",{d:"M8 8q.55 0 .941-.392.393-.391.392-.941 0-.55-.392-.942A1.28 1.28 0 0 0 8 5.333q-.55 0-.942.392a1.28 1.28 0 0 0-.391.942q0 .55.391.941Q7.45 8 8 8m0 4.9q2.032-1.866 3.017-3.392Q12 7.983 12 6.8q0-1.817-1.158-2.975Q9.682 2.667 8 2.667T5.158 3.825Q4 4.983 4 6.8q0 1.184.983 2.708Q5.966 11.034 8 12.9m0 1.517a.8.8 0 0 1-.5-.183q-2.433-2.151-3.633-3.992T2.667 6.8q0-2.5 1.608-3.983Q5.883 1.332 8 1.333q2.116 0 3.725 1.484T13.333 6.8q0 1.6-1.2 3.442-1.2 1.841-3.633 3.991a.8.8 0 0 1-.5.184",fill:"#8C8C8C"})),SpecialtyIcon=()=>n.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16"},n.createElement("path",{d:"M3.833.5a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667M10.5.5c-.92 0-1.667.746-1.667 1.667V5.5c0 .92.746 1.667 1.667 1.667h3.333c.921 0 1.667-.746 1.667-1.667V2.167C15.5 1.246 14.754.5 13.833.5zM3.833 8.833a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667m8.334 0a3.333 3.333 0 1 0 0 6.667 3.333 3.333 0 0 0 0-6.667",fill:"#9AA2AC"})),SearchSpecialty=({state:e,isMobile:t,onSpecialtyClick:a,dispatch:i,isCompact:l=!1})=>{let{t:r,locale:s}=(0,k.u)(),d=(0,n.useRef)(null),m=(0,n.useRef)(null),b=(0,n.useMemo)(()=>I.L[s],[s]),[f,y]=(0,n.useState)(""),[x,{close:v,toggle:E}]=(0,w.q)(!1);(0,S.a)(d,()=>{v(),y(""),i({type:o.ClickOutsideInputSpecialty})});let C=(0,n.useMemo)(()=>[{name:r("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:b.SPECIALTIES},...e.allSpecialties],[e.allSpecialties,r,b.SPECIALTIES]),L=(0,n.useMemo)(()=>f.trim()?C.filter(e=>e.name.toLowerCase().includes(f.toLowerCase().trim())):C,[C,f]),O=(0,n.useMemo)(()=>e.selectedSpecialty?e.selectedSpecialty.name:"",[e.selectedSpecialty]),j=(0,n.useCallback)(e=>{a({id:e.id,name:e.name,slug:e.slug,thumbnail:e.thumbnail||"",total_doctor:0}),v(),y("")},[a,v]),P=(0,n.useCallback)(()=>{E(),x&&y("")},[E,x]);return n.createElement(X,{ref:d,className:l?"compact":""},n.createElement(p.x,{onClick:P,className:x?"dropdown-trigger-open":"",sx:{cursor:"pointer",position:"relative",width:l?t?96:160:"100%",flexShrink:0}},n.createElement(u.I,{readOnly:!0,value:O,placeholder:r("booking.searchPopup.specialties"),rightSection:n.createElement(R.C,{style:{width:20,height:20}}),styles:Object.assign({input:{cursor:"pointer",outline:"none","&:focus":{outline:"none"},"&:not(.mantine-Textarea-input)":{height:l?40:t?40:46,fontSize:l?(0,h.h)(14):t?(0,h.h)(14):(0,h.h)(16),paddingLeft:l?12:16,paddingRight:30,background:l?"white":"transparent",border:l?`1px solid ${M.r.colors.gray200}`:"none",borderRadius:8,letterSpacing:"-0.2px",color:M.r.colors.gray800,textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"}},rightSection:{width:30,pointerEvents:"none"}},!l&&{wrapper:{position:"relative","&:after":{content:'""',width:"1px",height:"20px",backgroundColor:M.r.colors.neutral100,position:"absolute",right:0,top:"50%",transform:"translateY(-50%)"}}})})),x&&n.createElement(ee,{className:t?"mobile":""},n.createElement(p.x,{sx:{padding:"12px 12px 8px"}},n.createElement(u.I,{ref:m,icon:n.createElement(c.Z,{size:18,color:M.r.colors.gray300}),placeholder:r("booking.searchBar.placeholder.specialty"),value:f,onChange:e=>y(e.target.value),size:"md",styles:{input:{height:40,fontSize:(0,h.h)(15),paddingLeft:36,"&::placeholder":{color:M.r.colors.gray400}},icon:{width:36}}})),n.createElement(g.x.Autosize,{mah:300},0===L.length?n.createElement(p.x,{sx:{padding:"12px 16px",color:M.r.colors.gray400,fontSize:14}},r("common.noResult")):L.map(t=>{var a,i;return n.createElement(et,{key:t.id,tabIndex:0,role:"option","aria-selected":(null===(a=e.selectedSpecialty)||void 0===a?void 0:a.id)===t.id,className:(null===(i=e.selectedSpecialty)||void 0===i?void 0:i.id)===t.id?"selected":"",onClick:()=>j(t),onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),j(t))}},n.createElement("div",{className:"image-item"},t.thumbnail?n.createElement("img",{src:t.thumbnail,alt:t.name}):n.createElement(SpecialtyIcon,null)),n.createElement("span",{className:"item-label"},t.name))}))))},ea=(0,n.forwardRef)(({state:e,type:t,isMobile:a,isLoading:i,initalSearchValue:l,typeInformation:r,debouncedFetchSearchResults:s,trackingAttributes:d,hideSpecialtySelection:p=!1,clientSlug:g="",onSearch:m,onFocusInput:b,onEnterSearch:f,dispatch:y,onlyShowSearchBox:x,onChangeSpecialty:v},E)=>{let{t:w}=(0,k.u)(),C=(0,n.useRef)(null),L=(0,n.useRef)(null);(0,n.useImperativeHandle)(E,()=>({focus:()=>{var e;null===(e=L.current)||void 0===e||e.focus()}}));let O=(0,n.useMemo)(()=>d?{"data-event-category":d.dataEventCategory,"data-event-action":d.dataEventAction,"data-event-label":d.dataEventLabel}:{},[d]),I=(0,n.useMemo)(()=>"doctor"===t?w("booking.searchBar.placeholder.doctor"):"service"===t?w("booking.searchBar.placeholder.service"):"hospital"===t?w("booking.searchBar.placeholder.hospital"):"specialty"===t?w("booking.searchBar.placeholder.specialty"):"",[t,w]),j="specialty"!==t&&"service"!==t&&!p&&!x,P=(0,n.useMemo)(()=>({input:{border:"none",background:"transparent",height:"100%",fontSize:(0,h.h)(16),color:M.r.colors.gray800,padding:"0","&::placeholder":{color:M.r.colors.gray400},"&:focus":{outline:"none",boxShadow:"none"},[a?"@media (max-width: 767px)":""]:a?{fontSize:(0,h.h)(16)}:{}},wrapper:{flex:1}}),[a]);(0,S.a)(C,()=>{a||y({type:o.ClickOutsideInputSearch})});let $=(0,n.useCallback)(function(a){y({type:o.ChangeInputSearch,payload:a}),"function"!=typeof m&&(a.trim().length>Z[e.locale]||l||0===a.trim().length)&&s(a.trim(),e,t,g)},[y,e,t,l,s,g,m]),F=(0,n.useCallback)(function(e){var t;y({type:o.SelectSpecialty,payload:e}),null==v||v(e),a||null===(t=L.current)||void 0===t||t.focus()},[y,v]),R=(0,n.useCallback)(e=>{"Enter"===e.key&&(e.stopPropagation(),e.preventDefault(),f&&f())},[f]);return n.createElement(V,{ref:C},n.createElement(U,null,j&&n.createElement(SearchSpecialty,{state:e,isMobile:a,dispatch:y,debouncedFetchSearchResults:s,onSpecialtyClick:F,isCompact:!0}),n.createElement(W,null,n.createElement(c.Z,null)),n.createElement(u.I,Object.assign({ref:L,variant:"unstyled",size:a?"md":"lg",placeholder:I,styles:P,value:e.searchKeywords,name:"search-results",autoComplete:"off",onFocus:()=>{y({type:o.FocusInputSearch}),null==b||b()},onChange:e=>{$(e.target.value)},onKeyDown:R},O))),!a&&"specialty"!==t&&n.createElement(G,null,n.createElement(SearchResultContent,{type:t,state:e,dispatch:y,isLoading:i,typeInformation:r,clientSlug:g})))});ea.displayName="SearchInputs";let ModalSearchResult=e=>{var{searchInputEle:t,closeModal:a,children:i}=e,l=(0,D._)(e,["searchInputEle","closeModal","children"]);let o=(0,m.rZ)();return n.createElement(B.M,Object.assign({},l,{zIndex:310,fullScreen:!0,styles:{content:{borderRadius:0,height:"100%",".search-results__body":{padding:0},".result-item":{paddingLeft:16,paddingRight:16},".noresult-block":{padding:16},".skeleton-result":{padding:16}},header:{display:"none"}}}),n.createElement(b.K,{spacing:16,sx:{paddingTop:16}},n.createElement(f.k,{align:"center",gap:12},n.createElement(T.Z,{size:28,onClick:a,color:o.fn.primaryColor()}),n.createElement(p.x,{sx:{width:"100%"}},t)),i))},ei=j.Z.div` position: relative; width: 240px; flex-shrink: 0; ${P.M.mbDown} { width: 100%; } `;j.Z.div` position: absolute; top: calc(100% + 2px); width: 100%; border-radius: 4px; background: ${M.r.colors.white}; box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.1); z-index: 10; ${P.M.mbDown} { width: calc(100% + 64px); left: -32px; } `;let el=j.Z.div` position: relative; cursor: pointer; padding: 12px 18px; display: flex; align-items: center; gap: 14px; overflow: hidden; & + li::before { content: ''; position: absolute; left: 18px; right: 18px; top: 0; height: 1px; background-color: ${M.r.colors.neutral100}; } &:not([data-is-denied='true']):hover { background-color: ${M.r.colors.neutral50}; } &:last-child:hover { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } &:first-child:hover { border-top-right-radius: 6px; border-top-left-radius: 6px; } &[data-is-denied='true'] { cursor: not-allowed; } `,eo=(0,j.Z)(C.P)` width: 12px; height: 18px; flex: 0 0 12px; `,er=(0,n.forwardRef)((e,t)=>{var{label:a,value:i}=e,l=(0,D._)(e,["label","value"]);return n.createElement("div",Object.assign({ref:t},l),n.createElement(el,{key:i,role:"button",tabIndex:0,"aria-label":`Select ${a} as location`,className:"location-item"},n.createElement(eo,{color:M.r.colors.neutral400}),n.createElement(y.x,{size:"md"},a)))}),SearchLocation=({state:e,debouncedFetchCitiesByKeyword:t,selectedLocation:a,trackingAttributes:i,onLocationClick:l,dispatch:r})=>{var c;let{t:s,locale:d}=(0,k.u)(),p=(0,n.useRef)(null),u=(0,n.useMemo)(()=>{var t;return[{name:s("booking.searchBar.allLocations"),id:I.I,slug:null===(t=I.L[d])||void 0===t?void 0:t.ALL},...e.cities]},[e.cities,s,d]),g=(0,n.useMemo)(()=>i?{"data-event-category":i.dataEventCategory,"data-event-action":i.dataEventAction,"data-event-label":i.dataEventLabel}:{},[i]),m=(0,n.useCallback)(function(a){r({type:o.ChangeInputLocation,payload:a}),a.trim().length>Z[e.locale]?t(a.trim()):(t.cancel(),r({type:o.DisplayInitialCities}))},[t,r,e.locale]);(0,S.a)(p,()=>{r({type:o.ClickOutsideInputLocation})});let b=null!==(c=null==a?void 0:a.id)&&void 0!==c?c:null,f=null===b?void 0:String(b);return n.createElement(ei,{ref:p},n.createElement(x.Ph,Object.assign({key:null!=f?f:"no-selected-location",defaultValue:f,placeholder:s("booking.searchBar.allLocations"),searchable:!0,onSearchChange:e=>{m(e)},onFocus:()=>{r({type:o.DisplayInitialCities})},onDropdownClose:()=>{t.cancel(),r({type:o.DisplayInitialCities})},nothingFound:s("common.noResult"),maxDropdownHeight:340,dropdownPosition:"bottom",icon:n.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n.createElement("path",{d:"M9.99908 10.8332C11.2264 10.8332 12.2213 9.83764 12.2213 8.61097C12.2213 7.3843 11.2264 6.38875 9.99908 6.38875C8.77174 6.38875 7.77686 7.3843 7.77686 8.61097C7.77686 9.83764 8.77174 10.8332 9.99908 10.8332Z",stroke:"#111111",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{d:"M9.99919 18.0554C11.7584 17.4999 16.6659 13.611 16.6659 8.61097C16.6659 4.93097 13.6811 1.94431 9.99919 1.94431C6.3173 1.94431 3.33252 4.93097 3.33252 8.61097C3.33252 13.611 8.23996 17.4999 9.99919 18.0554Z",stroke:"#111111",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),rightSection:n.createElement(R.C,{style:{width:20,height:20}})},g,{styles:()=>({item:{padding:0,"&[data-selected]":{"&, &:hover":{backgroundColor:"#F7F9FC",color:"inherit"},".location-item":{"&::after":{content:C.i,top:"50%",right:19,position:"absolute",transform:"translateY(-50%)"}}},"&[data-hovered]":{backgroundColor:"transparent"}},root:{width:"100%"},wrapper:{width:"100%"},input:{"&:not(.mantine-Textarea-input)":{height:48,fontSize:(0,h.h)(15),fontWeight:400,letterSpacing:"-0.3px",color:M.r.colors.gray1000,paddingLeft:44,paddingRight:40,background:"white",border:`1px solid ${M.r.colors.gray200}`,borderRadius:12}},icon:{width:44,paddingLeft:12},rightSection:{width:40,paddingRight:12},itemsWrapper:{padding:0},dropdown:{left:"0 !important",border:0,marginTop:4,borderRadius:12,overflow:"hidden",boxShadow:"0px 0px 1px 0px rgba(0, 0, 0, 0.04), 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 10px 16px 0px rgba(0, 0, 0, 0.04)","& ::-webkit-scrollbar":{width:"6px",height:"6px"}}}),itemComponent:er,filter:()=>!0,onChange:e=>{if(null==e)return;let a=u.find(t=>String(t.id)===e);a&&(l(a),t.cancel(),r({type:o.DisplayInitialCities}),setTimeout(()=>{var e,t;null===(t=null===(e=p.current)||void 0===e?void 0:e.querySelector("input"))||void 0===t||t.blur()},0))},data:u.map(e=>({value:String(e.id),label:e.name,city:e}))})))},en=j.Z.div` display: flex; flex-wrap: wrap; row-gap: 8px; column-gap: 20px; ${P.M.mbDown} { margin-top: 12px; } `,ec=j.Z.div` display: flex; align-items: center; border-radius: 8px; border: 1px solid ${M.r.colors.neutral100}; background: ${M.r.colors.white}; padding: 8px 12px 8px 8px; flex: 0 0 calc(33.3% - 13px); gap: 12px; cursor: pointer; &:hover { background: ${M.r.colors.blue50}; } ${P.M.tdDown} { flex: 0 0 calc(50% - 10px); } ${P.M.mbDown} { flex: 0 0 100%; border: none; } .image-item { display: flex; align-items: center; width: 40px; height: 40px; img { width: 100%; object-fit: cover; } } .infor { flex: 1; .title { color: ${M.r.colors.gray800}; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } .description { color: ${M.r.colors.gray600}; font-size: 12px; font-weight: 400; line-height: 18px; } } `,es=(0,j.Z)(v.i)` margin: 24px 0 !important; `,ed=j.Z.div` display: flex; justify-content: center; margin-top: 24px; .show-more { border-radius: 4px; border: 1px solid ${M.r.colors.neutral200}; padding: 12px 16px; cursor: pointer; display: inline-block; color: ${M.r.colors.gray800}; font-size: 16px; font-weight: 600; line-height: 24px; ${P.M.mbDown} { width: 100%; text-align: center; } } `,SearchResultSpecialties=({state:e,isMobile:t,specialties:a,isLoading:i,dispatch:l})=>{let{t:r,locale:c}=(0,k.u)(),{selectedLocation:d}=e,p=(0,n.useMemo)(()=>I.L[c],[c]),handleOnClick=e=>{let t="";e===I.S?(t=`/${d.slug}/${p.HOSPITAL}/${I.C.GSK}/`,l({type:o.ClickOutsideInputSearchSpecialty})):t=`/${d.slug}/${p.DOCTOR}/${e}`,l({type:o.NavigateTo,payload:t})},u=(0,n.useMemo)(()=>a.length>=9||e.searchKeywords.trim().length<=Z[e.locale],[e.searchKeywords,a]);return n.createElement(n.Fragment,null,!t&&n.createElement(es,{color:"#E4E8EC"}),n.createElement(en,null,a.length>0&&!i&&n.createElement(n.Fragment,null,a.map((e,t)=>t>=9?n.createElement(n.Fragment,null):n.createElement(ec,{key:e.id,onClick:()=>handleOnClick(e.slug)},n.createElement("div",{className:"image-item"},n.createElement("img",{src:e.thumbnail,alt:e.name})),n.createElement("div",{className:"infor"},n.createElement("div",{className:"title"},e.name))))),0===a.length&&!i&&n.createElement(F.T,{size:"sm",color:M.r.colors.gray400},r("booking.searchBar.noResults")),i&&Array(6).fill(void 0).map((e,t)=>n.createElement(ec,{key:"loading"+t},n.createElement("div",{className:"image-item"},n.createElement(s.O,{height:40,animate:!0})),n.createElement("div",{className:"infor"},n.createElement("div",{className:"title"},n.createElement(s.O,{height:20,radius:"sm",animate:!0})))))),u&&n.createElement(ed,null,n.createElement("div",{className:"show-more",onClick:()=>{let e=`/${p.SPECIALTIES}`;l({type:o.NavigateTo,payload:e})}},r("home.seeAll"))))},ep=j.Z.div` display: flex; gap: 5px; margin-top: 16px; flex-wrap: wrap; `,eu=j.Z.div` color: ${M.r.colors.gray600}; font-size: 14px; font-weight: 600; line-height: 22px; padding: 4px 12px; background: ${M.r.colors.white}; border-radius: 32px; cursor: pointer; border: 1px solid ${M.r.colors.white}; margin-bottom: 5px; border-color: ${M.r.colors.neutral100}; background: #f7f9fc; &.view-all { border-radius: 32px; border-color: ${M.r.colors.blue50}; background: ${M.r.colors.blue50}; color: ${M.r.colors.blue600}; &:hover { border-color: ${M.r.colors.blue50}; background: ${M.r.colors.blue50}; color: ${M.r.colors.blue600}; } } &:hover { border-color: ${M.r.colors.neutral100}; background: #f7f9fc; } `,eh=j.Z.div` color: ${M.r.colors.gray600}; font-size: 14px; font-weight: 600; line-height: 22px; padding: 4px 0; background: ${M.r.colors.white}; border-radius: 32px; border: 1px solid ${M.r.colors.white}; margin-bottom: 5px; margin-right: 7px; `,SearchTag=({state:e,type:t,typeInformation:a,dispatch:i})=>{let{t:l}=(0,k.u)(),{selectedLocation:r}=e,c=(0,n.useMemo)(()=>a[t].slug,[a,t]),handleClickKeyword=e=>{e.url&&(window.location.href=e.url)};return n.createElement(ep,null,n.createElement(eh,null,l("booking.searchBar.popularKey")),e.popularKeys.map(e=>n.createElement(eu,{key:e.id,onClick:()=>handleClickKeyword(e)},e.keyword)),n.createElement(eu,{className:"view-all",onClick:()=>{let e=`/${r.slug}/${c}`;e&&i({type:o.NavigateTo,payload:e})}},l("booking.searchBar.viewAll")))},eg=j.Z.div` background: rgba(255, 255, 255, 0.64); backdrop-filter: blur(12px); border-bottom: 1px solid ${M.r.colors.neutral100}; `,em=(0,j.Z)($.C)` padding: 0 16px; `,TabSearch=({currentTab:e,hideTabBookingSearch:t=[],hideSpecialtyTab:a,isMobile:i,setCurrentTab:l})=>{let{t:o}=(0,k.u)(),r=(0,n.useMemo)(()=>({root:{overflowY:i?"hidden":"initial",overflowX:i?"auto":"initial"},tabsList:{background:"rgba(255, 255, 255, 0)",borderBottom:"none",flexWrap:"nowrap",".mantine-Tabs-tab":{"&:last-child":{"&:after":{display:"none"}}}},tab:{padding:i?"12px 16px 12px 16px":"15px 40px 15px 40px",borderTop:"2px solid transparent",borderBottom:"none",margin:0,borderRadius:0,position:"relative",width:"auto",'&[data-active="true"]':{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:after":{display:"none"},"&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:hover":{borderColor:"#2d87f3",backgroundColor:"#ffffff","&:before":{content:'""',width:"100%",height:"1px",position:"absolute",backgroundColor:"#ffffff",bottom:"-1px"}},"&:after":{content:'""',width:"1px",height:"24px",backgroundColor:"#E4E8EC",position:"absolute",right:"-1px"}},tabLabel:{color:"#595959",fontSize:i?"14px":"16px",fontWeight:600,lineHeight:i?"22px":"24px"}}),[i]),c=(0,n.useMemo)(()=>[{value:"hospital",label:o("booking.searchPopup.hospitals")},{value:"doctor",label:o("booking.searchPopup.doctors")},{value:"service",label:o("booking.searchPopup.services")},...a?[]:[{value:"specialty",label:o("booking.searchPopup.specialties")}]],[a]),s=(0,n.useMemo)(()=>c.filter(e=>!t.includes(e.value))||[],[t,c]);return n.createElement(eg,{className:"booking-search-tab"},n.createElement(em,null,n.createElement(E.m,{value:e,onTabChange:e=>{l(e)},styles:r},n.createElement(E.m.List,null,s.map(e=>n.createElement(E.m.Tab,{value:e.value,key:e.value},e.label))))))};(l=r||(r={})).doctor="doctor",l.service="hospital_service",l.hospital="hospital_branch";let ignoreCacarSpecialty=e=>e.filter(e=>"string"==typeof e?"cacar-api"!==e:(null==e?void 0:e.id)!==232),BookingSearchBarV3=({isMobile:e,careApiDomain:t,geoLocationPermission:a,geoLocationCoordinates:i,initialSelectedCity:l,initialSearchValue:s="",initTypeSearch:d="hospital",initSpecialty:u,careFrontDomain:h="/care",isDebug:g=!1,gaTrackingSearchBar:m,gaTrackingLocationSearch:b,autoCompleteDisabled:y=!1,inputSearchPlaceholder:x="",hideTabBookingSearch:v=[],hideSpecialtySelection:E=!1,hideSpecialtyTab:L=!1,hidePopularSearchKeys:j=!1,clientSlug:M="",triggerSearchWhenChangeFilter:P,routerPush:$,onGeoLocationPermissionChange:F,onChangeLocation:R})=>{var D;let{locale:T,t:B}=(0,k.u)(),V=(0,n.useRef)(null),U=(0,n.useRef)(null),W=(0,n.useRef)(null),G=(0,n.useRef)(null),[Y,Q]=(0,n.useState)(d),{geoLocationPermission:J,geoLocationCoordinates:X}=(0,C.u)(),[ee,et]=(0,n.useReducer)(reducer,K,t=>Object.assign(Object.assign({},t),{isDebug:g,isMobile:e,geoLocationPermission:a||J||"unset",geoLocationCoordinates:i||X||null,searchKeywords:s,initialSelectedCity:l||null,selectedLocation:l||t.selectedLocation||null,searchLocationKeywords:(null==l?void 0:l.name)||t.searchLocationKeywords,autoCompleteDisabled:y,inputSearchPlaceholder:x,locale:T})),{navigateTo:ei,focusedSpecialty:el,searchKeywords:eo,geoLocationPermission:er,selectedLocation:en,initialSelectedCity:ec,searchResults:es,isLoadingSearchResults:ed}=ee,{fetchCitiesByLocation:ep,fetchCitiesByKeyword:eu,fetchSearchResults:eh,fetchAllSpecialties:eg,fetchPopularKeys:em}=function({dispatch:e,careApiDomain:t,locale:a="vi-VN",client:i=""}){let l=(0,n.useCallback)(function(i,l={}){let r=`${t}${i}`;return e({type:o.FetchCitiesStart}),fetch((0,C.h)(r,l,a),{method:"GET"}).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:(console.log("error loading cities",e),Promise.reject(e))).finally(()=>e({type:o.FetchCitiesFinish}))},[a]),c=(0,n.useCallback)(function({coordinates:t}){let r={},n={};t&&(r={lat:t.lat,lng:t.lng}),"ms-MY"===a&&(n.noPaging=1);let c=[l(N.P.GET_CITY_BY_IP,Object.assign(Object.assign(Object.assign({},r),n),{hospitalActive:1,client:I.C.MSD===i?"":i}))];return"zh-TW"===a?c.push(l(N.P.GET_CITIES_LIST,{noPaging:1,hospitalActive:1,client:I.C.MSD===i?"":i})):c.push(l(N.P.GET_CITIES_LIST,{noPaging:1,hospitalActive:1})),Promise.all(c).then(([t,a])=>{let i=Object.assign({},t);if(a){let e=i.cities.map(e=>e.id);i.cities=i.cities.concat(a.cities.filter(t=>!e.includes(t.id)))}e({type:o.FetchCitiesByGeoIpComplete,payload:i})}).catch(e=>console.error("error loading cities by location",e))},[a,t,e]),s=(0,n.useCallback)(function(t){return l(N.P.GET_CITIES_LIST,{keyword:t,client:i}).then(t=>{e({type:o.FetchCitiesByKeywordComplete,payload:t.cities})}).catch(e=>console.error("error loading cities by keyword",e))},[a,t,e]),d=(0,n.useCallback)(function(l,r,n,c,s){let d="specialty"===n?`${t}${N.P.GET_SEARCH_SPECIALTY}`:`${t}${N.P.GET_SEARCH_V2}`;e({type:o.FetchSearchResultsStart});let{selectedLocation:p,geoLocationCoordinates:u,selectedSpecialty:h}=r,g="";if(!p){e({type:o.FetchSearchResultsFinish});return}g=p.id===I.I?"":p.id;let m=(null==u?void 0:u.lat)||"",b=(null==u?void 0:u.lng)||"",f=(null==h?void 0:h.id)>0?null==h?void 0:h.id:"",y=l.trim().length>Z[a]?l.trim():"";return fetch((0,C.h)(d,Object.assign({domain:t,searchType:n||"global",keyword:y,city:g===I.a?"":g,lat:m,lng:b,specialty_id:f,client_slug:I.C.MSD===c?"":c,msd:I.C.MSD===i?1:""},"doctor"===n&&{skipBooking:1}),a),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)).then(t=>{let a=[];"specialty"!==n&&(a="doctor"===n?t.searches.map(e=>Object.assign(Object.assign({},e),{specialties:ignoreCacarSpecialty((null==e?void 0:e.specialties)||[])})):t.searches),"specialty"===n&&(a=y?ignoreCacarSpecialty((null==t?void 0:t.specialties)||[]):ignoreCacarSpecialty((null==t?void 0:t.default)||[])),e({type:o.FetchSearchResultsComplete,payload:{key:n,searches:a||[]}}),s&&e({type:o.UpdateInitialSearchResults,payload:{key:n,searches:a||[]}})}).catch(e=>{console.log("error loading search results",{url:d,error:e})}).finally(()=>e({type:o.FetchSearchResultsFinish}))},[a,t,e]),p=(0,n.useCallback)(function(){let l=`${t}${N.P.GET_SEARCH_SPECIALTY}`;return fetch((0,C.h)(l,{domain:t,searchType:"",msd:I.C.MSD===i?1:""},a),{method:"GET",headers:{accept:"version=2.0.0.0"}}).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)).then(t=>{e({type:o.FetchAllSpecialties,payload:ignoreCacarSpecialty(t.specialties||[])})}).catch(e=>{console.log("error loading search results",{url:l,error:e})})},[a,t,e]),u=(0,n.useCallback)(function(i){let l=`${t}${N.P.GET_SEARCH_POPULAR_KEY}`;return fetch((0,C.h)(l,{domain:t,searchType:r[i],sort_by:"display_order",sort_order:"asc"},a)).then(e=>e.json()).then(e=>1===e._status&&e._data?null==e?void 0:e._data:Promise.reject(e)).then(t=>{e({type:o.FetchPopularKeys,payload:t.popular_searches||[]})}).catch(e=>{console.log("error loading search results",{url:l,error:e})})},[a,t,e]);return{fetchCitiesByLocation:c,fetchCitiesByKeyword:s,fetchSearchResults:d,fetchAllSpecialties:p,fetchPopularKeys:u}}({dispatch:et,locale:T,careApiDomain:t,client:M}),eb=(0,n.useMemo)(()=>I.L[T],[T]),[ef,{close:ey,open:ex}]=(0,w.q)(!1),ev=(0,n.useMemo)(()=>Object.assign({doctor:{name:B("booking.searchPopup.doctors"),icon:n.createElement(DoctorIcon,null),slug:eb.DOCTOR},service:{name:B("booking.searchPopup.services"),icon:n.createElement(ServiceIcon,null),slug:eb.SERVICE},hospital:{name:B("booking.searchPopup.hospitals"),icon:n.createElement(HospitalIcon,null),slug:eb.HOSPITAL}},!L&&{specialty:{name:B("booking.searchPopup.specialties"),icon:n.createElement(SpecialtyIcon,null),slug:eb.SPECIALTIES}}),[Y]),eE=(0,n.useMemo)(()=>O()(eu,400),[eu]),ew=(0,n.useMemo)(()=>O()(eh,400),[eh]),eC=(0,n.useCallback)(function({locationSlug:e,specialtyId:t}={}){var a;ey();let i="",{slug:l}=ev[Y],r="",n=I.M[T][M],c=t||(null===(a=ee.selectedSpecialty)||void 0===a?void 0:a.id)||-1,s=e||(null==en?void 0:en.slug)||"";("doctor"===Y||"hospital"===Y)&&c>0&&(r=`&specialtyId=${c}`),i="specialty"===Y?`/${l}`:`/${s}/${l}`,n&&(i+=`/${n}`),(i+=`?q=${eo}${r}`)&&et({type:o.NavigateTo,payload:i})},[M,ey,Y,et,T,eo,null==en?void 0:en.slug,null===(D=ee.selectedSpecialty)||void 0===D?void 0:D.id,ev]),eS=(0,n.useCallback)(function(e){P&&eC({locationSlug:e.slug}),et({type:o.SelectLocation,payload:e}),R&&R(e)},[et,e,R,eC,P]);(0,S.a)(G,()=>{e||et({type:o.ClickOutsideInputSearchSpecialty})}),(0,n.useEffect)(()=>{var t;"denied"===er||ec||et({type:o.SelectLocation,payload:{name:B("booking.searchBar.allLocations"),id:I.I,slug:null===(t=I.L[T])||void 0===t?void 0:t.ALL}}),F&&F(er,ee.geoLocationCoordinates),e&&"granted"===er&&en&&et({type:o.FocusInputSearch}),ep({coordinates:ee.geoLocationCoordinates})},[er]),(0,n.useEffect)(()=>{var e;let t=u||{name:B("booking.searchBar.allSpecialties"),id:-1,thumbnail:"",total_doctor:0,slug:eb.SPECIALTIES};if(u){(null===(e=ee.selectedSpecialty)||void 0===e?void 0:e.id)!==u.id&&et({type:o.SelectSpecialty,payload:u});return}ee.selectedSpecialty&&ee.selectedSpecialty.id===t.id||et({type:o.SelectSpecialty,payload:t})},[u,eb.SPECIALTIES,B]),(0,n.useEffect)(()=>{eg()},[]),(0,n.useEffect)(()=>{em(Y)},[Y]),(0,n.useEffect)(()=>{ei&&($?$(ei):window.location.href=`${h}${ei}`)},[ei]),(0,n.useEffect)(()=>{eh(ee.searchKeywords,ee,Y,M,!0)},[Y]),(0,n.useEffect)(()=>{if(ef&&e){let e=setTimeout(()=>{var e;null===(e=W.current)||void 0===e||e.focus()},150);return()=>clearTimeout(e)}},[ef,e]);let ek={type:Y,isMobile:e,state:ee,dispatch:et,debouncedFetchSearchResults:ew,initalSearchValue:s,onEnterSearch:eC,typeInformation:ev,trackingAttributes:m,isLoading:ed,hideSpecialtySelection:E||L,clientSlug:M,triggerSearchWhenChangeFilter:P,onChangeSpecialty:e=>P&&eC({specialtyId:e.id})};return n.createElement(n.Fragment,null,n.createElement(A,{ref:V},n.createElement(TabSearch,{currentTab:Y,setCurrentTab:Q,isMobile:e,hideTabBookingSearch:v,hideSpecialtyTab:L}),n.createElement(q,{className:"booking-search-container"},n.createElement(_,null,n.createElement(H,{className:"booking-search-content"},n.createElement("div",{ref:G},n.createElement(f.k,{gap:"12px",align:"center",className:"flex-search-input"},n.createElement(ea,Object.assign({},ek,{ref:U,onFocusInput:()=>e&&ex()})),"specialty"!==Y&&n.createElement(SearchLocation,{state:ee,isMobile:e,dispatch:et,debouncedFetchCitiesByKeyword:eE,selectedLocation:en,onLocationClick:eS,trackingAttributes:b}),!e&&n.createElement(z.B,{size:"lg",variant:"primary",onClick:()=>eC(),styles:{root:{height:"48px",minWidth:"120px",borderRadius:"12px"}}},B("booking.searchBar.searchButton"))),!j&&"specialty"!==Y&&ee.popularKeys.length>0&&n.createElement(SearchTag,{type:Y,state:ee,typeInformation:ev,dispatch:et}),"specialty"===Y&&"search"===el&&n.createElement(SearchResultSpecialties,{state:ee,isMobile:e,dispatch:et,specialties:(null==es?void 0:es.specialty)||[],isLoading:ed})))))),e&&n.createElement(ModalSearchResult,{keepMounted:!0,opened:ef,onClose:ey,closeModal:ey,searchInputEle:n.createElement(f.k,{align:"center",gap:8},n.createElement(ea,Object.assign({},ek,{onlyShowSearchBox:!0,ref:W})),n.createElement(z.B,{variant:"primary",leftIcon:n.createElement(c.Z,{size:20,color:"#fff"}),onClick:()=>eC(),styles:{root:{borderRadius:"12px"}}}))},n.createElement(p.x,{sx:{marginLeft:-16,marginRight:-16}},n.createElement(SearchResultContent,{type:Y,state:ee,dispatch:et,isLoading:ed,typeInformation:ev,clientSlug:M}))))},eb=j.Z.div` background-color: var(--neutral50); padding: 12px 0; box-shadow: inset 0px 1px 0px #e4e8ec; > * { display: grid; grid-template-columns: 32px 1fr; align-content: center; p { font-weight: 600; } } .icon-wrapper { display: flex; align-items: center; } `,TextDivider=({children:e,icon:t,className:a,style:i})=>n.createElement(eb,{style:i,className:a},n.createElement($.C,null,n.createElement("div",{className:"icon-wrapper"},t),n.createElement(F.T,{size:"c1",color:"var(--neutral800)"},e)))},Tw4D:function(e,t,a){a.d(t,{O:function(){return OvulationForm}});var i,l,o=a("NqJj"),r=a("q1tI"),n=a("/npG"),c=a("mYVa"),s=a("iuhU"),d=a("8vDj"),p=a("cChf"),u=a("ZFu2"),h=a("WWvr"),g=a("VQam"),m=a("ERXl"),b=a("UXNE"),f=a("Iewh"),y=a("5JCz"),x=a("YUGk"),v=a("fkrl");let AvoidPregnancy=e=>{var{isMarryBaby:t,size:a=24}=e,i=(0,o._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},i);return t?r.createElement("svg",Object.assign({viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("path",{d:"M16.5 27.133c1.298 0 2.596-.149 3.868-.447a9.15 9.15 0 0 0 6.818-6.818 16.94 16.94 0 0 0 0-7.736 9.15 9.15 0 0 0-6.818-6.818 16.94 16.94 0 0 0-7.736 0 9.15 9.15 0 0 0-6.818 6.818A17 17 0 0 0 5.367 16a.867.867 0 0 1-1.734 0c0-1.43.165-2.862.494-4.264a10.88 10.88 0 0 1 8.109-8.11 18.7 18.7 0 0 1 8.528 0 10.88 10.88 0 0 1 8.11 8.11 18.7 18.7 0 0 1 0 8.528 10.88 10.88 0 0 1-8.11 8.11 18.7 18.7 0 0 1-4.264.493.867.867 0 0 1 0-1.734",fill:"#3E3F58"}),r.createElement("path",{d:"M12.5 16a4 4 0 1 1 8 0 4 4 0 0 1-8 0",fill:"#fff"}),r.createElement("path",{d:"M11.633 16a4.867 4.867 0 1 1 9.734 0 4.867 4.867 0 0 1-9.734 0m4.867-3.133a3.133 3.133 0 1 0 0 6.266 3.133 3.133 0 0 0 0-6.266m-4 9.8a2.667 2.667 0 1 1-5.333 0 2.667 2.667 0 0 1 5.333 0",fill:"#3E3F58"}),r.createElement("path",{d:"M10.305 22.195c.26.26.26.683 0 .943l-1.91 1.91c-.36.36-.562.847-.562 1.355a3.25 3.25 0 0 1-1.796 2.907l-1.239.62a.667.667 0 1 1-.596-1.193l1.238-.62a1.92 1.92 0 0 0 1.06-1.714c0-.862.342-1.688.952-2.298l1.91-1.91c.26-.26.682-.26.943 0",fill:"#3E3F58"}),r.createElement("path",{d:"M3.874 4.788a1 1 0 0 1 1.414-1.414l23.099 23.098a1 1 0 1 1-1.415 1.415z",fill:"#E85388"})):r.createElement("svg",Object.assign({viewBox:"0 0 19 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("g",{clipPath:"url(#clip0_1530_7251)"},r.createElement("path",{d:"M8.983 10.87a.23.23 0 0 1 .049-.16c.08-.114.156-.229.207-.36.1-.166.168-.348.233-.528.246-.668.397-1.36.508-2.062.036-.235.076-.471.09-.71.065-.511.101-1.024.095-1.541.004-.015.011-.03.011-.044a13 13 0 0 0-.089-1.62c-.023-.196-.093-.335-.298-.406-.293-.1-.48-.316-.568-.615a2.7 2.7 0 0 0-.217-.566c-.123-.222-.29-.391-.54-.47-.057-.018-.088-.016-.106.052q-.045.165-.073.336c-.005.044 0 .058.048.058q.122.005.244.017c.127.009.21.09.202.196-.011.111-.108.179-.239.166-.065-.007-.133-.009-.198-.016-.058-.008-.077.016-.067.072q.027.165.052.332c.006.043.031.053.07.053.078 0 .147-.03.218-.057.104-.042.2-.004.242.093.04.09.004.187-.093.235-.13.063-.27.113-.411.085a.23.23 0 0 0-.235.077c-.04-.084-.106-.146-.167-.211-.46-.475-.55-1.194-.235-1.82.18-.359.45-.627.828-.776A.4.4 0 0 0 8.69.595c.33-.317.734-.477 1.172-.55.641-.11 1.25-.024 1.819.3.41.233.728.566.942.983.131.253.188.535.246.814.16.762.233 1.538.293 2.313q.108 1.411.213 2.826c.055.712.13 1.422.24 2.128.066.428.175.846.26 1.27.097.479.039.941-.24 1.358a1.2 1.2 0 0 1-.517.428c-.163.05-.327.105-.491.155-.178.052-.302-.059-.268-.239a4.6 4.6 0 0 0 .077-.72 13.6 13.6 0 0 0-.133-2.225c-.03-.196-.055-.395-.087-.591-.07-.43-.151-.857-.257-1.28l-.015-.07a16 16 0 0 0-.282-1.03c-.012-.039-.025-.079-.076-.075-.038.003-.053.034-.058.07l-.146 1.105c-.05.219-.094.437-.158.652a5.5 5.5 0 0 1-.806 1.654l-.091.113c-.308.382-.654.719-1.094.95-.122.06-.177.048-.252-.063",fill:"#1B3250"}),r.createElement("path",{d:"M12.304 9.435c.1.737.154 1.477.133 2.224a4.6 4.6 0 0 1-.077.72c-.034.182.09.293.268.239q.246-.075.491-.155c.053.226.126.448.17.675q.09.452.129.912c.025.302.043.603.032.905q-.015.483-.065.964a14 14 0 0 1-.299 1.707c-.02.086-.045.17-.065.255-.02.09-.068.12-.16.12L8.789 18H7.781c-.111 0-.117-.011-.13-.124a3 3 0 0 0-.361-1.121c-.132-.235-.297-.448-.415-.692a3.14 3.14 0 0 1-.324-1.521c.233.07.418.001.571-.184q.236-.281.477-.559c.07-.08.136-.164.244-.193.315-.087.631-.166.94-.262.665-.207 1.324-.43 1.917-.804.251-.159.475-.344.595-.63.237-.564.415-1.147.592-1.733.085-.28.184-.55.417-.742",fill:"#2D87F3"}),r.createElement("path",{d:"M12.304 9.435c-.233.194-.33.462-.413.74-.177.585-.355 1.169-.592 1.733-.12.286-.344.471-.595.63-.593.375-1.254.597-1.916.804-.312.097-.628.177-.941.262-.11.031-.177.113-.244.193q-.24.277-.477.559c-.153.184-.34.253-.571.184a.87.87 0 0 1-.44-.54.64.64 0 0 1 .045-.503 1 1 0 0 0 .094-.31.47.47 0 0 1 .392-.405c.132-.03.269-.039.404-.053a.4.4 0 0 0 .114-.024c.115-.009.21-.069.31-.12.322-.167.646-.328.966-.497q.586-.308 1.192-.571a.78.78 0 0 0 .473-.524q.09-.305.177-.608c.047-.171.113-.337.14-.514a5.5 5.5 0 0 0 .806-1.654c.064-.215.108-.433.159-.652a.63.63 0 0 1 .342-.054c.08.013.156.036.237.054.105.423.187.85.256 1.28q.039.292.082.59m-4.19-5.947a.23.23 0 0 1 .235-.076c.142.025.282-.022.411-.086.097-.047.133-.143.093-.234-.042-.095-.138-.133-.242-.093-.071.027-.14.056-.218.056-.039 0-.062-.009-.07-.053q-.024-.165-.052-.33-.017-.082.067-.074c.066.008.133.01.198.017.131.013.228-.053.239-.166.01-.105-.073-.187-.202-.196-.082-.006-.162-.015-.244-.017-.046 0-.053-.014-.047-.058.016-.115.043-.224.072-.337.017-.067.05-.069.106-.05.25.078.417.247.54.469.1.178.16.371.217.566.087.298.273.515.568.615.206.07.275.21.298.406.066.539.091 1.08.09 1.62 0 .014-.008.029-.011.043-.272-.016-.525.075-.783.133a1.4 1.4 0 0 1-.513.031.5.5 0 0 1-.433-.36 2.3 2.3 0 0 1-.091-.46c.154-.024.309-.048.451-.124.1-.055.135-.148.09-.242a.18.18 0 0 0-.24-.084 1 1 0 0 1-.376.087 1.3 1.3 0 0 0-.326-.482c-.096-.093-.096-.215-.013-.319.06-.07.126-.134.186-.202",fill:"#FCCAAF"}),r.createElement("path",{d:"M10.069 7.052c-.013.239-.053.473-.09.71-.11.7-.261 1.394-.507 2.062-.066.18-.135.362-.233.528a.46.46 0 0 0-.235-.4c-.328-.21-.544-.508-.599-.898a.86.86 0 0 1 .242-.742c.237-.244.504-.459.761-.683.188-.162.37-.327.555-.493.033-.031.064-.064.106-.084m.349 2.818c-.025.176-.093.341-.14.513-.057.204-.119.404-.177.608a.78.78 0 0 1-.473.524q-.607.261-1.192.571c-.32.17-.646.33-.966.497-.099.051-.195.111-.31.12.066-.15.177-.266.277-.387.273-.334.615-.596.932-.881q.306-.28.611-.565c.077.11.13.124.251.06.439-.229.787-.567 1.094-.95z",fill:"#2D87F3"}),r.createElement("path",{d:"M8.271 4.49a1 1 0 0 0 .377-.088.183.183 0 0 1 .239.084c.047.095.01.187-.09.242-.14.076-.296.1-.45.124z",fill:"#FF6F4D"}),r.createElement("path",{d:"M11.96 7.563c-.079-.018-.157-.041-.237-.054a.65.65 0 0 0-.342.054l.146-1.104c.005-.037.02-.068.058-.071.05-.006.063.034.076.074q.159.511.282 1.03.01.036.017.071",fill:"#2D87F3"}),r.createElement("path",{d:"M9.834 1.004a7.996 7.996 0 1 0 0 15.992 7.996 7.996 0 0 0 0-15.992M9.465 2.26c1.606-.09 3.191.4 4.467 1.378a.282.282 0 0 1 .03.424l-9.066 9.066a.283.283 0 0 1-.424-.03A6.749 6.749 0 0 1 9.465 2.26m.369 13.49a6.72 6.72 0 0 1-4.016-1.325.284.284 0 0 1-.032-.426l9.046-9.047a.283.283 0 0 1 .427.032A6.75 6.75 0 0 1 9.834 15.75",fill:"#F44D2C"}),r.createElement("path",{d:"M10.159 5.509c.005.517 2.997-1.054 2.997-1.054s-.133-1.55-.293-2.313c-.058-.279-.114-.56-.245-.814a2.35 2.35 0 0 0-.943-.983c-.568-.324-1.178-.41-1.818-.3-.44.073-.843.233-1.173.55a.4.4 0 0 1-.147.085c-.379.15-.648.417-.828.776-.315.626-.224 1.345.235 1.82.062.065.127.127.167.21a.23.23 0 0 1 .235-.076c.142.028.282-.022.411-.085.097-.048.133-.144.093-.235-.042-.097-.138-.135-.242-.093-.071.027-.14.057-.218.057-.039 0-.064-.01-.07-.053q-.024-.165-.052-.332c-.01-.056.009-.08.067-.072.066.007.133.009.198.016.131.013.228-.055.239-.166.009-.105-.075-.187-.202-.196h-.007q-.118-.013-.237-.017c-.047 0-.053-.014-.047-.058.016-.114.043-.225.072-.336.019-.068.05-.07.106-.051.25.078.417.247.54.47.099.178.16.37.217.565.087.299.275.515.568.615.206.071.275.21.298.406.066.539.091 1.078.09 1.62z",fill:"#1B3250"}),r.createElement("path",{d:"M8.107 3.488a.23.23 0 0 1 .235-.076c.142.025.282-.022.411-.086.097-.047.133-.143.093-.234-.042-.095-.138-.133-.242-.093-.07.027-.14.056-.218.056-.038 0-.062-.009-.07-.053q-.024-.165-.052-.33-.017-.082.067-.074c.066.008.133.01.199.017.13.013.227-.053.238-.166.01-.105-.073-.187-.202-.196-.082-.006-.162-.015-.244-.017-.045 0-.053-.014-.047-.058.016-.115.043-.224.073-.337.016-.067.049-.069.105-.05.25.078.417.247.54.469.1.178.16.371.217.566.088.298.273.515.568.615.206.07.275.21.298.406.066.539.091 1.08.09 1.62 0 .014-.008.029-.011.043-.271-.016-.524.075-.783.133a1.4 1.4 0 0 1-.513.031.5.5 0 0 1-.433-.36 2.3 2.3 0 0 1-.091-.46c.154-.024.31-.048.451-.124.1-.055.135-.148.09-.242a.18.18 0 0 0-.24-.084 1 1 0 0 1-.376.087 1.3 1.3 0 0 0-.326-.482c-.096-.093-.096-.215-.012-.319.06-.07.125-.134.185-.202",fill:"#FCCAAF"}),r.createElement("path",{d:"M8.265 4.49a1 1 0 0 0 .376-.088.183.183 0 0 1 .239.084c.047.095.01.187-.09.242-.14.076-.296.1-.45.124z",fill:"#FF6F4D"})),r.createElement("defs",null,r.createElement("clipPath",{id:"clip0_1530_7251"},r.createElement("path",{fill:"#fff",d:"M.834 0h18v18h-18z"}))))},TryConceive=e=>{var{isMarryBaby:t,size:a=24}=e,i=(0,o._)(e,["isMarryBaby","size"]);let l=Object.assign({width:a,height:a},i);return t?r.createElement("svg",Object.assign({viewBox:"0 0 33 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("path",{d:"M14.018 9.155c-1.422 1.066-1.777 1.777-1.067 2.843.57.853 2.133 2.488 3.2 3.554-.712 2.133-6.753 1.422-6.753 1.422l-.711 1.421-1.067 3.199c-1.066 0-3.198.142-3.198.71 0 .712 2.843 2.844 3.554 2.844.569 0 1.658-2.132 2.132-3.199 1.54 1.777 5.474 4.905 8.885 3.199 4.265-2.132 6.398-5.331 5.687-7.819-.274-.959-.284-1.495-.132-1.813a4.62 4.62 0 0 0 3.438-2.3c.715-1.108.78-2.417.397-3.652-.41-1.663-1.15-2.955-2.637-3.252-3.423-.685-6.397 1.016-6.397 4.62a4.6 4.6 0 0 0 .971 2.834c-1.184.316-2.414-.236-6.302-4.611",fill:"#fff"}),r.createElement("path",{d:"M29.3 10.825A5.235 5.235 0 0 0 24.077 5.6c-2.876 0-5.245 2.348-5.245 5.224 0 .36.275.634.634.634.36 0 .635-.275.635-.634 0-2.179 1.776-3.955 3.976-3.955s3.954 1.776 3.954 3.955a3.947 3.947 0 0 1-3.531 3.933.8.8 0 0 0-.381-.021c-.042.021-.085.021-.106.042a.64.64 0 0 0-.57.635c0 .254.147.465.359.57.105.487.148.995.148 1.502a7.175 7.175 0 0 1-7.17 7.17 7.22 7.22 0 0 1-5.773-2.898l-.02-.021c.507-.317 1.902-.17 2.41-.106a.637.637 0 0 0 .698-.57.637.637 0 0 0-.571-.699c-1.184-.148-3.384-.38-3.891 1.164-.064.19-.127.401-.19.592-.318.994-.74 2.347-1.27 2.58-.634.063-2.918-1.587-3.172-2.284.212-.275 1.248-.444 2.623 0 .169.063.36.042.507-.064s.275-.232.296-.423c.571-2.707.74-3.278.74-3.299v-.021c.212-.888.867-.973 2.538-.93 1.523.042 3.384.084 4.674-1.46a7.8 7.8 0 0 0 3.235.994h.043a.643.643 0 0 0 .634-.592c.021-.36-.232-.655-.57-.677-4.4-.36-6.028-4.652-6.091-4.842 0 0 0-.022-.022-.022-.274-.634-.063-1.036.19-1.163.17-.105.445-.105.614.17 1.248 2.008 2.432 3.32 3.574 4.018.021 0 .042.02.042.02.677.34 2.052.762 3.596-.295.296-.19.359-.592.169-.889-.19-.296-.592-.36-.889-.169-.951.635-1.776.487-2.305.233-.93-.571-1.988-1.777-3.108-3.574-.508-.783-1.48-1.036-2.284-.613-.762.401-1.312 1.438-.762 2.77.085.254.93 2.368 2.898 3.934a2.7 2.7 0 0 1-.614.486c-.02 0-.02 0-.042-.021-8.205-2.517-8.86-8.586-8.924-9.77a.61.61 0 0 0-.656-.614.63.63 0 0 0-.592.656c.042 1.226.655 7.084 7.74 10.172h-.508c-1.48-.042-3.34-.085-3.806 1.882-.021.106-.17.677-.613 2.707-1.587-.36-3.194-.127-3.574 1.036-.19.55.126 1.206.972 2.01.571.549 2.263 1.902 3.447 1.902.149 0 .297-.02.423-.063.952-.36 1.438-1.544 1.861-2.813a8.48 8.48 0 0 0 6.324 2.855c4.652 0 8.438-3.785 8.438-8.438 0-.507-.043-1.015-.148-1.522a5.264 5.264 0 0 0 4.23-5.16",fill:"#3E3F58"}),r.createElement("rect",{x:"23.005",y:"8.444",width:"1.942",height:"1.422",rx:".711",transform:"rotate(34.869 23.005 8.444)",fill:"#FB8C00"})):r.createElement("svg",Object.assign({viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},l),r.createElement("path",{d:"M13.996 8.62v3.221c1.054.035 1.682-.705 1.845-1.467.209-.977-.444-2.041-1.845-1.754",fill:"#FEAA96"}),r.createElement("path",{d:"M14.055 10.67a.21.21 0 0 1-.2-.277c.166-.508.594-.69.92-.644a.21.21 0 1 1-.059.418c-.163-.023-.37.079-.461.358a.21.21 0 0 1-.2.145",fill:"#FF886C"}),r.createElement("path",{d:"M2.16 10.374c.162.762.79 1.502 1.844 1.467V8.62c-1.4-.287-2.054.777-1.845 1.754",fill:"#FEAA96"}),r.createElement("path",{d:"M3.98 10.67a.21.21 0 0 1-.2-.145c-.093-.28-.299-.381-.462-.358a.21.21 0 0 1-.21-.102.21.21 0 0 1 .152-.316c.326-.046.753.136.92.644a.21.21 0 0 1-.2.277",fill:"#FF886C"}),r.createElement("path",{d:"M9 15.831c1.325 0 3.365-.561 4.534-2.292 1.057-1.563.436-4.144.462-5.169.053-2.079-1.447-4.78-4.996-4.78s-5.05 2.7-4.996 4.78c.026 1.025-.595 3.606.461 5.169 1.17 1.73 3.21 2.292 4.535 2.292",fill:"#FECCBF"}),r.createElement("path",{d:"M6.881 10.535a.56.56 0 1 0 0-1.121.56.56 0 0 0 0 1.121",fill:"#A35961"}),r.createElement("path",{d:"M7.114 9.777a.21.21 0 0 1-.188-.116c-.049-.097-.205-.122-.27-.129-.225-.022-.44.056-.477.104a.211.211 0 1 1-.347-.241c.149-.215.53-.306.831-.285.306.021.533.15.64.362a.21.21 0 0 1-.189.305",fill:"#8C2F39"}),r.createElement("path",{d:"M11.119 10.535a.56.56 0 1 0 0-1.121.56.56 0 0 0 0 1.121",fill:"#A35961"}),r.createElement("path",{d:"M9 13.329c.777 0 .994-.61 1.046-.92.031-.185-.132-.35-.34-.35H8.293c-.208 0-.371.165-.34.35.052.31.27.92 1.047.92",fill:"#D84023"}),r.createElement("path",{d:"M10.763 7.94a.2.2 0 0 1-.107-.03.33.33 0 0 0-.18-.029.21.21 0 1 1-.07-.416.74.74 0 0 1 .464.081.211.211 0 0 1-.107.393m-3.526 0a.21.21 0 0 1-.107-.393.74.74 0 0 1 .463-.08.211.211 0 1 1-.07.415.3.3 0 0 0-.18.029.2.2 0 0 1-.106.029",fill:"#FEAA96"}),r.createElement("path",{d:"M10.887 9.777a.21.21 0 0 1-.189-.305c.107-.212.334-.34.64-.362.3-.021.682.07.83.285a.211.211 0 0 1-.346.24c-.038-.048-.252-.125-.477-.103-.065.007-.221.032-.27.129a.21.21 0 0 1-.188.116",fill:"#8C2F39"}),r.createElement("path",{d:"M9.284 11.02a.21.21 0 0 1-.22-.15.07.07 0 0 0-.063-.05H9a.07.07 0 0 0-.064.05.21.21 0 0 1-.22.15.22.22 0 0 1-.192-.244c.018-.221.213-.379.476-.379.264 0 .458.158.476.38a.22.22 0 0 1-.192.244",fill:"#FEAA96"}),r.createElement("path",{d:"M9.55 12.06h-1.1l-.003.054a.552.552 0 1 0 1.102-.055m2.041-.774-.29.53a.1.1 0 0 1-.041.04l-.53.29a.1.1 0 0 0-.053.09.1.1 0 0 0 .053.09l.53.29q.026.015.04.04l.29.53a.103.103 0 0 0 .18 0l.29-.53a.1.1 0 0 1 .041-.04l.53-.29a.103.103 0 0 0 0-.18l-.53-.29a.1.1 0 0 1-.04-.04l-.29-.53a.1.1 0 0 0-.143-.039.1.1 0 0 0-.038.04",fill:"#fff"}),r.createElement("path",{d:"M11.055 2.193c-.147-.422-.524-.698-1.01-.738a.9.9 0 0 0-.535.154c-.206.155-.37.358-.478.592a.036.036 0 0 1-.066 0 1.55 1.55 0 0 0-.475-.592.9.9 0 0 0-.537-.154c-.485.04-.862.316-1.008.739a1.03 1.03 0 0 0 .259 1.09c.479.447 1.156.518 1.543.518h.502c.387 0 1.066-.07 1.545-.517a1.03 1.03 0 0 0 .26-1.092M8.79 3.243a.13.13 0 0 1-.134.135c-.316-.012-.821-.084-1.163-.402a.61.61 0 0 1-.148-.644.66.66 0 0 1 .438-.417c.242-.078.404-.006.456.033.446.33.539.932.551 1.295m1.718-.267c-.342.319-.847.39-1.163.402a.13.13 0 0 1-.135-.135c.013-.362.105-.964.551-1.295a.47.47 0 0 1 .25-.073c.318.027.554.193.645.457a.61.61 0 0 1-.149.644",fill:"#2D87F3"}),r.createElement("path",{d:"M8.998 3.338a.21.21 0 0 1 .122.383l-.04.028c-.16.118-.957.76-.991 1.758-.027.78.403 1.132.814 1.202.367.062.831-.096.985-.59a.415.415 0 0 0-.211-.52c-.136-.069-.32-.076-.425.064a.211.211 0 0 1-.337-.253c.215-.287.607-.363.954-.186a.836.836 0 0 1 .422 1.02 1.28 1.28 0 0 1-1.458.88c-.56-.095-1.202-.58-1.166-1.631.046-1.334 1.17-2.093 1.222-2.125a.2.2 0 0 1 .109-.03",fill:"#BA8288"}))},E=(0,r.createContext)({});var w=(0,n.k)(e=>({inputRightSection:{fontSize:(0,c.h)(13),lineHeight:(0,c.h)(24),color:e.colors.gray[4],justifyContent:"flex-end",paddingRight:8}}));let DefaultLayout=e=>{var t=(0,o._)(e,[]);let{t:a}=(0,f.u)(),{currentUrl:i,submitProps:l,form:n,calculatingMethods:c,isMobile:d}=(0,r.useContext)(E),{classes:p={}}=(0,r.useContext)(y.C),{classes:u}=w(void 0,{name:"OvulationTool__DefaultLayout"});return r.createElement(x.H,Object.assign({formLayout:"default"},t),r.createElement(x.H.FormRow,null,r.createElement(x.H.Control,null,r.createElement(x.H.ChipGroup,Object.assign({data:c,label:a("dueDatePage.calculationMethod"),isMobile:d},n.getInputProps("calculatorType"))))),r.createElement(x.H.FormRow,null,r.createElement(m.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},label:r.createElement(b.T,{size:"p2",weight:"semiBold"},` (${a("dueDatePage.lastPeriod.lastPeriodLabel")})`),maxDate:new Date},n.getInputProps("lastPeriodDate")))),r.createElement(x.H.FormRow,null,r.createElement(g.I.Number,Object.assign({label:r.createElement(b.T,{size:"p2",weight:"semiBold"},a("ovulationPage.cycleLength")),rightSection:a("ovulationPage.dayUnit"),min:21,max:45,defaultValue:1},n.getInputProps("cycleLength"),{classNames:{rightSection:u.inputRightSection}}))),r.createElement(x.H.FormRow,null,r.createElement(g.I.Number,Object.assign({label:r.createElement(b.T,{size:"p2",weight:"semiBold"},a("ovulationPage.periodDuration")),rightSection:a("ovulationPage.dayUnit"),min:1,max:15,defaultValue:1},n.getInputProps("periodLength"),{classNames:{rightSection:u.inputRightSection}}))),r.createElement(x.H.FormRow,{className:p.submitWrapper},r.createElement(x.H.Submit,Object.assign({type:"submit",className:(0,s.default)("due-date-calculate-button",p.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:i},l),a("dueDatePage.lastPeriod.calculate"))))},InlineLayout=e=>{var t=(0,o._)(e,[]);let{t:a}=(0,f.u)(),{currentUrl:i,submitProps:l,form:n,calculatingMethods:c}=(0,r.useContext)(E),{classes:d={}}=(0,r.useContext)(y.C);return r.createElement(x.H,Object.assign({formLayout:"inline"},t),r.createElement(x.H.FormRow,null,r.createElement(x.H.BorderInlineControl,{label:a("dueDatePage.calculationMethod"),direction:"column",width:"100%"},r.createElement(x.H.ChipGroup,Object.assign({data:c},n.getInputProps("calculatorType"))))),r.createElement(x.H.FormRow,null,r.createElement(x.H.BorderInlineControl,{label:a("dueDatePage.lastPeriod.lastPeriodLabel")},r.createElement(m.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date},n.getInputProps("lastPeriodDate"))))),r.createElement(x.H.FormRow,null,r.createElement(x.H.BorderInlineControl,{label:a("ovulationPage.cycleLength")+" "+a("ovulationPage.dayUnit")},r.createElement(g.I.Number,Object.assign({min:21,max:45,defaultValue:1},n.getInputProps("cycleLength"),{error:null}))),n.errors.cycleLength&&r.createElement(x.H.Error,null,n.errors.cycleLength)),r.createElement(x.H.FormRow,null,r.createElement(x.H.BorderInlineControl,{label:a("ovulationPage.periodDuration")+" "+a("ovulationPage.dayUnit")},r.createElement(g.I.Number,Object.assign({min:1,max:15,defaultValue:1},n.getInputProps("periodLength"),{error:null}))),n.errors.periodLength&&r.createElement(x.H.Error,null,n.errors.periodLength)),r.createElement(x.H.FormRow,{className:d.submitWrapper},r.createElement(x.H.Submit,Object.assign({type:"submit",className:(0,s.default)("due-date-calculate-button",d.submitBtn),dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:i},l),a("dueDatePage.lastPeriod.calculate"))))},MbLayout=e=>{var t=(0,o._)(e,[]);let{t:a}=(0,f.u)(),{currentUrl:i,submitProps:l,form:n,calculatingMethods:c}=(0,r.useContext)(E);return r.createElement(x.H,Object.assign({formLayout:"inline"},t),r.createElement(x.H.Control,null,r.createElement(g.I.Wrapper,{label:r.createElement(b.T,{size:"p4",sx:{fontWeight:"normal"}},a("dueDatePage.calculationMethod"))},r.createElement(x.H.ChipGroup,Object.assign({data:c},n.getInputProps("calculatorType"))))),r.createElement(x.H.BorderBoxControl,{label:a("dueDatePage.lastPeriod.lastPeriodLabel"),rightSection:r.createElement(v.Z,null)},r.createElement(m.D,Object.assign({placeholder:"DD/MM/YYYY",popoverProps:{withinPortal:!0},maxDate:new Date,rightSection:null},n.getInputProps("lastPeriodDate")))),r.createElement(x.H.BorderBoxControl,{label:a("ovulationPage.cycleLength"),rightSection:a("ovulationPage.dayUnit")},r.createElement(g.I.Number,Object.assign({min:21,max:45,defaultValue:1},n.getInputProps("cycleLength")))),n.errors.cycleLength&&r.createElement(x.H.Error,null,n.errors.cycleLength),r.createElement(x.H.BorderBoxControl,{label:a("ovulationPage.periodDuration"),rightSection:a("ovulationPage.dayUnit")},r.createElement(g.I.Number,Object.assign({min:1,max:15,defaultValue:1},n.getInputProps("periodLength")))),n.errors.periodLength&&r.createElement(x.H.Error,null,n.errors.periodLength),r.createElement(x.H.Submit,Object.assign({type:"submit",className:"due-date-calculate-button",dataEventCategory:"Health Tool",dataEventAction:"Ovulation",dataEventLabel:i},l),a("dueDatePage.lastPeriod.calculate")))};(i=l||(l={}))[i.trackPeriod=0]="trackPeriod",i[i.conceive=1]="conceive",i[i.avoidPregnancy=2]="avoidPregnancy";let OvulationForm=e=>{var{formLayout:t="default",submitProps:a,currentUrl:i,isMobile:n,onSubmit:c}=e,s=(0,o._)(e,["formLayout","submitProps","currentUrl","isMobile","onSubmit"]);let g=(0,d.rZ)(),{t:m}=(0,f.u)(),b="mb"===g.other.template,y=(0,p.c)({initialValues:{calculatorType:String(l.trackPeriod),periodLength:7,cycleLength:28,lastPeriodDate:new Date},validate:{periodLength:(0,u.U)(m("validation.error.requiredField")),cycleLength:(0,u.U)(m("validation.error.requiredField"))}}),x=Object.assign({onSubmit:y.onSubmit(c)},s),v=[{label:m("ovulationPage.trackPeriod"),value:l.trackPeriod,icon:r.createElement(h.L,null)},{label:m("ovulationPage.conceive"),value:l.conceive,icon:r.createElement(TryConceive,null)},{label:m("ovulationPage.avoidPregnancy"),value:l.avoidPregnancy,icon:r.createElement(AvoidPregnancy,null)}];return r.createElement(E.Provider,{value:{submitProps:a,currentUrl:i,form:y,isMobile:n,calculatingMethods:v}},"inline"===t?r.createElement(InlineLayout,Object.assign({},x)):b?r.createElement(MbLayout,Object.assign({formLayout:t},x)):r.createElement(DefaultLayout,Object.assign({},x)))}},CL7P:function(e,t,a){a.d(t,{T:function(){return TextArea}});var i=a("NqJj"),l=a("q1tI"),o=a("0qvZ"),r=a("VQam"),n=a("riMe");let TextArea=e=>{var{styles:t}=e,a=(0,i._)(e,["styles"]);let c=(0,n.u)(),{classes:s}=(0,r.u)({variantStyle:c},{name:"MantineTextarea",styles:t});return l.createElement(o.g,Object.assign({classNames:{input:s.input},minRows:2,maxRows:4},a))}},QPkT:function(e,t,a){a.d(t,{A:function(){return ArrowRightBlue},C:function(){return Clinic},D:function(){return DoctorExpertiseItem},I:function(){return InsuranceList},P:function(){return PaymentList},a:function(){return DoctorInfoExpertise}});var i=a("q1tI"),l=a("rBCA"),o=a("iBNF"),r=a("zEo5"),n=a("xXM3"),c=a.n(n),s=a("yoIj"),d=a("UXNE");let ArrowRightBlue=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 6 10",fill:"none"},e),i.createElement("path",{d:"M1 9L5 5L1 1",stroke:"#2D87F3",strokeWidth:1.75,strokeLinecap:"round",strokeLinejoin:"round"})),Clinic=e=>i.createElement("svg",Object.assign({width:"1em",height:"1em",viewBox:"0 0 20 20",fill:"none"},e),i.createElement("path",{d:"M4.89646 16.9996H2.96549C2.43225 16.9996 2 16.5674 2 16.0341V12.6549C2 12.1217 2.43225 11.6895 2.96549 11.6895H4.89646",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M15.0342 11.6895H16.9652C17.4984 11.6895 17.9306 12.1217 17.9306 12.6549V16.0341C17.9306 16.5674 17.4984 16.9996 16.9652 16.9996H15.0342",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M5.86197 3H14.0686C14.6015 3 15.0341 3.43263 15.0341 3.96549V16.9995H4.89648V3.96549C4.89648 3.43263 5.32912 3 5.86197 3Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M11.172 13.6206H8.7583V16.9998H11.172V13.6206Z",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M9.96533 9.99996V5.65527",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"}),i.createElement("path",{d:"M12.1377 7.82764H7.79297",stroke:"currentColor",strokeWidth:1.2,strokeLinecap:"round",strokeLinejoin:"round"})),p=l.Z.ul` display: grid; grid-gap: 16px; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); list-style: none; `,u=l.Z.li` p { margin-top: 8px; text-align: center; } .insuranceLogo { display: grid; height: 58px; border: 1px solid ${o.r.colors.neutral200}; border-radius: 6px; place-content: center; > img { width: 93px; height: 43px; object-fit: contain; } } `,InsuranceList=({insurances:e,className:t,isName:a=!0})=>e.length?i.createElement(p,{id:"insurance-list",className:t},e.map(e=>i.createElement(u,{className:"insuranceItem",key:e.id},i.createElement("div",{className:"insuranceLogo"},i.createElement("img",{src:e.logo,alt:e.name||"insurance-logo"})),a&&i.createElement(r.T,{size:"base",color:o.r.colors.gray500,type:"bold"},e.name)))):null,h=l.Z.div` display: flex; flex-wrap: wrap; gap: 7px; &.paymentList { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); justify-content: center; } `,g=l.Z.div` border: 1px solid ${o.r.colors.neutral100}; border-radius: 12px; width: 80px; min-height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; &.payment-item-mobile { width: 100%; } .logo { position: relative; width: 55px; aspect-ratio: 55 / 32; object-fit: contain; } .txt-caption-1 { font-size: 0.6875rem; line-height: 1rem; color: ${o.r.colors.gray800}; } `,PaymentList=({payments:e,className:t,isName:a=!0,isMobile:l=!1})=>e.length?i.createElement(h,{id:"payment-container",className:c()(t,{paymentList:l&&e.length>=4})},e.map(t=>i.createElement(g,{className:c()("payment-item",{"payment-item-mobile":l&&e.length>=4}),key:t.id},i.createElement(s.I,{className:"logo",src:t.logo,alt:t.name}),a&&i.createElement("div",{className:"txt-caption-1"},t.name)))):null,m=l.Z.div` display: flex; gap: 8px; .icon { width: 1.25rem; height: 1.25rem; color: ${o.r.colors.gray400}; flex-shrink: 0; } .doctor-info-item-content { display: flex; flex-direction: column; gap: 10px; } `;(0,l.Z)(Clinic)` width: 1.25rem; height: 1.25rem; `;let b=l.Z.div` display: flex; flex-direction: column; gap: 4px; `,DoctorExpertiseItem=e=>{let{doctorInfo:t,Icon:a,title:l}=e;return i.createElement(m,null,i.createElement(a,{className:"icon"}),i.createElement(b,null,i.createElement(d.T,{size:"p3",weight:"semiBold",color:"#111111"},l),i.createElement("div",{className:"doctor-info-item-content"},(Array.isArray(t)?t:[t]).map(e=>i.createElement(d.T,{size:"p3",weight:"regular",key:e},e)))))},f=l.Z.div` display: flex; padding: 1rem; width: 100%; justify-content: space-between; `,y=l.Z.div` display: flex; flex-direction: column; gap: 2px; `,DoctorInfoExpertise=e=>{let{name:t,specialty:a,experience:l,profileImage:o}=e;return i.createElement(f,null,i.createElement(y,null,i.createElement(d.T,{size:"title2",weight:"semiBold",color:"#111111"},t),i.createElement("div",null,a&&i.createElement(d.T,{size:"c1",weight:"regular"},a),l&&i.createElement(d.T,{size:"c1",weight:"regular"},l))),i.createElement(s.I,{src:o,alt:t,style:{width:"4.5rem",height:"4.5rem",borderRadius:"50%",objectFit:"cover",flexShrink:0}}))}}}]);