{"version":3,"sources":["webpack:///./node_modules/ramda/es/last.js","webpack:///./src/components/careers/TeamGallery/TeamGallery.js","webpack:///./src/components/careers/TeamSection/TeamSection.js","webpack:///./src/components/careers/OfficeGallery/OfficeGallery.js","webpack:///./src/components/careers/OfficeSection/OfficeSection.js","webpack:///./src/components/careers/BenefitsSection/BenefitsSection.js","webpack:///./src/pages/careers.js","webpack:///./src/components/shared/Positions/PositionListItem/PositionListItem.js","webpack:///./src/components/shared/Positions/PositionList/PositionList.js","webpack:///./src/assets/pictures/buehne_jobs.svg","webpack:///./src/components/shared/CareersSection/CareersSection.js"],"names":["nth","data","useStaticQuery","metadata","compose","getEdgesForQuery","photosMetadata","prop","defaultValues","displayAmount","index","findIndex","map","last","imageList","take","className","showHoverInfo","list","queries","values","defaultValue","anchor","dotColor","useState","activeIndex","setActiveIndex","benefitsBlockList","labelList","addIndex","label","key","onClick","swipeHandlers","useSwipeable","onSwipedLeft","nextIndex","onSwipedRight","delta","preventDefaultTouchmoveEvent","indicatorsList","excerptList","excerpt","content","headerSectionData","getSectionDataFor","overviewSectionData","officeSectionData","openPositionsSectionData","benefitsSectionData","teamSectionData","footer","contactSectionData","image","imageCareers","id","style","overflow","name","to","alt","src","width","props","positions","setPositions","useEffect","ContentService","sub","initiative","a","positionsTemp","slicedPositions","params","module","exports","title","subtitle","cta","ctaUrl","showCta","children","classnames"],"mappings":"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","file":"component---src-pages-careers-js-a2579b8985dc79d926db.js","sourcesContent":["import nth from \"./nth.js\";\n/**\n * Returns the last element of the given list or string.\n *\n * @func\n * @memberOf R\n * @since v0.1.4\n * @category List\n * @sig [a] -> a | Undefined\n * @sig String -> String\n * @param {*} list\n * @return {*}\n * @see R.init, R.head, R.tail\n * @example\n *\n *      R.last(['fi', 'fo', 'fum']); //=> 'fum'\n *      R.last([]); //=> undefined\n *\n *      R.last('abc'); //=> 'c'\n *      R.last(''); //=> ''\n */\n\nvar last = /*#__PURE__*/nth(-1);\nexport default last;","import React from \"react\"\r\nimport {\r\n  compose,\r\n  findIndex,\r\n  head,\r\n  identity,\r\n  last,\r\n  map,\r\n  prop,\r\n  take,\r\n} from \"ramda\"\r\nimport {\r\n  getEdgesForQuery,\r\n  getImageQueryFluidData,\r\n  getQueryData,\r\n  shuffle,\r\n} from \"@utils/utils\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport { useMedia } from \"use-media\"\r\n\r\nimport ImageGallery from \"@components/shared/ImageGallery/ImageGallery\"\r\n\r\nconst TeamGallery = React.memo(() => {\r\n  const data = useStaticQuery(graphql`\r\n    query teamGallery {\r\n      photos: allImageSharp(\r\n        filter: { fluid: { originalName: { glob: \"team*\" } } }\r\n      ) {\r\n        edges {\r\n          node {\r\n            fluid(maxWidth: 500) {\r\n              ...GatsbyImageSharpFluid_tracedSVG\r\n              presentationHeight\r\n              presentationWidth\r\n              originalName\r\n            }\r\n          }\r\n        }\r\n      }\r\n      metadata: allMarkdownRemark(\r\n        filter: {\r\n          frontmatter: {\r\n            path: { eq: \"/careers\" }\r\n            section: { eq: \"careers-photos-team\" }\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              team {\r\n                originalName\r\n                label\r\n                excerpt\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `)\r\n\r\n  const metadata = compose(getQueryData, getEdgesForQuery(\"metadata\"))(data)\r\n  const photosMetadata = compose(prop(\"team\"), head)(metadata)\r\n\r\n  const defaultQueries = [\r\n    \"(max-width: 768px)\",\r\n    \"(max-width: 992px)\",\r\n    \"(min-width: 993px)\",\r\n  ]\r\n  const defaultValues = [3, 6, 8]\r\n\r\n  // Hook1: Tie media queries to the number of images to display\r\n  const displayAmount =\r\n    compose(\r\n      index => defaultValues[index],\r\n      findIndex(identity),\r\n      map(useMedia)\r\n    )(defaultQueries) || last(defaultValues)\r\n\r\n  const imageList = compose(\r\n    take(displayAmount),\r\n    shuffle,\r\n    getImageQueryFluidData,\r\n    getEdgesForQuery(\"photos\")\r\n  )(data)\r\n\r\n  const columns = {\r\n    queries: [\r\n      \"(max-width: 576px)\",\r\n      \"(max-width: 768px)\",\r\n      \"(max-width: 992px)\",\r\n      \"(min-width: 993px)\",\r\n    ],\r\n    values: [1, 1, 2, 2],\r\n    defaultValue: 2,\r\n  }\r\n\r\n  return (\r\n    <ImageGallery\r\n      className=\"team mb-5\"\r\n      showHoverInfo\r\n      metadata={photosMetadata}\r\n      list={imageList}\r\n      {...columns}\r\n    />\r\n  )\r\n})\r\n\r\nexport default TeamGallery\r\n","import React from \"react\"\r\n\r\nimport CopySection from \"@components/shared/CopySection/CopySection\"\r\nimport TeamGallery from \"@components/careers/TeamGallery/TeamGallery\"\r\n\r\nconst TeamSection = ({ data }) => {\r\n  return (\r\n    <CopySection\r\n      anchor={\"team\"}\r\n      data={data}\r\n      className=\"bg-white\"\r\n      dotColor=\"blue\"\r\n    >\r\n      <>\r\n        <TeamGallery />\r\n      </>\r\n    </CopySection>\r\n  )\r\n}\r\n\r\nexport default TeamSection\r\n","import React from \"react\"\r\nimport { compose } from \"ramda\"\r\nimport { getImageEdges, getImageQueryFluidData } from \"@utils/utils\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\n\r\nimport ImageGallery from \"@components/shared/ImageGallery/ImageGallery\"\r\n\r\nconst OfficeGallery = React.memo(() => {\r\n  const data = useStaticQuery(graphql`\r\n    query officeGallery {\r\n      allImageSharp(\r\n        filter: { fluid: { originalName: { glob: \"office*\" } } }\r\n        sort: { fields: resize___originalName }\r\n      ) {\r\n        edges {\r\n          node {\r\n            fluid(maxWidth: 500) {\r\n              ...GatsbyImageSharpFluid_tracedSVG\r\n              presentationHeight\r\n              presentationWidth\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  `)\r\n\r\n  const imageList = compose(getImageQueryFluidData, getImageEdges)(data)\r\n\r\n  const columns = {\r\n    queries: [\r\n      \"(max-width: 576px)\",\r\n      \"(max-width: 768px)\",\r\n      \"(max-width: 992px)\",\r\n      \"(max-width: 1200px)\",\r\n      \"(min-width: 1201px)\",\r\n    ],\r\n    values: [1, 1, 2, 3, 3],\r\n    defaultValue: 2,\r\n  }\r\n\r\n  return <ImageGallery list={imageList} {...columns} />\r\n})\r\n\r\nexport default OfficeGallery\r\n","import React from \"react\"\r\nimport CopySection from \"@components/shared/CopySection/CopySection\"\r\nimport OfficeGallery from \"@components/careers/OfficeGallery/OfficeGallery\"\r\n\r\nconst OfficeSection = ({ data }) => {\r\n  return (\r\n    <CopySection\r\n      anchor={\"office\"}\r\n      data={data}\r\n      className=\"bg-white\"\r\n      dotColor=\"blue-dark\"\r\n    >\r\n      <>\r\n        <OfficeGallery />\r\n      </>\r\n    </CopySection>\r\n  )\r\n}\r\n\r\nexport default OfficeSection\r\n","/* eslint-disable jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions */\r\n\r\nimport \"./BenefitsSection.scss\"\r\nimport React, { useState } from \"react\"\r\nimport CopySection from \"@components/shared/CopySection/CopySection\"\r\nimport { Container } from \"reactstrap\"\r\nimport { map, prop, addIndex } from \"ramda\"\r\nimport { useSwipeable } from \"react-swipeable\"\r\n\r\nexport default ({ data }) => {\r\n  const [activeIndex, setActiveIndex] = useState(0)\r\n\r\n  const benefitsBlockList = prop(\"blocks\", data)\r\n\r\n  const labelList = addIndex(map)((method, index) => {\r\n    const label = prop(\"label\", method)\r\n\r\n    return (\r\n      <li\r\n        key={index}\r\n        className={`benefits-section-label-list-item ${\r\n          index === activeIndex ? \"benefits-section-label-list-item-active\" : \"\"\r\n        }`}\r\n      >\r\n        <button className=\"btn btn-link\" onClick={() => setActiveIndex(index)}>\r\n          {label}\r\n        </button>\r\n      </li>\r\n    )\r\n  }, benefitsBlockList)\r\n\r\n  const next = () => {\r\n    const nextIndex = activeIndex === labelList.length - 1 ? 0 : activeIndex + 1\r\n    setActiveIndex(nextIndex)\r\n  }\r\n\r\n  const previous = () => {\r\n    const nextIndex = activeIndex === 0 ? labelList.length - 1 : activeIndex - 1\r\n    setActiveIndex(nextIndex)\r\n  }\r\n\r\n  const swipeHandlers = useSwipeable({\r\n    onSwipedLeft: next,\r\n    onSwipedRight: previous,\r\n    delta: 10,\r\n    preventDefaultTouchmoveEvent: true,\r\n  })\r\n\r\n  const indicatorsList = labelList.map((_, index) => (\r\n    <li\r\n      key={index}\r\n      onClick={() => setActiveIndex(index)}\r\n      className={index === activeIndex ? \"active\" : null}\r\n    ></li>\r\n  ))\r\n\r\n  const excerptList = addIndex(map)((method, index) => {\r\n    const excerpt = prop(\"text\", method)\r\n\r\n    return (\r\n      <li\r\n        key={index}\r\n        className={`benefits-section-excerpt-list-item ${\r\n          index === activeIndex\r\n            ? \"benefits-section-excerpt-list-item-active\"\r\n            : \"\"\r\n        }`}\r\n      >\r\n        <p>{excerpt}</p>\r\n      </li>\r\n    )\r\n  }, benefitsBlockList)\r\n\r\n  return (\r\n    <CopySection\r\n      anchor={\"benefits\"}\r\n      className=\"pt-md-0 bg-lighter\"\r\n      data={data}\r\n      dotColor=\"green\"\r\n    >\r\n      <>\r\n        <Container className=\"p-0\">\r\n          <div className=\"benefits-section-grid\" {...swipeHandlers}>\r\n            <div className=\"benefits-section-flex-item-1\">\r\n              <ul className=\"benefits-section-label-list\">{labelList}</ul>\r\n            </div>\r\n            <div className=\"benefits-section-flex-item-2 pl-md-5\">\r\n              <ul className=\"benefits-section-excerpt-list\">{excerptList}</ul>\r\n            </div>\r\n          </div>\r\n          <ol className=\"d-md-none carousel-indicators\">{indicatorsList}</ol>\r\n        </Container>\r\n      </>\r\n    </CopySection>\r\n  )\r\n}\r\n","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport { compose } from \"ramda\"\r\nimport { getEdgesForQuery, getQueryData, getSectionDataFor } from \"@utils/utils\"\r\n\r\n/**\r\n * import Sections\r\n */\r\nimport MainLayout from \"@layouts/MainLayout/MainLayout\"\r\nimport SEO from \"@components/shared/SEO/SEO\"\r\nimport CopySection from \"@components/shared/CopySection/CopySection\"\r\nimport HeaderSection from \"@components/shared/HeaderSection/HeaderSection\"\r\nimport CareersSection from \"@components/shared/CareersSection/CareersSection\"\r\nimport ContactSection from \"@components/shared/ContactSection/ContactSection\"\r\nimport PositionList from \"@components/shared/Positions/PositionList/PositionList\"\r\nimport TeamSection from \"@components/careers/TeamSection/TeamSection\"\r\nimport OfficeSection from \"@components/careers/OfficeSection/OfficeSection\"\r\nimport BenefitsSection from \"@components/careers/BenefitsSection/BenefitsSection\"\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 CareersSectionIndexQuery {\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            subtitle\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 CareersPage = ({ data }) => {\r\n  const content = compose(getQueryData, getEdgesForQuery(\"content\"))(data)\r\n  const headerSectionData = getSectionDataFor(\"careers-section-header\", content)\r\n\r\n  const overviewSectionData = getSectionDataFor(\r\n    \"careers-section-overview\",\r\n    content\r\n  )\r\n\r\n  const officeSectionData = getSectionDataFor(\"careers-section-office\", content)\r\n  const openPositionsSectionData = getSectionDataFor(\r\n    \"careers-section-open-positions\",\r\n    content\r\n  )\r\n\r\n  const benefitsSectionData = getSectionDataFor(\r\n    \"careers-section-benefits\",\r\n    content\r\n  )\r\n\r\n  const teamSectionData = getSectionDataFor(\"careers-section-team\", content)\r\n\r\n  const footer = compose(getQueryData, getEdgesForQuery(\"footer\"))(data)\r\n  const contactSectionData = getSectionDataFor(\r\n    \"ui-section-footer-careers\",\r\n    footer\r\n  )\r\n\r\n  return (\r\n    <MainLayout>\r\n      <SEO />\r\n      <HeaderSection\r\n        anchor={\"overview\"}\r\n        data={headerSectionData}\r\n        image={imageCareers}\r\n      />\r\n      <CopySection\r\n        anchor={\"overview\"}\r\n        data={overviewSectionData}\r\n        className=\"bg-blue-lighter\"\r\n      />\r\n      <div id=\"section-main\">\r\n        <CareersSection\r\n          className=\"bg-blue-bright\"\r\n          anchor=\"open-positions\"\r\n          data={openPositionsSectionData}\r\n          dotColor=\"red\"\r\n          style={{ overflow: \" visible \" }}\r\n        >\r\n          <PositionList />\r\n        </CareersSection>\r\n      </div>\r\n      <OfficeSection data={officeSectionData} />\r\n      <BenefitsSection data={benefitsSectionData} />\r\n      <TeamSection data={teamSectionData} />\r\n      <ContactSection data={contactSectionData} />\r\n    </MainLayout>\r\n  )\r\n}\r\n\r\nexport default CareersPage\r\n","import \"./PositionListItem.scss\"\r\nimport React from \"react\"\r\nimport Link from \"@components/shared/Link/Link\"\r\n\r\nimport imageArrowRight from \"@assets/icons/ic_arrow-right.svg\"\r\n\r\nconst PositionListItem = ({ id, name }) => (\r\n  <div className=\"list-group mb-2\">\r\n    <Link\r\n      to={`/position-details/${id}`}\r\n      className=\"position-link btn btn-block btn-light\"\r\n    >\r\n      <h5 className=\"font-weight-normal m-0\">{name}</h5>\r\n      <img alt={name} src={imageArrowRight} className=\"ml-auto\" width=\"15\" />\r\n    </Link>\r\n  </div>\r\n)\r\n\r\nexport default PositionListItem\r\n","import React, { Fragment, useEffect, useState } from \"react\"\r\nimport Link from \"@components/shared/Link/Link\"\r\nimport PositionListItem from \"@components/shared/Positions/PositionListItem/PositionListItem\"\r\nimport {ContentService} from \"../../../../utils/content-service\"\r\nimport {take} from 'rxjs/operators'\r\n\r\n\r\nconst PositionList = props => {\r\n  const [positions, setPositions] = useState(null)\r\n\r\n  useEffect(() => {\r\n    ContentService.instance\r\n      .getPositions()\r\n      .pipe(take(1))\r\n      .subscribe()\r\n    const sub = ContentService.instance.positions.subscribe(positions => {\r\n      // sort initiative position to the last position\r\n      const initiative = positions.find(a => a.id === \"221820\")\r\n      const positionsTemp = positions.filter(a => a.id !== \"221820\")\r\n      if (initiative) {\r\n        positionsTemp.push(initiative)\r\n      }\r\n\r\n      if (props.limit) {\r\n        const slicedPositions = positionsTemp.slice(0, props.limit)\r\n        setPositions(slicedPositions)\r\n      } else {\r\n        setPositions(positionsTemp)\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      sub.unsubscribe();\r\n    }\r\n  }, [props.limit])\r\n\r\n  return (\r\n    <Fragment>\r\n      {positions ? (\r\n        <div className=\"d-flex flex-column flex-grow-1 w-100\">\r\n          {positions?.map(params => {\r\n            return <PositionListItem key={params.id} {...params} />\r\n          })}\r\n        </div>\r\n      ) : null}\r\n      {props.limit ? (\r\n        <div className=\"py-4 pb-md-0\">\r\n          <Link\r\n            className=\"btn btn-sm btn-light border border-dark float-right\"\r\n            to=\"/careers#open-positions\"\r\n          >\r\n            Alle Stellenangebote\r\n          </Link>\r\n        </div>\r\n      ) : null}\r\n    </Fragment>\r\n  )\r\n}\r\n\r\nexport default PositionList\r\n","module.exports = __webpack_public_path__ + \"static/buehne_jobs-b6271c522759b4d012758601dac86012.svg\";","import React from \"react\"\r\nimport { Container } from \"reactstrap\"\r\nimport Link from \"@components/shared/Link/Link\"\r\nimport classnames from \"classnames\"\r\n\r\nexport default ({\r\n  anchor,\r\n  className,\r\n  data: { title, subtitle, cta, ctaUrl },\r\n  dotColor = \"blue\",\r\n  showCta = false,\r\n  children,\r\n}) => {\r\n  return (\r\n    <section\r\n      id={anchor}\r\n      className={classnames(\"py-3 py-sm-4 py-md-5\", className)}\r\n    >\r\n      <Container className=\"py-3 py-sm-4 py-md-5\">\r\n        <div className=\"flex-column align-items-center text-center py-3 py-sm-4 py-md-5\">\r\n          <div className=\"mb-3 mb-sm-4 mb-md-5\">\r\n            <h3 className={`m-0 dot dot-${dotColor}`}>{title}</h3>\r\n            <p className=\"my-4 my-sm-5\">{subtitle}</p>\r\n            {showCta ? (\r\n              <Link className=\"btn btn-sm btn-dark\" to={ctaUrl}>\r\n                {cta}\r\n              </Link>\r\n            ) : null}\r\n          </div>\r\n          {children}\r\n        </div>\r\n      </Container>\r\n    </section>\r\n  )\r\n}\r\n"],"sourceRoot":""}