{"version":3,"sources":["webpack:///./src/components/shared/ContactSection/ContactSection.js","webpack:///./src/pages/PositionDetail/PositionDetail.js","webpack:///./src/assets/pictures/buehne_jobs.svg","webpack:///./src/pages/[...].js"],"names":["data","title","html","cta","ctaUrl","className","dangerouslySetInnerHTML","__html","href","props","useState","position","setPosition","useEffect","sub","positions","a","ContentService","take","xs","sm","lg","xl","key","index","d","value","target","to","color","size","module","exports","PositionDetails","query","render","content","compose","getEdgesForQuery","headerSectionData","getSectionDataFor","footer","contactSectionData","image","imageCareers","id","path"],"mappings":"iGAAA,+CAKe,gBAA6C,IAAD,IAAzCA,KAAQC,EAAiC,EAAjCA,MAAOC,EAA0B,EAA1BA,KAAMC,EAAoB,EAApBA,IAAKC,EAAe,EAAfA,OAC1C,OACE,6BAASC,UAAU,gCACjB,uBAAWA,UAAU,QACnB,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,+BACb,wBAAIA,UAAU,6BAFlB,IAIE,yBAAKA,UAAU,+BACb,yBACEA,UADF,aAEEC,wBAAyB,CAAEC,OAAQL,KAErC,yBAAKG,UAAU,oBACb,uBACEG,KADF,EAEEH,UAAU,iEAfxB,U,2DCNF,gIAqEA,UA9DuB,SAAAI,GAAU,IAAD,MACEC,mBADF,MACvBC,EADuB,KACbC,EADa,KAkB9B,OAfAC,qBAAU,WAAO,IAAD,EACRC,EAAM,kCAA4C,SAAAC,GACtDH,EAAYG,aAAD,EAACA,EAAA,MAAgB,SAAAC,GAAC,OAAIA,OAASP,EAAb,UAQ/B,OANA,KAAI,sEACFQ,iCAEQC,YAFRD,gBAKK,WACLH,mBAED,CAACL,EAbJI,KAgBE,6BAASR,UAAU,0BAChBM,EACC,uBAAWN,UAAU,aACnB,uBAAKA,UAAU,sCACb,uBAAKc,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC/B,wBAAIjB,UAAU,mBACXM,aADH,EACGA,EAHP,qBAME,uBAAKQ,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC/B,wBAAIjB,UAAU,gBAAgBM,aAA9B,EAA8BA,EAPlC,OASE,uBAAKQ,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC9BX,SADH,UACGA,EADH,wCACG,EADH,mCACG,OAA+C,qBAC9C,8BAAUY,IAAKC,GACb,4BAAKC,EADP,MAEE,yBACEpB,UADF,uBAEEC,wBAAyB,CAAEC,OAAQkB,EAAEC,cAK7C,uBAAKP,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAA7B,EAAoCjB,UAAU,aAC5C,yBAAKA,UAAU,UACb,uBACEsB,OADF,SAEEC,GAAE,0CAA2CjB,aAA3C,EAA2CA,EAA3C,yBAEF,uBAAQkB,MAAR,OAAqBC,KAAK,MA5B7B,uBAFb,Q,qBCzBFC,EAAOC,QAAU,IAA0B,2D,2DCA3C,qJAcMC,EAAkB,SAAAxB,GAAK,OAC3B,iCACEyB,MADF,YAwDEC,OAAQ,SAAAnC,GACN,IAAMoC,EAAUC,YAAQ,EAAD,EAAeC,YAAtBD,YAAhB,GACME,EAAoBC,YAAkB,yBAA5C,GAIMC,EAASJ,YAAQ,EAAD,EAAeC,YAAtBD,WAAf,GACMK,EAAqBF,YAAkB,0BAA7C,GAIA,OACE,gCACE,2BACE,uBAAexC,KAAf,EAAwC2C,MAAOC,MAC/C,6BAAgBC,GAAIpC,EAAMoC,KAC1B,uBAAgB7C,KAAM0C,UAiBlC,UARe,WACb,OACE,gCACE,qBAAiBI,KAAK","file":"component---src-pages-js-3174cd80d4e3e90c9c32.js","sourcesContent":["import \"./ContactSection.scss\"\r\n\r\nimport React from \"react\"\r\nimport { Container } from \"reactstrap\"\r\n\r\nexport default ({ data: { title, html, cta, ctaUrl } }) => {\r\n  return (\r\n    <section className=\"section-contact bg-blue-dark\">\r\n      <Container className=\"py-5\">\r\n        <div className=\"contact-section-grid py-lg-4\">\r\n          <div className=\"contact-section-flex-item-1\">\r\n            <h4 className=\"text-white dot dot-yellow\">{title}</h4>\r\n          </div>\r\n          <div className=\"contact-section-flex-item-2\">\r\n            <div\r\n              className=\"text-white\"\r\n              dangerouslySetInnerHTML={{ __html: html }}\r\n            ></div>\r\n            <div className=\"button-container\">\r\n              <a\r\n                href={ctaUrl}\r\n                className=\"btn btn-sm btn-light bg-white text-blue-dark font-weight-bold\"\r\n              >\r\n                {cta}\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Container>\r\n    </section>\r\n  )\r\n}\r\n","import React, { Fragment, useEffect, useState } from \"react\"\r\nimport { Container, Row, Col, Button } from \"reactstrap\"\r\nimport Link from \"@components/shared/Link/Link\"\r\nimport \"./PositionDetail.scss\"\r\nimport { take } from \"rxjs/operators\"\r\nimport { ContentService } from \"../../utils/content-service\"\r\n\r\nconst PositionDetail = props => {\r\n  const [position, setPosition] = useState(null)\r\n\r\n  useEffect(() => {\r\n    const sub = ContentService.instance.positions.subscribe(positions => {\r\n      setPosition(positions?.find(a => a.id === props.id))\r\n    })\r\n    if (ContentService.instance.positions.value?.length === 0) {\r\n      ContentService.instance\r\n        .getPositions()\r\n        .pipe(take(1))\r\n        .subscribe()\r\n    }\r\n    return () => {\r\n      sub.unsubscribe()\r\n    }\r\n  }, [props.id])\r\n\r\n  return (\r\n    <section className=\"position-detail d-flex\">\r\n      {position ? (\r\n        <Container className=\"my-5 py-5\">\r\n          <Row className=\"my-5 d-flex justify-content-center\">\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              <h5 className=\"text-capitalize\">\r\n                {position?.recruitingCategory}\r\n              </h5>\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              <h2 className=\"dot dot-blue\">{position?.name}</h2>\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              {position?.jobDescriptions?.jobDescription?.map((d, index) => (\r\n                <Fragment key={index}>\r\n                  <h4>{d.name}</h4>\r\n                  <div\r\n                    className=\"position-detail-list\"\r\n                    dangerouslySetInnerHTML={{ __html: d.value }}\r\n                  ></div>\r\n                </Fragment>\r\n              ))}\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9} className=\"my-3 py-3\">\r\n              <div className=\"m-auto\">\r\n                <Link\r\n                  target=\"_blank\"\r\n                  to={`https://iti-gmbh.jobs.personio.de/job/${position?.id}?display=de#apply`}\r\n                >\r\n                  <Button color=\"dark\" size=\"md\">\r\n                    Jetzt bewerben\r\n                  </Button>\r\n                </Link>\r\n\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n        </Container>\r\n      ) : null}\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default PositionDetail\r\n","module.exports = __webpack_public_path__ + \"static/buehne_jobs-b6271c522759b4d012758601dac86012.svg\";","import React from \"react\"\r\nimport { Router as MyRouter } from \"@reach/router\"\r\nimport { StaticQuery, graphql } from \"gatsby\"\r\nimport { compose } from \"ramda\"\r\nimport { getEdgesForQuery, getQueryData, getSectionDataFor } from \"@utils/utils\"\r\n/**\r\n * import Sections\r\n */\r\nimport MainLayout from \"@layouts/MainLayout/MainLayout\"\r\nimport HeaderSection from \"@components/shared/HeaderSection/HeaderSection\"\r\nimport ContactSection from \"@components/shared/ContactSection/ContactSection\"\r\nimport imageCareers from \"@assets/pictures/buehne_jobs.svg\"\r\nimport PositionDetail from \"@pages/PositionDetail/PositionDetail\"\r\n\r\nconst PositionDetails = props => (\r\n  <StaticQuery\r\n    query={graphql`\r\n      query positionDetailQueryAndPositionDetailQuery {\r\n        content: allMarkdownRemark(\r\n          filter: {\r\n            frontmatter: {\r\n              path: { eq: \"/careers\" }\r\n              published: { eq: true }\r\n              lang: { eq: \"de\" }\r\n            }\r\n          }\r\n        ) {\r\n          edges {\r\n            node {\r\n              frontmatter {\r\n                path\r\n                subtitle\r\n                title\r\n                section\r\n                blocks {\r\n                  label\r\n                  text\r\n                }\r\n              }\r\n              internal {\r\n                content\r\n              }\r\n            }\r\n          }\r\n        }\r\n        footer: allMarkdownRemark(\r\n          filter: {\r\n            frontmatter: {\r\n              path: { eq: \"/ui\" }\r\n              published: { eq: true }\r\n              lang: { eq: \"de\" }\r\n            }\r\n          }\r\n        ) {\r\n          edges {\r\n            node {\r\n              frontmatter {\r\n                section\r\n                title\r\n                cta\r\n                ctaUrl\r\n              }\r\n              internal {\r\n                content\r\n              }\r\n              html\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `}\r\n    render={data => {\r\n      const content = compose(getQueryData, getEdgesForQuery(\"content\"))(data)\r\n      const headerSectionData = getSectionDataFor(\r\n        \"careers-section-header\",\r\n        content\r\n      )\r\n      const footer = compose(getQueryData, getEdgesForQuery(\"footer\"))(data)\r\n      const contactSectionData = getSectionDataFor(\r\n        \"ui-section-footer-apply\",\r\n        footer\r\n      )\r\n      return (\r\n        <header>\r\n          <MainLayout>\r\n            <HeaderSection data={headerSectionData} image={imageCareers} />\r\n            <PositionDetail id={props.id}></PositionDetail>\r\n            <ContactSection data={contactSectionData} />\r\n          </MainLayout>\r\n        </header>\r\n        \r\n      )\r\n    }}\r\n  />\r\n)\r\n\r\nconst Router = () => {\r\n  return (\r\n    <MyRouter>\r\n      <PositionDetails path=\"/position-details/:id\"/>\r\n    </MyRouter>\r\n  )\r\n}\r\n\r\nexport default Router\r\n"],"sourceRoot":""}