{"version":3,"sources":["webpack:///./src/components/shared/ContactSection/ContactSection.js","webpack:///./src/assets/pictures/buehne_jobs.svg","webpack:///./src/templates/careers/positions/PositionDetail.js"],"names":["data","title","html","cta","ctaUrl","className","dangerouslySetInnerHTML","__html","href","module","exports","query","content","compose","getEdgesForQuery","positionDetails","positionTitle","prop","positionDepartment","positionDetailsHtml","headerSectionData","getSectionDataFor","footer","contactSectionData","image","imageCareers","xs","sm","lg","xl"],"mappings":"uHAAA,+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,qBCNFI,EAAOC,QAAU,IAA0B,2D,2DCA3C,+NAqBaC,EAAN,aA6HP,UAjD2B,SAAC,GAAc,IAAZX,EAAW,EAAXA,KACtBY,EAAUC,YAAQ,EAAD,EAAeC,YAAtBD,YAAhB,GACME,EAAkBF,YAAQ,EAAD,MAG7BC,YAHsBD,oBAAxB,GAMMG,EAAgBC,YAAK,QAA3B,GACMC,EAAqBD,YAAK,aAAhC,GACME,EAAsB,CAC1BZ,OAAQU,YAAK,OAAO,IAGhBG,EAAoBC,YAAkB,yBAA5C,GAEMC,EAAST,YAAQ,EAAD,EAAeC,YAAtBD,WAAf,GACMU,EAAqBF,YAAkB,0BAA7C,GAKA,OACE,2BACE,uBAAerB,KAAf,EAAwCwB,MAAOC,MAC/C,6BAASpB,UAAU,0BACjB,uBAAWA,UAAU,aACnB,uBAAKA,UAAU,sCACb,uBAAKqB,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC/B,wBAAIxB,UAAU,mBAFlB,IAIE,uBAAKqB,GAAL,GAAaC,GAAb,GAAqBC,GAArB,GAA6BC,GAAI,GAC/B,wBAAIxB,UAAU,gBALlB,IAOE,uBACEqB,GADF,GAEEC,GAFF,GAGEC,GAHF,GAIEC,GAJF,EAKEvB,wBAAyBa,OAKjC,uBAAgBnB,KAAMuB","file":"component---src-templates-careers-positions-position-detail-js-42647ce7df9719e5534e.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","module.exports = __webpack_public_path__ + \"static/buehne_jobs-b6271c522759b4d012758601dac86012.svg\";","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport { Container, Row, Col } from \"reactstrap\"\r\n\r\nimport { compose, head, prop } from \"ramda\"\r\nimport { getEdgesForQuery, getQueryData, getSectionDataFor } from \"@utils/utils\"\r\n\r\nimport \"./PositionDetail.scss\"\r\n\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\n\r\nimport imageCareers from \"@assets/pictures/buehne_jobs.svg\"\r\n\r\n/**\r\n * quering data\r\n */\r\nexport const query = graphql`\r\n  query PositionDetailQuery($slug: String) {\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          }\r\n          internal {\r\n            content\r\n          }\r\n        }\r\n      }\r\n    }\r\n    positionDetails: allMarkdownRemark(\r\n      filter: {\r\n        frontmatter: {\r\n          path: { eq: \"/positions\" }\r\n          published: { eq: true }\r\n          lang: { eq: \"de\" }\r\n          slug: { eq: $slug }\r\n        }\r\n      }\r\n    ) {\r\n      edges {\r\n        node {\r\n          frontmatter {\r\n            title\r\n            department\r\n            slug\r\n          }\r\n          internal {\r\n            content\r\n          }\r\n          html\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\r\nconst PositionDetailPage = ({ data }) => {\r\n  const content = compose(getQueryData, getEdgesForQuery(\"content\"))(data)\r\n  const positionDetails = compose(\r\n    head,\r\n    getQueryData,\r\n    getEdgesForQuery(\"positionDetails\")\r\n  )(data)\r\n\r\n  const positionTitle = prop(\"title\", positionDetails)\r\n  const positionDepartment = prop(\"department\", positionDetails)\r\n  const positionDetailsHtml = {\r\n    __html: prop(\"html\", positionDetails),\r\n  }\r\n\r\n  const headerSectionData = getSectionDataFor(\"careers-section-header\", 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\r\n  return (\r\n    <MainLayout>\r\n      <HeaderSection data={headerSectionData} image={imageCareers} />\r\n      <section className=\"position-detail d-flex\">\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\">{positionDepartment}</h5>\r\n            </Col>\r\n            <Col xs={11} sm={12} lg={10} xl={9}>\r\n              <h2 className=\"dot dot-blue\">{positionTitle}</h2>\r\n            </Col>\r\n            <Col\r\n              xs={11}\r\n              sm={12}\r\n              lg={10}\r\n              xl={9}\r\n              dangerouslySetInnerHTML={positionDetailsHtml}\r\n            ></Col>\r\n          </Row>\r\n        </Container>\r\n      </section>\r\n      <ContactSection data={contactSectionData} />\r\n    </MainLayout>\r\n  )\r\n}\r\n\r\nexport default PositionDetailPage\r\n"],"sourceRoot":""}