{"version":3,"file":"component---src-pages-works-contentful-work-item-page-url-js-6e0c64c492d85e5727df.js","mappings":"6OA0IA,EA7HiB,SAAC,GAAc,IAAD,YAAXA,EAAW,EAAXA,KACZC,GAAWC,EAAAA,EAAAA,eACjB,GAAwCC,EAAAA,EAAAA,YAAjCC,EAAP,KAAqBC,EAArB,KACA,GAA6BF,EAAAA,EAAAA,UAAS,IAA/BG,EAAP,KACA,GADA,MACwBH,EAAAA,EAAAA,WAAS,IAA1BI,EAAP,KAAaC,EAAb,KACMC,EAAeT,EAAKU,mBACpBC,EAAWX,MAAAA,OAAH,EAAGA,EAAMY,wBAAwBC,UAa/C,OAXAC,EAAAA,EAAAA,YAAU,WAIR,GAHAH,EAASI,KAAI,SAAAC,GAAG,OAAIV,EAAQW,KAAKD,EAAIE,YACrCb,EAAgBC,EAAQa,QAAQV,EAAaS,UAExCE,EAAAA,GAGL,OAAOC,OAAOC,SAAS,EAAG,KAEzB,IAGD,gBAACC,EAAA,EAAD,KACE,gBAAC,IAAD,CACEC,KAAK,KACLC,MAAO,8BAA+BhB,MAAAA,OAA/B,EAA+BA,EAAciB,aAAc,EAClEC,YAAa,8BAA+BlB,MAAAA,OAA/B,EAA+BA,EAAciB,aAAc,IAE1E,uBAAKE,UAAU,wBACb,uBAAKA,UAAU,2BAEb,uBAAKA,UAAU,gBACb,qBAAGC,KAAK,IAAID,UAAU,YACpB,uCAEF,0BACE,sBAAIA,UAAU,gBAAgB,kBAAgB,eAC5C,uBAAKA,UAAU,cACb,gBAAC,EAAAE,EAAD,CAAaC,OAAOC,EAAAA,EAAAA,GAASvB,EAAawB,MAAOC,IAAKzB,EAAawB,KAAKR,OAAShB,EAAaS,WAEhG,sBAAIU,UAAU,QAAQnB,EAAa0B,WAEnC,uBAAKP,UAAU,mBACb,uBAAKQ,ICtDvB,68CDsD4CF,IAAI,OAG9BzB,MAAAA,GAAA,UAAAA,EAAc4B,gBAAd,mBAAwBC,YAAxB,eAA8BtB,MAC9B,uBAAKuB,QAAS,WAAYhC,GAAQC,GAAQ,IAAYoB,UAAU,gBAE3DrB,GACD,uBAAKgC,QAAS,kBAAM/B,GAAQ,IAAOoB,UAAU,eAC3C,uBAAKA,UAAU,YACb,uBAAKQ,IE/D/B,y2FF+D8CF,IAAI,OAI9B,gBAAC,IAAD,CAAalB,IAAKP,MAAAA,GAAF,UAAEA,EAAc4B,gBAAhB,iBAAE,EAAwBC,YAA1B,aAAE,EAA8BtB,IAC9CwB,QAASjC,EAAMkC,MAAI,EACnBC,UAAU,EACVC,OAAO,EACPC,MAAM,OACNC,OAAO,OACPC,OAAQ,MAKd,uBAAKlB,UAAU,kBACb,uBAAKA,UAAU,sBAAsBmB,wBAAyB,CAAEC,OAAM,UAAEvC,EAAakB,mBAAf,aAAE,EAA0BsB,oBAAoBC,YAO9H,uBAAKtB,UAAU,eAGb,qBAAGC,KAAI,UAAYvB,EAAQF,EAAe,GAAMwB,UAAS,SAAUR,EAAAA,IAAcnB,EAASkD,SAASC,SAAlB,qBAAqCzC,EAAS,UAA9C,aAAqC,EAAaO,UAAc,WAAa,KAC5J,wBAAMU,UAAU,UADlB,oBAMA,qBAAGC,KAAI,UAAYvB,EAAQF,EAAe,GAAMwB,UAAS,SAAUtB,EAAQA,EAAQ+C,OAAS,KAAO5C,EAAaS,QAAU,WAAa,KAAvI,iBAEE,wBAAMU,UAAU","sources":["webpack://everydaycontent/./src/pages/works/{contentfulWorkItem.pageUrl}.js","webpack://everydaycontent/./src/assets/images/arrow_down_deg.png","webpack://everydaycontent/./src/assets/images/play_btn.png"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { graphql } from 'gatsby';\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport SEO from '../../components/Seo';\nimport { isBrowser } from '../../../Utils/Utils';\nimport play_btn from \"../../assets/images/play_btn.png\"\nimport arrow_down_deg from \"../../assets/images/arrow_down_deg.png\"\nimport ReactPlayer from 'react-player'\nimport './Work.scss'\nimport Layout from '../../layout/Layout';\nimport { useLocation } from \"@reach/router\";\n\nconst WorkItem = ({ data }) => {\n  const location = useLocation();\n  const [workPosition, setWorkPosition] = useState()\n  const [workURL, setWorURL] = useState([])\n  const [play, setPlay] = useState(false)\n  const workItemData = data.contentfulWorkItem;\n  const workList = data?.contentfulHomeBlockWork.workItems\n\n  useEffect(() => {\n    workList.map(url => workURL.push(url.pageUrl))\n    setWorkPosition(workURL.indexOf(workItemData.pageUrl))\n\n    if (!isBrowser) {\n      return;\n    }\n    return window.scrollTo(0, 0);\n\n  }, [])\n\n  return (\n    <Layout>\n      <SEO\n        lang=\"fr\"\n        title={'Everyday Content - Work | ' + workItemData?.clientName || ''}\n        description={'Everyday Content - Work | ' + workItemData?.clientName || ''}\n      />\n      <div className=\"page-work inner-wrap\">\n        <div className='page-content inner-page'>\n\n          <div className='project-wrap'>\n            <a href=\"/\" className=\"btn-back\">\n              <span>RETOUR</span>\n            </a>\n            <ul>\n              <li className=\"mySlides fade\" data-project-id=\"yves-rocher\">\n                <div className=\"logo-casto\">\n                  <GatsbyImage image={getImage(workItemData.logo)} alt={workItemData.logo.title || workItemData.pageUrl} />\n                </div>\n                <h3 className=\"tt-3\">{workItemData.pageTitle}</h3>\n\n                <div className=\"arrow-deg-petit\">\n                  <img src={arrow_down_deg} alt=\"\" />\n                </div>\n                {\n                  workItemData?.videoMp4?.file?.url &&\n                  <div onClick={() => { if (play) { setPlay(false) } }} className=\"block-video\">\n                    {\n                      !play &&\n                      <div onClick={() => setPlay(true)} className=\"video-cover\">\n                        <div className=\"btn-play\">\n                          <img src={play_btn} alt=\"\" />\n                        </div>\n                      </div>\n                    }\n                    <ReactPlayer url={workItemData?.videoMp4?.file?.url}\n                      playing={play} loop\n                      controls={false}\n                      muted={false}\n                      width=\"100%\"\n                      height=\"100%\"\n                      volume={0.5}\n                    />\n                  </div>\n                }\n                \n                <div className=\"innerpage-wrap\">\n                  <div className=\"block-txt txt-intro\" dangerouslySetInnerHTML={{ __html: workItemData.description?.childMarkdownRemark.html }}>\n                  </div>\n                </div>\n              </li>\n            </ul>\n          </div>\n\n          <div className=\"bandeau-nav\">\n\n\n            <a href={`/works/${workURL[workPosition - 1]}`} className={`prev ${isBrowser && (location.pathname.includes(`/works/${workList[0]?.pageUrl}`)) ? \"disabled\" : \"\"}`}>\n              <span className=\"arrow\"></span>\n              PROJET PRÉCÉDENT\n            </a>\n\n\n            <a href={`/works/${workURL[workPosition + 1]}`} className={`next ${workURL[workURL.length - 1] === workItemData.pageUrl ? \"disabled\" : \"\"}`}>\n              PROJET SUIVANT\n              <span className=\"arrow\"></span>\n            </a>\n          </div>\n        </div>\n      </div>\n    </Layout >\n  )\n};\n\n// WorkItem.propTypes = {\n//   data : PropTypes.object.isRequired,\n// };\n\nexport const query = graphql`\n  query($pageUrl : String!) {\n    contentfulWorkItem(pageUrl : { eq: $pageUrl}) {\n      clientName\n      pageUrl\n      pageTitle\n      logo {\n        gatsbyImageData\n      }\n      videoMp4 {\n        file {\n          url\n        }\n      }\n      description {\n        childMarkdownRemark {\n          html\n        }\n      }\n    }\n    contentfulHomeBlockWork {\n      workItems {\n        pageUrl\n      }\n    }\n  }\n  `\n\nexport default WorkItem;","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAUCAYAAAADU1RxAAAABHNCSVQICAgIfAhkiAAAA/5JREFUSEutld1rHUUYxt+Z/T7b4Lb0D+hfIKcIgvTGq5IYLClVLFjY7IUgfpQEP8BCmwqm0VZIi1LFGwdUrIhJSrHeiFtBkLZgvakg3nnV+kFPTs9Hzp7dGZ93k3NM82USs4dldmd29v3N8zyzRxCOW4OTE6T1GJGglu2dP3D1tTe5f6ePkbO3qpbuTkutHyejf7a0GL908rFr4ubg5GlJNCFQURhDhZT066496tkvn092EoIBjDQpACKuIwpNQpuanZv94ubQmXvSUMQFJRn8iO76Id2O9qpX1bEdAXli+nbVpm5KxkQoXC5WaE2yvNbj4sbQVA0qPEQoLzHIZ8Nx6ZdoL3WEVMc/Gf1fIAwgRZFibYsKoHgfAvc4xsX1wanTQtIE3zKlA5gMHb8N7Ka669Gedksd/erFbYH0AYSI2G4o0QdYsmTeaKtajv04NKWAELMantFkhKDfgwH6M6hQ1OlQ2M3U8OWxLYFwBgpXpEZaEeF9xNKz2aUaSzCFTuZef0SVEHz8MPSOwlOxr4syG3eQi7tBSANZRrvyjAoh1PDc5kCenrxR7bpWWjh2BIjy/YtKaF5naYkxJrnyyn4sfmmsB/L98DkV6Dy28fDfXkB3vJDCAhDdLuWwqGNJdXjm+IaKjJ5Iq62Kl2aeFwECacfegxKl/T0IUyRXxhcBVkFwx/XBMwq5iO85Pv3hV6iS5zgzyvGyjmVTTkI9NfPSmiBjY19Xa2GQtoMgyjyXGMJgHhvRy0ShTXJ1/OE+wJoQ3PnTwbdUzfPjv9yAKkVOPs4SAtJ20TLIyrCeeGG22nLttB6GUSPwKUOoC8dCviQJuagEsgAFHgRYF4IHvnvyXVVz/DgAgIuzC4COXSpBXcsqQY4tfdDOPvdZ9b7tpw1YUA8CalYC6vgu5VCOOBNwpChWK7CuHb0Bbi+PXEBGithGkBhigYtDiUxYpLG6tm2rDlkXGr6XNj03anoe1bGj7jOE+68dhaFVFiyv098dyzuXX38LRbCQOGMl2A7Iy0AlBKBatktt16EWPnAN5KAPASCNTGgh17RgSxD8MIPk0o4XOA8MAVvYYyhBTcdBCwiANJGDOlSoVyrEwcRz/W243iI3zMTKSd8cmlbYHTHbweHkHcfFm1BgATB9CGRiPgSE4yQzbzz6wC5YD+Q/7Vg+cXbkPZVbsgQxmNmy2AanDCzb0UQOWIlaGCaXTh3YFMCWlOjBfHHkfaWFFTNEE0q0GQK7gHPRYDv8IPnw3MFNA2wLgid9fuSiMlLE/G/LVmSsBOfCdpK3Lx7eEsC2IWZHpqO2659v2G7MELBjHu3oyY+emdsogDuSiZUv+eDox/tym/a9/GlybTvFe3P+AYA4x9HiLAGVAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\""],"names":["data","location","useLocation","useState","workPosition","setWorkPosition","workURL","play","setPlay","workItemData","contentfulWorkItem","workList","contentfulHomeBlockWork","workItems","useEffect","map","url","push","pageUrl","indexOf","isBrowser","window","scrollTo","Layout","lang","title","clientName","description","className","href","G","image","getImage","logo","alt","pageTitle","src","videoMp4","file","onClick","playing","loop","controls","muted","width","height","volume","dangerouslySetInnerHTML","__html","childMarkdownRemark","html","pathname","includes","length"],"sourceRoot":""}