\n\t\t\t\t\t{children}\n\t\t\t\t
\n\t\t\t\t{initialData}\n\t\t\t\t{ !reload && }\n\t\t\t\t{reload}\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\n\nexport default Embed;\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/base/embed/embedDoc.js","import { h } from 'preact';\nimport Store from 'store/store';\nimport * as actions from 'store/actions';\nimport { oneTrust } from 'utils/gdpr';\nimport {\n\tcalculateShowtimesStatus,\n\tgetSize,\n\tsearchLocation,\n\tgetPageTitle,\n\tgetPath\n} from 'utils/clientUtils';\nimport {\n\ttrack,\n\tinitTracker,\n\tgaCustom,\n\tupdateDataLayer,\n\tupdateDataLayerPageView\n} from 'utils/tracking';\nimport { dbounce, accessNested, parseDate } from 'utils/utils';\nimport { smoothScrollTo } from 'utils/smoothScroll';\nimport queryString from 'qs';\nimport route from 'components/core/link/route';\nimport 'store/updateExtra';\nimport geoFencing from 'utils/geoFencing';\nimport CookiesModal from 'components/shared/cookiesModal/cookiesModal';\n\n// NOTE: SHOWTIMES EVENTS NOT INCLUDED IN THIS\n\n/** Listen to event triggers and update the store in reaction */\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Base events\n\n/**\n * Will be triggered every time an event is fired.\n * NOTE: This should be in store.js\n * @param {string} reactionName - the name of the event\n * @param {*} data - the first argument when the event was called\n */\nStore.on('afterAll', (reactionName, data) => {\n\tif (reactionName !== 'update') {\n\t\t// console.debug('TRIGGERED:', reactionName);\n\t}\n});\n\n/**\n * Update something in the store.\n * Should be used with care! to update anything irregular in the store.\n * NOTE: This is only used by the Warner Bros DE pixels to set movie genres.\n * I think It should be a more explicit event like \"UPDATE_GENRES\"\n * @param {Object} storeData - the changes to apply on the store\n */\nStore.on(actions.UPDATE_STORE, (storeData) => {\n\tconst store = Store.get();\n\tstore.set(storeData);\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Loader events\n\n/**\n * Update loader data.\n * This is only used in Doctor Strange AFAIK.\n * @param {Object} loader - the loader data\n */\nStore.on(actions.UPDATE_LOADER, (loader) => {\n\tconst store = Store.get();\n\n\tif (store.hasOwnProperty('loader')) {\n\t\tstore.loader.set(loader);\n\t} else {\n\t\tstore.set({ loader: loader });\n\t}\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Page interactions\n\n/**\n * Update the active page.\n * This event is fired by the \"PAGE_STATE_LOADED\", which will automatically detect the active\n * page based on the page url.\n * @param {Object} activePage - the active page object\n */\nStore.on(actions.SET_ACTIVE_PAGE, (activePage) => {\n\tif (!activePage) return;\n\t// console.log('Navigating to', activePage.path);\n\tgaCustom('set', 'page', activePage.path);\n\tgaCustom('send', 'pageview');\n\ttrackPageView(activePage.id, null, false);\n\n\tconst state = Store.get();\n\n\tif (activePage.data && state.background && state.background.videoEnabled !== activePage.data.allowBgVideo) {\n\t\t// Update the allowBgVideo\n\t\tconst { data } = activePage;\n\t\tStore.emit(actions.SET_BACKGROUND_VIDEO_ENABLED, data && data.allowBgVideo);\n\t}\n\n\t// Close the sidenav\n\tStore.emit(actions.SET_SIDE_NAV_OPEN, false);\n\n\tconst sideNavBelow = accessNested(activePage, 'data.header.breakpoint') ||\n\t\taccessNested(state, 'appData.header.breakpoint');\n\tif (typeof window !== 'undefined' && state.activePage.id !== activePage.id && !activePage.order) {\n\t\t// Scroll to top ?\n\t\t// (will change the scroll if the new page is smaller anyway)\n\t\t// If we keep that, add delay so that some pages can save their leaving state scroll position\n\t\tsetTimeout(() => smoothScrollTo('root', 0, 200), 0);\n\t}\n\n\t// Set the document title to the active page one\n\tdocument.title = getPageTitle(activePage, state.appData);\n\tconst header = state.header;\n\tStore.get().set({ activePage });\n\n\t// Have to re-get() since the reference is changed after the first set\n\tif (state.header && state.header.sideNavBelow !== sideNavBelow) {\n\t\tStore.get().header.set({ sideNavBelow });\n\t\tStore.emit(actions.SET_SIDE_NAV_ACTIVE, state.client.deviceSize);\n\t}\n\n\tStore.emit(actions.CLOSE_TICKETING);\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Background interactions\n\n/**\n * Update any of the background settings.\n * @param {Object} values - object with new background settings\n */\nfunction updateBackground(values) {\n\tconst bg = Store.get().background;\n\tif (bg) {\n\t\tbg.set(values);\n\t}\n}\nStore.on(actions.UPDATE_BACKGROUND_SETTINGS, updateBackground);\n\n/**\n * Set whether the background video should play.\n * @param {boolean} videoPlaying - whether the background video is playing\n */\nStore.on(actions.SET_BACKGROUND_VIDEO_PLAYING, (videoPlaying) => {\n\tupdateBackground({ videoPlaying });\n});\n\n/**\n * Set whether the video background is enabled.\n * @param {boolean} videoEnabled - true to enable the video background\n */\nStore.on(actions.SET_BACKGROUND_VIDEO_ENABLED, (videoEnabled) => {\n\tupdateBackground({ videoEnabled });\n});\n\n/**\n * Mute or unmute the background video.\n * @param {boolean} muted - true to mute the video, false to unmute\n */\nStore.on(actions.SET_BACKGROUND_VIDEO_MUTED, (muted) => {\n\tupdateBackground({ muted });\n});\n\n/**\n * Set the currently displayed background DOM element\n * @param {HTMLElement} element - current DOM element being the background\n */\nStore.on(actions.SET_BACKGROUND_ELEMENT, (element) => {\n\tupdateBackground({ element });\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Header interactions\n\n/**\n * Set whether the header menu is opened.\n * @param {boolean} sideNavOpen - true to open the menu, false to close it\n */\nStore.on(actions.SET_SIDE_NAV_OPEN, (sideNavOpen) => {\n\tconst header = Store.get().header;\n\tif(!header) return;\n\tif (!!sideNavOpen === !!header.sideNavOpen) return;\n\ttrack({ a: sideNavOpen ? 'nav-open' : 'nav-closed' });\n\theader.set({ sideNavOpen });\n});\n\n/**\n * Set whether the header is hidden.\n * @param {boolean} hidden - true to hide the menu, false to show it\n */\nStore.on(actions.HEADER_HIDDEN, (hidden) => {\n\tStore.get().header.set({ hidden });\n});\n\n/**\n * Set whether the side nav is active\n * @param {string} deviceSize - the current device size\n */\nStore.on(actions.SET_SIDE_NAV_ACTIVE, (deviceSize) => {\n\tconst store = Store.get();\n\tconst headerStore = store.header;\n\n\tconst { sideNavBelow } = headerStore;\n\tlet sideNavActive = false;\n\n\tif (sideNavBelow === 'desktop' ||\n\t\t(sideNavBelow === 'tablet' && (deviceSize === 'tablet' || deviceSize === 'mobile')) ||\n\t\tsideNavBelow === deviceSize) {\n\t\tsideNavActive = true;\n\t}\n\n\tconst device = store.client.device;\n\tconst isTablet = device === 'ipad' || (device === 'android' && deviceSize === 'tablet');\n\tif (accessNested(store, 'appData.header.sideNavOnTablet') && isTablet) {\n\t\tsideNavActive = true;\n\t}\n\n\tif (headerStore.hideHeader) {\n\t\tsideNavActive = true;\n\t}\n\n\theaderStore.set({ sideNavActive });\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Footer interactions\n\n/**\n * Store the current size of the footer.\n * FIXME: Commented 3 months ago, can we remove the handler + event?\n * @param {number} size - the current size of the footer in pixels\n */\n// Store.on(actions.FOOTER_SIZE, (size) => {\n// \tStore.get().footer.set({ size });\n// });\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Quizz interactions\n\n/**\n * Set wheter a quiz is started.\n * @param {boolean} started - true to start the quizz\n * @param {string=} quizId - the page id of the quizz started, by default it's the active page\n */\nStore.on(actions.QUIZ_STARTED, (started, quizId) => {\n\tconst quiz = quizId ? Store.get().appData.pages[quizId] : Store.get().activePage;\n\tif (quiz) {\n\t\tquiz.set({ started });\n\t}\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Client interactions\n\n/**\n * Update the stored client dimensions.\n * @param {Object} dimensions - the new client dimensions\n */\nStore.on(actions.SET_CLIENT_SIZE, (dimensions) => {\n\tconst store = Store.get();\n\tconst clientStore = store.client;\n\n\tconst deviceSize = getSize(dimensions);\n\tconst orientation = dimensions.width > dimensions.height ? 'landscape' : 'portrait';\n\n\tif (deviceSize !== clientStore.deviceSize) {\n\t\tStore.emit(actions.SET_SIDE_NAV_ACTIVE, deviceSize);\n\t}\n\n\tclientStore.set({\n\t\tdimensions,\n\t\tdeviceSize,\n\t\torientation\n\t});\n});\n\n(() => {\n\tconst validOrientations = ['portrait', 'landscape'];\n\tlet refCount = 0;\n\n\t// NOTE: This system is not perfect: it is too permissive.\n\t// Basically, you can aquire a lock for landscape while a lock on portrait is still active.\n\t// Perhaps we could add a priority like 'portrait' > 'landscape'?\n\n\t/**\n\t * Start forcing the orientation of the device.\n\t * @param {string} orientation - the device orientation, either 'portrait' or 'landscape'\n\t */\n\tStore.on(actions.START_FORCE_CLIENT_ORIENTATION, (orientation) => {\n\t\tif (validOrientations.indexOf(orientation) === -1) {\n\t\t\tconsole.error(`FORCE_ORIENTATION: unknown device orientation \"${orientation}\"`);\n\t\t\treturn;\n\t\t}\n\t\tconst uiState = Store.get().header.uiState;\n\t\tconst { overlayOrientation } = uiState;\n\t\tconst orientationChanged = orientation !== overlayOrientation;\n\n\t\tif (refCount > 0 && orientationChanged) {\n\t\t\tconsole.error(`FORCE_ORIENTATION: received a \"${orientation}\" orienation force request but ` +\n\t\t\t\t`there are still ${refCount} ongoing requests for \"${overlayOrientation}\". The behavior ` +\n\t\t\t\t'is now undefined.');\n\t\t\trefCount = 0; // accept the request anyway\n\t\t}\n\n\t\trefCount++;\n\t\tif (orientationChanged) {\n\t\t\tuiState.set({ overlayOrientation: orientation });\n\t\t}\n\t});\n\n\t/**\n\t * Stop forcing the orientation of the device.\n\t * Note that this function has effects only when it's called the same number of times\n\t * the function to start forcing the orientation has been called.\n\t * @param {boolean=} force - ignore the previous orientation requests and stop forcing it\n\t */\n\tStore.on(actions.STOP_FORCE_CLIENT_ORIENTATION, (force) => {\n\t\tconst uiState = Store.get().header.uiState;\n\t\tconst { overlayOrientation } = uiState;\n\n\t\tif (force) refCount = 0;\n\t\tif (refCount > 0) refCount--;\n\t\tif (refCount === 0 && overlayOrientation) {\n\t\t\tuiState.set({ overlayOrientation: false });\n\t\t}\n\t});\n\n})();\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Page load\n\nfunction detectCurrentPage(state, url) {\n\tstate = state || Store.get();\n\turl = (url || location.pathname)\n\n\tif (location.hostname === 'localhost') {\n\t\t// to prevent pages with /preview/ path to automatically be selected on local builds\n\t\turl = url.replace('/preview','');\n\t}\n\n\tlet bestMatch = null;\n\tlet bestMatchCount = 0;\n\tconst pages = state.appData.pages;\n\tObject.keys(pages).forEach(pageId => {\n\t\tconst page = pages[pageId];\n\t\tlet path = page.path.slice(0, -1);\n\t\tif (path === '') {\n\t\t\tpath = '/';\n\t\t}\n\t\tif (url.indexOf(path) >= 0 && !page.baseHtml) {\n\t\t\tif (bestMatchCount < path.length) {\n\t\t\t\tbestMatch = page;\n\t\t\t\tbestMatchCount = path.length;\n\t\t\t}\n\t\t}\n\t});\n\treturn bestMatch;\n}\n\nlet originalSetItem;\nlet setItemQueue = [];\nlet originalCookieDescriptor;\nlet cookieQueue = [];\nStore.on(actions.SHOW_COOKIES_MODAL, (callback) => {\n\t// Delay all potential localStorage.setItem && document.cookie = stuff to after the user has accepted\n\t// (not foolproof, only works for same-domain cookies not for things like youtube iframes etc.)\n\ttry {\n\t\tif (!originalSetItem) {\n\t\t\toriginalSetItem = localStorage.setItem;\n\t\t}\n\t\tlocalStorage.setItem = function() { setItemQueue.push([this, ...arguments]); };\n\t} catch(e) { }\n\ttry {\n\t\tif (!originalCookieDescriptor) {\n\t\t\toriginalCookieDescriptor = Object.getOwnPropertyDescriptor(Document.prototype, 'cookie') || Object.getOwnPropertyDescriptor(HTMLDocument.prototype, 'cookie');\n\t\t\tObject.defineProperty(document, 'cookie', {\n\t\t\t\tget: originalCookieDescriptor.get.bind(document),\n\t\t\t\tconfigurable: true\n\t\t\t});\n\t\t}\n\t\tObject.defineProperty(document, 'cookie', {\n\t\t\tset: value => cookieQueue.push(value)\n\t\t});\n\t} catch(e) { }\n\tStore.emit(actions.SHOW_MODAL, CookiesModal, (accept) => {\n\t\twindow.preventCookies = !accept;\n\t\tStore.get().client.set({ cookies: accept });\n\t\tif (accept) {\n\t\t\ttry {\n\t\t\t\tlocalStorage.setItem = originalSetItem;\n\t\t\t\tsetItemQueue.forEach(elem => localStorage.setItem.call(...elem));\n\t\t\t\t// Empty the array without changing the ref\n\t\t\t\tsetItemQueue.length = 0;\n\t\t\t} catch(e) { }\n\t\t\ttry {\n\t\t\t\tObject.defineProperty(document, 'cookie', {\n\t\t\t\t\tset: originalCookieDescriptor.set.bind(document)\n\t\t\t\t});\n\t\t\t\tcookieQueue.forEach(elem => document.cookie = elem);\n\t\t\t\tcookieQueue.length = 0;\n\t\t\t} catch(e) { }\n\t\t}\n\t\tif (typeof callback === 'function') {\n\t\t\tcallback(accept);\n\t\t}\n\t}, {\n\t\ttype: 'cookieModal',\n\t\tblockClose: true,\n\t\tbackdropColor: 'rgba(0, 0, 0, .8)',\n\t\tfadeIn: 600,\n\t\tappData: Store.get().appData\n\t});\n});\n\n/**\n * Called when a new page is loaded.\n */\nStore.on(actions.BEFORE_LOAD, () => {\n\tconst state = Store.get().toJS();\n\tconst appData = state.appData;\n\n\tStore.emit(actions.SET_SIDE_NAV_ACTIVE, state.client.deviceSize);\n\n\tconst detectedPage = detectCurrentPage(state);\n\tif (detectedPage && detectedPage.id !== state.activePage.id) {\n\t\tStore.emit(actions.SET_ACTIVE_PAGE, detectedPage);\n\t\t// Temp update it in our object to be able to work with it\n\t\tstate.activePage = detectedPage;\n\t}\n\n\tconst parsedQS = queryString.parse(location.search.slice(1));\n\tif (parsedQS.referrer) {\n\t\twindow.customReferrer = parsedQS.referrer;\n\t}\n\n\tlet showbarebones = parsedQS.showbarebones;\n\tconst embedmode = parsedQS.embedmode;\n\t// if (embedmode) {\n\t// \t// enable showbarebones\n\t// \tshowbarebones = true;\n\t// }\n\tif (appData.options.showbarebones) {\n\t\twindow.showbarebones = true;\n\t}\n\tif (window.showbarebones !== undefined) showbarebones = window.showbarebones;\n\tif (showbarebones) {\n\t\tStore.get().header.set({\n\t\t\thideHeader: true,\n\t\t\tsideNavActive: true\n\t\t});\n\n\t\tdocument.body.classList.add('bodyBarebones');\n\t\tif (accessNested(state, 'appData.pages.showtimes.data')) {\n\t\t\tStore.get().appData.pages.showtimes.data.set({\n\t\t\t\tforceFullHeader: true\n\t\t\t});\n\t\t}\n\t}\n\n\tif (parsedQS.iframe) {\n\t\t// Apply fixes specific to iframe bugs\n\t\tStore.get().client.set({\n\t\t\tiframe: true\n\t\t});\n\n\t\t// if (state.client.isIOS) {\n\t\t// \t// Due to iframe bugs on ios, let's enable the embedMode\n\t\t// \tembedmode = true;\n\t\t// }\n\t}\n\n\tif (embedmode) {\n\t\t// Add in global class to body\n\t\tdocument.body.classList.add('embedMode');\n\t\t// Update the store\n\t\tStore.get().client.set({\n\t\t\tembedMode: true\n\t\t});\n\t}\n\n\tconst onUrlChange = (e) => {\n\t\tconst state = Store.get();\n\n\t\tlet activePage = null;\n\t\tif (e && e.state && e.state.hasOwnProperty('pageId')) {\n\t\t\tactivePage = state.appData.pages[e.state.pageId];\n\t\t} else {\n\t\t\tactivePage = detectCurrentPage(state);\n\t\t}\n\n\t\tif (activePage && activePage.id !== accessNested(state, 'activePage.id')) {\n\t\t\tStore.emit(actions.SET_ACTIVE_PAGE, activePage);\n\t\t}\n\n\t\tStore.emit(actions.URL_CHANGED, e);\n\t};\n\twindow.addEventListener('popstate', onUrlChange);\n\thistory.onpushstate = onUrlChange;\n\thistory.onreplacestate = onUrlChange;\n\n\tlet showtimesStatus = false;\n\tif (state.appData.pages && state.appData.pages.showtimes) {\n\t\tconst dates = accessNested(state, 'appData.meta.dates', {});\n\t\tconst activeDate = parseDate(dates.live || dates.release || 0);\n\t\tshowtimesStatus = calculateShowtimesStatus(activeDate, state.appData.options.forceLive, state.appData.pages);\n\t\tStore.get().showtimes.set({ status: showtimesStatus }).now();\n\t}\n\n\tlet updateSize = () => Store.emit(actions.SET_CLIENT_SIZE, {\n\t\twidth: window.innerWidth,\n\t\theight: window.innerHeight\n\t});\n\twindow.addEventListener('resize', updateSize, false);\n\twindow.addEventListener('orientationchange', dbounce(updateSize, 350), false);\n\n\tlet isFirstVisit = true;\n\ttry {\n\t\t// See notes below regarding weird format\n\t\t// isFirstVisit = localStorage.getItem('isFirstVisit') !== 'false';\n\t\tisFirstVisit = !localStorage.getItem('isFirstVisit');\n\t} catch(e) {}\n\n\tPromise.resolve(geoFencing()).then(redirected => {\n\t\tif (redirected) {\n\t\t\treturn;\n\t\t}\n\t\tlet checkCookies = isFirstVisit && accessNested(appData, 'options.cookiesModal');\n\t\tif (!checkCookies) {\n\t\t\twindow.preventCookies = typeof window.preventCookies == \"undefined\" ? false : window.preventCookies;\n\t\t\tStore.emit(actions.PAGE_STATE_LOADED);\n\t\t} else {\n\t\t\tStore.emit(actions.SHOW_COOKIES_MODAL, () => Store.emit(actions.PAGE_STATE_LOADED));\n\t\t}\n\t});\n});\n\n// TODO: utils\n// Using innerHTML with script doesn't execute them. This \"fixes\" it\n// Inspired by https://stackoverflow.com/a/20584396/1336843\nfunction execScripts(node) {\n\tif (!node || !node.children) return;\n\tlet children = [].slice.call(node.children);\n\tchildren.forEach(child => {\n\t\tif (child.tagName !== 'SCRIPT') {\n\t\t\t// Not a script? Recurse\n\t\t\treturn execScripts(child);\n\t\t}\n\t\t// Make it executable\n\t\ttry {\n\t\t\tlet copy = document.createElement('script');\n\t\t\tcopy.text = child.innerHTML;\n\t\t\t[].forEach.call(child.attributes, attr => {\n\t\t\t\tcopy.setAttribute(attr.name, attr.value);\n\t\t\t});\n\t\t\t// child.parentElement.replaceChild(copy, child);\n\t\t\t// GTM doesn't like being included in a div (the tag helper extension complains)\n\t\t\t// Move all scripts out, directly in the body\n\t\t\tchild.parentElement.removeChild(child);\n\t\t\tdocument.body.appendChild(copy);\n\t\t} catch(e) {\n\t\t\tconsole.log('error while loading custom script', e);\n\t\t}\n\t});\n}\n\n/**\n * Called when a new page is loaded and preliminary checks are done (e.g. cookie or not).\n */\nStore.on(actions.PAGE_STATE_LOADED, () => {\n\tif (window.STATIC_PIXELS && !window.preventCookies) {\n\t\tlet pixelsElem = document.createElement('div');\n\t\tpixelsElem.innerHTML = window.STATIC_PIXELS;\n\t\tdocument.body.appendChild(pixelsElem);\n\t\texecScripts(pixelsElem);\n\t}\n\n\tconst state = Store.get().toJS();\n\tconst appData = state.appData;\n\n\tconst parsedQS = queryString.parse(location.search.slice(1));\n\tlet preventCookies = window.preventCookies;\n\n\tif (!appData.options.preventTrackingOnLoad) {\n\t\tinitTracker(state.appData, { noCookies: preventCookies });\n\t}\n\tif (!preventCookies) {\n\t\t// check if user visits for the first time\n\t\tlet isFirstVisit = true;\n\t\tlet regionModalDismissed = false;\n\t\ttry {\n\t\t\t// A bit counter-intuitive to store firstVisit = false in the local storage\n\t\t\t// Would make more sense IMO to store visited = true, this also avoids issue with falsy values conversion (false / undefined differentiation)\n\t\t\tisFirstVisit = localStorage.getItem('isFirstVisit') !== 'false';\n\t\t\tif (isFirstVisit) {\n\t\t\t\tlocalStorage.setItem('isFirstVisit', 'false');\n\t\t\t}\n\n\t\t\tregionModalDismissed = !!localStorage.getItem('regionModalDismissed');\n\t\t} catch (err) {\n\t\t\t// No local storage available\n\t\t}\n\t\tconst user = Store.get().user;\n\n\t\tif (user) {\n\t\t\tuser.set({\n\t\t\t\tisFirstVisit: !!isFirstVisit,\n\t\t\t\tregionModalDismissed: regionModalDismissed\n\t\t\t});\n\t\t}\n\t}\n\n\ttrackPageView(state.activePage.id, null, true);\n\n\t// fix landing url error usually caused by missing trailing slash\n\tif (parsedQS.err && parsedQS.err === '404' && parsedQS.path) {\n\t\tconst appBasePath = `/${appData.meta.studio.slug}/${appData.meta.title.slug}/${appData.meta.region.slug}`;\n\t\tconst missedPath = parsedQS.path.replace(appBasePath, '');\n\t\tlet missedPageId;\n\t\tfor (const pageId in appData.pages) {\n\t\t\tconst page = appData.pages[pageId];\n\t\t\tif (missedPath === page.path) {\n\t\t\t\tmissedPageId = pageId;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t\tif (missedPageId) {\n\t\t\tlet page = state.appData.pages[missedPageId];\n\t\t\t// TODO: current base instead of hardcoded showtimes\n\t\t\tif (page.base && page.base !== 'showtimes') {\n\t\t\t\tif (!parsedQS.from404) {\n\t\t\t\t\tlocation.href = missedPath.substring(1) + '?from404=1';\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\troute(missedPath.substring(1), missedPageId);\n\t\t\t\ttrack({ a: 'found_page_from_404', missedPageId });\n\t\t\t\tstate.activePage = state.appData.pages[missedPageId];\n\t\t\t}\n\t\t}\n\t}\n\n\tconst showtimesStatus = state.showtimes && state.showtimes.status;\n\tconst redirectTo = (showtimesStatus && state.activePage.redirectOnLoadAfterShowtimes) || state.activePage.redirectOnLoad;\n\tif (redirectTo) {\n\t\tif (redirectTo.match(/^(https?:)?\\/\\//)) {\n\t\t\tlocation.href = redirectTo;\n\t\t}\n\t\tlet path = getPath(redirectTo);\n\t\tif (path && path[0] === '/') {\n\t\t\tpath = path.substring(1);\n\t\t\tpath = (getPath(state.activePage).substring(1).match(/\\//g) || []).map(() => ('../')).join('') + path;\n\t\t}\n\t\thistory.pushState({ pageId: redirectTo }, '', path);\n\t}\n\n\t// CHECK PAGE VISIBILITY - ONLY LOAD APIS ONCE VISIBLE\n\tlet loaded = false;\n\tconst beforeLoad = Date.now();\n\tconst loadAPI = () => {\n\t\tif (loaded) return;\n\t\tloaded = true;\n\t\tStore.emit(actions.START_API);\n\t\tconst time = ~~((Date.now() - beforeLoad) / 1000);\n\t\ttrack({ a: 'page_visible', l: time, ni: true });\n\t};\n\tlet hidden;\n\tlet visibilityChange;\n\tif (typeof document.hidden !== 'undefined') {\n\t\thidden = 'hidden';\n\t\tvisibilityChange = 'visibilitychange';\n\t} else if (typeof document.msHidden !== 'undefined') {\n\t\thidden = 'msHidden';\n\t\tvisibilityChange = 'msvisibilitychange';\n\t} else if (typeof document.webkitHidden !== 'undefined') {\n\t\thidden = 'webkitHidden';\n\t\tvisibilityChange = 'webkitvisibilitychange';\n\t}\n\tif (!hidden || !document[hidden]) {\n\t\tloadAPI();\n\t} else {\n\t\t// TODO: COPY !\n\t\tconst inactiveModal = (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\n\t\tStore.emit(actions.SHOW_MODAL, inactiveModal, loadAPI, {\n\t\t\ttitle: 'Are you here?',\n\t\t\ttype: 'inactiveModal'\n\t\t});\n\n\t\tdocument.addEventListener(visibilityChange, () => {\n\t\t\tif (loaded || document[hidden]) return;\n\t\t\tconst modal = Store.get().modal;\n\t\t\tif (modal && modal.type === 'inactiveModal') Store.emit(actions.HIDE_MODAL);\n\t\t\tloadAPI();\n\t\t}, false);\n\t}\n});\n\n// Simple helper function to make sure we\n// don't fire a pageview track event multiple times on the same page\nlet lastTrackedPage = '';\nfunction trackPageView(pageId, extraOptions, firstLoad) {\n\tif (pageId === lastTrackedPage) {\n\t\treturn;\n\t}\n\textraOptions = Object.assign({ ni: true }, extraOptions);\n\ttrack({\n\t\t...extraOptions,\n\t\ta: pageId + '-view'\n\t});\n\n\tupdateDataLayerPageView(pageId, firstLoad);\n\n\tif (pageId === 'showtimes') {\n\t\ttrack({ once: true, a: 'start_dimensions', l: document.documentElement.offsetWidth + 'x' + document.documentElement.offsetHeight, ni: 1 });\n\t} else if (pageId === 'videos') {\n\t\tupdateDataLayer({ event: 'trailer-view' });\n\t}\n\n\tlastTrackedPage = pageId;\n\n}\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Modal events\n\n/**\n * Show the modal dialog with a custom content.\n * @param {string|JSX} content - the content of the modal\n * @param {Function=} callback - function called when the modal is closed\n * @param {Object=} extra - extra modal property\n */\nStore.on(actions.SHOW_MODAL, (content, callback, extra) => {\n\tconst state = Store.get();\n\t// if (!state.modal) state = state.set({ modal: {} });\n\t// TODO: Find a way to clear previous content maybe?\n\tstate.set({\n\t\tmodal: {\n\t\t\tactive: true,\n\t\t\tcontent: content,\n\t\t\tcallback: callback,\n\t\t\t...extra\n\t\t}\n\t});\n});\n\n/**\n * Close the modal and notify the caller.\n * @param {Object} result -\n * @param {Object} data -\n */\nStore.on(actions.HIDE_MODAL, (result, data) => {\n\tconst state = Store.get();\n\t// if (!state.modal) state = state.set({modal: {}});\n\tconst cb = state.modal && state.modal.callback;\n\tstate.set({\n\t\tmodal: {\n\t\t\tactive: false,\n\t\t\tresult: result,\n\t\t\tdata: data\n\t\t}\n\t});\n\tif (typeof cb === 'function') {\n\t\tcb(result, data);\n\t}\n});\n\n/**\n * Update the content of the modal.\n * @param {string|JSX} content - the new content\n */\nStore.on(actions.UPDATE_MODAL, (content) => {\n\tconst state = Store.get();\n\tstate.modal.set('content', content);\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Dynamic data\n\nStore.on(actions.UPDATE_DYNAMIC_DATA, (dynamicData) => {\n\t// Update the dynamic data\n\tStore.get().dynamicData.set(dynamicData);\n});\n\n/**\n * Register that the region modal was dismissed by the user.\n */\nStore.on(actions.SET_USER_REGION_MODAL_DISMISSED, () => {\n\tconst user = Store.get().user;\n\t// Update localstorage\n\tlocalStorage.setItem('regionModalDismissed', true);\n\tif (user) {\n\t\t// Update the store\n\t\tuser.set({ regionModalDismissed: true });\n\t}\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Misc events\n\n/**\n * Set the current state of an iOS fix?\n * Bound to the \"blur\" and \"focus events.\n * @param {number} state - a height? in pixels\n */\nStore.on(actions.SET_IOSFIXEDFIX, (state) => {\n\tStore.get().set({ iosFixedFix: state });\n});\n\n\n// =~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=~=~~=~=~=\n// Tracking events\n\n/**\n * Set the current state of an iOS fix?\n * Bound to the \"blur\" and \"focus events.\n * @param {number} state - a height? in pixels\n */\nStore.on(actions.ONETRUST_SHOW, () => oneTrust.displayModal());\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/store/update.js","import objectAssign from 'object-assign';\nimport Store from 'store/store';\nimport * as actions from 'store/actions';\nimport {\n\tprocessScreeningsApi,\n\trawSearchLocation,\n\tgetGeoScreeningsAsync,\n\tgetGeoFromIPAsync,\n\tgetCitiesAsync,\n\tgetTheatersScreeningsAsync } from 'utils/clientUtils';\nimport { track, updateDataLayer } from 'utils/tracking';\nimport { accessNested, asList, parseDate, encodeHtmlRecursively } from 'utils/utils';\nimport formatDateTime from 'utils/formatDateTime';\nimport { displayRegionModalIfNeeded } from 'utils/regionModal';\nimport queryString from 'qs';\nimport { filterTheater } from 'models/Theater';\n// TODO: only when needed ?\nimport 'store/updateTicketing';\nimport City from 'models/City';\nimport Geo from 'models/Geo';\n\n\n/* Basic Setup\n--------------------------------*/\n\n\nStore.on(actions.START_API, () => {\n\tlet state = Store.get();\n\n\tlet apiRoot = accessNested(state, 'appData.apis.stdata.root');\n\n\tif (!accessNested(state, 'appData.options.disableDynamicData')) {\n\t\tfetch(apiRoot+'/app_data/dynamic/'+accessNested(state,'appData.meta.id'), {\n\t\t\tmethod: 'GET',\n\t\t\theaders: {'Accept': 'application/vnd.api+json', 'Content-Type': 'application/vnd.api+json'}\n\t\t}).then(res => res.json()).then(o => {\n\t\t\tif(!o) return;\n\t\t\tdelete o.meta;\n\t\t\tStore.emit(actions.UPDATE_DYNAMIC_DATA, o);\n\t\t\t// Store.get().dynamicData.set(o);\n\t\t}).catch(err => console.log('Error getting dynamic app data', err));\n\t}\n\n\tlet opts = accessNested(state, 'appData.options', {});\n\tlet needsRegions = opts.autoBoundingRegions || opts.useRegionSwitcher || opts.useRegionMismatchModal || opts.useAlternateLanguages;\n\t// Should merge that with dynamicData probably\n\tlet appRegionsUrl = apiRoot+'/app_data/title_regions/'+accessNested(state,'appData.meta.title.slug','');\n\tlet regionPromise;\n\tlet demoLinkedRegions = accessNested(state, 'appData.meta.demoLinkedRegions');\n\tif (needsRegions && window.__IS_DEMO__ && demoLinkedRegions) {\n\t\tconst currentRegion = accessNested(state, 'appData.meta.region.slug', '');\n\t\tconst regions = demoLinkedRegions.split(',').map(r => r.trim().toLowerCase()).filter(r => r)\n\t\t\t.reduce((acc, region) => {\n\t\t\t\t// if (region === currentRegion) return acc;\n\t\t\t\tacc[region] = {\n\t\t\t\t\turl: window.location.href.replace(`/${currentRegion}/`, `/${region}/`)\n\t\t\t\t};\n\t\t\t\treturn acc;\n\t\t\t}, {});\n\t\tregionPromise = Promise.resolve(regions);\n\t} else {\n\t\tregionPromise = !needsRegions ? Promise.resolve() : fetch(appRegionsUrl, {\n\t\t\tmethod: 'GET',\n\t\t\theaders: {'Accept': 'application/vnd.api+json', 'Content-Type': 'application/vnd.api+json'}\n\t\t})\n\t\t.then(res => res.json())\n\t\t.catch(err => console.log('Error getting app regions', err))\n\t\t.then(regions => {\n\t\t\tif (!regions) regions = {};\n\t\t\tdelete regions.meta;\n\t\t\treturn regions;\n\t\t});\n\t}\n\n\tregionPromise = regionPromise.then(regions => {\n\t\tStore.emit(actions.UPDATE_DYNAMIC_DATA, { regions });\n\t});\n\n\t// No Showtimes Page is found, so will probably not need any of this data\n\t// If you do then enable features -> noShowtimesPageForceGeo in Thundr\n\tif (!accessNested(state, 'appData.pages.showtimes') && !accessNested(state, 'appData.options.noShowtimesPageForceGeo')) {\n\t\treturn;\n\t}\n\n\tlet useClientGeo = (geo, source) => regionPromise.then(() => Store.emit(actions.SET_CLIENT_GEO, new Geo(geo), source));\n\n\tlet parsedQS = queryString.parse(location.search.slice(1));\n\tparsedQS = encodeHtmlRecursively(parsedQS);\n\t// NOTE: All characters <, > are replaced with HTML entities to prevent XSS\n\t// this might be too restrictive for us in the future, but for now this is the most\n\t// secure solutions\n\n\tlet forceStartGeo = accessNested(state.appData, 'pages.showtimes.data.forceStartGeo');\n\tlet localStorageGeo;\n\ttry {\n\t\tlocalStorageGeo = JSON.parse(window.localStorage.getItem(state.appData.meta.id + '_lastHouse'));\n\t} catch(e) {}\n\tif (forceStartGeo) {\n\t\tif (typeof forceStartGeo === 'string') {\n\t\t\trawSearchLocation(forceStartGeo, state.appData.apis.gmaps.key, state.appData.region).then(data => {\n\t\t\t\tuseClientGeo(data, 'forceStart');\n\t\t\t});\n\t\t} else {\n\t\t\tuseClientGeo(forceStartGeo, 'forceStart');\n\t\t}\n\t} else {\n\t\tlet locationResolveChain = Promise.resolve();\n\t\tlet addLocationOption = fn => {\n\t\t\tlocationResolveChain = locationResolveChain.then(value => {\n\t\t\t\tif (value) {\n\t\t\t\t\treturn value;\n\t\t\t\t}\n\t\t\t\treturn typeof fn === 'function' ? fn() : fn;\n\t\t\t});\n\t\t};\n\t\tif (parsedQS.location) {\n\t\t\tlet loc = parsedQS.location;\n\t\t\tif (parsedQS.lat && parsedQS.lon) {\n\t\t\t\taddLocationOption({\n\t\t\t\t\tdata: {\n\t\t\t\t\t\tlat: parsedQS.lat,\n\t\t\t\t\t\tlon: parsedQS.lon,\n\t\t\t\t\t\tcountryCode: parsedQS.cc || accessNested(state, 'appData.meta.region.slug'),\n\t\t\t\t\t\tcity: loc,\n\t\t\t\t\t},\n\t\t\t\t\ttype: 'queryString'\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\taddLocationOption(() => {\n\t\t\t\t\treturn rawSearchLocation(loc, state.appData.apis.gmaps.key, state.appData.region).then(result => {\n\t\t\t\t\t\treturn { data: result, type: 'queryString' };\n\t\t\t\t\t}).catch(e => {});\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\tif (localStorageGeo && typeof localStorageGeo === 'object') {\n\t\t\taddLocationOption({ data: localStorageGeo, type: 'storage' });\n\t\t}\n\t\taddLocationOption(() => {\n\t\t\tlet cancel = false;\n\t\t\tlet cancelGeo = () => (cancel = true);\n\t\t\tStore.once(actions.SET_CLIENT_GEO, cancelGeo);\n\t\t\treturn getGeoFromIPAsync().then(data => {\n\t\t\t\tif (cancel) return;\n\n\t\t\t\tlet countryCode = data.countryCode.toLowerCase();\n\t\t\t\treturn { data: { lat: data.lat, lon: data.lon, countryCode: countryCode, city: data.city }, type: 'geoip' };\n\t\t\t});\n\t\t});\n\n\t\tlocationResolveChain.then(result => {\n\t\t\tif (result) {\n\t\t\t\tuseClientGeo(result.data, result.type);\n\t\t\t}\n\t\t}).catch(err => {\n\t\t\tconsole.log('Error getting geo', err);\n\t\t\tStore.get().showtimes.set({ loading: false, error: 'UNKNOWN' });\n\t\t});\n\t}\n});\n\n\n\n\n/* Theaters\n--------------------------------*/\n\n\nStore.on(actions.SET_THEATERS, (theaters, noRemainingCheck) => {\n\tlet showtimesState = Store.get().showtimes;\n\t// Not sure why we make a copy of the theaters but I'm scared to remove it\n\tlet total = (theaters || []).map(t => objectAssign({}, t));\n\t// Make sure we are using objects and not instances\n\tshowtimesState.set({ theaters: total, firstDataLoaded: true, loading: false });\n\tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS, theaters && theaters.map(t => t.id));\n\tif (!showtimesState.firstDataLoaded) Store.emit(actions.FIRST_DATA_LOADED);\n});\n\n\n\nStore.on(actions.ADD_THEATERS, (newTheaters) => {\n\tlet showtimesState = Store.get().showtimes;\n\t// Breaks the thing\n\tif (showtimesState.loading || showtimesState.error) return;\n\tlet theaters = showtimesState.theaters || [];\n\tnewTheaters = newTheaters.filter(nt => !theaters.find(t => t.id === nt.id));\n\n\tif (!newTheaters.length) return;\n\tStore.emit(actions.SET_THEATERS, theaters.concat(newTheaters), true);\n});\n\n\n\nStore.on(actions.SELECT_THEATER, (theaterId) => {\n\tlet state = Store.get();\n\tlet theaters = state.showtimes.theaters;\n\tif (!theaters) return;\n\tlet currentActive = theaters.find(t => t.active);\n\tif (currentActive) currentActive.set({ active: false });\n\tlet newActive = theaterId && theaters.find(t => t.id === theaterId);\n\tif (newActive) {\n\t\tnewActive.set({ active: true });\n\t\ttry {\n\t\t\twindow.localStorage.setItem(state.appData.meta.id + '_lastHouse', newActive.geo.toString());\n\t\t} catch(e) { }\n\t}\n\ttrack({ a: 'list_click', l: theaterId, useCustomPageTrack: true });\n});\n\nStore.on(actions.SET_THEATER_STATE, (theater, state, data) => {\n\t// let theaters = Store.get().showtimes.theaters;\n\t// if(!theaters) return;\n\tif (!theater) return;\n\ttheater.set({ state: state, stateData: data });\n\t// track({a: 'theater_step', l: theaterId});\n});\n\n\n\nStore.on(actions.UPDATE_THEATER_FILTERED_SCREENINGS, (newIds) => {\n\tlet state = Store.get();\n\tlet showtimesState = state.showtimes;\n\n\tlet sortTheatersByDate = accessNested(state, 'appData.options.sortTheatersByDate');\n\t// Copy them to be able to sort them\n\t// let theaters = showtimesState.theaters.map(t => objectAssign({}, t));\n\tlet theaters = showtimesState.theaters.toJS();\n\tlet filters = showtimesState.filters;\n\n\tif (theaters) {\n\t\ttheaters.forEach((t) => {\n\t\t\tobjectAssign(t, filterTheater(t, filters));\n\t\t});\n\t\t// let pinned = asList(accessNested(state, 'activePage.data.pinnedTheaters'));\n\t\t// let isPinned = (t) => pinned.indexOf(t && t.id) !== -1;\n\t\tlet compProp = 'distance', undefinedFirst = false;\n\t\tif (sortTheatersByDate) {\n\t\t\tcompProp = 'firstDate';\n\t\t}\n\t\tif (showtimesState.sortBy) {\n\t\t\tcompProp = showtimesState.sortBy;\n\t\t}\n\t\tlet compare = (a, b, p, undefinedFirst) => {\n\t\t\tlet aPinned = a.pinned, bPinned = b.pinned;\n\t\t\tif (aPinned !== bPinned) return aPinned ? -1 : 1;\n\t\t\tlet va = a[p], vb = b[p];\n\t\t\t// == and not === to also check null\n\t\t\tif (va == vb) {\n\t\t\t\t// Always end up sorting equivalent theaters by distance\n\t\t\t\treturn p !== 'distance' ? compare(a, b, 'distance', false) : 0;\n\t\t\t}\n\t\t\tif (va == undefined) return undefinedFirst ? -1 : 1;\n\t\t\tif (vb == undefined) return undefinedFirst ? 1 : -1;\n\t\t\tlet compareAsString = typeof a === 'string' && typeof b === 'string' && (isNaN(a) || isNaN(b));\n\t\t\treturn compareAsString ? a.localeCompare(b) : va - vb; // ASC (should we make that an option ?)\n\t\t};\n\t\tlet sortFunc = (a,b) =>\n\t\t\t(!!a.filteredScreenings.length !== !!b.filteredScreenings.length)\n\t\t\t? (!!a.filteredScreenings.length ? -1 : 1) // Theaters with unfiltered screenings first\n\t\t\t: compare(a, b, compProp, undefinedFirst); // Then by distance (or date)\n\t\ttheaters.sort(sortFunc);\n\t\tlet currentActive = theaters.find(t => t.active && t.enabled);\n\t\tif (!currentActive) {\n\t\t\tlet first = theaters.find(t=>t.enabled && (!newIds || newIds.indexOf(t.id) !== -1) && t.filterPass && t.activeExhibitor);\n\t\t\tif (first) {\n\t\t\t\t// Store.emit(actions.SELECT_FIRST_THEATER, first);\n\t\t\t\t// track({a: 'list_click', l: first.id, ni: 1});\n\t\t\t\tfirst.active = true;\n\t\t\t\t// Update last house ?\n\t\t\t\t// try {\n\t\t\t\t// \twindow.localStorage.setItem(state.appData.meta.id + '_lastHouse', first.geo.toString());\n\t\t\t\t// } catch(e) { }\n\t\t\t}\n\t\t}\n\t}\n\t// showtimesState.set({theaters});\n\tStore.get().showtimes.set({ theaters }).now();\n\tStore.emit(actions.AFTER_THEATERS_UPDATE);\n});\n\n\n\n/* Map\n--------------------------------*/\n\nStore.on(actions.SET_MAP_OPEN, (open) => {\n\tlet showtimesState = Store.get().showtimes;\n\tshowtimesState.set({ mapOpen: open });\n\tdocument.body.style.overflow = open ? \"hidden\" : \"visible\";\n});\n\n\n\n/* Cities\n--------------------------------*/\n\n\n\nStore.on(actions.SET_CITIES, (cities) => {\n\tStore.get().showtimes.set({ cities, cityShowCount: 10 });\n});\n\n\n\nStore.on(actions.SET_CITY_SHOW_COUNT, (cityShowCount) => {\n\tStore.get().showtimes.set({ cityShowCount });\n});\n\n\n\n/* Filters\n--------------------------------*/\n\n// TODO: WE SHOULD HAVE DIFFERENT SUBOBJECT IN THE STORE FOR EACH PAGE\n// Instead of just a \"showtimes\" prop\n\n// Make sure filters are what they need to be on the current page\nStore.on(actions.CHECK_FILTERS, (noRefresh) => {\n\tlet state = Store.get();\n\tlet filters = state.showtimes.filters;\n\n\tlet hiddenFilters = accessNested(state, 'activePage.data.hiddenFilters', {});\n\n\tfilters.timeOfDay.set({ visible: !hiddenFilters.time });\n\t// Should we reset current ? I guess so\n\tfilters.stDate.set({ visible: !hiddenFilters.date, current: [] });\n\tif (hiddenFilters.format) filters.format.set({ visible: false });\n\tfilters.hour.set({ current: [] });\n\n\n\tlet disabledFilters = accessNested(state, 'activePage.data.disabledFilters');\n\tif (disabledFilters) {\n\t\tlet disabledFormats = asList(disabledFilters.format);\n\t\tif (disabledFormats) {\n\t\t\tlet options = disabledFormats.map(k => ({ slug: k.toLowerCase().replace(/\\s+/g, '') }));\n\t\t\tStore.emit(actions.FILTER_DISABLE, 'format', options, true);\n\t\t}\n\n\t\tlet disabledExhib = disabledFilters.exhibitor;\n\t\tif (disabledExhib) {\n\t\t\tlet options = asList(disabledExhib).map(dom => ({domain: dom}));\n\t\t\tStore.emit(actions.FILTER_EXCLUDE, 'exhibitor', options, true);\n\t\t}\n\n\t\tlet disabledWebediaTheater = disabledFilters.webediaTheater;\n\t\tif (disabledWebediaTheater) {\n\t\t\t// let allTheaters = state.showtimes.theaters || [];\n\t\t\t// let desired = asList(disabledWebediaTheater);\n\t\t\t// let providers = ['wwm', 'webus', 'webuk'];\n\t\t\t// TODO: also check providerId\n\t\t\t// let options = allTheaters.filter(t => desired.indexOf(t.providerTheaterId) !== -1);\n\t\t\t// console.log('?', options, desired, state.showtimes);\n\t\t\tlet options = asList(disabledWebediaTheater).map(id => ({providerTheaterId: id}));\n\t\t\tStore.emit(actions.FILTER_EXCLUDE, 'webedia', options, true);\n\t\t}\n\n\t\tlet disabledTheater = disabledFilters.theater;\n\t\tif (disabledTheater) {\n\t\t\tlet options = asList(disabledTheater).map(id => ({id: id}));\n\t\t\tStore.emit(actions.FILTER_EXCLUDE, 'theater', options, true);\n\t\t}\n\t}\n\n\tlet defaultFilters = accessNested(state, 'activePage.data.defaultFilters');\n\n\tif (defaultFilters) {\n\t\tlet defaultDate = defaultFilters.date;\n\t\tif (defaultDate) {\n\t\t\tlet active = true;\n\t\t\tlet datesList = filters.stDate.options;\n\t\t\tif (typeof defaultDate === 'object') {\n\t\t\t\tif (defaultDate.from) {\n\t\t\t\t\tlet from = parseDate(defaultDate.from);\n\t\t\t\t\tif (from) datesList = datesList.filter(d => d.date >= from);\n\t\t\t\t}\n\t\t\t\tif (defaultDate.to) {\n\t\t\t\t\tlet to = parseDate(defaultDate.to);\n\t\t\t\t\tif (to && to < Date.now()) active = false;\n\t\t\t\t\tif (to) datesList = datesList.filter(d => d.date <= to);\n\t\t\t\t}\n\t\t\t\tif ((defaultDate.from || defaultDate.to) && !datesList.length) {\n\t\t\t\t\tif (defaultDate.from && defaultDate.to) {\n\t\t\t\t\t\tlet date1 = parseDate(defaultDate.from);\n\t\t\t\t\t\tlet date2 = parseDate(defaultDate.to);\n\t\t\t\t\t\tlet from = Math.min(date1, date2);\n\t\t\t\t\t\tlet to = Math.max(date1, date2);\n\t\t\t\t\t\tlet currentDate = new Date(from);\n\t\t\t\t\t\tdatesList = [];\n\t\t\t\t\t\twhile (currentDate <= to) {\n\t\t\t\t\t\t\tdatesList.push({ id: +currentDate });\n\t\t\t\t\t\t\tcurrentDate.setDate(currentDate.getDate() + 1);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tlet desired = parseDate(defaultDate.from || defaultDate.to);\n\t\t\t\t\t\tif (desired) datesList = [{ id: +desired }];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlet desired = parseDate(defaultDate);\n\t\t\t\t// if(desired) datesList = datesList.filter(d => {\n\t\t\t\t// \treturn +d.date === +desired;\n\t\t\t\t// });\n\t\t\t\tif (desired && desired < Date.now()) active = false;\n\t\t\t\tif (desired) datesList = [{ id: +desired }];\n\t\t\t}\n\t\t\tif (active) {\n\t\t\t\tStore.emit(actions.TOGGLE_FILTER, 'stDate', datesList, true);\n\t\t\t\tStore.emit(actions.SET_FILTER_VISIBILITY, 'stDate', !!defaultDate.visible);\n\t\t\t}\n\t\t}\n\n\t\tlet defaultHour = defaultFilters.hour;\n\t\tif (defaultHour) {\n\t\t\tlet options = [];\n\t\t\tif (typeof defaultHour === 'object') {\n\t\t\t\tlet from = +defaultHour.from || 0, to = 24;\n\t\t\t\tif (defaultHour.to && !isNaN(+defaultHour.to)) to = +defaultHour.to;\n\t\t\t\tif (to < from) { let tmp = to; to = from; from = tmp; }\n\t\t\t\tfor (let i = from; i <= to; i++) {\n\t\t\t\t\toptions.push({ id: i });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toptions = [{ id: +defaultHour }];\n\t\t\t}\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'hour', options, true);\n\t\t}\n\t\tlet defaultMinute = defaultFilters.minute;\n\t\tif (defaultMinute) {\n\t\t\tlet options = [];\n\t\t\tif (typeof defaultMinute === 'object') {\n\t\t\t\tlet from = +defaultMinute.from || 0, to = 60;\n\t\t\t\tif (defaultMinute.to && !isNaN(+defaultMinute.to)) to = +defaultMinute.to;\n\t\t\t\tif (to < from) { let tmp = to; to = from; from = tmp; }\n\t\t\t\tfor (let i = from; i <= to; i++) {\n\t\t\t\t\toptions.push({ id: i });\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\toptions = [{ id: +defaultMinute }];\n\t\t\t}\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'minute', options, true);\n\t\t}\n\n\t\tlet defaultFormat = defaultFilters.format;\n\t\tif (defaultFormat) {\n\t\t\tlet options = asList(defaultFormat).map(format => ({ slug: format.toLowerCase().replace(/\\s/g, '') }));\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'format', options, true);\n\t\t}\n\n\t\tlet defaultExhib = defaultFilters.exhibitor;\n\t\tif (defaultExhib) {\n\t\t\tlet options = asList(defaultExhib).map(dom => ({ domain: dom }));\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'exhibitor', options, true);\n\t\t}\n\n\t\tlet defaultTheater = defaultFilters.theater;\n\t\tif (defaultTheater) {\n\t\t\tlet options = asList(defaultTheater).map(id => ({ id: id }));\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'theater', options, true);\n\t\t}\n\n\t\tif (defaultFilters.pidmod) {\n\t\t\t// Reset the cities filter to\n\t\t\t//NOTE: this should be probably be done somewhere else, but it needs to work with multiple showtimes pages\n\t\t\tstate.showtimes.citiesFilters.set({\n\t\t\t\tpidmod: defaultFilters.pidmod\n\t\t\t});\n\n\t\t\tif (state.client.geo) {\n\t\t\t\t// Only reload cities if geo has actually been set\n\t\t\t\tStore.emit(actions.SCREENINGS_LOADED);\n\t\t\t}\n\t\t}\n\t}\n\n\n\tif (state.showtimes.citiesFilters && state.showtimes.citiesFilters.pidmod && (!defaultFilters || !defaultFilters.pidmod)) {\n\t\t// Remove the pidmod again from the state because we don't have a set\n\t\t// default filter\n\t\tstate.showtimes.citiesFilters.set({\n\t\t\tpidmod: null\n\t\t});\n\n\t\t// Reset cities with the new pidmod\n\t\tStore.emit(actions.SCREENINGS_LOADED);\n\t}\n\n\tif (typeof document !== 'undefined') {\n\t\tlet qs = queryString.parse(document.location.search.slice(1));\n\t\tif (qs.format || qs.reald) {\n\t\t\t// Formats coming fron the Query String\n\t\t\tconst desiredFormat = (qs.format || '').toLowerCase().split(',');\n\t\t\t// Formats that are available through the api\n\t\t\tlet srcOptions = filters.format.options;\n\t\t\tlet options = [];\n\t\t\t// Even when the desired format isn't available,\n\t\t\t// still filter on it\n\t\t\tif (state.appData.options.formatFilterIsStrict) {\n\t\t\t\toptions = srcOptions.filter(f => desiredFormat.indexOf(f.slug) !== -1);\n\t\t\t} else {\n\t\t\t\toptions = srcOptions.filter(f => desiredFormat.find(df => f.slug.replace(/&/g, '').indexOf(df) !== -1));\n\t\t\t}\n\t\t\tif (qs.reald) {\n\t\t\t\tlet newOptions = srcOptions\n\t\t\t\t\t.filter(f => f.slug.indexOf('imax') === -1 && f.slug.match(/(reald\\s*)?\\b3d\\b/i))\n\t\t\t\t\t.map(option => Object.assign({ reald: true }, option));\n\t\t\t\toptions = options.concat(newOptions);\n\t\t\t}\n\t\t\tif (!options.length) {\n\t\t\t\tif (qs.reald) {\n\t\t\t\t\toptions = desiredFormat.map(f => ({ slug: 'reald3d', label: 'RealD 3D', reald: true }));\n\t\t\t\t} else {\n\t\t\t\t\t// The desired format doesn't exist in the existing options\n\t\t\t\t\toptions = desiredFormat.map(f => ({ slug: f, label: f }));\n\t\t\t\t\t// Make the format filter visible,\n\t\t\t\t\t// so people can disable it again\n\t\t\t\t\tStore.emit(actions.SET_FILTER_VISIBILITY, 'format', true);\n\t\t\t\t}\n\t\t\t}\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'format', options, true);\n\t\t}\n\t\tif (qs.exhibitor) {\n\t\t\tlet desiredExhib = qs.exhibitor.toLowerCase().replace(/^https?:\\/\\/(www\\.)?/, '');\n\t\t\t// Store.emit(actions.TOGGLE_FILTER, 'exhibitor', filters.exhibitor.options.filter(e => e.domain.toLowerCase().indexOf(desiredExhib) !== -1), true);\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'exhibitor', [{ domain: desiredExhib }], true);\n\t\t\tStore.emit(actions.SET_FILTER_VISIBILITY, 'exhibitor', true);\n\t\t}\n\t\tif (qs.provider) {\n\t\t\t// let desired = qs.provider.split(',').map(e => ({id: e, name: e}));\n\t\t\tlet desired = qs.provider.split(',');\n\t\t\tlet result = filters.ticketProvider.options.filter(e => desired.indexOf(e.id) !== -1);\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'ticketProvider', result, true);\n\t\t\tStore.emit(actions.SET_FILTER_VISIBILITY, 'ticketProvider', true);\n\t\t}\n\t\tif (qs.date) {\n\t\t\tlet arr = qs.date.split(',');\n\t\t\tlet options = filters.stDate.options.filter(e => {\n\t\t\t\tlet ddmmyyyy = e.ddmmyyyy;\n\t\t\t\tlet std = formatDateTime(e.date, 'yyyy-MM-dd');\n\t\t\t\treturn arr.find(desired => desired === ddmmyyyy || desired === std);\n\t\t\t});\n\t\t\tif (!options.length) {\n\t\t\t\toptions = arr.map(elem => ({ id: +parseDate(elem) }));\n\t\t\t}\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'stDate', options, true);\n\t\t}\n\t\tif (qs.timeofday) {\n\t\t\tlet arr = qs.timeofday.toUpperCase().split(',');\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'timeOfDay', filters.timeOfDay.options.filter(e => arr.indexOf(e.id.slice(1)) !== -1), true);\n\t\t}\n\t\tif (qs.title) {\n\t\t\tlet desired = qs.title.toLowerCase().split(',');\n\t\t\t// let comp = m => desired.indexOf(m.slug) !== -1; // exact match\n\t\t\tlet comp = m => desired.find(d => m.slug.indexOf(d) !== -1); // contains\n\t\t\tlet options = filters.movie.options.filter(comp);\n\t\t\tif (!options.length) {\n\t\t\t\toptions = desired.map(e => ({ slug: e, title: e }));\n\t\t\t}\n\t\t\tStore.emit(actions.TOGGLE_FILTER, 'movie', options, true);\n\t\t}\n\t}\n\n\tif (!noRefresh) Store.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n});\n\n\nStore.on(actions.RELOAD_FILTERS, (data, keepCurrent) => {\n\tif (!data) {\n\t\t// No data specified, reload the filters based on the existing showtimes data\n\t\tlet store = Store.get();\n\t\tlet theaters = store.showtimes.theaters || [];\n\t\tlet screenings = [];\n\t\tlet exhibitors = {};\n\t\tlet movies = {};\n\t\tlet formats = {};\n\t\ttheaters.forEach(theater => {\n\t\t\tscreenings.push(theater.screenings);\n\t\t\tif (theater.exhibitor) {\n\t\t\t\texhibitors[theater.exhibitor.id] = theater.exhibitor;\n\t\t\t}\n\t\t\ttheater.movies.forEach(movie => {\n\t\t\t\tmovies[movie.id] = movie;\n\t\t\t\tif (movie.format) {\n\t\t\t\t\tformats[movie.format.id] = movie.format;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\texhibitors = Object.values(exhibitors);\n\t\tmovies = Object.values(movies);\n\t\tformats = Object.values(formats);\n\t\tdata = { theaters, screenings, exhibitors, movies, formats };\n\t}\n\n\tlet { theaters, screenings, exhibitors, movies=[], formats=[] } = data;\n\tlet timeOfDayOptions = [];\n\tlet stDateOptions = [];\n\tlet ticketProviders = [];\n\t// let blockedExhibitors = accessNested(state, 'appData.pageData.showtimes.blockedExhibitors', []);\n\tlet state = Store.get();\n\tlet filters = state.showtimes.filters;\n\tlet screeningsMovieIds = [];\n\t// Use the theaters screenings rather than the list of all screenings to not get the ones removed by the provider merging\n\ttheaters.forEach(t => t.screenings.forEach(s => {\n\t\t// Only add it if it is supposed to be displayed\n\t\tif (s.timeOfDay && s.timeOfDay.label && timeOfDayOptions.indexOf(s.timeOfDay) === -1) {\n\t\t\ttimeOfDayOptions.push(s.timeOfDay);\n\t\t}\n\t\tif (s.stDate && stDateOptions.indexOf(s.stDate) === -1) {\n\t\t\tstDateOptions.push(s.stDate);\n\t\t}\n\t\tif (screeningsMovieIds.indexOf(s.movie.id) === -1) {\n\t\t\tscreeningsMovieIds.push(s.movie.id);\n\t\t}\n\t\tlet sTicketProviders = s.urls ? Object.keys(s.urls) : [];\n\t\tsTicketProviders.forEach(tp => ticketProviders.indexOf(tp) === -1 && ticketProviders.push(tp));\n\t}));\n\tmovies = movies.filter(m => screeningsMovieIds.includes(m.id)).sort((a, b) => {\n\t\t// TODO option to have custom order in thundr\n\t\treturn a.title.localeCompare(b.title);\n\t});\n\tconst timeOfDayOrder = ['$MORNING', '$AFTERNOON', '$EVENING', '$LATE'];\n\t// timeOfDayOptions.sort((a, b) => timeOfDayOrder.indexOf(a.id) - timeOfDayOrder.indexOf(b.id));\n\n\t// reverse order to easily put the unknow formats at the end of the list\n\tlet formatOrder = ['imax 3d', '3d imax', 'imax 70mm', 'imax 2d', '2d imax', 'imax', 'dolby cinema', 'dolby', '3d', '70mm', '35mm', '2d'].reverse();\n\tlet disabledFormats = asList(accessNested(state, 'activePage.data.disabledFilters.format', {})).map(e => e.toLowerCase().replace(/\\s+/g, ''));\n\tformats = formats.filter(f => f && disabledFormats.indexOf(f.slug) === -1).sort((a, b) => {\n\t\tlet nameA = a.name.toLowerCase();\n\t\tlet nameB = b.name.toLowerCase();\n\t\tlet detectedOrder = formatOrder.indexOf(nameB) - formatOrder.indexOf(nameA);\n\t\treturn detectedOrder || nameA.localeCompare(nameB);\n\t});\n\n\tfilters.timeOfDay.set({\n\t\toptions: timeOfDayOptions.sort((a, b) => timeOfDayOrder.indexOf(a.id) - timeOfDayOrder.indexOf(b.id))\n\t});\n\tfilters.stDate.set({\n\t\toptions: stDateOptions.sort((a, b) => a.date - b.date)\n\t});\n\tfilters.exhibitor.set({\n\t\toptions: exhibitors.filter(exhib => exhib.domain)\n\t});\n\tfilters.movie.set({\n\t\toptions: movies,\n\t\tvisible: state.appData.options.useTitleFilter && movies.length > 1\n\t});\n\tfilters.format.set({\n\t\toptions: formats,\n\t\tvisible: state.appData.options.useFormatFilter && formats.length > 1\n\t});\n\tlet providerNames = { // TODO copy or something ?\n\t\tfandango: 'Fandango',\n\t\tatom: 'Atom',\n\t\tmovietickets: 'Movie Tickets',\n\t\tcinema: 'Direct to cinema',\n\t};\n\tfilters.ticketProvider.set({\n\t\toptions: ticketProviders.map(tp => ({ id: tp, name: providerNames[tp] || tp }))\n\t});\n\tif (!keepCurrent) {\n\t\tfilters = Store.get().showtimes.filters;\n\t\t['timeOfDay', 'stDate', 'exhibitor', 'movie', 'format', 'ticketProvider'].forEach(filter => filters[filter].set({\n\t\t\tcurrent: [],\n\t\t\tdisabled: []\n\t\t}));\n\t}\n\t// var excludedList = [];\n\t// blockedExhibitors.forEach(ex => {\n\t// \tif(!ex) return;\n\t// \tex = ex.toLowerCase();\n\t// \tvar match = exhibitors.find(e => e.domain.toLowerCase() === ex);\n\t// \tif(match && excludedList.indexOf(match) === -1)\n\t// \t\texcludedList.push(match);\n\t// });\n\t// Store.emit(actions.FILTER_EXCLUDE, 'exhibitor', excludedList, true);\n\n\tStore.emit(actions.CHECK_FILTERS);\n\t// Store.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n});\n\nStore.on(actions.TOGGLE_FILTER, (id, options, preventReload) => {\n\tlet storeFilter = Store.get().showtimes.filters[id];\n\tif (!storeFilter) return;\n\tif (!options) options = [];\n\tif (!Array.isArray(options)) options = [options];\n\tstoreFilter.set({ current: options });\n\tif (!preventReload) {\n\t\tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n\t}\n});\n\nStore.on(actions.FILTER_EXCLUDE, (id, options, preventReload) => {\n\tlet storeFilter = Store.get().showtimes.filters[id];\n\tif (!storeFilter) return;\n\tif (!options) options = [];\n\tif (!Array.isArray(options)) options = [options];\n\tstoreFilter.set({ excluded: options });\n\tif (!preventReload) {\n\t\tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n\t}\n});\n\nStore.on(actions.FILTER_DISABLE, (id, options, preventReload) => {\n\tlet storeFilter = Store.get().showtimes.filters[id];\n\tif (!storeFilter) return;\n\tif (!options) options = [];\n\tif (!Array.isArray(options)) options = [options];\n\tstoreFilter.set({ disabled: options });\n\tif (!preventReload) {\n\t\tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n\t}\n});\n\nStore.on(actions.SET_FILTER_VISIBILITY, (id, visible) => {\n\tlet storeFilter = Store.get().showtimes.filters[id];\n\tif (!storeFilter) return;\n\tstoreFilter.set({ visible: !!visible });\n\t// if(!preventReload)\n\t// \tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n});\n\n\nStore.on(actions.SELECT_ST_DATE, (stDate) => {\n\tStore.get().showtimes.set({ selectedDate: stDate });\n\ttrack({ a: 'date_click', l: stDate.ddmmyyyy, useCustomPageTrack: true });\n});\n\n\nStore.on(actions.SELECT_PROVIDER, (provider) => {\n\tStore.get().showtimes.set({provider});\n});\n\n\nStore.on(actions.RESET_FILTER, (id) => {\n\tStore.get().showtimes.filters[id].set({current: []});\n\tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n});\n\n\nStore.on(actions.RESET_FILTERS, () => {\n\tlet showtimesState = Store.get().showtimes;\n\tObject.keys(showtimesState.filters).forEach(key => showtimesState.filters[key].set({current: []}));\n\tStore.emit(actions.UPDATE_THEATER_FILTERED_SCREENINGS);\n});\n\n\n/* Screenings\n--------------------------------*/\n\nlet thMasters = {};\nStore.on(actions.SET_CLIENT_GEO, (geo, source, keepCurrentFilters) => {\n\t// Save the client geo\n\tif (geo && window.dataLayer && typeof dataLayer.push === 'function') {\n\t\tupdateDataLayer({ city: geo.city, event: 'city_changed' });\n\t}\n\n\tlet state = Store.get();\n\tstate.client.set({ geo, geoSource: source }).now();\n\n\n\tdisplayRegionModalIfNeeded();\n\t// let toCapital = () => {\n\t// \tif(source !== 'geoip') return false;\n\t// \tlet capital = accessNested(state, 'appData.meta.region.capital');\n\t// \tif(!capital || !capital.lat || !capital.lon || !capital.name) return false;\n\t// \tStore.emit(actions.SET_CLIENT_GEO, new Geo({lat: capital.lat, lon: capital.lon, city: capital.name, countryCode: state.appData.meta.region.slug}));\n\t// \treturn true;\n\t// };\n\tStore.emit(actions.GET_SCREENINGS, geo, keepCurrentFilters);\n});\n\nStore.on(actions.GET_SCREENINGS, (geo, keepCurrentFilters) => {\n\tif (!geo) {\n\t\tgeo = accessNested(Store.get(), 'client.geo');\n\t}\n\tif (!geo) return;\n\n\tlet state = Store.get();\n\tlet isFirstBatch = !state.showtimes.theaters || !state.showtimes.theaters.length;\n\n\tlet version = Date.now();\n\tlet loadingPage = accessNested(state, 'activePage.id') || 'showtimes';\n\tlet activePage = accessNested(state, ['appData', 'pages', loadingPage]);\n\tstate.showtimes.set({ loading: true, error: null, cities: [], theaters: [], version, loadingPage }).now();\n\tthMasters = {};\n\treturn getGeoScreeningsAsync(geo, Store.get()).then(data => {\n\t\tlet store = Store.get();\n\t\tif (store.showtimes.version !== version) throw 'version';\n\t\tif (data.errors && data.errors.length) {\n\t\t\tthrow new Error('screenings:' + data.errors[0].detail);\n\t\t}\n\t\tif (!data.data) {\n\t\t\t// throw new Error('NO_DATA');\n\t\t\tdata.data = [];\n\t\t}\n\n\t\treturn processScreeningsApi(data, geo, store.appData, activePage, thMasters, isFirstBatch);\n\t}).then(all => {\n\t\tlet state = Store.get();\n\t\tif (state.showtimes.version !== version) throw 'version';\n\t\tlet pinned = asList(accessNested(state, 'activePage.data.pinnedTheaters')).filter(id => !all.theaters.find(t => t.id === id));\n\t\tif (pinned.length) {\n\t\t\t// Store.emit(actions.EXTRA_THEATERS, pinned);\n\t\t\treturn getTheatersScreeningsAsync(state, pinned).then(data => {\n\t\t\t\tif (data.errors && data.errors.length || !data.data) return all;\n\t\t\t\tlet processedPinned = processScreeningsApi(data, geo, Store.get().appData, activePage, thMasters, isFirstBatch);\n\t\t\t\tlet allKeys = Object.keys(all);\n\t\t\t\tallKeys.forEach(k => {\n\t\t\t\t\tif(Array.isArray(all[k]) && processedPinned[k]) {\n\t\t\t\t\t\tall[k] = all[k].concat(processedPinned[k]);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tObject.keys(processedPinned).filter(k => allKeys.indexOf(k) === -1).forEach(k => all[k] = processedPinned[k]);\n\t\t\t\treturn all;\n\t\t\t});\n\t\t}\n\t\treturn all;\n\t}).then(({ formats, movies, screenings, exhibitors, theaters }) => {\n\t\tlet state = Store.get();\n\t\tif (state.showtimes.version !== version) throw 'version';\n\t\t// if(!theaters.length && toCapital()) return;\n\t\texhibitors = (exhibitors || []).filter(e => theaters.find(t => t.exhibitor === e));\n\t\tStore.emit(actions.RELOAD_FILTERS, { theaters, screenings, exhibitors, movies, formats }, keepCurrentFilters);\n\t\tStore.emit(actions.SET_THEATERS, theaters);\n\t\tStore.emit(actions.SCREENINGS_LOADED, geo);\n\t}).catch(err => {\n\t\tif (err === 'version') return;\n\t\tconsole.log('GET_SCREENINGS error', err);\n\t\t// if (toCapital()) return;\n\t\tStore.emit(actions.RESET_FILTERS);\n\t\tStore.emit(actions.SET_THEATERS, []);\n\t\tlet store = Store.get();\n\t\tif (store.client.geo !== geo) {\n\t\t\treturn;\n\t\t}\n\t\tlet errCode = 'UNKNOWN';\n\t\tswitch (err) {\n\t\t\tcase 'BOUNDING_REGION':\n\t\t\t\terrCode = 'BOUNDING_REGION';\n\t\t\t\tif (store.client.geo) {\n\t\t\t\t\t// Find cities in the current country\n\t\t\t\t\tStore.emit(actions.SCREENINGS_LOADED, geo, accessNested(store, 'appData.meta.region.slug'));\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\t// console.log(\"showtimes_request_error\", err);\n\t\t\t\ttrack({ a: 'showtimes_request_error', l: err.message, ni: 1 });\n\t\t}\n\t\t// Store.emit(actions.SET_THEATERS, []);\n\t\tStore.get().showtimes.set({ loading: false, error: errCode });\n\t});\n});\n\nStore.on(actions.SCREENINGS_LOADED, (geo, overrideCountry) => {\n\tlet state = Store.get();\n\tlet citiesProps = { ...state };\n\tif (overrideCountry) {\n\t\tcitiesProps.overrideCountry = overrideCountry;\n\t\t// Nah let's not do that, makes client.geo wrong\n\t\t// geo.countryCode = overrideCountry;\n\t}\n\n\tif (!geo) {\n\t\t// If no geo is set, grab the current one from the store\n\t\tgeo = state.client.geo;\n\t}\n\n\tgetCitiesAsync(citiesProps)\n\t\t.then((data) => {\n\t\t\tif (data.errors && data.errors.length) {\n\t\t\t\tthrow new Error(data.errors[0].detail);\n\t\t\t}\n\t\t\tif (!data.data) {\n\t\t\t\t// throw new Error(NO_DATA);\n\t\t\t}\n\t\t\treturn data;\n\t\t})\n\t\t.catch((err) => {\n\t\t\ttrack({ a: 'cities_request_error', l: err.message, ni: 1 });\n\t\t\tconsole.log(\"cities_request_error\", err);\n\t\t})\n\t\t.then((res) => {\n\t\t\tif (!res) return; //if no response then escape\n\t\t\tlet data = res.data || [];\n\n\t\t\t// let cities = data.data.map((c)=>(new City(c.attributes, geo, state.appData.copy)));\n\t\t\tlet cities = [];\n\t\t\tlet citiesCache = {};\n\t\t\tlet copy = accessNested(state, 'appData.copy') || {};\n\t\t\tlet useEnglishCopy = accessNested(state, 'appData.options.useEnglishCopy');\n\t\t\tdata.forEach(c => {\n\t\t\t\t// let newCity = new City(c.attributes, geo, copy, useEnglishCopy);\n\t\t\t\t// // let existingCity = cities.find((exCity)=>(exCity.name === newCity.name && exCity.geo.distanceFrom(newCity.geo, copy.$DISTANCE_UNIT) < 100));\n\t\t\t\t// let existingCity = cities.find((exCity)=>(exCity.name === newCity.name && exCity.geo.quickDistIndicator(newCity.geo) <= 2));\n\t\t\t\t// // <= 2 gives indicates the distance is approx. <= 83 mi (130 km)\n\t\t\t\t// if(existingCity) {\n\t\t\t\t// \t// newCity.merge(c.attributes, geo, copy)\n\t\t\t\t// } else {\n\t\t\t\t// \tcities.push(newCity);\n\t\t\t\t// }\n\n\t\t\t\t// For the US (2000 cities) we are iterating 4 million times (complexity close to O(n²), because for every city we are using find on the others).\n\t\t\t\t// Even if we don't check the distance for all of them, it takes some time to go through\n\t\t\t\t// Using a cache makes it (basically) O(n).\n\t\t\t\t// 2000 cities = 4892.872ms (using find) -> 16.420ms (using cache)\n\t\t\t\t// Results are the same, it just uses more memory while working (but that should be garbage collected afterwards)\n\t\t\t\tif (!c.attributes.country && overrideCountry) {\n\t\t\t\t\tc.attributes.country = overrideCountry;\n\t\t\t\t}\n\t\t\t\tlet newCity = new City(c.attributes, geo, copy, useEnglishCopy);\n\t\t\t\tlet append = true, key = newCity.name;\n\t\t\t\tif (citiesCache.hasOwnProperty(key)) {\n\t\t\t\t\tlet cachedCities = citiesCache[key];\n\t\t\t\t\tfor (let i = 0, l = cachedCities.length; i < l; i++) {\n\t\t\t\t\t\tlet cachedCity = cachedCities[i];\n\t\t\t\t\t\tif (cachedCity.geo.distanceFrom(newCity.geo) < 100) {\n\t\t\t\t\t\t\t// < 100 km\n\t\t\t\t\t\t\t// cachedCity.merge(c.attributes, geo);\n\t\t\t\t\t\t\tappend = false;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tcitiesCache[key] = [];\n\t\t\t\t}\n\t\t\t\tif (append) {\n\t\t\t\t\tcities.push(newCity);\n\t\t\t\t\tcitiesCache[key].push(newCity);\n\t\t\t\t}\n\t\t\t});\n\t\t\tcitiesCache = null; // make sure to garbage-collect this \"big\" object (~same size as data and cities)\n\t\t\tStore.emit(actions.SET_CITIES, cities);\n\t\t});\n});\n\n// SET CONTAINING TO TRUE IF ids ARE SCREENINGS IDS AND YOU WANT THE THEATERS CONTAINING THEM\n// Issue : we might request things multiple times since previous results aren't always loaded when we check again\nStore.on(actions.EXTRA_THEATERS, (ids, containing) => {\n\tlet store = Store.get();\n\tlet showtimesState = store.showtimes;\n\t// Find theaters containing the screenings with the specified id\n\tif (containing) {\n\t\tids = ids.filter(id => id && !showtimesState.theaters.find(t => t.screenings.find(sc => sc.id === id)));\n\t} else { // Or theaters themselves with the specified id\n\t\tids = ids.filter(id => id && !showtimesState.theaters.find(t => t.id === id));\n\t}\n\tif (!ids.length) {\n\t\treturn;\n\t}\n\n\t// var loadingScreenings =\n\t// showtimesState.set({loading});\n\n\tgetTheatersScreeningsAsync(store, ids, containing)\n\t\t// .then(processScreeningsApi)\n\t\t.then(data => {\n\t\t\tif (data.errors && data.errors.length) {\n\t\t\t\tthrow new Error(data.errors[0].detail);\n\t\t\t}\n\t\t\tif (!data.data) {\n\t\t\t\t// throw new Error(NO_DATA);\n\t\t\t}\n\t\t\treturn processScreeningsApi(data, store.client.geo, store.appData, store.activePage, thMasters);\n\t\t})\n\t\t.then(({ formats, movies, screenings, exhibitors, theaters })=>{\n\t\t\t// Add a property to make sure we don't use it on the main page\n\t\t\t// Store.emit(actions.ADD_THEATERS, theaters.map(t => {t.extra = true; return t;}));\n\t\t\tStore.emit(actions.ADD_THEATERS, theaters);\n\t\t})\n\t\t.catch(err => {\n\t\t\ttrack({a: 'showtimes_request_error', l: err.message, ni: 1});\n\t\t\tconsole.log(\"showtimes_request_error\", err);\n\t\t});\n});\n\nStore.on(actions.SELECT_SCREENING, ({ screening, theater }) => {\n\t// // Find the right theater\n\t// let theater = Store.get().showtimes.theaters.find((theater) => theater.id === theaterId);\n\t// set the screening for it\n\ttheater.set({ activeScreening: screening });\n});\n\n\nStore.on(actions.SHOW_SCREENING_AUTH, ({ screening, theater }) => {\n\t// TODO: Maybe we should use activeScreening and check the authToken in the render\n\tconst store = Store.get();\n\tif (screening) {\n\t\tif (store.user.authToken) {\n\t\t\tStore.emit(actions.SELECT_SCREENING, { theater, screening });\n\t\t\tStore.emit(actions.OPEN_TICKETING, { theater, screening });\n\t\t\treturn;\n\t\t} else {\n\t\t\tstore.showtimes.theaters.forEach(t => {\n\t\t\t\tif (t !== theater && t.authScreening) {\n\t\t\t\t\tt.set({ authScreening: null });\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\ttheater.set({ authScreening: screening });\n});\n\n\nStore.on(actions.AUTH_RESPONSE, data => {\n\tconst token = data && data.token;\n\tStore.get().user.set({ authToken: data && data.token });\n\tif (token) {\n\t\tlet theater = Store.get().showtimes.theaters.find((theater) => theater.active && theater.authScreening);\n\t\tif (theater) {\n\t\t\tconst screening = theater.authScreening;\n\t\t\ttheater = theater.set({ authScreening: null, activeScreening: screening });\n\t\t\tStore.emit(actions.OPEN_TICKETING, { theater: theater, screening: screening });\n\t\t}\n\t}\n});\n\n\nStore.on(actions.AUTH_CLEAR, () => {\n\tStore.get().user.remove('authToken');\n});\n\n\n\n/* EXTRA INTEGRATIONS\n--------------------------------*/\n\nStore.on(actions.PAGE_STATE_LOADED, () => {\n\tlet appData = Store.get().appData.toJS();\n\tlet mailchimp = accessNested(appData, 'apis.mailchimp');\n\tif (mailchimp && mailchimp.baseUrl && mailchimp.uuid && mailchimp.lid) {\n\t\tlet finalObject = {\n\t\t\tbaseUrl: mailchimp.baseUrl,\n\t\t\tuuid: mailchimp.uuid,\n\t\t\tlid: mailchimp.lid\n\t\t};\n\t\tlet script = document.createElement('script');\n\t\tscript.onload = () => {\n\t\t\ttry {\n\t\t\t\twindow.require([\"mojo/signup-forms/Loader\"], L => L.start(finalObject));\n\t\t\t} catch(e) {\n\t\t\t\tconsole.log('MAILCHIMP ERROR', e);\n\t\t\t}\n\t\t};\n\t\tscript.setAttribute('data-dojo-config', 'usePlainJson: true, isDebug: false');\n\t\tscript.src = '//downloads.mailchimp.com/js/signup-forms/popup/embed.js';\n\t\tdocument.body.appendChild(script);\n\t}\n});\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/store/updateShowtimes.js","if (typeof window !== 'undefined') {\n\t((history) => {\n\t\tlet pushState = history.pushState;\n\t\t// Do not change that to arrow function ! (we use `arguments`)\n\t\thistory.pushState = function(state) {\n\t\t\tlet returnValue = pushState.apply(history, arguments);\n\t\t\tif (typeof history.onpushstate == 'function') {\n\t\t\t\thistory.onpushstate({ state: state });\n\t\t\t}\n\t\t\treturn returnValue;\n\t\t};\n\n\t\tlet replaceState = history.replaceState;\n\t\thistory.replaceState = function(state) {\n\t\t\tlet returnValue = replaceState.apply(history, arguments);\n\t\t\tif (typeof history.onreplacestate == 'function') {\n\t\t\t\thistory.onreplacestate({ state: state });\n\t\t\t}\n\t\t\treturn returnValue;\n\t\t};\n\t})(window.history);\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/historyPushEvent.js","// Here there used to be some polyfill for things like:\n// String.prototype.startsWith\n// Object.prototype.assign\n// But these are already included in babel-polyfill\n// No need to include it twice\n\n// Fix console.debug on IE10\n/* eslint-disable no-console */\nif (console && typeof console.debug !== 'function') {\n\tconsole.debug = console.info;\n}\n/* eslint-enable no-console */\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/polyfill.js","(function (root) {\n\n // Store setTimeout reference so promise-polyfill will be unaffected by\n // other code modifying setTimeout (like sinon.useFakeTimers())\n var setTimeoutFunc = setTimeout;\n\n function noop() {}\n \n // Polyfill for Function.prototype.bind\n function bind(fn, thisArg) {\n return function () {\n fn.apply(thisArg, arguments);\n };\n }\n\n function Promise(fn) {\n if (!(this instanceof Promise)) throw new TypeError('Promises must be constructed via new');\n if (typeof fn !== 'function') throw new TypeError('not a function');\n this._state = 0;\n this._handled = false;\n this._value = undefined;\n this._deferreds = [];\n\n doResolve(fn, this);\n }\n\n function handle(self, deferred) {\n while (self._state === 3) {\n self = self._value;\n }\n if (self._state === 0) {\n self._deferreds.push(deferred);\n return;\n }\n self._handled = true;\n Promise._immediateFn(function () {\n var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected;\n if (cb === null) {\n (self._state === 1 ? resolve : reject)(deferred.promise, self._value);\n return;\n }\n var ret;\n try {\n ret = cb(self._value);\n } catch (e) {\n reject(deferred.promise, e);\n return;\n }\n resolve(deferred.promise, ret);\n });\n }\n\n function resolve(self, newValue) {\n try {\n // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure\n if (newValue === self) throw new TypeError('A promise cannot be resolved with itself.');\n if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {\n var then = newValue.then;\n if (newValue instanceof Promise) {\n self._state = 3;\n self._value = newValue;\n finale(self);\n return;\n } else if (typeof then === 'function') {\n doResolve(bind(then, newValue), self);\n return;\n }\n }\n self._state = 1;\n self._value = newValue;\n finale(self);\n } catch (e) {\n reject(self, e);\n }\n }\n\n function reject(self, newValue) {\n self._state = 2;\n self._value = newValue;\n finale(self);\n }\n\n function finale(self) {\n if (self._state === 2 && self._deferreds.length === 0) {\n Promise._immediateFn(function() {\n if (!self._handled) {\n Promise._unhandledRejectionFn(self._value);\n }\n });\n }\n\n for (var i = 0, len = self._deferreds.length; i < len; i++) {\n handle(self, self._deferreds[i]);\n }\n self._deferreds = null;\n }\n\n function Handler(onFulfilled, onRejected, promise) {\n this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null;\n this.onRejected = typeof onRejected === 'function' ? onRejected : null;\n this.promise = promise;\n }\n\n /**\n * Take a potentially misbehaving resolver function and make sure\n * onFulfilled and onRejected are only called once.\n *\n * Makes no guarantees about asynchrony.\n */\n function doResolve(fn, self) {\n var done = false;\n try {\n fn(function (value) {\n if (done) return;\n done = true;\n resolve(self, value);\n }, function (reason) {\n if (done) return;\n done = true;\n reject(self, reason);\n });\n } catch (ex) {\n if (done) return;\n done = true;\n reject(self, ex);\n }\n }\n\n Promise.prototype['catch'] = function (onRejected) {\n return this.then(null, onRejected);\n };\n\n Promise.prototype.then = function (onFulfilled, onRejected) {\n var prom = new (this.constructor)(noop);\n\n handle(this, new Handler(onFulfilled, onRejected, prom));\n return prom;\n };\n\n Promise.all = function (arr) {\n return new Promise(function (resolve, reject) {\n if (!arr || typeof arr.length === 'undefined') throw new TypeError('Promise.all accepts an array');\n var args = Array.prototype.slice.call(arr);\n if (args.length === 0) return resolve([]);\n var remaining = args.length;\n\n function res(i, val) {\n try {\n if (val && (typeof val === 'object' || typeof val === 'function')) {\n var then = val.then;\n if (typeof then === 'function') {\n then.call(val, function (val) {\n res(i, val);\n }, reject);\n return;\n }\n }\n args[i] = val;\n if (--remaining === 0) {\n resolve(args);\n }\n } catch (ex) {\n reject(ex);\n }\n }\n\n for (var i = 0; i < args.length; i++) {\n res(i, args[i]);\n }\n });\n };\n\n Promise.resolve = function (value) {\n if (value && typeof value === 'object' && value.constructor === Promise) {\n return value;\n }\n\n return new Promise(function (resolve) {\n resolve(value);\n });\n };\n\n Promise.reject = function (value) {\n return new Promise(function (resolve, reject) {\n reject(value);\n });\n };\n\n Promise.race = function (values) {\n return new Promise(function (resolve, reject) {\n for (var i = 0, len = values.length; i < len; i++) {\n values[i].then(resolve, reject);\n }\n });\n };\n\n // Use polyfill for setImmediate for performance gains\n Promise._immediateFn = (typeof setImmediate === 'function' && function (fn) { setImmediate(fn); }) ||\n function (fn) {\n setTimeoutFunc(fn, 0);\n };\n\n Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) {\n if (typeof console !== 'undefined' && console) {\n console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console\n }\n };\n\n /**\n * Set the immediate function to execute callbacks\n * @param fn {function} Function to execute\n * @deprecated\n */\n Promise._setImmediateFn = function _setImmediateFn(fn) {\n Promise._immediateFn = fn;\n };\n\n /**\n * Change the function to execute on unhandled rejection\n * @param {function} fn Function to execute on unhandled rejection\n * @deprecated\n */\n Promise._setUnhandledRejectionFn = function _setUnhandledRejectionFn(fn) {\n Promise._unhandledRejectionFn = fn;\n };\n \n if (typeof module !== 'undefined' && module.exports) {\n module.exports = Promise;\n } else if (!root.Promise) {\n root.Promise = Promise;\n }\n\n})(this);\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/promise-polyfill/promise.js\n// module id = 35\n// module chunks = 0","import { h, render } from 'preact';\nimport { buildClientStoreData } from 'utils/clientUtils';\nimport 'store/update';\n// TODO: we should not be using the whole showtimes store for this\nimport 'store/updateShowtimes';\nimport 'utils/historyPushEvent'; // Add events for when you do history.push\n\nimport EmbedDoc from './embedDoc.js';\nimport EmbedApp from './embedApp.js';\n\nimport Promise from 'promise-polyfill';\nimport 'utils/polyfill';\n\n// Add promises to window if it doesn't exist (polyfill)\nif (typeof window !== 'undefined' && !window.Promise) {\n\twindow.Promise = Promise;\n}\n\n\n// Client render\nif (typeof document !== 'undefined') {\n\n\t/* Setting up the store\n\t-----------------------------*/\n\n\tlet initialState = window.__INITIAL_STATE__;\n\tlet initialStore = buildClientStoreData(initialState);\n\n\t// Initialize error tracking\n\tif(typeof Raven !== 'undefined') Raven.config('https://050f2a45780848589e3ed4668bbf62dc@sentry.io/182205').install();\n\n\tif(window.__START_PAGE_ID__){\n\t\t// console.log('custom start page id', window.__START_PAGE_ID__);\n\n\t\tinitialState.activePage = initialState.appData.pages[window.__START_PAGE_ID__];\n\t\t// Also update the background state of the new page\n\t\tinitialState.background = {\n\t\t\tvideoPlaying: initialState.activePage.data ? initialState.activePage.data.allowBgVideo : true,\n\t\t\tvideoEnabled: initialState.activePage.data ? initialState.activePage.data.allowBgVideo : true\n\t\t};\n\t}\n\n\t/* Initial render of the app\n\t----------------------------------*/\n\trender((\n\t\t\t\t\tThe content of this page has not been loaded yet because you seem to be inactive\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t{firstChild}
;\n\n\t\tlet secondChildClass = this.getActiveClass(secondChildState);\n\t\tsecondChildNode = {secondChild}
;\n\n\t\tlet containerProps = {};\n\n\t\tif (props.class) containerProps.class = props.class;\n\t\tif (props.id) containerProps.id = props.id;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{firstChildNode}\n\t\t\t\t{secondChildNode}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/components/core/transition/transition.js","export const STATE_CHILD_ENTERING = 'STATE_CHILD_ENTERING';\nexport const STATE_CHILD_VISIBLE = 'STATE_CHILD_VISIBLE';\nexport const STATE_CHILD_LEAVING = 'STATE_CHILD_LEAVING';\nexport const STATE_CHILD_EMPTY = 'STATE_CHILD_EMPTY';\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/components/core/transition/transitionStates.js","import { h, Component } from 'preact';\nimport Store from 'store/store';\nimport * as actions from 'store/actions';\nimport pure from 'utils/pure';\nimport s from 'components/shared/cookiesModal/cookiesModal.sss';\n\nexport default @pure class Modal extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.acceptCookies = this.sendResult.bind(this, true);\n\t\tthis.rejectCookies = this.sendResult.bind(this, false);\n\t}\n\n\tsendResult(value) {\n\t\tStore.emit(actions.HIDE_MODAL, value === true);\n\t}\n\n\trender(props) {\n\t\tlet appData = props.appData || Store.get().appData || {};\n\t\tlet copy = appData.copy || {};\n\t\treturn (\n\t\t\t\n\t\t\t\t
\n\t\t);\n\t}\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/components/shared/cookiesModal/cookiesModal.js","import { h, Component } from 'preact';\nimport pure from 'utils/pure';\nimport { getCopy } from 'utils/copy';\nimport { Link } from 'components/core/link/link.js';\nimport Transition from 'components/core/transition/transition.js';\nimport s from 'components/shared/dynamicTheaterSentence/dynamicTheaterSentence.sss';\nimport qs from 'qs';\n\n\nexport default @pure class DynamicTheaterSentence extends Component {\n\n\tconstructor(props) {\n\t\tsuper(props);\n\n\t\tthis.theaterTime = 4000;\n\t\tthis.nearbyTime = 4000;\n\n\t\tthis.state = {\n\t\t\tactiveTheater: 0,\n\t\t\tshowTheater: false\n\t\t};\n\t}\n\n\tcomponentWillReceiveProps(nextProps) {\n\t\tif (!nextProps.showtimes.loading && !this.loadingFinished) {\n\t\t\t// Loading is finished,\n\t\t\t// so we'll hopefully have some theaters now\n\t\t\tthis.loadingFinished = true;\n\n\t\t\tif (nextProps.showtimes.theaters.length > 1) {\n\t\t\t\t// Start the rotation when there are theaters\n\t\t\t\tthis.timer = setTimeout(this.switchActive, 3000);\n\t\t\t}\n\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif (this.timer) {\n\t\t\tclearInterval(this.timer);\n\t\t}\n\t}\n\n\tswitchActive = () => {\n\t\tconst newState = {\n\t\t\tshowTheater: !this.state.showTheater\n\t\t};\n\n\t\tif (!this.state.showTheater) {\n\t\t\t// let's show the new theater\n\t\t\tif (this.state.activeTheater < this.props.showtimes.theaters.length - 1) {\n\t\t\t\tnewState.activeTheater = this.state.activeTheater + 1;\n\t\t\t} else {\n\t\t\t\tnewState.activeTheater = 0;\n\t\t\t}\n\t\t}\n\t\t// Update the state\n\t\tthis.setState(newState);\n\n\t\t// prepare for the next one, make sure we show the sentence longer then the theater\n\t\tthis.timer = setTimeout(this.switchActive, newState.showTheater ? this.theaterTime : this.nearbyTime );\n\t}\n\n\trender(props) {\n\t\tconst {\n\t\t\tshowtimes, // object\n\t\t\ttextColor, // string\n\t\t\tlocation, // string\n\t\t\ttextFontSize, // string\n\t\t\thighlight, // string\n\t\t\thref, // string\n\t\t\treleaseDate, // date\n\t\t\textraQueryParameters // object\n\t\t} = props;\n\n\t\tconst linkQueryParameters = { ...extraQueryParameters };\n\n\t\tlet nrTheaters = showtimes.theaters.length;\n\t\tlet sentence = '';\n\t\tconst beforeRelease = new Date().getTime() < releaseDate.getTime();\n\n\t\tconst nowPlaying = beforeRelease ? getCopy('TICKETS_AVAILABLE') : getCopy('NOW_PLAYING_IN_THEATERS');\n\t\t// Show different copy when movie isn't out yet\n\t\t// TODO: replaceWithVNode instead of split (also we split nowPlayingTheater but never use the second half)\n\t\tconst nowPlayingTheater = (beforeRelease ? getCopy('TICKETS_AVAILABLE_AT_THEATER') : getCopy('NOW_PLAYING_IN_THEATER')).split('%THEATER%');\n\t\tconst nowPlayingTheaters = (beforeRelease ? getCopy('TICKETS_AVAILABLE_AT_THEATER_COUNT') : getCopy('NOW_PLAYING_IN_THEATER_COUNT')).split('%THEATER_COUNT%');\n\n\t\t// max 10 theaters\n\t\tif (nrTheaters > 10) {\n\t\t\tnrTheaters = 10;\n\t\t}\n\t\t// Some weird behaviour with Math.max not always working in some browsers\n\t\t// nrTheaters = Math.max(nrTheaters, 10);\n\n\n\t\tif (nrTheaters > 1) {\n\t\t\t// Basic sentence with cinemas nearby\n\t\t\tif (this.state.showTheater) {\n\t\t\t\tconst activeTheater = showtimes.theaters[this.state.activeTheater];\n\t\t\t\tlinkQueryParameters.location = `${activeTheater.geo.lat},${activeTheater.geo.lon}`;\n\n\t\t\t\t// Display the actual theater name\n\t\t\t\tsentence = (\n\t\t\t\t\t{copy.$COOKIES_MODAL_TITLE}
\n\t\t\t\t{copy.$COOKIES_MODAL_TEXT}
\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{nowPlaying}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t);\n\t\t}\n\n\t\tif (showtimes.loading) {\n\t\t\tsentence = ;\n\t\t}\n\n\t\treturn (\n\t\t\t{content}
\n\t\t);\n\t}\n\n\trender(props) {\n\t\tconst {\n\t\t\thref, // the href that it needs to direct them to\n\t\t\tvanity='' // the vanity url of the app\n\t\t} = props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{this.getTitle()}\n\t\t\t\t\n\t\t\t\t\t{getCopy('OK')}\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/components/shared/modal/exitModal.js","import { h, Component } from \"preact\";\nimport Store from 'store/store';\nimport * as actions from 'store/actions';\nimport { accessNested } from \"utils/utils\";\nimport { Link } from 'components/core/link/link';\nimport style from \"components/shared/regionMismatchModal/changeRegionModal.sss\";\n\nconst formatUrlWithoutProtocol = url =>\n\t/^(?:http:\\/\\/)?(?:www\\.)?(.+)$/.exec(url)[1];\n\nconst codeToCountryName = (code, countryNames) =>\n\t(countryNames && countryNames[code]) || code;\n\n// const getUrl = ({ url }) => url;\n\n\nexport default class ChangeRegionModal extends Component {\n\n\t/* LifeCycle\n\t------------------------*/\n\n\tcomponentWillMount() {\n\t\tthis.requireRegionCopy()\n\t}\n\n\n\t/* Data handlers\n\t------------------------*/\n\n\trequireRegionCopy() {\n\t\t// TODO: should this be moved to the store because the data will be thrown away on rerender?\n\t\t// if (this.dataRequest) return this.dataRequest;\n\t\tlet regionCode = this.props.userRegionApp.regionCode;\n\n\n\t\tif (regionCode === 'other') {\n\t\t\t// if we are showing a global popup, then use english\n\t\t\tthis.setState({dynamicCopy: this.props.copy});\n\t\t\treturn;\n\t\t}\n\t\tfetch(\n\t\t\tthis.props.apiRoot + \"/app_data/region_mismatch/\" + regionCode,\n\t\t\t{\n\t\t\t\tmethod: \"GET\",\n\t\t\t\theaders: {\n\t\t\t\t\tAccept: \"application/vnd.api+json\",\n\t\t\t\t\t\"Content-Type\": \"application/vnd.api+json\"\n\t\t\t\t}\n\t\t\t}\n\t\t)\n\t\t.then(r => r.json())\n\t\t.then(data => {\n\t\t\t// console.log('what is the data', data);\n\t\t\tthis.setState({ dynamicCopy: data.copy });\n\t\t})\n\t\t.catch(e => console.log(e));\n\t}\n\n\n\n\tgetFlagPath(countryCode) {\n\t\treturn `${this.props.imagePath}/flags/${countryCode}.png`;\n\t}\n\n\n\t/* Event Handlers\n\t------------------------*/\n\n\tcloseHandler = () => {\n\t\t// TODO: Save in localstorage, so we don't\n\t\t// show again next time user visits platform\n\n\t\t// Update Store to let them know user has dismissed region modal\n\t\tStore.emit(actions.SET_USER_REGION_MODAL_DISMISSED);\n\t\t// Hide the modal\n\t\tStore.emit(actions.HIDE_MODAL);\n\t}\n\n\t/* Render Methods\n\t------------------------*/\n\n\n\trender(props) {\n\n\t\tconst {\n\t\t\tgeo,\n\t\t\tappRegionCode,\n\t\t\tappCountryCode,\n\t\t\timagePath,\n\t\t\tapiRoot,\n\t\t\tcurrentApp,\n\t\t\tuserRegionApp\n\t\t} = this.props;\n\n\t\tconst {\n\t\t\tdynamicCopy\n\t\t} = this.state;\n\n\t\t// Copy\n\t\tconst titleCopy = accessNested(dynamicCopy, \"$REGION_MISMATCH_MODAL_MAIN\", \"\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/%LOCATION%/g, geo.city)\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/%REGION%/g, geo.city);\n\t\tconst subTitleCopy = accessNested(dynamicCopy, \"$REGION_MISMATCH_MODAL_SECONDARY\", \"\");\n\t\tconst stayCopy = accessNested(dynamicCopy, \"$REGION_MISMATCH_MODAL_STAY\", \"\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(/%APP_URL%/g, formatUrlWithoutProtocol(currentApp.url));\n\n\t\tlet userRegionUrl = userRegionApp.url;\n\n\t\tif (window.location && window.location.search) {\n\t\t\tuserRegionUrl += '/' + window.location.search;\n\t\t}\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{/* Modal Location Bar */}\n\t\t\t\t
\n\t\t);\n\t}\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/components/shared/regionMismatchModal/changeRegionModal.js","import { h, Component } from 'preact';\nimport s from 'components/shared/svgIcons/svgIcons.sss';\n\n// --- try to use https://jakearchibald.github.io/svgomg/ to reduce the size of your svgs ---\n// --- Also (see more details above the exports), if a SVG is very specific to a movie, use svgRenderer instead of adding it to this file ---\n\n\n// Creates an immutable svg element\n// Avoids using innerHTML (slow)\nclass SVGContent extends Component {\n\n\trefresh(props) {\n\t\tif (typeof document === 'undefined') return;\n\t\tprops = props || this.props;\n\t\tthis.inner = this.createSVGTree(props.content);\n\t\tif (this.inner && this.base) {\n\t\t\tthis.base.appendChild(this.inner);\n\t\t}\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.refresh();\n\t}\n\n\t// shouldComponentUpdate() {\n\t// \treturn false;\n\t// }\n\n\tcomponentDidUpdate(oldProps) {\n\t\tif (oldProps.children !== this.props.children) {\n\t\t\tthis.refresh();\n\t\t} else if (this.base && this.inner && this.base.childNodes.length !== 1) {\n\t\t\twhile (this.base.firstChild) {\n\t\t\t\tthis.base.removeChild(this.base.firstChild);\n\t\t\t}\n\t\t\tthis.base.appendChild(this.inner);\n\t\t}\n\t}\n\n\tsetAttributes(el, attrs) {\n\t\tif (!el || !attrs) return;\n\t\tconst names = Object.keys(attrs);\n\t\tfor (let i = 0, l = names.length; i < l; i++) {\n\t\t\tconst name = names[i];\n\t\t\tel.setAttribute(name, attrs[name]);\n\t\t}\n\t}\n\n\tcreateSVGTree(source) {\n\t\tif (!source) return null;\n\t\tconst el = document.createElementNS('http://www.w3.org/2000/svg', source.nodeName);\n\t\tthis.setAttributes(el, source.attributes);\n\t\tif (source.children) {\n\t\t\tfor (let i = 0, l = source.children.length; i < l; i++) {\n\t\t\t\tconst ch = this.createSVGTree(source.children[i]);\n\t\t\t\tif (ch) el.appendChild(ch);\n\t\t\t}\n\t\t}\n\t\treturn el;\n\t}\n\n\trender(props) {\n\t\tconst containerProps = Object.assign({}, props);\n\t\tdelete containerProps.content;\n\t\treturn ();\n\t}\n\n}\n\nfunction svgRenderer(svgContent) {\n\t// http://stackoverflow.com/a/25184858/1336843\n\t// To reduce document size, we should probably inline it (body.appendChild and display: none) the first time, and use the `use` tag !\n\n\treturn ({ ...props }) => (\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t{titleCopy}\n\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t
{subTitleCopy}
\n\t\t\t\t\t\n\t\t\t\t\t\t})
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{formatUrlWithoutProtocol(userRegionApp.url)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{stayCopy}\n\t\t\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t\n *
\n * For example, if you send a request to create an order and then open a new ticketing session\n * before you actually receive the response, you need to ignore the response when it arrives,\n * because the response is about the outdated session.\n */\nlet _sessionId = 1;\n\n/**\n * Open a new ticketing session:\n *
- \n *
- create a new ticketing state object in `showtimes` \n *
- display the \"SELECT_TICKETS\" pane \n *
- \n *
- to the \"SEATING\" pane if the screening supports seating \n *
- to the \"REVIEW\" pane otherwise \n *
\n\t\t\t\t\t{Components\n\t\t\t\t\t\t.filter(([category]) => categories.has(\n\t\t\t\t\t\t\tthis.state.categories,\n\t\t\t\t\t\t\tcategory\n\t\t\t\t\t\t))\n\t\t\t\t\t\t.map(([, C]) => (
\n\t\t\t);\n\t\t}\n\t};\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/gdpr/oneTrust/createPixelComponent.js","import { h } from 'preact';\nimport cleanCategory from '../cleanCategoryName.common';\nimport * as categories from './categories';\nimport * as queue from './queue';\n\nexport { default as Pixel } from './Pixel';\nexport { maybeHandle } from './maybeHandle';\nexport { default as connectToOneTrust } from './connectToOneTrust';\nexport { default as createPixelComponent } from './createPixelComponent';\n\nexport { STRICTLY_NECESSARY, FUNCTIONAL, TARGETING, ADVERTISING } from './categories';\n\nexport const cleanCategoryName = cleanCategory;\n\nexport const displayModal = () => {\n\tif (typeof window === 'object' && window.OneTrust) {\n\t\twindow.OneTrust.ToggleInfoDisplay();\n\t}\n};\n\nconst dispatchEvent = (name, data = {\n\tbubbles: false,\n\tcancelable: false,\n\tdetail: null,\n}) => {\n\tlet E = window.CustomEvent;\n\tif (typeof E !== 'function') {\n\t\t// eslint-disable-next-line\n\t\tfunction FakeEvent(name, data) {\n\t\t\tconst e = document.createEvent('CustomEvent');\n\t\t\te.initCustomEvent(name, data.bubbles, data.cancelable, data.detail);\n\t\t\treturn e;\n\t\t}\n\t\tFakeEvent.prototype = window.Event.prototype;\n\t\tE = FakeEvent;\n\t}\n\twindow.dispatchEvent(new E(name, data));\n};\n\ncategories.addChangeListener((allowedCategories) => {\n\twindow.powsterOneTrust = [...allowedCategories];\n\tallowedCategories.forEach((category) => dispatchEvent(`powster.onetrust.${category}`));\n});\n\ncategories.addChangeListener((allowedCategories) => {\n\tqueue.drain(allowedCategories);\n});\n\nif (typeof window !== 'undefined') {\n\tlet isOptatonInitialised = false;\n\twindow.OptanonWrapper = function() {\n\t\tif (!isOptatonInitialised) {\n\t\t\tconst activeGroups = window.OptanonActiveGroups;\n\t\t\tcategories.set(activeGroups);\n\t\t\tisOptatonInitialised = true;\n\t\t}\n\t};\n\n\twindow.addEventListener('consent.onetrust', ({ detail }) => {\n\t\treturn categories.set(detail);\n\t});\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/gdpr/oneTrust/index.js","import Pixel from './Pixel';\nimport cleanCategory from '../cleanCategoryName.common';\n\nexport const maybeHandle = (oneTrustCategory, fn, shouldQueue) => {\n\tconst category = cleanCategory(oneTrustCategory);\n\tif (typeof category === 'undefined') {\n\t\treturn fn();\n\t}\n\n\tconst pixel = new Pixel(category, fn, shouldQueue);\n\treturn pixel.createTrigger()();\n};\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/gdpr/oneTrust/maybeHandle.js","import { getGeoFromIPAsync } from \"utils/clientUtils\";\nimport { accessNested, isObject, joinPaths } from \"utils/utils\";\n\n\nlet redirectState = (geoFencedLocation) => {\n\tif (!geoFencedLocation) {\n\t\treturn;\n\t}\n\tif (location.hostname === 'localhost' || location.hostname === '127.0.0.1') {\n\t\tconsole.log('GEOFENCING GOING TO', geoFencedLocation);\n\t\treturn;\n\t}\n\tlet destinationHost = (/^((https?:)?\\/\\/)?([^/]+)/.exec(geoFencedLocation) || [])[3];\n\t// Try to prevent SOME infinite redirect loops (wouldn't catch a lot of things)\n\tif (window.location.host !== destinationHost) {\n\t\twindow.location.href = geoFencedLocation;\n\t}\n\treturn true;\n}\n\nlet getGeo = (function() {\n\tlet cache;\n\treturn () => cache || (cache = getGeoFromIPAsync());\n})();\n\nexport default function geoFencing() {\n\tlet redirectionActive = typeof location !== 'undefined' && !location.search.match(/[?&]redirect=(off|false|0|no)/);\n\tif (!redirectionActive || !window.__INITIAL_STATE__) {\n\t\treturn Promise.resolve();\n\t}\n\tlet appData = window.__INITIAL_STATE__.appData || {};\n\tlet campaign = window.location.search;\n\tlet geoFence = appData.geofencing || {};\n\tlet redirectObj = appData.redirection || {};\n\tlet appRegion = accessNested(appData, 'meta.region.slug');\n\n\treturn Promise.resolve(getGeo()).then(result => {\n\t\tlet countryCode = result.countryCode;\n\t\t// NOTE: dynamicData is unlikely to already be available add some code if that needs to be the case\n\t\tconst store = Store.get();\n\t\tconst dynamicData = store.dynamicData;\n\t\tlet regionData = accessNested(dynamicData, ['regions', countryCode, 'url']);\n\n\t\t//allow for regions to be ignored per request\n\t\tconst regionAllow = geoFence.allowRegions || '';\n\t\tconst ignoreFor = regionAllow.split(',').map(region => region.trim().toLowerCase()).filter(e => e);\n\t\tconst ignoreGeoFence = ignoreFor.indexOf(countryCode) !== -1;\n\n\t\t// check if site is in correct country (and ignore if it is)\n\t\tif (appRegion !== countryCode && geoFence && geoFence.geofencing && !ignoreGeoFence) {\n\t\t\tlet geoFencedLocation = accessNested(geoFence, ['overrides', countryCode]) || regionData || geoFence.defaultLink;\n\t\t\tif (geoFencedLocation) {\n\t\t\t\tlet url;\n\t\t\t\tlet noActivePage;\n\t\t\t\tif (isObject(geoFencedLocation)) {\n\t\t\t\t\turl = geoFencedLocation.url;\n\t\t\t\t\tnoActivePage = geoFencedLocation.noActivePage;\n\t\t\t\t} else {\n\t\t\t\t\turl = geoFencedLocation;\n\t\t\t\t\tnoActivePage = geoFence.noActivePage;\n\t\t\t\t}\n\t\t\t\tif (!noActivePage) url = joinPaths(url, store.activePage.path);\n\t\t\t\treturn redirectState(url + campaign);\n\t\t\t}\n\t\t} else {\n\t\t\t// standard redirect behaviour\n\t\t\tlet optionsList = Object.keys(redirectObj).map(k => redirectObj[k]).concat(redirectObj).filter(e => e && e.url);\n\t\t\tlet getActiveRedirect = Promise.resolve();\n\t\t\toptionsList.forEach(option => {\n\t\t\t\tgetActiveRedirect = getActiveRedirect.then(result => {\n\t\t\t\t\tif (result) return result;\n\t\t\t\t\tlet checklist = [];\n\n\t\t\t\t\tif (option.country) {\n\t\t\t\t\t\tlet list = option.country.split(',').map(e => e.trim());\n\t\t\t\t\t\t// .then(e => console.log('?', e) || e)\n\t\t\t\t\t\tchecklist.push(getGeo().then(geo => list.indexOf(geo.countryCode) !== -1));\n\t\t\t\t\t}\n\t\t\t\t\tif (option.countryNot) {\n\t\t\t\t\t\tlet list = option.countryNot.split(',').map(e => e.trim());\n\t\t\t\t\t\tchecklist.push(getGeo().then(geo => list.indexOf(geo.countryCode) === -1));\n\t\t\t\t\t}\n\n\t\t\t\t\treturn Promise.all(checklist).then(listResults => listResults.every(e => e) ? option : result).catch(e => result);\n\t\t\t\t});\n\t\t\t});\n\t\t\treturn getActiveRedirect.then(redirect => {\n\t\t\t\tif (!redirect) return;\n\t\t\t\treturn redirectState(redirect.url + campaign);\n\t\t\t}).catch(e => console.log('Failed redirecting', e));\n\t\t}\n\t});\n}\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/geoFencing.js","/*\n * File needs to work in Node 6, so don't use imports!\n */\n\nfunction isError(res) {\n\treturn res.status === 0 || res.status >= 400 && res.status < 600;\n\t// ^ no-cors fetch can return status of 0\n}\n\nfunction handleApiResponse(res) {\n\treturn new Promise((resolve, reject) => {\n\t\tif (isError(res)) {\n\t\t\treturn res.json().then(reject);\n\t\t}\n\t\treturn resolve(res.json());\n\t});\n\n\t// return res.json().then(json => isError(res) ? Promise.reject(json) : json);\n\n\t// if (isError(res)) {\n\t// \treturn res.json.then(Promise.reject);\n\t// }\n\t// return res.json();\n}\n\nfunction handleApiResponseText(res) {\n\treturn new Promise((resolve, reject) => {\n\t\tif (isError(res)) {\n\t\t\treturn res.text().then(reject);\n\t\t}\n\t\treturn resolve(res.text());\n\t});\n}\n\nmodule.exports = {\n\thandleApiResponse,\n\thandleApiResponseText\n};\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/handleApi.js","import Store from 'store/store';\nimport { accessNested } from 'utils/utils';\n\n// \"yyyy-MM-dd\" => timestamp\nfunction getDateTimestamp(str) {\n\tif (!str) return undefined;\n\tlet match = str.match(/^(\\d{4})-(\\d{2})-(\\d{2})$/);\n\tif (!match) return undefined;\n\treturn +new Date(+match[1], match[2] - 1, +match[3]);\n}\n// \"yyyy-MM-dd to yyyy-MM-dd\" => [timestampFrom, timestampTo]\nfunction getDateRange(str) {\n\tlet match = str.match(/^((?:!|not)\\s*)?(\\S+)(?:\\s*(?:to|->)\\s*(\\S+))?$/i);\n\tif (!match) return undefined;\n\tlet from = getDateTimestamp(match[2]);\n\tlet to = match[3] ? getDateTimestamp(match[3]) : from;\n\tif (!from || !to) return undefined;\n\treturn [from, to, !!match[1]];\n}\nfunction inRange(value, range) {\n\treturn range && (value >= range[0] && value <= range[1]) === !range[2];\n}\n\nfunction pad2(n) {\n\tif (!+n) n = 0;\n\treturn ('0' + n).slice(-2);\n}\nfunction cleanTime(time) {\n\tif (!time || typeof time !== 'string') return null;\n\tlet parts = time.match(/^(\\d{1,2})(?::(\\d{1,2})(?::(\\d{1,2}))?)?$/);\n\tif (!parts) return null;\n\treturn pad2(parts[1]) + ':' + pad2(parts[2]) + ':' + pad2(parts[3]);\n}\nfunction getTheaterId(identifier, included) {\n\tif (!identifier || typeof identifier !== 'string') return null;\n\tlet parts = identifier.split(':');\n\tif (parts.length < 2) {\n\t\treturn identifier;\n\t}\n\tlet pid = parts.shift();\n\tlet ptid = parts.join(':');\n\tlet match = included && included.find(inc => inc.type === 'theaters' && inc.attributes.provider_id === pid && inc.attributes.provider_theater_id === ptid);\n\treturn match && match.id;\n}\n\nlet caches = {};\nfunction getIncluded(included, type, id) {\n\tif (!included || !type || !id) return;\n\tif (!caches[type]) {\n\t\tcaches[type] = {};\n\t}\n\tif (caches[type][id]) {\n\t\treturn caches[type][id];\n\t}\n\treturn caches[type][id] = included.find(inc => inc.type === type && inc.id === id);\n}\n\nlet formatCache = {};\nlet movieCache = {};\nfunction editFormat(included, screening, format) {\n\tif (!included || !screening || !format) return;\n\tif (typeof format === 'string') {\n\t\tlet search = format.toLowerCase();\n\t\tif (formatCache[search]) {\n\t\t\tformat = formatCache[search];\n\t\t} else {\n\t\t\tlet result = included.find(inc => (\n\t\t\t\tinc.type === 'formats' && inc.attributes.name.toLowerCase() === search\n\t\t\t));\n\t\t\tif (!result) {\n\t\t\t\tresult = {\n\t\t\t\t\ttype: 'formats',\n\t\t\t\t\tid: search,\n\t\t\t\t\tattributes: { name: format }\n\t\t\t\t};\n\t\t\t\tincluded.push(result);\n\t\t\t}\n\t\t\tformatCache[search] = format = result;\n\t\t}\n\t}\n\tif (!format || !format.id) return;\n\tlet mid = screening.attributes.movie_id;\n\tlet srcMovie = included.find(inc => (\n\t\tinc.type === 'movies' && inc.id === mid\n\t));\n\tif (!srcMovie || srcMovie.attributes.format_id === format.id) return;\n\tlet lookup = [srcMovie.attributes.provider_id, format.id].join('|');\n\tlet movie = movieCache[lookup];\n\tif (!movie) {\n\t\tmovie = included.find(inc => (\n\t\t\tinc.type === 'movies' && inc.attributes.format_id === format.id && inc.attributes.provider_id === srcMovie.attributes.provider_id\n\t\t));\n\t\tif (!movie) {\n\t\t\t// Urgh\n\t\t\tmovie = JSON.parse(JSON.stringify(srcMovie));\n\t\t\tmovie.attributes.format_id = format.id;\n\t\t\tmovie.id += '|' + format.id;\n\t\t\tincluded.push(movie);\n\t\t}\n\t\tmovieCache[lookup] = movie;\n\t}\n\tif (!movie || !movie.id) return;\n\tscreening.attributes.movie_id = movie.id;\n}\n\nfunction clearCaches() {\n\tcaches = {};\n\tformatCache = {};\n\tmovieCache = {};\n}\n\nfunction formatSlug(name) {\n\tif (!name) return name;\n\treturn name.toLowerCase().replace(/ /g, '');\n}\n\nmodule.exports = function(data, included, appData) {\n\tclearCaches();\n\n\tlet store = Store.get();\n\n\tif (accessNested(store, 'activePage.data.splitSpecialTheaters', true)) {\n\t\tlet thCache = {};\n\t\tlet splitTheater = (id, data) => {\n\t\t\tlet nid = id + ':' + data.indicator;\n\t\t\tif (thCache[nid]) {\n\t\t\t\treturn thCache[nid];\n\t\t\t}\n\t\t\tlet src = included.find(i => i.type === 'theaters' && i.id === id);\n\t\t\tif (!src) return;\n\t\t\tlet nTh = JSON.parse(JSON.stringify(src));\n\t\t\tnTh.id = nid;\n\t\t\tnTh.attributes.name += ' (' + data.name + ')';\n\t\t\tnTh.attributes.theater_master_id += ':' + data.indicator;\n\t\t\tnTh.attributes.theater_master_id = data.masterId || (nTh.attributes.theater_master_id + ':' + data.indicator);\n\t\t\tthCache[nid] = nTh;\n\t\t\tincluded.push(nTh);\n\t\t\treturn nTh;\n\t\t};\n\t\tlet specialTheaters = [\n\t\t\t{ indicator: 'dome', name: 'Dome' },\n\t\t\t// Hardcoded Curzon Bloomsbury dochouse id - ugly I know but \"aaaaaaaa-bbbb-cccc-dddd-eeeeeeeeeeee:dochouse\" is not a valid guid\n\t\t\t// And need to match powster dochouse to the split version of webedia\n\t\t\t{ indicator: 'dochouse', name: 'DocHouse', masterId: '98e24e12-d9bb-11e7-9354-db0c57537af4' }\n\t\t];\n\t\tdata.forEach(s => {\n\t\t\tlet comments = accessNested(s, 'attributes.doc.comments');\n\t\t\tif (!comments) return;\n\t\t\tlet commentsList = comments.toLowerCase().split(';');\n\t\t\t// Using find to have a break behaviour (stops after the first found)\n\t\t\tspecialTheaters.find(special => {\n\t\t\t\tif (commentsList.indexOf(special.indicator) === -1) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet newTheater = splitTheater(s.attributes.theater_id, special);\n\t\t\t\tif (newTheater) {\n\t\t\t\t\ts.attributes.theater_id = newTheater.id;\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t}\n\n\tlet disabledScreenings = accessNested(store, 'activePage.data.disabledScreenings') || {};\n\tlet disabledScreeningsContexts = [disabledScreenings].concat(\n\t\tObject.keys(disabledScreenings).map(k => disabledScreenings[k])\n\t).filter(ctx => ctx && Object.keys(ctx).length);\n\n\tif (disabledScreeningsContexts.length) {\n\t\tdisabledScreeningsContexts = disabledScreeningsContexts.map(ctx => {\n\t\t\tctx = Object.assign({}, ctx);\n\t\t\tif (ctx.date) {\n\t\t\t\tctx.date = ctx.date.split(',').map(part => getDateRange(part.trim())).filter(e => e);\n\t\t\t}\n\t\t\tif (ctx.time) {\n\t\t\t\tctx.time = ctx.time.split(',').map(part => cleanTime(part.trim())).filter(e => e);\n\t\t\t}\n\t\t\tif (ctx.format) {\n\t\t\t\tctx.format = ctx.format.split(',').map(part => formatSlug(part.trim())).filter(e => e);\n\t\t\t}\n\t\t\tif (ctx.theater) {\n\t\t\t\tctx.theater = ctx.theater.split(',').map(part => getTheaterId(part.trim(), included)).filter(e => e);\n\t\t\t}\n\t\t\tif (ctx.provider) {\n\t\t\t\tctx.provider = ctx.provider.split(',').map(part => part.trim()).filter(e => e);\n\t\t\t}\n\t\t\treturn ctx;\n\t\t});\n\t\tlet localFormatCache = {};\n\t\tlet getFormat = screening => {\n\t\t\tlet mid = screening.attributes.movie_id;\n\t\t\tif (localFormatCache[mid]) {\n\t\t\t\treturn localFormatCache[mid];\n\t\t\t}\n\t\t\tlet format = null;\n\t\t\tlet movie = included.find(inc => inc.type === 'movies' && inc.id === mid);\n\t\t\tif (movie && movie.attributes.format_id) {\n\t\t\t\tlet fid = movie.attributes.format_id;\n\t\t\t\tlet fObj = included.find(inc => inc.type === 'formats' && inc.id === fid);\n\t\t\t\tformat = fObj && fObj.attributes.name;\n\t\t\t}\n\t\t\treturn localFormatCache[mid] = format;\n\t\t};\n\t\tdata = data.filter(screening => {\n\t\t\t// If one context validates, filter out the screening\n\t\t\treturn !disabledScreeningsContexts.find(ctx => {\n\t\t\t\treturn Object.keys(ctx).every(key => {\n\t\t\t\t\tlet val = ctx[key];\n\t\t\t\t\tif (val === null) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\tswitch (key) {\n\t\t\t\t\t\tcase 'date':\n\t\t\t\t\t\t\tlet date = getDateTimestamp((screening.attributes.date || '').slice(0, 10));\n\t\t\t\t\t\t\treturn date && ctx.date.find(range => inRange(date, range));\n\t\t\t\t\t\tcase 'time':\n\t\t\t\t\t\t\tlet time = screening.attributes.time;\n\t\t\t\t\t\t\treturn time && ctx.time.indexOf(time) !== -1;\n\t\t\t\t\t\tcase 'format':\n\t\t\t\t\t\t\tlet slug = formatSlug(getFormat(screening));\n\t\t\t\t\t\t\treturn slug && ctx.format.indexOf(slug) !== -1;\n\t\t\t\t\t\tcase 'theater':\n\t\t\t\t\t\t\tlet tid = screening.attributes.theater_id;\n\t\t\t\t\t\t\treturn tid && ctx.theater.indexOf(tid) !== -1;\n\t\t\t\t\t\tcase 'provider':\n\t\t\t\t\t\t\tlet provider = screening.attributes.provider_id;\n\t\t\t\t\t\t\treturn provider && ctx.provider.indexOf(provider) !== -1;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t});\n\t}\n\n\tlet customFormats = accessNested(store, 'activePage.data.customFormats') || {};\n\tif (customFormats.format) {\n\t\tcustomFormats = {\n\t\t\tmain: customFormats\n\t\t};\n\t}\n\t// Prebuild the object to make things faster\n\tlet customFormatsList = Object.keys(customFormats).map((prop, index) => {\n\t\tlet data = customFormats[prop];\n\t\tif (!data || typeof data !== 'object' || !data.format) return;\n\t\tlet dataObj = {\n\t\t\tformat: data.format,\n\t\t\tappend: !!data.append\n\t\t};\n\t\tif (data.date) {\n\t\t\tdataObj.dateRanges = data.date.split(',').map(part => getDateRange(part.trim())).filter(e => e);\n\t\t}\n\t\tif (data.time) {\n\t\t\tdataObj.times = data.time.split(',').map(time => cleanTime(time.trim())).filter(e => e);\n\t\t}\n\t\t// if (data.theaterName) {\n\t\t// Issue with theaters having a comma in the name\n\t\t// \tdataObj.theaterName = data.theaterName.split(',');\n\t\t// }\n\t\tif (data.theater) {\n\t\t\tdataObj.theaters = data.theater.split(',').map(theater => theater.trim()).filter(e => e);\n\t\t} else if (data.theaterNot) {\n\t\t\tdataObj.theatersNot = data.theaterNot.split(',').map(theater => theater.trim()).filter(e => e);\n\t\t}\n\t\tif (data.domain) {\n\t\t\tdataObj.domains = data.domain.split(',').map(domain => domain.trim()).filter(e => e);\n\t\t}\n\t\tif (data.country) {\n\t\t\tdataObj.countries = data.country.split(',').map(country => country.trim()).filter(e => e);\n\t\t}\n\t\tdataObj.order = data.order || (index + 100);\n\t\treturn dataObj;\n\t}).filter(e => e);\n\tcustomFormatsList.sort((a, b) => a.order - b.order);\n\tif (customFormatsList.length) {\n\t\tdata.forEach(screening => {\n\t\t\tlet sDate = getDateTimestamp((screening.attributes.date || '').slice(0, 10));\n\t\t\tlet sTime = screening.attributes.time;\n\t\t\tlet matching = customFormatsList.find(formatCond => {\n\t\t\t\tif (formatCond.dateRanges) {\n\t\t\t\t\tif (!sDate || !formatCond.dateRanges.find(range => inRange(sDate, range))) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (formatCond.times) {\n\t\t\t\t\tif (!sTime || formatCond.times.indexOf(sTime) === -1) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (formatCond.theaters || formatCond.theatersNot) {\n\t\t\t\t\tlet thId = screening.attributes.theater_id;\n\t\t\t\t\tlet theater = getIncluded(included, 'theaters', thId);\n\t\t\t\t\tlet ptid = accessNested(theater, 'attributes.provider_id') + ':' + accessNested(theater, 'attributes.provider_theater_id');\n\t\t\t\t\tif (\n\t\t\t\t\t\t(formatCond.theaters && !formatCond.theaters.find(desired => thId === desired || ptid === desired))\n\t\t\t\t\t\t|| (formatCond.theatersNot && formatCond.theatersNot.find(desired => thId === desired || ptid === desired))\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (formatCond.domains) {\n\t\t\t\t\tlet thId = screening.attributes.theater_id;\n\t\t\t\t\tlet theater = getIncluded(included, 'theaters', thId);\n\t\t\t\t\tlet exId = accessNested(theater, 'attributes.exhibitor_id');\n\t\t\t\t\tlet exhibitor = getIncluded(included, 'exhibitors', exId);\n\t\t\t\t\tlet domain = accessNested(exhibitor, 'attributes.domain');\n\t\t\t\t\tif (!domain || formatCond.domains.indexOf(domain) === -1) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (formatCond.countries) {\n\t\t\t\t\tlet thId = screening.attributes.theater_id;\n\t\t\t\t\tlet theater = getIncluded(included, 'theaters', thId);\n\t\t\t\t\tlet country = accessNested(theater, 'attributes.country');\n\t\t\t\t\tif (!country || formatCond.countries.indexOf(country) === -1) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t});\n\t\t\tif (matching) {\n\t\t\t\tlet format = matching.format;\n\t\t\t\tif (matching.append) {\n\t\t\t\t\tlet movie = getIncluded(included, 'movies', screening.attributes.movie_id);\n\t\t\t\t\tlet formatObject = getIncluded(included, 'formats', movie && movie.attributes.format_id);\n\t\t\t\t\tif (formatObject) {\n\t\t\t\t\t\tformat = formatObject.attributes.name + ' ' + format;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\teditFormat(included, screening, format);\n\t\t\t}\n\t\t});\n\t}\n\n\treturn {\n\t\tdata: data,\n\t\tincluded: included\n\t};\n};\n\nObject.assign(module.exports, {\n\tgetDateTimestamp,\n\tgetDateRange,\n\tinRange,\n\teditFormat,\n\tgetIncluded,\n\tclearCaches\n});\n\n\n\n// WEBPACK FOOTER //\n// ./static/src/utils/preprocessScreenings.js","import { h } from 'preact';\nimport Store from 'store/store';\nimport * as actions from 'store/actions';\nimport { track } from \"utils/tracking\";\nimport { accessNested } from \"utils/utils\";\n\nimport ChangeRegionModal from 'components/shared/regionMismatchModal/changeRegionModal';\n\n\n/* State Getters\n--------------------------------*/\n\nconst getGeoCountryCode = state => state.client.geo && state.client.geo.countryCode;\nconst getAppRegionCode = state => state.appData.meta.region.slug;\nconst getAppLanguageCode = state => state.appData.meta.region.language;\n\nconst getAppCountryCode = state => {\n\t// Grab the first 2 letters of the region code\n\t// (ex. BE_FR => BE)\n\tconst match = /^\\w{2}/.exec(getAppRegionCode(state));\n\treturn match && match[0];\n};\n\nconst getAppGeoRegions = state => {\n\tconst alteredRegions = {};\n\tconst dynamicRegions = accessNested(state, \"dynamicData.regions\");\n\tconst staticRegions = accessNested(state, \"appData.meta.regions\", {});\n\tconst extraExternalRegions = accessNested(state, \"appData.meta.extraRegions\", null);\n\tconst regions = dynamicRegions || staticRegions;\n\n\n\n\n\n\t// Add in extra external regions\n\tObject.keys(regions).forEach((reg)=>{\n\t\t// Add in the regionCode to all of the regions\n\t\talteredRegions[reg] = {\n\t\t\t...regions[reg],\n\t\t\tregionCode: reg\n\t\t};\n\t});\n\n\tif (extraExternalRegions) {\n\n\t\t// format the regions to the right format and add them to the regions\n\t\tObject.keys(extraExternalRegions).forEach((key)=>{\n\n\t\t\talteredRegions[key] = {\n\t\t\t\tregionCode: key,\n\t\t\t\turl: extraExternalRegions[key]\n\t\t\t};\n\t\t});\n\t}\n\n\n\n\n\treturn alteredRegions;\n};\n\n\n\n/* Helper Functions\n-----------------------------*/\n\nfunction getGeoRegionMatches(countryCode, regionCodes) {\n\t// Create reg ex to match all regions which match country\n\t// e.g. for ch could be: ch, ch_fr\n\t// e.g. for be could be: be_fr, be_nl\n\tconst countryCodeRE = new RegExp(`^(${countryCode})(_[a-z]{2})?$`);\n\n\treturn regionCodes\n\t\t.filter(region => countryCodeRE.exec(region))\n\t\t.map(region => {\n\t\t\tconst regexResult = countryCodeRE.exec(region);\n\t\t\treturn {\n\t\t\t\tregionCode: region,\n\t\t\t\tcountryCode: regexResult[1],\n\t\t\t\tlanguageCode: regexResult[2]\n\t\t\t};\n\t\t});\n\n}\n\nfunction getCurrentAppLanguageMatch(country, language, regionMatches) {\n\treturn regionMatches.find(match => {\n\t\treturn match.countryCode === country && match.languageCode === language\n\t});\n}\n\n\n/**\n * Detect if the Users region is not the same as the apps region\n * @return {Boolean}\n */\nfunction detectRegionMismatch(store) {\n\t// If not first visit, then shouldn't display modal\n\t// (as user has previously decided to stay here)\n\t// TODO: add in again\n\t// if (!isFirstVisit(this.props)) return false;\n\n\tconst appCode = getAppCountryCode(store);\n\tconst appLanguage = getAppLanguageCode(store);\n\tconst appRegion = getAppRegionCode(store);\n\tconst geoCode = getGeoCountryCode(store);\n\n\t// TODO: also check language in the browser presets\n\t// needed for country's with multiple languages (ex. Belgium)\n\n\n\t// If geo and app region not determined then don't display modal\n\t// (as we don't yet know if we have a mismatch)\n\tif (!(appCode !== null && geoCode !== null)) return false;\n\n\tlet geoMismatch = appCode !== geoCode;\n\n\tif (appRegion.indexOf('_') > -1 && navigator && navigator.language && appLanguage !== navigator.language) {\n\t\t// Means it's a multi language app,\n\t\t// so let's check if the user has a language set\n\t\tgeoMismatch = true;\n\t}\n\n\tif (geoMismatch) {\n\t\t// The regions aren't matching, so let the tracking know\n\t\ttrack({ a: \"geo-region-mismatch\", once: true });\n\t} else {\n\t\t// regions are matching\n\t\ttrack({ a: \"geo-region-match\", once: true });\n\t}\n\n\treturn geoMismatch;\n}\n\n\nfunction getMatchingRegionApp(state) {\n\t// Get geo countryCode, app geo regions and app langugage from state\n\tconst geoCountryCode = getGeoCountryCode(state);\n\tconst availableAppRegions = getAppGeoRegions(state);\n\tconst appRegion = getAppRegionCode(state);\n\tconst appLanguageCode = getAppLanguageCode(state);\n\n\t// Find all app regions which match the current country code\n\tconst matches = getGeoRegionMatches(geoCountryCode, Object.keys(availableAppRegions));\n\n\t// console.log('the availavle regions', availableAppRegions);\n\n\t// Get all allowable geo region / app region matches\n\tconst currentAppLanguageMatch = getCurrentAppLanguageMatch(\n\t\tgeoCountryCode,\n\t\tappLanguageCode,\n\t\tmatches\n\t);\n\n\t// console.log('get Matching region App', currentAppLanguageMatch, state.appData.meta, appLanguageCode, availableAppRegions, geoCountryCode);\n\n\tif (currentAppLanguageMatch) {\n\t\t// First try to match against language of current region (NOTE: is this the right logic?)\n\t\treturn availableAppRegions[currentAppLanguageMatch.regionCode];\n\t}\n\n\n\t// Then try to match against exact region match\n\tconst exactMatch = \tmatches.find(({regionCode}) => regionCode === geoCountryCode);\n\n\tif (exactMatch) {\n\t\treturn availableAppRegions[exactMatch.regionCode];\n\t} else if (availableAppRegions['other']) {\n\t\treturn availableAppRegions['other'];\n\t}\n\n\n\t// Then return first result found\n\tconst firstMatch = matches[0];\n\n\tif (firstMatch) {\n\t\tif (appRegion.indexOf('_') > 0) {\n\t\t\t// Multi Region App\n\t\t\tif (navigator && navigator.language && availableAppRegions[geoCountryCode+'_'+navigator.language]) {\n\t\t\t\t// Check the language the user has set in the browser\n\t\t\t\t// and see if we have an app available for that language in that region\n\t\t\t\treturn availableAppRegions[geoCountryCode+'_'+navigator.language];\n\t\t\t}\n\t\t\t// Didn't find any region app with that language,\n\t\t\t// so let's not show the popup\n\t\t} else {\n\t\t\treturn availableAppRegions[firstMatch.regionCode];\n\t\t}\n\t}\n\t// Return null if no match\n\treturn null;\n}\n\nfunction displayRegionModal() {\n\tconst store = Store.get();\n\n\tconst shouldDisplayRegionMismatchModal =\n\t\tstore.appData.options.useRegionMismatchModal && // Is it enabled in the appData\n\t\tdetectRegionMismatch(store); // Are we actually in the wrong region\n\n\n\tif (!shouldDisplayRegionMismatchModal) {\n\t\treturn;\n\t}\n\n\n\tconst userRegionApp = getMatchingRegionApp(store);\n\n\n\tif (!userRegionApp) {\n\t\t// No App found with the users region,\n\t\t// so don't show the popup\n\t\treturn;\n\t}\n\n\tconst appRegionCode = getAppRegionCode(store);\n\tconst appCountryCode = getAppCountryCode(store);\n\tlet currentApp = getAppGeoRegions(store)[appRegionCode];\n\tif (!currentApp) {\n\t\tcurrentApp = {\n\t\t\tregionCode: appRegionCode,\n\t\t\turl: store.appData.meta.url\n\t\t};\n\t}\n\n\t// Display the region modal\n\tStore.emit(actions.SHOW_MODAL, (\n\t\t