{"version":3,"file":"chunks/DoctorListPage.chunk.ebb1af82152b523cdda7.js","mappings":"2OA8HA,UA5G0B,WACzB,IAAAA,GAAoBC,EAAAA,EAAAA,kBAAZC,EAACF,EAADE,EAAGC,EAAIH,EAAJG,KAELC,GAAaC,EAAAA,EAAAA,IAAsBF,EAAKG,UAExCC,EAAQL,EAAE,yBACVM,GAAUC,EAAAA,EAAAA,cAAY,SAACC,GAAuB,OAAKA,EAAMF,QAAQG,KAAK,GAAEC,EAAAA,cAE9E,OAAOC,EAAAA,cAACC,EAAAA,EAAkB,CACzBC,MAAO,SAACC,GAAU,OACjBH,EAAAA,cAAA,OAAKI,UAAU,qCACdJ,EAAAA,cAACK,EAAAA,EAAiB,CAACX,MAAOA,EAAOY,MAAO,CAAC,CAAEC,SAAU,yBAA0BC,QAAS,4BACxFR,EAAAA,cAAA,OAAKI,UAAU,oCACdJ,EAAAA,cAAA,UAAKN,IAELS,EAAWL,OAASK,EAAWL,MAAMW,KAAKC,KAAI,SAACC,EAAgBC,GAAkB,IAAAC,EAAAC,EACjF,IAAKH,EAAO,OAADI,OAAQxB,KAAiD,MAAhCoB,EAAO,OAADI,OAAQxB,IACjD,OAAO,KAGR,IAAMyB,EAAOL,EAAO,OAADI,OAAQxB,IAE3B,OAAOS,EAAAA,cAAA,OAAKI,UAAU,uBAAuBa,IAAKL,GAChDI,EACEhB,EAAAA,cAACkB,EAAAA,EAAY,CAACC,GAAE,UAAAJ,OAAYC,GAAQZ,UAAU,sBAC/CJ,EAAAA,cAAA,OAAKoB,IAAKT,EAAOU,gBAAkBV,EAAOW,OAAQC,IAAI,mBAClC,QAAnBV,EAAAF,EAAOa,oBAAY,IAAAX,OAAA,EAAnBA,EAAqBY,QAAS,GAC5BzB,EAAAA,cAAA,OAAKI,UAAU,uBAChBO,EAAOa,aACNE,QAAO,SAACC,GAAI,OAAKA,EAAKC,YAAYC,KAAK,IACvCnB,KAAI,SAACiB,EAAMG,GAAC,OACZ9B,EAAAA,cAAA,OAAKiB,IAAKU,EAAKI,GAAI3B,UAAU,uBAC5BJ,EAAAA,cAAA,WACCA,EAAAA,cAACgC,EAAAA,EAAiB,CACjBT,IAAKI,EAAKC,YAAYK,KACtBhB,IAAKU,EAAKI,GACVX,KAAKc,EAAAA,EAAAA,IAAUP,EAAKC,YAAYC,MAAO,aAGpC,MAIR7B,EAAAA,cAAA,OAAKI,UAAU,sBAChBJ,EAAAA,cAAA,OAAKoB,IAAKT,EAAOU,gBAAkBV,EAAOW,OAAQC,IAAI,mBAClC,QAAnBT,EAAAH,EAAOa,oBAAY,IAAAV,OAAA,EAAnBA,EAAqBW,QAAS,GAC5BzB,EAAAA,cAAA,OAAKI,UAAU,uBAChBO,EAAOa,aACNE,QAAO,SAACC,GAAI,OAAKA,EAAKC,YAAYC,KAAK,IACvCnB,KAAI,SAACiB,EAAMG,GAAC,OACZ9B,EAAAA,cAAA,OAAKiB,IAAKU,EAAKI,GAAI3B,UAAU,uBAC5BJ,EAAAA,cAAA,WACCA,EAAAA,cAACgC,EAAAA,EAAiB,CACjBT,IAAKI,EAAKC,YAAYK,KACtBhB,IAAKU,EAAKI,GACVX,KAAKc,EAAAA,EAAAA,IAAUP,EAAKC,YAAYC,MAAO,aAGpC,MAKX7B,EAAAA,cAAA,OAAKI,UAAU,qBACbY,EACEhB,EAAAA,cAACkB,EAAAA,EAAY,CAACC,GAAE,UAAAJ,OAAYC,GAAQZ,UAAU,0CAC/CJ,EAAAA,cAAA,UACEW,EAAO,OAADI,OAAQxB,MAGfS,EAAAA,cAAA,UACAW,EAAO,OAADI,OAAQxB,KAGjBS,EAAAA,cAAA,OAAKI,UAAU,0CACbO,EAAOwB,aAAexB,EAAOwB,YAAYzB,KAAI,SAAC0B,EAA8BxB,GAAa,OACzFwB,EAAWA,WAAW,OAADrB,OAAQxB,KAAiBqB,IAAUD,EAAOwB,YAAYV,OAAS,EAAI,KAAO,GAAG,KAGpGzB,EAAAA,cAAA,OAAKI,UAAU,mDACbO,EAAO0B,WAAa1B,EAAO0B,UAAU3B,KAAI,SAAC4B,EAA0B1B,GAAa,OACjFZ,EAAAA,cAAA,QAAMI,UAAU,aAAaa,IAAKqB,EAASP,IAC1C/B,EAAAA,cAACuC,EAAAA,EAAY,CAACZ,KAAMhC,EAAQ6C,MAAK,SAACC,GAAM,OAAKA,EAAOV,KAAOO,EAASA,SAASP,EAAE,KAAKO,EAASA,WACvF,KAETtC,EAAAA,cAAA,OAAKI,UAAU,sDACbO,EAAOwB,aAAexB,EAAOwB,YAAYzB,KAAI,SAAC0B,EAA8BxB,GAAa,OACzFZ,EAAAA,cAAA,OAAKI,UAAU,2BAA2Ba,IAAKmB,EAAWL,IACxDK,EAAWA,WAAW,OAADrB,OAAQxB,KAAiBqB,IAAUD,EAAOwB,YAAYV,OAAS,EAAI,KAAO,IAC3F,IACNd,EAAO0B,WAAa1B,EAAO0B,UAAU3B,KAAI,SAAC4B,EAA0B1B,GAAa,OACjFZ,EAAAA,cAAA,QAAMI,UAAU,aAAaa,IAAKqB,EAASP,IAC1C/B,EAAAA,cAACuC,EAAAA,EAAY,CAACZ,KAAMhC,EAAQ6C,MAAK,SAACC,GAAM,OAAKA,EAAOV,KAAOO,EAASA,SAASP,EAAE,KAAKO,EAASA,WACvF,KAER3B,EAAO,cAADI,OAAexB,KACnBS,EAAAA,cAAA,OACFI,UAAU,yCACVsC,wBAAyB,CAAEC,OAAQhC,EAAO,cAADI,OAAexB,QAK5D,IACK,GAET,C","sources":["webpack://BeautyBecomes/./ClientApp/components/Pages/DoctorList/DoctorList.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { shallowEqual, useSelector } from 'react-redux';\r\n\r\nimport { imageSize } from '@common/react/utils/utils';\r\n\r\nimport { Doctor } from '@app/objects/Doctor';\r\nimport { DoctorProfession } from '@app/objects/DoctorProfession';\r\nimport '@app/scss/pages/doctorList.scss';\r\nimport LinkWithLang from '@app/components/UI/LinkWithLang/LinkWithLang';\r\nimport { capitalizeFirstLetter } from '@app/components/Utils';\r\nimport { SimpleBreadCrumbs } from '@app/components/UI/SimpleBreadcrumbs/SimpleBreadcrumbs';\r\nimport ServerPageProvider from '@app/components/UI/SeverPageProviderWithLang/ServerpageProviderWithLang';\r\nimport { DoctorLocation } from '@app/objects/DoctorLocation';\r\nimport { ApplicationState } from '@app/store';\r\nimport ImageWithSkeleton from '@app/components/UI/ImageWithSkeleton/ImageWithSkeleton';\r\nimport LocationName from '@app/components/UI/LocationName/LocationName';\r\n\r\nconst Doctors: React.FC = () => {\r\n\tconst { t, i18n } = useTranslation();\r\n\r\n\tconst langString = capitalizeFirstLetter(i18n.language);\r\n\r\n\tconst title = t('seo.doctorsPage.title');\r\n\tconst offices = useSelector((state: ApplicationState) => state.offices.items, shallowEqual);\r\n\r\n\treturn <ServerPageProvider\r\n\t\tinner={(serverPage) =>\r\n\t\t\t<div className=\"doctors-page inner-page container\">\r\n\t\t\t\t<SimpleBreadCrumbs title={title} links={[{ titleKey: 'seo.practicePage.title', pathKey: 'seo.practicePage.link' }]} />\r\n\t\t\t\t<div className=\"inner-page__headline text-center\">\r\n\t\t\t\t\t<h1>{title}</h1>\r\n\t\t\t\t</div>\r\n\t\t\t\t{serverPage.items && serverPage.items.list.map((doctor: Doctor, index: number) => {\r\n\t\t\t\t\tif (!doctor[`name${langString}`] || doctor[`name${langString}`] === ' ') {\r\n\t\t\t\t\t\treturn null;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tconst path = doctor[`path${langString}`];\r\n\r\n\t\t\t\t\treturn <div className=\"doctor-card clearfix\" key={index}>\r\n\t\t\t\t\t\t{path\r\n\t\t\t\t\t\t\t? <LinkWithLang to={`doctor/${path}`} className=\"doctor-card__image\">\r\n\t\t\t\t\t\t\t\t<img src={doctor.originalAvatar || doctor.avatar} alt=\"Doctor avatar\" />\r\n\t\t\t\t\t\t\t\t{doctor.certificates?.length > 0\r\n\t\t\t\t\t\t\t\t&& <div className=\"doctor-certificates\">\r\n\t\t\t\t\t\t\t\t\t{doctor.certificates\r\n\t\t\t\t\t\t\t\t\t\t.filter((item) => item.certificate.image)\r\n\t\t\t\t\t\t\t\t\t\t.map((item, i) =>\r\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} className=\"certificate-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ImageWithSkeleton\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={item.certificate.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={imageSize(item.certificate.image, '_thumb')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>)}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t</LinkWithLang>\r\n\t\t\t\t\t\t\t: <div className=\"doctor-card__image\">\r\n\t\t\t\t\t\t\t\t<img src={doctor.originalAvatar || doctor.avatar} alt=\"Doctor avatar\" />\r\n\t\t\t\t\t\t\t\t{doctor.certificates?.length > 0\r\n\t\t\t\t\t\t\t\t&& <div className=\"doctor-certificates\">\r\n\t\t\t\t\t\t\t\t\t{doctor.certificates\r\n\t\t\t\t\t\t\t\t\t\t.filter((item) => item.certificate.image)\r\n\t\t\t\t\t\t\t\t\t\t.map((item, i) =>\r\n\t\t\t\t\t\t\t\t\t\t\t<div key={item.id} className=\"certificate-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ImageWithSkeleton\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\talt={item.certificate.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={item.id}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={imageSize(item.certificate.image, '_thumb')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>)}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t}\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\t<div className=\"doctor-card__body\">\r\n\t\t\t\t\t\t\t{path\r\n\t\t\t\t\t\t\t\t? <LinkWithLang to={`doctor/${path}`} className=\"doctor-card__name inner-page__headline\">\r\n\t\t\t\t\t\t\t\t\t<h2>\r\n\t\t\t\t\t\t\t\t\t\t{doctor[`name${langString}`]}\r\n\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t</LinkWithLang>\r\n\t\t\t\t\t\t\t\t: <h2>\r\n\t\t\t\t\t\t\t\t\t{doctor[`name${langString}`]}\r\n\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t<div className=\"doctor-card__professions mobile-hidden\">\r\n\t\t\t\t\t\t\t\t{doctor.professions && doctor.professions.map((profession: DoctorProfession, index: number) => (\r\n\t\t\t\t\t\t\t\t\tprofession.profession[`name${langString}`] + (index !== doctor.professions.length - 1 ? ', ' : '')\r\n\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"doctor-card__location inline-tags mobile-hidden\">\r\n\t\t\t\t\t\t\t\t{doctor.locations && doctor.locations.map((location: DoctorLocation, index: number) =>\r\n\t\t\t\t\t\t\t\t\t<span className=\"inline-tag\" key={location.id}>\r\n\t\t\t\t\t\t\t\t\t\t<LocationName item={offices.find((office) => office.id === location.location.id) || location.location} />\r\n\t\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=\"doctor-card__tags mobile-show inline-tags clearfix\">\r\n\t\t\t\t\t\t\t\t{doctor.professions && doctor.professions.map((profession: DoctorProfession, index: number) =>\r\n\t\t\t\t\t\t\t\t\t<div className=\"doctor-card__professions\" key={profession.id}>\r\n\t\t\t\t\t\t\t\t\t\t{profession.profession[`name${langString}`] + (index !== doctor.professions.length - 1 ? ', ' : '')}\r\n\t\t\t\t\t\t\t\t\t</div>)}\r\n\t\t\t\t\t\t\t\t{doctor.locations && doctor.locations.map((location: DoctorLocation, index: number) =>\r\n\t\t\t\t\t\t\t\t\t<span className=\"inline-tag\" key={location.id}>\r\n\t\t\t\t\t\t\t\t\t\t<LocationName item={offices.find((office) => office.id === location.location.id) || location.location} />\r\n\t\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{doctor[`description${langString}`]\r\n\t\t\t\t\t\t\t&& <div\r\n\t\t\t\t\t\t\t\tclassName=\"doctor-card__description external-html\"\r\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: doctor[`description${langString}`] }}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>;\r\n\t\t\t\t})}\r\n\t\t\t</div>}\r\n\t/>;\r\n};\r\n\r\nexport default Doctors;\r\n"],"names":["_useTranslation","useTranslation","t","i18n","langString","capitalizeFirstLetter","language","title","offices","useSelector","state","items","shallowEqual","React","ServerPageProvider","inner","serverPage","className","SimpleBreadCrumbs","links","titleKey","pathKey","list","map","doctor","index","_doctor$certificates","_doctor$certificates2","concat","path","key","LinkWithLang","to","src","originalAvatar","avatar","alt","certificates","length","filter","item","certificate","image","i","id","ImageWithSkeleton","name","imageSize","professions","profession","locations","location","LocationName","find","office","dangerouslySetInnerHTML","__html"],"sourceRoot":""}