{"version":3,"file":"PeopleArticleHeader-0692f6674291e9d8fa31.js","mappings":"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","sources":["webpack://simpson-millar/./src/img/icons/linkedIn.svg","webpack://simpson-millar/./src/img/icons/pin.svg","webpack://simpson-millar/./src/stories/Widgets/Content/PeopleArticleHeader/PeopleArticleHeader.styles.ts","webpack://simpson-millar/./src/stories/Widgets/Content/PeopleArticleHeader/PeopleArticleHeader.tsx","webpack://simpson-millar/./src/stories/Widgets/Content/Testimonials/Testimonials.tsx"],"sourcesContent":["var _defs, _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgLinkedIn = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 24 24\"\n}, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"linkedIn_svg__a\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 5274\",\n fill: \"#282828\",\n d: \"M0 0h24v24H0z\"\n})))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 34011\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 34007\"\n}, /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 34006\",\n clipPath: \"url(#linkedIn_svg__a)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 13282\",\n d: \"M19 0H5a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5M8 19H5V8h3ZM6.5 6.732a1.764 1.764 0 1 1 1.75-1.764A1.758 1.758 0 0 1 6.5 6.732M20 19h-3v-5.6c0-3.368-4-3.113-4 0V19h-3V8h3v1.765c1.4-2.586 7-2.777 7 2.476Z\",\n fill: \"currentColor\"\n}))))));\nexport default SvgLinkedIn;","var _defs, _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgPin = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 24 32\"\n}, props), _defs || (_defs = /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"clipPath\", {\n id: \"pin_svg__a\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Rectangle 4762\",\n d: \"M0 0h24v32H0z\"\n})))), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n \"data-name\": \"Group 14160\",\n clipPath: \"url(#pin_svg__a)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 12914\",\n d: \"M12 32a1.961 1.961 0 0 1-1.211-.417C8.511 29.806 0 21.277 0 12.015a12 12 0 1 1 24 0c0 9.261-8.509 17.79-10.789 19.567A1.961 1.961 0 0 1 12 32m-.43-2.52ZM12 2.667a9.352 9.352 0 0 0-9.333 9.349c0 7.593 6.877 14.971 9.333 17.109 2.457-2.138 9.333-9.516 9.333-17.109A9.352 9.352 0 0 0 12 2.667\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 12915\",\n d: \"M12 18.174a5.667 5.667 0 1 1 5.667-5.667A5.673 5.673 0 0 1 12 18.174m0-8.667a3 3 0 1 0 3 3 3 3 0 0 0-3-3\"\n}))));\nexport default SvgPin;","import { brand } from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { contentStyles, h1, h3, h5, paragraphLarge } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Misc/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) ``;\r\nconst Inner = styled.div `\r\n ${baseGrid}\r\n row-gap: 16px;\r\n`;\r\nconst ContentWrapper = styled.div `\r\n grid-column: 1 / span 12;\r\n text-align: center;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-row: 1;\r\n grid-column: 1 / span 6;\r\n padding-right: 36px;\r\n text-align: left;\r\n }\r\n`;\r\nconst MainContentWrapper = styled.div `\r\n grid-column: 1 / span 12;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-row: 2;\r\n grid-column: 1 / span 6;\r\n padding-right: 36px;\r\n text-align: left;\r\n }\r\n`;\r\nconst Tag = styled.div `\r\n ${fonts.montserrat.bold};\r\n display: inline-block;\r\n background-color: ${brand.green.tea};\r\n border: 2px solid ${brand.green.mid};\r\n font-size: 12px;\r\n line-height: 20px;\r\n border-radius: 2000000px;\r\n padding: 4px 15px;\r\n margin-bottom: 10px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n font-size: 14px;\r\n padding: 8px 15px;\r\n margin-bottom: 15px;\r\n }\r\n`;\r\nconst Title = styled.h1 `\r\n ${h1}\r\n margin-bottom: 5px;\r\n\r\n @media ${until(Device.Tablet)} {\r\n font-size: 24px;\r\n line-height: 32px;\r\n }\r\n`;\r\nconst Job = styled.p `\r\n ${fonts.montserrat.medium};\r\n font-size: 16px;\r\n line-height: 26px;\r\n margin-bottom: 15px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n font-size: 28px;\r\n line-height: 36px;\r\n }\r\n`;\r\nconst LocationArea = styled.div `\r\n display: inline-flex;\r\n align-items: center;\r\n margin-bottom: 10px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-bottom: 20px;\r\n }\r\n\r\n svg {\r\n height: 20px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n height: 32px;\r\n }\r\n }\r\n`;\r\nconst LocationTitle = styled.p `\r\n ${paragraphLarge};\r\n padding-left: 5px;\r\n margin-bottom: 0;\r\n`;\r\nconst Content = styled.div `\r\n ${contentStyles}\r\n margin-bottom: 35px;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n li {\r\n font-size: 22px;\r\n line-height: 38px;\r\n }\r\n }\r\n`;\r\nconst MediaWrapper = styled.div `\r\n grid-column: 1 / span 12;\r\n padding-bottom: 32px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-row: 1 / span 2;\r\n grid-column: 8 / span 5;\r\n padding-bottom: 0;\r\n }\r\n\r\n @media ${from(Device.Desktop)} {\r\n grid-column: 9 / span 4;\r\n }\r\n`;\r\nconst MediaInner = styled.div `\r\n @media ${from(Device.TabletLarge)} {\r\n max-width: 424px;\r\n margin-left: auto;\r\n position: sticky;\r\n top: 230px;\r\n }\r\n`;\r\nconst MediaAssetWrapper = styled.div `\r\n position: relative;\r\n height: 0px;\r\n padding-bottom: ${({ aspectRatio }) => aspectRatio}%;\r\n`;\r\nconst Image = styled.img `\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n border-radius: 16px;\r\n height: 100%;\r\n overflow: hidden;\r\n width: 100%;\r\n object-fit: cover;\r\n`;\r\nconst ContentSection = styled.div `\r\n margin-bottom: 40px;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n`;\r\nconst TitleArea = styled.div `\r\n display: inline-flex;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n`;\r\nconst Icon = styled.img `\r\n display: block;\r\n height: 24px;\r\n margin-right: 10px;\r\n object-fit: contain;\r\n object-position: center;\r\n width: 24px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n height: 32px;\r\n width: 32px;\r\n }\r\n`;\r\nconst Details = styled.div `\r\n margin-top: 20px;\r\n`;\r\nconst DetailsTitle = styled.h4 `\r\n ${h5};\r\n ${fonts.montserrat.bold};\r\n margin-bottom: 10px;\r\n\r\n @media ${until(Device.Tablet)} {\r\n font-size: 20px;\r\n }\r\n`;\r\nconst ExpertiseList = styled.ul `\r\n padding-left: 12px;\r\n margin-bottom: 15px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-bottom: 25px;\r\n }\r\n`;\r\nconst ExpertiseItem = styled.li `\r\n list-style: disc;\r\n margin-bottom: 10px;\r\n\r\n ${paragraphLarge};\r\n color: ${brand.black};\r\n\r\n @media ${until(Device.Tablet)} {\r\n font-size: 16px;\r\n line-height: 28px;\r\n }\r\n\r\n @media ${from(Device.Tablet)} {\r\n line-height: 32px;\r\n }\r\n`;\r\nconst ExpertiseLink = styled.a `\r\n color: ${brand.black};\r\n`;\r\nconst LinkedInArea = styled.div `\r\n display: inline-flex;\r\n align-items: center;\r\n\r\n svg {\r\n height: 20px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n height: 24px;\r\n }\r\n }\r\n`;\r\nconst LinkedInTitle = styled.a `\r\n color: ${brand.black};\r\n font-size: 16px;\r\n line-height: 28px;\r\n padding-left: 10px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n font-size: 20px;\r\n line-height: 28px;\r\n }\r\n`;\r\nconst ContentTitle = styled.h3 `\r\n ${h3};\r\n margin-bottom: 0;\r\n`;\r\nconst TestimonailSection = styled.div ``;\r\nconst SubContent = styled.div `\r\n grid-column: 1 / span 12;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-column: 1 / span 6;\r\n }\r\n`;\r\nconst PeopleArticleHeaderStyles = {\r\n Container,\r\n Content,\r\n ContentSection,\r\n ContentTitle,\r\n ContentWrapper,\r\n Details,\r\n DetailsTitle,\r\n ExpertiseItem,\r\n ExpertiseLink,\r\n ExpertiseList,\r\n Icon,\r\n Image,\r\n Inner,\r\n Job,\r\n LinkedInArea,\r\n LinkedInTitle,\r\n LocationArea,\r\n LocationTitle,\r\n MainContentWrapper,\r\n MediaAssetWrapper,\r\n MediaInner,\r\n MediaWrapper,\r\n SubContent,\r\n Tag,\r\n TestimonailSection,\r\n Title,\r\n TitleArea,\r\n};\r\nexport default PeopleArticleHeaderStyles;\r\n","import { ThemeOption } from '@helpers/brand';\r\nimport { imageUrl } from '@helpers/image';\r\nimport { withBaseProps } from '@hoc/withBaseProps';\r\nimport SvgLinkedIn from '@img/icons/linkedIn.svg';\r\nimport SvgPin from '@img/icons/pin.svg';\r\nimport * as React from 'react';\r\nimport Testimonials from '../Testimonials/Testimonials';\r\nimport S from './PeopleArticleHeader.styles';\r\nconst PeopleArticleHeader = (props) => {\r\n const imageWidth = 424;\r\n const imageHeight = 464;\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(S.Container, { id: props.id, theme: props.theme },\r\n React.createElement(S.Inner, null,\r\n React.createElement(S.ContentWrapper, null,\r\n props.tag && React.createElement(S.Tag, null, props.tag),\r\n React.createElement(S.Title, null, props.title),\r\n props.position && React.createElement(S.Job, null, props.position),\r\n props.officeLocation && (React.createElement(S.LocationArea, null,\r\n React.createElement(SvgPin, null),\r\n React.createElement(S.LocationTitle, null, props.officeLocation)))),\r\n React.createElement(S.MediaWrapper, null,\r\n React.createElement(S.MediaInner, null,\r\n React.createElement(S.MediaAssetWrapper, { aspectRatio: (imageHeight / imageWidth) * 100 },\r\n React.createElement(S.Image, { alt: props.image.altText, loading: \"eager\", role: props.image.altText ? undefined : 'presentation', sizes: \"100vw\", src: imageUrl(props.image, { width: 424, heightratio: imageHeight / imageWidth }), \r\n // prettier-ignore\r\n srcSet: [\r\n `${imageUrl(props.image, { width: 320, heightratio: imageHeight / imageWidth })} 320w`,\r\n `${imageUrl(props.image, { width: 480, heightratio: imageHeight / imageWidth })} 480w`,\r\n `${imageUrl(props.image, { width: 767, heightratio: imageHeight / imageWidth })} 767w`,\r\n `${imageUrl(props.image, { width: 424, heightratio: imageHeight / imageWidth })} 1024w`,\r\n ].join(','), width: `${imageWidth}`, height: `${imageHeight}` })),\r\n React.createElement(S.Details, null,\r\n props.detailTitle && React.createElement(S.DetailsTitle, null, props.detailTitle),\r\n React.createElement(S.ExpertiseList, null, props.expertiseList?.map((item) => {\r\n const hasLink = item && !!item.url;\r\n return hasLink ? (React.createElement(S.ExpertiseItem, { key: item.text },\r\n React.createElement(S.ExpertiseLink, { href: item.url, target: item.target }, item.text))) : (React.createElement(S.ExpertiseItem, { key: item.text }, item.text));\r\n })),\r\n props.linkedInUrl?.text && (React.createElement(S.LinkedInArea, null,\r\n React.createElement(SvgLinkedIn, null),\r\n React.createElement(S.LinkedInTitle, { href: props.linkedInUrl.url, target: \"_blank\" }, props.linkedInUrl.text)))))),\r\n React.createElement(S.MainContentWrapper, null,\r\n React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }),\r\n props.subContent && !props.testimonials?.testimonials && (React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.subContent } }))))),\r\n props.testimonials?.testimonials && (React.createElement(S.TestimonailSection, null,\r\n React.createElement(Testimonials, { title: props.testimonials.title, testimonials: props.testimonials.testimonials, theme: ThemeOption.GreenBeige }))),\r\n props.subContent && props.testimonials?.testimonials && (React.createElement(S.Container, { theme: props.theme },\r\n React.createElement(S.Inner, null,\r\n React.createElement(S.SubContent, null,\r\n React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.subContent } })))))));\r\n};\r\nexport default withBaseProps(PeopleArticleHeader);\r\n","import { withMotionMax } from '@hoc/withMotionMax';\r\nimport TestimonialCarousel from '@stories/Components/Misc/TestimonialCarousel/TestimonialCarousel';\r\nimport * as React from 'react';\r\nimport S from './Testimonials.styles';\r\nconst Testimonials = (props) => {\r\n return (React.createElement(S.Container, { id: props.id, theme: props.theme },\r\n React.createElement(TestimonialCarousel, { items: props.testimonials, title: props.title })));\r\n};\r\nexport default withMotionMax(Testimonials);\r\n"],"names":["_defs","_g","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","xmlns","viewBox","id","fill","d","clipPath","Container","styled","SectionWrapper","withConfig","displayName","componentId","Inner","div","baseGrid","ContentWrapper","from","Device","TabletLarge","MainContentWrapper","Tag","fonts","montserrat","bold","brand","green","tea","mid","Title","h1","until","Tablet","Job","p","medium","LocationArea","LocationTitle","paragraphLarge","Content","contentStyles","MediaWrapper","Desktop","MediaInner","MediaAssetWrapper","aspectRatio","Image","img","ContentSection","TitleArea","Icon","Details","DetailsTitle","h4","h5","ExpertiseList","ul","ExpertiseItem","li","black","ExpertiseLink","a","LinkedInArea","LinkedInTitle","ContentTitle","h3","TestimonailSection","SubContent","withBaseProps","_props$expertiseList","_props$linkedInUrl","_props$testimonials","_props$testimonials2","_props$testimonials3","React","S","theme","tag","title","position","officeLocation","SvgPin","imageHeight","alt","image","altText","loading","role","undefined","sizes","src","imageUrl","width","heightratio","srcSet","join","height","detailTitle","expertiseList","map","item","url","key","text","href","target","linkedInUrl","SvgLinkedIn","dangerouslySetInnerHTML","__html","content","subContent","testimonials","Testimonials","ThemeOption","GreenBeige","withMotionMax","TestimonialCarousel","items"],"sourceRoot":""}