{"version":3,"file":"chunks/ClinicPage.chunk.045dadba23d0040d1d03.js","mappings":"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","sources":["webpack://BeautyBecomes/./ClientApp/components/Pages/Clinic/ClinicPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useParams } from 'react-router-dom';\r\n\r\nimport Slider from 'react-slick-adaptive-height-fixed';\r\n\r\nimport { Carousel } from 'antd';\r\n\r\nimport 'slick-carousel/slick/slick.css';\r\n\r\nimport { ItemProvider, useItemProviderContext } from '@common/react/components/Core/ItemProvider/ItemProvider';\r\nimport { imageSize } from '@common/react/utils/utils';\r\n\r\nimport ServerPageProvider from '@app/components/UI/SeverPageProviderWithLang/ServerpageProviderWithLang';\r\nimport '@app/scss/pages/doctorPage.scss';\r\nimport '@app/scss/pages/clinic.scss';\r\nimport { Location } from '@app/objects/Location';\r\nimport { SimpleBreadCrumbs } from '@app/components/UI/SimpleBreadcrumbs/SimpleBreadcrumbs';\r\nimport ShareLinks from '@app/components/UI/ShareLinks/ShareLinks';\r\nimport DoctorCard from '@app/components/Pages/Home/DoctorCard';\r\nimport { reviewsSliderSettings } from '@app/components/Utils';\r\nimport ContactUsForm from '@app/components/Forms/ContactUs/ContactUsForm';\r\nimport '@app/scss/components/slick-theme.scss';\r\nimport { Review } from '@app/objects/Review';\r\nimport Reviews from '@app/components/UI/Reviews/Reviews';\r\nimport { OfficeInfoBlock } from '@app/components/Pages/Home/OfficeInfoBlock';\r\nimport Rate from '@app/components/UI/Rate/Rate';\r\n\r\ninterface DoctorInnerProps {\r\n\tserverPage?: any;\r\n}\r\n\r\ninterface LocationWithReviews extends Location {\r\n\treviews: Array<Review>;\r\n}\r\n\r\nconst onClick = (id) => {\r\n\tdocument.getElementById(id)\r\n\t\t?.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n};\r\n\r\nconst ClinicInner: React.FC<DoctorInnerProps> = ({\r\n\tserverPage,\r\n}) => {\r\n\tconst context = useItemProviderContext<LocationWithReviews>();\r\n\r\n\tif (!context.state) throw 'Need ItemProvider context!';\r\n\r\n\tconst { state: { item } } = context;\r\n\r\n\tconst { i18n, t } = useTranslation();\r\n\tconst isEnglish = i18n.language === 'en';\r\n\r\n\tconst name = isEnglish ? item.nameEn : item.nameEs;\r\n\r\n\tconst avatars = [item.siteAvatar, ...item.files.map((q) => q.file.src)];\r\n\r\n\treturn (\r\n\t\t<div className=\"doctor-page inner-page container\">\r\n\t\t\t<div className=\"clearfix mb10\">\r\n\t\t\t\t<SimpleBreadCrumbs title={name} links={[]} />\r\n\t\t\t\t<ShareLinks />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"clearfix\">\r\n\t\t\t\t{avatars.length > 0 && <div className=\"doctor-page__image\">\r\n\t\t\t\t\t<Carousel autoplay>\r\n\t\t\t\t\t\t{avatars.map((avatar, index) => (\r\n\t\t\t\t\t\t\t<div key={index} className=\"square-block\">\r\n\t\t\t\t\t\t\t\t<div className=\"doctor-page__image_inner\">\r\n\t\t\t\t\t\t\t\t\t<img src={imageSize(avatar, '_main')} alt=\"Clinic avatar\" />\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))}\r\n\t\t\t\t\t</Carousel>\r\n\t\t\t\t</div>}\r\n\t\t\t\t<div className=\"doctor-page__body\">\r\n\t\t\t\t\t<div className=\"doctor-page__name inner-page__headline\">\r\n\t\t\t\t\t\t<h1>\r\n\t\t\t\t\t\t\t{name}\r\n\t\t\t\t\t\t\t<div onClick={() => onClick('reviews')} className=\"pull-right\">\r\n\t\t\t\t\t\t\t\t<span className=\"rate-value\">\r\n\t\t\t\t\t\t\t\t\t{item.averageReviewRate.toLocaleString('en', { maximumFractionDigits: 2 })}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<Rate hideEmpty value={item.averageReviewRate} />\r\n\t\t\t\t\t\t\t\t<span className=\"review-count\">\r\n\t\t\t\t\t\t\t\t\t{item.totalReviewCount}\r\n\t\t\t\t\t\t\t\t\t{' '}\r\n\t\t\t\t\t\t\t\t\treviews\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"empty-line\" />\r\n\t\t\t\t\t\t</h1>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName=\"doctor-page__description external-html\"\r\n\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: isEnglish ? item.textEn : item.textEs }}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"clearfix clinic-contact\">\r\n\t\t\t\t<OfficeInfoBlock\r\n\t\t\t\t\ttitleAsH2\r\n\t\t\t\t\tshowWorkingHours\r\n\t\t\t\t\toffice={item}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"clearfix doctor-card-list\" style={{ marginTop: 30 }}>\r\n\t\t\t\t{item.doctors?.length > 0 ? <div className=\"row service-page__block mobile-hidden\">\r\n\t\t\t\t\t{item.doctors?.map((item) => <DoctorCard key={item.id} item={item?.doctor} />)}\r\n\t\t\t\t</div> : null}\r\n\t\t\t\t{item.doctors?.length > 0 ? <div className=\"slider-arrows service-page__block mobile-show\">\r\n\t\t\t\t\t<Slider {...reviewsSliderSettings} dots>\r\n\t\t\t\t\t\t{item.doctors.map((item) => <DoctorCard key={item.id} item={item?.doctor} />)}\r\n\t\t\t\t\t</Slider>\r\n\t\t\t\t</div> : null}\r\n\t\t\t</div>\r\n\t\t\t<Reviews id=\"reviews\" reviews={item.reviews} />\r\n\t\t\t<div className=\"contacts-page__form\">\r\n\t\t\t\t<div className=\"inner-page__headline text-center\">\r\n\t\t\t\t\t<h2>{t('site.Schedule an Appointment Now')}</h2>\r\n\t\t\t\t</div>\r\n\t\t\t\t<ContactUsForm className=\"general-form\" locationId={item.id} />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nconst ClinicPageComponent: React.FC = () => {\r\n\tconst { path } = useParams<{ path }>();\r\n\r\n\treturn (\r\n\t\t<ServerPageProvider\r\n\t\t\tpath=\"clinic\"\r\n\t\t\tinner={(serverPage) =>\r\n\t\t\t\t<ItemProvider\r\n\t\t\t\t\tid={serverPage?.item?.id || 0}\r\n\t\t\t\t\ttype=\"location\"\r\n\t\t\t\t\treadonly\r\n\t\t\t\t\tadditionalParams={{ path, published: true, withProfessions: true }}\r\n\t\t\t\t\tloadRequest=\"getClinicBbyViewRemote\"\r\n\t\t\t\t\titem={serverPage?.item}\r\n\t\t\t\t\tskipInitLoad={!!serverPage?.item}\r\n\t\t\t\t>\r\n\t\t\t\t\t<ClinicInner\r\n\t\t\t\t\t\tserverPage={serverPage}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</ItemProvider>\r\n\t\t\t}\r\n\t\t/>\r\n\t);\r\n};\r\n\r\nexport default ClinicPageComponent;\r\n"],"names":["ClinicInner","_ref","serverPage","_item$doctors","_item$doctors2","_item$doctors3","context","useItemProviderContext","state","item","_useTranslation","useTranslation","i18n","t","isEnglish","language","name","nameEn","nameEs","avatars","siteAvatar","concat","_toConsumableArray","files","map","q","file","src","React","className","SimpleBreadCrumbs","title","links","ShareLinks","length","Carousel","autoplay","avatar","index","key","imageSize","alt","onClick","id","_document$getElementB","document","getElementById","scrollIntoView","behavior","block","averageReviewRate","toLocaleString","maximumFractionDigits","Rate","hideEmpty","value","totalReviewCount","dangerouslySetInnerHTML","__html","textEn","textEs","OfficeInfoBlock","titleAsH2","showWorkingHours","office","style","marginTop","doctors","DoctorCard","doctor","Slider","_extends","reviewsSliderSettings","dots","Reviews","reviews","ContactUsForm","locationId","path","useParams","ServerPageProvider","inner","_serverPage$item","ItemProvider","type","readonly","additionalParams","published","withProfessions","loadRequest","skipInitLoad"],"sourceRoot":""}