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