{"version":3,"sources":["webpack://headstomp-frontend/./src/components/Modules/Content.js","webpack://headstomp-frontend/./src/components/Modules/Release.js","webpack://headstomp-frontend/./src/recoil/atoms.js","webpack://headstomp-frontend/./src/templates/post.js","webpack://headstomp-frontend/./src/images/svg/icon-spotify.svg"],"names":["ContentStyles","styled","Content","title","content","fontSize","as","mt","className","dangerouslySetInnerHTML","__html","defaultProps","ReleaseStyles","Release","label","release","buttonStyle","image","mb","getImageObject","size","filled","lowercase","link","spotifyUri","alt","linkTarget","width","alignItems","ml","pl","mr","previewDataState","atom","key","default","effects_UNSTABLE","onSet","newActiveMenu","document","body","classList","add","remove","post","posts","page","pages","artist","artists","event","events","staff","staffs","preview","wpPost","data","location","gatsbyData","React","IconSpotify","props","createElement","module","exports"],"mappings":"wKAMMA,EAAgBC,yBAAH,8DAAGA,CAAH,8EAYbC,EAAU,SAAC,GAAkC,IAAhCC,EAA+B,EAA/BA,MAAOC,EAAwB,EAAxBA,QAASC,EAAe,EAAfA,SACjC,OACE,gBAACL,EAAD,KACGG,GACC,gBAAC,IAAD,CAAOG,GAAG,KAAKC,GAAI,GAChBJ,GAGJC,GACC,gBAAC,IAAD,CAAMC,SAAUA,GACd,uBACEG,UAAU,UACVC,wBAAyB,CAAEC,OAAQN,QAQ/CF,EAAQS,aAAe,CACrBN,SAAU,CAAC,EAAG,KAAM,KAAM,KAAM,EAAG,IAGrC,O,6JC5BMO,EAAgBX,yBAAH,kEAAGA,CAAH,kPAwBbY,EAAU,SAAC,GAAqC,IAAnCC,EAAkC,EAAlCA,MAAOC,EAA2B,EAA3BA,QAASC,EAAkB,EAAlBA,YACzBC,EAAUF,EAAVE,MAER,OACE,gBAACL,EAAD,KACGE,GAAS,gBAAC,IAAD,CAAOI,GAAI,CAAC,EAAG,KAAM,KAAM,IAAKJ,GACzCC,GACC,uBAAKP,UAAU,WACb,uBAAKA,UAAU,iBACb,gBAAC,IAAD,CAAOS,OAAOE,OAAeF,MAG/B,uBAAKT,UAAU,kBACb,gBAAC,IAAD,CACEY,KAAK,QACLC,OAAQL,EACRM,WAAS,EACTC,KAAMR,EAAQS,WACdC,IAAKV,EAAQZ,MACbuB,WAAW,SACXZ,MAAOC,EAAQZ,OAEf,gBAAC,IAAD,CAAMwB,MAAO,EAAGC,WAAW,UACzB,gBAAC,IAAD,KAAOb,EAAQZ,OACf,gBAAC,IAAD,CAAK0B,GAAI,CAAC,EAAG,QAASC,GAAI,CAAC,EAAG,GAAIC,GAAG,QACnC,gBAAC,IAAD,CAAMX,KAAK,SACT,gBAAC,IAAD,cAYpBP,EAAQF,aAAe,CACrBK,YAAa,aAGf,O,gFC5DagB,IAlBkBC,QAAK,CAClCC,IAAK,aACLC,QAAS,GACTC,iBAAkB,CAChB,aACEC,EADa,EAAZA,QACK,SAACC,GACDC,WACED,EACFC,SAASC,KAAKC,UAAUC,IAAI,oBAE5BH,SAASC,KAAKC,UAAUE,OAAO,6BAQXV,QAAK,CACnCC,IAAK,cACLC,QAAS,CACPS,KAAM,GACNC,MAAO,GACPC,KAAM,GACNC,MAAO,GACPC,OAAQ,GACRC,QAAS,GACTC,MAAO,GACPC,OAAQ,GACRC,MAAO,GACPC,OAAQ,GACRC,SAAS,O,iEC4Bb,UAxDiB,SAAC,GAAoC,IAA1BC,EAAyB,EAAjCC,KAAQD,OAAUE,EAAe,EAAfA,SACpC,OAAO,gBAAC,IAAD,CAAcC,WAAYH,EAAQE,SAAUA,M,qBCNrD,IAAIE,EAAQ,EAAQ,MAEpB,SAASC,EAAaC,GAClB,OAAOF,EAAMG,cAAc,MAAMD,EAAMF,EAAMG,cAAc,IAAI,KAAKH,EAAMG,cAAc,IAAI,KAAKH,EAAMG,cAAc,IAAI,KAAKH,EAAMG,cAAc,OAAO,CAAC,MAAQ,CAAC,KAAO,WAAW,EAAI,yrBAG7LF,EAAYjD,aAAe,CAAC,QAAU,MAAM,GAAK,UAAU,EAAI,MAAM,EAAI,MAAM,QAAU,kBAAkB,MAAQ,CAAC,iBAAmB,uBAAuB,SAAW,YAEzKoD,EAAOC,QAAUJ,EAEjBA,EAAYzB,QAAUyB","file":"component---src-templates-post-js-fbeb5e190c0bc4e40c0a.js","sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\n\nimport Text from \"src/components/UI/Text\";\nimport Title from \"src/components/UI/Typography/Title\";\n\nconst ContentStyles = styled.div`\n  .content {\n    > *:first-child {\n      margin-top: 0;\n    }\n\n    > *:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nconst Content = ({ title, content, fontSize }) => {\n  return (\n    <ContentStyles>\n      {title && (\n        <Title as=\"h2\" mt={0}>\n          {title}\n        </Title>\n      )}\n      {content && (\n        <Text fontSize={fontSize}>\n          <div\n            className=\"content\"\n            dangerouslySetInnerHTML={{ __html: content }}\n          />\n        </Text>\n      )}\n    </ContentStyles>\n  );\n};\n\nContent.defaultProps = {\n  fontSize: [3, null, null, null, 4, 5],\n};\n\nexport default Content;\n","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport getImageObject from \"src/helpers/getImageObject\";\n\nimport Image from \"src/components/UI/Image\";\nimport Flex from \"src/components/UI/Structure/Flex\";\nimport Box from \"src/components/UI/Structure/Box\";\nimport Text from \"src/components/UI/Text\";\nimport Label from \"src/components/UI/Typography/Label\";\nimport Button from \"src/components/UI/Button\";\nimport Icon from \"src/components/UI/Icon\";\nimport SpotifyIcon from \"src/images/svg/icon-spotify.svg\";\n\nconst ReleaseStyles = styled.div`\n  .release-button {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    transform: translateY(-50%);\n  }\n\n  .release-image {\n    padding-bottom: 100%;\n    background-color: black;\n    position: relative;\n\n    > * {\n      position: absolute !important;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      object-fit: cover;\n    }\n  }\n`;\n\nconst Release = ({ label, release, buttonStyle }) => {\n  const { image } = release;\n\n  return (\n    <ReleaseStyles>\n      {label && <Label mb={[3, null, null, 5]}>{label}</Label>}\n      {release && (\n        <div className=\"release\">\n          <div className=\"release-image\">\n            <Image image={getImageObject(image)} />\n          </div>\n\n          <div className=\"release-button\">\n            <Button\n              size=\"large\"\n              filled={buttonStyle}\n              lowercase\n              link={release.spotifyUri}\n              alt={release.title}\n              linkTarget=\"_blank\"\n              label={release.title}\n            >\n              <Flex width={1} alignItems=\"center\">\n                <Text>{release.title}</Text>\n                <Box ml={[0, \"auto\"]} pl={[2, 8]} mr=\"-8px\">\n                  <Icon size=\"small\">\n                    <SpotifyIcon />\n                  </Icon>\n                </Box>\n              </Flex>\n            </Button>\n          </div>\n        </div>\n      )}\n    </ReleaseStyles>\n  );\n};\n\nRelease.defaultProps = {\n  buttonStyle: \"lightGray\",\n};\n\nexport default Release;\n","import { atom } from \"recoil\";\n\nexport const activeMenuState = atom({\n  key: \"activeMenu\",\n  default: \"\",\n  effects_UNSTABLE: [\n    ({ onSet }) => {\n      onSet((newActiveMenu) => {\n        if (document) {\n          if (newActiveMenu) {\n            document.body.classList.add(\"prevent-overflow\");\n          } else {\n            document.body.classList.remove(\"prevent-overflow\");\n          }\n        }\n      });\n    },\n  ],\n});\n\nexport const previewDataState = atom({\n  key: \"previewData\",\n  default: {\n    post: [],\n    posts: [],\n    page: [],\n    pages: [],\n    artist: [],\n    artists: [],\n    event: [],\n    events: [],\n    staff: [],\n    staffs: [],\n    preview: false,\n  },\n});\n","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport PropTypes from \"prop-types\";\nimport PostTemplate from \"src/components/PageTemplates/PostTemplate/PostTemplate\";\n\nconst PostPage = ({ data: { wpPost }, location }) => {\n  return <PostTemplate gatsbyData={wpPost} location={location} />;\n};\n\nexport const query = graphql`\n  query currentPostQuery($id: String!) {\n    wpPost(id: { eq: $id }) {\n      content\n      link\n      date\n      title\n      acfNewsPage {\n        relatedArtist {\n          ... on WpArtist {\n            databaseId\n          }\n        }\n      }\n      featuredImage {\n        node {\n          localFile {\n            childImageSharp {\n              gatsbyImageData(layout: FULL_WIDTH, placeholder: DOMINANT_COLOR)\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n\n// TODO: Prop types\nPostPage.propTypes = {\n  location: PropTypes.object,\n  data: PropTypes.shape({\n    wpPost: PropTypes.shape({\n      content: PropTypes.string,\n      link: PropTypes.string.isRequired,\n      date: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      acfNewsPage: PropTypes.shape({}),\n      featuredImage: PropTypes.shape({\n        node: PropTypes.shape({\n          localFile: PropTypes.shape({\n            //         childImageSharp {\n            //           fluid(maxWidth: 1920) {\n            //             ...GatsbyImageSharpFluid\n            //           }\n            //         }\n          }),\n        }),\n      }),\n    }),\n  }),\n};\n\nexport default PostPage;\n","var React = require('react');\n\nfunction IconSpotify (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"g\",null,React.createElement(\"g\",null,React.createElement(\"g\",null,React.createElement(\"path\",{\"style\":{\"fill\":\"#191414\"},\"d\":\"M85,1.3C38.8,1.3,1.3,38.8,1.3,85c0,46.3,37.5,83.7,83.7,83.7c46.3,0,83.7-37.5,83.7-83.7\\n\\t\\t\\t\\tC168.8,38.8,131.3,1.3,85,1.3z M123.4,122.1c-1.5,2.5-4.7,3.2-7.2,1.7c-19.7-12-44.4-14.7-73.6-8.1c-2.8,0.6-5.6-1.1-6.2-3.9\\n\\t\\t\\t\\tc-0.6-2.8,1.1-5.6,3.9-6.2c31.9-7.3,59.3-4.2,81.3,9.3C124.2,116.4,124.9,119.6,123.4,122.1z M133.7,99.3c-1.9,3.1-5.9,4-9,2.2\\n\\t\\t\\t\\tc-22.5-13.8-56.8-17.8-83.4-9.8c-3.5,1-7.1-0.9-8.1-4.3c-1-3.5,0.9-7.1,4.4-8.1c30.4-9.2,68.2-4.8,94.1,11.1\\n\\t\\t\\t\\tC134.6,92.2,135.6,96.2,133.7,99.3z M134.6,75.5c-27-16-71.5-17.5-97.3-9.7c-4.1,1.3-8.5-1.1-9.8-5.2c-1.3-4.1,1.1-8.5,5.2-9.8\\n\\t\\t\\t\\tc29.6-9,78.8-7.2,109.8,11.2c3.7,2.2,4.9,7,2.7,10.7C143.1,76.5,138.3,77.7,134.6,75.5z\"})))));\n}\n\nIconSpotify.defaultProps = {\"version\":\"1.1\",\"id\":\"Layer_1\",\"x\":\"0px\",\"y\":\"0px\",\"viewBox\":\"0 0 170.1 170.1\",\"style\":{\"enableBackground\":\"new 0 0 170.1 170.1\"},\"xmlSpace\":\"preserve\"};\n\nmodule.exports = IconSpotify;\n\nIconSpotify.default = IconSpotify;\n"],"sourceRoot":""}