{"version":3,"sources":["webpack:///./src/templates/sign-up.tsx"],"names":["sliceComponents","header_slice","content","title","header","primary","className","bgImage","url","strength","style","height","maxHeight","description_slice","description","RichText","render","posting_slice","fields","useState","activeItems","setActiveItems","map","item","body","posting","find","x","type","job_title","job_description","isActive","includes","onClick","filter","toggleActive","form_slice","form_title","html_embed","dangerouslySetInnerHTML","__html","doc","data","prismic","allSign_ups","edges","slice","pop","node","_meta","uid","split","word","charAt","toUpperCase","join","i","SliceComponent","id","query"],"mappings":"qNAsFMA,EAAkB,CACtBC,aAjFkB,SAAC,GAAuB,IAArBC,EAAqB,EAArBA,QAASC,EAAY,EAAZA,MAEtBC,EADYF,EAAZG,QACAD,OACR,OACE,cAAC,WAAD,CAAUE,UAAU,cAAcC,QAASH,EAAOI,IAAKC,SAAU,IAAjE,SACE,sBAAKC,MAAO,CAACC,OAAQ,QAASC,UAAW,SAAzC,UACI,qBAAKN,UAAU,wBACf,oBAAIA,UAAU,0BAAd,SAAyCH,UA2EjDU,kBArEkB,SAAC,GAAgB,IAE3BC,EAF2B,EAAdZ,QACbG,QACAS,YACR,OACE,qBAAKR,UAAU,cAAf,SACE,qBAAKA,UAAU,eAAf,SACIS,WAASC,OAAOF,QAgExBG,cA1De,SAAC,GAAgB,IACxBC,EADwB,EAAdhB,QACVgB,OADwB,EAEMC,mBAAS,IAAxCC,EAFyB,KAEZC,EAFY,KAWhC,OACE,qBAAKf,UAAU,cAAf,SACE,qBAAKA,UAAU,6BAAf,SACCY,EAAOI,KAAI,SAAAC,GAAQ,YAEVC,EADYD,EAAZE,QACAD,KACFrB,GAAQqB,SAAA,UAAAA,EAAME,MAAK,SAAAC,GAAC,MAAe,UAAXA,EAAEC,eAAlB,mBAAqCvB,eAArC,eAA8CwB,YAAa,GACnEf,GAAcU,SAAA,UAAAA,EAAME,MAAK,SAAAC,GAAC,MAAe,gBAAXA,EAAEC,eAAlB,mBAA2CvB,eAA3C,eAAoDyB,kBAAmB,KACrFC,EAAWX,EAAYY,SAAS7B,GACtC,OACE,sBACEG,UAAS,qBAAsByB,EAAW,SAAW,IAErDE,QAAS,kBApBE,SAAC9B,GAChBiB,EAAYY,SAAS7B,GACvBkB,EAAeD,EAAYc,QAAO,SAACX,GAAD,OAAUA,IAASpB,MAErDkB,EAAe,GAAD,mBAAKD,GAAL,CAAkBjB,KAgBXgC,CAAahC,IAH9B,UAKE,qBAAKG,UAAU,0BAAf,SAA0CH,IAC1C,qBAAKG,UAAU,wBAAf,SACIS,WAASC,OAAOF,OALfX,WAoCfiC,WArBW,SAAC,GAAgB,IACpB/B,EADoB,EAAdH,QACNG,QACAgC,EAA2BhC,EAA3BgC,WAAYC,EAAejC,EAAfiC,WAEpB,OACE,qBAAKhC,UAAU,cAAf,SACE,qBAAKA,UAAU,4CAAf,SACE,sBAAKA,UAAU,oCAAf,UACE,6BAAK+B,IACL,qBAAKE,wBAAyB,CAAEC,OAAQF,cAenC,sBAAc,YACrBG,EADqB,EAAXC,KACCC,QAAQC,YAAYC,MAAMC,MAAM,EAAE,GAAGC,MAChD5C,EAAQsC,SAAH,UAAGA,EAAKO,YAAR,iBAAG,EAAWC,aAAd,iBAAG,EAAkBC,WAArB,aAAG,EAAuBC,MAAM,KAAK7B,KAAI,SAAA8B,GAAI,OAAIA,EAAKC,OAAO,GAAGC,cAAgBF,EAAKN,MAAM,MAAIS,KAAK,KAC/G,OAAId,EAEF,cAAC,IAAD,UACE,qBAAKnC,UAAU,cAAf,SACE,qBAAKA,UAAU,eAAf,mBACGmC,EAAIO,YADP,aACG,EAAUxB,KAAKF,KAAI,SAACwB,EAAOU,GACxB,KAAKV,aAAD,EAACA,EAAOlB,MAAM,OAAO,KACzB,IAAM6B,EACJzD,EAAgB8C,EAAMlB,MAEtB,OAAI6B,EAEA,cAACA,EAAD,CACEvD,QAAS4C,EAET3C,MAAOA,GADF2C,EAAMY,IAAMF,GAMhB,cApBL,MA4BX,IAAMG,EAAQ","file":"component---src-templates-sign-up-tsx-fe5486b698c486dddef6.js","sourcesContent":["import React, { useState } from \"react\";\nimport { graphql } from \"gatsby\";\nimport { Parallax } from \"react-parallax\";\nimport { RichText } from \"prismic-reactjs\";\nimport Layout from \"../components/layouts\";\n\nconst HeaderSlice = ({ content, title }) => {\n  const { primary } = content;\n  const { header } = primary;\n  return (\n    <Parallax className=\"page-header\" bgImage={header.url} strength={400}>\n      <div style={{height: '100vh', maxHeight: '550px'}}>\n          <div className=\"page-header-overlay\" />\n          <h1 className=\"page-header-title white\">{title}</h1>\n      </div>\n    </Parallax>\n  )\n}; \n\nconst Description = ({ content }) => {\n  const { primary } = content;\n  const { description } = primary;\n  return (\n    <div className=\"signup-body\">\n      <div className=\"signup-intro\">\n        { RichText.render(description) }\n      </div>\n    </div>\n  )\n};\n\nconst Postings = ({ content }) => {\n  const { fields } = content;\n  const [activeItems, setActiveItems] = useState([]);\n  \n  const toggleActive = (title) => {\n    if (activeItems.includes(title)) {\n      setActiveItems(activeItems.filter((item) => item !== title));\n    } else {\n      setActiveItems([...activeItems, title]);\n    }\n  };\n  return (\n    <div className=\"signup-body\">\n      <div className=\"signup-accordion-container\">\n      {fields.map(item => {\n        const { posting } = item;\n        const { body } = posting;\n        const title = body?.find(x => x.type === 'title')?.primary?.job_title || \"\";\n        const description = body?.find(x => x.type === 'description')?.primary?.job_description || null;\n        const isActive = activeItems.includes(title);\n        return (\n          <div\n            className={`signup-accordion ${isActive ? 'active' : ''}`}\n            key={title}\n            onClick={() => toggleActive(title)}\n          >\n            <div className=\"signup-accordion-header\">{title}</div>\n            <div className=\"signup-accordion-body\">\n              { RichText.render(description) }\n            </div>\n          </div>\n        )\n      })}\n    </div>\n    </div>\n  )\n};\n\nconst Form = ({ content }) => {\n  const { primary } = content;\n  const { form_title, html_embed } = primary;\n\n  return (\n    <div className=\"signup-body\">\n      <div className=\"form-container application-form-container\">\n        <div className=\"form-inner application-form-inner\">\n          <h1>{form_title}</h1>\n          <div dangerouslySetInnerHTML={{ __html: html_embed }} />\n        </div>\n      </div>\n    </div>\n  )\n};\n\n\nconst sliceComponents = {\n  header_slice: HeaderSlice,\n  description_slice: Description,\n  posting_slice: Postings,\n  form_slice: Form,\n};\n\nexport default ({ data }) => {\n  const doc = data.prismic.allSign_ups.edges.slice(0,1).pop();\n  const title = doc?.node?._meta?.uid?.split('-').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');\n  if(!doc) return null;\n  return(\n    <Layout>\n      <div className=\"signup-page\">\n        <div className=\"signup-inner\">\n          {doc.node?.body.map((slice, i) => {\n              if (!slice?.type) return null;\n              const SliceComponent =\n                sliceComponents[slice.type];\n\n                if (SliceComponent) {\n                  return (\n                    <SliceComponent\n                      content={slice}\n                      key={slice.id || i}\n                      title={title}\n                    />\n                  );\n                }\n\n                return null;\n            })}\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\nquery SignUpQuery($uid: String) {\n  prismic{\n    allSign_ups(uid: $uid) {\n      edges {\n        node {\n          body {\n            ... on PRISMIC_Sign_upBodyHeader_slice {\n              type\n              label\n              primary {\n                header\n              }\n            }\n            ... on PRISMIC_Sign_upBodyDescription_slice {\n              type\n              label\n              primary {\n                description\n              }\n            }\n            ... on PRISMIC_Sign_upBodyForm_slice {\n              type\n              label\n              primary {\n                form_title\n                html_embed\n              }\n            }\n            ... on PRISMIC_Sign_upBodyPosting_slice {\n              type\n              label\n              fields {\n                posting {\n                  ... on PRISMIC_Job_posting {\n                    _linkType\n                    body {\n                      ... on PRISMIC_Job_postingBodyTitle {\n                        type\n                        label\n                        primary {\n                          job_title\n                        }\n                      }\n                      ... on PRISMIC_Job_postingBodyDescription {\n                        type\n                        label\n                        primary {\n                          job_description\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n          _meta {\n            uid\n          }\n        }\n      }\n    }\n  }\n}\n`\n"],"sourceRoot":""}