{"version":3,"file":"217.2606c8426a4f57f0.js","mappings":"+HACA,MAqEA,EArEsB,EAAGA,QAAOC,gBAAeC,QAAOC,cAEpD,MAWMC,EAAe,CAACC,EAAIC,IAGpB,uBAAKC,UAAU,qEAAqEC,IAAKF,GACvF,0BAASG,IAAKJ,EAAKK,MAAM,gEAAgEC,iBAAe,KAK1GC,EAAWX,EACXY,EAAaC,KAAKC,MAAMb,GACxBc,EAAeF,KAAKC,MAAMZ,GAIhC,OACE,uBAAKI,UAAU,2CACb,uBAAKA,UAAU,4BACb,uBACEA,UAAU,oCACV,uBAAKA,UAAU,yBAAyBU,QAAUC,IAAkBA,EAPpEC,cAAcC,WAAWC,UAAUC,OAAO,WAO1C,GACE,sBAAIf,UAAU,wBAAwBP,GACtC,uBAAKO,UAAU,yBAEjB,uBAAKA,UAAU,0BACb,uBAAKA,UAAU,4BACb,uBAAKA,UAAU,OAEVK,IAvCIP,EAyCWO,EAtC1B,uBAAKL,UAAU,sEACb,yBAAOgB,UAAQ,EAACC,QAAQ,QACtB,0BAAQf,IAAKJ,OAsCNQ,GACCA,EAAWY,OAAS,GAElBZ,EAAWa,KAAI,CAACC,EAAOC,IACZ,MAATD,GACCvB,EAAa,kCAAoCuB,EAAOC,KAG9DZ,GACCA,EAAaS,OAAS,GACtBT,EAAaU,KAAI,CAACC,EAAOE,IACd,MAATF,GACCvB,EAAa,iCAAmCuB,EAAOE,WAvDvDxB,KA0BrB,C","sources":["webpack:///./Scripts/Components/ProductVideos.js"],"sourcesContent":["import React from 'react';\r\nconst ProductVideos = ({ title, internalVideo, vimeo, youtube }) => {\r\n\r\n  const renderVideo = (url) => {\r\n    {\r\n      return (\r\n        <div className=\"columns small-12 medium-6 large-4 product-about__documents--videos\" >\r\n          <video controls preload=\"none\" >\r\n            <source src={url} />\r\n          </video>\r\n        </div>\r\n      )\r\n    }\r\n  }\r\n  const renderIframe = (url,index) => {\r\n    {\r\n      return (\r\n        <div className=\"columns small-12 medium-6 large-4 product-about__documents--videos\" key={index} >\r\n          <iframe  src={url} allow=\"accelerometer; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n        </div>\r\n      )\r\n    }\r\n  }\r\n  const internal = internalVideo;\r\n  const vimeoLinks = JSON.parse(vimeo);\r\n  const youtubeLinks = JSON.parse(youtube);\r\n  const setSelected = (event) => {\r\n    event.currentTarget.parentNode.classList.toggle('expanded');\r\n  };\r\n  return (\r\n    <div className=\"small-12 large-12 columns product-about\">\r\n      <div className=\"product-about__accordion\">\r\n        <div\r\n          className=\"product-about__heading-container\">\r\n          <div className=\"product-about__heading\" onClick={(e) => setSelected(e)}>\r\n            <h6 className=\"product-about__title\">{title}</h6>\r\n            <div className=\"product-about__icon\"></div>\r\n          </div>\r\n          <div className=\"product-about__content\">\r\n            <div className=\"product-about__documents\">\r\n              <div className=\"row\">\r\n                \r\n                  {internal &&\r\n                    (\r\n                      renderVideo(internal)\r\n                    )}\r\n                  {vimeoLinks &&\r\n                    vimeoLinks.length > 0 &&\r\n                    (\r\n                      vimeoLinks.map((video, indexVimeo) => (\r\n                        video != null &&\r\n                         renderIframe(\"https://player.vimeo.com/video/\" + video, indexVimeo)\r\n                       \r\n                      )))}\r\n                  {youtubeLinks &&\r\n                    youtubeLinks.length > 0 &&\r\n                    youtubeLinks.map((video, indexYoutube) => (\r\n                      video != null &&\r\n                       renderIframe(\"https://www.youtube.com/embed/\" + video, indexYoutube)                    \r\n                    ))}\r\n                \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ProductVideos;\r\n"],"names":["title","internalVideo","vimeo","youtube","renderIframe","url","index","className","key","src","allow","allowFullScreen","internal","vimeoLinks","JSON","parse","youtubeLinks","onClick","e","currentTarget","parentNode","classList","toggle","controls","preload","length","map","video","indexVimeo","indexYoutube"],"sourceRoot":""}