{"version":3,"file":"chunks/HomePage.chunk.ebb1af82152b523cdda7.js","mappings":"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","sources":["webpack://BeautyBecomes/./ClientApp/components/Pages/Home/DoctorSlider.tsx","webpack://BeautyBecomes/./ClientApp/components/UI/BottomAreas/BottomAreas.tsx","webpack://BeautyBecomes/./ClientApp/components/UI/ReviewCounters/ReviewCounters.tsx","webpack://BeautyBecomes/./ClientApp/components/Pages/Home/Home.tsx","webpack://BeautyBecomes/./ClientApp/components/UI/SliderWithObserver/SliderWithObserver.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport DoctorCard from '@app/components/Pages/Home/DoctorCard';\r\nimport { Doctor } from '@app/objects/Doctor';\r\nimport SliderWithObserver from '@app/components/UI/SliderWithObserver/SliderWithObserver';\r\n\r\nconst giftsSlickSettings = {\r\n\tslidesToShow: 5,\r\n\tclassName: 'home-page-gifts',\r\n\tarrows: true,\r\n\tdots: false,\r\n\tresponsive: [\r\n\t\t{\r\n\t\t\tbreakpoint: 1200,\r\n\t\t\tsettings: {\r\n\t\t\t\tslidesToShow: 4,\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tbreakpoint: 992,\r\n\t\t\tsettings: {\r\n\t\t\t\tslidesToShow: 3,\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tbreakpoint: 768,\r\n\t\t\tsettings: {\r\n\t\t\t\tslidesToShow: 2,\r\n\t\t\t},\r\n\t\t},\r\n\t\t{\r\n\t\t\tbreakpoint: 500,\r\n\t\t\tsettings: {\r\n\t\t\t\tslidesToShow: 1,\r\n\t\t\t},\r\n\t\t},\r\n\t],\r\n};\r\n\r\ninterface Props {\r\n\tdoctors: Array<Doctor>;\r\n\tclassName?: string;\r\n}\r\n\r\nconst DoctorSlider: React.FC<Props> = ({ doctors, className = 'home-page-gifts__item' }) => {\r\n\treturn <SliderWithObserver\r\n\t\tsliderProps={{ ...giftsSlickSettings, dots: true }}\r\n\t\tclassName=\"slider-arrows doctor-card-list mobile-show doctors-slider\"\r\n\t>\r\n\t\t{\r\n\t\t\tdoctors.map((item) =>\r\n\t\t\t\t<div key={item.id} className={className}>\r\n\t\t\t\t\t<DoctorCard item={item} />\r\n\t\t\t\t</div>)\r\n\t\t}\r\n\t</SliderWithObserver>;\r\n};\r\n\r\nexport default DoctorSlider;\r\n","import * as React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\n\r\nimport { Location } from '@app/objects/Location';\r\n\r\ninterface Props {\r\n\tareas: Array<Location>;\r\n\tclassName?: string;\r\n}\r\n\r\nexport const BottomAreas: React.FC<Props> = ({ areas, className }) => {\r\n\tconst { i18n, t } = useTranslation();\r\n\r\n\treturn <div className={`bottom-areas ${className}`}>\r\n\t\t<div className=\"container\">\r\n\t\t\t<h4>{t('site.Service Areas')}</h4>\r\n\t\t\t<ul className=\"bottom-areas__list\">\r\n\t\t\t\t{areas.map((item, index) => <li key={index}>\r\n\t\t\t\t\t{i18n.language === 'es' ? item.nameEs : item.nameEn}\r\n\t\t\t\t</li>)}\r\n\t\t\t</ul>\r\n\t\t</div>\r\n\t</div>;\r\n};\r\n","import * as React from 'react';\r\n\r\nimport ImageLazy from '@common/react/components/UI/ImageLazy/ImageLazy';\r\n\r\nimport { ReviewCounters } from '@app/objects/ReviewCounters';\r\n\r\nexport const ReviewCountersComponent: React.FC<{counters: ReviewCounters}> = ({ counters }) => {\r\n\treturn <div className=\"review-counters\">\r\n\t\t<div className=\"review-counters__item\">\r\n\t\t\t<ImageLazy src=\"/images/reviews/google.png\" alt=\"google\" width={119} height={49} />\r\n\t\t\t<div className=\"review-counters__item-text\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\tRating:\r\n\t\t\t\t\t{counters.averageGoogle.toFixed(1)}\r\n\t\t\t\t</span>\r\n\t\t\t\t{' '}\r\n\t\t\t\t|\r\n\t\t\t\t<span>\r\n\t\t\t\t\tReviews:\r\n\t\t\t\t\t{counters.google}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div className=\"review-counters__item\">\r\n\t\t\t<ImageLazy src=\"/images/reviews/facebook.png\" alt=\"facebook\" width={111} height={48} />\r\n\t\t\t<div className=\"review-counters__item-text\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\tRating:\r\n\t\t\t\t\t{counters.averageFacebook.toFixed(1)}\r\n\t\t\t\t</span>\r\n\t\t\t\t{' '}\r\n\t\t\t\t|\r\n\t\t\t\t<span>\r\n\t\t\t\t\tReviews:\r\n\t\t\t\t\t{counters.facebook}\r\n\t\t\t\t</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div className=\"review-counters__item\">\r\n\t\t\t<ImageLazy src=\"/images/reviews/realself.png\" alt=\"realself\" width={130} height={48} />\r\n\t\t\t<div className=\"review-counters__item-text\">\r\n\t\t\t\t<span>Rating: 4.8</span>\r\n\t\t\t\t{' '}\r\n\t\t\t\t|\r\n\t\t\t\t<span>Reviews: 122</span>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>;\r\n};\r\n","import * as React from 'react';\r\nimport { shallowEqual, useSelector } from 'react-redux';\r\nimport { Trans, useTranslation } from 'react-i18next';\r\nimport Slider from 'react-slick-adaptive-height-fixed';\r\n\r\nimport 'slick-carousel/slick/slick.css';\r\n\r\nimport { dateFormat } from '@common/typescript/Utils';\r\nimport { PageItemState } from '@common/react/store/PageItem';\r\nimport { Lang } from '@common/typescript/objects/Lang';\r\nimport ImageLazy from '@common/react/components/UI/ImageLazy/ImageLazy';\r\n\r\nimport { BottomAreas } from '@app/components/UI/BottomAreas/BottomAreas';\r\nimport { ReviewCountersComponent } from '@app/components/UI/ReviewCounters/ReviewCounters';\r\nimport { capitalizeFirstLetter } from '@app/components/Utils';\r\nimport { ApplicationState } from '@app/store';\r\nimport OfficeInfoBlockList from '@app/components/Pages/Home/OfficeInfoBlock';\r\nimport '@app/scss/pages/home.scss';\r\nimport LinkWithLang from '@app/components/UI/LinkWithLang/LinkWithLang';\r\nimport { HomePage } from '@app/objects/Pages/HomePage';\r\nimport ServerPageProvider from '@app/components/UI/SeverPageProviderWithLang/ServerpageProviderWithLang';\r\nimport DoctorCard from '@app/components/Pages/Home/DoctorCard';\r\nimport DoctorSlider from '@app/components/Pages/Home/DoctorSlider';\r\nimport ContactUsForm from '@app/components/Forms/ContactUs/ContactUsForm';\r\nimport Rate from '@app/components/UI/Rate/Rate';\r\nimport '@app/scss/components/slick-theme.scss';\r\nimport SliderWithObserver from '@app/components/UI/SliderWithObserver/SliderWithObserver';\r\nimport Reviews from '@app/components/UI/Reviews/Reviews';\r\n\r\ninterface HomeInnerProps {\r\n\thome: PageItemState<HomePage>;\r\n}\r\n\r\ninterface Service {\r\n\ttitle: string;\r\n\timage: string;\r\n\timageWebp: string;\r\n\tlink?: string;\r\n}\r\n\r\ntype Props = HomeInnerProps;\r\n\r\nconst HomeInner: React.FC<Props> = ({\r\n\thome,\r\n}) => {\r\n\tconst [currentSlide, setCurrentSlide] = React.useState<number>(0);\r\n\r\n\tconst slider = React.createRef<any>();\r\n\tconst { t, i18n } = useTranslation();\r\n\tconst offices = useSelector((state: ApplicationState) => state.offices.items, shallowEqual);\r\n\r\n\tconst slickSettings = {\r\n\t\tcenterMode: true,\r\n\t\tslidesToShow: 1,\r\n\t\tclassName: 'home-page-testimonials-slider mobile-hidden',\r\n\t\tcenterPadding: '300px',\r\n\t\tarrows: false,\r\n\t\tdots: false,\r\n\t\tbeforeChange: (current, next) => setCurrentSlide(next === -1 ? 0 : next),\r\n\t\tresponsive: [\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 1400,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tcenterPadding: '230px',\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 1200,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tcenterPadding: '150px',\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 1100,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tcenterMode: false,\r\n\t\t\t\t\tadaptiveHeight: true,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t],\r\n\t};\r\n\r\n\tconst giftsSlickSettings = {\r\n\t\tslidesToShow: 5,\r\n\t\tclassName: 'home-page-gifts',\r\n\t\tarrows: true,\r\n\t\tdots: false,\r\n\t\tresponsive: [\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 1200,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 4,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 992,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 3,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 768,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 2,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tbreakpoint: 500,\r\n\t\t\t\tsettings: {\r\n\t\t\t\t\tslidesToShow: 1,\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t],\r\n\t};\r\n\r\n\tconst services: Array<Partial<Service>> = [\r\n\t\t{\r\n\t\t\timage: '/amp-assets/images/1.webp',\r\n\t\t\timageWebp: '/amp-assets/images/1_m.webp',\r\n\t\t},\r\n\t\t{\r\n\t\t\timage: '/amp-assets/images/3.webp',\r\n\t\t\timageWebp: '/amp-assets/images/3_m.webp',\r\n\t\t},\r\n\t\t{\r\n\t\t\timage: '/amp-assets/images/2.webp',\r\n\t\t\timageWebp: '/amp-assets/images/2_m.webp',\r\n\t\t},\r\n\t\t{\r\n\t\t\timage: '/amp-assets/images/4.webp',\r\n\t\t\timageWebp: '/amp-assets/images/4_m.webp',\r\n\t\t},\r\n\t];\r\n\r\n\tconst goNext = () => {\r\n\t\tif (slider.current) slider.current.slickNext();\r\n\t};\r\n\r\n\tconst goPrev = () => {\r\n\t\tif (slider.current) slider.current.slickPrev();\r\n\t};\r\n\r\n\tconst {\r\n\t\tcounters = {\r\n\t\t\tbby: 0,\r\n\t\t\tyelp: 0,\r\n\t\t\tgoogle: 0,\r\n\t\t\tfacebook: 0,\r\n\t\t\taverageBby: 0,\r\n\t\t\taverageYelp: 0,\r\n\t\t\taverageGoogle: 0,\r\n\t\t\taverageFacebook: 0,\r\n\t\t},\r\n\t\treviews = [],\r\n\t\tdoctors = [],\r\n\t\tlocations = [],\r\n\t\thonors = [],\r\n\t\tmenuHome = [],\r\n\t} = home.page ? home.page.item : {};\r\n\r\n\tconst langString: 'En' | 'Es' = capitalizeFirstLetter(i18n.language);\r\n\tconst body = home.page?.langs.find((item: any) => item?.lang === langString)?.body;\r\n\r\n\tmenuHome.forEach((menu, index) => {\r\n\t\tif (index >= services.length) return;\r\n\r\n\t\tservices[index].title = (Lang[langString] === Lang.Es) ? menu.shortNameEs : menu.shortNameEn;\r\n\t\tservices[index].link = `/${menu.fullPath}`;\r\n\t});\r\n\r\n\treturn <div className=\"home-page\">\r\n\t\t<div className=\"container home-page__container home-page__banner\">\r\n\t\t\t<img className=\"home-page__logo mobile-hidden\" src=\"/images/logo.webp\" alt=\"Beauty Becomes Logo\" />\r\n\t\t\t<div className=\"\">\r\n\t\t\t\t<div className=\"home-page-headline\">\r\n\t\t\t\t\t<h1>\r\n\t\t\t\t\t\t<Trans i18nKey=\"site.homeHeadline\" />\r\n\t\t\t\t\t</h1>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t{body ? <div className=\"clearfix mobile-show\">\r\n\t\t\t\t<div className=\"external-html\" dangerouslySetInnerHTML={{ __html: body }} />\r\n\t\t\t</div> : null\r\n\t\t\t}\r\n\t\t\t<div className=\"row home-page-sections\">\r\n\t\t\t\t{services.map((item, index) =>\r\n\t\t\t\t\t<div key={index} className=\"col-xs-6 col-md-3\">\r\n\t\t\t\t\t\t<LinkWithLang to={item.link || ''} className=\"home-page-sections-item\">\r\n\t\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t\t<source media=\"(max-width: 768px)\" srcSet={item.imageWebp} />\r\n\t\t\t\t\t\t\t\t<source media=\"(min-width: 769px)\" srcSet={item.image} />\r\n\t\t\t\t\t\t\t\t<img className=\"home-page-sections-item__image\" srcSet={item.image} alt=\"\" />\r\n\t\t\t\t\t\t\t</picture>\r\n\t\t\t\t\t\t\t<div className=\"home-page-sections-item__title\">\r\n\t\t\t\t\t\t\t\t{item.title}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</LinkWithLang>\r\n\t\t\t\t\t</div>)}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t{body ? <div className=\"clearfix container mobile-hidden\">\r\n\t\t\t<div className=\"external-html\" dangerouslySetInnerHTML={{ __html: body }} />\r\n\t\t</div> : null}\r\n\t\t{honors.length > 0 ? <div className=\"container mobile-hidden\">\r\n\t\t\t<Slider {...giftsSlickSettings}>\r\n\t\t\t\t{\r\n\t\t\t\t\thonors.map((item, index) =>\r\n\t\t\t\t\t\t<div key={index} className=\"home-page-gifts__item\">\r\n\t\t\t\t\t\t\t{item.link ? <LinkWithLang aria-label={item.titleEn} to={item.link}>\r\n\t\t\t\t\t\t\t\t<ImageLazy src={item.avatar} alt={item.titleEn || `honor ${index}`} />\r\n\t\t\t\t\t\t\t</LinkWithLang> : <span>\r\n\t\t\t\t\t\t\t\t<ImageLazy src={item.avatar} alt={item.titleEn || `honor ${index}`} />\r\n\t\t\t\t\t\t\t</span>}\r\n\t\t\t\t\t\t</div>)\r\n\t\t\t\t}\r\n\t\t\t</Slider>\r\n\t\t</div> : null}\r\n\t\t<div className=\"container\">\r\n\t\t\t<LinkWithLang to={(Lang[langString] === Lang.Es) ? '/practica/doctors' : '/practice/doctors'} className=\"contacts contacts_title\">\r\n\t\t\t\t<h2>{t('site.Our Team')}</h2>\r\n\t\t\t</LinkWithLang>\r\n\t\t\t<div className=\"row doctor-card-list mobile-hidden\">\r\n\t\t\t\t{doctors.map((item) => <DoctorCard key={item.id} item={item} />)}\r\n\t\t\t</div>\r\n\t\t\t<div className=\"row doctor-card-list mobile-show\">\r\n\t\t\t\t<DoctorSlider doctors={doctors} />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"contacts\">\r\n\t\t\t\t<h3>{t('site.Schedule an Appointment Now')}</h3>\r\n\t\t\t\t<ContactUsForm className=\"general-form\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div className=\"contacts contacts_title\">\r\n\t\t\t<h2>{t('site.Reviews')}</h2>\r\n\t\t</div>\r\n\t\t<div className=\"container\">\r\n\t\t\t<ReviewCountersComponent counters={counters} />\r\n\t\t</div>\r\n\t\t<div className=\"mobile-show container\">\r\n\t\t\t<Reviews reviews={reviews} />\r\n\t\t</div>\r\n\t\t<div className=\"contacts contacts_title mobile-hidden\">\r\n\t\t\t<h2>{t('site.Reviews from our clients')}</h2>\r\n\t\t</div>\r\n\t\t<SliderWithObserver sliderProps={slickSettings} ref={slider}>\r\n\t\t\t{reviews.map((item) => {\r\n\t\t\t\treturn <div className=\"testimonials-slider-item-container container\" key={item.id}>\r\n\t\t\t\t\t<div className=\"container testimonials-slider-item\">\r\n\t\t\t\t\t\t<div className=\"container testimonials-slider-item__inner\" style={{ width: 'calc(100% - 40px)' }}>\r\n\t\t\t\t\t\t\t<div className=\"testimonials-slider-item__nav_prev testimonials-slider-item__nav\" onClick={goPrev}>\r\n\t\t\t\t\t\t\t\t<i className=\"fa fa-caret-left\" aria-hidden=\"true\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<ul className=\"testimonials-slider-item__pagination\">\r\n\t\t\t\t\t\t\t\t{reviews.map((item, index) =>\r\n\t\t\t\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\t\t\t\tonClick={() => currentSlide !== index && slider.current?.slickGoTo(index)}\r\n\t\t\t\t\t\t\t\t\t\tclassName={currentSlide === index ? 'active' : ''}\r\n\t\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{index >= 9 ? '' : '0'}\r\n\t\t\t\t\t\t\t\t\t\t{index + 1}\r\n\t\t\t\t\t\t\t\t\t</li>)}\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t<div className=\"testimonials-slider-item__inner-right\">\r\n\t\t\t\t\t\t\t\t<div className=\"testimonials-slider-item__rate\">\r\n\t\t\t\t\t\t\t\t\t<Rate value={item.rate} className=\"ml10\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"testimonials-slider-item__text\">\r\n\t\t\t\t\t\t\t\t\t{item.textEn}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"testimonials-slider-item__name\">\r\n\t\t\t\t\t\t\t\t\t-\r\n\t\t\t\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t\t\t\t{item.author}\r\n\t\t\t\t\t\t\t\t\t{item.time > 0 && ` - ${dateFormat(item.time, { year: 'numeric', month: 'long', day: 'numeric' })}`}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"testimonials-slider-item__nav_next testimonials-slider-item__nav\" onClick={goNext}>\r\n\t\t\t\t\t\t\t\t<i className=\"fa fa-caret-right\" aria-hidden=\"true\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>;\r\n\t\t\t})}\r\n\t\t</SliderWithObserver>\r\n\t\t<div className=\"contacts contacts_title\">\r\n\t\t\t<h2>{t('site.Contacts')}</h2>\r\n\t\t</div>\r\n\t\t<div className=\"container\">\r\n\t\t\t<div className=\"home-page-offices row\">\r\n\t\t\t\t<OfficeInfoBlockList offices={offices} />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<BottomAreas areas={locations} />\r\n\t</div>;\r\n};\r\n\r\nconst HomeInnerWithPageInfo = HomeInner;\r\n\r\nconst Home: React.FC = () => {\r\n\treturn (\r\n\t\t<ServerPageProvider\r\n\t\t\tpath=\"home\"\r\n\t\t\tinner={(page) => (<HomeInnerWithPageInfo home={{ page } as any} />)}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport default Home;\r\n","import React from 'react';\r\n\r\nimport Slider from 'react-slick-adaptive-height-fixed';\r\n\r\nconst SliderWithObserver = React.forwardRef<any, any>(({ className = '', sliderProps, children }, sliderRef) => {\r\n\tconst [show, setShow] = React.useState(false);\r\n\tconst ref = React.useRef<HTMLDivElement>(null);\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (ref.current) {\r\n\t\t\tconst intersectionObserver = new IntersectionObserver((entries) => {\r\n\t\t\t\tif (entries[0].isIntersecting) {\r\n\t\t\t\t\tsetShow(true);\r\n\t\t\t\t}\r\n\t\t\t}, {\r\n\t\t\t\trootMargin: '50px',\r\n\t\t\t\tthreshold: 0.01,\r\n\t\t\t});\r\n\r\n\t\t\tintersectionObserver.observe(ref.current);\r\n\t\t\treturn () => intersectionObserver.disconnect();\r\n\t\t}\r\n\t}, [ref.current]);\r\n\r\n\treturn <div className={className} ref={ref}>\r\n\t\t{show ? <Slider {...sliderProps} ref={sliderRef}>\r\n\t\t\t{children}\r\n\t\t</Slider> : null}\r\n\t</div>;\r\n});\r\n\r\nexport default SliderWithObserver;\r\n"],"names":["giftsSlickSettings","slidesToShow","className","arrows","dots","responsive","breakpoint","settings","_ref","doctors","_ref$className","React","SliderWithObserver","sliderProps","_objectSpread","map","item","key","id","DoctorCard","BottomAreas","areas","_useTranslation","useTranslation","i18n","t","concat","index","language","nameEs","nameEn","ReviewCountersComponent","counters","ImageLazy","src","alt","width","height","averageGoogle","toFixed","google","averageFacebook","facebook","HomeInnerWithPageInfo","_home$page","_home$page$langs$find","home","_React$useState2","_slicedToArray","currentSlide","setCurrentSlide","slider","offices","useSelector","state","items","shallowEqual","slickSettings","centerMode","centerPadding","beforeChange","current","next","adaptiveHeight","services","image","imageWebp","goNext","slickNext","goPrev","slickPrev","_ref2","page","_ref2$counters","bby","yelp","averageBby","averageYelp","_ref2$reviews","reviews","_ref2$doctors","_ref2$locations","locations","_ref2$honors","honors","_ref2$menuHome","menuHome","langString","capitalizeFirstLetter","body","langs","find","lang","forEach","menu","length","title","Lang","shortNameEs","shortNameEn","link","fullPath","Trans","i18nKey","dangerouslySetInnerHTML","__html","LinkWithLang","to","media","srcSet","Slider","titleEn","avatar","DoctorSlider","ContactUsForm","Reviews","ref","style","onClick","_slider$current","slickGoTo","Rate","value","rate","textEn","author","time","dateFormat","year","month","day","OfficeInfoBlockList","ServerPageProvider","path","inner","sliderRef","children","show","setShow","intersectionObserver","IntersectionObserver","entries","isIntersecting","rootMargin","threshold","observe","disconnect","_extends"],"sourceRoot":""}