{"version":3,"file":"component---src-pages-nos-activites-js-03ffd6a0a2d354706057.js","mappings":"2JAIA,MAAMA,EAAUC,EAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAAVJ,CAAU,mGAOpBK,EAAQL,EAAAA,QAAOM,KAAIJ,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAXJ,CAAW,iFACjBO,GAAUA,EAAMC,MAAQD,EAAMC,MAAQ,SAIhCC,EAAAA,GAAMC,MAGdC,EAAQX,EAAAA,QAAOM,KAAIJ,WAAA,CAAAC,YAAA,eAAAC,YAAA,gBAAXJ,CAAW,uOAIPY,EAAAA,GAAOC,KAOJD,EAAAA,GAAOE,QAsB5B,IAZcC,IAA+B,IAA9B,SAACC,EAAQ,MAAEC,EAAK,MAAET,GAAMO,EAEvC,OACCG,EAAAA,cAACnB,EAAO,KACPmB,EAAAA,cAACP,EAAK,KACJO,EAAAA,cAAA,OAAKC,IAAKH,EAAUI,MAAM,OAAOC,OAAO,OAAOC,IAAKL,GAAgB,oBAErEA,GAASC,EAAAA,cAACb,EAAK,CAACG,MAAOA,GAAQS,GAExB,C,+IC+EV,UAzDyBF,IAA4B,IAA3B,KAAEQ,EAAI,YAAEC,GAAaT,EAE7C,MACM,MAAEU,EAAK,QAAEC,EAAO,YAAEC,GAAgBJ,EAAKK,MACvC,MAAEC,GAAUN,EAAKO,UAEvB,OACEZ,EAAAA,cAACa,EAAAA,SAAQ,KACPb,EAAAA,cAACc,EAAAA,EAAG,CAACC,KAAMN,IAEXT,EAAAA,cAACgB,EAAAA,GAAW,KAEVhB,EAAAA,cAACiB,EAAAA,GAAS,KACRjB,EAAAA,cAACkB,EAAAA,GAAS,CAACC,wBAAyB,CAAEC,OAAQb,KAC/CP,EAAAA,cAACqB,EAAAA,GAAS,CAACF,wBAAyB,CAAEC,OAAQZ,KAC9CR,EAAAA,cAACsB,EAAAA,GAAgB,KACRC,IAAKZ,GAAO,CAACa,EAAUC,IACvBzB,EAAAA,cAAC0B,EAAAA,GAAY,CAACC,IAAKH,EAASI,KAAKC,GAAIC,UAAe,IAAJL,GAAS,SACtDzB,EAAAA,cAAC+B,EAAAA,EAAI,CAACC,GAAI,kBAAkBR,EAASI,KAAKK,SACzCjC,EAAAA,cAACkC,EAAAA,EAAG,CAACC,MAAOX,EAASI,KAAKQ,gBAAgBD,MAAO/B,IAAKoB,EAASI,KAAKrB,QACpEP,EAAAA,cAAA,OAAK8B,UAAU,eACb9B,EAAAA,cAAA,MAAI8B,UAAU,SAASN,EAASI,KAAKrB,OACrCP,EAAAA,cAAA,OAAK8B,UAAU,SAAS9B,EAAAA,cAACqC,EAAAA,EAAK,CAACvC,SAAU0B,EAASI,KAAKU,YAAYC,OACnEvC,EAAAA,cAACwC,EAAAA,GAAI,CAACrB,wBAAyB,CAAEC,OAAQI,EAASI,KAAKa,kBAI3DzC,EAAAA,cAAC0C,EAAAA,GAAkB,KACjB1C,EAAAA,cAAC2C,EAAAA,EAAI,CAACC,MAAO,KAAMC,OAAQ,KACzB7C,EAAAA,cAAA,kCAAgC,gBAAewB,EAASI,KAAKkB,aAAa9C,EAAAA,cAAC+C,EAAAA,EAAgB,CAAClB,GAAG,WAI/FL,EAASI,KAAKoB,uBAAuBC,KAAIC,GACvClD,EAAAA,cAACA,EAAAA,SAAc,CAAC2B,IAAKuB,EAAMrB,IACD,kBAAvBqB,EAAMC,MAAMC,QACXpD,EAAAA,cAAAA,EAAAA,SAAA,KAAE,KAAEA,EAAAA,cAAC2C,EAAAA,EAAI,CAACC,MAAO,KAAMC,OAAQ,KAC/B7C,EAAAA,cAAA,kCAAgC,gBAAekD,EAAMG,cAAeH,EAAMI,yBAY9FtD,EAAAA,cAACuD,EAAAA,GAAM,OAETvD,EAAAA,cAACuD,EAAAA,GAAM,OAEA,C","sources":["webpack://bollene-aventure/./src/components/badge.js","webpack://bollene-aventure/./src/pages/nos-activites.js"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { colors,  space } from '../consts/style';\n\nconst Wrapper = styled.div`\ndisplay:flex;\nflex-direction:column;\njustify-content:flex-start;\nalign-items:center;\nwidth:150px;\n`\nconst Title = styled.span`\ncolor:${props => (props.color ? props.color : 'white' )};\ntext-align: center;\nline-height: 1.3;\nfont-weight:500;\nmargin-top: ${space.half};\n`\n\nconst Picto = styled.span`\n    display:inline-block;\n    border-radius:100%;\n    cursor:pointer;\n    background: ${colors.blue};\n    border: 3px solid white;\n    padding: 2rem;\n    margin: 0;\n    transition:all .35s ease;\n    &:hover {\n      text-decoration: none;\n      background:  ${colors.yellow};\n      color:white;\n    }\n\n    img {width:70px;height:70px;}\n\n}\n   \n`;\n\nconst Badge = ({pictoURL, title, color}) => {\n \nreturn (\n <Wrapper> \n  <Picto>\n    <img src={pictoURL} width=\"70px\" height=\"70px\" alt={title ? title : 'picto activite'}/>\n  </Picto>\n  {title && <Title color={color}>{title}</Title>}\n \n</Wrapper>\n)\n }\nexport default Badge","import React, { Fragment} from 'react';\nimport { graphql } from 'gatsby';\nimport Link from '../components/ExtendedLink';\nimport { FormattedMessage} from 'react-intl';\nimport _map from 'lodash/map';\nimport Img from 'gatsby-image';\nimport Seo from '../components/Seo';\nimport Badge from '../components/badge';\nimport  BtnPrimary  from '../components/buttons/ButtonRounded';\nimport Boop from '../components/boop';\nimport {\n  PageWrapper,\n  PageInner,\n  PageTitle,\n  FocusText,\n  Text,\n  Spacer,\n\n  ActiviteItem,\n  ActiviteBtnWrapper,\n  ActivitesWrapper,\n\n} from '../components/Elements';\n\nexport const nosActivitesQuery = graphql`\n   query  activitesPageQuery($locale: String) {\n    page: datoCmsNosActivitesPage(locale: {eq: $locale}) {\n      titre\n      contenu\n      seoMetaTags {\n        ...GatsbyDatoCmsSeoMetaTags\n      }\n    }\n\n   \n    \n\n    activites: allDatoCmsActivite(filter: {locale: {eq: $locale}}, sort: {order: ASC, fields: position}) {\n      edges {\n        node {\n          id\n          titre\n          introduction\n          pictogramme {\n            url\n          }\n          guidapKey\n          guidapKeyV2\n          slug\n          imagePrincipale {\n            fluid(maxHeight: 480, forceBlurhash: false,imgixParams: { fm: \"jpg\" , fit: \"crop\", h: \"480\", w:\"640\", auto: \"compress\"}) {\n            ...GatsbyDatoCmsFluid\n            }\n          }\n          extraBoutonBilletterie {\n            ... on DatoCmsBoutonGuidap {\n              model {\n                apiKey\n              }\n              id\n              lienDuBouton\n              codeGuidap\n              codeGuidapV2\n              texteDuBouton\n            }\n          }\n        }\n      }\n    }\n  }\n`;\nconst NosActivitesPage = ({ data, pageContext }) => {\n\n  const handleClick = (guidapKey) => window.GUIDAP.booking.call('bolleneaventure.guidap.co', `${guidapKey}?lang=${pageContext.locale}`)\n  const { titre, contenu, seoMetaTags } = data.page;\n  const { edges } = data.activites; //toutes les activités\n   \n  return (\n    <Fragment>\n      <Seo meta={seoMetaTags} />\n\n      <PageWrapper>\n       \n        <PageInner>\n          <PageTitle dangerouslySetInnerHTML={{ __html: titre }}/>\n         <FocusText dangerouslySetInnerHTML={{ __html: contenu }} />\n         <ActivitesWrapper>\n                { _map(edges, (activite, i) => (\n                  <ActiviteItem key={activite.node.id} className={i===0 && \"large\"}>\n                     <Link to={`/nos-activites/${activite.node.slug}/`}>\n                      <Img fluid={activite.node.imagePrincipale.fluid} alt={activite.node.titre}/>\n                      <div className=\"description\">\n                        <h2 className=\"title\">{activite.node.titre}</h2>\n                        <div className=\"badge\" ><Badge pictoURL={activite.node.pictogramme.url}/></div>\n                        <Text dangerouslySetInnerHTML={{ __html: activite.node.introduction }}/>\n                      </div>\n\n                    </Link>\n                    <ActiviteBtnWrapper>\n                      <Boop scale={1.02} timing={100} >\n                        <guidap-activity-reserve-button activity-uuid={activite.node.guidapKeyV2}><FormattedMessage id=\"book\"/></guidap-activity-reserve-button>\n                       </Boop>   \n                      {/* <BtnPrimary as=\"a\" href=\"#\" onClick={ ()=>handleClick(activite.node.guidapKey)}><FormattedMessage id=\"book\"/></BtnPrimary>*/} \n                     \n                       {activite.node.extraBoutonBilletterie.map(block => (\n                          <React.Fragment key={block.id}>\n                            {block.model.apiKey === \"bouton_guidap\" && (    \n                              <>  <Boop scale={1.02} timing={100} >\n                              <guidap-activity-reserve-button activity-uuid={block.codeGuidapV2}>{block.texteDuBouton}</guidap-activity-reserve-button>\n                            </Boop>   \n                            {/*   <BtnPrimary as=\"a\" href=\"#\" onClick={()=>handleClick(block.codeGuidap)}>{block.texteDuBouton}</BtnPrimary>   */} \n                              </>\n                              )\n                            }\n                          </React.Fragment>\n                        ))}\n                    </ActiviteBtnWrapper>\n                  </ActiviteItem>\n                ))}\n          </ActivitesWrapper>\n          <Spacer/>\n        </PageInner>\n        <Spacer/>\n      </PageWrapper>\n    </Fragment>\n  );\n}\n\nexport default NosActivitesPage;"],"names":["Wrapper","styled","div","withConfig","displayName","componentId","Title","span","props","color","space","half","Picto","colors","blue","yellow","_ref","pictoURL","title","React","src","width","height","alt","data","pageContext","titre","contenu","seoMetaTags","page","edges","activites","Fragment","Seo","meta","PageWrapper","PageInner","PageTitle","dangerouslySetInnerHTML","__html","FocusText","ActivitesWrapper","_map","activite","i","ActiviteItem","key","node","id","className","Link","to","slug","Img","fluid","imagePrincipale","Badge","pictogramme","url","Text","introduction","ActiviteBtnWrapper","Boop","scale","timing","guidapKeyV2","FormattedMessage","extraBoutonBilletterie","map","block","model","apiKey","codeGuidapV2","texteDuBouton","Spacer"],"sourceRoot":""}