{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/Keywords.vue?e774","webpack:///./src/assets/images/campaigns/inactive-keyword.svg","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue?1c25","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue?1121","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue","webpack:///./src/assets/images/campaigns/active-keyword.svg","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetPlatforms.vue?ec7e","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/Keywords.vue?bdb7","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/Keywords.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/Keywords.vue?7685","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/Keywords.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/LocationTargeting.vue?79ce","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/LocationTargeting.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/LocationTargeting.vue?ef71","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/LocationTargeting.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/LocationTargeting.vue?6709"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","class","looking_for","attrs","on","$event","$gtag","event","changeLookingFor","value","websites","length","apps","directives","name","rawName","expression","search_placeholder","domProps","target","composing","filterText","selectAll","model","callback","$$v","select_all","ref","tree","treeOptions","removeTargetFromTree","addTargetFromTree","scopedSlots","_u","key","fn","node","data","hasOwnProperty","text","itemsCountPerCategory","id","websites_count","apps_count","$set","staticRenderFns","props","type","Object","required","industry_id","Number","editing","Boolean","default","account_id","adsetIndex","isRefillingFromAnAudience","watch","handler","$emit","newVal","isSelectAllChecked","deep","components","Autocomplete","categories","counts","getTreeData","fire_platforms_events","checkbox","isDataFilled","mounted","$root","$on","domain","item","treeItem","uncheck","check","computed","categoriesHashMap","map","result","category","forEach","$return","count","methods","initRequest","for_tree","forTree","params","window","axios","get","hideLoader","resetValues","then","addCategory","categoryExist","push","addTarget","state","disabled","isCategoryAdded","find","isSelected","countedByCategory","category_id","removeTarget","valueIndex","splice","states","unselect","categoriesUnique","total_websites","total_apps","newValue","Promise","resetType","resolve","component","_typeof","obj","constructor","prototype","searchForKeyword","selectKeyword","_b","_l","keyword","removeKeyword","_e","preventDefault","show_recommended","recommended_keywords","includes","addKeyword","Array","getRecommendedKeywords","findIndex","document","querySelectorAll","element","setAttribute","showRecommendation","advertisingChannel","supports_update_targeting","acceptanceStatus","searchLocation","addLocation","country","_m","region","index","regionsSelectedLength","countries_count","regionCountries","countries","locations","cities","filter","i","country_id","removeLocation","regions","status","$store","getters","addCountry","addCity","prepend","$refs","remove","nodeName","vindex"],"mappings":"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","file":"js/chunk-6beacf1a.ef17a099.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!./Keywords.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/inactive-keyword.cc4b7583.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"target-platforms\"},[_c('div',{staticClass:\"vx-row mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h5',[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Target Platforms'))+\"\\n      \")])])]),_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('span',{staticClass:\"mr-3 span-tag\",class:{'span-tag-active' : _vm.looking_for == 'websites'},attrs:{\"id\":\"create-campaign-s3-platform-websites-button\"},on:{\"click\":[function($event){return _vm.$gtag.event('Step3_PublishersTab_Websites')},function($event){return _vm.changeLookingFor('websites')}]}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Websites'))+\" (\"+_vm._s(_vm.value.websites.length)+\" \"+_vm._s(_vm.$t('Selected'))+\")\\n      \")]),_c('span',{staticClass:\"mt-4 mr-3 span-tag\",class:{'span-tag-active' : _vm.looking_for == 'apps'},attrs:{\"id\":\"create-campaign-s3-platform-apps-button\"},on:{\"click\":[function($event){return _vm.$gtag.event('Step3_PublishersTab_Apps')},function($event){return _vm.changeLookingFor('apps')}]}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Mobile Applications'))+\" (\"+_vm._s(_vm.value.apps.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 mt-6 mb-5\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"create-campaign-s3-platform-select-all-checkbox\",\"color\":\"#6DC5D0\"},on:{\"change\":_vm.selectAll},model:{value:(_vm.select_all),callback:function ($$v) {_vm.select_all=$$v},expression:\"select_all\"}},[_vm._v(_vm._s(_vm.$t('Select All')))])],1)]),_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\"},[[(node.data.hasOwnProperty('websites_count') || node.data.hasOwnProperty('apps_count'))?_c('span',{staticClass:\"inline-block align-middle mr-3\"},[_vm._v(\"\\n              \"+_vm._s(node.text)+\"\\n              (\\n                \"+_vm._s(_vm.itemsCountPerCategory[node.data.id]\n                    ? (_vm.itemsCountPerCategory[node.data.id][_vm.looking_for] ? _vm.itemsCountPerCategory[node.data.id][_vm.looking_for] : 0)\n                    : 0)+\"\\n                /\\n                \"+_vm._s(_vm.looking_for == 'websites' ? node.data.websites_count : node.data.apps_count)+\"\\n              )\\n            \")]):_c('span',{staticClass:\"inline-block align-middle mr-3\"},[_vm._v(\"\\n              \"+_vm._s(node.text)+\"\\n            \")])]],2)}}])})],1)]),_c('div',{staticClass:\"vx-row mt-8\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"create-campaign-s3-platform-include-new-button\",\"color\":\"#6DC5D0\"},on:{\"input\":function($event){return _vm.$gtag.event('Step3_PublishersTab_IncludeNew')}},model:{value:(_vm.value.include_new_platforms),callback:function ($$v) {_vm.$set(_vm.value, \"include_new_platforms\", $$v)},expression:\"value.include_new_platforms\"}},[_vm._v(_vm._s(_vm.$t('Include all new websites.')))])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"target-platforms\">\n    <div class=\"vx-row mb-10\">\n      <div class=\"vx-col w-full\">\n        <h5>\n          {{ $t('Target Platforms') }}\n        </h5>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-10\">\n      <div class=\"vx-col w-full\">\n        <span v-on:click=\"$gtag.event('Step3_PublishersTab_Websites')\" id=\"create-campaign-s3-platform-websites-button\" class=\"mr-3 span-tag\" :class=\"{'span-tag-active' : looking_for == 'websites'}\" @click=\"changeLookingFor('websites')\">\n          {{ $t('Websites') }} ({{ value.websites.length }} {{ $t('Selected') }})\n        </span>\n\n        <span v-on:click=\"$gtag.event('Step3_PublishersTab_Apps')\" id=\"create-campaign-s3-platform-apps-button\" class=\"mt-4 mr-3 span-tag\" :class=\"{'span-tag-active' : looking_for == 'apps'}\" @click=\"changeLookingFor('apps')\">\n          {{ $t('Mobile Applications') }} ({{ value.apps.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 mt-6 mb-5\">\n      <div class=\"vx-col w-full\">\n        <vs-checkbox id=\"create-campaign-s3-platform-select-all-checkbox\" class=\"ml-0\" color=\"#6DC5D0\" v-model=\"select_all\" @change=\"selectAll\">{{ $t('Select All') }}</vs-checkbox>\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            <template>\n              <span v-if=\"node.data.hasOwnProperty('websites_count') || node.data.hasOwnProperty('apps_count')\" class=\"inline-block align-middle mr-3\">\n                {{ node.text }}\n                (\n                  {{\n                    itemsCountPerCategory[node.data.id]\n                      ? (itemsCountPerCategory[node.data.id][looking_for] ? itemsCountPerCategory[node.data.id][looking_for] : 0)\n                      : 0\n                  }}\n                  /\n                  {{ looking_for == 'websites' ? node.data.websites_count : node.data.apps_count }}\n                )\n              </span>\n              <span v-else class=\"inline-block align-middle mr-3\">\n                {{ node.text }}\n              </span>\n            </template>\n          </span>\n        </tree>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-8\">\n      <div class=\"vx-col w-full\">\n        <vs-checkbox @input=\"$gtag.event('Step3_PublishersTab_IncludeNew')\" id=\"create-campaign-s3-platform-include-new-button\" class=\"ml-0\" color=\"#6DC5D0\" v-model=\"value.include_new_platforms\">{{ $t('Include all new websites.') }}</vs-checkbox>\n      </div>\n    </div>\n  </div>\n</template>\n\n\n<script>\nimport Autocomplete from '@trevoreyre/autocomplete-vue'\nimport '@trevoreyre/autocomplete-vue/dist/style.css'\nimport {cloneDeep} from 'lodash'\n\nexport default {\n  props: {\n    value: {\n      type: Object,\n      required: true\n    },\n    industry_id: {\n      type: Number,\n      required: true\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n      required: false\n    },\n    account_id: {\n      type: Number,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    isRefillingFromAnAudience: {\n      type: Boolean,\n      default: false\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n\n        this.isSelectAllChecked(newVal)\n      },\n      deep: true\n    }\n  },\n  components: {\n    Autocomplete\n  },\n  data () {\n    return {\n      looking_for: 'websites', // only in [websites, apps]\n      target: {\n        websites: [],\n        apps: []\n      },\n      categories: [],\n      counts: {\n        websites: [],\n        apps: []\n      },\n      filterText: '',\n      tree: this.getTreeData(),\n      select_all: true,\n      fire_platforms_events: true,\n      treeOptions: {\n        checkbox: true\n      },\n      isDataFilled: false\n    }\n  },\n  mounted () {\n    // after component is ready i need to check if there is isps in the \"main state\" if there any will trigger a request and select it\n    // and if not i need to fetch all platforms\n    // setTimeout(async () => {\n    //   const response = await this.initRequest()\n    //   response.data.payload.forEach(item => {\n    //     this.addTarget(\n    //       item,\n    //       this.value.websites.length && this.value.apps.length ? this.value[item.type].includes(item.id) : true,\n    //       item.type !== this.looking_for\n    //     )\n    //   })\n    // }, 0)\n\n    // when a user removes a websites from price flooring table it must be removed from here\n    this.$root.$on(`price-flooring:${this.adsetIndex}:platform-deleted`, (domain) => {\n      if (!domain) {\n        return\n      }\n\n      const item = this.target[domain.type].find((i) => i.id === domain.id)\n\n      if (item) {\n        // Fire event \"platforms:changed\"\n        this.removeTarget(item)\n\n        if (this.$refs.tree) {\n          const treeItem = this.$refs.tree.find(item.name)\n          if (treeItem) {\n            treeItem.uncheck()\n          }\n        }\n      }\n    })\n\n    // when a user removes a websites from price flooring table it must be added from here\n    this.$root.$on(`price-flooring:${this.adsetIndex}:platform-added`, (domain) => {\n      if (!domain) {\n        return\n      }\n\n      const item = this.target[domain.type].find((i) => i.id === domain.id)\n\n      if (item) {\n        // Fire event \"platforms:changed\"\n        this.addTarget(item)\n\n        if (this.$refs.tree) {\n          const treeItem = this.$refs.tree.find(item.name)\n          if (treeItem) {\n            treeItem.check()\n          }\n        }\n      }\n    })\n  },\n  computed: {\n    search_placeholder () {\n      return this.looking_for === 'websites' ? this.$t('Search for website.') : this.$t('Search for mobile applications.')\n    },\n    categoriesHashMap () {\n      if (this.categories.length) {\n        return this.categories.map((category) => {\n          const result = {}\n          result[category.id] = true\n        })\n      }\n      return {}\n    },\n    itemsCountPerCategory () {\n      const $return = []\n\n      if (this.categories.length) {\n        this.categories.forEach(category => {\n          let websites = this.counts['websites'].find(i => i.category_id === category.id)\n\n          if (!websites) {\n            websites = {count: 0}\n          }\n\n          let apps = this.counts['apps'].find(i => i.category_id === category.id)\n\n          if (!apps) {\n            apps = {count: 0}\n          }\n\n          $return[category.id] = {\n            websites: websites.count,\n            apps: apps.count\n          }\n        })\n      }\n\n      return $return\n    }\n  },\n  methods: {\n    async getTreeData (looking_for = 'websites', forceFill = false, skipRefillingFromAnAudience = false, hideLoader = true) {\n      /**\n       * hay maintainer here I'm explaining the states that are critical to fill\n       * this.value.websites : the selected websites ids\n       * this.value.apps : the selected apps ids\n       *\n       ** like a local data base of websites in the component level\n       * this.target.websites : the selected websites object\n       * this.target.apps : the selected apps object\n       *\n       ** a local data base  in component level\n       * this.categories: the categories objects\n       *\n       ** a database for counts\n       * this.counts.websites : the seleccted websites count per category\n       * this.counts.apps : the seleccted apps count per category\n       */\n\n      if (!['websites', 'apps'].includes(looking_for)) {\n        return\n      }\n\n      const response = await this.initRequest(null, true, hideLoader)\n\n      const isRefillingFromAnAudience = skipRefillingFromAnAudience ? false : this.isRefillingFromAnAudience\n\n      if (!this.isDataFilled || forceFill || isRefillingFromAnAudience) {\n        const websites_data = response.data.payload.map(i => i.children.filter(v => v.state.checked).map(v => v.data).flat()).flat().filter(i => i.type === 'websites')\n        const apps_data = response.data.payload.map(i => i.children.filter(v => v.state.checked).map(v => v.data).flat()).flat().filter(i => i.type === 'apps')\n\n        const refillValues = (!this.editing || forceFill)\n        const isWebsitesNotFilled = (looking_for === 'websites' || !this.isDataFilled)\n        const isAppsNotFilled = (looking_for === 'apps' || !this.isDataFilled)\n\n        const selectableWebsitesIds = websites_data.map(i => i.id)\n        const selectableAppsIds = apps_data.map(i => i.id)\n\n        if (isRefillingFromAnAudience) {\n          this.value.websites = this.value.websites.filter(id => selectableWebsitesIds.includes(id))\n          this.value.apps = this.value.apps.filter(id => selectableAppsIds.includes(id))\n        } else {\n          if (refillValues && isWebsitesNotFilled) {\n            this.value.websites = selectableWebsitesIds\n          }\n\n          if (refillValues && isAppsNotFilled) {\n            this.value.apps = selectableAppsIds\n          }\n        }\n\n        this.target.websites = websites_data\n        this.target.apps = apps_data\n\n        this.isDataFilled = true\n      }\n\n      this.categories = response.data.payload.map(i => i.data)\n\n      this.counts.websites = response.data.payload.map((i) => {\n        return {\n          category_id: i.data.id,\n          count: this.target.websites.filter(v => this.value.websites.includes(v.id) && v.category_id === i.data.id).length\n        }\n      })\n\n      this.counts.apps = response.data.payload.map((i) => {\n        return {\n          category_id: i.data.id,\n          count: this.target.apps.filter(v => this.value.apps.includes(v.id) && v.category_id === i.data.id).length\n        }\n      })\n\n      const treeData = response.data.payload\n\n      treeData.forEach((categoryTree, index) => {\n        const selectedCount = this.counts[looking_for].filter(i => i.category_id === categoryTree.data.id)[0].count\n\n        treeData[index].state.checked = selectedCount > 0 ? categoryTree.data[`${looking_for}_count`] === selectedCount : false\n\n        treeData[index].children.forEach(treeItem => {\n          if (this.editing || this.value[looking_for].length) {\n            treeItem.state.checked = treeItem.data.state.checked && this.value[looking_for].includes(treeItem.data.id)\n          } else {\n            treeItem.state.checked = false\n          }\n        })\n\n        treeData[index].children = treeData[index].children.filter(i => i.data.type === looking_for)\n      })\n\n\n      this.isSelectAllChecked(this.value)\n\n      return Promise.resolve(treeData.filter(i => i.data[`${looking_for}_count`] > 0))\n    },\n    initRequest (looking_for = null, forTree = false, hideLoader = false) {\n      const params = {\n        industry_id: this.industry_id,\n        for_tree: forTree ? 1 : 0,\n        account_id: this.account_id\n      }\n\n      if (looking_for !== null) {\n        params.type = looking_for\n      }\n\n      return window.axios.get('/recommendations/get/platforms', {\n        hideLoader,\n        params\n      })\n    },\n    async reInitSelections () {\n\n\n      const response = await this.initRequest()\n\n      response.data.payload.forEach(item => {\n        this.addTarget(item)\n      })\n\n\n    },\n    changeLookingFor (looking_for, oldLookingFor = 'websites', hideLoader = false) {\n      this.resetValues('soft').then(async () => {\n\n\n        this.filterText = ''\n\n        // change looking for value\n        if (looking_for === 'all') {\n          this.looking_for = oldLookingFor\n        } else {\n          this.looking_for = looking_for\n        }\n\n        const data = await this.getTreeData(this.looking_for, false, false, hideLoader)\n        this.$refs.tree.setModel(data)\n\n        this.isSelectAllChecked(this.value)\n\n      })\n    },\n    addCategory (item) {\n      const categoryExist = this.categoriesHashMap[item.id]\n      if (!categoryExist) {\n        this.categories.push(item)\n      }\n      return true\n    },\n    addTarget (item, isSelected = true) {\n      if (item.state.disabled) {\n        return\n      }\n\n      const isCategoryAdded = this.addCategory(item.category)\n      // check if item exists\n      if (isCategoryAdded) {\n        if (!this.target[item.type].find(i => item.id === i.id)) {\n          this.target[item.type].push(item)\n        }\n\n        if (isSelected) {\n        // push to value\n          if (!this.value[item.type].find(i => item.id === i)) {\n            this.value[item.type].push(item.id)\n\n            // push to counts\n            const countedByCategory = this.counts[item.type].find(i => i.category_id === item.category.id)\n            if (!countedByCategory) {\n              this.counts[item.type].push({\n                category_id: item.category.id,\n                count: 1\n              })\n            } else {\n              countedByCategory.count++\n            }\n          }\n        }\n      }\n\n    },\n    removeTarget (item) {\n      // remove from this.value\n      const valueIndex = this.value[item.type].findIndex(i => i === item.id)\n      if (valueIndex !== -1) {\n        this.value[item.type].splice(valueIndex, 1)\n\n        // remove from counts\n        const countedByCategory = this.counts[item.type].find(i => i.category_id === item.category.id)\n        if (countedByCategory && countedByCategory.count > 0) {\n          countedByCategory.count--\n        }\n      }\n    },\n    removeTargetFromTree (node) {\n      if (node.data.hasOwnProperty('category_id')) { // that means that the node is isp\n        this.removeTarget(node.data)\n      }\n    },\n    addTargetFromTree (node) {\n      if (node.data.state && node.data.state.disabled) {\n        node.states = {...node.states, ...node.data.state}\n        node.uncheck()\n        node.unselect()\n      }\n\n      if (node.data.hasOwnProperty('category_id')) { // that means that the node is isp\n        this.addTarget(node.data)\n      }\n    },\n    isSelectAllChecked (newValue) {\n      const target = cloneDeep(this.target)\n\n      const data = target.websites.concat(target.apps)\n\n      const categories = data.map(i => i.category)\n\n      const categoriesUnique = []\n\n      categories.forEach(category => {\n        if (!categoriesUnique.find(i => i.id === category.id)) {\n          categoriesUnique.push(category)\n        }\n      })\n\n      const total_websites = categoriesUnique.map(i => i.websites_count).reduce((a, b) => a + b, 0)\n      const total_apps = categoriesUnique.map(i => i.apps_count).reduce((a, b) => a + b, 0)\n\n      this.select_all = (this.looking_for === 'websites' ? total_websites : total_apps) === (this.looking_for === 'websites' ? newValue.websites.length : newValue.apps.length)\n    },\n    async selectAll () {\n      if (this.looking_for === 'websites') {\n        this.$gtag.event('Step3_PublishersTab_Websites_All')\n      } else {\n        this.$gtag.event('Step3_PublishersTab_Apps_All')\n      }\n\n      if (this.select_all) {\n        // this.changeLookingFor('all', this.looking_for)\n        const data = await this.getTreeData(this.looking_for, true, true, false)\n        this.$refs.tree.setModel(data)\n        return\n      }\n\n      // reset the selected value\n      this.value[this.looking_for] = []\n\n      // reset the counts\n      this.counts[this.looking_for] = []\n\n      const selection = this.$refs.tree.findAll({ state: { checked: true } })\n      selection.unselect()\n      selection.uncheck()\n\n      // const target = window._.cloneDeep(this.target)\n\n      // const data = this.looking_for === 'websites' ? target.websites : target.apps\n\n      // data.forEach((item) => {\n      //   // this.removeTarget(item)\n      //   // to uncheck\n      //   const node = this.$refs.tree.find(item.name)\n      //   if (node.length) {\n      //     node[0].uncheck()\n      //   }\n      // })\n    },\n    resetValues (resetType) {\n      return new Promise(resolve => {\n        // reset the counts\n        this.counts = {\n          websites: [],\n          apps: []\n        }\n\n        // clean the tree\n        this.categories.forEach(category => {\n          if (this.$refs.tree.find(category.name).length > 0) {\n            this.$refs.tree.remove(category.name)\n          }\n        })\n\n        // reset type is created to handle switching between the looking for option\n        if (resetType === 'soft') {\n          resolve()\n          return\n        }\n\n        // clean the selected items\n        this.target = {\n          websites: [],\n          apps: []\n        }\n\n        // reset the selected value\n        this.value.websites = []\n        this.value.apps = []\n\n        resolve()\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.target-platforms {\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!./TargetPlatforms.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!./TargetPlatforms.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TargetPlatforms.vue?vue&type=template&id=1c1ce532&\"\nimport script from \"./TargetPlatforms.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetPlatforms.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TargetPlatforms.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","module.exports = __webpack_public_path__ + \"img/active-keyword.a4df6e7c.svg\";","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!./TargetPlatforms.vue?vue&type=style&index=0&lang=scss&\"","import _Symbol from \"@babel/runtime-corejs2/core-js/symbol\";\nimport _Symbol$iterator from \"@babel/runtime-corejs2/core-js/symbol/iterator\";\nexport default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof _Symbol === \"function\" && typeof _Symbol$iterator === \"symbol\") {\n    _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n  } else {\n    _typeof = function _typeof(obj) {\n      return obj && typeof _Symbol === \"function\" && obj.constructor === _Symbol && obj !== _Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n  }\n\n  return _typeof(obj);\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('p',{staticClass:\"auto-complete-label\"},[_vm._v(_vm._s(_vm.$t('Keywords')))]),_c('autocomplete',{attrs:{\"id\":\"create-campaign-keywords-search-input\",\"search\":_vm.searchForKeyword,\"getResultValue\":function () {return ''},\"placeholder\":_vm.$t('Search for a keyword.')},on:{\"submit\":_vm.selectKeyword},scopedSlots:_vm._u([{key:\"result\",fn:function(ref){\nvar result = ref.result;\nvar props = ref.props;\nreturn [_c('li',_vm._b({},'li',props,false),[_c('div',{staticClass:\"wiki-title\"},[_vm._v(\"\\n              \"+_vm._s(result)+\"\\n            \")])])]}}])})],1)]),(_vm.value.length)?_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"keywords-container pt-3 px-3\"},[_vm._l((_vm.value),function(keyword){return _c('div',{key:'keywords' + keyword,staticClass:\"keyword-tag inline-block py-1 px-2 mr-3 mb-3\"},[_c('span',{staticClass:\"keyword mr-3\"},[_vm._v(\"\\n              \"+_vm._s(keyword)+\"\\n            \")]),_c('span',{staticClass:\"keyword-remove cursor-pointer\",on:{\"click\":function($event){return _vm.removeKeyword(keyword)}}},[_vm._v(\"X\")])])})],2)])]):_vm._e(),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"keywords-container-recommended\"},[_c('p',{staticClass:\"recommended-keywords-p border-black border-b-2\"},[_c('span',[_vm._v(\"\\n            \"+_vm._s(_vm.$t('Recommended Keywords'))+\"\\n          \")]),_c('a',{staticClass:\"float-right\",class:{'cursor-not-allowed text-gray-500': !_vm.value.length},attrs:{\"id\":\"create-campaign-keywords-show-more-less-button\",\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.value.length ? _vm.show_recommended = !_vm.show_recommended : null}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('Show '))+\"\\n            \"+_vm._s(_vm.show_recommended ? _vm.$t('less') : _vm.$t('more'))+\"\\n          \")])]),(_vm.show_recommended)?[_c('vs-divider',{staticClass:\"custom-divider-style\"}),(_vm.recommended_keywords.length)?_vm._l((_vm.recommended_keywords),function(keyword){return _c('div',{key:'keywords-' + keyword,staticClass:\"keyword-recommended inline-block w-auto overflow-hidden py-1 px-2 mr-3 mb-3\"},[_c('div',{staticClass:\"keyword-recommended-icon mr-3 inline-block \"},[(!_vm.value.includes(keyword))?_c('img',{staticClass:\"align-middle cursor-pointer\",attrs:{\"src\":require(\"@/assets/images/campaigns/inactive-keyword.svg\"),\"alt\":\"Inactive\"},on:{\"click\":function($event){return _vm.addKeyword(keyword)}}}):_vm._e(),(_vm.value.includes(keyword))?_c('img',{staticClass:\"align-middle cursor-pointer\",attrs:{\"src\":require(\"@/assets/images/campaigns/active-keyword.svg\"),\"alt\":\"Active\"},on:{\"click\":function($event){return _vm.removeKeyword(keyword)}}}):_vm._e()]),_c('div',{staticClass:\"keyword-recommended-text inline-block align-middle\",class:{'keyword-recommended-text-active': _vm.value.includes(keyword)}},[_vm._v(\"\\n                \"+_vm._s(keyword)+\"\\n              \")])])}):[_c('div',{staticClass:\"inline-block py-1 px-2 mr-3 mb-3\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('There is no recommended keywords'))+\"\\n            \")])]]:_vm._e()],2)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full\">\n        <p class=\"auto-complete-label\">{{ $t('Keywords') }}</p>\n        <autocomplete id=\"create-campaign-keywords-search-input\" @submit=\"selectKeyword\" :search=\"searchForKeyword\" :getResultValue=\"() => {return ''}\" :placeholder=\"$t('Search for a keyword.')\">\n          <template #result=\"{ result, props }\">\n            <li v-bind=\"props\">\n              <div class=\"wiki-title\">\n                {{ result }}\n              </div>\n            </li>\n          </template>\n        </autocomplete>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-10\" v-if=\"value.length\">\n      <div class=\"vx-col w-full\">\n        <div class=\"keywords-container pt-3 px-3\">\n          <template>\n            <div v-for=\"keyword in value\" :key=\"'keywords' + keyword\" class=\"keyword-tag inline-block py-1 px-2 mr-3 mb-3\">\n              <span class=\"keyword mr-3\">\n                {{ keyword }}\n              </span>\n              <span class=\"keyword-remove cursor-pointer\" @click=\"removeKeyword(keyword)\">X</span>\n            </div>\n          </template>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full\">\n        <div class=\"keywords-container-recommended\">\n          <p class=\"recommended-keywords-p border-black border-b-2\">\n            <span>\n              {{ $t('Recommended Keywords') }}\n            </span>\n            <a id=\"create-campaign-keywords-show-more-less-button\" class=\"float-right\" :class=\"{'cursor-not-allowed text-gray-500': !value.length}\" href=\"#\" @click.prevent=\"value.length ? show_recommended = !show_recommended : null\">\n              {{ $t('Show ') }}\n              {{ show_recommended ? $t('less') : $t('more') }}\n            </a>\n          </p>\n          <template v-if=\"show_recommended\">\n            <vs-divider class=\"custom-divider-style\" />\n            <template v-if=\"recommended_keywords.length\">\n              <div v-for=\"keyword in recommended_keywords\" :key=\"'keywords-' + keyword\" class=\"keyword-recommended inline-block w-auto overflow-hidden py-1 px-2 mr-3 mb-3\">\n                <div class=\"keyword-recommended-icon mr-3 inline-block \">\n                  <img v-if=\"!value.includes(keyword)\" class=\"align-middle cursor-pointer\" @click=\"addKeyword(keyword)\" src=\"@/assets/images/campaigns/inactive-keyword.svg\" alt=\"Inactive\" />\n                  <img v-if=\"value.includes(keyword)\" class=\"align-middle cursor-pointer\" @click=\"removeKeyword(keyword)\" src=\"@/assets/images/campaigns/active-keyword.svg\" alt=\"Active\" />\n                </div>\n                <div :class=\"{'keyword-recommended-text-active': value.includes(keyword)}\" class=\"keyword-recommended-text inline-block align-middle\">\n                  {{ keyword }}\n                </div>\n              </div>\n            </template>\n            <template v-else>\n              <div class=\"inline-block py-1 px-2 mr-3 mb-3\">\n                {{ $t('There is no recommended keywords') }}\n              </div>\n            </template>\n          </template>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Autocomplete from '@trevoreyre/autocomplete-vue'\nimport '@trevoreyre/autocomplete-vue/dist/style.css'\n\nexport default {\n  props: {\n    value: {\n      type: Array,\n      required: true\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        if (!this.value.length) {\n          this.show_recommended = false\n        } else {\n          this.show_recommended = true\n        }\n\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  components: {\n    Autocomplete\n  },\n  data () {\n    return {\n      recommended_keywords: [],\n      show_recommended: false\n    }\n  },\n  mounted () {\n    if (this.value.length) {\n      this.getRecommendedKeywords(this.value[this.value.length - 1])\n\n      this.show_recommended = true\n    }\n  },\n  methods: {\n    async searchForKeyword (input) {\n      let payload = []\n\n      if (input.length > 2) {\n        const response = await window.axios.get('/recommendations/get/keywords_ml', {\n          params: {\n            keyword: input\n          }\n        })\n\n        payload = response.data.payload\n      }\n\n      return new Promise(resolve => {\n        return resolve(payload)\n      })\n    },\n    async getRecommendedKeywords (item) {\n      const response = await window.axios.get('/recommendations/get/keywords_nearest_ml', {\n        params: {\n          keywords: [item]\n        }\n      })\n\n      this.recommended_keywords = response.data.payload\n    },\n    selectKeyword (item) {\n      this.addKeyword(item, true)\n    },\n    addKeyword (item, showRecommendation = false) {\n      // add to value\n      if (this.value.findIndex(i => i === item) === -1) {\n        this.value.push(item)\n      }\n\n      document.querySelectorAll('.open-item .vs-collapse-item--content').forEach(element => {\n        element.setAttribute('style', 'max-height: auto !important')\n      })\n\n      if (showRecommendation) {\n        this.getRecommendedKeywords(item)\n      }\n    },\n    removeKeyword (keyword) {\n      // remove from value\n      const valueIndex = this.value.findIndex(i => i === keyword)\n      if (valueIndex > -1) {\n        this.value.splice(valueIndex, 1)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  .keywords-container,\n  .keywords-container-recommended {\n    border-radius: 4px;\n    border: 1px solid rgba(0, 0, 0, 0.15);\n    background: #fff;\n  }\n\n  .recommended-keywords-p {\n    padding: 9.5px;\n  }\n\n  .auto-complete-label {\n    font-weight: normal;\n    font-size: 16px;\n    color: rgba(0, 0, 0, 0.75);\n    margin-bottom: 7px;\n  }\n\n  .keywords-container .keyword-tag {\n    background-color: rgba(0, 146, 215, 0.1);\n    border-radius: 3px;\n    color: #0092d7;\n    font-size: 12px;\n  }\n\n  .keywords-container-recommended {\n    margin-top: 24px;\n\n    .keyword-recommended-text {\n      color: rgba(0, 0, 0, 0.65);\n      font-size: 13px;\n    }\n\n    .keyword-recommended-icon {\n      color: rgba(0, 0, 0, 0.65);\n      font-size: 13px;\n    }\n\n    .keyword-recommended-text-active {\n      color: #0092d7;\n    }\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</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!./Keywords.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!./Keywords.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Keywords.vue?vue&type=template&id=c2545bc0&\"\nimport script from \"./Keywords.vue?vue&type=script&lang=js&\"\nexport * from \"./Keywords.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Keywords.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-6\"},[_c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('autocomplete',{attrs:{\"disabled\":_vm.editing && !_vm.advertisingChannel.supports_update_targeting && _vm.acceptanceStatus,\"id\":\"create-campaign-s3-search-city-input\",\"search\":_vm.searchLocation,\"getResultValue\":function () {return ''},\"placeholder\":_vm.$t('Search for city, country.')},on:{\"submit\":_vm.addLocation},scopedSlots:_vm._u([{key:\"result\",fn:function(ref){\nvar result = ref.result;\nvar props = ref.props;\nreturn [_c('li',_vm._b({},'li',props,false),[_c('div',{staticClass:\"wiki-title\"},[_vm._v(\"\\n              \"+_vm._s(result.name)+\"\\n              \"),(result.type && result.type === 'city')?_c('span',[_vm._v(\"\\n                - \"+_vm._s(result.country.name)+\"\\n              \")]):_vm._e()])])]}}])})],1)]),_c('div',{staticClass:\"vx-row mt-6 mb-10\"},[_vm._m(0),_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"region-parent\"},_vm._l((_vm.regions),function(region,index){return _c('span',{key:'span-tag-' + index,staticClass:\"mr-3 span-tag\",class:{'span-tag-active' : _vm.regionsSelectedLength[region.id] === region.countries_count},attrs:{\"id\":\"create-campaign-s3-regions-button\"},on:{\"click\":function($event){return _vm.regionCountries(region, _vm.regionsSelectedLength[region.id] === region.countries_count ? 'remove' : 'add')}}},[_vm._v(\"\\n          \"+_vm._s(region.id == 1 ? 'GCC' : region.name)+\" (\"+_vm._s(_vm.regionsSelectedLength[region.id])+\" / \"+_vm._s(region.countries_count)+\")\\n        \")])}),0)])]),_c('div',{staticClass:\"vx-row pt-3 h-64 overflow-y-scroll treeContainer mx-0\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('tree',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.value.countries.length),expression:\"value.countries.length\"}],ref:\"tree\",attrs:{\"data\":_vm.tree},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar node = ref.node;\nreturn _c('span',{staticClass:\"tree-text\"},[[(node.data.type === 'city')?_c('span',{staticClass:\"inline-block align-middle mt-2 mr-2\"},[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-map-pin\",\"svgClasses\":\"w-5 h-5\"}})],1):_vm._e(),(node.data.type === 'country')?[(_vm.locations.cities.filter(function (i) { return i.country_id == node.data.id; }).length == 0)?_c('i',{staticClass:\"tree-arrow has-child no-cities ltr\"}):_vm._e()]:_vm._e(),_c('span',{staticClass:\"inline-block align-middle mr-3\"},[_vm._v(\"\\n              \"+_vm._s(node.text)+\"\\n            \")]),_c('span',{staticClass:\"inline-block align-middle\",on:{\"click\":function($event){return _vm.removeLocation(node.data.id, node.data.type === 'city' ? 'cities' : 'countries')}}},[_vm._v(\"X\")])]],2)}}])}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.value.countries.length),expression:\"!value.countries.length\"}],staticClass:\"text-gray-600 pt-1\"},[_vm._v(\"\\n        Display locations you choose..\\n      \")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-col mb-8 w-full\"},[_c('span',{staticClass:\"suggested-tags\"},[_vm._v(\"Suggested Tags\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mb-6\">\n    <div class=\"vx-row mb-6\">\n      <div class=\"vx-col w-full\">\n        <autocomplete :disabled=\"editing && !advertisingChannel.supports_update_targeting && acceptanceStatus\" id=\"create-campaign-s3-search-city-input\" @submit=\"addLocation\" :search=\"searchLocation\" :getResultValue=\"() => {return ''}\" :placeholder=\"$t('Search for city, country.')\">\n          <template #result=\"{ result, props }\">\n            <li v-bind=\"props\">\n              <div class=\"wiki-title\">\n                {{ result.name }}\n                <span v-if=\"result.type && result.type === 'city'\">\n                  - {{ result.country.name }}\n                </span>\n              </div>\n            </li>\n          </template>\n        </autocomplete>\n      </div>\n    </div>\n\n    <div class=\"vx-row mt-6 mb-10\">\n      <div class=\"vx-col mb-8 w-full\">\n        <span class=\"suggested-tags\">Suggested Tags</span>\n      </div>\n      <div class=\"vx-col w-full\">\n        <div class=\"region-parent\">\n          <span\n            id=\"create-campaign-s3-regions-button\"\n            v-for=\"(region, index) in regions\"\n            :key=\"'span-tag-' + index\"\n            class=\"mr-3 span-tag\"\n            :class=\"{'span-tag-active' : regionsSelectedLength[region.id] === region.countries_count}\"\n            @click=\"regionCountries(region, regionsSelectedLength[region.id] === region.countries_count ? 'remove' : 'add')\"\n            >\n            {{ region.id == 1 ? 'GCC' : region.name }} ({{ regionsSelectedLength[region.id] }} / {{ region.countries_count }})\n          </span>\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 v-show=\"value.countries.length\" :data=\"tree\" ref=\"tree\">\n          <span class=\"tree-text\" slot-scope=\"{ node }\">\n            <template>\n              <span v-if=\"node.data.type === 'city'\" class=\"inline-block align-middle mt-2 mr-2\">\n                <vs-icon icon-pack=\"speakol\" icon=\"speakol-map-pin\" svgClasses=\"w-5 h-5\"/>\n              </span>\n              <template v-if=\"node.data.type === 'country'\">\n                <i v-if=\"locations.cities.filter(i => i.country_id == node.data.id).length == 0\" class=\"tree-arrow has-child no-cities ltr\"></i>\n              </template>\n              <span class=\"inline-block align-middle mr-3\">\n                {{ node.text }}\n              </span>\n              <span class=\"inline-block align-middle\" @click=\"removeLocation(node.data.id, node.data.type === 'city' ? 'cities' : 'countries')\">X</span>\n            </template>\n          </span>\n        </tree>\n        <div class=\"text-gray-600 pt-1\" v-show=\"!value.countries.length\">\n          Display locations you choose..\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Autocomplete from '@trevoreyre/autocomplete-vue'\nimport '@trevoreyre/autocomplete-vue/dist/style.css'\n\nexport default {\n  props: {\n    value: {\n      type: Object,\n      required: true\n    },\n    editing: {\n      type: Boolean,\n      default: false\n    },\n    advertisingChannel: {\n      type: Object,\n      required: false\n    },\n    acceptanceStatus: {\n      type: Boolean,\n      required: false\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        if (!newVal.countries.length) {\n          this.locations.countries = []\n        }\n\n        if (!newVal.cities.length) {\n          this.locations.cities = []\n        }\n\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  components: {\n    Autocomplete\n  },\n  data () {\n    return {\n      locations: {\n        countries: [],\n        cities: []\n      },\n      tree: []\n    }\n  },\n  computed: {\n    regionsSelectedLength () {\n      const status = []\n\n      this.regions.forEach(element => {\n        status[element.id] = element.countries.filter(c => this.value.countries.includes(c.id)).length\n      })\n\n      return status\n    },\n\n    regions () {\n      return this.$store.getters['campaign/targetingLookups'].regions\n    }\n  },\n  async created () {\n    await this.initSelectedLocations()\n  },\n  methods: {\n    async initSelectedLocations () {\n\n      // after getting regions i need to check if there is countries in the \"main state\" if there any will trigger a request and select it\n      if (this.value.countries.length || this.value.cities.length) {\n        const response = await window.axios.post('/recommendations/get/locations', {\n          countries: this.value.countries,\n          cities: this.value.cities,\n          find_by_ids: true,\n          hideLoader: true\n        })\n\n        response.data.payload.forEach(item => {\n          this.addLocation(item)\n        })\n      }\n    },\n    async searchLocation (input) {\n      let payload = []\n\n      if (!(input.length < 3)) {\n        const response = await window.axios.post('/recommendations/get/locations', {\n          keyword: input,\n          find_by_ids: false,\n          hideLoader: true\n        })\n\n        payload = response.data.payload\n      }\n\n      return new Promise(resolve => {\n        return resolve(payload)\n      })\n    },\n    addCountry (item) {\n      return new Promise(resolve => {\n        if (this.locations.countries.find(i => item.id === i.id) && this.value.countries.find(i => item.id === i)) {\n          return resolve(true)\n        }\n\n        if (!this.value.countries.find(i => item.id === i)) {\n          this.value.countries.push(item.id)\n        }\n\n        if (!this.locations.countries.find(i => item.id === i.id)) {\n          this.locations.countries.push(item)\n        }\n\n        if (this.$refs.tree.find(item.name).length === 0) {\n          this.$refs.tree.prepend({\n            text: item.name,\n            data: item\n          })\n        }\n\n        return resolve(true)\n      })\n    },\n    addCity (item) {\n      // check if item exists\n      if (this.locations.cities.find(i => item.id === i.id) && this.value.cities.find(i => item.id === i)) {\n        return\n      }\n\n      this.addCountry(item.country).then(() => {\n        if (!this.value.cities.find(i => item.id === i)) {\n          this.value.cities.push(item.id)\n        }\n\n        if (!this.locations.cities.find(i => item.id === i.id)) {\n          this.locations.cities.push(item)\n        }\n\n        const node = this.$refs.tree.find(item.country.name)\n\n        if (node.length && this.$refs.tree.find(item.name).length === 0) {\n          node[0].prepend({\n            text: item.name,\n            data: item\n          })\n        }\n      })\n    },\n    addLocation (item) {\n      // add the item to the main state => form.step3.adsets[adsetIndex].locations\n      if (item.type === 'city' && typeof item.country === 'object') {\n        this.addCity(item)\n        return\n      }\n\n      // in case country\n      this.addCountry(item)\n    },\n    removeLocation (id, type) {\n      if (this.editing && !this.advertisingChannel.supports_update_targeting && this.acceptanceStatus) {\n        return\n      }\n      // this.$refs.tree\n      const nodeName = this.locations[type].find(i => i.id === id).name\n      const node = this.$refs.tree.find(nodeName)\n      if (node.length) {\n        this.$refs.tree.remove(nodeName)\n      }\n\n      // this.locations[type]\n      const index = this.locations[type].findIndex(i => i.id === id)\n      this.locations[type].splice(index, 1)\n\n      // this.value[type]\n      const vindex = this.value[type].findIndex(i => i === id)\n      this.value[type].splice(vindex, 1)\n\n\n      // remove the country cities => this.locations.cities, this.value.cities\n      if (type === 'countries') {\n        this.locations.cities.filter(c => c.country && c.country_id === id).forEach(element => {\n          this.removeLocation(element.id, 'cities')\n        })\n      }\n    },\n    regionCountries (region, type) {\n      if (this.editing && !this.advertisingChannel.supports_update_targeting && this.acceptanceStatus) {\n        return\n      }\n      region.countries.forEach(element => {\n        if (type === 'add') {\n          element.type = 'country'\n          this.addCountry(element)\n        } else {\n          this.removeLocation(element.id, 'countries')\n        }\n      })\n      if (region.id === 1) {\n        this.$gtag.event('Step3_LocationTab_GCC')\n      } else if (region.id === 2) {\n        this.$gtag.event('Step3_LocationTab_Europe')\n      } else if (region.id === 3) {\n        this.$gtag.event('Step3_LocationTab_MENA')\n      }\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n  .no-cities::after {\n    border: 1.5px solid #ccc !important;\n    border-left: 0 !important;\n    border-top: 0 !important;\n    left: -30px !important;\n  }\n\n  .suggested-tags {\n    color: #2c2c2c;\n  }\n\n  .autocomplete-input::placeholder {\n    color: rgba(0, 0, 0, 0.2);\n    opacity: 1;\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!./LocationTargeting.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!./LocationTargeting.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LocationTargeting.vue?vue&type=template&id=5716829c&\"\nimport script from \"./LocationTargeting.vue?vue&type=script&lang=js&\"\nexport * from \"./LocationTargeting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LocationTargeting.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!./LocationTargeting.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}