{"version":3,"sources":["webpack:///./src/components/vue-nav-tabs/vue-nav-tabs.js","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/AdsetAds.vue?17d7","webpack:///src/views/campaigns/components/steps/components/AdsetAds/AdsetAds.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/AdsetAds.vue?c025","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/AdsetAds.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/AdsetAds.vue?3214"],"names":["_interopDefault","ex","_mergeJSXProps","require","VueTabs","name","props","activeTabColor","String","activeTextColor","disabledColor","disabledTextColor","textPosition","type","default","direction","centered","Boolean","value","Number","Object","data","activeTabIndex","tabs","computed","isTabShape","this","isStacked","classList","navType","centerClass","stackedClass","activeTabStyle","backgroundColor","color","methods","navigateToTab","index","route","changeTab","activateTab","tab","isTab","active","$emit","tabKey","oldIndex","newIndex","oldTab","newTab","disabled","tryChangeRoute","$router","push","addTab","item","$slots","indexOf","$vnode","splice","removeTab","getTabs","filter","comp","componentOptions","findTabAndActivate","tabNameOrIndex","indexToActivate","findIndex","renderTabTitle","position","arguments","length","undefined","h","$createElement","title","titleStyles","simpleTitle","renderIcon","$scopedSlots","icon","tabData","simpleIcon","tabStyles","renderTabs","_this","map","tabId","hasError","on","$event","_len","attrs","Array","_key","apply","concat","href","role","_len2","_key2","e","preventDefault","render","tabList","watch","newList","newVal","VTab","beforeChange","Function","id","transitionName","transitionMode","isValidParent","$parent","$options","hash","validationError","mounted","destroyed","$el","parentNode","removeChild","_typeof","obj","constructor","prototype","_vm","_h","_c","_self","staticClass","ref","_l","ad","key","slot","acceptance_status","$constants","AD_ACCEPTANCE_STATUSES","REJECTED","_e","_v","_s","staticStyle","duplicateAd","$t","removeAd","directives","rawName","is_previewing","expression","adsetIndex","serverErrors","advertisingChannel","objective","objectiveId","editing","adset","model","callback","$$v","$set","language","remoableAdIndex","addAd","class","staticRenderFns","required","components","AdContent","AdPreview","handler","deep","checkAdsErrors","campaignTypes","CAMPAIGN_TYPES_NAMES","$route","query","setTimeout","$gtag","event","actionType","cloned","show_audience_suggestions","items","forEach","errors","field","includes","adHasErrors","i","component"],"mappings":"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","file":"js/chunk-478cc430.9a3f1bd8.js","sourcesContent":["/*!\n * vue-nav-tabs v0.5.7\n * (c) 2018-present cristij <joracristi@gmail.com>\n * Released under the MIT License.\n */\n'use strict'\n/* eslint-disable */\n\nfunction _interopDefault (ex) {\n  return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex\n}\n\nconst _mergeJSXProps = _interopDefault(require('babel-helper-vue-jsx-merge-props'))\n\nexport const VueTabs = {\n  name: 'vue-tabs',\n  props: {\n    activeTabColor: String,\n    activeTextColor: String,\n    disabledColor: String,\n    disabledTextColor: String,\n    /**\n     * Tab title position: center | bottom | top\n     */\n    textPosition: {\n      type: String,\n      default: 'center'\n    },\n    /**\n     * Tab type: tabs | pills\n     */\n    type: {\n      type: String,\n      default: 'tabs'\n    },\n    direction: {\n      type: String,\n      default: 'horizontal'\n    },\n    /**\n     * Centers the tabs and makes the container div full width\n     */\n    centered: Boolean,\n    value: [String, Number, Object]\n  },\n  data: function data () {\n    return {\n      activeTabIndex: 0,\n      tabs: []\n    }\n  },\n\n  computed: {\n    isTabShape: function isTabShape () {\n      return this.type === 'tabs'\n    },\n    isStacked: function isStacked () {\n      return this.direction === 'vertical'\n    },\n    classList: function classList () {\n      const navType = this.isTabShape ? 'nav-tabs' : 'nav-pills'\n      const centerClass = this.centered ? 'nav-justified' : ''\n      const isStacked = this.isStacked ? 'nav-stacked' : ''\n      return `nav ${  navType  } ${  centerClass  } ${  isStacked}`\n    },\n    stackedClass: function stackedClass () {\n      return this.isStacked ? 'stacked' : ''\n    },\n    activeTabStyle: function activeTabStyle () {\n      return {\n        backgroundColor: this.activeTabColor,\n        color: this.activeTextColor\n      }\n    }\n  },\n  methods: {\n    navigateToTab: function navigateToTab (index, route) {\n      this.changeTab(this.activeTabIndex, index, route)\n    },\n    activateTab: function activateTab (index) {\n      this.activeTabIndex = index\n      const tab = this.tabs[index]\n      if (!tab.isTab) return\n      tab.active = true\n      this.$emit('input', tab.tabKey)\n    },\n    changeTab: function changeTab (oldIndex, newIndex, route) {\n      const oldTab = this.tabs[oldIndex] || {}\n      const newTab = this.tabs[newIndex]\n      if (!newTab.isTab) return\n      if (newTab.disabled) return\n      this.activeTabIndex = newIndex\n      oldTab.active = false\n      newTab.active = true\n      this.$emit('input', this.tabs[newIndex].tabKey)\n      this.$emit('tab-change', newIndex, newTab, oldTab)\n      this.tryChangeRoute(route)\n    },\n    tryChangeRoute: function tryChangeRoute (route) {\n      if (this.$router && route) {\n        this.$router.push(route)\n      }\n    },\n    addTab: function addTab (item) {\n      const index = this.$slots.default.indexOf(item.$vnode)\n      this.tabs.splice(index, 0, item)\n    },\n    removeTab: function removeTab (item) {\n      const tabs = this.tabs\n      const index = tabs.indexOf(item)\n      if (index > -1) {\n        tabs.splice(index, 1)\n      }\n    },\n    getTabs: function getTabs () {\n      if (this.$slots.default) {\n        return this.$slots.default.filter(function (comp) {\n          return comp.componentOptions\n        })\n      }\n      return []\n    },\n    findTabAndActivate: function findTabAndActivate (tabNameOrIndex) {\n      const indexToActivate = this.tabs.findIndex(function (tab, index) {\n        return tab.tabKey === tabNameOrIndex || index === tabNameOrIndex\n      })\n\n      if (indexToActivate === this.activeTabIndex) return\n      if (indexToActivate !== -1) {\n        this.changeTab(this.activeTabIndex, indexToActivate)\n      } else {\n        this.changeTab(this.activeTabIndex, 0)\n      }\n    },\n    renderTabTitle: function renderTabTitle (index) {\n      const position = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'top'\n      const h = this.$createElement\n\n      if (this.tabs.length === 0) return\n      const tab = this.tabs[index]\n      const active = tab.active,\n        title = tab.title\n\n      const titleStyles = {\n        color: this.activeTabColor\n      }\n      if (position === 'center') titleStyles.color = this.activeTextColor\n      const simpleTitle = h(\n        'span', {\n          'class': `title title_${  position}`,\n          'style': active ? titleStyles : {}\n        },\n        [position === 'center' && this.renderIcon(index), title]\n      )\n\n      if (tab.$slots.title) return tab.$slots.title\n      if (tab.$scopedSlots.title) return tab.$scopedSlots.title({\n        active,\n        title,\n        position,\n        icon: tab.icon,\n        data: tab.tabData\n      })\n      return simpleTitle\n    },\n    renderIcon: function renderIcon (index) {\n      const h = this.$createElement\n\n      if (this.tabs.length === 0) return\n      const tab = this.tabs[index]\n      const icon = tab.icon\n\n      const simpleIcon = h(\n        'i', {\n          'class': icon\n        },\n        ['\\xA0']\n      )\n      if (!tab.$slots.title && icon) return simpleIcon\n    },\n    tabStyles: function tabStyles (tab) {\n      if (tab.disabled) {\n        return {\n          backgroundColor: this.disabledColor,\n          color: this.disabledTextColor\n        }\n      }\n      return {}\n    },\n    renderTabs: function renderTabs () {\n      const _this = this\n\n      const h = this.$createElement\n\n      return this.tabs.map(function (tab, index) {\n        if (!tab) return\n        const route = tab.route,\n          tabKey = tab.tabKey,\n          tabId = tab.tabId\n\n        const active = _this.activeTabIndex === index\n        return h(\n          'li',\n          _mergeJSXProps([\n            {\n              'attrs': {\n                'name': 'tab',\n                'id': `t-${  tabId}`,\n                'aria-selected': active,\n                'aria-controls': `p-${  tabId}`,\n                'role': 'tab'\n              },\n\n              'class': [\n                'tab', {\n                  active\n                }, {\n                  disabled: tab.disabled\n                },\n                {\n                  'tab-has-error': tab.hasError\n                }\n              ],\n              'key': tabKey\n            }, {\n              on: {\n                'click': function click ($event) {\n                  let _len = arguments.length,\n                    attrs = Array(_len > 1 ? _len - 1 : 0),\n                    _key = 1\n\n                  for (; _key < _len; _key++) {\n                    attrs[_key - 1] = arguments[_key]\n                  }\n\n                  (function () {\n                    return !tab.disabled && _this.navigateToTab(index, route)\n                    // eslint-disable-next-line no-undef\n                  }).apply(undefined, [$event].concat(attrs))\n                }\n              }\n            }\n          ]),\n          [\n            _this.textPosition === 'top' && _this.renderTabTitle(index, _this.textPosition), h(\n              'a',\n              _mergeJSXProps([\n                {\n                  'attrs': {\n                    href: '#',\n\n                    role: 'tab'\n                  },\n\n                  'style': active ? _this.activeTabStyle : _this.tabStyles(tab),\n                  'class': [\n                    {\n                      'active_tab': active\n                    }, 'tabs__link'\n                  ]\n                }, {\n                  on: {\n                    'click': function click ($event) {\n                      let _len2 = arguments.length,\n                        attrs = Array(_len2 > 1 ? _len2 - 1 : 0),\n                        _key2 = 1\n\n                      for (; _key2 < _len2; _key2++) {\n                        attrs[_key2 - 1] = arguments[_key2]\n                      }\n\n                      (function (e) {\n                        e.preventDefault()\n                        return false\n                        // eslint-disable-next-line no-undef\n                      }).apply(undefined, [$event].concat(attrs))\n                    }\n                  }\n                }\n              ]),\n              [_this.textPosition !== 'center' && !tab.$slots.title && _this.renderIcon(index), _this.textPosition === 'center' && _this.renderTabTitle(index, _this.textPosition)]\n            ), _this.textPosition === 'bottom' && _this.renderTabTitle(index, _this.textPosition)\n          ]\n        )\n      })\n    }\n  },\n  render: function render () {\n    const h = arguments[0]\n\n    const tabList = this.renderTabs()\n    return h(\n      'div', {\n        'class': ['vue-tabs', this.stackedClass]\n      },\n      [\n        h(\n          'div', {\n            'class': [\n              {\n                'nav-tabs-navigation': !this.isStacked\n              }, {\n                'left-vertical-tabs': this.isStacked\n              }\n            ]\n          },\n          [\n            h(\n              'div', {\n                'class': ['nav-tabs-wrapper', this.stackedClass]\n              },\n              [\n                h(\n                  'ul', {\n                    'class': this.classList,\n                    'attrs': {\n                      role: 'tablist'\n                    }\n                  },\n                  [tabList]\n                )\n              ]\n            )\n          ]\n        ), h(\n          'div', {\n            'class': [\n              'tab-content', {\n                'right-text-tabs': this.isStacked\n              }\n            ]\n          },\n          [this.$slots.default]\n        )\n      ]\n    )\n  },\n\n  watch: {\n    tabs: function tabs (newList) {\n      if (newList.length > 0 && !this.value) {\n        if (newList.length <= this.activeTabIndex) {\n          this.activateTab(this.activeTabIndex - 1)\n        } else {\n          this.activateTab(this.activeTabIndex)\n        }\n      }\n      if (newList.length > 0 && this.value) {\n        this.findTabAndActivate(this.value)\n      }\n    },\n    value: function value (newVal) {\n      this.findTabAndActivate(newVal)\n    }\n  }\n}\n\nexport const VTab = {\n  name: 'v-tab',\n  props: {\n    title: {\n      type: String,\n      default: ''\n    },\n    icon: {\n      type: String,\n      default: ''\n    },\n    tabKey: {\n      type: String,\n      default: ''\n    },\n    hasError: {\n      type: Boolean,\n      default: false\n    },\n    isTab: {\n      type: Boolean,\n      default: true\n    },\n    tabData: {\n      default: null\n    },\n    /***\n     * Function to execute before tab switch. Return value must be boolean\n     * If the return result is false, tab switch is restricted\n     */\n    beforeChange: {\n      type: Function\n    },\n    id: String,\n    route: {\n      type: [String, Object]\n    },\n    disabled: Boolean,\n    transitionName: String,\n    transitionMode: String\n  },\n  computed: {\n    isValidParent: function isValidParent () {\n      return this.$parent.$options.name === 'vue-tabs'\n    },\n    hash: function hash () {\n      return `#${  this.id}`\n    },\n    tabId: function tabId () {\n      return this.id ? this.id : this.tabKey\n    }\n  },\n  data: function data () {\n    return {\n      active: false,\n      validationError: null\n    }\n  },\n  mounted: function mounted () {\n    this.$parent.addTab(this)\n  },\n  destroyed: function destroyed () {\n    if (this.$el && this.$el.parentNode) {\n      this.$el.parentNode.removeChild(this.$el)\n    }\n    this.$parent.removeTab(this)\n  },\n  render: function render () {\n    const h = arguments[0]\n\n    return h(\n      'section', {\n        'class': 'tab-container',\n        'attrs': {\n          'id': `p-${  this.tabId}`,\n          'aria-labelledby': `t-${  this.tabId}`,\n          'role': 'tabpanel'\n        },\n        'directives': [\n          {\n            name: 'show',\n            value: this.active\n          }\n        ]\n      },\n      [this.$slots.default]\n    )\n  }\n}\n","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',{staticClass:\"adset-ad-navbar\",attrs:{\"id\":\"adset-ads\"}},[_c('vue-tabs',{ref:\"adTabsContainer\"},[_vm._l((_vm.value),function(ad,index){return _c('v-tab',{key:'adset-ad-' + index,attrs:{\"tabKey\":'adset-ad-' + index,\"hasError\":_vm.value[index].hasError}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[(ad.acceptance_status === _vm.$constants.AD_ACCEPTANCE_STATUSES.REJECTED && ad.id > 0)?_c('img',{staticClass:\"error-ad\",attrs:{\"alt\":\"ad-has-error\",\"src\":require(\"@/assets/images/ads-recommendition.svg\")}}):_vm._e(),_c('span',{staticClass:\"align-middle pl-3 adset-title\"},[_vm._v(\"\\n          \"+_vm._s('Ad ' + (index + 1))+\"\\n        \")]),_c('vs-dropdown',{staticClass:\"cursor-pointer align-middle pl-3 mt-1\",attrs:{\"vs-custom-content\":\"\",\"vs-trigger-click\":\"\"}},[_c('vs-icon',{staticClass:\"adset-icon\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-dots\"}}),_c('vs-dropdown-menu',{staticClass:\"vx-navbar-dropdown\"},[_c('ul',{staticStyle:{\"min-width\":\"9rem\"}},[(_vm.value.length < 4)?_c('li',{staticClass:\"flex py-2 px-4 cursor-pointer hover:bg-gray-200 hover:text-black\",attrs:{\"id\":\"create-campaign-s5-duplicate-button\"},on:{\"click\":function($event){return _vm.duplicateAd(index)}}},[_c('vs-icon',{staticClass:\"duplicate-adset-icon\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-duplicate\"}}),_c('span',{staticClass:\"ad-actions ml-2\"},[_vm._v(_vm._s(_vm.$t(\"Duplicate Ad\")))])],1):_vm._e(),(_vm.value.length > 1 && _vm.value[index].id === 0)?_c('li',{staticClass:\"flex py-2 px-4 cursor-pointer hover:bg-gray-200 hover:text-black\",attrs:{\"id\":\"create-campaign-s5-remove-button\"},on:{\"click\":function($event){return _vm.removeAd(index, 'confirm')}}},[_c('vs-icon',{staticStyle:{\"color\":\"#e02020\"},attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-remove\",\"svgClasses\":\"w-5 h-5\"}}),_c('span',{staticClass:\"ad-actions ml-2\"},[_vm._v(_vm._s(_vm.$t(\"Remove Ad\")))])],1):_vm._e(),(!(_vm.value.length < 4) && !(_vm.value.length > 1 && _vm.value[index].id === 0))?_c('li',{staticClass:\"flex py-2 px-4 cursor-pointer hover:bg-gray-200 hover:text-black\"},[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-alert-circle\",\"svgClasses\":\"w-5 h-5\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(_vm.$t(\"No Actions\")))])],1):_vm._e()])])],1)],1),_c('div',{staticClass:\"mt-2\"},[_c('AdContent',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.value[index].is_previewing),expression:\"!value[index].is_previewing\"}],attrs:{\"adsetIndex\":_vm.adsetIndex,\"adIndex\":index,\"serverErrors\":_vm.serverErrors,\"advertising-channel\":_vm.advertisingChannel,\"objective\":_vm.objective,\"objective-id\":_vm.objectiveId,\"type\":_vm.type,\"editing\":_vm.editing && _vm.value[index].id > 0,\"adset\":_vm.adset},model:{value:(_vm.value[index]),callback:function ($$v) {_vm.$set(_vm.value, index, $$v)},expression:\"value[index]\"}}),(_vm.value[index].is_previewing)?_c('AdPreview',{attrs:{\"type\":_vm.type,\"language\":_vm.language},model:{value:(_vm.value[index]),callback:function ($$v) {_vm.$set(_vm.value, index, $$v)},expression:\"value[index]\"}}):_vm._e()],1),_c('vs-popup',{staticClass:\"holamundo\",attrs:{\"title\":_vm.$t('Confirmation'),\"active\":_vm.remoableAdIndex === index}},[_c('p',{staticClass:\"mb-10\"},[_vm._v(_vm._s(_vm.$t('Are you sure you want to remove'))+\" \"+_vm._s((\"“\" + (ad.name) + \"”\"))+\" ?\")]),_c('div',{staticClass:\"text-right\"},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"id\":\"create-campaign-s5-remove-ad-popup-close-button\",\"color\":\"rgb(200, 200, 200)\",\"textColor\":\"#000\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.removeAd(index, 'cancel')}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('Close'))+\"\\n          \")]),_c('vs-button',{attrs:{\"id\":\"create-campaign-s5-remove-ad-popoup-confirm-button\",\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.removeAd(index, 'remove')}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('Confirm'))+\"\\n          \")])],1)])],1)}),_c('v-tab',{attrs:{\"disabled\":_vm.value.length === 4,\"isTab\":false}},[_c('div',{staticClass:\"add-ad-button\",attrs:{\"slot\":\"title\"},on:{\"click\":function($event){return _vm.addAd()}},slot:\"title\"},[_c('span',{staticClass:\"align-middle\"},[_c('vs-icon',{staticClass:\"ad-adset-icon\",class:{'text-gray-500': _vm.value.length === 4},attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-add\"}})],1),_c('span',{staticClass:\"hide-in-mobile align-middle\",class:{'text-gray-500': _vm.value.length === 4},attrs:{\"id\":\"create-campaign-s5-add-ad-button\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"Add New Ad\"))+\"\\n        \")])])])],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"adset-ads\" class=\"adset-ad-navbar\">\n    <vue-tabs ref=\"adTabsContainer\">\n      <v-tab v-for=\"(ad, index) in value\" :key=\"'adset-ad-' + index\" :tabKey=\"'adset-ad-' + index\" :hasError=\"value[index].hasError\">\n        <!-- Start title -->\n        <div slot=\"title\" >\n            <img alt=\"ad-has-error\" class=\"error-ad\" v-if=\"ad.acceptance_status === $constants.AD_ACCEPTANCE_STATUSES.REJECTED && ad.id > 0\" src=\"@/assets/images/ads-recommendition.svg\"/>\n          <!-- <vs-icon\n            v-if=\"ad.acceptance_status === $constants.AD_ACCEPTANCE_STATUSES.REJECTED && ad.id > 0\"\n            class=\"ad-header-icon\"\n            icon-pack=\"speakol\"\n            icon=\"speakol-cancel\"\n            color=\"#ec0000\"\n          ></vs-icon> -->\n          <span class=\"align-middle pl-3 adset-title\">\n            {{ 'Ad ' + (index + 1) }}\n          </span>\n\n          <vs-dropdown vs-custom-content vs-trigger-click class=\"cursor-pointer align-middle pl-3 mt-1\">\n            <vs-icon icon-pack=\"speakol\" icon=\"speakol-dots\" class=\"adset-icon\"/>\n            <vs-dropdown-menu class=\"vx-navbar-dropdown\">\n              <ul style=\"min-width: 9rem;\">\n                <li id=\"create-campaign-s5-duplicate-button\" v-if=\"value.length < 4\" class=\"flex py-2 px-4 cursor-pointer hover:bg-gray-200 hover:text-black\" @click=\"duplicateAd(index)\">\n                  <vs-icon class=\"duplicate-adset-icon\" icon-pack=\"speakol\" icon=\"speakol-duplicate\"></vs-icon>\n                  <span class=\"ad-actions ml-2\">{{ $t(\"Duplicate Ad\") }}</span>\n                </li>\n                <li id=\"create-campaign-s5-remove-button\" v-if=\"value.length > 1 && value[index].id === 0\" class=\"flex py-2 px-4 cursor-pointer hover:bg-gray-200 hover:text-black\" @click=\"removeAd(index, 'confirm')\">\n                  <vs-icon icon-pack=\"speakol\" icon=\"speakol-remove\" svgClasses=\"w-5 h-5\" style=\"color: #e02020;\"/>\n                  <span class=\"ad-actions ml-2\">{{ $t(\"Remove Ad\") }}</span>\n                </li>\n                <li v-if=\"!(value.length < 4) && !(value.length > 1 && value[index].id === 0)\" class=\"flex py-2 px-4 cursor-pointer hover:bg-gray-200 hover:text-black\">\n                  <vs-icon icon-pack=\"speakol\" icon=\"speakol-alert-circle\" svgClasses=\"w-5 h-5\"/>\n                  <span class=\"ml-2\">{{ $t(\"No Actions\") }}</span>\n                </li>\n              </ul>\n            </vs-dropdown-menu>\n          </vs-dropdown>\n        </div>\n        <!-- End title -->\n\n        <!-- Start content -->\n        <div class=\"mt-2\">\n          <AdContent\n            v-model=\"value[index]\"\n            v-show=\"!value[index].is_previewing\"\n            :adsetIndex=\"adsetIndex\"\n            :adIndex=\"index\"\n            :serverErrors=\"serverErrors\"\n            :advertising-channel=\"advertisingChannel\"\n            :objective=\"objective\"\n            :objective-id=\"objectiveId\"\n            :type=\"type\"\n            :editing=\"editing && value[index].id > 0\"\n            :adset=\"adset\"\n          />\n          <AdPreview v-model=\"value[index]\" v-if=\"value[index].is_previewing\" :type=\"type\" :language=\"language\" />\n        </div>\n        <!-- End content -->\n\n        <vs-popup class=\"holamundo\" :title=\"$t('Confirmation')\" :active=\"remoableAdIndex === index\">\n          <p class=\"mb-10\">{{ $t('Are you sure you want to remove') }} {{ `“${ad.name}”` }} ?</p>\n          <div class=\"text-right\">\n            <vs-button id=\"create-campaign-s5-remove-ad-popup-close-button\" class=\"mr-4\" color=\"rgb(200, 200, 200)\" textColor=\"#000\" type=\"filled\" @click=\"removeAd(index, 'cancel')\">\n              {{ $t('Close') }}\n            </vs-button>\n\n            <vs-button id=\"create-campaign-s5-remove-ad-popoup-confirm-button\" color=\"primary\" type=\"filled\" @click=\"removeAd(index, 'remove')\">\n              {{ $t('Confirm') }}\n            </vs-button>\n          </div>\n        </vs-popup>\n      </v-tab>\n\n      <v-tab :disabled=\"value.length === 4\" :isTab=\"false\">\n        <div class=\"add-ad-button\" @click=\"addAd()\" slot=\"title\">\n          <span class=\"align-middle\">\n            <vs-icon class=\"ad-adset-icon\" :class=\"{'text-gray-500': value.length === 4}\" icon-pack=\"speakol\" icon=\"speakol-add\"></vs-icon>\n          </span>\n          <span id=\"create-campaign-s5-add-ad-button\" class=\"hide-in-mobile align-middle\" :class=\"{'text-gray-500': value.length === 4}\">\n            {{ $t(\"Add New Ad\") }}\n          </span>\n        </div>\n      </v-tab>\n    </vue-tabs>\n  </div>\n</template>\n\n<script>\n//local registration\nimport {\n  VueTabs,\n  VTab\n} from '@/components/vue-nav-tabs/vue-nav-tabs.js'\n\nimport '@/components/vue-nav-tabs/nav-tabs.scss'\n\nimport AdContent from './components/AdContent.vue'\nimport AdPreview from './components/AdPreview.vue'\nimport {cloneDeep} from 'lodash'\n\nexport default {\n  props: {\n    value: {\n      required: true,\n      type: Array\n    },\n    adsetIndex: {\n      required: true,\n      type: Number\n    },\n    serverErrors: {\n      required: true\n    },\n    language: {\n      type: String,\n      required: true\n    },\n    advertisingChannel: {\n      type: Object,\n      required: true\n    },\n    objective: {\n      type: String,\n      required: true\n    },\n    objectiveId: {\n      type: Number,\n      required: true\n    },\n    type: {\n      type: String,\n      required: true\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n      required: false\n    },\n    adset: {\n      type: Object,\n      required: true\n    }\n  },\n  components: {\n    VueTabs,\n    VTab,\n    AdContent,\n    AdPreview\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    },\n    serverErrors: {\n      handler () {\n        this.checkAdsErrors()\n      },\n      deep: true\n    }\n  },\n  data () {\n    return {\n      remoableAdIndex: null,\n      campaignTypes: this.$constants.CAMPAIGN_TYPES_NAMES\n    }\n  },\n  mounted () {\n    // if the url param has ?ad=x will activate the tab with id x\n    if (this.$route.query.ad || 0) {\n      setTimeout(() => {\n        const indexToActivate = this.value.findIndex(i => i.id === parseInt(this.$route.query.ad))\n        if (indexToActivate > -1) {\n          this.$refs.adTabsContainer.findTabAndActivate(`adset-ad-${indexToActivate}`)\n        }\n      }, 0)\n    }\n  },\n  methods: {\n    addAd (ad = null) {\n      if (this.value.length >= 4) {\n        return\n      }\n\n      this.$gtag.event('Step5_AddNewAD')\n      if (this.value.length >= 4) {\n        return\n      }\n\n      if (ad === null) {\n        ad = cloneDeep(this.$store.getters['campaign/defaultAdObject'])\n        ad.name = `Ad ${  this.value.length + 1}`\n      }\n\n      this.value.push(ad)\n\n      const tabsLength = this.value.length\n\n      setTimeout(() => {\n        this.$refs.adTabsContainer.findTabAndActivate(`adset-ad-${  tabsLength - 1}`)\n      }, 0)\n    },\n    removeAd (index, actionType) {\n      if (actionType === 'confirm') {\n        this.remoableAdIndex = index\n        return\n      }\n\n      if (actionType === 'cancel') {\n        this.remoableAdIndex = null\n        return\n      }\n\n      if (actionType === 'remove') {\n        if (this.value.length === 1) {\n          return\n        }\n\n        this.remoableAdIndex = null\n\n        setTimeout(() => {\n          this.value.splice(index, 1)\n\n          this.$refs.adTabsContainer.findTabAndActivate(`adset-ad-${  index  > 0 ? index - 1 : index}`)\n        }, 0)\n      }\n    },\n    duplicateAd (index) {\n      // if (this.value[index].hasError) {\n      //   return\n      // }\n      this.$gtag.event('Step5_DuplicateAD')\n      const cloned = cloneDeep(this.value[index])\n\n      cloned.id = 0\n      cloned.name = `Ad ${  this.value.length + 1}`\n      cloned.show_audience_suggestions = true\n\n      this.addAd(cloned)\n    },\n    checkAdsErrors () {\n      const errors = []\n      const adHasErrors = []\n\n      this.serverErrors.items.forEach(item => {\n        errors.push(item.field)\n      })\n\n      this.errors.items.forEach(item => {\n        errors.push(item.field)\n      })\n\n      // add the errors to adsets has errors\n      this.value.forEach((ad, index) => {\n        errors.forEach(e => {\n          if (e.includes(`adsets.${this.adsetIndex}.ads.${index}.`)) {\n            this.value[index].hasError = true\n            adHasErrors.push(index)\n          }\n        })\n      })\n\n      // remove the errors from ads that dose not has errors\n      this.value.forEach((i, index) => {\n        if (!adHasErrors.includes(index)) {\n          i.hasError = false\n        }\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n  #adset-ads {\n    .tabs__link {\n      padding-top: 9px !important;\n      padding-bottom: 9px !important;\n    }\n\n    .add-ad-button {\n      width: 130px;\n      position: relative;\n      top: 3px;\n    }\n\n    .ad-header-icon {\n      font-size: 11px !important;\n      font-weight: bolder;\n      position: relative;\n      top: 1px;\n    }\n  }\n\n  .adset-ad-navbar {\n    .error-ad {\n      width: 11px;\n      height: 11px;\n      position: relative;\n      top: 2px;\n    }\n  }\n\n  @media (max-width: 576px) {\n    .hide-in-mobile {\n      display: none !important;\n    }\n\n    .ad-actions {\n      width: max-content;\n    }\n\n    .add-ad-button {\n      width: auto !important;\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!./AdsetAds.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!./AdsetAds.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdsetAds.vue?vue&type=template&id=6ad9db62&\"\nimport script from \"./AdsetAds.vue?vue&type=script&lang=js&\"\nexport * from \"./AdsetAds.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AdsetAds.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!./AdsetAds.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}