{"version":3,"sources":["webpack:///./src/views/FlatDeal/Offer/OfferSecond/Index.vue?2e9d","webpack:///./src/views/FlatDeal/Offer/Index.vue?d6b3","webpack:///./src/services/classes/FlatDeal.js","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthMain.vue?8133","webpack:///./src/assets/images/offer/first-logo.svg","webpack:///./src/assets/images/offer/first-background.png","webpack:///./src/assets/images/offer/map-point.svg","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthHeader.vue?1e37","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthFooter.vue?7292","webpack:///./src/components/CustomChart.vue","webpack:///src/components/CustomChart.vue","webpack:///./src/components/CustomChart.vue?1694","webpack:///./src/components/CustomChart.vue?bd0d","webpack:///./src/assets/images/offer/fourth-blob.webp","webpack:///./src/types/flat-deal-limit-types.js","webpack:///./src/assets/images/offer/first-gifts.png","webpack:///./src/views/FlatDeal/Offer/OfferThird/Index.vue?7e1a","webpack:///./src/components/CustomChart.vue?f47b","webpack:///./src/views/FlatDeal/Offer/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferFirst.vue","webpack:///src/views/FlatDeal/Offer/OfferFirst.vue","webpack:///./src/views/FlatDeal/Offer/OfferFirst.vue?635d","webpack:///./src/views/FlatDeal/Offer/OfferFirst.vue?30b7","webpack:///./src/views/FlatDeal/Offer/OfferSecond/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferSecond/OfferTopCountriesChart.vue","webpack:///src/views/FlatDeal/Offer/OfferSecond/OfferTopCountriesChart.vue","webpack:///./src/views/FlatDeal/Offer/OfferSecond/OfferTopCountriesChart.vue?99bc","webpack:///./src/views/FlatDeal/Offer/OfferSecond/OfferTopCountriesChart.vue?0d8f","webpack:///./src/views/FlatDeal/Offer/OfferSecond/OfferChannelOverviewsChart.vue","webpack:///src/views/FlatDeal/Offer/OfferSecond/OfferChannelOverviewsChart.vue","webpack:///./src/views/FlatDeal/Offer/OfferSecond/OfferChannelOverviewsChart.vue?f854","webpack:///./src/views/FlatDeal/Offer/OfferSecond/OfferChannelOverviewsChart.vue?67c7","webpack:///src/views/FlatDeal/Offer/OfferSecond/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferSecond/Index.vue?a7c6","webpack:///./src/views/FlatDeal/Offer/OfferSecond/Index.vue?f8d0","webpack:///./src/views/FlatDeal/Offer/OfferThird/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferThird/OfferDeviceTypeChart.vue","webpack:///src/views/FlatDeal/Offer/OfferThird/OfferDeviceTypeChart.vue","webpack:///./src/views/FlatDeal/Offer/OfferThird/OfferDeviceTypeChart.vue?6d62","webpack:///./src/views/FlatDeal/Offer/OfferThird/OfferDeviceTypeChart.vue?d5c5","webpack:///./src/views/FlatDeal/Offer/OfferThird/OfferGenderChart.vue","webpack:///src/views/FlatDeal/Offer/OfferThird/OfferGenderChart.vue","webpack:///./src/views/FlatDeal/Offer/OfferThird/OfferGenderChart.vue?3414","webpack:///./src/views/FlatDeal/Offer/OfferThird/OfferGenderChart.vue?ffa3","webpack:///src/views/FlatDeal/Offer/OfferThird/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferThird/Index.vue?0376","webpack:///./src/views/FlatDeal/Offer/OfferThird/Index.vue?fe18","webpack:///./src/views/FlatDeal/Offer/OfferFourth/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthHeader.vue","webpack:///src/views/FlatDeal/Offer/OfferFourth/OfferFourthHeader.vue","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthHeader.vue?c3cf","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthHeader.vue?1c28","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthMain.vue","webpack:///src/views/FlatDeal/Offer/OfferFourth/OfferFourthMain.vue","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthMain.vue?3972","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthMain.vue?d42d","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthFooter.vue","webpack:///src/views/FlatDeal/Offer/OfferFourth/OfferFourthFooter.vue","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthFooter.vue?385d","webpack:///./src/views/FlatDeal/Offer/OfferFourth/OfferFourthFooter.vue?6665","webpack:///src/views/FlatDeal/Offer/OfferFourth/Index.vue","webpack:///./src/views/FlatDeal/Offer/OfferFourth/Index.vue?368e","webpack:///./src/views/FlatDeal/Offer/OfferFourth/Index.vue?0ae4","webpack:///src/views/FlatDeal/Offer/Index.vue","webpack:///./src/views/FlatDeal/Offer/Index.vue?91cb","webpack:///./src/views/FlatDeal/Offer/Index.vue?9b76","webpack:///./src/assets/images/offer/device-type.svg","webpack:///./src/views/FlatDeal/Offer/OfferFourth/Index.vue?fa22","webpack:///./src/assets/images/offer/fourth-label.png","webpack:///./src/assets/images/offer/mouthpiece.svg","webpack:///./src/views/FlatDeal/Offer/OfferFirst.vue?832a","webpack:///./src/assets/images/offer/speaker.svg","webpack:///./src/assets/images/offer/like.svg","webpack:///./src/assets/images/offer/dollar.svg"],"names":["FlatDeal","data","name","id","PlacementType","SiteNew","this","countryGroup","country_group","flatBid","flat_bid","isHotOffer","is_hot_offer","maxDays","max_days","maxTraffic","max_traffic","minDays","min_days","minTraffic","min_traffic","originalPrice","original_price","placementType","placement_type","price","pricingModel","pricing_model","site","totalDiscountRatio","total_discount_ratio","trafficPerMonth","traffic_per_month","trafficType","traffic_type","days","totalTraffic","trafficTypeWitchIcon","totalDiscountRatioToPercent","toFixed","total_traffic","desktop","mobile","all","module","exports","render","_vm","_c","_self","staticClass","attrs","type","height","computedOptions","series","width","staticRenderFns","components","apexcharts","props","default","options","defaultOptions","colors","computed","component","DAYS","IMPRESSIONS","isLoading","on","$event","printOffer","flatDealId","flatDeal","_m","_v","_l","benefits","benefit","key","_s","text","require","logo","src","domain","optionsCountry","topCountriesSeries","CustomChart","required","chart","legend","position","fontSize","fontFamily","labels","markers","plotOptions","pie","customScale","dataLabels","enabled","chartLabels","topCountries","value","optionsChanel","overviewsSeries","toolbar","show","bar","columnWidth","distributed","formatter","offsetY","style","xaxis","categories","rotateAlways","rotate","axisBorder","axisTicks","yaxis","grid","trafficSourcesTotal","overviewsLabels","trafficSources","OfferChannelOverviewsChart","OfferTopCountriesChart","totalVisitsValue","pageViewsValue","siteRankValue","verticalRankCategory","verticalRankCategoryRank","marketplaceDomain","marketplaceFormat","marketplacePriceModel","deviceOptions","deviceTopCountriesSeries","deviceChartLabels","deviceVisit","genderOptions","genderTopCountriesSeries","genderChartLabels","gendersToPercents","male","female","OfferGenderChart","OfferDeviceTypeChart","infoCards","card","img","alt","marketplaceImpressionsMin","cardDealInfo","cardDealDiscountInfo","class","crossedOut","marketplaceTotalPrice","marketplaceDays","marketplaceImpressions","methods","toFixedByDefault","OfferFourthHeader","OfferFourthMain","OfferFourthFooter","CBtn","OfferFirst","OfferSecond","OfferThird","OfferFourth","isPrint","flatDealPrice","created","window","updatePriceFlatDeal","params","limit_type","flatDealsRepository","response","handleErrors","fetchFlatDeal","VProgressLinear"],"mappings":"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","file":"js/chunk-5f69ef36.8c41a8e2.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!./Index.vue?vue&type=style&index=0&id=61300ffc&prod&lang=scss&scoped=true&\"","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=eb858eae&prod&lang=scss&scoped=true&\"","import SiteNew from '@/services/classes/SiteNew.js'\nimport PlacementType from '@/services/classes/PlacementType.js'\n\nexport default class FlatDeal {\n  countryGroup = { name: '', id: null }\n  flatBid = null\n  id = null\n  isHotOffer = false\n  maxDays = null\n  maxTraffic = null\n  minDays = null\n  minTraffic = null\n  originalPrice = null\n  placementType = new PlacementType()\n  price = null\n  pricingModel = ''\n  site = new SiteNew()\n  totalDiscountRatio = null\n  trafficPerMonth = null\n  trafficType = ''\n  days = null\n  totalTraffic = null\n\n  constructor(data) {\n    if (!data) return\n\n    this.countryGroup = {\n      name: data.country_group?.name ?? '',\n      id: data.country_group?.id ?? null\n    }\n    this.flatBid = data.flat_bid ?? null\n    this.id = data.id ?? null\n    this.isHotOffer = data.is_hot_offer ?? false\n    this.maxDays = data.max_days ?? null\n    this.maxTraffic = data.max_traffic ?? null\n    this.minDays = data.min_days ?? null\n    this.minTraffic = data.min_traffic ?? null\n    this.originalPrice = data.original_price ?? null\n    this.placementType = new PlacementType(data.placement_type)\n    this.price = data.price ?? null\n    this.pricingModel = data.pricing_model ?? ''\n    this.site = new SiteNew(data.site)\n    this.totalDiscountRatio = data.total_discount_ratio ?? null\n    this.trafficPerMonth = data.traffic_per_month ?? null\n    this.trafficType = data.traffic_type ?? ''\n    this.days = this.minDays\n    this.totalTraffic = this.minTraffic\n  }\n\n  get trafficTypeIcon() {\n    return FlatDeal.trafficTypeWitchIcon[this.trafficType]\n  }\n  get totalDiscountRatioToPercent() {\n    const totalDiscountRatioToPercent = (1 - this.totalDiscountRatio) * 100\n    return `${totalDiscountRatioToPercent.toFixed(2)}%`\n  }\n\n  updatePrice(data) {\n    this.days = data.days ?? null\n    this.originalPrice = data.original_price ?? null\n    this.price = data.price ?? null\n    this.totalDiscountRatio = data.total_discount_ratio ?? null\n    this.totalTraffic = data.total_traffic ?? null\n  }\n\n  static trafficTypeWitchIcon = {\n    desktop: '$monitor',\n    mobile: '$mobile',\n    all: '$monitor-mobile'\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!./OfferFourthMain.vue?vue&type=style&index=0&id=5211b9e5&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/first-logo.aa153e50.svg\";","module.exports = __webpack_public_path__ + \"img/first-background.b2b6adbf.png\";","module.exports = __webpack_public_path__ + \"img/map-point.43e7129f.svg\";","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!./OfferFourthHeader.vue?vue&type=style&index=0&id=3582e924&prod&lang=scss&scoped=true&\"","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!./OfferFourthFooter.vue?vue&type=style&index=0&id=6626882e&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('apexcharts',{staticClass:\"custom-chart__z-index\",attrs:{\"type\":_vm.type,\"height\":_vm.height,\"options\":_vm.computedOptions,\"series\":_vm.series,\"width\":_vm.width}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <apexcharts\n    :type=\"type\"\n    :height=\"height\"\n    :options=\"computedOptions\"\n    :series=\"series\"\n    :width=\"width\"\n    class=\"custom-chart__z-index\"\n  />\n</template>\n\n<script>\n  export default {\n    name: 'CustomChart',\n    components: {\n      apexcharts: () => import('vue-apexcharts')\n    },\n    props: {\n      type: {\n        type: String,\n        default: 'line'\n      },\n      height: {\n        type: [Number, String],\n        default: '100%'\n      },\n      width: {\n        type: [Number, String],\n        default: '100%'\n      },\n      options: {\n        type: Object,\n        default: () => ({})\n      },\n      series: {\n        type: Array,\n        default: () => []\n      }\n    },\n    data() {\n      return {\n        defaultOptions: {\n          colors: [\n            this.$vuetify.theme.themes.light.info,\n            this.$vuetify.theme.themes.light.primary,\n            this.$vuetify.theme.themes.light.warning\n          ]\n        }\n      }\n    },\n    computed: {\n      computedOptions() {\n        return {\n          ...this.defaultOptions,\n          ...this.options\n        }\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n  .custom-chart__z-index > div > .apexcharts-toolbar {\n    z-index: 4 !important;\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!./CustomChart.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!./CustomChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CustomChart.vue?vue&type=template&id=25ba7822&\"\nimport script from \"./CustomChart.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomChart.vue?vue&type=style&index=0&id=25ba7822&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","module.exports = __webpack_public_path__ + \"img/fourth-blob.66b696af.webp\";","export default {\n  DAYS: 'days',\n  IMPRESSIONS: 'impressions'\n}\n","module.exports = __webpack_public_path__ + \"img/first-gifts.964ec9ff.png\";","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=5e7d4c7e&prod&lang=scss&scoped=true&\"","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!./CustomChart.vue?vue&type=style&index=0&id=25ba7822&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"offer\"},[_c('c-btn',{staticClass:\"text-center button-print no-print\",attrs:{\"label\":\"PRINT\",\"color\":\"primary\",\"loading\":_vm.isLoading},on:{\"click\":function($event){return _vm.printOffer()}}}),(_vm.isLoading)?_c('v-progress-linear',{staticClass:\"mt-2\",attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_c('div',{staticClass:\"print-app\"},[_c('offer-first',{staticClass:\"size-a4-format\"}),_c('offer-second',{staticClass:\"size-a4-format\",attrs:{\"flat-deal-id\":_vm.flatDealId,\"site\":_vm.flatDeal.site}}),_c('offer-third',{staticClass:\"size-a4-format\",attrs:{\"site\":_vm.flatDeal.site,\"flat-deal\":_vm.flatDeal}}),_c('offer-fourth',{staticClass:\"size-a4-format\",attrs:{\"site\":_vm.flatDeal.site,\"flat-deal\":_vm.flatDeal}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"first\"},[_vm._m(0),_c('div',{staticClass:\"benefits\"},[_c('h2',{staticClass:\"benefits__title\"},[_vm._v(\" Exclusive placement offer and Direct placement offer \")]),_c('ul',{staticClass:\"benefits__list\"},_vm._l((_vm.benefits),function(benefit){return _c('li',{key:benefit.id,staticClass:\"benefit\"},[_c('span',{staticClass:\"benefit__number\"},[_vm._v(_vm._s(`0${benefit.id}`))]),_c('span',[_vm._v(_vm._s(benefit.text))])])}),0)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"first__header\"},[_c('img',{staticClass:\"image first__header-logo\",attrs:{\"src\":require(\"@/assets/images/offer/first-logo.svg\"),\"width\":\"192\",\"height\":\"55\",\"alt\":\"logo\"}}),_c('img',{staticClass:\"image\",attrs:{\"src\":require(\"@/assets/images/offer/first-background.png\"),\"width\":\"794\",\"height\":\"370\",\"alt\":\"background\"}}),_c('img',{staticClass:\"image first__header-gifts\",attrs:{\"src\":require(\"@/assets/images/offer/first-gifts.png\"),\"width\":\"352\",\"height\":\"278\",\"alt\":\"gifts\"}})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"first\">\n    <div class=\"first__header\">\n      <img\n        src=\"@/assets/images/offer/first-logo.svg\"\n        class=\"image first__header-logo\"\n        width=\"192\"\n        height=\"55\"\n        alt=\"logo\"\n      />\n      <img\n        src=\"@/assets/images/offer/first-background.png\"\n        class=\"image\"\n        width=\"794\"\n        height=\"370\"\n        alt=\"background\"\n      />\n      <img\n        src=\"@/assets/images/offer/first-gifts.png\"\n        class=\"image first__header-gifts\"\n        width=\"352\"\n        height=\"278\"\n        alt=\"gifts\"\n      />\n    </div>\n    <div class=\"benefits\">\n      <h2 class=\"benefits__title\">\n        Exclusive placement offer and Direct placement offer\n      </h2>\n      <ul class=\"benefits__list\">\n        <li v-for=\"benefit in benefits\" :key=\"benefit.id\" class=\"benefit\">\n          <span class=\"benefit__number\">{{ `0${benefit.id}` }}</span>\n          <span>{{ benefit.text }}</span>\n        </li>\n      </ul>\n    </div>\n  </section>\n</template>\n\n<script>\n  export default {\n    name: 'OfferFirst',\n    data() {\n      return {\n        benefits: [\n          {\n            id: 1,\n            text: 'Fixed CPM'\n          },\n          {\n            id: 2,\n            text: 'No competitors on the website/bucket of websites'\n          },\n          {\n            id: 3,\n            text: 'Stable flow of traffic on a daily basis'\n          },\n          {\n            id: 4,\n            text: 'Fixed period of a deal'\n          },\n          {\n            id: 5,\n            text: 'Huge amount of direct and organic traffic, with most expensive slices/zones of traffic being included'\n          },\n          {\n            id: 6,\n            text: 'Total volume includes self-service, RTB and mediation traffic'\n          }\n        ]\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"@/assets/scss/offer-deal-colors.scss\";\n\n  .image {\n    max-width: 100%;\n    display: block;\n  }\n  .first {\n    background-color: $primary-color;\n\n    &__header-logo {\n      position: absolute;\n      top: 25px;\n      left: 0;\n      min-width: 192px;\n    }\n    &__header-gifts {\n      position: absolute;\n      top: 132px;\n      right: -20px;\n      min-width: 352px;\n    }\n  }\n\n  .benefits {\n    isolation: isolate;\n    background-color: $primary-color;\n    padding: 30px 54px;\n\n    &__title {\n      color: $white-color;\n      font-size: 44px;\n      font-weight: 600;\n      padding-right: 50px;\n    }\n    &__list {\n      padding: 0;\n      list-style: none;\n    }\n  }\n\n  .benefit {\n    display: flex;\n    align-items: center;\n    padding: 12px 0;\n    color: $white-color;\n    font-family: 'Roboto', sans-serif;\n    font-size: 24px;\n    line-height: normal;\n    gap: 52px;\n\n    &__number {\n      font-family: 'Montserrat', sans-serif;\n      font-size: 54px;\n      font-weight: 600;\n      width: 2ch;\n    }\n\n    &:not(:last-child) {\n      border-bottom: 2px solid $white-color;\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!./OfferFirst.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!./OfferFirst.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferFirst.vue?vue&type=template&id=10836c54&scoped=true&\"\nimport script from \"./OfferFirst.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferFirst.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OfferFirst.vue?vue&type=style&index=0&id=10836c54&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  \"10836c54\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"second\"},[_c('div',{staticClass:\"second__id\"},[_vm._v(\" Offer (ID \"+_vm._s(_vm.flatDealId)+\") \")]),_c('div',{staticClass:\"second__domains\"},[_c('div',{staticClass:\"second__domains-logo offer-card\"},[_c('img',{staticClass:\"domain-image\",attrs:{\"src\":_vm.site.logo.src,\"width\":\"249\",\"height\":\"86\",\"alt\":\"Domain logo\"}})]),_c('div',{staticClass:\"second__domains-info offer-card\"},[_c('p',{staticClass:\"domain-name\"},[_vm._v(\" Domain \")]),_c('p',{staticClass:\"domain-host\"},[_vm._v(\" \"+_vm._s(_vm.site.domain)+\" \")])])]),_c('div',{staticClass:\"second__countries offer-card\"},[_c('div',{staticClass:\"second__countries-title\"},[_vm._v(\" Top 5 countries, % \")]),_c('offer-top-countries-chart',{attrs:{\"site\":_vm.site}})],1),_c('div',{staticClass:\"second__channels offer-card\"},[_c('div',{staticClass:\"second__channels-title\"},[_vm._v(\" Channel overviews, % \")]),_c('offer-channel-overviews-chart',{attrs:{\"site\":_vm.site}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('custom-chart',{staticClass:\"second__countries-chart\",attrs:{\"type\":\"donut\",\"options\":_vm.optionsCountry,\"series\":_vm.topCountriesSeries}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-chart\n    class=\"second__countries-chart\"\n    type=\"donut\"\n    :options=\"optionsCountry\"\n    :series=\"topCountriesSeries\"\n  />\n</template>\n<script>\n  import CustomChart from '@/components/CustomChart.vue'\n\n  export default {\n    name: 'OfferTopCountriesChart',\n    components: {\n      CustomChart\n    },\n    props: {\n      site: {\n        type: Object,\n        required: true\n      }\n    },\n    computed: {\n      optionsCountry() {\n        return {\n          chart: {\n            type: 'donut'\n          },\n          legend: {\n            position: 'right',\n            fontSize: '14px',\n            fontFamily: '\"Roboto\", sans-serif',\n            labels: {\n              colors: this.$vuetify.theme.themes.light.black\n            },\n            markers: {\n              width: 10,\n              height: 10\n            }\n          },\n          labels: this.chartLabels,\n          plotOptions: {\n            pie: {\n              customScale: 1\n            }\n          },\n          dataLabels: {\n            enabled: false\n          },\n          colors: [\n            '#43BCA3',\n            '#85D9FD',\n            '#1C4492',\n            '#7888DB',\n            '#DFB6F2'\n          ]\n        }\n      },\n      chartLabels() {\n        return this.topCountries.map((country) => `<b>${country.name}</b> - ${country.value}%`)\n      },\n      topCountriesSeries() {\n        return this.topCountries.map((countries) => +countries.value)\n      },\n      topCountries() {\n        const sortedCountries = [...this.site.siteReport.similarwebTopCountries].sort((a, b) => b.value - a.value)\n        return sortedCountries.map((country) => ({\n          name: country.country.name ?? '',\n          value: (country.value * 100).toFixed()\n        }))\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!./OfferTopCountriesChart.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!./OfferTopCountriesChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferTopCountriesChart.vue?vue&type=template&id=349a3076&\"\nimport script from \"./OfferTopCountriesChart.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferTopCountriesChart.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('custom-chart',{staticClass:\"second__channels-chart\",attrs:{\"type\":\"bar\",\"options\":_vm.optionsChanel,\"series\":_vm.overviewsSeries}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-chart\n    class=\"second__channels-chart\"\n    type=\"bar\"\n    :options=\"optionsChanel\"\n    :series=\"overviewsSeries\"\n  />\n</template>\n\n<script>\n  import CustomChart from '@/components/CustomChart.vue'\n\n  export default {\n    name: 'OfferChannelOverviewsChart',\n    components: {\n      CustomChart\n    },\n    props: {\n      site: {\n        type: Object,\n        required: true\n      }\n    },\n    computed: {\n      optionsChanel() {\n        return {\n          chart: {\n            type: 'bar',\n            toolbar: {\n              show: false\n            }\n          },\n          colors: [\n            '#43BCA3',\n            '#85D9FD',\n            '#1C4492',\n            '#7888DB',\n            '#DFB6F2',\n            '#BC4284'\n          ],\n          plotOptions: {\n            bar: {\n              columnWidth: '45%',\n              distributed: true,\n              dataLabels: {\n                position: 'top'\n              }\n            }\n          },\n          dataLabels: {\n            enabled: true,\n            formatter: (val) => `${((val * 100) / this.trafficSourcesTotal).toFixed()}%`,\n            offsetY: -20,\n            style: {\n              fontSize: '12px',\n              fontFamily: '\"Roboto\", sans-serif',\n              colors: [this.$vuetify.theme.themes.light.black]\n            }\n          },\n          legend: {\n            show: false\n          },\n          xaxis: {\n            categories: this.overviewsLabels,\n            labels: {\n              rotateAlways: true,\n              offsetY: 10,\n              rotate: -45,\n              style: {\n                colors: this.site.siteReport.similarwebTrafficSources.map(() => this.$vuetify.theme.themes.light['secondary-darken']),\n                fontSize: '12px',\n                fontFamily: 'Roboto, sans-serif'\n              }\n            },\n            axisBorder: {\n              show: false\n            },\n            axisTicks: {\n              show: false\n            }\n          },\n          yaxis: {\n            axisBorder: {\n              show: false\n            },\n            axisTicks: {\n              show: false\n            },\n            labels: {\n              show: false,\n              formatter: (val) => `${val}`\n            }\n          },\n          grid: {\n            show: false\n          }\n        }\n      },\n      overviewsSeries() {\n        return [{\n          name: 'Value',\n          data: this.trafficSources\n        }]\n      },\n      trafficSourcesTotal() {\n        return this.trafficSources.length ? this.trafficSources.reduce((a, b) => a + b) : 1\n      },\n      overviewsLabels() {\n        return this.site.siteReport.similarwebTrafficSources.map(({ type }) => type)\n      },\n      trafficSources() {\n        return this.site.siteReport.similarwebTrafficSources.map(({ organicViews, paidViews }) => organicViews + paidViews)\n      }\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!./OfferChannelOverviewsChart.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!./OfferChannelOverviewsChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferChannelOverviewsChart.vue?vue&type=template&id=c72d638a&\"\nimport script from \"./OfferChannelOverviewsChart.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferChannelOverviewsChart.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  <section class=\"second\">\n    <div class=\"second__id\">\n      Offer (ID {{ flatDealId }})\n    </div>\n    <div class=\"second__domains\">\n      <div class=\"second__domains-logo offer-card\">\n        <img\n          :src=\"site.logo.src\"\n          class=\"domain-image\"\n          width=\"249\"\n          height=\"86\"\n          alt=\"Domain logo\"\n        />\n      </div>\n      <div class=\"second__domains-info offer-card\">\n        <p class=\"domain-name\">\n          Domain\n        </p>\n        <p class=\"domain-host\">\n          {{ site.domain }}\n        </p>\n      </div>\n    </div>\n    <div class=\"second__countries offer-card\">\n      <div class=\"second__countries-title\">\n        Top 5 countries, %\n      </div>\n      <offer-top-countries-chart :site=\"site\" />\n    </div>\n    <div class=\"second__channels offer-card\">\n      <div class=\"second__channels-title\">\n        Channel overviews, %\n      </div>\n      <offer-channel-overviews-chart :site=\"site\" />\n    </div>\n  </section>\n</template>\n\n<script>\n  import OfferTopCountriesChart from './OfferTopCountriesChart.vue'\n  import OfferChannelOverviewsChart from './OfferChannelOverviewsChart.vue'\n\n  export default {\n    name: 'OfferSecond',\n    components: {\n      OfferChannelOverviewsChart,\n      OfferTopCountriesChart\n    },\n    props: {\n      flatDealId: {\n        type: Number,\n        required: true\n      },\n      site: {\n        type: Object,\n        required: true\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/scss/offer-deal-colors.scss\";\n\n.offer-card {\n  border-radius: 16px;\n  background: $white-color;\n  box-shadow: 4px 12px 20px 0 rgba(21, 37, 94, 0.15);\n}\n.second {\n  background: $lighter-color;\n  padding: 48px 100px;\n\n  &__id {\n    font-size: 32px;\n    font-weight: 600;\n  }\n  &__domains {\n    display: flex;\n    gap: 20px;\n    margin-top: 44px;\n\n    .offer-card {\n      flex: 1 0 calc(100% / 2 - 20px);\n    }\n    &-logo {\n      padding: 32px 20px;\n\n      .domain-image {\n        display: block;\n        max-width: 100%;\n        height: auto;\n      }\n    }\n    &-info {\n      padding: 16px 20px;\n      line-height: normal;\n\n      .domain-name {\n        color: $black-color;\n        font-size: 20px;\n        font-weight: 600;\n      }\n      .domain-host {\n        font-family: 'Roboto', sans-serif;\n        color: $primary-color;\n        font-size: 32px;\n        font-weight: 400;\n      }\n    }\n  }\n  &__countries {\n    margin-top: 42px;\n    padding: 20px 40px;\n\n    &-title {\n      color: $black-color;\n      font-size: 20px;\n      font-weight: 600;\n      line-height: normal;\n    }\n    &-chart {\n      margin-top: 8px;\n    }\n  }\n  &__channels {\n    margin-top: 42px;\n    padding: 20px 40px;\n\n    &-title {\n      color: $black-color;\n      font-size: 20px;\n      font-weight: 600;\n      line-height: normal;\n    }\n    &-chart {\n      margin-top: 8px;\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!./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=61300ffc&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=61300ffc&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  \"61300ffc\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"third\"},[_c('div',{staticClass:\"third__info\"},[_c('div',{staticClass:\"offer-card\"},[_c('p',{staticClass:\"third__info-title\"},[_vm._v(\" Total visits \")]),_c('p',{staticClass:\"third__info-value\"},[_vm._v(\" \"+_vm._s(_vm.totalVisitsValue)),_c('span',{staticClass:\"unit\"},[_vm._v(\"m\")])])]),_c('div',{staticClass:\"offer-card\"},[_c('p',{staticClass:\"third__info-title\"},[_vm._v(\" Page views \")]),_c('p',{staticClass:\"third__info-value\"},[_vm._v(\" \"+_vm._s(_vm.pageViewsValue)),_c('span',{staticClass:\"unit\"},[_vm._v(\"m\")])])]),_c('div',{staticClass:\"offer-card\"},[_c('p',{staticClass:\"third__info-title\"},[_vm._v(\" Site rank \")]),_c('p',{staticClass:\"third__info-value\"},[_vm._v(\" \"+_vm._s(_vm.siteRankValue)+\" \")])]),_c('div',{staticClass:\"offer-card\"},[_c('p',{staticClass:\"third__info-title\"},[_vm._v(\" Vertical/Rank \")]),_c('p',{staticClass:\"third__info-value\"},[_c('span',{staticClass:\"unit\"},[_vm._v(_vm._s(_vm.verticalRankCategory)+\"/\")]),_vm._v(_vm._s(_vm.verticalRankCategoryRank)+\" \")])])]),_c('div',{staticClass:\"third__chart\"},[_c('div',{staticClass:\"device-chart offer-card\"},[_c('div',{staticClass:\"chart-title\"},[_vm._v(\" Device type, % \")]),_c('offer-device-type-chart',{attrs:{\"site\":_vm.site}})],1),_c('div',{staticClass:\"gender-chart offer-card\"},[_c('div',{staticClass:\"chart-title\"},[_vm._v(\" Gender, % \")]),_c('offer-gender-chart',{attrs:{\"site\":_vm.site}})],1)]),_c('div',{staticClass:\"third__campaign offer-card\"},[_c('header',{staticClass:\"third__campaign-header\"},[_c('div',{staticClass:\"header-item\"},[_vm._v(\" \"+_vm._s(_vm.marketplaceDomain)+\" \")]),_c('div',{staticClass:\"header-item\"},[_vm._v(\" \"+_vm._s(_vm.marketplaceFormat)+\" \")])]),_c('div',{staticClass:\"third__campaign-body\"},[_c('div',{staticClass:\"body-item\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/offer/mouthpiece.svg\"),\"width\":\"48\",\"height\":\"47\",\"alt\":\"Mouthpiece\"}}),_c('div',{staticClass:\"body-item__content\"},[_c('div',{staticClass:\"content-name\"},[_vm._v(\" Format \")]),_c('div',{staticClass:\"content-value\"},[_vm._v(\" \"+_vm._s(_vm.marketplaceFormat)+\" \")])])]),_c('div',{staticClass:\"body-item\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/offer/dollar.svg\"),\"width\":\"48\",\"height\":\"47\",\"alt\":\"Dollar\"}}),_c('div',{staticClass:\"body-item__content\"},[_c('div',{staticClass:\"content-name\"},[_vm._v(\" Price model \")]),_c('div',{staticClass:\"content-value text-uppercase\"},[_vm._v(\" \"+_vm._s(_vm.marketplacePriceModel)+\" \")])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('custom-chart',{staticClass:\"chart-device\",attrs:{\"type\":\"donut\",\"options\":_vm.deviceOptions,\"series\":_vm.deviceTopCountriesSeries,\"height\":\"400px\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-chart\n    class=\"chart-device\"\n    type=\"donut\"\n    :options=\"deviceOptions\"\n    :series=\"deviceTopCountriesSeries\"\n    height=\"400px\"\n  />\n</template>\n<script>\n  import CustomChart from '@/components/CustomChart.vue'\n\n  export default {\n    name: 'OfferDeviceTypeChart',\n    components: {\n      CustomChart\n    },\n    props: {\n      site: {\n        type: Object,\n        required: true\n      }\n    },\n    computed: {\n      deviceOptions() {\n        return {\n          dataLabels: {\n            enabled: false\n          },\n          legend: {\n            position: 'bottom',\n            dataLabels: true,\n            labels: {\n              colors: this.$vuetify.theme.themes.light.black\n            },\n            markers: {\n              width: 10,\n              height: 10\n            }\n          },\n          plotOptions: {\n            pie: {\n              customScale: 1\n            }\n          },\n          labels: this.deviceChartLabels,\n          colors: [\n            '#1C4492',\n            '#43BCA3'\n          ]\n        }\n      },\n      deviceTopCountriesSeries() {\n        return [+this.site.siteReport.similarwebPercentDesktopVisit, +this.site.siteReport.similarwebPercentMobileWebVisit]\n      },\n      deviceChartLabels() {\n        return [\n          `<b>${this.$t('marketplace.desktop')}</b> - ${this.deviceVisit.desktop}%`,\n          `<b>${this.$t('marketplace.mobile')}</b> - ${this.deviceVisit.mobile}%`\n        ]\n      },\n      deviceVisit() {\n        return {\n          desktop: (this.site.siteReport.similarwebPercentDesktopVisit * 100).toFixed(),\n          mobile: (this.site.siteReport.similarwebPercentMobileWebVisit * 100).toFixed()\n        }\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!./OfferDeviceTypeChart.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!./OfferDeviceTypeChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferDeviceTypeChart.vue?vue&type=template&id=361f677a&\"\nimport script from \"./OfferDeviceTypeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferDeviceTypeChart.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('custom-chart',{staticClass:\"chart-gender\",attrs:{\"type\":\"donut\",\"options\":_vm.genderOptions,\"series\":_vm.genderTopCountriesSeries,\"height\":\"400px\"}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-chart\n    class=\"chart-gender\"\n    type=\"donut\"\n    :options=\"genderOptions\"\n    :series=\"genderTopCountriesSeries\"\n    height=\"400px\"\n  />\n</template>\n<script>\n  import CustomChart from '@/components/CustomChart.vue'\n\n  export default {\n    name: 'OfferGenderChart',\n    components: {\n      CustomChart\n    },\n    props: {\n      site: {\n        type: Object,\n        required: true\n      }\n    },\n    computed: {\n      genderOptions() {\n        return {\n          dataLabels: {\n            enabled: false\n          },\n          legend: {\n            position: 'bottom',\n            dataLabels: true,\n            labels: {\n              colors: this.$vuetify.theme.themes.light.black\n            },\n            markers: {\n              width: 10,\n              height: 10\n            }\n          },\n          plotOptions: {\n            pie: {\n              customScale: 1\n            }\n          },\n          labels: this.genderChartLabels,\n          colors: [\n            '#7888DB',\n            '#85D9FD'\n          ]\n        }\n      },\n      genderTopCountriesSeries() {\n        return [+this.site.siteReport.similarwebMale, +this.site.siteReport.similarwebFemale]\n      },\n      genderChartLabels() {\n        return [\n          `<b>${this.$t('marketplace.male')}</b> - ${this.gendersToPercents.male}%`,\n          `<b>${this.$t('marketplace.female')}</b> - ${this.gendersToPercents.female}%`\n        ]\n      },\n      gendersToPercents() {\n        return {\n          male: (this.site.siteReport.similarwebMale * 100).toFixed(),\n          female: (this.site.siteReport.similarwebFemale * 100).toFixed()\n        }\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!./OfferGenderChart.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!./OfferGenderChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferGenderChart.vue?vue&type=template&id=bb116dbc&\"\nimport script from \"./OfferGenderChart.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferGenderChart.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  <section class=\"third\">\n    <div class=\"third__info\">\n      <div class=\"offer-card\">\n        <p class=\"third__info-title\">\n          Total visits\n        </p>\n        <p class=\"third__info-value\">\n          {{ totalVisitsValue }}<span class=\"unit\">m</span>\n        </p>\n      </div>\n      <div class=\"offer-card\">\n        <p class=\"third__info-title\">\n          Page views\n        </p>\n        <p class=\"third__info-value\">\n          {{ pageViewsValue }}<span class=\"unit\">m</span>\n        </p>\n      </div>\n      <div class=\"offer-card\">\n        <p class=\"third__info-title\">\n          Site rank\n        </p>\n        <p class=\"third__info-value\">\n          {{ siteRankValue }}\n        </p>\n      </div>\n      <div class=\"offer-card\">\n        <p class=\"third__info-title\">\n          Vertical/Rank\n        </p>\n        <p class=\"third__info-value\">\n          <span class=\"unit\">{{ verticalRankCategory }}/</span>{{ verticalRankCategoryRank }}\n        </p>\n      </div>\n    </div>\n    <div class=\"third__chart\">\n      <div class=\"device-chart offer-card\">\n        <div class=\"chart-title\">\n          Device type, %\n        </div>\n        <offer-device-type-chart :site=\"site\" />\n      </div>\n      <div class=\"gender-chart offer-card\">\n        <div class=\"chart-title\">\n          Gender, %\n        </div>\n        <offer-gender-chart :site=\"site\" />\n      </div>\n    </div>\n    <div class=\"third__campaign offer-card\">\n      <header class=\"third__campaign-header\">\n        <div class=\"header-item\">\n          {{ marketplaceDomain }}\n        </div>\n        <div class=\"header-item\">\n          {{ marketplaceFormat }}\n        </div>\n      </header>\n      <div class=\"third__campaign-body\">\n        <div class=\"body-item\">\n          <img src=\"@/assets/images/offer/mouthpiece.svg\" width=\"48\" height=\"47\" alt=\"Mouthpiece\" />\n          <div class=\"body-item__content\">\n            <div class=\"content-name\">\n              Format\n            </div>\n            <div class=\"content-value\">\n              {{ marketplaceFormat }}\n            </div>\n          </div>\n        </div>\n        <div class=\"body-item\">\n          <img src=\"@/assets/images/offer/dollar.svg\" width=\"48\" height=\"47\" alt=\"Dollar\" />\n          <div class=\"body-item__content\">\n            <div class=\"content-name\">\n              Price model\n            </div>\n            <div class=\"content-value text-uppercase\">\n              {{ marketplacePriceModel }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script>\n  import { toFixedByDefault } from '@clickadilla/components/utils/to-fixed-by-default.js'\n  import FlatDeal from '@/services/classes/FlatDeal.js'\n  import OfferDeviceTypeChart from './OfferDeviceTypeChart.vue'\n  import OfferGenderChart from './OfferGenderChart.vue'\n\n  export default {\n    name: 'OfferThird',\n    components: {\n      OfferGenderChart,\n      OfferDeviceTypeChart\n    },\n    props: {\n      site: {\n        type: Object,\n        required: true\n      },\n      flatDeal: {\n        type: FlatDeal,\n        required: true\n      }\n    },\n    computed: {\n      totalVisitsValue() {\n        return toFixedByDefault(this.site.siteReport.similarwebTotalVisits / 10 ** 6)\n      },\n      pageViewsValue() {\n        return toFixedByDefault(this.site.siteReport.similarWebPageViews / 10 ** 6)\n      },\n      siteRankValue() {\n        return `#${this.site.siteReport.similarwebGlobalRank}`\n      },\n      verticalRankCategory() {\n        return this.site.siteReport.similarwebCategory\n      },\n      verticalRankCategoryRank() {\n        return this.site.siteReport.similarwebCategoryRank\n      },\n      marketplaceDomain() {\n        return this.flatDeal.site.domain\n      },\n      marketplaceFormat() {\n        return this.flatDeal.placementType.adFormat.name\n      },\n      marketplacePriceModel() {\n        return this.flatDeal.pricingModel\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/assets/scss/offer-deal-colors.scss\";\n\n.offer-card {\n  border-radius: 16px;\n  background: $white-color;\n  box-shadow: 4px 12px 20px 0 rgba(21, 37, 94, 0.15);\n}\n\n.third {\n  background: $lighter-color;\n  padding: 64px 100px;\n\n  &__info {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n\n    &-title {\n      color: $primary-color;\n      font-size: 20px;\n      font-weight: 600;\n      line-height: normal;\n    }\n    &-value {\n      color: $black-color;\n      font-size: 52px;\n      font-weight: 600;\n      line-height: normal;\n\n      .unit {\n        font-size: 32px;\n      }\n    }\n\n    & .offer-card {\n      flex: 1 0 calc(100% / 4 - 16px);\n      padding: 16px 28px;\n    }\n  }\n  &__chart {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 16px;\n    margin-top: 40px;\n\n    .chart-title {\n      color: $black-color;\n      font-size: 20px;\n      font-weight: 600;\n      line-height: normal;\n    }\n\n    .chart-device,\n    .chart-gender {\n      margin-top: 40px;\n    }\n\n    & .offer-card {\n      flex: 0 1 calc(100% / 2 - 16px);\n      padding: 16px 28px;\n    }\n  }\n\n  &__campaign {\n    margin-top: 40px;\n\n    &-header {\n      border-radius: 16px;\n      background: $blue-color;\n      padding: 20px 32px;\n      display: flex;\n      align-items: center;\n      text-align: center;\n\n      .header-item {\n        flex: 1 0 calc(100% / 3);\n        padding: 0 16px;\n        color: $white-color;\n        font-size: 20px;\n        font-weight: 600;\n        line-height: normal;\n\n        &:not(:last-child) {\n          border-right: 2px solid $white-color;\n          text-align: center;\n        }\n      }\n    }\n    &-body {\n      padding: 20px 32px;\n      display: flex;\n      gap: 16px;\n\n      .body-item {\n        display: flex;\n        flex: 1 0 calc(100% / 2 - 16px);\n        gap: 24px;\n\n        &__content {\n          display: flex;\n          flex-direction: column;\n          line-height: normal;\n          font-size: 20px;\n\n          .content-name {\n            color: $darker-color;\n            font-family: 'Roboto', sans-serif;\n          }\n          .content-value {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            color: $black-color;\n            font-weight: 600;\n            margin-top: 4px;\n          }\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!./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=5e7d4c7e&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=5e7d4c7e&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  \"5e7d4c7e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('section',{staticClass:\"fourth\"},[_c('offer-fourth-header',{staticClass:\"fourth__header offer-card\",attrs:{\"flat-deal\":_vm.flatDeal}}),_c('offer-fourth-main',{staticClass:\"fourth__main\",attrs:{\"flat-deal\":_vm.flatDeal}}),_c('offer-fourth-footer',{staticClass:\"fourth__footer\"}),_c('img',{staticClass:\"fourth__img\",attrs:{\"src\":require(\"@/assets/images/offer/fourth-blob.webp\"),\"width\":\"794\",\"height\":\"376\",\"alt\":\"Blob\"}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('header',{staticClass:\"fourth__info\"},_vm._l((_vm.infoCards),function(card){return _c('div',{key:card.id,staticClass:\"info-item\"},[_c('img',{attrs:{\"src\":card.img.src,\"width\":card.img.width,\"height\":card.img.height,\"alt\":card.img.alt}}),_c('div',{staticClass:\"info-item__content\"},[_c('div',{staticClass:\"content-name\"},[_vm._v(\" \"+_vm._s(card.name)+\" \")]),_c('div',{staticClass:\"content-value\"},[_vm._v(\" \"+_vm._s(card.value)+\" \")])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <header class=\"fourth__info\">\n    <div v-for=\"card in infoCards\" :key=\"card.id\" class=\"info-item\">\n      <img\n        :src=\"card.img.src\"\n        :width=\"card.img.width\"\n        :height=\"card.img.height\"\n        :alt=\"card.img.alt\"\n      />\n      <div class=\"info-item__content\">\n        <div class=\"content-name\">\n          {{ card.name }}\n        </div>\n        <div class=\"content-value\">\n          {{ card.value }}\n        </div>\n      </div>\n    </div>\n  </header>\n</template>\n\n<script>\n  import { toFixedByDefault } from '@clickadilla/components/utils/to-fixed-by-default.js'\n  import FlatDeal from '@/services/classes/FlatDeal.js'\n\n  export default {\n    name: 'OfferFourthHeader',\n    props: {\n      flatDeal: {\n        type: FlatDeal,\n        required: true\n      }\n    },\n    computed: {\n      marketplaceImpressionsMin() {\n        return `${toFixedByDefault(this.flatDeal.trafficPerMonth / 10 ** 6)}m`\n      },\n      infoCards() {\n        return [\n          {\n            id: 1,\n            img: {\n              src: require('@/assets/images/offer/speaker.svg'),\n              width: 48,\n              height: 48,\n              alt: 'Speaker'\n            },\n            name: 'Spot',\n            value: this.flatDeal.placementType.name\n          },\n          {\n            id: 2,\n            img: {\n              src: require('@/assets/images/offer/map-point.svg'),\n              width: 48,\n              height: 48,\n              alt: 'Map point'\n            },\n            name: 'Countries group',\n            value: this.flatDeal.countryGroup.name\n          },\n          {\n            id: 3,\n            img: {\n              src: require('@/assets/images/offer/like.svg'),\n              width: 48,\n              height: 48,\n              alt: 'Like'\n            },\n            name: 'Impressions',\n            value: this.marketplaceImpressionsMin\n          },\n          {\n            id: 4,\n            img: {\n              src: require('@/assets/images/offer/device-type.svg'),\n              width: 48,\n              height: 48,\n              alt: 'Device type'\n            },\n            name: 'Device type',\n            value: this.flatDeal.trafficType\n          }\n        ]\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"@/assets/scss/offer-deal-colors.scss\";\n\n  .fourth__info {\n    padding: 40px 32px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 36px;\n\n    .info-item {\n      display: flex;\n      flex: 1 0 calc(100% / 2 - 36px);\n      gap: 24px;\n\n      &__content {\n        display: flex;\n        flex-direction: column;\n        line-height: normal;\n        font-size: 20px;\n\n        .content-name {\n          color: $darker-color;\n          font-family: 'Roboto', sans-serif;\n        }\n        .content-value {\n          display: flex;\n          align-items: center;\n          gap: 8px;\n          color: $black-color;\n          font-weight: 600;\n          margin-top: 4px;\n\n          &:last-child {\n            text-transform: capitalize;\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!./OfferFourthHeader.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!./OfferFourthHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferFourthHeader.vue?vue&type=template&id=3582e924&scoped=true&\"\nimport script from \"./OfferFourthHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferFourthHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OfferFourthHeader.vue?vue&type=style&index=0&id=3582e924&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  \"3582e924\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fourth__deal\"},[_c('img',{staticClass:\"fourth__deal-img\",attrs:{\"src\":require(\"@/assets/images/offer/fourth-label.png\"),\"width\":\"411\",\"height\":\"121\",\"alt\":\"Label\"}}),_c('div',{staticClass:\"fourth__deal-info\"},_vm._l((_vm.cardDealInfo),function(card){return _c('div',{key:card.id,staticClass:\"deal-card\"},[_c('div',{staticClass:\"deal-card__value\"},[_vm._v(\" \"+_vm._s(card.value)+\" \")]),_c('div',{staticClass:\"deal-card__name\"},[_vm._v(\" \"+_vm._s(card.name)+\" \")])])}),0),_c('div',{staticClass:\"fourth__deal-discount-info\"},_vm._l((_vm.cardDealDiscountInfo),function(card){return _c('div',{key:card.id,staticClass:\"deal-card\"},[_c('div',{staticClass:\"deal-card__name\"},[_vm._v(\" \"+_vm._s(card.name)+\" \")]),_c('div',{class:['deal-card__value', { 'text-decoration-line-through error--text': card.crossedOut }]},[_vm._v(\" \"+_vm._s(card.value)+\" \")])])}),0),_c('div',{staticClass:\"fourth__deal-price\"},[_c('div',{staticClass:\"price-name\"},[_vm._v(\" Total price: \")]),_c('div',{staticClass:\"price-value\"},[_vm._v(\" \"+_vm._s(_vm.marketplaceTotalPrice)+\" \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fourth__deal\">\n    <img\n      src=\"@/assets/images/offer/fourth-label.png\"\n      class=\"fourth__deal-img\"\n      width=\"411\"\n      height=\"121\"\n      alt=\"Label\"\n    />\n    <div class=\"fourth__deal-info\">\n      <div v-for=\"card in cardDealInfo\" :key=\"card.id\" class=\"deal-card\">\n        <div class=\"deal-card__value\">\n          {{ card.value }}\n        </div>\n        <div class=\"deal-card__name\">\n          {{ card.name }}\n        </div>\n      </div>\n    </div>\n    <div class=\"fourth__deal-discount-info\">\n      <div v-for=\"card in cardDealDiscountInfo\" :key=\"card.id\" class=\"deal-card\">\n        <div class=\"deal-card__name\">\n          {{ card.name }}\n        </div>\n        <div :class=\"['deal-card__value', { 'text-decoration-line-through error--text': card.crossedOut }]\">\n          {{ card.value }}\n        </div>\n      </div>\n    </div>\n    <div class=\"fourth__deal-price\">\n      <div class=\"price-name\">\n        Total price:\n      </div>\n      <div class=\"price-value\">\n        {{ marketplaceTotalPrice }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { toFixedByDefault } from '@clickadilla/components/utils/to-fixed-by-default.js'\n  import FlatDeal from '@/services/classes/FlatDeal.js'\n\n  export default {\n    name: 'OfferFourthMain',\n    props: {\n      flatDeal: {\n        type: FlatDeal,\n        required: true\n      }\n    },\n    computed: {\n      marketplaceTotalPrice() {\n        return `$${toFixedByDefault(this.flatDeal.price)}`\n      },\n      marketplaceDays() {\n        return this.flatDeal.days\n      },\n      marketplaceImpressions() {\n        return Number(this.flatDeal.totalTraffic).toLocaleString()\n      },\n      cardDealInfo() {\n        return [\n          {\n            id: 1,\n            value: this.marketplaceImpressions,\n            name: 'Impressions'\n          },\n          {\n            id: 2,\n            value: this.marketplaceDays,\n            name: 'Days'\n          }\n        ]\n      },\n      cardDealDiscountInfo() {\n        return [\n          {\n            id: 1,\n            value: `$${toFixedByDefault(this.flatDeal.flatBid)}`,\n            name: 'CPM',\n            crossedOut: false\n          },\n          {\n            id: 1,\n            value: this.totalDiscountRatioToPercent,\n            name: 'Discount',\n            crossedOut: false\n          },\n          {\n            id: 3,\n            value: `$${toFixedByDefault(this.flatDeal.originalPrice)}`,\n            name: 'Old price',\n            crossedOut: true\n          }\n        ]\n      },\n      totalDiscountRatioToPercent() {\n        const totalDiscountRatioToPercent = (1 - this.flatDeal.totalDiscountRatio) * 100\n        return `${totalDiscountRatioToPercent.toFixed(2)}%`\n      }\n\n    },\n    methods: {\n      toFixedByDefault\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"@/assets/scss/offer-deal-colors.scss\";\n\n  .deal-card {\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n\n    &__value {\n      color: $black-color;\n      font-size: 44px;\n      font-weight: 600;\n      line-height: normal;\n    }\n    &__name {\n      color: $darker-color;\n      font-family: 'Roboto', sans-serif;\n      font-size: 20px;\n      font-weight: 400;\n      line-height: normal;\n    }\n  }\n  .fourth__deal {\n    padding: 142px 32px 26px;\n    background: linear-gradient(125deg, $white-color 0%, rgba(255, 255, 255, 0.00) 100%);\n    position: relative;\n\n    &-img {\n      position: absolute;\n      top: 2px;\n      left: -22px;\n    }\n    &-info {\n      display: flex;\n      gap: 80px;\n      padding-bottom: 56px;\n      border-bottom: 2px solid $light-color;\n    }\n    &-discount-info {\n      margin-top: 32px;\n      display: flex;\n      justify-content: space-between;\n    }\n    &-price {\n      margin-top: 100px;\n      text-align: center;\n      font-weight: 600;\n      line-height: normal;\n      color: $white-color;\n      position: relative;\n      z-index: 1;\n\n      .price-name {\n        text-shadow: 0 2px 6px rgba(0, 0, 0, 0.73);\n        font-size: 20px;\n      }\n      .price-value {\n        text-shadow: 0 4px 8px rgba(0, 0, 0, 0.69);\n        font-size: 68px;\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!./OfferFourthMain.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!./OfferFourthMain.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferFourthMain.vue?vue&type=template&id=5211b9e5&scoped=true&\"\nimport script from \"./OfferFourthMain.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferFourthMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OfferFourthMain.vue?vue&type=style&index=0&id=5211b9e5&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  \"5211b9e5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('footer',{staticClass:\"fourth__footer\"},[_c('div',{staticClass:\"fourth__footer-title\"},[_vm._v(\" Contact us to buy: \")]),_c('div',{staticClass:\"fourth__footer-contacts\"},[_c('a',{staticClass:\"contact-item\",attrs:{\"href\":\"mailto:support@clickadilla.com\"}},[_vm._v(\" Email \")]),_c('a',{staticClass:\"contact-item\",attrs:{\"href\":\"https://t.me/clickadillaCS\",\"target\":\"_blank\"}},[_vm._v(\" Telegram \")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <footer class=\"fourth__footer\">\n    <div class=\"fourth__footer-title\">\n      Contact us to buy:\n    </div>\n    <div class=\"fourth__footer-contacts\">\n      <a href=\"mailto:support@clickadilla.com\" class=\"contact-item\">\n        Email\n      </a>\n      <a href=\"https://t.me/clickadillaCS\" target=\"_blank\" class=\"contact-item\">\n        Telegram\n      </a>\n    </div>\n  </footer>\n</template>\n\n<script>\n  export default {\n    name: 'OfferFourthFooter'\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"@/assets/scss/offer-deal-colors.scss\";\n\n  .fourth__footer {\n    padding: 16px 0 26px;\n    background: $blue-color;\n    position: relative;\n    z-index: 1;\n\n    &-title {\n      color: $white-color;\n      text-align: center;\n      text-shadow: 0 4px 8px rgba(0, 0, 0, 0.48);\n      font-size: 24px;\n      font-weight: 600;\n      line-height: normal;\n    }\n    &-contacts {\n      display: flex;\n      gap: 40px;\n      justify-content: center;\n      margin-top: 16px;\n\n      .contact-item {\n        color: $white-color;\n        text-align: center;\n        font-size: 20px;\n        font-weight: 400;\n        line-height: normal;\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!./OfferFourthFooter.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!./OfferFourthFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OfferFourthFooter.vue?vue&type=template&id=6626882e&scoped=true&\"\nimport script from \"./OfferFourthFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./OfferFourthFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OfferFourthFooter.vue?vue&type=style&index=0&id=6626882e&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  \"6626882e\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section class=\"fourth\">\n    <offer-fourth-header :flat-deal=\"flatDeal\" class=\"fourth__header offer-card\" />\n    <offer-fourth-main class=\"fourth__main\" :flat-deal=\"flatDeal\" />\n    <offer-fourth-footer class=\"fourth__footer\" />\n    <img src=\"@/assets/images/offer/fourth-blob.webp\" class=\"fourth__img\" width=\"794\" height=\"376\" alt=\"Blob\" />\n  </section>\n</template>\n\n<script>\n  import FlatDeal from '@/services/classes/FlatDeal.js'\n  import OfferFourthHeader from './OfferFourthHeader.vue'\n  import OfferFourthMain from './OfferFourthMain.vue'\n  import OfferFourthFooter from './OfferFourthFooter.vue'\n\n  export default {\n    name: 'OfferFourth',\n    components: {\n      OfferFourthHeader,\n      OfferFourthMain,\n      OfferFourthFooter\n    },\n    props: {\n      site: {\n        type: Object,\n        required: true\n      },\n      flatDeal: {\n        type: FlatDeal,\n        required: true\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import \"@/assets/scss/offer-deal-colors.scss\";\n\n  .offer-card {\n    border-radius: 16px;\n    background: $white-color;\n    box-shadow: 4px 12px 20px 0 rgba(21, 37, 94, 0.15);\n  }\n  .fourth {\n    background: $lighter-color;\n    padding-top: 48px;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n\n    &__img {\n      position: absolute;\n      bottom: 30px;\n      left: 0px;\n      max-width: 100%;\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n    &__header {\n      margin-inline: 100px;\n    }\n    &__main {\n      margin: 60px 100px 0 100px;\n    }\n    &__footer {\n      margin-top: auto;\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!./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=3db12f05&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=3db12f05&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  \"3db12f05\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div class=\"offer\">\n    <c-btn\n      class=\"text-center button-print no-print\"\n      label=\"PRINT\"\n      color=\"primary\"\n      :loading=\"isLoading\"\n      @click=\"printOffer()\"\n    />\n    <v-progress-linear v-if=\"isLoading\" class=\"mt-2\" indeterminate color=\"primary\" />\n    <div v-else class=\"print-app\">\n      <offer-first\n        class=\"size-a4-format\"\n      />\n      <offer-second\n        :flat-deal-id=\"flatDealId\"\n        :site=\"flatDeal.site\"\n        class=\"size-a4-format\"\n      />\n      <offer-third\n        :site=\"flatDeal.site\"\n        :flat-deal=\"flatDeal\"\n        class=\"size-a4-format\"\n      />\n      <offer-fourth\n        :site=\"flatDeal.site\"\n        :flat-deal=\"flatDeal\"\n        class=\"size-a4-format\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\n  import CBtn from '@clickadilla/components/ui/CBtn.vue'\n  import OfferFirst from './OfferFirst.vue'\n  import OfferSecond from './OfferSecond/Index.vue'\n  import OfferThird from './OfferThird/Index.vue'\n  import OfferFourth from './OfferFourth/Index.vue'\n  import { flatDealsRepository } from '@/services/repository-factory.js'\n  import FlatDeal from '@/services/classes/FlatDeal.js'\n  import handleErrors from '@/services/handleErrors.js'\n  import flatDealLimitTypes from '@/types/flat-deal-limit-types.js'\n\n  const { IMPRESSIONS, DAYS } = flatDealLimitTypes\n\n  export default {\n    name: 'Offer',\n    components: {\n      CBtn,\n      OfferFirst,\n      OfferSecond,\n      OfferThird,\n      OfferFourth\n    },\n    data() {\n      return {\n        isPrint: false,\n        flatDeal: new FlatDeal(),\n        isLoading: false,\n        flatDealPrice: null\n      }\n    },\n    computed: {\n      flatDealId() {\n        return +this.$route.params.id\n      }\n    },\n    async created() {\n      await this.fetchFlatDeal()\n      await this.updatePriceFlatDeal()\n    },\n    methods: {\n      async printOffer() {\n        await window.print()\n      },\n      async updatePriceFlatDeal() {\n        this.isLoading = true\n        const params = {\n          limit_type: this.$route.query.type,\n          ...this.$route.query.type === DAYS && { days: this.$route.query.value },\n          ...this.$route.query.type === IMPRESSIONS && { total_traffic: this.$route.query.value }\n        }\n        try {\n          const response = await flatDealsRepository.price(this.flatDeal.id, params)\n          this.flatDeal.updatePrice(response)\n        } catch (error) {\n          handleErrors(error)\n        }\n        this.isLoading = false\n      },\n      async fetchFlatDeal() {\n        this.isLoading = true\n        try {\n          const response = await flatDealsRepository.show(this.flatDealId)\n          this.flatDeal = new FlatDeal(response)\n        } catch (error) {\n          handleErrors(error)\n        }\n        this.isLoading = false\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');\n\n  @media print {\n    .no-print {\n      display: none !important;\n    }\n  }\n  .button-print {\n    margin: 50px auto;\n    display: block;\n  }\n\n  @page {\n    margin: 0;\n  }\n\n  *,\n  *::before,\n  *::after {\n    -webkit-print-color-adjust: exact !important;\n    color-adjust: exact !important;\n    print-color-adjust:exact !important;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .print-app {\n    font-family: 'Montserrat', sans-serif;\n    width: 210mm;\n    position: relative;\n    overflow: hidden;\n    margin-inline: auto;\n\n    .size-a4-format {\n      height: 297mm;\n      width: 210mm;\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!./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=eb858eae&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=eb858eae&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  \"eb858eae\",\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 { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\ninstallComponents(component, {VProgressLinear})\n","module.exports = __webpack_public_path__ + \"img/device-type.5244ece7.svg\";","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=3db12f05&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/fourth-label.5c56e516.png\";","module.exports = __webpack_public_path__ + \"img/mouthpiece.2b5a1c6d.svg\";","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!./OfferFirst.vue?vue&type=style&index=0&id=10836c54&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/speaker.5c10b9f4.svg\";","module.exports = __webpack_public_path__ + \"img/like.2e54f94f.svg\";","module.exports = __webpack_public_path__ + \"img/dollar.f948f8b7.svg\";"],"sourceRoot":""}