{"version":3,"sources":["webpack:///./src/components/Link/Link.tsx","webpack:///./src/components/Instructions/styles.module.scss","webpack:///./src/components/Link/styles.module.scss","webpack:///./src/components/Instructions/Instructions.tsx","webpack:///./src/templates/index.tsx"],"names":["Link","children","href","className","onClick","button","icon","attributes","classes","classNames","styles","link","size","ArrowLeft","child","React","memo","module","exports","Instructions","title","listItems","text","cta","videolink","inststructionsArr","splice","media","src","width","height","frameBorder","allow","allowFullScreen","instructions","heading","map","item","i","Fragment","key","list_text","subtitle","details","list","listItem","navigate","IndexPage","data","allWordpressPage","edges","fields","meta","background","Helmet","property","content","name"],"mappings":"qMAaMA,EAA4B,SAAC,GAAyF,MAAvFC,EAAuF,EAAvFA,SAAUC,EAA6E,EAA7EA,KAAMC,EAAuE,EAAvEA,UAAWC,EAA4D,EAA5DA,QAA4D,IAAnDC,cAAmD,MAA1C,OAA0C,MAAlCC,YAAkC,SAAjBC,EAAiB,yEACpHC,EAAUC,IAAWN,EAAsB,SAAXE,EAAoBK,IAAOL,OAASK,IAAOC,OAAvD,MAAgED,IAAOL,IAAqB,SAAXA,EAAjF,IAC1B,OACE,qCAAGH,KAAMA,EAAMC,UAAWK,EAASJ,QAASA,GAAaG,GACtDD,GAAQ,kBAAC,IAAD,CAAMH,UAAWO,IAAOJ,KAAMM,KAAK,OAAON,KAAMO,MAD3D,IAC0E,0BAAMV,UAAWO,IAAOI,OAAQb,KAK/Fc,QAAMC,KAAKhB,I,qBCrB1BiB,EAAOC,QAAU,CAAC,aAAe,qCAAqC,MAAQ,8BAA8B,QAAU,gCAAgC,SAAW,iCAAiC,KAAO,6BAA6B,SAAW,iCAAiC,QAAU,gCAAgC,KAAO,6BAA6B,IAAM,8B,qBCAtWD,EAAOC,QAAU,CAAC,KAAO,6BAA6B,MAAQ,8BAA8B,KAAO,6BAA6B,OAAS,iFAAiF,MAAQ,0DAA0D,MAAQ,4D,gJCgB9RC,EAA4C,SAAC,GAA+C,IAA7CC,EAA6C,EAA7CA,MAAOC,EAAsC,EAAtCA,UAAWC,EAA2B,EAA3BA,KAAMC,EAAqB,EAArBA,IAAKC,EAAgB,EAAhBA,UAG1EC,EAAoBJ,EAAUK,OAAO,EAAG,GAE9C,OACE,oCACGF,GACC,4BACErB,UAAWO,IAAOiB,MAClBC,IAAQJ,EAAL,cACHK,MAAM,OACNT,MAAM,qBACNU,OAAO,OACPC,YAAa,EACbC,MAAM,2FACNC,iBAAe,IAGnB,6BAAS9B,UAAWO,IAAOwB,cACzB,wBAAI/B,UAAWO,IAAOyB,SAAUf,GAC/BK,EAAkBW,KAAI,SAACC,EAAMC,GAC5B,OACE,kBAAC,IAAMC,SAAP,CAAgBC,IAAKH,EAAKI,UAAYH,GACpC,uBAAGnC,UAAWO,IAAOgC,UAArB,IAAiCL,EAAKI,UAAtC,KACA,uBAAGtC,UAAWO,IAAOgC,UAArB,IAAiCL,EAAKM,QAAtC,SAIN,wBAAIxC,UAAWO,IAAOkC,MACnBvB,EAAUe,KAAI,gBAAGK,EAAH,EAAGA,UAAWE,EAAd,EAAcA,QAAd,OACb,wBAAIH,IAAKC,EAAWtC,UAAWO,IAAOmC,UACnCJ,EADH,IACeE,GAAW,uBAAGxC,UAAWO,IAAOiC,SAAUA,QAI5DrB,GAAQ,uBAAGnB,UAAWO,IAAOY,MAAOA,GACrC,kBAACtB,EAAA,EAAD,CAAMG,UAAWO,IAAOa,IAAKrB,KAAK,WAAWG,OAAO,QAAQD,QApC9C,kBAAM0C,YAAS,cAqC1BvB,MAOIR,MAAMC,KAAKG,G,YCnCpB4B,EAAkC,SAAC,GAAa,IAAXC,EAAW,EAAXA,KACzC,IAAKA,EAAKC,iBAAiBC,MAAO,OAAO,KACzC,IAAMC,EAAmB,IAAIH,EAAM,sCAC3B5B,EAA8C+B,EAA9C/B,MAAOc,EAAuCiB,EAAvCjB,aAAcZ,EAAyB6B,EAAzB7B,KAAMC,EAAmB4B,EAAnB5B,IAAKC,EAAc2B,EAAd3B,UAElC4B,EACG,wBADHA,EAES,yGAGf,OACE,kBAAC,IAAD,CAAaC,WAAW,SACtB,kBAACC,EAAA,EAAD,CAAQlC,MAAOgC,GACb,0BAAMG,SAAS,WAAWC,QAASJ,IACnC,0BAAMK,KAAK,iBAAiBD,QAASJ,IACrC,0BAAMK,KAAK,cAAcD,QAASJ,KAEpC,kBAAC,EAAD,CAAchC,MAAOA,EAAOC,UAAWa,EAAcZ,KAAMA,EAAMC,IAAKA,EAAKC,UAAWA,MAK7ET,cAAMC,KAAK+B","file":"component---src-templates-index-tsx-c8fcbff22491b49595fb.js","sourcesContent":["import classNames from 'classnames'\nimport React, { HTMLAttributes } from 'react'\nimport { Icon } from '../Icon'\nimport ArrowLeft from '../Icon/Icons/ArrowLeft'\nimport styles from './styles.module.scss'\n\nexport interface LinkProps extends HTMLAttributes {\n onClick: (e: React.MouseEvent) => void\n href: string\n icon?: boolean\n button?: 'white' | 'green' | 'none'\n}\n\nconst Link: React.FC = ({ children, href, className, onClick, button = 'none', icon = false, ...attributes }) => {\n const classes = classNames(className, button !== 'none' ? styles.button : styles.link, { [styles[button]]: button !== 'none' })\n return (\n \n {icon && } {children}\n \n )\n}\n\nexport default React.memo(Link)\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"instructions\":\"styles-module--instructions--FYUtb\",\"media\":\"styles-module--media--2H1R_\",\"heading\":\"styles-module--heading--3EfRz\",\"subtitle\":\"styles-module--subtitle--2Yjj5\",\"list\":\"styles-module--list--3lNJO\",\"listItem\":\"styles-module--listItem--29Y5Y\",\"details\":\"styles-module--details--uz1qD\",\"text\":\"styles-module--text--1BUxI\",\"cta\":\"styles-module--cta--1SG4B\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"link\":\"styles-module--link--2V9J0\",\"child\":\"styles-module--child--3zJw1\",\"icon\":\"styles-module--icon--1W3PM\",\"button\":\"styles-module--button--1lt9L styles-module--button--osBYJ _utils--focus--34PQG\",\"green\":\"styles-module--green--35rEp styles-module--green--FRM3j\",\"white\":\"styles-module--white--Gb4NZ styles-module--white--1ah0Q\"};","import { navigate } from 'gatsby'\nimport React from 'react'\nimport Link from '../Link/Link'\nimport styles from './styles.module.scss'\nexport interface ListItem {\n list_text: string\n details?: string\n}\n\nexport interface InstructionsProps {\n title: string\n listItems: Array\n text?: string\n cta: string\n videolink?: string\n}\n\nconst Instructions: React.FC = ({ title, listItems, text, cta, videolink }) => {\n const handleClick = () => navigate('/butiken')\n\n const inststructionsArr = listItems.splice(0, 1)\n\n return (\n <>\n {videolink && (\n \n )}\n
\n

{title}

\n {inststructionsArr.map((item, i) => {\n return (\n \n

{item.list_text}

\n

{item.details}

\n \n )\n })}\n
    \n {listItems.map(({ list_text, details }) => (\n
  1. \n {list_text} {details &&

    {details}

    }\n
    2. \n ))}\n
\n {text &&

{text}

}\n \n {cta}\n \n
\n \n )\n}\n\nexport default React.memo(Instructions)\n","import { graphql } from 'gatsby'\nimport React from 'react'\nimport IndexLayout from '../layouts'\nimport Instructions from '../components/Instructions/Instructions'\nimport { ListItem } from '../components/Instructions/Instructions'\nimport { get } from 'lodash'\nimport { Helmet } from 'react-helmet'\n\ninterface IndexAcf {\n videolink?: string\n title: string\n instructions: Array\n text: string\n cta: string\n}\ninterface IndexProps {\n data: {\n allWordpressPage: {\n edges: [\n {\n node: { acf: IndexAcf }\n }\n ]\n }\n }\n}\n\nconst IndexPage: React.FC = ({ data }) => {\n if (!data.allWordpressPage.edges) return null\n const fields: IndexAcf = get(data, 'allWordpressPage.edges[0].node.acf')\n const { title, instructions, text, cta, videolink } = fields\n\n const meta = {\n title: 'Start | Klimatbutiken',\n description: 'Välkommen till Klimatbutiken! Ett interaktiv verktyg där du kan lära dig om produkters klimatpåverkan.'\n }\n\n return (\n \n \n \n \n \n \n \n \n )\n}\n\nexport default React.memo(IndexPage)\n\nexport const query = graphql`\n query ($slug: String!) {\n allWordpressPage(filter: { slug: { eq: $slug } }) {\n edges {\n node {\n acf {\n videolink\n title\n text\n cta\n instructions {\n list_text\n details\n }\n }\n }\n }\n }\n }\n`\n"],"sourceRoot":""}