{"version":3,"sources":["webpack:///./src/views/conversions/components/ConversionsTabContent.vue?a75b","webpack:///./src/components/vue-nav-tabs/vue-nav-tabs.js","webpack:///./src/views/conversions/components/ConversionsTabContent.vue?1154","webpack:///src/views/conversions/components/ConversionsTabContent.vue","webpack:///./src/views/conversions/components/ConversionsTabContent.vue?7551","webpack:///./src/views/conversions/components/ConversionsTabContent.vue","webpack:///./node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js","webpack:///./src/views/conversions/components/ConversionsActions.vue?1e1e","webpack:///src/views/conversions/components/ConversionsActions.vue","webpack:///./src/views/conversions/components/ConversionsActions.vue?86dc","webpack:///./src/views/conversions/components/ConversionsActions.vue","webpack:///./src/views/conversions/index.vue?80f4","webpack:///src/views/conversions/index.vue","webpack:///./src/views/conversions/index.vue?863b","webpack:///./src/views/conversions/index.vue","webpack:///./src/views/conversions/components/ConversionsActions.vue?3628","webpack:///./src/views/conversions/index.vue?4961"],"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","_vm","_h","_c","_self","staticClass","_v","_s","$t","$gtag","event","staticRenderFns","components","ConversionsTable","component","_typeof","obj","constructor","prototype","pixelTracking","viewCode","copyMainCode","domProps","main_code","saveMainCodeAsText","directives","rawName","expression","closePixelCode","_e","showPixelCodePopup","showToaster","action","copyText","select","setSelectionRange","document","execCommand","saveTextAsFile","downloadLink","download","fileNameToSaveAs","innerHTML","window","webkitURL","createObjectURL","textFileAsBlob","URL","style","display","body","appendChild","click","ref","slot","haveConversions","toaster","show","message","closeButtonText","scopedSlots","_u","key","fn","proxy","SpeakolNotificationToaster","ConversionsActions","SpeakolInput","ConversionsTabContent","ConnectionTestTabContent","created","$route","query","$on","testConnection","setTimeout","handleShowToaster"],"mappings":"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","file":"js/chunk-d8dc4d78.243295f6.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!./ConversionsTabContent.vue?vue&type=style&index=0&id=19b5c02f&lang=scss&scoped=true&\"","/*!\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.haveConversions)?_c('conversions-table'):_c('div',{staticClass:\"conversions-card conversions-table-empty-state\"},[_c('div',{staticClass:\"empty-state-img\"},[_c('img',{attrs:{\"src\":\"/img/empty_page.2ea2b496.svg\",\"alt\":\"\"}})]),_c('div',{staticClass:\"empty-state-desc\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('tracking.conversions_tab.empty_state_desc_p1'))+\" \"),_c('br'),_vm._v(\"\\n        \"+_vm._s(_vm.$t('tracking.conversions_tab.empty_state_desc_p2'))+\" \")])]),_c('div',{staticClass:\"empty-state-action\"},[_c('router-link',{attrs:{\"to\":{ name: 'conversions-create'}},on:{\"click\":function($event){return _vm.$gtag.event('Create_Conversion')}}},[_c('button',[_vm._v(_vm._s(_vm.$t('tracking.conversions_tab.btn_create')))])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <conversions-table v-if=\"haveConversions\"/>\n\n    <div v-else class=\"conversions-card conversions-table-empty-state\">\n      <div class=\"empty-state-img\">\n        <img src=\"/img/empty_page.2ea2b496.svg\" alt=\"\">\n      </div>\n\n      <div class=\"empty-state-desc\">\n        <p> {{$t('tracking.conversions_tab.empty_state_desc_p1')}} <br>\n          {{$t('tracking.conversions_tab.empty_state_desc_p2')}} </p>\n      </div>\n\n      <div class=\"empty-state-action\">\n        <router-link @click=\"$gtag.event('Create_Conversion')\" :to=\"{ name: 'conversions-create'}\">\n          <button>{{$t('tracking.conversions_tab.btn_create')}}</button>\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ConversionsTable from './ConversionsTable.vue'\n\nexport default {\n  props: ['haveConversions'],\n\n  components: {\n    ConversionsTable\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.conversions-table-empty-state {\n  margin-top: 32px;\n\n  .empty-state-title {\n    h4 {\n      color: #2c2c2c;\n      font-weight: 500;\n      font-size: 24px;\n    }\n  }\n\n  .empty-state-img {\n    text-align: center;\n    margin-top: 80px;\n\n    img {\n      width: 378px;\n    }\n  }\n\n  .empty-state-desc {\n    text-align: center;\n\n    p {\n      color: rgba(0, 0, 0, 0.56);\n      font-size: 18px;\n      margin-bottom: 40px;\n    }\n  }\n\n  .empty-state-action {\n    text-align: center;\n\n    button {\n      background: #0092d7;\n      border-radius: 4px;\n      padding: 11px 41px;\n      color: #fff;\n      cursor: pointer;\n      font-weight: 500;\n      font-size: 16px;\n      border: none;\n      outline: none;\n      box-shadow: none;\n    }\n  }\n}\n\n@media (max-width: 768px) {\n  .search-connection,\n  .empty-state-action {\n    width: 288px !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!./ConversionsTabContent.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!./ConversionsTabContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversionsTabContent.vue?vue&type=template&id=19b5c02f&scoped=true&\"\nimport script from \"./ConversionsTabContent.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversionsTabContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversionsTabContent.vue?vue&type=style&index=0&id=19b5c02f&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"19b5c02f\",\n  null\n  \n)\n\nexport default component.exports","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 (_vm.pixelTracking !== null)?_c('div',[_c('div',{staticClass:\"conversions-actions-parent\"},[_c('vx-tooltip',{attrs:{\"text\":\"View Code\",\"position\":\"top\"}},[_c('vs-icon',{staticClass:\"conversions-view\",attrs:{\"icon\":\"speakol-eye\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.viewCode()}}})],1),_c('vx-tooltip',{attrs:{\"text\":\"Copy\",\"position\":\"top\"}},[_c('vs-icon',{staticClass:\"conversions-copy\",attrs:{\"icon\":\"speakol-copy\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.copyMainCode()}}})],1),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"conversionsMainCodeInput\",\"type\":\"text\"},domProps:{\"value\":_vm.pixelTracking.main_code}}),_c('vx-tooltip',{attrs:{\"text\":\"Download\",\"position\":\"top\"}},[_c('vs-icon',{staticClass:\"conversions-download\",attrs:{\"icon\":\"speakol-download\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.saveMainCodeAsText()}}})],1)],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showPixelCodePopup),expression:\"showPixelCodePopup\"}],staticClass:\"converstions-show-code\"},[_c('div',{staticClass:\"overlay\"}),_c('div',{staticClass:\"converstions-show-code-content\"},[_c('h3',{staticClass:\"converstions-popup-title\"},[_vm._v(\"Pixel Code\")]),_c('div',{staticClass:\"conversions-popup-actions\"},[_c('vx-tooltip',{attrs:{\"text\":\"Copy\",\"position\":\"top\"}},[_c('vs-icon',{staticClass:\"conversions-copy\",attrs:{\"icon\":\"speakol-copy\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.copyMainCode()}}})],1),_c('vx-tooltip',{attrs:{\"text\":\"Download\",\"position\":\"top\"}},[_c('vs-icon',{staticClass:\"conversions-download\",attrs:{\"icon\":\"speakol-download\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){return _vm.saveMainCodeAsText()}}})],1)],1),_c('div',{staticClass:\"code-area\"},[_c('p',[_vm._v(_vm._s(_vm.pixelTracking.main_code))])]),_c('div',{staticClass:\"conversions-popup-close\"},[_c('button',{on:{\"click\":function($event){return _vm.closePixelCode()}}},[_vm._v(\"Close\")])])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"pixelTracking !== null\">\n    <div class=\"conversions-actions-parent\">\n      <vx-tooltip text=\"View Code\" position=\"top\">\n        <vs-icon @click=\"viewCode()\" class=\"conversions-view\" icon=\"speakol-eye\" icon-pack=\"speakol\"></vs-icon>\n      </vx-tooltip>\n\n      <vx-tooltip text=\"Copy\" position=\"top\">\n        <vs-icon @click=\"copyMainCode()\" class=\"conversions-copy\" icon=\"speakol-copy\" icon-pack=\"speakol\"></vs-icon>\n      </vx-tooltip>\n      <input class=\"hidden-input\" id=\"conversionsMainCodeInput\" type=\"text\" :value=\"pixelTracking.main_code\">\n\n\n      <vx-tooltip text=\"Download\" position=\"top\">\n        <vs-icon @click=\"saveMainCodeAsText()\" class=\"conversions-download\" icon=\"speakol-download\" icon-pack=\"speakol\">\n        </vs-icon>\n      </vx-tooltip>\n    </div>\n\n    <div v-show=\"showPixelCodePopup\" class=\"converstions-show-code\">\n      <div class=\"overlay\"></div>\n      <div class=\"converstions-show-code-content\">\n        <h3 class=\"converstions-popup-title\">Pixel Code</h3>\n        <div class=\"conversions-popup-actions\">\n          <vx-tooltip text=\"Copy\" position=\"top\">\n            <vs-icon @click=\"copyMainCode()\" class=\"conversions-copy\" icon=\"speakol-copy\" icon-pack=\"speakol\">\n            </vs-icon>\n          </vx-tooltip>\n\n          <vx-tooltip text=\"Download\" position=\"top\">\n            <vs-icon @click=\"saveMainCodeAsText()\" class=\"conversions-download\" icon=\"speakol-download\"\n              icon-pack=\"speakol\"></vs-icon>\n          </vx-tooltip>\n        </div>\n        <div class=\"code-area\">\n          <p>{{ pixelTracking.main_code }}</p>\n        </div>\n\n        <div class=\"conversions-popup-close\">\n          <button @click=\"closePixelCode()\">Close</button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport {mapGetters} from 'vuex'\n\nexport default {\n  data () {\n    return {\n      showPixelCodePopup: false\n    }\n  },\n  computed: {\n    ...mapGetters({\n      pixelTracking: 'accounts/pixelTrackingDetails'\n    })\n  },\n  methods: {\n    showToaster (action) {\n      this.$parent.$emit('show-toaster', action)\n    },\n    copyMainCode () {\n      const copyText = document.getElementById('conversionsMainCodeInput')\n      copyText.select()\n      copyText.setSelectionRange(0, 99999)\n      document.execCommand('copy')\n      this.showToaster('copy')\n      this.$gtag.event('Pixel_copycode')\n    },\n    saveTextAsFile (textToWrite, fileNameToSaveAs) {\n      const textFileAsBlob = new Blob([textToWrite], {\n        type: 'text/plain'\n      })\n      const downloadLink = document.createElement('a')\n      downloadLink.download = fileNameToSaveAs\n      downloadLink.innerHTML = 'Download File'\n      if (window.webkitURL !== null) {\n        downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob)\n      } else {\n        downloadLink.href = window.URL.createObjectURL(textFileAsBlob)\n        downloadLink.style.display = 'none'\n        document.body.appendChild(downloadLink)\n      }\n      downloadLink.click()\n    },\n    closePixelCode () {\n      this.showPixelCodePopup = false\n    },\n    viewCode () {\n      this.showPixelCodePopup = true\n      this.$gtag.event('Pixel_viewcode')\n    },\n    saveMainCodeAsText () {\n      this.$gtag.event('Pixel_downloadcode')\n      this.saveTextAsFile(this.pixelTracking.main_code, 'installation_code.txt')\n      this.showToaster('download')\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .conversions-actions-parent {\n    display: flex;\n  }\n\n  .conversions-actions {\n    .conversions-view {\n      color: #0092d7;\n      background: rgba(0, 146, 215, 0.16551);\n      padding: 10px;\n      border-radius: 100%;\n      cursor: pointer;\n      font-size: 20px !important;\n    }\n\n    .conversions-download {\n      color: #0092d7;\n      background: rgba(0, 146, 215, 0.16551);\n      padding: 10px;\n      border-radius: 100%;\n      cursor: pointer;\n      font-size: 20px !important;\n    }\n\n    .conversions-copy {\n      color: #0092d7;\n      margin-left: 16px;\n      margin-right: 16px;\n      padding: 10px;\n      background: rgba(0, 146, 215, 0.16551);\n      border-radius: 100%;\n      cursor: pointer;\n      font-size: 20px !important;\n    }\n\n    .hidden-input {\n      opacity: 0;\n      top: 0;\n      position: absolute;\n    }\n  }\n\n  .converstions-show-code {\n    .overlay {\n      z-index: 99991 !important;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.27);\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n\n    .converstions-show-code-content {\n      z-index: 99992 !important;\n      position: fixed;\n      width: 634px;\n      padding: 48px;\n      left: 50%;\n      top: 50%;\n      -webkit-transform: translate(-50%, -50%);\n      transform: translate(-50%, -50%);\n      background: #fff;\n      box-shadow: 0 4px 30px rgba(91, 111, 121, 0.25);\n      border-radius: 20px;\n\n      .converstions-popup-title {\n        font-weight: 500;\n        font-size: 24px;\n        color: #2c2c2c;\n        float: left;\n      }\n\n      .conversions-popup-actions {\n        float: right;\n        display: flex;\n        margin-bottom: 16px;\n      }\n\n      .conversions-download {\n        color: #0092d7;\n        background: rgba(0, 146, 215, 0.16551);\n        padding: 10px;\n        font-size: 20px !important;\n        border-radius: 100%;\n        cursor: pointer;\n\n        i {\n          display: none;\n        }\n      }\n\n      .conversions-copy {\n        color: #0092d7;\n        padding: 10px;\n        font-size: 20px !important;\n        background: rgba(0, 146, 215, 0.16551);\n        border-radius: 100%;\n        cursor: pointer;\n        margin-right: 16px;\n      }\n\n      .code-area {\n        border: 1px solid #c2c2c2;\n        padding: 20px;\n        width: 100%;\n        border-radius: 8px;\n        display: flex;\n\n        p {\n          color: #575757;\n        }\n      }\n\n      .conversions-popup-close {\n        margin-top: 32px;\n        text-align: right;\n\n        button {\n          background: #0092d7;\n          border-radius: 3px;\n          color: white;\n          font-weight: 500;\n          font-size: 14px;\n          padding: 16px 75px;\n          outline: none;\n          box-shadow: none;\n          border: none;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    .converstions-show-code-content {\n      width: 90% !important;\n      padding: 24px !important;\n\n      h3 {\n        font-size: 18px !important;\n        position: relative;\n        top: 10px;\n      }\n\n      .conversions-popup-close {\n        button {\n          width: 100%;\n        }\n      }\n\n      .code-area {\n        width: 100%;\n        overflow-x: auto;\n      }\n    }\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!./ConversionsActions.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!./ConversionsActions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConversionsActions.vue?vue&type=template&id=1f18236e&scoped=true&\"\nimport script from \"./ConversionsActions.vue?vue&type=script&lang=js&\"\nexport * from \"./ConversionsActions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConversionsActions.vue?vue&type=style&index=0&id=1f18236e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1f18236e\",\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:\"conversions-parent\"},[_c('div',{staticClass:\"conversions-card\"},[_c('div',{staticClass:\"title-status-parent\"},[_c('h4',{staticClass:\"conversions-title\"},[_vm._v(_vm._s(_vm.$t('tracking.main_pixel_code_title')))])]),_c('div',{staticClass:\"conversions-desc\"},[_c('p',{staticClass:\"mb-2\"},[_vm._v(_vm._s(_vm.$t('tracking.main_pixel_code_desc')))]),_c('ul',{staticClass:\"list-decimal ml-4\"},[_c('li',[_vm._v(\"\\n          \"+_vm._s(_vm.$t('tracking.step1'))+\"\\n        \")]),_c('li',{domProps:{\"innerHTML\":_vm._s(_vm.$t('tracking.step2'))}})])]),_c('div',{staticClass:\"conversions-actions\"},[_c('ConversionsActions')],1)]),_c('vx-card',{staticClass:\"targeting-container mt-10 p-0\",attrs:{\"noShadow\":true}},[_c('vue-tabs',{ref:\"subTabsContainer\",attrs:{\"value\":_vm.tabs.index}},[_c('v-tab',{attrs:{\"tabKey\":\"conversions\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('h4',{staticClass:\"tab-title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"Conversions\"))+\"\\n          \")])]),_c('ConversionsTabContent',{attrs:{\"haveConversions\":_vm.haveConversions}})],1),_c('v-tab',{attrs:{\"tabKey\":\"connection\"}},[_c('div',{attrs:{\"slot\":\"title\"},slot:\"title\"},[_c('h4',{staticClass:\"tab-title\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"Test connection\"))+\"\\n          \")])]),_c('ConnectionTestTabContent')],1)],1)],1),_c('SpeakolNotificationToaster',{attrs:{\"show\":_vm.toaster.show,\"message\":_vm.toaster.message,\"icon\":_vm.toaster.icon,\"closeButtonText\":_vm.toaster.closeButtonText},scopedSlots:_vm._u([{key:\"close\",fn:function(){return [_c('vs-icon',{staticClass:\"x-icon\",attrs:{\"color\":\"#fff\",\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){_vm.toaster.show=false}}})]},proxy:true}])})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"conversions-parent\">\n    <div class=\"conversions-card\">\n      <div class=\"title-status-parent\">\n        <h4 class=\"conversions-title\">{{ $t('tracking.main_pixel_code_title')}}</h4>\n      </div>\n\n      <div class=\"conversions-desc\">\n        <p class=\"mb-2\">{{ $t('tracking.main_pixel_code_desc')}}</p>\n        <ul class=\"list-decimal ml-4\">\n          <li>\n            {{ $t('tracking.step1')}}\n          </li>\n          <li v-html=\"$t('tracking.step2')\"></li>\n        </ul>\n      </div>\n\n      <div class=\"conversions-actions\">\n        <!-- here -->\n        <ConversionsActions />\n      </div>\n    </div>\n\n    <vx-card class=\"targeting-container mt-10 p-0\" :noShadow=\"true\">\n      <vue-tabs :value=\"tabs.index\" ref=\"subTabsContainer\">\n        <v-tab tabKey=\"conversions\">\n          <div slot=\"title\">\n            <h4 class=\"tab-title\">\n              {{ $t(\"Conversions\") }}\n            </h4>\n          </div>\n\n          <ConversionsTabContent :haveConversions=\"haveConversions\"/>\n        </v-tab>\n\n        <v-tab tabKey=\"connection\">\n          <div slot=\"title\">\n            <h4 class=\"tab-title\">\n              {{ $t(\"Test connection\") }}\n            </h4>\n          </div>\n\n          <ConnectionTestTabContent />\n        </v-tab>\n      </vue-tabs>\n    </vx-card>\n\n    <!-- toaster -->\n    <SpeakolNotificationToaster :show=\"toaster.show\" :message=\"toaster.message\" :icon=\"toaster.icon\"\n      :closeButtonText=\"toaster.closeButtonText\">\n      <template v-slot:close>\n        <vs-icon @click=\"toaster.show=false\" class=\"x-icon\" color=\"#fff\" icon=\"speakol-cancel\" icon-pack=\"speakol\">\n        </vs-icon>\n      </template>\n    </SpeakolNotificationToaster>\n    <!-- toaster -->\n  </div>\n</template>\n\n<script>\nimport SpeakolNotificationToaster from '@/components/SpeakolNotificationToaster'\nimport ConversionsTable from './components/ConversionsTable'\nimport ConversionsActions from './components/ConversionsActions'\nimport {mapGetters} from 'vuex'\nimport '@/components/vue-nav-tabs/nav-tabs.scss'\nimport { VueTabs, VTab } from '@/components/vue-nav-tabs/vue-nav-tabs.js'\nimport SpeakolInput from '../../components/SpeakolInput.vue'\nimport ConversionsTabContent from './components/ConversionsTabContent.vue'\nimport ConnectionTestTabContent from './components/ConnectionTestTabContent.vue'\n\nexport default {\n  components: {\n    SpeakolNotificationToaster,\n    ConversionsTable,\n    ConversionsActions,\n    VueTabs,\n    VTab,\n    SpeakolInput,\n    ConversionsTabContent,\n    ConnectionTestTabContent\n  },\n  data () {\n    return {\n      created: this.$route.query.created,\n      tabs: {\n        index: 0\n      },\n      name: this.$route.query.name,\n      haveConversions: false,\n      toaster: {\n        show: false,\n        message: '',\n        icon: require('@/assets/images/success.svg'),\n        closeButtonText: 'close'\n      }\n    }\n  },\n  computed: {\n    ...mapGetters({\n      pixelEvents: 'campaign/pixelEvents',\n      pixelTrackingDetails: 'accounts/pixelTrackingDetails'\n    })\n  },\n\n  async beforeCreate () {\n    await this.$store.dispatch('accounts/getPixelTrackingDetails')\n    await this.checkConversionsCount()\n  },\n\n  mounted () {\n    this.$on('show-toaster', action => {\n      this.handleShowToaster(action)\n    })\n\n    if (this.$route.query.testConnection == 1) {\n      this.tabs.index = 1\n    }\n  },\n  created () {\n    if (this.created === true) {\n      this.toaster.show = true\n      this.toaster.message = `\"${this.name}\" conversion has been created.`\n      setTimeout(() => {\n        this.toaster.show = false\n      }, 3000)\n    }\n  },\n  methods: {\n    handleShowToaster (action) {\n      if (action === 'copy') {\n        this.toaster.show = true\n        this.toaster.message = 'The Pixel Code has been copied to the clipboard.'\n        setTimeout(() => {\n          this.toaster.show = false\n        }, 3000)\n      }\n    },\n\n    async checkConversionsCount () {\n      const { data } = await window.axios.get('/campaigns/conversions/have-conversions')\n      this.haveConversions = data.payload\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n$descColor:  #323232;\n$copyBgColor: rgba(0, 146, 215, 0.16551);\n\n.conversions-copy {\n  padding: 8px;\n  margin-right: 5px;\n  font-size: 12px !important;\n  background: $copyBgColor;\n  border-radius: 100%;\n\n  @apply text-speakol-color;\n}\n\n.vue-tabs /deep/ .nav-tabs > li > a:hover {\n  background-color: transparent;\n}\n\n/deep/.vx-card .vx-card__collapsible-content .vx-card__body {\n  padding: 0;\n}\n\n.tab-title {\n  @apply align-middle font-bold py-3 px-5;\n}\n\n.tab h4 {\n  padding: 0;\n}\n\n.tab.active h4 {\n  @apply text-speakol-color;\n}\n\n.conversions-parent {\n  .conversions-card {\n    background: white;\n    border-radius: 20px;\n    padding: 32px 35px;\n\n    .title-status-parent {\n      display: flex;\n\n      .conversions-title {\n        color: #2c2c2c;\n        font-weight: 500;\n        font-size: 24px;\n        margin-top: 0;\n        margin-bottom: 0;\n        display: flex;\n      }\n\n      .conversions-status-active {\n        background: #21ba45;\n        border-radius: 20px;\n        font-size: 14px;\n        color: #fff;\n        padding: 4px 16px;\n        font-weight: 400;\n        display: table;\n        position: relative;\n        top: 0;\n        margin-left: 10px;\n      }\n    }\n\n    .conversions-desc {\n      color: $descColor;\n      font-size: 14px;\n      line-height: 21px;\n      font-weight: 400;\n      margin-top: 12px;\n      margin-bottom: 32px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .conversions-title {\n      font-size: 17px !important;\n    }\n\n    .empty-state-title {\n      h4 {\n        font-size: 17px !important;\n      }\n    }\n\n    .empty-state-img {\n      margin-top: 32px !important;\n\n      img {\n        width: 284px !important;\n      }\n    }\n\n    .empty-state-desc {\n      p {\n        font-size: 14px !important;\n      }\n    }\n\n    .conversions-status-active {\n      position: relative;\n      top: -2px !important;\n    }\n\n    .converstions-show-code-content {\n      width: 90% !important;\n      padding: 24px !important;\n\n      h3 {\n        font-size: 18px !important;\n        position: relative;\n        top: 10px;\n      }\n\n      .conversions-popup-close {\n        button {\n          width: 100%;\n        }\n      }\n\n      .code-area {\n        width: 100%;\n        overflow-x: auto;\n      }\n    }\n  }\n\n  @media (max-width: 320px) {\n    .empty-state-img {\n      margin-top: 32px !important;\n\n      img {\n        width: 200px !important;\n      }\n    }\n  }\n}\n\n.cyrcle {\n  background: white;\n  width: 4px;\n  height: 4px;\n  border-radius: 100%;\n  display: inline-block;\n  position: relative;\n  top: -2px;\n  margin-right: 5px;\n}\n\n.x-icon {\n  cursor: pointer;\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=79956d48&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=79956d48&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"79956d48\",\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!./ConversionsActions.vue?vue&type=style&index=0&id=1f18236e&lang=scss&scoped=true&\"","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!./index.vue?vue&type=style&index=0&id=79956d48&lang=scss&scoped=true&\""],"sourceRoot":""}