{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AudienceSection.vue?69e0","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/AudienceSection.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AudienceSection.vue?6151","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AudienceSection.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","adsetIndex","on","$event","$gtag","event","model","value","callback","$$v","$set","expression","_v","_s","$t","directives","name","rawName","$vErrors","has","errors","serverErrors","first","_e","o","id","audiences","$vs","rtl","staticRenderFns","props","type","Object","required","Number","computed","map","audience","target","watch","handler","$emit","newVal","deep","audienceSelected","created","$root","$on","exists","methods","find","standardizeTarget","countries","cities","component"],"mappings":"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","file":"js/chunk-2d0cf863.1cdd62f7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-4\"},[_c('vs-radio',{attrs:{\"id\":\"create-campaign-s3-add-audience-checbox\",\"vs-name\":(\"step3.adsets.\" + _vm.adsetIndex + \".new_audience\"),\"vs-value\":true},on:{\"input\":function($event){return _vm.$gtag.event('Audience_New')}},model:{value:(_vm.value.new_audience),callback:function ($$v) {_vm.$set(_vm.value, \"new_audience\", $$v)},expression:\"value.new_audience\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"Add new audience\"))+\"\\n    \")])],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-4\"},[_c('vs-radio',{attrs:{\"id\":\"create-campaign-s3-choose-saved-audience-checkbox\",\"vs-name\":(\"step3.adsets.\" + _vm.adsetIndex + \".new_audience\"),\"vs-value\":false},on:{\"input\":function($event){return _vm.$gtag.event('Audience_Saved')}},model:{value:(_vm.value.new_audience),callback:function ($$v) {_vm.$set(_vm.value, \"new_audience\", $$v)},expression:\"value.new_audience\"}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"Choose from saved audience\"))+\"\\n    \")])],1),(_vm.value.new_audience)?_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-6\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|max:25'),expression:\"'required|max:25'\"}],staticClass:\"w-full\",attrs:{\"id\":\"create-campaign-s3-audience-input\",\"label\":_vm.$t('Audience Name'),\"name\":(\"step3.adsets.\" + _vm.adsetIndex + \".new_audience_name\"),\"data-vv-as\":_vm.$t('Audience Name'),\"danger\":_vm.$vErrors.has([_vm.errors, _vm.serverErrors], (\"step3.adsets.\" + _vm.adsetIndex + \".new_audience_name\")),\"placeholder\":_vm.$t('Audience Name'),\"maxLength\":\"25\"},model:{value:(_vm.value.new_audience_name),callback:function ($$v) {_vm.$set(_vm.value, \"new_audience_name\", $$v)},expression:\"value.new_audience_name\"}}),(_vm.$vErrors.has([_vm.errors, _vm.serverErrors], (\"step3.adsets.\" + _vm.adsetIndex + \".new_audience_name\")))?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$vErrors.first([_vm.errors, _vm.serverErrors], (\"step3.adsets.\" + _vm.adsetIndex + \".new_audience_name\")))+\"\\n    \")]):_vm._e()],1):_c('div',{staticClass:\"vx-col md:w-1/2 w-full mb-6\"},[_c('label',{staticClass:\"input-label\"},[_vm._v(_vm._s(_vm.$t('Audience Name')))]),_c('v-select',{staticClass:\"baisc-select mt-3\",attrs:{\"name\":(\"step3.adsets.\" + _vm.adsetIndex + \".audience_id\"),\"label\":\"name\",\"reduce\":function (o) { return o.id; },\"options\":_vm.audiences,\"placeholder\":_vm.$t('Not Selected'),\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},on:{\"input\":function($event){return _vm.$gtag.event('Audience_Savedchoose')}},model:{value:(_vm.value.audience_id),callback:function ($$v) {_vm.$set(_vm.value, \"audience_id\", $$v)},expression:\"value.audience_id\"}}),(_vm.$vErrors.has([_vm.errors, _vm.serverErrors], (\"step3.adsets.\" + _vm.adsetIndex + \".audience_id\")))?_c('span',{staticClass:\"text-danger\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$vErrors.first([_vm.errors, _vm.serverErrors], (\"step3.adsets.\" + _vm.adsetIndex + \".audience_id\")))+\"\\n    \")]):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row\">\n    <div class=\"vx-col md:w-1/2 w-full mb-4\">\n      <vs-radio\n        @input=\"$gtag.event('Audience_New')\"\n        id=\"create-campaign-s3-add-audience-checbox\"\n        v-model=\"value.new_audience\"\n        :vs-name=\"`step3.adsets.${adsetIndex}.new_audience`\"\n        :vs-value=\"true\"\n      >\n        {{ $t(\"Add new audience\") }}\n      </vs-radio>\n    </div>\n\n    <div class=\"vx-col md:w-1/2 w-full mb-4\">\n      <vs-radio\n        @input=\"$gtag.event('Audience_Saved')\"\n        id=\"create-campaign-s3-choose-saved-audience-checkbox\"\n        v-model=\"value.new_audience\"\n        :vs-name=\"`step3.adsets.${adsetIndex}.new_audience`\"\n        :vs-value=\"false\"\n      >\n        {{ $t(\"Choose from saved audience\") }}\n      </vs-radio>\n    </div>\n\n\n    <div class=\"vx-col md:w-1/2 w-full mb-6\" v-if=\"value.new_audience\">\n      <vs-input id=\"create-campaign-s3-audience-input\" :label=\"$t('Audience Name')\" v-model=\"value.new_audience_name\" :name=\"`step3.adsets.${adsetIndex}.new_audience_name`\" v-validate=\"'required|max:25'\" :data-vv-as=\"$t('Audience Name')\" :danger=\"$vErrors.has([errors, serverErrors], `step3.adsets.${adsetIndex}.new_audience_name`)\"  :placeholder=\"$t('Audience Name')\" class=\"w-full\" maxLength=\"25\" />\n      <span v-if=\"$vErrors.has([errors, serverErrors], `step3.adsets.${adsetIndex}.new_audience_name`)\" class=\"text-danger\">\n        {{ $vErrors.first([errors, serverErrors], `step3.adsets.${adsetIndex}.new_audience_name`) }}\n      </span>\n    </div>\n    <div class=\"vx-col md:w-1/2 w-full mb-6\" v-else>\n      <label class=\"input-label\">{{ $t('Audience Name') }}</label>\n      <v-select\n        @input=\"$gtag.event('Audience_Savedchoose')\"\n        :name=\"`step3.adsets.${adsetIndex}.audience_id`\"\n        v-model=\"value.audience_id\"\n        label=\"name\"\n        :reduce=\"o => o.id\"\n        :options=\"audiences\"\n        class=\"baisc-select mt-3\"\n        :placeholder=\"$t('Not Selected')\"\n        :dir=\"$vs.rtl ? 'rtl' : 'ltr'\"\n      />\n\n      <span v-if=\"$vErrors.has([errors, serverErrors], `step3.adsets.${adsetIndex}.audience_id`)\" class=\"text-danger\">\n        {{ $vErrors.first([errors, serverErrors], `step3.adsets.${adsetIndex}.audience_id`) }}\n      </span>\n    </div>\n  </div>\n</template>\n\n\n<script>\n\nimport _ from 'lodash'\n\nexport default {\n  props: {\n    value: {\n      type: Object,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    serverErrors: {\n      required: true\n    }\n  },\n  computed: {\n    audiences () {\n      const audiences = _.cloneDeep(this.$store.getters['campaign/targetingLookups'].audiences)\n\n      return audiences.map((audience) => {\n        audience.target = this.standardizeTarget(audience.target)\n\n        return audience\n      })\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    },\n    'value.audience_id' () {\n      this.audienceSelected()\n    }\n  },\n  created () {\n    this.$root.$on('audience:created', (audience) => {\n      const exists = this.audiences.findIndex(i => i.id === audience.id) > -1\n      if (!exists) {\n        this.audiences.push(audience)\n      }\n    })\n  },\n  methods: {\n    audienceSelected () {\n      this.$emit('audience:selected', this.audiences.find(i => i.id === this.value.audience_id))\n    },\n\n    standardizeTarget (target) {\n      const shouldHaveKeys = {\n        'locations': {\n          countries:[],\n          cities:[]\n        },\n        'isps':[],\n        'target_devices':[],\n        'target_platforms':{\n          'websites':[],\n          'apps':[],\n          'purgeable_disallowed_domains_history':[],\n          'include_new_platforms':true\n        },\n        'content_categories':[],\n        'frequency_capping':0\n      }\n      return _.assign(shouldHaveKeys, target)\n    }\n\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!./AudienceSection.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!./AudienceSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AudienceSection.vue?vue&type=template&id=2d856154&\"\nimport script from \"./AudienceSection.vue?vue&type=script&lang=js&\"\nexport * from \"./AudienceSection.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"],"sourceRoot":""}