{"version":3,"file":"static/js/2186.d9491de9.chunk.js","mappings":"gMA2GA,UAtGA,SAAiCA,GAU7B,IATFC,EAAgBD,EAAhBC,iBACAC,EAAuBF,EAAvBE,wBACAC,EAAwBH,EAAxBG,yBACAC,EAAYJ,EAAZI,aACAC,EAAcL,EAAdK,eACAC,EAAaN,EAAbM,cACAC,EAAmBP,EAAnBO,oBACAC,EAAkBR,EAAlBQ,mBACAC,EAAkBT,EAAlBS,mBAEMC,GAAcC,EAAAA,EAAAA,KACpBC,GAAoCC,EAAAA,EAAAA,WAAS,GAAMC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAEhC,OAEEI,EAAAA,EAAAA,MAAA,WAASC,UAAS,4BAAAC,OAA8BC,EAAAA,EAA+ClB,GAAyB,aAAYmB,SAAA,CACjIrB,GACCsB,EAAAA,EAAAA,KAAA,OAEE,oBAAkB,mBAClBJ,UAAU,iBACVK,IAAKvB,EACLwB,IAAKvB,GAA2BE,SAEhCsB,GACJH,EAAAA,EAAAA,KAAA,MAEE,oBAAkB,eAClBJ,UAAU,gBAAeG,SAExBlB,GAAgB,KAElBC,GACCkB,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,2BAA0BG,UACvCC,EAAAA,EAAAA,KAAA,OAEE,oBAAkB,iBAClBJ,UAAU,YAEV,yBAAuB,GAAEG,UAExBK,EAAAA,EAAAA,IAAgBtB,YAGnBqB,EACHpB,GACCiB,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,0BAAyBG,UACtCC,EAAAA,EAAAA,KAAA,OAEE,oBAAkB,gBAClBJ,UAAU,YAAWG,UAEpBK,EAAAA,EAAAA,IAAgBrB,YAGnBoB,EACHnB,EACCG,GAAe,KACba,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,iCAAgCG,UAC7CC,EAAAA,EAAAA,KAAA,OAEE,oBAAkB,sBAClBJ,UAAU,YAAWG,UAEpBK,EAAAA,EAAAA,IAAgBpB,QAIrBW,EAAAA,EAAAA,MAAA,OAAKC,UAAU,wBAAuBG,SAAA,CAClCN,OASEU,GARFH,EAAAA,EAAAA,KAAA,UAEE,oBAAkB,qBAClBJ,UAAU,WACVS,QAAS,kBAAMX,GAAeD,EAAW,EAACM,SAEzCd,IAGJQ,GACCE,EAAAA,EAAAA,MAAA,OAAKC,UAAU,iCAAgCG,SAAA,EAC7CC,EAAAA,EAAAA,KAAA,OAAKJ,UAAU,YAAWG,UAAEK,EAAAA,EAAAA,IAAgBpB,KAC3CS,GACCO,EAAAA,EAAAA,KAAA,UAEE,oBAAkB,qBAClBJ,UAAU,WACVS,QAAS,kBAAMX,GAAeD,EAAW,EAACM,SAEzCb,SAEDiB,UAEJA,UAGNA,IAGV,C","sources":["shared/corporate/components/employee-profile/employee-profile-component.jsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport ReactHtmlParser from \"react-html-parser\"\nimport * as SelectionFactoryHelper from \"../../../helpers/SelectionFactoryHelper\"\nimport useWindowWidth from \"../../../../hooks/useWindowWidth\"\n\nfunction EmployeeProfileComponent({\n  employeePortrait,\n  employeePortraitAltText,\n  employeePortraitPosition,\n  employeeName,\n  employeeTitles,\n  employeeStory,\n  employeeStoryCutoff,\n  readMoreButtonText,\n  readLessButtonText,\n}) {\n  const windowWidth = useWindowWidth()\n  const [showCutoff, setShowCutoff] = useState(false)\n\n  return (\n    //wrapper around this component is called .js--employee-profile-module\n    <section className={`employee-profile-content ${SelectionFactoryHelper.getFromSelectionFactory(employeePortraitPosition)} w--wider`}>\n      {employeePortrait ? (\n        <img\n          // eslint-disable-next-line\n          epi-property-name=\"EmployeePortrait\"\n          className=\"employee-image\"\n          src={employeePortrait}\n          alt={employeePortraitAltText || employeeName}\n        ></img>\n      ) : undefined}\n      <h2\n        // eslint-disable-next-line\n        epi-property-name=\"EmployeeName\"\n        className=\"employee-name\"\n      >\n        {employeeName || \"\"}\n      </h2>\n      {employeeTitles ? (\n        <div className=\"titles-rich-text-wrapper\">\n          <div\n            // eslint-disable-next-line\n            epi-property-name=\"EmployeeTitles\"\n            className=\"rich-text\"\n            // eslint-disable-next-line\n            epi-data-property-name=\"\"\n          >\n            {ReactHtmlParser(employeeTitles)}\n          </div>\n        </div>\n      ) : undefined}\n      {employeeStory ? (\n        <div className=\"story-rich-text-wrapper\">\n          <div\n            // eslint-disable-next-line\n            epi-property-name=\"EmployeeStory\"\n            className=\"rich-text\"\n          >\n            {ReactHtmlParser(employeeStory)}\n          </div>\n        </div>\n      ) : undefined}\n      {employeeStoryCutoff ? (\n        windowWidth >= 768 ? (\n          <div className=\"story-cutoff-rich-text-wrapper\">\n            <div\n              // eslint-disable-next-line\n              epi-property-name=\"EmployeeStoryCutoff\"\n              className=\"rich-text\"\n            >\n              {ReactHtmlParser(employeeStoryCutoff)}\n            </div>\n          </div>\n        ) : (\n          <div className=\"mobile-cutoff-section\">\n            {!showCutoff ? (\n              <button\n                // eslint-disable-next-line\n                epi-property-name=\"ReadMoreButtonText\"\n                className=\"readmore\"\n                onClick={() => setShowCutoff(!showCutoff)}\n              >\n                {readMoreButtonText}\n              </button>\n            ) : undefined}\n            {showCutoff ? (\n              <div className=\"story-cutoff-rich-text-wrapper\">\n                <div className=\"rich-text\">{ReactHtmlParser(employeeStoryCutoff)}</div>\n                {showCutoff ? (\n                  <button\n                    // eslint-disable-next-line\n                    epi-property-name=\"ReadLessButtonText\"\n                    className=\"readless\"\n                    onClick={() => setShowCutoff(!showCutoff)}\n                  >\n                    {readLessButtonText}\n                  </button>\n                ) : undefined}\n              </div>\n            ) : undefined}\n          </div>\n        )\n      ) : undefined}\n    </section>\n  )\n}\n\nexport default EmployeeProfileComponent\n"],"names":["_ref","employeePortrait","employeePortraitAltText","employeePortraitPosition","employeeName","employeeTitles","employeeStory","employeeStoryCutoff","readMoreButtonText","readLessButtonText","windowWidth","useWindowWidth","_useState","useState","_useState2","_slicedToArray","showCutoff","setShowCutoff","_jsxs","className","concat","SelectionFactoryHelper","children","_jsx","src","alt","undefined","ReactHtmlParser","onClick"],"sourceRoot":""}