{"version":3,"sources":["webpack:///./src/components/no-code-info.js","webpack:///./src/pages/index.js","webpack:///./src/components/layout-landing.js","webpack:///./src/components/info.js","webpack:///./src/images/logo.jpg","webpack:///./src/components/client-only.js"],"names":["InfoNoCode","_React$Component","props","_this","call","toggleShowHide","currentState","state","showInfo","setState","console","log","prototype","render","React","createElement","className","onClick","this","id","infoStyles","landingpageNotReceivedCode","type","closeButton","aria-label","aria-hidden","content","href","Component","IndexPage","params","URLSearchParams","location","search","error","errorCode","get","LayoutLanding","SEO","title","description","pagePath","action","method","ClientOnly","role","name","placeholder","NoCodeInfo","Info","_ref","children","landingStyles","contentContainer","Helmet","bodyAttributes","class","workspace","logo","src","alt","footer","_Component","apply","arguments","info","productImageUrl","productImage","productPrice","module","exports","delegated","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","hasMounted","setHasMounted","useEffect"],"mappings":"gUAImD,IAoDpCA,EAlDC,SAAAC,G,QAGZ,SAAAD,EAAYE,GAAQ,IAADC,EAEkB,OADjCA,EAAAF,EAAAG,KAAA,KAAMF,IAAM,MAKhBG,eAAiB,WAEb,IAAMC,EAAeH,EAAKI,MAAMC,SAChCL,EAAKM,SAAS,CAAED,UAAWF,IAC3BI,QAAQC,IAAI,mBAAqBL,IARjCH,EAAKI,MAAQ,CAAEC,UAAU,GAAQL,EAyCpC,O,EA9CWF,G,EAAAD,G,sEAOXA,EAAAY,UAUDC,OAAA,WAEI,OACIC,IAAAC,cAAA,WACID,IAAAC,cAAA,UAAQC,UAAU,8BAA8BC,QAASC,KAAKb,gBAAgB,sBAG7Ea,KAAKX,MAAMC,SACRM,IAAAC,cAAA,OAAKI,GAAG,aAAaH,UAAS,GAAKI,IAAWC,4BAC1CP,IAAAC,cAAA,UAAQI,GAAG,cAAcG,KAAK,SAASN,UAAS,gBAAkBI,IAAWG,YAAgBC,aAAW,QAAQP,QAASC,KAAKb,gBAC1HS,IAAAC,cAAA,QAAMC,UAAS,GAAKI,IAAWG,YAAiBE,cAAY,QAAO,MAGvEX,IAAAC,cAAA,OAAKC,UAAS,GAAKI,IAAWM,SAC1BZ,IAAAC,cAAA,WACID,IAAAC,cAAA,UAAI,kCACJD,IAAAC,cAAA,SAAG,0PAIHD,IAAAC,cAAA,SAAG,0EAAuED,IAAAC,cAAA,KACtEY,KAAK,4CAA2C,qCAAqC,wEAMnG,OAEjB3B,EA9CW,CAASc,IAAMc,W,gJCAI,IAG7BC,EAAS,SAAA5B,G,QAGb,SAAA4B,EAAY3B,GAAQ,IAADC,EACjBA,EAAAF,EAAAG,KAAA,KAAMF,IAAM,KAEZ,IAAM4B,EAAS,IAAIC,gBAAgB5B,EAAKD,MAAM8B,SAASC,QAEnDH,GACFpB,QAAQwB,MAAM,kDAGhB,IAAMC,EAAYL,EAASA,EAAOM,IAAI,SAAW,GACf,OAAlCjC,EAAKI,MAAQ,CAAE2B,MAAOC,GAAYhC,EA+CnC,O,EA5DYF,G,EAAA4B,G,sEAcZA,EAAAjB,UAEDC,OAAA,WAEE,OAEEC,IAAAC,cAACsB,IAAa,KACZvB,IAAAC,cAACuB,IAAG,CAACC,MAAM,0BACTC,YAAY,4EACZC,SAAS,MAEP3B,IAAAC,cAAA,UAAI,6BACJD,IAAAC,cAAA,OAAKC,UAAU,YAAW,oCAE1BF,IAAAC,cAAA,QAAM2B,OAAO,MAAMC,OAAO,OACxB7B,IAAAC,cAAC6B,IAAU,KAEc,gBAArB1B,KAAKX,MAAM2B,MACTpB,IAAAC,cAAA,OAAKC,UAAU,qBAAqB6B,KAAK,SAAQ,wBAC/C,MAGR/B,IAAAC,cAAC6B,IAAU,KAEc,UAArB1B,KAAKX,MAAM2B,MACTpB,IAAAC,cAAA,OAAKC,UAAU,qBAAqB6B,KAAK,SAAQ,8GAC/C,MAGR/B,IAAAC,cAAC6B,IAAU,KACa,yBAArB1B,KAAKX,MAAM2B,MACVpB,IAAAC,cAAA,OAAKC,UAAU,qBAAqB6B,KAAK,SAAQ,wDAC/C,MAGN/B,IAAAC,cAAA,OAAKC,UAAU,cACbF,IAAAC,cAAA,SAAO+B,KAAK,IAAIxB,KAAK,OAAON,UAAU,+BAA+BQ,aAAW,qDAAqDuB,YAAY,6BAEnJjC,IAAAC,cAAA,OAAKC,UAAU,cACbF,IAAAC,cAAA,UAAQI,GAAG,YAAYH,UAAU,oCAAoC,cAGzEF,IAAAC,cAACiC,EAAU,MACXlC,IAAAC,cAACkC,IAAI,QAGdpB,EA5DY,CAASf,IAAMc,WA+DfC,a,kCCxEf,oGAmDeQ,IArCO,SAAHa,GAAsB,IAAhBC,EAAQD,EAARC,SAEvB,OAEGrC,IAAAC,cAAA,OAAKC,UAAS,GAAKoC,IAAcC,kBAEtCvC,IAAAC,cAACuC,IAAM,CACHC,eAAgB,CACZC,MAAO,iBAIT1C,IAAAC,cAAA,OAAKC,UAAS,GAAKoC,IAAc1B,SAC/BZ,IAAAC,cAAA,QAAMC,UAAS,oBAAsBoC,IAAcK,UAAS,uGAC1D3C,IAAAC,cAAA,OAAKC,UAAS,gBAAkBoC,IAAcM,KAAI,yBAA0BC,IAAKD,IAAME,IAAI,kCAC3F9C,IAAAC,cAAA,OAAKC,UAAU,wCACZmC,KAKPrC,IAAAC,cAAA,UAAQC,UAAcoC,IAAcS,OAAM,iBACxC/C,IAAAC,cAAA,OAAKC,UAAU,aACbF,IAAAC,cAAA,OAAKC,UAAU,iCACbF,IAAAC,cAAA,KAAGY,KAAK,WAAWb,IAAAC,cAAA,QAAMC,UAAU,IAAG,kCAAqC,IAACF,IAAAC,cAAA,QAAMC,UAAU,sBAAqB,sD,8NCnCjF,IAEtCiC,EAAI,SAAAa,G,QAAA,SAAAb,IAAA,OAAAa,EAAAC,MAAA,KAAAC,YAAA,KAmCL,O,EAnCKF,G,EAAAb,G,sEAAAA,EAAArC,UACNC,OAAA,WACI,OAAOC,IAAAC,cAAA,OAAKC,UAAS,QAAUI,IAAW6C,MAEtCnD,IAAAC,cAAA,MAAIC,UAAU,cAAa,yBAC3BF,IAAAC,cAAA,OAAKC,UAAU,OACXF,IAAAC,cAAA,OAAKC,UAAU,OACVE,KAAKhB,MAAMgE,gBACRpD,IAAAC,cAAA,WACID,IAAAC,cAAA,OAAKC,UAAcI,IAAW+C,aAAY,0CAA2CP,IAAI,uBAAuBD,IAAKzC,KAAKhB,MAAMgE,mBAGpI,KAEJpD,IAAAC,cAAA,UACID,IAAAC,cAAA,UAAI,8CACJD,IAAAC,cAAA,UAAI,mDACJD,IAAAC,cAAA,UAAI,wCACJD,IAAAC,cAAA,UAAI,QAAMG,KAAKhB,MAAMkE,aAAelD,KAAKhB,MAAMkE,aAAe,IAAI,2BAClEtD,IAAAC,cAAA,UAAI,sCACJD,IAAAC,cAAA,UAAI,2CACJD,IAAAC,cAAA,UAAI,+BAERD,IAAAC,cAAA,YAAM,2EAELG,KAAKhB,MAAMgE,gBACRpD,IAAAC,cAAA,OAAKC,UAAU,qCACXF,IAAAC,cAAA,OAAKC,UAAS,4CAA+C4C,IAAI,uBAAuBD,IAAKzC,KAAKhB,MAAMgE,mBAG5G,SAKnBjB,EAnCK,CAASrB,aAsCJqB,O,uBC3CfoB,EAAOC,QAAU,IAA0B,oD,8FCiB1B1B,IAfjB,SAAmBM,GAA8B,IAA3BC,EAAQD,EAARC,SAAaoB,E,uIAASC,CAAAtB,EAAAuB,GACxCC,EAAoC5D,IAAM6D,UAAS,GAA5CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAIhC,OAHA5D,IAAMgE,WAAU,WACdD,GAAc,KACb,IACED,EAIH9D,IAAAC,cAAA,MAASwD,EACNpB,GAJI","file":"component---src-pages-index-js-933794f0c8c1b073e012.js","sourcesContent":["import React from \"react\"\n//import PropTypes from \"prop-types\"\n\nimport \"../styles.scss\"\nimport infoStyles from \"./no-code-info.module.scss\"\n\nclass InfoNoCode extends React.Component {\n\n\n    constructor(props) {\n        super(props);\n        this.state = { showInfo: false };\n\n    }\n\n    toggleShowHide = () => {\n        //this.setState(prevState => { showInfo: !prevState.showMenu })\n        const currentState = this.state.showInfo;\n        this.setState({ showInfo: !currentState });\n        console.log('toggleShowHide: ' + currentState);\n    }\n\n\n    render() {\n\n        return (\n            <div>\n                <button className=\"btn btn-secondary btn-block\" onClick={this.toggleShowHide}>\n                    Ikke mottatt kode?\n        </button>\n                {this.state.showInfo ?\n                    <div id=\"noCodeInfo\" className={`${infoStyles.landingpageNotReceivedCode}`}  >\n                        <button id=\"closeButton\" type=\"button\" className={`close btn-lg ${infoStyles.closeButton}`}  aria-label=\"Close\" onClick={this.toggleShowHide}>\n                            <span className={`${infoStyles.closeButton}`}   aria-hidden=\"true\">&times;</span>\n                        </button>\n\n                        <div className={`${infoStyles.content}`}  >\n                            <div >\n                                <h3>Ikke mottatt din katalog kode?</h3>\n                                <p>Alle som er har vært på en leirskole som samarbeider med Leirskoledagboken AS skal motta informasjon om\n                                    innlogging snarest mulig etter fullført\n                                    leirskole uke. Innlogging skjer enten via en kode eller en link som mottas via E-post, SMS eller brev.\n                                    </p>\n                                <p>Har du ikke mottatt din katalog kode eller kataloglink? Kontakt oss på <a\n                                    href='mailto:kundeservice@leirskoledagboken.no'>kundeservice@leirskoledagboken.no</a> så hjelper vi\n                                    deg med å få tilgang til å bestille katalogen din!</p>\n                            </div>\n                        </div>\n\n                    </div>\n                    : null}\n            </div>)\n    }\n\n}\n\nexport default InfoNoCode\n","import React from \"react\"\n\nimport LayoutLanding from \"../components/layout-landing\"\nimport Info from \"../components/info\"\nimport NoCodeInfo from \"../components/no-code-info\"\nimport ClientOnly from \"../components/client-only\"\nimport SEO from \"../components/seo\"\n\n\nclass IndexPage extends React.Component {\n\n\n  constructor(props) {\n    super(props);\n\n    const params = new URLSearchParams(this.props.location.search);\n\n    if(!params){\n      console.error('Could not create URLSearchParams on index page');\n    }\n\n    const errorCode = params ? params.get(\"error\") : '';\n    this.state = { error: errorCode };\n  }\n\n  render() {\n\n    return (\n\n      <LayoutLanding>\n        <SEO title=\"Bestill leirskoledagbok\"\n          description=\"Bestill leirskoledagboken fra ditt opphold og ta vare på de gode minnene.\"\n          pagePath=\"/\" />\n\n            <h1>Bestill leirskoledagboken</h1>\n            <div className=\"codetext\">Har du mottatt en kode fra oss? </div>\n\n            <form action=\"/r/\" method=\"get\">\n              <ClientOnly>\n                {\n                  this.state.error === 'invalid-key' ?\n                    <div className=\"alert alert-danger\" role=\"alert\">Ugyldig katalog kode</div>\n                    : null\n                }\n              </ClientOnly>\n              <ClientOnly>\n                {\n                  this.state.error === 'error' ?\n                    <div className=\"alert alert-danger\" role=\"alert\">Noe gikk feil når vi så etter koden din. Vennligst prøv igjen og kontakt kundeservice hvis det fortsetter.</div>\n                    : null\n                }\n              </ClientOnly>\n              <ClientOnly>\n                {this.state.error === 'invalid-confirmation' ?\n                  <div className=\"alert alert-danger\" role=\"alert\">Noe gikk galt når vi skulle vise bekreftelses siden.</div>\n                  : null\n                }\n              </ClientOnly>\n              <div className=\"form-group\">\n                <input name=\"c\" type=\"text\" className=\"form-control form-control-lg\" aria-label=\"Skriv inn koden du har fått på epost eller sms her\" placeholder=\"Skriv inn koden din her\" />\n              </div>\n              <div className=\"form-group\">\n                <button id=\"checkCode\" className=\"btn btn-primary btn-lg btn-block\" >Fortsett</button>\n              </div>\n            </form>\n            <NoCodeInfo></NoCodeInfo>\n            <Info></Info>\n      </LayoutLanding>\n    )\n  }\n}\n\nexport default IndexPage\n","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport \"../styles.scss\"\nimport landingStyles from \"./layout-landing.module.scss\"\nimport logo from \"./../images/logo.jpg\"\nimport Helmet from 'react-helmet'\n\nconst LayoutLanding = ({ children }) => {\n\n  return (\n\n     <div className={`${landingStyles.contentContainer}`} >\n\n<Helmet\n    bodyAttributes={{\n        class: 'layout-body'\n    }}\n/>\n\n      <div className={`${landingStyles.content}`} >\n        <main className={`card text-center ${landingStyles.workspace} col-xs-12 col-sm-12 col-md-11 col-lg-9 col-xl-7 mx-auto  pl-0 pl-sm-1 pl-md-2 pr-0 pr-sm-1 pr-md-2`} >\n          <img className={`card-img-top ${landingStyles.logo} pt-0 pt-sm-1 pt-md-4 `} src={logo} alt=\"Leirskoledagboken AS sin logo\" />\n          <div className=\"card-body  pl-0 pl-sm-1 pr-0 pr-sm-1\">\n            {children}\n          </div>\n        </main>\n      </div>\n\n      <footer className={`${landingStyles.footer} fixed-bottom`}>\n        <div className=\"container\">\n          <div className=\"d-flex justify-content-center\">\n            <a href=\"/about/\" ><span className=\"\">For mer informasjon – se her. </span> <span className=\"d-none d-md-inline\">Leirskoleskoledagboken AS – Tlf 91 00 13 95</span></a>\n          </div>\n        </div>\n      </footer>\n    </div >\n\n  )\n}\n\nLayoutLanding.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default LayoutLanding\n","import React, { Component } from 'react';\n//import PropTypes from \"prop-types\"\nimport \"../styles.scss\";\nimport infoStyles from \"./info.module.scss\";\n\nclass Info extends Component {\n    render() {\n        return <div className={`card ${infoStyles.info}`}>\n\n            <h2 className=\"card-title\"> Om Leirskoledagboken</h2>\n            <div className=\"row\">\n                <div className=\"col\">\n                    {this.props.productImageUrl ?\n                        <div>\n                            <img className={`${infoStyles.productImage} rounded float-right d-none d-sm-block `} alt=\"Bilde fra leirskolen\" src={this.props.productImageUrl}></img>\n                        </div>\n                        :\n                        null\n                    }\n                    <ul>\n                        <li>Håndplukkede bilder fra leirskoleoppholdet</li>\n                        <li>Leirskolestemning med bla. elevenes egne bilder</li>\n                        <li>Få boken hjem, se på den i ro og mak</li>\n                        <li>Pris {this.props.productPrice ? this.props.productPrice : 419},- totalt inkl. frakt. </li>\n                        <li>Fri returrett, med lang returfrist</li>\n                        <li>Miljøsmart produksjon - klimakompensert</li>\n                        <li>A4-format, inntil 72 sider</li>\n                    </ul>\n                    <span>NB! Boken vises ikke på nett, til gjengjeld har du 30 dagers angrerett.</span>\n                    \n                    {this.props.productImageUrl ?\n                        <div className=\"row d-flex justify-content-center\">\n                            <img className={` img-fluid rounded d-block d-sm-none w-75`} alt=\"Bilde fra leirskolen\" src={this.props.productImageUrl}></img>\n                        </div>\n                        :\n                        null\n                    }\n                </div>\n            </div>\n        </div>;\n    }\n}\n\nexport default Info;\n","module.exports = __webpack_public_path__ + \"static/logo-2f114831ba4a6cf15ff4c6f16b461885.jpg\";","import React from \"react\"\n\nfunction ClientOnly({ children, ...delegated }) {\n    const [hasMounted, setHasMounted] = React.useState(false);\n    React.useEffect(() => {\n      setHasMounted(true);\n    }, []);\n    if (!hasMounted) {\n      return null;\n    }\n    return (\n      <div {...delegated}>\n        {children}\n      </div>\n    );\n  }\n\n  export default ClientOnly"],"sourceRoot":""}