{"version":3,"sources":["webpack:///./src/components/CookieNotification.vue","webpack:///src/components/CookieNotification.vue","webpack:///./src/components/CookieNotification.vue?5b50","webpack:///./src/components/CookieNotification.vue?c042","webpack:///./src/components/AdvertisementPopup.vue","webpack:///src/components/AdvertisementPopup.vue","webpack:///./src/components/AdvertisementPopup.vue?5854","webpack:///./src/components/AdvertisementPopup.vue?0060","webpack:///./src/components/AdvertisementPopup.vue?44d1","webpack:///./src/components/CookieNotification.vue?a2e5"],"names":["render","_vm","this","_c","_self","showCookieBanner","staticClass","staticStyle","model","value","showBottom","callback","$$v","expression","attrs","domProps","_s","$t","on","$event","preventDefault","openOptions","acceptNecessary","showAnalyticsText","acceptAll","_e","showOptions","necessaryChecked","analyticChecked","showAdobeTypekitText","adobeChecked","hide","staticRenderFns","component","modal","show","advertisement","class","concat","id","style","backgroundColor","headlineTop","_v","videoOptions","sources","src","key","playerKey","pictureFilePath","directives","name","rawName","headlineTo","headlineBottom","text","optionalLink","formatUrl","optionalLinkTarget","trackAdLinkClick","optionalLinkButtonText"],"mappings":"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","file":"js/app-e73b60ec.64f2aedf.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.showCookieBanner)?_c('div',{staticClass:\"vmx-cookie-notification\"},[_c('b-alert',{staticClass:\"position-fixed fixed-bottom m-0 rounded-0 no-border\",staticStyle:{\"z-index\":\"10000\",\"padding-left\":\"0\"},model:{value:(_vm.showBottom),callback:function ($$v) {_vm.showBottom=$$v},expression:\"showBottom\"}},[_c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"cookie-container\"},[_c('div',{staticClass:\"text-container\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_notification_text'))}})]),_c('div',{staticClass:\"btn-container\"},[_c('div',{staticClass:\"btn-customise\",on:{\"click\":function($event){$event.preventDefault();return _vm.openOptions()}}},[_c('a',{attrs:{\"href\":\"\"},domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_customise_text'))}})]),_c('b-button',{staticClass:\"btn-accept\",on:{\"click\":_vm.acceptNecessary}},[_c('h6',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_accept_necessary_text'))}})]),(_vm.showAnalyticsText)?[_c('b-button',{staticClass:\"btn-accept\",on:{\"click\":_vm.acceptAll}},[_c('h6',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_accept_text'))}})])]:_vm._e()],2)])])],1),(_vm.showOptions)?_c('b-row',{staticClass:\"border-pad\"},[_c('div',{staticClass:\"options-container\"},[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"necessary-cookies\"},[_c('b-form-checkbox',{staticClass:\"necessary-checkbox\",attrs:{\"name\":\"always-active\",\"disabled\":true,\"switch\":\"\",\"size\":\"lg\"},model:{value:(_vm.necessaryChecked),callback:function ($$v) {_vm.necessaryChecked=$$v},expression:\"necessaryChecked\"}},[_c('h2',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_necessary_title'))}})]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_necessary_text'))}})],1)]),(_vm.showAnalyticsText)?_c('b-col',[_c('div',{staticClass:\"analytics-cookies\"},[_c('b-form-checkbox',{staticClass:\"cb-style\",attrs:{\"name\":\"toggle-active\",\"switch\":\"\",\"size\":\"lg\"},model:{value:(_vm.analyticChecked),callback:function ($$v) {_vm.analyticChecked=$$v},expression:\"analyticChecked\"}},[_c('h2',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_analytics_title'))}})]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_analytics_text'))}})],1)]):_vm._e(),(_vm.showAdobeTypekitText)?_c('b-col',[_c('div',{staticClass:\"analytics-cookies\"},[_c('b-form-checkbox',{staticClass:\"cb-style\",attrs:{\"name\":\"toggle-active\",\"switch\":\"\",\"size\":\"lg\"},model:{value:(_vm.adobeChecked),callback:function ($$v) {_vm.adobeChecked=$$v},expression:\"adobeChecked\"}},[_c('h2',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_adobe_title'))}})]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_adobe_text'))}})],1)]):_vm._e()],1),(_vm.showAnalyticsText || _vm.showAdobeTypekitText)?[_c('b-row',[_c('b-col',[_c('div',{staticClass:\"btn-container text-right\"},[_c('b-button',{staticClass:\"btn-accept\",on:{\"click\":_vm.hide}},[_c('h6',{domProps:{\"innerHTML\":_vm._s(_vm.$t('VMX.cookie_accept_custom_text'))}})])],1)])],1)]:_vm._e()],2)]):_vm._e()],1)],1)],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"vmx-cookie-notification\"\n    v-if=\"showCookieBanner\"\n  >\n    <b-alert\n      v-model=\"showBottom\"\n      class=\"position-fixed fixed-bottom m-0 rounded-0 no-border\"\n      style=\"z-index: 10000; padding-left: 0;\"\n    >\n      <b-container fluid>\n        <b-row>\n          <b-col>\n            <div class=\"cookie-container\">\n              <div class=\"text-container\">\n                <p v-html=\"$t('VMX.cookie_notification_text')\" />\n              </div>\n              <div class=\"btn-container\">\n                <div\n                  class=\"btn-customise\"\n                  @click.prevent=\"openOptions()\"\n                >\n                  <a href v-html=\"$t('VMX.cookie_customise_text')\" />\n                </div>\n                <b-button\n                  class=\"btn-accept\"\n                  @click=\"acceptNecessary\"\n                >\n                  <h6 v-html=\"$t('VMX.cookie_accept_necessary_text')\" />\n                </b-button>\n                <template v-if=\"showAnalyticsText\">\n                  <b-button\n                    class=\"btn-accept\"\n                    @click=\"acceptAll\"\n                  >\n                    <h6 v-html=\"$t('VMX.cookie_accept_text')\" />\n                  </b-button>\n                </template>\n              </div>\n            </div>\n          </b-col>\n        </b-row>\n        <b-row\n          v-if=\"showOptions\"\n          class=\"border-pad\"\n        >\n          <div class=\"options-container\">\n            <b-row>\n              <b-col>\n                <div class=\"necessary-cookies\">\n                  <b-form-checkbox\n                    v-model=\"necessaryChecked\"\n                    name=\"always-active\"\n                    :disabled=\"true\"\n                    switch\n                    size=\"lg\"\n                    class=\"necessary-checkbox\"\n                  >\n                    <h2 v-html=\"$t('VMX.cookie_necessary_title')\" />\n                  </b-form-checkbox>\n\n                  <p v-html=\"$t('VMX.cookie_necessary_text')\" />\n                </div>\n              </b-col>\n\n              <b-col v-if=\"showAnalyticsText\">\n                <div class=\"analytics-cookies\">\n                  <b-form-checkbox\n                    v-model=\"analyticChecked\"\n                    name=\"toggle-active\"\n                    class=\"cb-style\"\n                    switch\n                    size=\"lg\"\n                  >\n                    <h2 v-html=\"$t('VMX.cookie_analytics_title')\" />\n                  </b-form-checkbox>\n\n                  <p v-html=\"$t('VMX.cookie_analytics_text')\" />\n                </div>\n              </b-col>\n\n              <b-col v-if=\"showAdobeTypekitText\">\n                <div class=\"analytics-cookies\">\n                  <b-form-checkbox\n                    v-model=\"adobeChecked\"\n                    name=\"toggle-active\"\n                    class=\"cb-style\"\n                    switch\n                    size=\"lg\"\n                  >\n                    <h2 v-html=\"$t('VMX.cookie_adobe_title')\" />\n                  </b-form-checkbox>\n\n                  <p v-html=\"$t('VMX.cookie_adobe_text')\" />\n                </div>\n              </b-col>\n            </b-row>\n            <template v-if=\"showAnalyticsText || showAdobeTypekitText\">\n              <b-row>\n                <b-col>\n                  <div class=\"btn-container text-right\">\n                    <b-button\n                      class=\"btn-accept\"\n                      @click=\"hide\"\n                    >\n                      <h6 v-html=\"$t('VMX.cookie_accept_custom_text')\" />\n                    </b-button>\n                  </div>\n                </b-col>\n              </b-row>\n            </template>\n          </div>\n        </b-row>\n      </b-container>\n    </b-alert>\n  </div>\n</template>\n<script>\nimport { mapGetters } from 'vuex'\n\nexport default {\n  data() {\n    return {\n      showBottom: false,\n      showOptions: false,\n      necessaryChecked: true,\n      analyticChecked: false,\n      adobeChecked: false,\n    }\n  },\n  computed: {\n    ...mapGetters({\n      configForKey: 'config/configForKey',\n      event: 'instancesState/getEvent',\n    }),\n    showCookieBanner() {\n      const [config] = this.configForKey('app_config').config\n      const { defaults } = config\n      if (defaults && 'showCookieBanner' in defaults) {\n        return defaults.showCookieBanner ? defaults.showCookieBanner : defaults.showCookieBanner\n      } return true\n    },\n    showAnalyticsText() {\n      const [config] = this.configForKey('app_config').config\n      const { defaults } = config\n      if (defaults && 'showAnalyticsText' in defaults) {\n        return defaults.showAnalyticsText ? defaults.showAnalyticsText : defaults.showAnalyticsText\n      }\n      return false\n    },\n    showAdobeTypekitText() {\n      const [config] = this.configForKey('app_config').config\n      const { defaults } = config\n      if (defaults && 'showAdobeTypekitText' in defaults) {\n        return defaults.showAdobeTypekitText ? defaults.showAdobeTypekitText : defaults.showAdobeTypekitText\n      }\n      return false\n    },\n  },\n  methods: {\n    openOptions() {\n      this.showOptions = !this.showOptions\n    },\n    hide() {\n      if (this.analyticChecked && this.adobeChecked) {\n        this.$cookies.set(`${this.event}.cookie`, 'accepted', '14d')\n        this.$cookies.set(`${this.event}.cookie.typekit`, 'accepted', '14d')\n      } else if (this.analyticChecked) {\n        this.$cookies.set(`${this.event}.cookie`, 'accepted', '14d')\n        this.$cookies.set(`${this.event}.cookie.typekit`, 'declined', '14d')\n      } else if (this.adobeChecked) {\n        this.$cookies.set(`${this.event}.cookie.typekit`, 'accepted', '14d')\n        this.$cookies.set(`${this.event}.cookie`, 'declined', '14d')\n      } else {\n        this.$cookies.set(`${this.event}.cookie`, 'declined', '14d')\n        this.$cookies.set(`${this.event}.cookie.typekit`, 'declined', '14d')\n      }\n      this.showBottom = !this.showBottom\n      window.location.reload()\n    },\n    acceptAll() {\n      this.$cookies.set(`${this.event}.cookie`, 'accepted', '14d')\n      this.$cookies.set(`${this.event}.cookie.typekit`, 'accepted', '14d')\n      this.showBottom = !this.showBottom\n      window.location.reload()\n    },\n    acceptNecessary() {\n      this.$cookies.set(`${this.event}.cookie`, 'declined', '14d')\n      this.$cookies.set(`${this.event}.cookie.typekit`, 'declined', '14d')\n      this.showBottom = !this.showBottom\n    },\n  },\n  mounted() {\n    if (this.$cookies.get(`${this.event}.cookie`) == null) {\n      this.showBottom = !this.showBottom\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.vmx-cookie-notification {\n  .alert {\n    border: 0 !important;\n    background: #262626;\n    color: #fff;\n    display: flex;\n    justify-content: space-between;\n  }\n@media only screen and (max-width: 600px) {\n .cookie-container {\n    display: block !important;\n\n    .btn-container {\n      display: block !important;\n\n      .btn-accept {\n        margin-left: 20px;\n        background-color: #fff;\n        border-color: var(--header-navbar-bg);\n        position:relative;\n        top: 9px;\n        left: -20px;\n        h6{\n          margin:0;\n          color: #262626;\n        }\n      }\n\n      .btn-customise {\n        cursor: pointer;\n        a {\n          text-decoration: underline;\n          color: #fff;\n        }\n      }\n    }\n  }\n}\n  .cookie-container {\n    display: flex;\n    justify-content: space-between;\n    .btn-container {\n      display: inline-flex;\n      align-items: center;\n      .btn-accept {\n        margin-left: 20px;\n        background-color: #fff;\n        border-color: var(--header-navbar-bg);\n        h6{\n            margin:0;\n            color: #262626;\n\n        }\n      }\n\n      .btn-customise {\n        cursor: pointer;\n        a {\n          text-decoration: underline;\n          color: #fff;\n        }\n      }\n    }\n  }\n\n  .options-container {\n    margin-top: 20px;\n    .custom-control-label::before {\n      color: #fff;\n      border-color: var(--header-navbar-bg) !important;\n      background-color: #fff !important;\n    }\n\n    .custom-switch\n      .custom-control-input:checked\n      ~ .custom-control-label::after {\n      background-color: var(--header-navbar-bg) !important;\n    }\n    .btn-container {\n      margin-bottom: 1rem;\n      .btn-accept {\n        background-color: #fff;\n        border-color: var(--header-navbar-bg);\n        h6{\n          margin:0;\n          color: #262626;\n        }\n      }\n    }\n  }\n\n  .border-pad {\n    border-top: 1px solid;\n    width: 100vw;\n    padding-left: 15px;\n    margin-top: 10px;\n    padding-top: 15px;\n  }\n\n  .necessary-checkbox{\n      .custom-control-label::before {\n     opacity: 0.2;\n    }\n\n    .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {\n    color: #fff;\n}\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CookieNotification.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CookieNotification.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CookieNotification.vue?vue&type=template&id=fda87af8\"\nimport script from \"./CookieNotification.vue?vue&type=script&lang=js\"\nexport * from \"./CookieNotification.vue?vue&type=script&lang=js\"\nimport style0 from \"./CookieNotification.vue?vue&type=style&index=0&id=fda87af8&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"advertisement-popup\"},[_c('modal',{attrs:{\"show\":_vm.modal.show,\"disable-backdrop-close\":false},on:{\"close\":function($event){_vm.modal.show = false}}},[_c('div',{staticClass:\"advertisement-popup__container\"},[(_vm.advertisement)?_c('div',{staticClass:\"advertisement-popup__content\",class:`ad-${_vm.advertisement.id}`,style:(`background-color: ${_vm.advertisement.backgroundColor}`)},[(_vm.advertisement.headlineTop)?[_c('h5',{staticClass:\"advertisement-popup__headline-top\"},[_vm._v(\" \"+_vm._s(_vm.advertisement.headlineTop)+\" \")])]:_vm._e(),_c('div',{staticClass:\"advertisement-popup__image-wrapper\"},[(_vm.videoOptions.sources[0].src)?[_c('video-player',{key:_vm.playerKey,attrs:{\"options\":_vm.videoOptions}})]:(_vm.advertisement.pictureFilePath)?[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.advertisement.pictureFilePath),expression:\"advertisement.pictureFilePath\"}],staticClass:\"advertisement-popup__image\",attrs:{\"alt\":_vm.advertisement.headlineTo}})]:_vm._e()],2),(_vm.advertisement.headlineBottom)?[_c('h5',{staticClass:\"advertisement-popup__headline-bottom\"},[_vm._v(\" \"+_vm._s(_vm.advertisement.headlineBottom)+\" \")])]:_vm._e(),(_vm.advertisement.text)?[_c('div',{staticClass:\"advertisement-popup__text\",domProps:{\"innerHTML\":_vm._s(_vm.advertisement.text)}})]:_vm._e(),(_vm.advertisement.optionalLink)?[_c('a',{staticClass:\"advertisement-popup__link\",attrs:{\"href\":_vm.formatUrl,\"target\":_vm.advertisement.optionalLinkTarget ? _vm.advertisement.optionalLinkTarget : '_self'},on:{\"click\":function($event){return _vm.trackAdLinkClick()}}},[(_vm.advertisement.optionalLinkButtonText)?[_vm._v(\" \"+_vm._s(_vm.advertisement.optionalLinkButtonText)+\" \")]:[_vm._v(\" \"+_vm._s(_vm.$t('VMX.advertisement_popup_optional_link'))+\" \")]],2)]:_vm._e()],2):_vm._e()])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"advertisement-popup\">\n    <modal\n      :show=\"modal.show\"\n      @close=\"modal.show = false\"\n      :disable-backdrop-close=\"false\"\n    >\n      <div\n        class=\"advertisement-popup__container\"\n      >\n        <div\n          class=\"advertisement-popup__content\"\n          :style=\"`background-color: ${advertisement.backgroundColor}`\"\n          v-if=\"advertisement\"\n          :class=\"`ad-${advertisement.id}`\"\n        >\n          <template v-if=\"advertisement.headlineTop\">\n            <h5 class=\"advertisement-popup__headline-top\">\n              {{ advertisement.headlineTop }}\n            </h5>\n          </template>\n          <div class=\"advertisement-popup__image-wrapper\">\n            <template v-if=\"videoOptions.sources[0].src\">\n              <video-player\n                :key=\"playerKey\"\n                :options=\"videoOptions\"\n              />\n            </template>\n            <template v-else-if=\"advertisement.pictureFilePath\">\n              <img\n                class=\"advertisement-popup__image\"\n                v-lazy=\"advertisement.pictureFilePath\"\n                :alt=\"advertisement.headlineTo\"\n              />\n            </template>\n          </div>\n          <template v-if=\"advertisement.headlineBottom\">\n            <h5 class=\"advertisement-popup__headline-bottom\">\n              {{ advertisement.headlineBottom }}\n            </h5>\n          </template>\n          <template v-if=\"advertisement.text\">\n            <div\n              class=\"advertisement-popup__text\"\n              v-html=\"advertisement.text\"\n            />\n          </template>\n          <template\n            v-if=\"advertisement.optionalLink\"\n          >\n            <a\n              class=\"advertisement-popup__link\"\n              :href=\"formatUrl\"\n              :target=\"advertisement.optionalLinkTarget ? advertisement.optionalLinkTarget : '_self'\"\n              @click=\"trackAdLinkClick()\"\n            >\n              <template v-if=\"advertisement.optionalLinkButtonText\">\n                {{ advertisement.optionalLinkButtonText }}\n              </template>\n              <template v-else>\n                {{ $t('VMX.advertisement_popup_optional_link') }}\n              </template>\n            </a>\n          </template>\n        </div>\n      </div>\n    </modal>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nimport dayjs from 'dayjs'\nimport modal from 'm-anage.com.vmx-components/src/Modal'\nimport utils from '~/utilities/utils'\nimport trackingApi from '~/api/tracking'\n\nexport default {\n  data() {\n    return {\n      modal: {\n        show: false,\n      },\n      advertisement: null,\n      availableAdvertisements: null,\n      videoOptions: {\n        autoplay: true,\n        controls: true,\n        fluid: true,\n        sources: [\n          {\n            src: '',\n            type: 'video/mp4',\n          },\n        ],\n      },\n      playerKey: 1,\n    }\n  },\n  async mounted() {\n    await this.load()\n    window.checkForAdvertisements = () => {\n      setTimeout(() => {\n        this.getAvailableAdvertisements()\n      }, 4500)\n    }\n    if (this.getAdvertisements) {\n      setTimeout(() => {\n        this.getAvailableAdvertisements()\n        this.setTimerForUpcomingAds()\n      }, 4000)\n    }\n  },\n  components: {\n    modal,\n    videoPlayer: () => import('~/components/industryLandingPage/videoPlayer.vue'),\n  },\n  computed: {\n    ...mapGetters({\n      configForKey: 'config/configForKey',\n      getAdvertisements: 'advertisements/advertisement',\n      userTicket: 'userTicket/userTicket',\n    }),\n    formatUrl() {\n      return utils.addProtocolToUrlIfMissing(this.advertisement.optionalLink)\n    },\n  },\n  watch: {\n    availableAdvertisements(val) {\n      if (val?.length) {\n        val.forEach((a) => {\n          if (this.modal.show === false) {\n            if (a.showInSeconds && a.showInSeconds > 0) {\n              setTimeout(() => {\n                this.modal.show = false\n              }, a.showInSeconds * 1000)\n            }\n            this.advertisement = a\n            this.videoOptions.sources[0].src = a.videoFilePath\n            this.modal.show = true\n            this.$cookies.set(`advertisement-${a.id}`, a.id, '7d')\n          }\n        })\n      }\n    },\n    modal: {\n      handler(val) {\n        if (val.show === false) {\n          this.playerKey += 1\n          this.getAvailableAdvertisements()\n        }\n      },\n      deep: true,\n    },\n    $route() {\n      this.getAvailableAdvertisements()\n    },\n  },\n  methods: {\n    ...mapActions({\n      load: 'advertisements/loadAdvertisement',\n    }),\n    getAvailableAdvertisements() {\n      if (this.getAdvertisements) {\n        const uTicket = this.userTicket\n        const { companyAccountId } = this.$route.params\n        const liveStreamRoom = this.$route.name === 'LivePage' ? window.mtvRoomMeta.getPlayingRoom() : null\n        // eslint-disable-next-line max-len\n        const ads = this.getAdvertisements.filter((a) => dayjs() >= dayjs(a.displayFromDate)\n          && dayjs() <= dayjs(a.displayToDate)\n          && this.$route.name === a.vmxPage\n          && this.$cookies.get(`advertisement-${a.id}`) !== a.id\n          // eslint-disable-next-line max-len\n          && (companyAccountId && a.CompanyAccountIdsShowOnProfile.length ? a.CompanyAccountIdsShowOnProfile.includes(companyAccountId) : true)\n          && (a.channelId ? liveStreamRoom && liveStreamRoom.manage_id?.toString() === a.channelId : true))\n        if (uTicket?.some((t) => t.CompanyAccountId)) {\n          const [config] = this.configForKey('app_config').config\n          const id = uTicket?.find((t) => t.CompanyAccountId).CompanyAccountId\n          if (config.networkingWidget) {\n            // eslint-disable-next-line max-len\n            const ntwOnboardingDone = window.jmeNetworking?.getUserAgreements() ? window.jmeNetworking?.getUserAgreements() : false\n            if (ntwOnboardingDone) {\n              this.availableAdvertisements = ads.filter((a) => a.CompanyAccountIds.includes(id) || !a.CompanyAccountIds.length)\n            }\n          } else {\n            this.availableAdvertisements = ads.filter((a) => a.CompanyAccountIds.includes(id) || !a.CompanyAccountIds.length)\n          }\n        } else {\n          this.availableAdvertisements = ads.filter((a) => !a.CompanyAccountIds?.length)\n        }\n      }\n    },\n    trackAdLinkClick() {\n      const { companyAccountId } = this.$route.params\n      trackingApi.trackCustomAction('vmx-advertisementpopup-link', this.advertisement.id, companyAccountId)\n    },\n    setTimer(time) {\n      setTimeout(() => {\n        this.getAvailableAdvertisements()\n      }, time)\n    },\n    setTimerForUpcomingAds() {\n      const upcomingAds = this.getAdvertisements.filter((a) => dayjs() <= dayjs(a.displayFromDate)\n        && this.$cookies.get(`advertisement-${a.id}`) !== a.id)\n      upcomingAds.forEach((a) => {\n        this.setTimer(dayjs(a.displayFromDate).diff(dayjs()))\n      })\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.advertisement-popup {\n  .ipl-modal__content {\n    @media (max-width: 767px) {\n      width: 90%;\n    }\n  }\n  .advertisement-popup__container {\n    .advertisement-popup__content {\n      min-width: 750px;\n      @media (max-width: 993px) {\n        max-width: 100%;\n        min-width: unset;\n      }\n      background-color: #fff;\n      padding: 20px 25px;\n      .advertisement-popup__text {\n        word-break: break-word;\n        margin-bottom: 10px;\n      }\n      .advertisement-popup__image-wrapper {\n        text-align: center;\n        margin: 10px 0;\n        .advertisement-popup__image {\n          max-height: 430px;\n          max-width: 100%;\n          object-fit: contain;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdvertisementPopup.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdvertisementPopup.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AdvertisementPopup.vue?vue&type=template&id=445ad02c\"\nimport script from \"./AdvertisementPopup.vue?vue&type=script&lang=js\"\nexport * from \"./AdvertisementPopup.vue?vue&type=script&lang=js\"\nimport style0 from \"./AdvertisementPopup.vue?vue&type=style&index=0&id=445ad02c&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdvertisementPopup.vue?vue&type=style&index=0&id=445ad02c&prod&lang=scss\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CookieNotification.vue?vue&type=style&index=0&id=fda87af8&prod&lang=scss\""],"sourceRoot":""}