{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDetailedMeta.vue?61d7","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/TargetDetailedMeta.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDetailedMeta.vue?a94e","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDetailedMeta.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDetailedMeta.vue?1552"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$t","value","length","directives","name","rawName","expression","search_placeholder","domProps","on","$event","target","composing","filterText","ref","tree","treeOptions","removeTargetFromTree","addTargetFromTree","scopedSlots","_u","key","fn","node","text","staticRenderFns","props","type","Array","required","editing","Boolean","default","adsetIndex","Number","acceptanceStatus","data","getTreeData","checkbox","targeting","methods","rowData","map","forEach","state","buildDetailedTargeting","parent_id","parentId","children","detailedTargeting","push","expandNestedParent","parent","targeting_id","splice","indexOf","id","disabled","states","uncheck","unselect","component"],"mappings":"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","file":"js/chunk-8bd5b1e6.fe2a93f3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"target-detailed-meta\"},[_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',{staticClass:\"mr-3 span-tag span-tag-active\",attrs:{\"id\":\"create-campaign-s3-platform-websites-button\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Targeting'))+\" (\"+_vm._s(_vm.value.length)+\" \"+_vm._s(_vm.$t('Selected'))+\")\\n      \")])])]),_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"autocomplete\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.filterText),expression:\"filterText\"}],staticClass:\"autocomplete-input\",attrs:{\"id\":\"create-campaign-s3-platform-search-input\",\"autocomplete\":\"off\",\"autocapitalize\":\"off\",\"autocorrect\":\"off\",\"spellcheck\":\"false\",\"placeholder\":_vm.search_placeholder},domProps:{\"value\":(_vm.filterText)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.filterText=$event.target.value}}})])])]),_c('div',{staticClass:\"vx-row pt-3 h-64 overflow-y-scroll treeContainer mx-0\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('tree',{ref:\"tree\",attrs:{\"data\":_vm.tree,\"filter\":_vm.filterText,\"options\":_vm.treeOptions},on:{\"node:unchecked\":_vm.removeTargetFromTree,\"node:checked\":_vm.addTargetFromTree},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar node = ref.node;\nreturn _c('span',{staticClass:\"tree-text\"},[_c('span',{staticClass:\"inline-block align-middle mr-3\"},[_vm._v(\"\\n            \"+_vm._s(node.text)+\"\\n          \")])])}}])})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"target-detailed-meta\">\n    <div class=\"vx-row mt-6 mb-10\">\n      <div class=\"vx-col w-full\">\n        <span id=\"create-campaign-s3-platform-websites-button\" class=\"mr-3 span-tag span-tag-active\">\n          {{ $t('Targeting') }} ({{ value.length }} {{ $t('Selected') }})\n        </span>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-10\">\n      <div class=\"vx-col w-full\">\n        <div class=\"autocomplete\">\n          <input id=\"create-campaign-s3-platform-search-input\" autocomplete=\"off\" autocapitalize=\"off\" autocorrect=\"off\" spellcheck=\"false\" v-model=\"filterText\" :placeholder=\"search_placeholder\" class=\"autocomplete-input\">\n        </div>\n      </div>\n    </div>\n\n    <div class=\"vx-row pt-3 h-64 overflow-y-scroll treeContainer mx-0\">\n      <div class=\"vx-col w-full\">\n        <tree :data=\"tree\" :filter=\"filterText\" :options=\"treeOptions\" ref=\"tree\" @node:unchecked=\"removeTargetFromTree\" @node:checked=\"addTargetFromTree\">\n          <span class=\"tree-text\" slot-scope=\"{ node }\">\n            <span class=\"inline-block align-middle mr-3\">\n              {{ node.text }}\n            </span>\n          </span>\n        </tree>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    value: {\n      type: Array,\n      required: true\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n      required: false\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    acceptanceStatus: {\n      type: Boolean | null,\n      required: true\n    }\n  },\n  data () {\n    return {\n      filterText: '',\n      search_placeholder: 'Search Detailed Targeting',\n      tree: this.getTreeData(),\n      treeOptions: {\n        checkbox: true\n      },\n      targeting: []\n    }\n  },\n  methods: {\n    getTreeData () {\n      const ExcludedTargetingIds = [19, 20, 21, 22, 127, 74, 75, 76, 77, 81, 82, 85, 438]\n      const rowData = this.$store.getters['campaign/targetingLookups'].meta_detailed_targeting.filter(target => !ExcludedTargetingIds.includes(target.id))\n      this.targeting = rowData.map(target => ({ ...target }))\n\n      this.targeting.forEach(target => {\n        if (this.value.includes(target.id)) {\n          target.state = { checked: true }\n          this.expandNestedParent(this.targeting, target)\n        }\n      })\n\n      return this.buildDetailedTargeting(this.targeting)\n    },\n    buildDetailedTargeting (targeting, parentId = 0) {\n      const detailedTargeting = []\n\n      targeting.forEach(target => {\n        target.text = target.name\n        target.data = {\n          'id' : target.id,\n          'type' : target.type,\n          'targeting_id' : target.targeting_id\n        }\n\n        if (target.parent_id === parentId) {\n          const children = this.buildDetailedTargeting(targeting, target.id)\n          if (children.length > 0) {\n            target.children = children\n          }\n\n          detailedTargeting.push(target)\n        }\n      })\n\n      return detailedTargeting\n    },\n    expandNestedParent (targeting, target) {\n      if (target.parent_id === 0) {\n        return\n      }\n\n      const parent = targeting.find(parent => parent.id === target.parent_id)\n      if (parent) {\n        parent.state = { expanded: true }\n      }\n\n      if (parent.parent_id === 0) {\n        return\n      }\n\n      this.expandNestedParent(targeting, parent)\n    },\n    removeTargetFromTree (node) {\n\n      if (node.data.targeting_id) {\n        this.value.splice(this.value.indexOf(node.data.id), 1)\n      }\n    },\n    addTargetFromTree (node) {\n\n      if (node.data.state && node.data.state.disabled) {\n        node.states = { ...node.states, ...node.data.state }\n        node.uncheck()\n        node.unselect()\n      } else if (node.data.targeting_id) {\n        this.value.push(node.data.id)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.target-detailed-meta {\n  .tree-children {\n    margin-left: 24px;\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!./TargetDetailedMeta.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!./TargetDetailedMeta.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TargetDetailedMeta.vue?vue&type=template&id=a111a98e&\"\nimport script from \"./TargetDetailedMeta.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetDetailedMeta.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TargetDetailedMeta.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--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!./TargetDetailedMeta.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}