{"version":3,"sources":["webpack:///./src/views/Upsale/UpsaleOffers.vue?4f41","webpack:///./src/assets/images/offer/card-offer-mock.webp","webpack:///./src/views/Upsale/Index.vue","webpack:///./src/views/Upsale/UpsaleOffers.vue","webpack:///./src/views/Upsale/UpsaleOfferCard.vue","webpack:///src/views/Upsale/UpsaleOfferCard.vue","webpack:///./src/views/Upsale/UpsaleOfferCard.vue?e531","webpack:///./src/views/Upsale/UpsaleOfferCard.vue?4e84","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersEmpty.vue","webpack:///src/views/Upsale/UpsaleOffers/UpsaleOffersEmpty.vue","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersEmpty.vue?15f0","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersEmpty.vue?e7bd","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersLoader.vue","webpack:///src/views/Upsale/UpsaleOffers/UpsaleOffersLoader.vue","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersLoader.vue?1f69","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersLoader.vue?6f55","webpack:///src/views/Upsale/UpsaleOffers.vue","webpack:///./src/views/Upsale/UpsaleOffers.vue?0d3d","webpack:///./src/views/Upsale/UpsaleOffers.vue?a872","webpack:///./src/views/Upsale/UpsaleBanner/Index.vue","webpack:///src/views/Upsale/UpsaleBanner/Index.vue","webpack:///./src/views/Upsale/UpsaleBanner/Index.vue?1dfa","webpack:///./src/views/Upsale/UpsaleBanner/Index.vue?091f","webpack:///src/views/Upsale/Index.vue","webpack:///./src/views/Upsale/Index.vue?40a5","webpack:///./src/views/Upsale/Index.vue?93f4","webpack:///./node_modules/core-js/modules/es.array.join.js","webpack:///./src/views/Upsale/UpsaleOfferCard.vue?904f","webpack:///./node_modules/vuetify/lib/components/VCard/VCard.js","webpack:///./src/views/Upsale/Index.vue?4984","webpack:///./src/views/Upsale/UpsaleOffers/UpsaleOffersLoader.vue?e24d","webpack:///./src/plugins/google-analytics.js"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","_v","_s","$t","adFormat","createdCampaign","name","toLowerCase","campaignId","staticRenderFns","isLoading","allCollectionsAreLoaded","_e","campaignOffers","length","isTablet","_l","campaign","index","key","offersCollectionIsEmpty","domProps","adFormatImage","currentFormatDescription","campaignData","listItem","class","separator","title","campaignTargetLabels","scopedSlots","_u","fn","on","_g","value","items","count","pricingModel","price","$event","onCreateBtnClick","components","CBtn","props","type","required","data","computed","mapGetters","filter","created","methods","fetchImage","axios","adFormatIcon","stringJoiner","targetName","gtmPush","event","event_category","params","offerCampaign","component","VCard","VExpandTransition","VTooltip","$router","push","routeNames","MARKETPLACE","VIcon","totalLoaderCard","require","VChip","VCol","VOverlay","VRow","UpsaleOffersLoader","UpsaleOffersEmpty","UpsaleOfferCard","siteList","regionList","citiesList","mapState","isDesktop","watch","handler","mapActions","fetchSitesByIds","siteIds","site_ids","fetchRegions","id","regionsIds","fetchCities","adFormatById","fetchCampaignOffers","campaignsRepository","campaignOffersResponse","Promise","countriesIds","countries","languages","trafficTypes","interests","ip2LocationTypes","operatingSystems","deviceVendors","deviceModels","browsers","carriers","categories","categoryGroups","campaignGroups","sites","regions","cities","ad_format","handleErrors","VSkeletonLoader","bannerSizeComponent","tag","locale","colors","xs","sm","md","lg","xl","currentSize","UpsaleOffers","UpsaleBanner","UPSALE_PAGE_LIFETIME_HOURS","googleSessionCount","measurementId","hasUpsalesAccess","hasPageLifetime","user_id","fetchCampaign","response","getGoogleSessionCount","getGoogleAnalyticsSessionCount","$","uncurryThis","IndexedObject","toIndexedObject","arrayMethodIsStrict","nativeJoin","join","ES3_STRINGS","Object","STRICT_METHOD","target","proto","forced","undefined","extend","flat","Boolean","hover","img","String","link","loaderHeight","Number","default","raised","options","classes","call","isClickable","loading","disabled","style","styles","background","genProgress","$createElement","h","generateRouteLink","tabindex","setBackgroundColor","color","$slots","gtag","window","dataLayer","arguments","getValueFromGtag","valueFromGtag","resolve","getGoogleAnalyticsClientId","clientId","getGoogleAnalyticsSessionId","sessionId","sessionCount"],"mappings":"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","file":"js/chunk-559d62a0.ba02637d.js","sourcesContent":["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!./UpsaleOffers.vue?vue&type=style&index=0&id=4f7f3389&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/card-offer-mock.aa6fa1c1.webp\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mx-1\"},[_c('div',{staticClass:\"border-info rounded py-6 px-10 mb-5 mb-sm-8 mb-md-10 mb-lg-11 d-flex justify-center align-center text-body-2 text-md-body-1 text-lg-h6 font-weight-medium\"},[_c('v-icon',{staticClass:\"mr-3\",attrs:{\"color\":\"info\"}},[_vm._v(\" $check \")]),_c('div',[_vm._v(\" \"+_vm._s(_vm.$t('upsale.your_campaign', { adFormat: _vm.createdCampaign.adFormat.name?.toLowerCase() }))+\" \"),_c('span',{staticClass:\"info--text\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.successfully_created'))+\" \")])])],1),_c('upsale-banner',{staticClass:\"mb-7 mb-sm-6 mb-md-10 mb-lg-11\"}),_c('upsale-offers',{staticClass:\"mx-n4 mx-sm-0 overflow-hidden\",attrs:{\"campaign-id\":_vm.campaignId}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.isLoading || !_vm.allCollectionsAreLoaded)?_c('upsale-offers-loader'):_vm._e(),(_vm.campaignOffers.length)?_c('div',{staticClass:\"global-relative white rounded py-12 px-4\"},[(_vm.isTablet)?_c('v-chip',{staticClass:\"feature-plank text-uppercase font-weight-medium text-body-2 px-2\",attrs:{\"color\":\"primary\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.new_features'))+\" \")]):_vm._e(),_c('div',{staticClass:\"text-center text-body-2 mb-10\"},[_c('div',{staticClass:\"text-body-1 text-uppercase text-sm-h6 font-weight-bold mb-4 mb-sm-5\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.try_different_format'))+\" \")]),_c('div',{staticClass:\"font-weight-medium text-sm-body-1\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.choose_format'))+\" \")]),_vm._v(\" \"+_vm._s(_vm.$t('upsale.make_creative'))+\" \")]),_c('v-row',{staticClass:\"flex-nowrap justify-space-between justify-md-center overflow-x-auto\"},[(!_vm.allCollectionsAreLoaded || _vm.isLoading)?_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"image, list-item-three-line, card-heading\"}})],1):_vm._e(),_vm._l((_vm.campaignOffers),function(campaign,index){return _c('v-col',{key:index,staticClass:\"flex-grow-0\"},[_c('upsale-offer-card',{staticClass:\"fill-height\",attrs:{\"campaign\":campaign}})],1)})],2)],1):_vm._e(),(_vm.offersCollectionIsEmpty)?_c('upsale-offers-empty'):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-expand-transition',{attrs:{\"mode\":\"out-in\"}},[_c('v-card',{staticClass:\"pa-4 rounded d-flex flex-column width-289 box-shadow\"},[_c('section',{staticClass:\"border-primary rounded px-5 py-3 mb-5 text-center\"},[_c('div',{staticClass:\"text-h6 mb-4\"},[_vm._v(\" \"+_vm._s(_vm.campaign.adFormat.name)+\" \")]),_c('div',{staticClass:\"height-200\"},[_c('div',{staticClass:\"primary--text height-70 mr-1\",domProps:{\"innerHTML\":_vm._s(_vm.adFormatImage)}}),_c('div',[_vm._v(_vm._s(_vm.currentFormatDescription))])])]),_c('section',{staticClass:\"mb-4 flex-grow-1\"},_vm._l((_vm.campaignData),function(listItem,index){return _c('div',{key:index,class:['d-flex justify-space-between mb-1 text-body-2', { 'separator-item': listItem.separator }]},[_c('span',{staticClass:\"secondary-darken--text\"},[_vm._v(_vm._s(listItem.title)+\":\")]),_c('v-tooltip',{attrs:{\"bottom\":\"\",\"disabled\":!_vm.campaignTargetLabels[listItem.name]},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on }){return [_c('div',_vm._g({},on),[_c('span',{staticClass:\"font-weight-medium\"},[_vm._v(_vm._s(listItem.value?.items))]),_c('span',{staticClass:\"font-weight-medium info--text\"},[_vm._v(_vm._s(listItem.value?.count))])])]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm.campaignTargetLabels[listItem.name]))])])],1)}),0),_c('section',{staticClass:\"mb-4 separator-item\"},[_c('div',{staticClass:\"d-flex justify-space-between text-body-2\"},[_c('span',{staticClass:\"secondary-darken--text\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.pricing_model'))+\" \")]),_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.campaign.pricingModel)+\" \")])]),_c('div',{staticClass:\"d-flex justify-space-between text-body-2\"},[_c('span',{staticClass:\"secondary-darken--text\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.bid'))+\" \")]),_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.campaign.price)+\" \")])])]),_c('c-btn',{staticClass:\"primary text-uppercase create-btn flex-grow-0 text-body-1 font-weight-medium\",attrs:{\"block\":\"\",\"depressed\":\"\",\"label\":_vm.$t('upsale.create')},on:{\"click\":function($event){return _vm.onCreateBtnClick()}}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-expand-transition mode=\"out-in\">\n    <v-card class=\"pa-4 rounded d-flex flex-column width-289 box-shadow\">\n      <section class=\"border-primary rounded px-5 py-3 mb-5 text-center\">\n        <div class=\"text-h6 mb-4\">\n          {{ campaign.adFormat.name }}\n        </div>\n        <div class=\"height-200\">\n          <div class=\"primary--text height-70 mr-1\" v-html=\"adFormatImage\" />\n          <div>{{ currentFormatDescription }}</div>\n        </div>\n      </section>\n      <section class=\"mb-4 flex-grow-1\">\n        <div\n          v-for=\"(listItem, index) of campaignData\"\n          :key=\"index\"\n          :class=\"['d-flex justify-space-between mb-1 text-body-2', { 'separator-item': listItem.separator }]\"\n        >\n          <span class=\"secondary-darken--text\">{{ listItem.title }}:</span>\n          <v-tooltip bottom :disabled=\"!campaignTargetLabels[listItem.name]\">\n            <template #activator=\"{ on }\">\n              <div v-on=\"on\">\n                <span class=\"font-weight-medium\">{{ listItem.value?.items }}</span>\n                <span class=\"font-weight-medium info--text\">{{ listItem.value?.count }}</span>\n              </div>\n            </template>\n            <span>{{ campaignTargetLabels[listItem.name] }}</span>\n          </v-tooltip>\n        </div>\n      </section>\n      <section class=\"mb-4 separator-item\">\n        <div class=\"d-flex justify-space-between text-body-2\">\n          <span class=\"secondary-darken--text\">\n            {{ $t('upsale.pricing_model') }}\n          </span>\n          <span class=\"font-weight-bold\">\n            {{ campaign.pricingModel }}\n          </span>\n        </div>\n        <div class=\"d-flex justify-space-between text-body-2\">\n          <span class=\"secondary-darken--text\">\n            {{ $t('upsale.bid') }}\n          </span>\n          <span class=\"font-weight-bold \">\n            {{ campaign.price }}\n          </span>\n        </div>\n      </section>\n      <c-btn\n        class=\"primary text-uppercase create-btn flex-grow-0 text-body-1 font-weight-medium\"\n        block\n        depressed\n        :label=\"$t('upsale.create')\"\n        @click=\"onCreateBtnClick()\"\n      />\n    </v-card>\n  </v-expand-transition>\n</template>\n\n<script>\n  import axios from 'axios'\n  import { mapGetters } from 'vuex'\n  import { GTM_EVENTS, GTM_EVENTS_CATEGORY } from '@clickadilla/components/constants/gtm-events.js'\n  import CBtn from '@clickadilla/components/ui/CBtn.vue'\n  import gtmPush from '@/services/utils/gtm-push.js'\n  import routeNames from '@/types/route-names.js'\n\n  export default {\n    name: 'UpsaleOfferCard',\n    components: { CBtn },\n    props: {\n      campaign: {\n        type: Object,\n        required: true\n      }\n    },\n    data() {\n      return {\n        adFormatImage: '',\n        campaignTargetLabels: {}\n      }\n    },\n    computed: {\n      ...mapGetters('settings', ['getAdFormatsByAdNetwork']),\n      currentFormatDescription() {\n        return this.getAdFormatsByAdNetwork.find((format) => format.id === this.campaign.adFormat.id)?.description || ''\n      },\n      campaignData() {\n        return [\n          {\n            name: 'traffic_quality',\n            title: this.$t('upsale.traffic_quality'),\n            value: { items: this.campaign.targets?.trafficQualityTarget.quality }\n          },\n          {\n            name: 'category_group',\n            title: 'Category group',\n            value: this.stringJoiner(\n              'category_group',\n              this.campaign.targets.categoryGroupTarget.map((category) => category.name)\n            )\n          },\n          {\n            name: 'categories',\n            title: this.$t('upsale.categories'),\n            value: this.stringJoiner(\n              'categories',\n              this.campaign.targets.categoryTarget.map((category) => category.name)\n            )\n          },\n          {\n            name: 'sources',\n            title: this.campaign.targets.siteTarget.premium\n              ? this.$t('upsale.sources')\n              : this.$t('upsale.black_list'),\n            value: !this.campaign.targets.siteTarget.accept && this.campaign.targets.siteTarget.premium\n              ? { items: this.$t('upsale.all_premium') }\n              : this.stringJoiner('sources', this.campaign.targets?.siteTarget.sites.map((site) => site.domain || site.id))\n          },\n          {\n            name: 'countries',\n            title: this.$t('upsale.countries'),\n            value: this.stringJoiner(\n              'countries',\n              this.campaign.targets?.countryTarget.map((country) => country.name)\n            )\n          },\n          {\n            name: 'languages',\n            title: this.$t('upsale.languages'),\n            value: this.stringJoiner(\n              'languages',\n              this.campaign.targets?.languageTarget.map((lang) => lang.name)\n            )\n          },\n          {\n            name: 'devices',\n            title: this.$t('upsale.devices'),\n            value: this.stringJoiner(\n              'devices',\n              [this.campaign.targets?.trafficTypeTarget.name]\n            )\n          },\n          {\n            title: this.$t('upsale.uniques'),\n            value: { items: !!this.campaign.targets.uniquesTarget.accept }\n          }\n        ].filter((item) => item.value?.items)\n      }\n    },\n    created() {\n      this.fetchImage()\n    },\n    methods: {\n      async fetchImage() {\n        try {\n          const adFormatIcon = await axios(this.campaign.adFormat.icon)\n          this.adFormatImage = adFormatIcon.data\n        } catch {\n          this.adFormatImage = ''\n        }\n      },\n      stringJoiner(targetName, items) {\n        this.campaignTargetLabels[targetName] = items.join(', ')\n        return {\n          items: items[0],\n          count: items.length > 1 ? ` +${items.length - 1}` : ''\n        }\n      },\n      onCreateBtnClick() {\n        gtmPush({\n          event: GTM_EVENTS.CREATE_NEW_FORMAT,\n          event_category: GTM_EVENTS_CATEGORY.FEATURE\n        })\n        this.$router.push({\n          name: routeNames.OFFER_CAMPAIGN,\n          params: {\n            offerCampaign: this.campaign.getCampaignFormParams\n          }\n        })\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .box-shadow {\n    box-shadow: 0 0 13px rgba(0, 0, 0, 0.07) !important;\n  }\n  .separator-item {\n    border-top: 1px solid var(--v-secondary-base);\n    padding-top: 16px;\n  }\n  .width-289 {\n    min-width: 289px;\n    max-width: 346px;\n  }\n  .height-70 {\n    height: 70px;\n  }\n  .create-btn {\n    margin-top: auto !important;\n  }\n  .height-200 {\n    height: 162px;\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!./UpsaleOfferCard.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!./UpsaleOfferCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpsaleOfferCard.vue?vue&type=template&id=74764684&scoped=true&\"\nimport script from \"./UpsaleOfferCard.vue?vue&type=script&lang=js&\"\nexport * from \"./UpsaleOfferCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UpsaleOfferCard.vue?vue&type=style&index=0&id=74764684&prod&lang=scss&scoped=true&\"\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  \"74764684\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VCard,VExpandTransition,VTooltip})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"white rounded px-4 pb-sm-5 py-sm-16\"},[_c('v-card',{staticClass:\"d-flex flex-column justify-center pb-8 pt-5 pt-md-8 pb-sm-16 mx-auto my-sm-16\",attrs:{\"elevation\":\"0\",\"max-width\":\"240\"}},[_c('v-icon',{staticClass:\"mx-auto\",attrs:{\"size\":\"24\",\"color\":\"info\"}},[_vm._v(\" $information \")]),_c('div',{staticClass:\"text-uppercase text-center text-subtitle-2 font-weight-bold black--text mt-3 px-3\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.loader_failure'))+\" \")]),_c('c-btn',{staticClass:\"mt-6 text-uppercase font-weight-bold text-subtitle-1\",attrs:{\"color\":\"primary\",\"height\":\"46\",\"label\":_vm.$t('upsale.look_at_offers')},on:{\"click\":function($event){return _vm.$router.push({ name: _vm.routeNames.MARKETPLACE })}}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"white rounded px-4 pb-sm-5 py-sm-16\">\n    <v-card class=\"d-flex flex-column justify-center pb-8 pt-5 pt-md-8 pb-sm-16 mx-auto my-sm-16\" elevation=\"0\" max-width=\"240\">\n      <v-icon\n        class=\"mx-auto\"\n        size=\"24\"\n        color=\"info\"\n      >\n        $information\n      </v-icon>\n      <div class=\"text-uppercase text-center text-subtitle-2 font-weight-bold black--text mt-3 px-3\">\n        {{ $t('upsale.loader_failure') }}\n      </div>\n      <c-btn\n        color=\"primary\"\n        height=\"46\"\n        class=\"mt-6 text-uppercase font-weight-bold text-subtitle-1\"\n        :label=\"$t('upsale.look_at_offers')\"\n        @click=\"$router.push({ name: routeNames.MARKETPLACE })\"\n      />\n    </v-card>\n  </div>\n</template>\n\n<script>\n  import CBtn from '@clickadilla/components/ui/CBtn.vue'\n  import routeNames from '@/types/route-names.js'\n\n  export default {\n    name: 'UpsaleOffersEmpty',\n    components: { CBtn },\n    data() {\n      return {\n        routeNames\n      }\n    }\n  }\n</script>\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!./UpsaleOffersEmpty.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!./UpsaleOffersEmpty.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpsaleOffersEmpty.vue?vue&type=template&id=ff3cc434&\"\nimport script from \"./UpsaleOffersEmpty.vue?vue&type=script&lang=js&\"\nexport * from \"./UpsaleOffersEmpty.vue?vue&type=script&lang=js&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VCard,VIcon})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fill-height global-relative white rounded\"},[_c('div',{staticClass:\"global-relative py-12 px-4\"},[(_vm.isTablet)?_c('v-chip',{staticClass:\"feature-plank text-uppercase font-weight-medium text-body-2 px-2\",attrs:{\"color\":\"primary\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.new_features'))+\" \")]):_vm._e(),_c('v-row',{staticClass:\"flex-nowrap justify-space-between justify-md-center overflow-x-auto\"},_vm._l((_vm.totalLoaderCard),function(index){return _c('v-col',{key:index,staticClass:\"flex-grow-0\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/offer/card-offer-mock.webp\"),\"alt\":\"Mock card\"}})])}),1)],1),_c('v-overlay',{staticClass:\"d-flex align-start\",attrs:{\"absolute\":\"\",\"opacity\":\"0.95\",\"color\":\"white\"}},[_c('div',{staticClass:\"text-center pt-sm-10 mt-16 pt-2\"},[_c('v-icon',{staticClass:\"preloader-offer-icon mx-auto\",attrs:{\"size\":\"24\",\"color\":\"info\"}},[_vm._v(\" $update \")]),_c('div',{staticClass:\"text-uppercase text-center font-weight-bold text-subtitle-2 black--text mt-3\"},[_vm._v(\" \"+_vm._s(_vm.$t('upsale.loader_success'))+\" \")])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fill-height global-relative white rounded\">\n    <div class=\"global-relative py-12 px-4\">\n      <v-chip v-if=\"isTablet\" class=\"feature-plank text-uppercase font-weight-medium text-body-2 px-2\" color=\"primary\" label>\n        {{ $t('upsale.new_features') }}\n      </v-chip>\n      <v-row class=\"flex-nowrap justify-space-between justify-md-center overflow-x-auto\">\n        <v-col v-for=\"index in totalLoaderCard\" :key=\"index\" class=\"flex-grow-0\">\n          <img src=\"@/assets/images/offer/card-offer-mock.webp\" alt=\"Mock card\" />\n        </v-col>\n      </v-row>\n    </div>\n    <v-overlay\n      absolute\n      opacity=\"0.95\"\n      color=\"white\"\n      class=\"d-flex align-start\"\n    >\n      <div class=\"text-center pt-sm-10 mt-16 pt-2\">\n        <v-icon\n          class=\"preloader-offer-icon mx-auto\"\n          size=\"24\"\n          color=\"info\"\n        >\n          $update\n        </v-icon>\n        <div class=\"text-uppercase text-center font-weight-bold text-subtitle-2 black--text mt-3\">\n          {{ $t('upsale.loader_success') }}\n        </div>\n      </div>\n    </v-overlay>\n  </div>\n</template>\n\n<script>\n  import routeNames from '@/types/route-names.js'\n\n  export default {\n    name: 'UpsaleOffersLoader',\n    data() {\n      return {\n        routeNames,\n        totalLoaderCard: 3\n      }\n    },\n    computed: {\n      isTablet() {\n        return this.$vuetify.breakpoint.smAndUp\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .preloader-offer-icon {\n    animation: loading-spinner 1s linear infinite\n  }\n  .feature-plank {\n    position: absolute;\n    width: auto;\n    top: 12px;\n    left: 12px;\n  }\n  @keyframes loading-spinner {\n    from{\n      transform: rotate(0deg);\n    }\n    to{\n      transform: rotate(-360deg);\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!./UpsaleOffersLoader.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!./UpsaleOffersLoader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpsaleOffersLoader.vue?vue&type=template&id=2b3f637f&scoped=true&\"\nimport script from \"./UpsaleOffersLoader.vue?vue&type=script&lang=js&\"\nexport * from \"./UpsaleOffersLoader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UpsaleOffersLoader.vue?vue&type=style&index=0&id=2b3f637f&prod&lang=scss&scoped=true&\"\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  \"2b3f637f\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VOverlay } from 'vuetify/lib/components/VOverlay';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VChip,VCol,VIcon,VOverlay,VRow})\n","<template>\n  <div>\n    <upsale-offers-loader v-if=\"isLoading || !allCollectionsAreLoaded\" />\n    <div v-if=\"campaignOffers.length\" class=\"global-relative white rounded py-12 px-4\">\n      <v-chip v-if=\"isTablet\" class=\"feature-plank text-uppercase font-weight-medium text-body-2 px-2\" color=\"primary\" label>\n        {{ $t('upsale.new_features') }}\n      </v-chip>\n      <div class=\"text-center text-body-2 mb-10\">\n        <div class=\"text-body-1 text-uppercase text-sm-h6 font-weight-bold mb-4 mb-sm-5\">\n          {{ $t('upsale.try_different_format') }}\n        </div>\n        <div class=\"font-weight-medium text-sm-body-1\">\n          {{ $t('upsale.choose_format') }}\n        </div>\n        {{ $t('upsale.make_creative') }}\n      </div>\n      <v-row class=\"flex-nowrap justify-space-between justify-md-center overflow-x-auto\">\n        <v-col v-if=\"!allCollectionsAreLoaded || isLoading\" cols=\"3\">\n          <v-skeleton-loader type=\"image, list-item-three-line, card-heading\" />\n        </v-col>\n        <v-col v-for=\"(campaign, index) in campaignOffers\" :key=\"index\" class=\"flex-grow-0\">\n          <upsale-offer-card :campaign=\"campaign\" class=\"fill-height\" />\n        </v-col>\n      </v-row>\n    </div>\n    <upsale-offers-empty v-if=\"offersCollectionIsEmpty\" />\n  </div>\n</template>\n\n<script>\n  import { mapActions, mapGetters, mapState } from 'vuex'\n  import {\n    campaignsRepository,\n    citiesRepository,\n    regionsRepository,\n    sitesRepository\n  } from '@/services/repository-factory.js'\n  import Campaign from '@/services/classes/Campaign.js'\n  import handleErrors from '@/services/handleErrors.js'\n  import UpsaleOfferCard from '@/views/Upsale/UpsaleOfferCard.vue'\n  import UpsaleOffersEmpty from '@/views/Upsale/UpsaleOffers/UpsaleOffersEmpty.vue'\n  import UpsaleOffersLoader from '@/views/Upsale/UpsaleOffers/UpsaleOffersLoader.vue'\n\n  export default {\n    name: 'UpsaleOffers',\n    components: {\n      UpsaleOffersLoader, UpsaleOffersEmpty, UpsaleOfferCard\n    },\n    props: {\n      campaignId: {\n        type: Number,\n        required: true\n      }\n    },\n    data() {\n      return {\n        campaignOffers: [],\n        siteList: [],\n        regionList: [],\n        citiesList: [],\n        isLoading: false\n      }\n    },\n    computed: {\n      ...mapState('campaigns', ['campaignGroups', 'campaignGroupsAreLoading']),\n      ...mapState('collections', [\n        'countries',\n        'languages',\n        'trafficTypes',\n        'categories',\n        'interests',\n        'ip2LocationTypes',\n        'operatingSystems',\n        'deviceVendors',\n        'deviceModels',\n        'browsers',\n        'carriers',\n        'categories',\n        'categoryGroups',\n\n        'countriesAreLoading',\n        'languagesAreLoading',\n        'trafficTypesAreLoading',\n        'categoriesAreLoading',\n        'interestsAreLoading',\n        'ip2LocationTypesAreLoading',\n        'operatingSystemsAreLoading',\n        'deviceVendorsAreLoading',\n        'deviceModelsAreLoading',\n        'browsersAreLoading',\n        'carriersAreLoading',\n        'categoriesAreLoading',\n        'categoryGroupsAreLoading'\n      ]),\n      ...mapGetters('settings', ['getAdFormatsByAdNetwork']),\n      allCollectionsAreLoaded() {\n        const collections = [\n          this.countriesAreLoading,\n          this.languagesAreLoading,\n          this.trafficTypesAreLoading,\n          this.categoriesAreLoading,\n          this.interestsAreLoading,\n          this.ip2LocationTypesAreLoading,\n          this.operatingSystemsAreLoading,\n          this.deviceVendorsAreLoading,\n          this.deviceModelsAreLoading,\n          this.browsersAreLoading,\n          this.carriersAreLoading,\n          this.categoriesAreLoading,\n          this.categoryGroupsAreLoading,\n          this.campaignGroupsAreLoading\n        ]\n        return collections.every((collection) => !collection)\n      },\n      isDesktop() {\n        return this.$vuetify.breakpoint.lgAndUp\n      },\n      isTablet() {\n        return this.$vuetify.breakpoint.smAndUp\n      },\n      offersCollectionIsEmpty() {\n        return this.allCollectionsAreLoaded && !this.campaignOffers.length && !this.isLoading\n      }\n    },\n    watch: {\n      allCollectionsAreLoaded: {\n        async handler() {\n          await this.fetchCampaignOffers()\n        }\n      }\n    },\n    created() {\n      this.fetchCampaignGroups()\n      this.fetchCollectionsForCampaignForm()\n      this.fetchCampaignOffers()\n    },\n    methods: {\n      ...mapActions('collections', ['fetchCollectionsForCampaignForm']),\n      ...mapActions('campaigns', ['fetchCampaignGroups']),\n      fetchSitesByIds(siteIds) {\n        return siteIds.length ? sitesRepository.searchById({ site_ids: siteIds }) : []\n      },\n      fetchRegions(id) {\n        return regionsRepository.find({ regionsIds: id })\n      },\n      fetchCities(params) {\n        return citiesRepository.find(params)\n      },\n      adFormatById(id) {\n        return this.getAdFormatsByAdNetwork?.find((format) => format.id === id)\n      },\n      async fetchCampaignOffers() {\n        if (!this.allCollectionsAreLoaded && !this.campaignOffers.length) return\n\n        try {\n          this.isLoading = true\n          const campaignOffersResponse = await campaignsRepository.offers(this.campaignId)\n          this.siteList = await Promise.all(\n            campaignOffersResponse.map(async (offer) => (offer.params.targets?.site_target\n              ? this.fetchSitesByIds(offer.params.targets.site_target.site_ids)\n              : []))\n          )\n          this.regionList = await Promise.all(\n            campaignOffersResponse.map(async (offer) => (offer.params.targets?.region_target\n              ? this.fetchRegions(offer.params.targets.region_target.region_ids)\n              : []))\n          )\n          this.citiesList = await Promise.all(\n            campaignOffersResponse.map(async (offer) => (\n              offer.params.targets?.region_target && offer.params.targets?.country_target\n                ? this.fetchCities({\n                  regionsIds: offer.params.targets.region_target?.region_ids,\n                  countriesIds: offer.params.targets.country_target?.country_ids\n                })\n                : []))\n          )\n          this.campaignOffers = campaignOffersResponse?.map((offer, index) => {\n            const collections = {\n              countries: this.countries,\n              languages: this.languages,\n              trafficTypes: this.trafficTypes,\n              interests: this.interests,\n              ip2LocationTypes: this.ip2LocationTypes,\n              operatingSystems: this.operatingSystems,\n              deviceVendors: this.deviceVendors,\n              deviceModels: this.deviceModels,\n              browsers: this.browsers,\n              carriers: this.carriers,\n              categories: this.categories,\n              categoryGroups: this.categoryGroups,\n              campaignGroups: this.campaignGroups,\n              ...this.siteList.length && {\n                sites: this.siteList[index]\n              },\n              ...this.regionList.length && {\n                regions: this.regionList[index]\n              },\n              ...this.citiesList.length && {\n                cities: this.citiesList[index]\n              }\n            }\n            const adFormat = {\n              ad_format: this.adFormatById(offer.params.ad_format_id)\n            }\n            const convertedOfferCampaign = Campaign.getOfferCampaign(offer.params, collections)\n            return new Campaign({ ...convertedOfferCampaign, ...adFormat })\n          })\n          this.isLoading = false\n        } catch (error) {\n          handleErrors(error)\n        }\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .feature-plank {\n    position: absolute;\n    width: auto;\n    top: 12px;\n    left: 12px;\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!./UpsaleOffers.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!./UpsaleOffers.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UpsaleOffers.vue?vue&type=template&id=4f7f3389&scoped=true&\"\nimport script from \"./UpsaleOffers.vue?vue&type=script&lang=js&\"\nexport * from \"./UpsaleOffers.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UpsaleOffers.vue?vue&type=style&index=0&id=4f7f3389&prod&lang=scss&scoped=true&\"\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  \"4f7f3389\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VChip,VCol,VRow,VSkeletonLoader})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex justify-center\"},[_c(_vm.bannerSizeComponent,{tag:\"component\",attrs:{\"locale\":_vm.locale,\"colors\":_vm.colors}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"d-flex justify-center\">\n    <component :is=\"bannerSizeComponent\" :locale=\"locale\" :colors=\"colors\" />\n  </div>\n</template>\n\n<script>\n  import { mapState } from 'vuex'\n\n  export default {\n    name: 'UpsaleBanner',\n    computed: {\n      ...mapState('settings', ['locale']),\n      colors() {\n        return this.$vuetify.theme.themes.light\n      },\n      bannerSizeComponent() {\n        const currentSize = this.$vuetify.breakpoint.name\n        return {\n          xs: () => import('@/views/Upsale/UpsaleBanner/banners/BannerMobile.vue'),\n          sm: () => import('@/views/Upsale/UpsaleBanner/banners/BannerTablet.vue'),\n          md: () => import('@/views/Upsale/UpsaleBanner/banners/BannerDesktop.vue'),\n          lg: () => import('@/views/Upsale/UpsaleBanner/banners/BannerLarge.vue'),\n          xl: () => import('@/views/Upsale/UpsaleBanner/banners/BannerLarge.vue')\n        }[currentSize]\n      }\n    }\n  }\n</script>\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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=3758e455&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\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","<template>\n  <div class=\"mx-1\">\n    <div\n      class=\"\n        border-info\n        rounded\n        py-6\n        px-10\n        mb-5\n        mb-sm-8\n        mb-md-10\n        mb-lg-11\n        d-flex\n        justify-center\n        align-center\n        text-body-2\n        text-md-body-1\n        text-lg-h6\n        font-weight-medium\n      \"\n    >\n      <v-icon color=\"info\" class=\"mr-3\">\n        $check\n      </v-icon>\n      <div>\n        {{ $t('upsale.your_campaign', { adFormat: createdCampaign.adFormat.name?.toLowerCase() }) }}\n        <span class=\"info--text\">\n          {{ $t('upsale.successfully_created') }}\n        </span>\n      </div>\n    </div>\n    <upsale-banner class=\"mb-7 mb-sm-6 mb-md-10 mb-lg-11\" />\n    <upsale-offers :campaign-id=\"campaignId\" class=\"mx-n4 mx-sm-0 overflow-hidden\" />\n  </div>\n</template>\n\n<script>\n  import { mapState } from 'vuex'\n  import moment from 'moment'\n  import { GTM_EVENTS, GTM_EVENTS_CATEGORY } from '@clickadilla/components/constants/gtm-events.js'\n  import gtmPush from '@/services/utils/gtm-push.js'\n  import guardSections from '@/types/guard-sections.js'\n  import routeNames from '@/types/route-names.js'\n  import { campaignsRepository } from '@/services/repository-factory.js'\n  import handleErrors from '@/services/handleErrors.js'\n  import Campaign from '@/services/classes/Campaign.js'\n  import UpsaleOffers from '@/views/Upsale/UpsaleOffers.vue'\n  import UpsaleBanner from './UpsaleBanner/Index.vue'\n  import googleAnalytics from '@/plugins/google-analytics.js'\n\n  const { getGoogleAnalyticsSessionCount } = googleAnalytics\n\n  export default {\n    name: 'Upsale',\n    components: { UpsaleOffers, UpsaleBanner },\n    data() {\n      return {\n        createdCampaign: new Campaign(),\n        UPSALE_PAGE_LIFETIME_HOURS: 2,\n        googleSessionCount: 0\n      }\n    },\n    computed: {\n      ...mapState('settings', ['adNetwork', 'serverTime', 'maxSessionCount']),\n      campaignId() {\n        return +this.$route.params.campaignId\n      },\n      measurementId() {\n        return this.adNetwork.googleAnalyticsMeasurementId\n      },\n      hasUpsalesAccess() {\n        return this.adNetwork.guardSections.some(({ name }) => name === guardSections.CAMPAIGN_OFFERS)\n          && this.googleSessionCount < this.maxSessionCount\n      },\n      hasPageLifetime() {\n        const serverTimeStamp = moment(this.serverTime).valueOf()\n        const campaignTimeStamp = moment(this.createdCampaign?.createdAt).valueOf()\n\n        return campaignTimeStamp + this.UPSALE_PAGE_LIFETIME_HOURS * 3600 * 1000 >= serverTimeStamp\n      }\n    },\n    async created() {\n      await this.fetchCampaign()\n      await this.getGoogleSessionCount()\n\n      if (!this.hasPageLifetime || !this.hasUpsalesAccess) {\n        await this.$router.push({\n          name: routeNames.CAMPAIGNS\n        })\n      } else {\n        gtmPush({\n          event: GTM_EVENTS.PAGE_VIEW_UPSALE,\n          event_category: GTM_EVENTS_CATEGORY.PAGES,\n          user_id: this.$auth.user?.id\n        })\n      }\n    },\n    methods: {\n      async fetchCampaign() {\n        try {\n          const response = await campaignsRepository.show(this.campaignId)\n          this.createdCampaign = new Campaign(response)\n        } catch (error) {\n          handleErrors(error)\n          await this.$router.push({\n            name: routeNames.CAMPAIGNS\n          })\n        }\n      },\n      async getGoogleSessionCount() {\n        this.googleSessionCount = await getGoogleAnalyticsSessionCount(this.measurementId)\n      }\n    }\n  }\n</script>\n\n<style scoped lang=\"scss\">\n  .border-info {\n    border: 1px solid var(--v-info-base);\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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=4b309334&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=4b309334&prod&scoped=true&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  \"4b309334\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","'use strict';\nvar $ = require('../internals/export');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar IndexedObject = require('../internals/indexed-object');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\n\nvar nativeJoin = uncurryThis([].join);\n\nvar ES3_STRINGS = IndexedObject != Object;\nvar STRICT_METHOD = arrayMethodIsStrict('join', ',');\n\n// `Array.prototype.join` method\n// https://tc39.es/ecma262/#sec-array.prototype.join\n$({ target: 'Array', proto: true, forced: ES3_STRINGS || !STRICT_METHOD }, {\n  join: function join(separator) {\n    return nativeJoin(toIndexedObject(this), separator === undefined ? ',' : separator);\n  }\n});\n","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!./UpsaleOfferCard.vue?vue&type=style&index=0&id=74764684&prod&lang=scss&scoped=true&\"","// Styles\nimport \"../../../src/components/VCard/VCard.sass\"; // Extensions\n\nimport VSheet from '../VSheet'; // Mixins\n\nimport Loadable from '../../mixins/loadable';\nimport Routable from '../../mixins/routable'; // Helpers\n\nimport mixins from '../../util/mixins';\n/* @vue/component */\n\nexport default mixins(Loadable, Routable, VSheet).extend({\n  name: 'v-card',\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4\n    },\n    raised: Boolean\n  },\n  computed: {\n    classes() {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this)\n      };\n    },\n\n    styles() {\n      const style = { ...VSheet.options.computed.styles.call(this)\n      };\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`;\n      }\n\n      return style;\n    }\n\n  },\n  methods: {\n    genProgress() {\n      const render = Loadable.options.methods.genProgress.call(this);\n      if (!render) return null;\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress'\n      }, [render]);\n    }\n\n  },\n\n  render(h) {\n    const {\n      tag,\n      data\n    } = this.generateRouteLink();\n    data.style = this.styles;\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {};\n      data.attrs.tabindex = 0;\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [this.genProgress(), this.$slots.default]);\n  }\n\n});\n//# sourceMappingURL=VCard.js.map","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!./Index.vue?vue&type=style&index=0&id=4b309334&prod&scoped=true&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!./UpsaleOffersLoader.vue?vue&type=style&index=0&id=2b3f637f&prod&lang=scss&scoped=true&\"","// eslint-disable-next-line prefer-rest-params\nfunction gtag() { window.dataLayer.push(arguments) }\n\nconst getValueFromGtag = (name, measurementId) => {\n  if (!measurementId) {\n    return null\n  }\n  const valueFromGtag = new Promise((resolve) => {\n    gtag('get', measurementId, name, resolve)\n  })\n  return valueFromGtag || null\n}\n\nconst getGoogleAnalyticsClientId = async (measurementId) => {\n  const clientId = await getValueFromGtag('client_id', measurementId)\n  return clientId\n}\n\nconst getGoogleAnalyticsSessionId = async (measurementId) => {\n  const sessionId = await getValueFromGtag('session_id', measurementId)\n  return sessionId\n}\n\nconst getGoogleAnalyticsSessionCount = async (measurementId) => {\n  const sessionCount = await getValueFromGtag('session_number', measurementId)\n  return sessionCount\n}\n\nexport default {\n  getGoogleAnalyticsClientId,\n  getGoogleAnalyticsSessionId,\n  getGoogleAnalyticsSessionCount\n}\n"],"sourceRoot":""}