{"version":3,"sources":["qplayer-loader.js"],"names":["videoElements","Array","from","document","querySelectorAll","scenarioElements","url","createElement","href","getElementById","src","urlTempBase","window","location","host","includes","publicApiUrl","initiateInteractivePlayer","map","el","renderInteractivePlayer","killInteractivePlayer","forEach","remove","generateUUID","d","Date","getTime","replace","c","r","Math","random","floor","toString","loadjscssfile","filename","filetype","fileref","setAttribute","getElementsByTagName","appendChild","isMobile","createEvent","e","addNoZoomMeta","meta","name","content","removeNoZoomMeta","querySelector","handlePlay","modalId","shoppingModalContentWrapper","ifrm","body","style","top","scrollY","setTimeout","position","classList","add","overflowY","contains","contentWindow","focus","postMessage","origin","identifier","command","getElementsByClassName","screenSizeClassName","getScreenSizeName","handleMinimize","visibleModal","handlePlayPauseMini","currentButton","handleCloseModal","element","scrollTo","parseInt","modalBtn","getRestrictToken","mediaId","tokens","isScenario","result","splitter","length","token","checks","split","getThumbnailFromHomeScene","scenarioId","accountId","fetch","headers","Content-Type","X-Authorization","undefined","then","res","json","scenario","bgMediaId","homeScene","scenes","find","scene","id","defaults","sceneId","widgetTemplates","currentLayout","layouts","l","type","backgroundWidgets","boxes","widgets","template","bg","widgetTemplateId","settings","setThumbnail","dataUrl","data","thumbnailUrl","asset","resources","filter","renditions","links","modal","backgroundImage","urlBase","getAttribute","playlistId","configId","isItInline","autoplayData","autoplayValue","sharingData","sharingValue","muteData","muteValue","repeatData","repeatValue","downloadData","downloadValue","thumbnailMediaId","analytics","uniqueFrame","tokenElems","playerTitle","elem","push","preURL","iframeUrl","tokenData","readyState","addEventListener","hasAttribute","width","height","shoppingButtonWrapper","shoppingButton","ariaLabel","shoppingButtonWrapperSvg","ariaHidden","shoppingModal","shoppingModalContent","closeImg","closeModal","innerHTML","playPauseMiniModal","minimizedOverlay","onclick","insertBefore","firstChild","onkeyup","event","key","preventDefault","target","className","message","innerWidth","sizeClassName","onWindowResize","modalContent","onresize"],"mappings":"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","file":"../qplayer-loader.min.js","sourcesContent":["let videoElements = Array.from(document.querySelectorAll('[data-qplayer-media-id]'));\r\nlet scenarioElements = Array.from(document.querySelectorAll('[data-qplayer-scenario-id]'));\r\nlet url = document.createElement('a');\r\nurl.href = document.getElementById('qplayer').src;\r\n\r\n// Production link\r\nlet urlTempBase =\r\n window.location.host === 'alpha-video.qbrick.com' ||\r\n window.location.host.includes('localhost') ||\r\n window.location.host === 'p1-video.qbrick.com' ||\r\n window.location.href.includes('test=true')\r\n ? 'https://play2.qbrick.com/qplayer-beta'\r\n : 'https://play2.qbrick.com/qplayer';\r\n\r\nconst publicApiUrl = 'https://video.qbrick.com/api/v1/public/accounts/';\r\n\r\n[...videoElements, ...scenarioElements].map((el) => {\r\n renderInteractivePlayer(el, urlTempBase);\r\n});\r\n\r\nfunction initiateInteractivePlayer() {\r\n let videoElems = Array.from(document.querySelectorAll('[data-qplayer-media-id]'));\r\n let playlistElems = Array.from(document.querySelectorAll('[data-qplayer-playlist-id]'));\r\n let scenarioElems = Array.from(document.querySelectorAll('[data-qplayer-scenario-id]'));\r\n [...videoElems, ...playlistElems, ...scenarioElems].map((el) => {\r\n renderInteractivePlayer(el, urlTempBase);\r\n });\r\n}\r\n\r\nfunction killInteractivePlayer() {\r\n let elem = document.querySelectorAll('.qbrick-modal-visible');\r\n elem.forEach((el) => {\r\n el.remove();\r\n });\r\n}\r\n\r\nfunction generateUUID() {\r\n let d = new Date().getTime();\r\n let uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function replaceCharacter(c) {\r\n let r = (d + Math.random() * 16) % 16 | 0;\r\n d = Math.floor(d / 16);\r\n return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);\r\n });\r\n return uuid;\r\n}\r\n\r\nfunction loadjscssfile(filename, filetype) {\r\n if (filetype == 'js') {\r\n //if filename is a external JavaScript file\r\n var fileref = document.createElement('script');\r\n fileref.setAttribute('type', 'text/javascript');\r\n fileref.setAttribute('src', filename);\r\n } else if (filetype == 'css') {\r\n //if filename is an external CSS file\r\n var fileref = document.createElement('link');\r\n fileref.setAttribute('rel', 'stylesheet');\r\n fileref.setAttribute('type', 'text/css');\r\n fileref.setAttribute('href', filename);\r\n }\r\n if (typeof fileref != 'undefined') {\r\n document.getElementsByTagName('head')[0].appendChild(fileref);\r\n }\r\n}\r\n\r\nfunction isMobile() {\r\n try {\r\n document.createEvent('TouchEvent');\r\n return true;\r\n } catch (e) {\r\n return false;\r\n }\r\n}\r\n\r\nfunction addNoZoomMeta() {\r\n let meta = document.createElement('meta');\r\n meta.name = 'viewport';\r\n meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0';\r\n meta.setAttribute('data-qplayer-meta-name', 'companion');\r\n document.getElementsByTagName('head')[0].appendChild(meta);\r\n}\r\n\r\nfunction removeNoZoomMeta() {\r\n if (document.querySelector(\"[data-qplayer-meta-name='companion']\")) {\r\n document.querySelector(\"[data-qplayer-meta-name='companion']\").remove();\r\n }\r\n}\r\n\r\nfunction handlePlay(modalId, shoppingModalContentWrapper, ifrm) {\r\n shoppingModalContentWrapper.appendChild(ifrm);\r\n\r\n if (isMobile()) {\r\n document.body.style.top = -1 * window.scrollY + 'px';\r\n setTimeout(() => (document.body.style.position = 'fixed'));\r\n } else {\r\n document.body.classList.add('modal-open');\r\n document.getElementsByTagName('html')[0].style.overflowY = 'hidden';\r\n }\r\n\r\n if (!document.querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]').classList.contains('qbrick-modal-visible-minimized')) {\r\n addNoZoomMeta();\r\n document.body.style.overflowY = 'hidden';\r\n\r\n setTimeout(function () {\r\n ifrm.contentWindow.focus();\r\n ifrm.contentWindow.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'play',\r\n },\r\n '*'\r\n );\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0]\r\n .classList.add('qplayer-iframe-visible');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .classList.add('qbrick-modal-content-wrapper-visible');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .classList.add('qbrick-modal-content-visible');\r\n const screenSizeClassName = getScreenSizeName();\r\n document.querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]').classList.add('qbrick-modal-visible');\r\n document.querySelector('.qbrick-modal-content-wrapper').classList.add(screenSizeClassName);\r\n }, 0);\r\n }\r\n}\r\n\r\nfunction handleMinimize() {\r\n const visibleModal = document.getElementsByClassName('qbrick-modal-visible')[0];\r\n if (!visibleModal) {\r\n return;\r\n }\r\n\r\n let ifrm = visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0];\r\n if (visibleModal.classList.contains('qbrick-modal-visible-minimized')) {\r\n if (isMobile()) {\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimized-overlay-qplayer-modal-hidden');\r\n }\r\n\r\n document.body.style.overflowY = 'hidden';\r\n addNoZoomMeta();\r\n visibleModal.classList.remove('qbrick-modal-visible-minimized');\r\n visibleModal.getElementsByClassName('qbrick-modal-content')[0].classList.remove('qbrick-modal-content-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .classList.remove('qbrick-modal-content-wrapper-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0]\r\n .classList.remove('qplayer-iframe-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimize-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.remove('qbrick-close-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.remove('qbrick-play-pause-qplayer-modal-minimized');\r\n\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimized-overlay-qplayer-modal-visible');\r\n\r\n ifrm.contentWindow.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'maximize',\r\n },\r\n '*'\r\n );\r\n } else {\r\n if (isMobile()) {\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.add('qbrick-minimized-overlay-qplayer-modal-hidden');\r\n }\r\n\r\n document.body.style.overflowY = 'scroll';\r\n removeNoZoomMeta();\r\n visibleModal.classList.add('qbrick-modal-visible-minimized');\r\n visibleModal.getElementsByClassName('qbrick-modal-content')[0].classList.add('qbrick-modal-content-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .classList.add('qbrick-modal-content-wrapper-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0]\r\n .classList.add('qplayer-iframe-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.add('qbrick-minimize-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.add('qbrick-close-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.add('qbrick-play-pause-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimized-overlay-qplayer-modal-visible');\r\n\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element-minimized');\r\n if (\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0].src ===\r\n urlTempBase + '/assets/pause.svg'\r\n ) {\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element-minimized');\r\n }\r\n\r\n ifrm?.contentWindow?.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'minimize',\r\n },\r\n '*'\r\n );\r\n }\r\n}\r\n\r\nfunction handlePlayPauseMini(urlTempBase) {\r\n const visibleModal = document.getElementsByClassName('qbrick-modal-visible')[0];\r\n if (!visibleModal) {\r\n return;\r\n }\r\n\r\n let currentButton = visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0];\r\n let ifrm = visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0];\r\n\r\n if (currentButton?.src === urlTempBase + '/loader/assets/play.svg') {\r\n ifrm?.contentWindow?.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'play-minimized',\r\n },\r\n '*'\r\n );\r\n } else {\r\n ifrm?.contentWindow?.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'pause',\r\n },\r\n '*'\r\n );\r\n }\r\n}\r\n\r\nfunction handleCloseModal(element) {\r\n const visibleModal = document.getElementsByClassName('qbrick-modal-visible')[0];\r\n\r\n if (!visibleModal) {\r\n return;\r\n }\r\n\r\n if (isMobile()) {\r\n const scrollY = document.body.style.top;\r\n document.body.style.position = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, parseInt(scrollY || '0') * -1);\r\n }\r\n document.body.classList.remove('modal-open');\r\n document.getElementsByTagName('html')[0].style.overflowY = '';\r\n\r\n removeNoZoomMeta();\r\n visibleModal.classList.remove('qbrick-modal-visible');\r\n visibleModal.getElementsByClassName('qbrick-modal-content')[0].classList.remove('qbrick-modal-content-visible');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n ?.classList.remove('qbrick-modal-content-wrapper-visible');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0]\r\n ?.classList.remove('qplayer-iframe-visible');\r\n document.body.style.overflowY = 'scroll';\r\n\r\n if (visibleModal.classList.contains('qbrick-modal-visible-minimized')) {\r\n visibleModal.classList.remove('qbrick-modal-visible-minimized');\r\n visibleModal.getElementsByClassName('qbrick-modal-content')[0].classList.remove('qbrick-modal-content-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .classList.remove('qbrick-modal-content-wrapper-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0]\r\n .classList.remove('qplayer-iframe-visible-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimize-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.remove('qbrick-close-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.remove('qbrick-play-pause-qplayer-modal-minimized');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimized-overlay-qplayer-modal-visible');\r\n if (isMobile()) {\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimized-overlay-qplayer-modal-hidden');\r\n visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element');\r\n }\r\n }\r\n\r\n const modalBtn = element.getElementsByClassName('qplayer__play-btn')[0];\r\n if (modalBtn) {\r\n modalBtn.focus();\r\n }\r\n\r\n const ifrm = visibleModal\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0];\r\n ifrm?.contentWindow?.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'pause',\r\n },\r\n '*'\r\n );\r\n ifrm?.contentWindow?.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'close-modal',\r\n },\r\n '*'\r\n );\r\n}\r\n\r\nloadjscssfile(urlTempBase + '/loader/qplayer-loader.css', 'css');\r\n\r\nfunction getRestrictToken(mediaId, tokens, isScenario = false) {\r\n let result = null;\r\n const splitter = isScenario ? '-scenario-' : '-media-';\r\n\r\n if (tokens && tokens.length > 0) {\r\n tokens.forEach((token) => {\r\n const checks = token.split(splitter);\r\n result = token.includes(mediaId) ? checks[0] : null;\r\n });\r\n }\r\n\r\n return result;\r\n}\r\n\r\nfunction getThumbnailFromHomeScene(scenarioId, accountId, modalId, tokens) {\r\n const url = publicApiUrl + accountId + '/scenarios/' + scenarioId;\r\n const token = getRestrictToken(scenarioId, tokens, true);\r\n const headers = token\r\n ? {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'X-Authorization': 'AVP1 ' + token,\r\n },\r\n }\r\n : undefined;\r\n\r\n fetch(url, headers)\r\n .then((res) => res.json())\r\n .then((scenario) => {\r\n if (!scenario || typeof scenario === 'string') {\r\n return;\r\n }\r\n\r\n let bgMediaId = '';\r\n const homeScene = (scenario.scenes ?? []).find((scene) => scene.id === (scenario.defaults ?? {}).sceneId);\r\n const widgetTemplates = homeScene?.widgetTemplates ?? [];\r\n let currentLayout = (homeScene?.layouts ?? []).find((l) => l.type === (scenario?.defaults?.type ?? 'desktop')) ?? {};\r\n currentLayout = currentLayout ?? homeScene?.layouts?.[0] ?? {};\r\n const backgroundWidgets = (currentLayout?.boxes ?? [])?.[0]?.widgets ?? [];\r\n\r\n widgetTemplates.forEach((template) => {\r\n if (backgroundWidgets.find((bg) => bg?.widgetTemplateId === template?.id)) {\r\n if (template?.type === 'video') {\r\n bgMediaId = template?.settings?.mediaId;\r\n }\r\n }\r\n });\r\n\r\n if (!bgMediaId) {\r\n return;\r\n }\r\n setThumbnail(bgMediaId, accountId, modalId);\r\n });\r\n}\r\n\r\nfunction setThumbnail(mediaId, accountId, modalId, tokens) {\r\n let dataUrl = publicApiUrl + accountId + '/medias/' + mediaId;\r\n const token = getRestrictToken(mediaId, tokens, false);\r\n const headers = token\r\n ? {\r\n headers: {\r\n 'Content-Type': 'application/json',\r\n 'X-Authorization': 'AVP1 ' + token,\r\n },\r\n }\r\n : undefined;\r\n\r\n fetch(dataUrl, headers)\r\n .then((res) => res.json())\r\n .then((data) => {\r\n if (!data || typeof data === 'string') {\r\n return;\r\n }\r\n\r\n let thumbnailElement = data.asset?.resources?.filter((el) => el.type === 'image');\r\n let thumbnailUrl = thumbnailElement[0].renditions[0].links[0].href;\r\n const modal = document.querySelector('[data-qplayer-start-modal-id=\"' + modalId + '\"]');\r\n if (modal) {\r\n modal.style.backgroundImage = 'url(\"' + thumbnailUrl + '\")';\r\n }\r\n });\r\n}\r\n\r\nfunction renderInteractivePlayer(element, urlBase) {\r\n let mediaId = element.getAttribute('data-qplayer-media-id');\r\n let playlistId = element.getAttribute('data-qplayer-playlist-id');\r\n let modalId = element.getAttribute('data-qplayer-id') ?? generateUUID();\r\n let scenarioId = element.getAttribute('data-qplayer-scenario-id');\r\n let accountId = element.getAttribute('data-qplayer-account-id');\r\n let configId = element.getAttribute('data-qplayer-preset-id');\r\n let isItInline = element.getAttribute('data-qplayer-inline') ?? 'on';\r\n let autoplayData = element.getAttribute('data-qplayer-autoplay');\r\n let autoplayValue = autoplayData === null ? '' : '&autoplay=' + autoplayData;\r\n let sharingData = element.getAttribute('data-qplayer-sharing');\r\n let sharingValue = sharingData === null ? '' : '&sharing=' + sharingData;\r\n let muteData = element.getAttribute('data-qplayer-mute');\r\n let muteValue = muteData === null ? '' : '&mute=' + muteData;\r\n let repeatData = element.getAttribute('data-qplayer-repeat');\r\n let repeatValue = repeatData === null ? '' : '&repeat=' + repeatData;\r\n let downloadData = element.getAttribute('data-qplayer-download');\r\n let downloadValue = downloadData === null ? '' : '&download=' + downloadData;\r\n let thumbnailMediaId = element.getAttribute('data-qplayer-thumbnail-media-id');\r\n let analytics = element.getAttribute('data-qplayer-analytics');\r\n let uniqueFrame = element.getAttribute('data-qplayer-unique-frame');\r\n let tokenElems = document.querySelectorAll('[data-qplayer-token]');\r\n let playerTitle = 'QPlayer' + (element.getAttribute('title') ? ' - ' + element.getAttribute('title') : '');\r\n\r\n const isTesting = element.getAttribute('data-qplayer-test') === 'true' || window.location.href.includes('test=true') ? true : false;\r\n const urlTempBase = isTesting ? 'https://play2.qbrick.com/qplayer-beta' : urlBase;\r\n\r\n let tokens = [];\r\n if (tokenElems.length > 0) {\r\n tokenElems.forEach((elem) => {\r\n let token = elem.getAttribute('data-qplayer-token');\r\n tokens.push(token);\r\n });\r\n }\r\n\r\n let preURL = '/index.html?mediaId=' + mediaId;\r\n if (playlistId) {\r\n preURL = '/index.html?playlistId=' + playlistId;\r\n }\r\n if (scenarioId) {\r\n preURL = '/index.html?scenarioId=' + scenarioId;\r\n }\r\n\r\n // const preURL = mediaId ? 'http://localhost:3000/q?mediaId=' + mediaId : 'http://localhost:3000/q?scenarioId=' + scenarioId;\r\n let iframeUrl =\r\n urlTempBase +\r\n preURL +\r\n '&accountId=' +\r\n accountId +\r\n '&configId=' +\r\n configId +\r\n '&useLoader=true' +\r\n autoplayValue +\r\n sharingValue +\r\n muteValue +\r\n repeatValue +\r\n downloadValue +\r\n (isItInline === null ? '' : '&inline=' + isItInline) +\r\n (thumbnailMediaId === null ? '' : '&thumbnailMediaId=' + thumbnailMediaId) +\r\n (analytics === null ? '' : '&ignoreAnalytics=' + (analytics === 'off' ? 'true' : 'false')) +\r\n (uniqueFrame === null ? '' : '&uniqueFrame=' + uniqueFrame);\r\n\r\n const ifrm = document.createElement('iframe');\r\n ifrm.setAttribute('id', 'iframe' + modalId);\r\n ifrm.setAttribute('title', playerTitle);\r\n const tokenData = {\r\n type: 'qplayer_tokens',\r\n tokens: tokens,\r\n };\r\n\r\n if (ifrm?.contentWindow?.document?.readyState === 'complete') {\r\n setTimeout(() => {\r\n ifrm?.contentWindow.postMessage(tokenData, '*');\r\n }, 100);\r\n } else {\r\n ifrm?.addEventListener('load', () =>\r\n setTimeout(() => {\r\n ifrm?.contentWindow.postMessage(tokenData, '*');\r\n }, 100)\r\n );\r\n }\r\n\r\n if (isItInline === 'on') {\r\n ifrm.classList.add('qplayer-iframe-inline');\r\n ifrm.setAttribute('src', iframeUrl);\r\n ifrm.setAttribute('frameBorder', '0');\r\n ifrm.setAttribute('allow', 'fullscreen');\r\n element.appendChild(ifrm);\r\n\r\n if (element.hasAttribute('data-qplayer-thumbnail-width')) {\r\n element.style.width = element.getAttribute('data-qplayer-thumbnail-width');\r\n } else {\r\n element.style.width = '100%';\r\n }\r\n\r\n if (element.hasAttribute('data-qplayer-thumbnail-height')) {\r\n element.style.height = element.getAttribute('data-qplayer-thumbnail-height');\r\n } else {\r\n element.style.height = '100%';\r\n }\r\n } else {\r\n if (!element.hasAttribute('data-qplayer-custom-button') && !element.getAttribute('data-qplayer-custom-button') === true) {\r\n element.classList.add('qplayer__button-standard-thumbnail');\r\n\r\n if (element.hasAttribute('data-qplayer-thumbnail-width')) {\r\n element.style.width = element.getAttribute('data-qplayer-thumbnail-width');\r\n } else {\r\n element.style.width = '100%';\r\n }\r\n\r\n if (element.hasAttribute('data-qplayer-thumbnail-height')) {\r\n element.style.height = element.getAttribute('data-qplayer-thumbnail-height');\r\n } else {\r\n element.style.height = '100%';\r\n }\r\n\r\n let shoppingButtonWrapper = document.createElement('div');\r\n shoppingButtonWrapper.classList.add('qplayer__button-open-modal-wrapper');\r\n shoppingButtonWrapper.setAttribute('data-qplayer-start-modal-id', modalId);\r\n element.appendChild(shoppingButtonWrapper);\r\n\r\n let shoppingButton = document.createElement('div');\r\n shoppingButton.classList.add('qplayer__play-btn');\r\n shoppingButton.setAttribute('role', 'button');\r\n shoppingButton.ariaLabel = 'Open';\r\n shoppingButton.setAttribute('tabindex', '0');\r\n shoppingButtonWrapper.appendChild(shoppingButton);\r\n\r\n let shoppingButtonWrapperSvg = document.createElement('img');\r\n shoppingButtonWrapperSvg.classList.add('qplayer__play-img');\r\n shoppingButtonWrapperSvg.src = urlTempBase + '/loader/assets/play-button.svg';\r\n shoppingButtonWrapperSvg.ariaHidden = 'true';\r\n shoppingButton.appendChild(shoppingButtonWrapperSvg);\r\n\r\n if (thumbnailMediaId) {\r\n setThumbnail(thumbnailMediaId, accountId, modalId, tokens);\r\n } else if (scenarioId) {\r\n getThumbnailFromHomeScene(scenarioId, accountId, modalId, tokens);\r\n } else {\r\n setThumbnail(mediaId, accountId, modalId, tokens);\r\n }\r\n }\r\n\r\n let shoppingModal = document.createElement('div');\r\n shoppingModal.classList.add('qbrick-modal');\r\n shoppingModal.setAttribute('data-qplayer-modal-id', modalId);\r\n\r\n let shoppingModalContent = document.createElement('div');\r\n shoppingModalContent.classList.add('qbrick-modal-content');\r\n shoppingModal.appendChild(shoppingModalContent);\r\n\r\n let shoppingModalContentWrapper = document.createElement('div');\r\n shoppingModalContentWrapper.classList.add('qbrick-modal-content-wrapper');\r\n shoppingModalContent.appendChild(shoppingModalContentWrapper);\r\n\r\n // TEMPORARY REMOVE SINCE NOT SUPPORT PICTURE-IN-PICTURE yet\r\n // let minimizeModal = document.createElement(\"img\");\r\n // minimizeModal.src = urlTempBase + '/loader/assets/minimize.svg';\r\n // minimizeModal.classList.add('qbrick-minimize-qplayer-modal');\r\n // shoppingModalContentWrapper.appendChild(minimizeModal);\r\n\r\n let closeImg = document.createElement('img');\r\n closeImg.src = urlTempBase + '/loader/assets/x.svg';\r\n closeImg.ariaHidden = 'true';\r\n let closeModal = document.createElement('div');\r\n closeModal.classList.add('qbrick-close-qplayer-modal');\r\n closeModal.innerHTML = ``;\r\n closeModal.setAttribute('role', 'button');\r\n closeModal.ariaLabel = 'Close';\r\n shoppingModalContentWrapper.appendChild(closeModal);\r\n\r\n let playPauseMiniModal = document.createElement('img');\r\n playPauseMiniModal.src = urlTempBase + '/loader/assets/pause.svg';\r\n playPauseMiniModal.classList.add('qbrick-play-pause-qplayer-modal');\r\n playPauseMiniModal.ariaHidden = 'true';\r\n shoppingModalContentWrapper.appendChild(playPauseMiniModal);\r\n\r\n let minimizedOverlay = document.createElement('div');\r\n minimizedOverlay.classList.add('qbrick-minimized-overlay-qplayer-modal');\r\n shoppingModalContentWrapper.appendChild(minimizedOverlay);\r\n\r\n minimizedOverlay.onclick = function () {\r\n if (isMobile()) {\r\n handleMinimize();\r\n document.body.style.position = '';\r\n document.body.style.top = '';\r\n }\r\n };\r\n\r\n ifrm.classList.add('qplayer-iframe');\r\n ifrm.setAttribute('src', iframeUrl);\r\n ifrm.setAttribute('allow', 'autoplay; fullscreen');\r\n\r\n document.body.insertBefore(shoppingModal, document.body.firstChild);\r\n\r\n element.onclick = function () {\r\n handlePlay(modalId, shoppingModalContentWrapper, ifrm);\r\n };\r\n element.onkeyup = function (event) {\r\n if (event.key === 'Enter' || event.key === ' ') {\r\n event.preventDefault();\r\n handlePlay(modalId, shoppingModalContentWrapper, ifrm);\r\n }\r\n };\r\n\r\n closeModal.onclick = function () {\r\n setTimeout(() => handleCloseModal(element), 300);\r\n };\r\n\r\n // Click outside player, close it!\r\n shoppingModalContentWrapper.setAttribute('title', 'Click to close player.');\r\n shoppingModalContentWrapper.onclick = function (e) {\r\n if (e.target.classList.contains('qbrick-modal-content-wrapper')) {\r\n setTimeout(() => handleCloseModal(element), 300);\r\n }\r\n };\r\n\r\n // minimizeModal.onclick = function () {\r\n // handleMinimize(mediaId);\r\n // };\r\n\r\n playPauseMiniModal.onclick = function () {\r\n handlePlayPauseMini(urlTempBase);\r\n };\r\n\r\n shoppingModal.onclick = function (event) {\r\n if (event.target.className === 'qbrick-modal qbrick-modal-visible') {\r\n ifrm.contentWindow.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'pause',\r\n },\r\n '*'\r\n );\r\n ifrm.contentWindow.postMessage(\r\n {\r\n origin: 'Qbrick.Shopping.Companion.Loader',\r\n identifier: 'qbrick-interactive-player-loader',\r\n command: 'close-modal',\r\n },\r\n '*'\r\n );\r\n\r\n setTimeout(() => {\r\n removeNoZoomMeta();\r\n document.querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]').classList.remove('qbrick-modal-visible');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .classList.remove('qbrick-modal-content-visible');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .classList.remove('qbrick-modal-content-wrapper-visible');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qplayer-iframe')[0]\r\n .classList.remove('qplayer-iframe-visible');\r\n document.body.style.overflowY = 'scroll';\r\n if (isMobile()) {\r\n const scrollY = document.body.style.top;\r\n document.body.style.position = '';\r\n document.body.style.top = '';\r\n window.scrollTo(0, parseInt(scrollY || '0') * -1);\r\n }\r\n document.body.classList.remove('modal-open');\r\n document.getElementsByTagName('html')[0].style.overflowY = '';\r\n }, 100);\r\n }\r\n };\r\n\r\n shoppingModal.addEventListener('mouseover', () => {\r\n if (shoppingModal.classList.contains('qbrick-modal-visible-minimized')) {\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.add('qbrick-minimized-overlay-qplayer-modal-visible');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.remove('qbrick-hide-element-minimized');\r\n }\r\n });\r\n\r\n shoppingModal.addEventListener('mouseout', () => {\r\n if (shoppingModal.classList.contains('qbrick-modal-visible-minimized')) {\r\n if (\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0].src ===\r\n urlTempBase + '/loader/assets/pause.svg'\r\n ) {\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimized-overlay-qplayer-modal')[0]\r\n .classList.remove('qbrick-minimized-overlay-qplayer-modal-visible');\r\n }\r\n\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-minimize-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element-minimized');\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-close-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element-minimized');\r\n if (\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0].src ===\r\n urlTempBase + '/loader/assets/pause.svg'\r\n ) {\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.add('qbrick-hide-element-minimized');\r\n }\r\n }\r\n });\r\n\r\n window.addEventListener('message', (message) => {\r\n if (message.data.identifier === 'qbrick-modal-handler-event') {\r\n if (message.data.command.data === 'hide-x-basket') {\r\n closeModal.classList.add('qbrick-hide-element');\r\n // minimizeModal.classList.add('qbrick-hide-element');\r\n }\r\n\r\n if (message.data.command.data === 'show-play') {\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.add('qbrick-play-pause-qplayer-modal-minimized');\r\n }\r\n\r\n if (message.data.command.data === 'hide-play') {\r\n document\r\n .querySelector('[data-qplayer-modal-id=\"' + modalId + '\"]')\r\n .getElementsByClassName('qbrick-modal-content')[0]\r\n .getElementsByClassName('qbrick-modal-content-wrapper')[0]\r\n .getElementsByClassName('qbrick-play-pause-qplayer-modal')[0]\r\n .classList.remove('qbrick-play-pause-qplayer-modal-minimized');\r\n }\r\n\r\n if (message.data.command.data === 'show-x-basket') {\r\n closeModal.classList.remove('qbrick-hide-element');\r\n // minimizeModal.classList.remove('qbrick-hide-element');\r\n }\r\n\r\n if (message.data.command.data === 'player-play') {\r\n playPauseMiniModal.src = urlTempBase + '/loader/assets/pause.svg';\r\n }\r\n\r\n if (message.data.command.data === 'player-pause') {\r\n playPauseMiniModal.src = urlTempBase + '/loader/assets/play.svg';\r\n }\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction getScreenSizeName() {\r\n const width = window.innerWidth;\r\n let sizeClassName = 'qplayer-modal-huge';\r\n\r\n if (width <= 430) {\r\n sizeClassName = 'qplayer-modal-mobile';\r\n } else if (width <= 600) {\r\n sizeClassName = 'qplayer-modal-small';\r\n } else if (width <= 768) {\r\n sizeClassName = 'qplayer-modal-medium';\r\n } else if (width <= 1280) {\r\n sizeClassName = 'qplayer-modal-big';\r\n }\r\n return sizeClassName;\r\n}\r\n\r\nfunction onWindowResize() {\r\n const modalContent = document.querySelector('.qbrick-modal-content-wrapper.qbrick-modal-content-wrapper-visible');\r\n if (!modalContent) {\r\n return;\r\n }\r\n const sizeClassName = getScreenSizeName();\r\n modalContent.classList = 'qbrick-modal-content-wrapper qbrick-modal-content-wrapper-visible ' + sizeClassName;\r\n}\r\n\r\nwindow.onresize = onWindowResize;"]}