{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue?f15c","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue?ee65","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue?aa4d","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue?ccd7","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue?1c54","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue","webpack:///./src/views/targeting/components/create-audience.vue?5f5e","webpack:///src/views/targeting/components/create-audience.vue","webpack:///./src/views/targeting/components/create-audience.vue?44ca","webpack:///./src/views/targeting/components/create-audience.vue","webpack:///./src/views/targeting/components/create-audience.vue?05ae","webpack:///./node_modules/core-js/modules/es6.string.starts-with.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","_l","device","index","key","adsetIndex","attrs","isDeviceDisabled","id","display_name","isDeviceUnchecked","model","value","callback","$$v","devices","expression","on","$event","gaDevices","staticRenderFns","props","type","Array","required","Number","objective","String","mounted","$emit","removeDisabledDevices","computed","targetDevices","$store","getters","disabledDevices","$constants","CAMPAIGN_OBJECTIVES_NAMES","LEAD_FORM","DEVICES_IDS","DESKTOP","set","val","get","methods","$gtag","event","includes","deviceId","filter","component","advertisingChannel","i","options","$vs","rtl","$set","_e","Object","watch","handler","newVal","deep","push","label","components","TargetDevices","_m","audience","$vErrors","has","errors","first","ref","class","hasError","slot","handleChangeEvent","staticStyle","active_account_id","$hasFeature","defaultAdvertisingChannel","saveAudience","hasMany","name","responsePopupData","goToAudienceTable","TargetPlatforms","AdvancedOptions","Keywords","LocationTargeting","ContentCategories","data","show","body","locations","countries","cities","content_categories","isps","keywords","target_devices","target_platforms","websites","apps","include_new_platforms","frequency_capping","beforeDestroy","$refs","createAudienceCollapse","$children","length","parseInt","localStorage","getItem","advertising_channels","find","showSuccessPopup","hideSuccessPopup","setTimeout","$export","toLength","context","STARTS_WITH","$startsWith","P","F","startsWith","searchString","that","Math","min","arguments","undefined","search","call","slice"],"mappings":"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","file":"js/chunk-0756e577.33bb3ba4.js","sourcesContent":["export * from \"-!../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetDevices.vue?vue&type=style&index=0&id=779e6b45&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h5',{staticClass:\"mb-6\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Devices'))+\"\\n    \")]),_c('vs-row',_vm._l((_vm.targetDevices),function(device,index){return _c('vs-col',{key:'target-device-' + _vm.adsetIndex + '-' + index,attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"start\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[(_vm.isDeviceDisabled(device.id))?_c('vx-tooltip',{attrs:{\"text\":_vm.$t('adset_targeting.desktop_disabled_hint'),\"position\":\"right\"}},[_c('vs-checkbox',{staticClass:\"ml-0 disabled-device\",attrs:{\"checked\":false,\"disabled\":true,\"id\":\"create-campaign-s3-devices-checkbox\"}},[_vm._v(_vm._s(_vm.$t(device.display_name)))])],1):(_vm.isDeviceUnchecked(device.id))?_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"checked\":false,\"id\":\"create-campaign-s3-devices-checkbox\",\"vs-value\":device.id},model:{value:(_vm.devices),callback:function ($$v) {_vm.devices=$$v},expression:\"devices\"}},[_vm._v(_vm._s(_vm.$t(device.display_name)))]):_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"create-campaign-s3-devices-checkbox\",\"vs-value\":device.id},on:{\"input\":function($event){return _vm.gaDevices(device)}},model:{value:(_vm.devices),callback:function ($$v) {_vm.devices=$$v},expression:\"devices\"}},[_vm._v(_vm._s(_vm.$t(device.display_name)))])],1)}),1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row mb-6\">\n    <div class=\"vx-col w-full\">\n      <h5 class=\"mb-6\">\n        {{ $t('Devices') }}\n      </h5>\n      <vs-row>\n        <vs-col v-for=\"(device, index) in targetDevices\" :key=\"'target-device-' + adsetIndex + '-' + index\" vs-type=\"flex\" vs-justify=\"start\" vs-align=\"center\" vs-w=\"4\">\n          <vx-tooltip v-if=\"isDeviceDisabled(device.id)\" :text=\"$t('adset_targeting.desktop_disabled_hint')\" position=\"right\">\n            <vs-checkbox :checked=\"false\" :disabled=\"true\" id=\"create-campaign-s3-devices-checkbox\" class=\"ml-0 disabled-device\">{{ $t(device.display_name) }}</vs-checkbox>\n          </vx-tooltip>\n\n          <vs-checkbox v-else-if=\"isDeviceUnchecked(device.id)\" :checked=\"false\" id=\"create-campaign-s3-devices-checkbox\" class=\"ml-0\" v-model=\"devices\" :vs-value=\"device.id\">{{ $t(device.display_name) }}</vs-checkbox>\n\n          <vs-checkbox v-else @input=\"gaDevices(device)\" id=\"create-campaign-s3-devices-checkbox\" class=\"ml-0\" v-model=\"devices\" :vs-value=\"device.id\">{{ $t(device.display_name) }}</vs-checkbox>\n        </vs-col>\n      </vs-row>\n    </div>\n  </div>\n</template>\n\n\n<script>\nexport default {\n  props: {\n    value: {\n      type: Array,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    objective: {\n      type: String,\n      required: false\n    }\n  },\n\n  mounted () {\n    this.$emit('input', this.removeDisabledDevices(this.value))\n  },\n\n  computed: {\n    targetDevices () {\n      return this.$store.getters['campaign/targetingLookups'].devices\n    },\n\n    disabledDevices () {\n      return this.objective === this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM ? [this.$constants.DEVICES_IDS.DESKTOP] : []\n    },\n\n    devices: {\n      set (val) {\n        this.$emit('input', val)\n      },\n      get () {\n        return this.removeDisabledDevices(this.value)\n      }\n    }\n  },\n  methods: {\n    gaDevices (device) {\n      this.$gtag.event(`Step3_Devices_${device.display_name}`)\n    },\n\n    isDeviceDisabled (deviceId) {\n      return this.objective === this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM && this.disabledDevices.includes(deviceId)\n    },\n\n    isDeviceUnchecked (deviceId) {\n      return !this.devices.includes(deviceId)\n    },\n\n    removeDisabledDevices (devices) {\n      return devices.filter(id => !this.disabledDevices.includes(id))\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.disabled-device {\n  color: #c2c2c2;\n  cursor: not-allowed;\n}\n</style>\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetDevices.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetDevices.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TargetDevices.vue?vue&type=template&id=779e6b45&scoped=true&\"\nimport script from \"./TargetDevices.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetDevices.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TargetDevices.vue?vue&type=style&index=0&id=779e6b45&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  \"779e6b45\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.advertisingChannel.supports_frequency_capping_targeting)?_c('div',{staticClass:\"freq-capping\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-6\"},[_c('h4',[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Frequency Capping'))+\"\\n      \")]),_c('p',{staticClass:\"mt-4 text-md text-gray-600\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('This indicates the maximum number of times you want to display your ad to unique users per 24 hours.'))+\"\\n      \")])]),_c('div',{staticClass:\"vx-col md:w-2/3 w-full mb-6\"},[_c('v-select',{attrs:{\"id\":\"create-campaign-s3-frequency-list\",\"reduce\":function (i) { return i.id; },\"options\":_vm.options,\"placeholder\":_vm.$t('Not Selected'),\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},on:{\"input\":function($event){return _vm.$gtag.event('Step3_AdvTab_Freq')}},model:{value:(_vm.value.frequency_capping),callback:function ($$v) {_vm.$set(_vm.value, \"frequency_capping\", $$v)},expression:\"value.frequency_capping\"}})],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"advertisingChannel.supports_frequency_capping_targeting\" class=\"freq-capping\">\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full mb-6\">\n        <h4>\n          {{ $t('Frequency Capping') }}\n        </h4>\n\n        <p class=\"mt-4 text-md text-gray-600\">\n          {{ $t('This indicates the maximum number of times you want to display your ad to unique users per 24 hours.') }}\n        </p>\n      </div>\n\n      <div class=\"vx-col md:w-2/3 w-full mb-6\">\n        <v-select @input=\"$gtag.event('Step3_AdvTab_Freq')\" id=\"create-campaign-s3-frequency-list\" v-model=\"value.frequency_capping\" :reduce=\"i => i.id\" :options=\"options\" :placeholder=\"$t('Not Selected')\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\" />\n        <!-- <vs-select :placeholder=\"$t('Select number')\" v-model=\"value.frequency_capping\"  class=\"w-full select-large\">\n          <vs-select-item :key=\"'frequency_capping-' + n\" :value=\"n - 1\" :text=\"n - 1\" v-for=\"n in 11\" class=\"w-full\" />\n        </vs-select> -->\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TargetDevices from './TargetDevices.vue'\n\nexport default {\n  props: {\n    value: {\n      type: Object,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    advertisingChannel: {\n      type: Object,\n      required: true\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  computed: {\n    options () {\n      const options = []\n\n      for (let i = 0; i < 11; i++) {\n        options.push({\n          id: i,\n          label: i\n        })\n      }\n\n      return options\n    }\n  },\n  components: {\n    TargetDevices\n  }\n}\n</script>\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdvancedOptions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AdvancedOptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdvancedOptions.vue?vue&type=template&id=a2cc313a&\"\nimport script from \"./AdvancedOptions.vue?vue&type=script&lang=js&\"\nexport * from \"./AdvancedOptions.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page\"},[_vm._m(0),_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"pl-8 p-6 pt-8\"},[_c('h3',{staticClass:\"font-normal\"},[_vm._v(\"\\n      Create New Audience\\n    \")]),_c('p',{staticClass:\"create-audience-desc mt-1\"},[_vm._v(\"\\n      You can customize the characteristics of the audience you want to target. You have to fill at least 1 section to create your new audience.\\n    \")]),_c('div',{staticClass:\"vx-col md:w-1/2 w-full my-6\"},[_c('speakol-input',{attrs:{\"label\":\"Audience Name\",\"id\":\"targeting-audiences-audience-name\",\"placeholder\":\"Audience Name\",\"validation\":\"max:25\",\"maxLength\":25},model:{value:(_vm.audience.name),callback:function ($$v) {_vm.$set(_vm.audience, \"name\", $$v)},expression:\"audience.name\"}}),(_vm.$vErrors.has([_vm.errors], \"name\"))?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$vErrors.first([_vm.errors], \"name\"))+\"\\n      \")]):_vm._e()],1)]),_c('vs-collapse',{ref:\"createAudienceCollapse\",staticClass:\"p-0 bg-white\",attrs:{\"accordion\":\"\"}},[_c('div',{staticClass:\"divider\"}),_c('vs-collapse-item',{staticClass:\"sm:p-4\"},[_c('div',{staticClass:\"font-normal text-2xl\",class:{ 'text-danger': _vm.hasError, 'text-black': !_vm.hasError },attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Location Targeting'))+\"\\n        \"),_c('p',{staticClass:\"section-desc  text-gray-500 font-normal\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"You can  target audience from all around the world. The Sky is the limit.\"))+\"\\n        \")])]),_c('LocationTargeting',{on:{\"input\":_vm.handleChangeEvent},model:{value:(_vm.audience.locations),callback:function ($$v) {_vm.$set(_vm.audience, \"locations\", $$v)},expression:\"audience.locations\"}})],1),_c('div',{staticClass:\"divider\"}),_c('vs-collapse-item',{staticClass:\"sm:p-4\"},[_c('div',{staticClass:\"font-normal text-2xl\",class:{ 'text-danger': _vm.hasError, 'text-black': !_vm.hasError },attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Keywords Targeting'))+\"\\n        \"),_c('p',{staticClass:\"section-desc text-gray-500 font-normal\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"Please fill in your targetted keywords.\"))+\"\\n        \")])]),_c('div',{staticClass:\"keywords-note\"},[_c('span',[_c('vs-icon',{staticClass:\"warning-icon\",staticStyle:{\"font-size\":\"25px\"},attrs:{\"icon\":\"speakol-warning\",\"icon-pack\":\"speakol\"}}),_vm._v(\"\\n          Please note that this section will appear only when you create an inline campaign.\\n        \")],1)]),_c('Keywords',{on:{\"input\":_vm.handleChangeEvent},model:{value:(_vm.audience.keywords),callback:function ($$v) {_vm.$set(_vm.audience, \"keywords\", $$v)},expression:\"audience.keywords\"}})],1),_c('div',{staticClass:\"divider\"}),_c('vs-collapse-item',{staticClass:\"sm:p-4\"},[_c('div',{staticClass:\"font-normal text-2xl\",class:{ 'text-danger': _vm.hasError, 'text-black': !_vm.hasError },attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Publishers'))+\"\\n        \"),_c('p',{staticClass:\"section-desc  text-gray-500 font-normal\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"Target some of the regions most premium websites.\"))+\"\\n        \")])]),_c('TargetPlatforms',{attrs:{\"industry_id\":0,\"account_id\":this.active_account_id,\"editing\":false,\"adsetIndex\":0},on:{\"input\":_vm.handleChangeEvent},model:{value:(_vm.audience.target_platforms),callback:function ($$v) {_vm.$set(_vm.audience, \"target_platforms\", $$v)},expression:\"audience.target_platforms\"}})],1),(_vm.$hasFeature('content-categories'))?_c('div',{staticClass:\"divider\"}):_vm._e(),(_vm.$hasFeature('content-categories'))?_c('vs-collapse-item',{staticClass:\"sm:p-4\"},[_c('div',{staticClass:\"font-normal text-2xl\",class:{ 'text-danger': _vm.hasError, 'text-black': !_vm.hasError },attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Categories'))+\"\\n        \"),_c('p',{staticClass:\"section-desc  text-gray-500 font-normal\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"Target the categories you would like to feature your ads alongside. \"))+\"\\n        \")])]),_c('ContentCategories',{attrs:{\"industry_id\":0,\"editing\":false,\"adsetIndex\":0},on:{\"input\":_vm.handleChangeEvent},model:{value:(_vm.audience.content_categories),callback:function ($$v) {_vm.$set(_vm.audience, \"content_categories\", $$v)},expression:\"audience.content_categories\"}})],1):_vm._e(),_c('div',{staticClass:\"divider\"}),_c('vs-collapse-item',{staticClass:\"sm:p-4\"},[_c('div',{staticClass:\"font-normal text-2xl\",class:{ 'text-danger': _vm.hasError, 'text-black': !_vm.hasError },attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Targeting Devices'))+\"\\n        \"),_c('p',{staticClass:\"section-desc text-gray-500 font-normal\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"Reach audience across all platforms.\"))+\"\\n        \")])]),_c('TargetDevices',{attrs:{\"adsetIndex\":0},on:{\"input\":_vm.handleChangeEvent},model:{value:(_vm.audience.target_devices),callback:function ($$v) {_vm.$set(_vm.audience, \"target_devices\", $$v)},expression:\"audience.target_devices\"}})],1),_c('div',{staticClass:\"divider\"}),_c('vs-collapse-item',{staticClass:\"sm:p-4 specific-class\"},[_c('div',{staticClass:\"font-normal text-2xl\",class:{ 'text-danger': _vm.hasError, 'text-black': !_vm.hasError },attrs:{\"slot\":\"header\"},slot:\"header\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Advanced Options'))+\"\\n        \"),_c('p',{staticClass:\"section-desc text-gray-500 font-normal\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"Specify the number of times you want you ad to be displayed.\"))+\"\\n        \")])]),_c('AdvancedOptions',{attrs:{\"advertising-channel\":_vm.defaultAdvertisingChannel,\"adsetIndex\":0},on:{\"input\":_vm.handleChangeEvent},model:{value:(_vm.audience),callback:function ($$v) {_vm.audience=$$v},expression:\"audience\"}})],1)],1),_c('div',{staticClass:\"p-6 pt-0 pl-8\"},[_c('vs-button',{staticClass:\"btn mb-2 shadow-none\",attrs:{\"id\":\"targeting-audiences-save-button\"},on:{\"click\":_vm.saveAudience}},[_vm._v(\"Save Audience\")]),(_vm.hasError && _vm.$vErrors.hasMany([_vm.errors], ['audience_errors']))?_c('span',{staticClass:\"p-4 text-danger\"},[_c('ul',_vm._l((['audience_errors']),function(name){return _c('li',{key:name},[_vm._v(\"\\n          \"+_vm._s(_vm.$vErrors.first([_vm.errors], name))+\"\\n        \")])}),0)]):_vm._e()],1),_c('speakol-response-popup',{attrs:{\"responsePopupData\":_vm.responsePopupData},on:{\"hide-response-popup\":function($event){return _vm.goToAudienceTable()}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pl-8 p-6 mt-5 pb-8\"},[_c('span',{staticClass:\"note-text\"},[_vm._v(\"\\n      Important Note\\n    \")]),_c('p',{staticClass:\"important-note-desc mt-6\"},[_vm._v(\"\\n      Please note that based on the campaign type and objective, which you chose in step 1, some sections may vary.\\n    \")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"page\">\n    <div class=\"pl-8 p-6 mt-5 pb-8\">\n      <span class=\"note-text\">\n        Important Note\n      </span>\n\n      <p class=\"important-note-desc mt-6\">\n        Please note that based on the campaign type and objective, which you chose in step 1, some sections may vary.\n      </p>\n    </div>\n\n    <div class=\"divider\"></div>\n\n    <div class=\"pl-8 p-6 pt-8\">\n      <h3 class=\"font-normal\">\n        Create New Audience\n      </h3>\n\n      <p class=\"create-audience-desc mt-1\">\n        You can customize the characteristics of the audience you want to target. You have to fill at least 1 section to create your new audience.\n      </p>\n\n      <div class=\"vx-col md:w-1/2 w-full my-6\">\n        <speakol-input\n          label=\"Audience Name\"\n          id=\"targeting-audiences-audience-name\"\n          placeholder=\"Audience Name\"\n          v-model=\"audience.name\"\n          validation=\"max:25\"\n          :maxLength=\"25\"\n        >\n        </speakol-input>\n\n        <span v-if=\"$vErrors.has([errors], `name`)\" class=\"text-danger\">\n          {{ $vErrors.first([errors], `name`) }}\n        </span>\n      </div>\n    </div>\n\n    <vs-collapse ref=\"createAudienceCollapse\" class=\"p-0 bg-white\" accordion>\n      <div class=\"divider\"></div>\n      <vs-collapse-item class=\"sm:p-4\">\n        <div class=\"font-normal text-2xl\" slot=\"header\" v-bind:class=\"{ 'text-danger': hasError, 'text-black': !hasError }\">\n          {{ $t('Location Targeting') }}\n          <p class=\"section-desc  text-gray-500 font-normal\">\n            {{ $t(\"You can  target audience from all around the world. The Sky is the limit.\") }}\n          </p>\n        </div>\n\n        <LocationTargeting v-model=\"audience.locations\" v-on:input=\"handleChangeEvent\"/>\n      </vs-collapse-item>\n\n      <div class=\"divider\"></div>\n\n      <vs-collapse-item class=\"sm:p-4\">\n        <div class=\"font-normal text-2xl\" slot=\"header\" v-bind:class=\"{ 'text-danger': hasError, 'text-black': !hasError }\">\n          {{ $t('Keywords Targeting') }}\n          <p class=\"section-desc text-gray-500 font-normal\">\n            {{ $t(\"Please fill in your targetted keywords.\") }}\n          </p>\n        </div>\n\n        <div class=\"keywords-note\">\n          <span>\n            <vs-icon class=\"warning-icon\" style=\"font-size: 25px;\" icon=\"speakol-warning\" icon-pack=\"speakol\"></vs-icon>\n            Please note that this section will appear only when you create an inline campaign.\n          </span>\n        </div>\n\n        <Keywords v-model=\"audience.keywords\" v-on:input=\"handleChangeEvent\" />\n      </vs-collapse-item>\n\n      <div class=\"divider\"></div>\n\n      <vs-collapse-item class=\"sm:p-4\">\n        <div class=\"font-normal text-2xl\" slot=\"header\" v-bind:class=\"{ 'text-danger': hasError, 'text-black': !hasError }\">\n          {{ $t('Publishers') }}\n          <p class=\"section-desc  text-gray-500 font-normal\">\n            {{ $t(\"Target some of the regions most premium websites.\") }}\n          </p>\n        </div>\n\n        <TargetPlatforms\n          v-model=\"audience.target_platforms\"\n          :industry_id=\"0\"\n          :account_id=\"this.active_account_id\"\n          :editing=\"false\"\n          :adsetIndex=\"0\"\n          v-on:input=\"handleChangeEvent\"\n        />\n      </vs-collapse-item>\n\n      <div class=\"divider\" v-if=\"$hasFeature('content-categories')\"></div>\n\n      <vs-collapse-item class=\"sm:p-4\" v-if=\"$hasFeature('content-categories')\">\n        <div class=\"font-normal text-2xl\" slot=\"header\" v-bind:class=\"{ 'text-danger': hasError, 'text-black': !hasError }\">\n          {{ $t('Categories') }}\n          <p class=\"section-desc  text-gray-500 font-normal\">\n            {{ $t(\"Target the categories you would like to feature your ads alongside. \") }}\n          </p>\n        </div>\n\n        <ContentCategories\n          v-model=\"audience.content_categories\"\n          :industry_id=\"0\"\n          :editing=\"false\"\n          :adsetIndex=\"0\"\n          v-on:input=\"handleChangeEvent\"\n        />\n      </vs-collapse-item>\n\n      <div class=\"divider\"></div>\n\n      <vs-collapse-item class=\"sm:p-4\">\n        <div class=\"font-normal text-2xl\" slot=\"header\" v-bind:class=\"{ 'text-danger': hasError, 'text-black': !hasError }\">\n          {{ $t('Targeting Devices') }}\n          <p class=\"section-desc text-gray-500 font-normal\">\n            {{ $t(\"Reach audience across all platforms.\") }}\n          </p>\n        </div>\n\n        <TargetDevices v-model=\"audience.target_devices\" :adsetIndex=\"0\" v-on:input=\"handleChangeEvent\"/>\n      </vs-collapse-item>\n\n      <div class=\"divider\"></div>\n\n      <vs-collapse-item class=\"sm:p-4 specific-class\">\n        <div class=\"font-normal text-2xl\" slot=\"header\" v-bind:class=\"{ 'text-danger': hasError, 'text-black': !hasError }\">\n          {{ $t('Advanced Options') }}\n          <p class=\"section-desc text-gray-500 font-normal\">\n            {{ $t(\"Specify the number of times you want you ad to be displayed.\") }}\n          </p>\n        </div>\n\n        <AdvancedOptions v-model=\"audience\" :advertising-channel=\"defaultAdvertisingChannel\" :adsetIndex=\"0\" v-on:input=\"handleChangeEvent\"/>\n      </vs-collapse-item>\n    </vs-collapse>\n\n    <div class=\"p-6 pt-0 pl-8\">\n      <vs-button id=\"targeting-audiences-save-button\"  class=\"btn mb-2 shadow-none\" @click=\"saveAudience\">Save Audience</vs-button>\n      <span class=\"p-4 text-danger\" v-if=\"hasError && $vErrors.hasMany([errors], ['audience_errors'])\">\n        <ul>\n          <li v-for=\"name in ['audience_errors']\" :key=\"name\">\n            {{ $vErrors.first([errors], name) }}\n          </li>\n        </ul>\n      </span>\n    </div>\n\n    <!-- popup -->\n    <speakol-response-popup\n      :responsePopupData=\"responsePopupData\"\n      @hide-response-popup=\"goToAudienceTable()\"\n    />\n  </div>\n</template>\n\n<script>\nimport TargetPlatforms from '@/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue'\nimport AdvancedOptions from '@/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue'\nimport TargetDevices from '@/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue'\nimport Keywords from '@/views/campaigns/components/steps/components/AdsetContent/components/Keywords.vue'\nimport LocationTargeting from '@/views/campaigns/components/steps/components/AdsetContent/components/LocationTargeting.vue'\nimport ContentCategories from '@/views/campaigns/components/steps/components/AdsetContent/components/ContentCategories.vue'\n\nexport default {\n  components: {\n    TargetPlatforms,\n    AdvancedOptions,\n    TargetDevices,\n    Keywords,\n    LocationTargeting,\n    ContentCategories\n  },\n  data () {\n    return {\n      responsePopupData: {\n        show: false,\n        type: 'success',\n        body: 'Your audience has been successfully saved.'\n      },\n      hasError: false,\n      audience: {\n        id: 0,\n        name: '',\n        locations: {\n          countries: [],\n          cities: []\n        },\n        content_categories: [],\n        isps: [],\n        keywords: [],\n        target_devices: [1, 2, 3],\n        target_platforms: {\n          websites: [],\n          apps: [],\n          include_new_platforms: true\n        },\n        frequency_capping: 0\n      }\n    }\n  },\n\n  async beforeCreate () {\n    if (this.$store.getters['campaign/targetingLookups'].length === 0) {\n      await this.$store.dispatch('campaign/getTargetingLookups')\n    }\n  },\n\n  beforeDestroy () {\n    if (this.$refs.createAudienceCollapse.$children.length) {\n      for (const item of this.$refs.createAudienceCollapse.$children) {\n        window.removeEventListener('resize', item.changeHeight)\n      }\n    }\n  },\n  computed: {\n    active_account_id () {\n      return parseInt(localStorage.getItem('activeAccountId'))\n    },\n    defaultAdvertisingChannel () {\n      // Speakol will be the only available advertising channel for create audience targeting until other channels are enabled.\n      return this.$store.getters['campaign/targetingLookups'].advertising_channels.find((channel) => channel.id === this.$constants.CAMPAIGN_ADVERTISING_CHANNELS_IDS.SPEAKOL);\n    }\n  },\n  methods: {\n    showSuccessPopup () {\n      this.responsePopupData.show = true\n    },\n    hideSuccessPopup () {\n      this.responsePopupData.show = false\n    },\n    goToAudienceTable () {\n      this.hideSuccessPopup()\n\n      setTimeout(() => {\n        this.$router.push('/targeting/audiences')\n      }, 0)\n    },\n    handleChangeEvent () {\n      this.hasError = false\n    },\n    async saveAudience () {\n      try {\n        this.hasError = false\n        await window.axios.post('/audience/create', this.audience)\n        this.showSuccessPopup()\n      } catch (err) {\n        this.errors.clear()\n\n        if ('name' in err.response.data.errors) {\n          this.errors.add({\n            field: 'name',\n            msg: err.response.data.errors.name.join(', ')\n          })\n        }\n\n        if ('locations.countries' in err.response.data.errors) {\n          this.hasError = true\n\n          this.errors.add({\n            field: 'audience_errors',\n            msg: 'You have to fill at least 1 section to create your new audience.'\n          })\n        }\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .page::v-deep {\n    .section-desc {\n      font-style: normal;\n      font-weight: normal;\n      font-size: 16px;\n      line-height: 24px;\n      color: #999;\n    }\n\n    .vs-collapse-item {\n      border-bottom: 0;\n    }\n\n    .create-audience-desc {\n      color: #999;\n    }\n\n    .keywords-note {\n      background: #fffbe6;\n      border: 1px solid #ffe58f;\n      border-radius: 4px;\n      padding: 9px;\n      margin-bottom: 35px;\n\n      span {\n        font-weight: normal;\n        font-size: 14px;\n        color: rgba(0, 0, 0, 0.65);\n      }\n\n      i {\n        color: #faad14;\n        font-size: 16px !important;\n        position: relative;\n        top: 3px;\n        margin-right: 8px;\n        margin-left: 10px;\n      }\n    }\n\n    .note-text {\n      padding: 10px;\n      font-weight: normal;\n      font-size: 16px;\n      color: #e02020;\n      background: #fce9e9;\n      border-radius: 5px;\n    }\n\n    .specific-class {\n      border-bottom-right-radius: 15px;\n      border-bottom-left-radius: 15px;\n\n      .tree-children {\n        li {\n          .tree-content {\n            padding-left: 25px !important;\n          }\n        }\n      }\n    }\n\n    .section-desc {\n      margin-top: 4px;\n      font-size: 14px;\n    }\n\n    .specific-class.open-item .vs-collapse-item--content {\n      overflow: visible !important;\n    }\n\n    .divider {\n      width: 95%;\n      border: 1px solid rgba(189, 195, 202, 0.215527);\n      margin: 0 auto;\n    }\n\n    .adsetSectionContainer {\n      .vs-collapse-item {\n        border-bottom: 0 !important;\n      }\n\n      .ad-set-details-container {\n        padding-top: 20px;\n        border-bottom-right-radius: 15px;\n        border-bottom-left-radius: 15px;\n      }\n    }\n\n    .audience-section-container {\n      border-top-left-radius: 15px;\n      border-top-right-radius: 15px;\n    }\n\n    .save-audience-button {\n      button {\n        background-color: white;\n        border: 1px solid #0092d7;\n        color: #0092d7;\n        box-shadow: none;\n        width: 180px;\n        height: 40px;\n        cursor: pointer;\n        margin-left: 30px;\n        border-radius: 3px;\n      }\n\n      .save-audience-desc-parent {\n        margin-top: 20px;\n        margin-left: 30px;\n        padding-bottom: 30px;\n\n        .save-audience-desc {\n          color: #0092d7;\n          font-weight: 300;\n          font-size: 14px;\n        }\n      }\n    }\n\n    .adsetSectionContainer header {\n      cursor: pointer;\n    }\n\n    .adsetSectionContainer header.vs-collapse-item--header span i {\n      font-size: 3rem;\n    }\n\n    .adsetSectionContainer header.vs-collapse-item--header div {\n      font-size: 1.5rem;\n    }\n\n    .adsetSectionContainer .vs-collapse-item {\n      background-color: white;\n      cursor: default;\n    }\n\n    .adsetSectionContainer .vx-card .vx-card__header .vx-card__actions svg {\n      height: 4rem;\n      width: 4rem;\n    }\n\n    .treeContainer {\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      border-radius: 10px;\n    }\n\n    @media (max-width: 576px) {\n      .adsetSectionContainer header.vs-collapse-item--header div {\n        font-size: 1.2rem;\n      }\n\n      .vuesax-app-is-ltr .vs-collapse.default .open-item .vs-collapse-item--icon-header {\n        margin-top: -43px;\n      }\n\n      .adsetSectionContainer header.vs-collapse-item--header span i {\n        font-size: 2rem;\n      }\n    }\n\n    /* For tags span */\n    .span-tag {\n      border: 1px solid #6dc5d0;\n      box-sizing: border-box;\n      border-radius: 21px;\n      padding: 6px 10px;\n      font-weight: 500;\n      color: #6dc5d0;\n      cursor: pointer;\n    }\n\n    .span-tag:hover {\n      background-color: rgba(109, 197, 208, 0.15);\n    }\n\n    .span-tag-active {\n      background-color: #6dc5d0;\n      color: white;\n    }\n\n    .span-tag-active:hover {\n      background-color: #6dc5d0;\n    }\n\n    @media (max-width: 576px) {\n      .span-tag {\n        overflow-x: scroll;\n        display: inline-block;\n      }\n\n      .section-desc {\n        width: 90%;\n      }\n    }\n\n    /* For the checkbox tree */\n    .tree-checkbox.checked,\n    .tree-checkbox.indeterminate {\n      border: 2px solid #6dc5d0 !important;\n      background: #6dc5d0;\n      border-radius: 2px !important;\n      width: 16px;\n      height: 16px;\n    }\n\n    .tree-checkbox {\n      width: 16px !important;\n      border-radius: 2px !important;\n      height: 16px !important;\n    }\n\n    .tree-checkbox.checked::after {\n      left: 4px !important;\n      top: -1px !important;\n      height: 9px !important;\n      width: 4px !important;\n    }\n\n    .tree-node:not(.selected) > .tree-content:hover {\n      background-color: #e9f6f8;\n    }\n\n    .tree-node.selected > .tree-content {\n      background: #e9f6f8;\n    }\n\n    .tree-content {\n      padding-left: 0 !important;\n    }\n\n    .first-collapse-style {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 15px;\n      border-bottom-left-radius: 15px;\n    }\n\n    .collapse-style {\n      border-radius: 15px;\n    }\n\n    .card-error {\n      border: 1px solid rgba(224, 32, 32, 0.5);\n    }\n\n    .divider {\n      border: 1px solid rgba(189, 195, 202, 0.215527);\n      margin: 0 auto;\n    }\n\n    .btn {\n      background: #0092d7;\n      border: 1.28px solid #fff;\n      box-sizing: border-box;\n      border-radius: 2.88px;\n    }\n\n    .autocomplete-input,\n    .autocomplete-input:focus,\n    .autocomplete-input[aria-expanded=true] {\n      background-color: white;\n      border: 1px solid rgba(0, 0, 0, 0.15);\n      box-shadow: none;\n      padding: 7px 7px 7px 48px;\n      border-radius: 4px;\n    }\n  }\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create-audience.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create-audience.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./create-audience.vue?vue&type=template&id=648605a0&scoped=true&\"\nimport script from \"./create-audience.vue?vue&type=script&lang=js&\"\nexport * from \"./create-audience.vue?vue&type=script&lang=js&\"\nimport style0 from \"./create-audience.vue?vue&type=style&index=0&id=648605a0&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  \"648605a0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./create-audience.vue?vue&type=style&index=0&id=648605a0&lang=scss&scoped=true&\"","// 21.1.3.18 String.prototype.startsWith(searchString [, position ])\n'use strict';\nvar $export = require('./_export');\nvar toLength = require('./_to-length');\nvar context = require('./_string-context');\nvar STARTS_WITH = 'startsWith';\nvar $startsWith = ''[STARTS_WITH];\n\n$export($export.P + $export.F * require('./_fails-is-regexp')(STARTS_WITH), 'String', {\n  startsWith: function startsWith(searchString /* , position = 0 */) {\n    var that = context(this, searchString, STARTS_WITH);\n    var index = toLength(Math.min(arguments.length > 1 ? arguments[1] : undefined, that.length));\n    var search = String(searchString);\n    return $startsWith\n      ? $startsWith.call(that, search, index)\n      : that.slice(index, index + search.length) === search;\n  }\n});\n"],"sourceRoot":""}