\n\t)\n\n}\n\nexport default InDepth;","import React from 'react';\nimport classes from './Spacer.module.scss';\n\n\nfunction Spacer(){\n\treturn (\n\t\t
\n\t\t\n\t\t\n\t\t
\n\t)\n}\n\nexport default Spacer;","import React from 'react'\nimport classes from './Share.module.scss';\nimport globalJSON from 'data/global.json'\n\nimport FacebookIcon from 'components/App/SocialIcons/FacebookIcon/FacebookIcon';\nimport TwitterIcon from 'components/App/SocialIcons/TwitterIcon/TwitterIcon';\n// import EmailIcon from 'components/App/SocialIcons/EmailIcon/EmailIcon';\n\nfunction Share({content, pageMeta}) {\n\n return (\n \n
{content.titleSmall}
\n
{content.title}
\n
\n \n \n {/* */}\n
\n \n\t)\n\n}\n\nexport default Share;","import React from 'react'\nimport classes from './SectionHero.module.scss';\nimport renderHTML from 'react-render-html';\nimport { getFileName } from 'helpers/FileCaching';\nconst backgroundImages = require.context('../../../images/components/SectionHero/backgroundimage', true, /.*\\.(gif|png|jpe?g|svg)$/i);\n\nfunction SectionHero({content, windowSize, anchorName}){\n let overlay;\n \n const showOverlay = content.overlayBgImage;\n \n if(showOverlay !== '' && showOverlay === 'true'){\n overlay = \n }\n\n\treturn (\n
\n
\n
\n {overlay}\n
\n
\n
\n
{renderHTML(content.subtitle)}
\n
{renderHTML(content.title)}
\n \n
{renderHTML(content.description)}
\n
\n
\n \n
\n\n
\n \n
\n
\n\t)\n}\n\nexport default SectionHero","import React from 'react'\nimport classes from './FullWidthTitle.module.scss'\n\nfunction FullWidthTitle(props){\n let fullWidthContent = props.content;\n\n\treturn (\n\t\t\n
\n
\n
{fullWidthContent}
\n
\n
\n \n\t\t\n\t)\n}\n\nexport default FullWidthTitle","import React, { Component } from 'react';\n\n//json data\nimport hubData from '../../data/hub.js'\nimport globalJSON from '../../data/global.json'\nimport $ from 'jquery';\n\n//components\nimport Introduction from './Introduction/Introduction'\nimport Articles from './Articles/Articles'\nimport SeriesVideos from './SeriesVideos/SeriesVideos'\nimport Advert from '../App/Advert/Advert'\nimport SponsoredVideos from './SponsoredVideos/SponsoredVideos'\nimport { Helmet } from \"react-helmet\";\nimport IsNotDomestic from 'helpers/IsNotDomestic';\nimport Latest from \"./Latest/Latest.js\";\nimport ExternalArticles from './ExternalArticles/ExternalArticles';\nimport InDepth from './InDepth/InDepth';\nimport Spacer from './Spacer/Spacer';\n\nimport Share from './Share/Share'\nimport SectionHero from './SectionHero/SectionHero';\nimport FullWidthTitle from './FullWidthTitle/FullWidthTitle';\n\n\n\n\n//style css\nimport classes from './hub.module.scss';\nimport { getFileName } from 'helpers/FileCaching';\nconst introImages = require.context('../../images/components/Introduction', true, /.*\\.(gif|png|jpe?g|svg)$/i);\nconst globalImages = require.context('../../images/components/Global', true, /.*\\.(gif|png|jpe?g|svg)$/i);\n\n\nclass Hub extends Component {\n\tconstructor(props){\n\t\tsuper();\n\t\twindow.scrollTo(0,0);\n\n\t\tthis.pereviousScrollPercentage = 0;\n\n\t\tthis.onScroll = this.onScroll.bind(this)\n\t\twindow.addEventListener('scroll', this.onScroll)\n\n\t\tlet progress25Tracked = false;\n\t\tlet progress50Tracked = false;\n\t\tlet progress75Tracked = false;\n\t\tlet progress100Tracked = false;\n\n\t\tthis.state = {\n\t\t\tepisodeSelection:{\n\t\t\t\tseries:0, episode:hubData.seriesVideos.seriesList[0].episodes.length-1\n\t\t\t}\n\t\t}\n\n\t}\n\n\tonScroll(){\n\n\t\tvar s = this.getCurrentPosition()\n\n\t\tthis.heightOfPage()\n\n\t}\n\n\theightOfPage(){\n\t\n\t\tvar $articleElement = $('div');\n\t\tvar articleHeight =$articleElement.outerHeight(true);\n\t\tvar viewPort= window.innerHeight;\n\t\tvar percentage = ((this.getCurrentPosition() + viewPort) - $articleElement.position().top)/articleHeight * 100;\n\t\tvar minMaxPercentage = Math.min(100, Math.max(this.pereviousScrollPercentage, percentage));\n\n\t\t// to do tracking checks\n\n\t\tif(minMaxPercentage >= 25){\n\t\t\tif(!this.progress25Tracked) {\n\t\t\t\twindow.gtag('event', \"viewed hub\",{\n\t\t\t\t'event_category': globalJSON.tracking.ga_category,\n\t\t\t\t'event_label': \"scroll 25% progress\",\n\t\t\t\t'value':10\n\t\t\t\t});\n\t\t\t\t\tthis.progress25Tracked = true;\n\t\t\t\t\n\t\t\t}\n\t\t}\n\n\t\tif(minMaxPercentage >= 50){\n\t\t\tif(!this.progress50Tracked) {\n\t\t\t\twindow.gtag('event', \"viewed hub\",{\n\t\t\t\t'event_category': globalJSON.tracking.ga_category,\n\t\t\t\t'event_label': \"scroll 50% progress\",\n\t\t\t\t'value':10\n\t\t\t\t});\n\t\t\t\tthis.progress50Tracked = true;\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t\tif(minMaxPercentage >= 75){\n\t\t\tif(!this.progress75Tracked) {\n\t\t\t\twindow.gtag('event', \"viewed hub\",{\n\t\t\t\t'event_category': globalJSON.tracking.ga_category,\n\t\t\t\t'event_label': \"scroll 75% progress\",\n\t\t\t\t'value':10\n\t\t\t\t});\n\t\t\t\t\tthis.progress75Tracked = true;\n\t\t\t\t\n\t\t\t}\n\t\t}\n\t\t\tif(minMaxPercentage >= 100){\n\t\t\t\tif(!this.progress100Tracked) {\n\t\t\t\t\twindow.gtag('event', \"viewed hub\",{\n\t\t\t\t\t'event_category': globalJSON.tracking.ga_category,\n\t\t\t\t\t'event_label': \"scroll 100% progress\",\n\t\t\t\t\t'value':10\n\t\t\t\t\t});\n\t\t\t\t\tthis.progress100Tracked = true;\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\n\n\t\tthis.pereviousScrollPercentage= minMaxPercentage;\n\n\n\n\t}\n\n\tonLatestCtaInteraction(interactionData){\n\n var elmnt = document.getElementById(\"series_module__video_container\");\n var main_menu = document.getElementById(\"main_menu\");\n\n if(typeof(window.stop) !== \"undefined\"){\n //window.stop(true)\n window.scrollTo({top:elmnt.offsetTop - main_menu.offsetHeight, behavior:\"smooth\"});\n }else{\n window.scrollTo(0,(elmnt.offsetTop - main_menu.offsetHeight));\n }\n\t\tsetTimeout(this.setState({episodeSelection:interactionData}), 2000)\n\t\tthis.setState({episodeSelection:interactionData})\n\t}\n\n\tgetCurrentPosition = () => {\n\t\treturn Math.abs(( window.scrollY || document.body.scrollTop || document.documentElement.scrollTop));\n\t}\n\t\n\tcomponentDidUpdate(){\n\n\t}\n\n\tcomponentDidMount(){\n\n\t\tvar search = this.props.location.search.substring(1);\n\n\t\tif(search !== \"\"){\n\t\t\tvar queryParams = JSON.parse('{\"' + decodeURI(search).replace(/\"/g, '\\\\\"').replace(/&/g, '\",\"').replace(/=/g,'\":\"') + '\"}')\n\t\t\t\n\t\t\tif(queryParams.episode){\n\t\t\t\tsetTimeout(function(){\n\t\t\t\t\tthis.onLatestCtaInteraction(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tseries:parseInt(queryParams.series)-1, \n\t\t\t\t\t\t\tepisode:parseInt(queryParams.episode)-1\n\t\t\t\t\t\t}\n\t\t\t\t\t)\n\t\t\t\t}.bind(this), 1000)\n\t\t\t}\n\t\t}\n\t\t\n\t}\n\n\tcomponentWillUnmount(){\n\n\t\twindow.removeEventListener(\"scroll\", this.onScroll);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t
\n )\n } \n }\n\n return (\n \n null\n )\n \n }\n \n}\n\nexport default AddToHome;\n","import React, { Component } from 'react';\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\n\nimport Hub from '../Hub/Hub'\nimport Articles from '../Articles/Articles'\nimport Menu from './Menu/Menu';\nimport Footer from './Footer/Footer';\nimport UpdateNotification from './UpdateNotification/UpdateNotification';\n\nimport AddToHome from './AddToHome/AddToHome'\n\n// import globalJson from '../../data/global.json';\n\n//style css\nimport classes from './App.module.scss';\nconst globalImages = require.context('../../images/components/Global', true, /.*\\.(gif|png|jpe?g|svg)$/i);\n\n\nclass App extends Component {\n\n\tconstructor(){\n\n\t\tsuper()\n\t\t\n\t\t//Force external links to open in-app to avoid breaking user experience\n\t\tvar eventHandler = function (event) {\n\t\t\t// Only run for iOS full screen apps\n\t\t\tif (('standalone' in window.navigator) && window.navigator.standalone) {\n\t\t\t\t// Only run if link is an anchor and points to the current page\n\t\t\t\tif ( event.target.tagName.toLowerCase() !== 'a' || event.target.hostname !== window.location.hostname || event.target.pathname !== window.location.pathname || !/#/.test(event.target.href) ) return;\n\t\t\n\t\t\t\t// Open link in same tab\n\t\t\t\tevent.preventDefault();\n\t\t\t\twindow.location = event.target.href;\n\t\t\t}\n\t\t}\n\n\t\twindow.addEventListener('click', eventHandler, false);\n\n\t\tthis.state = {\n\t\t\twindowSize: 'desktop'\n\t\t}\n\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.resize();\n\t\twindow.onresize = this.resize.bind(this);\n\t\twindow.localStorage.removeItem(\"CORTEVA_PWA_AD_COMPLETED\");\n\t}\n\t\n\tresize() {\n\t\tif (window.innerWidth < 768) {\n\t\t\tthis.setState({windowSize: 'mobile'});\n\t\t} else if(window.innerWidth < 1200) {\n\t\t\tthis.setState({windowSize: 'tablet'});\n\t\t} else {\n\t\t\tthis.setState({windowSize: 'desktop'});\n\t\t}\n\t}\n\t\n\trender() {\n\t\treturn (\n\n\t\t\t\n\t\t\t\t
\n\t\t\t\n\t\t\t\n\t\t);\n }\n}\n\nexport default App;","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read http://bit.ly/CRA-PWA\n\n// import * as firebase from 'firebase/app';\n// import 'firebase/messaging';\n// import 'firebase/database';\n\nimport ServiceWorkerNotifications from './helpers/ServiceWorkerNotifications'\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if ('serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n let swUrl = \"\";\n if(process.env.NODE_ENV === 'production'){\n swUrl = `${process.env.PUBLIC_URL}/sw.js`;\n }else{\n swUrl = `${process.env.PUBLIC_URL}/sw.js`;\n }\n \n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit http://bit.ly/CRA-PWA'\n );\n });\n } else {\n \n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. Check out http://bit.ly/CRA-PWA.'\n );\n ServiceWorkerNotifications.dispatchCallback(null);\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n console.log(\"Check if the service worker can be found. If it can't reload the page.\", swUrl);\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n console.log(\"No service worker found. Probably a different app. Reload the page.\");\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n console.log(\"Service worker found. Proceed as normal.\");\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n\n","\nimport React from 'react';\n// import ReactDOM from 'react-dom';\nimport { render } from 'react-snapshot';\nimport App from './components/App/App';\n// import 'bootstrap/dist/css/bootstrap.min.css';\nimport './styles/style.module.scss';\n\nimport * as serviceWorker from './serviceWorker';\n\nrequire('es6-promise').polyfill();\nrender(, document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.register();\n "],"sourceRoot":""}
![{\"play](/future/bespoke/follow-the-food/static/js/{getFileName(videoImages,\"playBtn.svg\")})
\n \n