{"version":3,"sources":["webpack:///./src/views/conversions/components/TestEventsTree.vue?1985","webpack:///src/views/conversions/components/TestEventsTree.vue","webpack:///./src/views/conversions/components/TestEventsTree.vue?97e8","webpack:///./src/views/conversions/components/TestEventsTree.vue","webpack:///./src/views/conversions/components/TestEventsTree.vue?fc38","webpack:///./node_modules/core-js/modules/es6.regexp.constructor.js","webpack:///./src/views/conversions/components/TestConnectionActions.vue?90d8","webpack:///src/views/conversions/components/TestConnectionActions.vue","webpack:///./src/views/conversions/components/TestConnectionActions.vue?e8e0","webpack:///./src/views/conversions/components/TestConnectionActions.vue","webpack:///./src/views/conversions/components/TestConnectionActions.vue?710e","webpack:///./src/views/conversions/components/TestEventsEmptyState.vue?c341","webpack:///./src/views/conversions/components/ConnectionTestTabContent.vue?e805","webpack:///./src/views/conversions/components/TestEventsEmptyState.vue?85be","webpack:///src/views/conversions/components/TestEventsEmptyState.vue","webpack:///./src/views/conversions/components/TestEventsEmptyState.vue?1e0f","webpack:///./src/views/conversions/components/TestEventsEmptyState.vue","webpack:///./src/assets/images/test-connection-empty.svg","webpack:///./node_modules/vue-spinner/src/ClipLoader.vue?3f05","webpack:///./src/validators/Tracking.js","webpack:///./src/views/conversions/components/ConnectionTestTabContent.vue?aafc","webpack:///./node_modules/vue-spinner/src/ClipLoader.vue?4b83","webpack:///node_modules/vue-spinner/src/ClipLoader.vue","webpack:///./node_modules/vue-spinner/src/ClipLoader.vue?ec19","webpack:///./node_modules/vue-spinner/src/ClipLoader.vue","webpack:///src/views/conversions/components/ConnectionTestTabContent.vue","webpack:///./src/views/conversions/components/ConnectionTestTabContent.vue?44a6","webpack:///./src/views/conversions/components/ConnectionTestTabContent.vue","webpack:///./node_modules/core-js/modules/es6.string.starts-with.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","trackingTestResult","Object","keys","length","_l","events","key","_v","_s","event","id","$t","status","$constants","TRACKING_TEST_STATUS","DONE","testURL","_e","staticRenderFns","props","component","global","inheritIfRequired","dP","f","gOPN","isRegExp","$flags","$RegExp","RegExp","Base","proto","prototype","re1","re2","CORRECT_NEW","p","tiRE","piRE","fiU","undefined","constructor","source","call","proxy","configurable","get","set","it","i","ref","attrs","model","value","callback","$$v","expression","on","$event","testConnection","btnTestText","data","trackingTestStartTime","debugId","urlTemplatesToReplace","computed","pixelDebugEnv","methods","getPreparedURL","templates","some","preparedURL","url","replace","URL","searchParams","window","speakol_configs","test_tracking_connection_param","testConnectionDebugKey","setStorageKeyValue","$emit","PORCESSING","$moment","format","timestamp","updateValues","newValues","components","TestConnectionActions","module","exports","Validator","extend","getMessage","validate","protocol","startsWith","trackingTestStartTimeStorage","getTrackingTest","isTrackingTestDone","domProps","directives","name","rawName","style","loading","type","Boolean","default","String","radius","spinnerStyle","height","size","width","borderWidth","borderStyle","borderColor","color","borderRadius","background","TestEventsTree","TestEventsEmptyState","ClipLoader","timeout","xCheckSeconds","reinitializeRequest","testTimeout","created","watch","$export","toLength","context","STARTS_WITH","$startsWith","P","F","searchString","that","index","Math","min","arguments","search","slice"],"mappings":"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","file":"js/chunk-59d5a74e.27daccf4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"tree\"},[(_vm.trackingTestResult && Object.keys(_vm.trackingTestResult).length > 0)?_c('ul',_vm._l((_vm.trackingTestResult),function(events,key){return _c('li',{key:key},[_c('span',{staticClass:\"parent\"},[_c('div',{staticClass:\"box url-text\"},[_vm._v(_vm._s(key))])]),_c('ul',_vm._l((events),function(event){return _c('li',{key:event.id},[_c('span',{staticClass:\"child\"},[_c('div',{staticClass:\"box event flex justify-between\"},[_c('span',{staticClass:\"text-left\"},[_c('span',[_vm._v(_vm._s(event.event))])]),_c('span',{staticClass:\"text-right\"},[_c('span',{staticClass:\"event-status active-icon\"}),_c('span',[_vm._v(_vm._s(_vm.$t('Active')))])])])])])}),0)])}),0):(_vm.status === this.$constants.TRACKING_TEST_STATUS.DONE)?_c('ul',[_c('li',{staticClass:\"mb-3 mt-3\"},[_c('span',{staticClass:\"parent\"},[_c('div',{staticClass:\"box url-text px-4 py-3\"},[_vm._v(_vm._s(_vm.testURL))])]),_c('ul',[_c('li',[_c('span',{staticClass:\"child\"},[_c('div',{staticClass:\"box event flex justify-between\"},[_c('span',{staticClass:\"text-left pl-1\"},[_c('span',{staticClass:\"event-status danger-icon\"}),_c('span',[_vm._v(_vm._s(_vm.$t('No pixel found')))])])])])])])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"tree\">\n      <ul v-if=\"trackingTestResult && Object.keys(trackingTestResult).length > 0\">\n        <li class=\"\" v-for=\"(events, key) in trackingTestResult\" :key=\"key\">\n          <span class=\"parent\">\n            <div class=\"box url-text\">{{key}}</div>\n          </span>\n          <ul>\n            <li v-for=\"event in events\" :key=\"event.id\">\n              <span class=\"child\">\n                <div class=\"box event flex justify-between\">\n                  <span class=\"text-left\">\n                    <span>{{event.event}}</span>\n                  </span>\n\n                  <span class=\"text-right\">\n                    <span class=\"event-status active-icon\"></span>\n                    <span>{{ $t('Active')}}</span>\n                  </span>\n                </div>\n              </span>\n            </li>\n          </ul>\n        </li>\n      </ul>\n      <ul v-else-if=\"status === this.$constants.TRACKING_TEST_STATUS.DONE\">\n        <li class=\"mb-3 mt-3\">\n          <span class=\"parent\">\n            <div class=\"box url-text px-4 py-3\">{{testURL}}</div>\n          </span>\n          <ul>\n            <li>\n              <span class=\"child\">\n                <div class=\"box event flex justify-between\">\n                  <span class=\"text-left pl-1\">\n                    <span class=\"event-status danger-icon\"></span>\n                    <span>{{ $t('No pixel found')}}</span>\n                  </span>\n                </div>\n              </span>\n            </li>\n          </ul>\n        </li>\n      </ul>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  props:['trackingTestResult', 'testURL', 'status']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$active-color: #21ba45;\n$inactive-color:#f2af03;\n$danger-color:#db2828;\n$border-color:#c2c2c2;\n$text-color: #323232;\n\n.event-status {\n  height: 10px;\n  width: 10px;\n  margin-right: 6px !important;\n\n  @apply mr-1;\n\n  &.active-icon {\n    background: $active-color;\n  }\n\n  &.inactive-icon {\n    background: $inactive-color;\n  }\n\n  &.danger-icon {\n    background: $danger-color;\n  }\n}\n\n.box {\n  box-sizing: border-box;\n  border-radius: 4px;\n  color: $text-color;\n\n  &.url-text {\n    padding: 12px;\n    overflow-wrap: break-word;\n    border: 1px solid $border-color;\n  }\n\n  &.event {\n    width: 278px;\n    padding: 8px 12px 8px 12px;\n    height: 36px;\n    border: 1px dashed $border-color;\n  }\n}\n\n.tree li {\n  list-style-type: none;\n  margin: 0;\n  padding: 10px 5px 0 5px;\n  position: relative;\n}\n\n.tree li::before,\n.tree li::after {\n  content: '';\n  left: 10px;\n  position: absolute;\n  right: auto;\n  border-radius: 4px;\n}\n\n.tree li::before {\n  bottom: 10px;\n  height: 100%;\n  top: 0;\n  width: 0;\n  border: 1px dashed $border-color;\n}\n\n.tree li::after {\n  height: 20px;\n  top: 30px;\n  width: 20px;\n  border-top: 1px dashed $border-color;\n}\n\n.tree li span {\n  -moz-border-radius: 5px;\n  -webkit-border-radius: 5px;\n  border-radius: 5px;\n  display: inline-block;\n  text-decoration: none;\n}\n\n.tree > ul > li::before,\n.tree > ul > li::after {\n  border: 0;\n}\n\n.tree li:last-child::before {\n  top: 0;\n  height: 28px;\n}\n\nspan.child {\n  margin-left: 22px;;\n}\n\n@media (max-width: 768px) {\n  .tree li {\n    padding-left: 0;\n  }\n\n  .url-text {\n    max-width: 284px;\n    overflow: hidden;\n  }\n\n  .box.event {\n    width: 262px;\n  }\n\n  .tree li::before {\n    top: -10%;\n  }\n\n  .tree li::after {\n    width: 14px;\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!./TestEventsTree.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!./TestEventsTree.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TestEventsTree.vue?vue&type=template&id=016eb31b&scoped=true&\"\nimport script from \"./TestEventsTree.vue?vue&type=script&lang=js&\"\nexport * from \"./TestEventsTree.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TestEventsTree.vue?vue&type=style&index=0&id=016eb31b&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  \"016eb31b\",\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!./TestEventsTree.vue?vue&type=style&index=0&id=016eb31b&lang=scss&scoped=true&\"","var global = require('./_global');\nvar inheritIfRequired = require('./_inherit-if-required');\nvar dP = require('./_object-dp').f;\nvar gOPN = require('./_object-gopn').f;\nvar isRegExp = require('./_is-regexp');\nvar $flags = require('./_flags');\nvar $RegExp = global.RegExp;\nvar Base = $RegExp;\nvar proto = $RegExp.prototype;\nvar re1 = /a/g;\nvar re2 = /a/g;\n// \"new\" creates a new object, old webkit buggy here\nvar CORRECT_NEW = new $RegExp(re1) !== re1;\n\nif (require('./_descriptors') && (!CORRECT_NEW || require('./_fails')(function () {\n  re2[require('./_wks')('match')] = false;\n  // RegExp constructor can alter flags and IsRegExp works correct with @@match\n  return $RegExp(re1) != re1 || $RegExp(re2) == re2 || $RegExp(re1, 'i') != '/a/i';\n}))) {\n  $RegExp = function RegExp(p, f) {\n    var tiRE = this instanceof $RegExp;\n    var piRE = isRegExp(p);\n    var fiU = f === undefined;\n    return !tiRE && piRE && p.constructor === $RegExp && fiU ? p\n      : inheritIfRequired(CORRECT_NEW\n        ? new Base(piRE && !fiU ? p.source : p, f)\n        : Base((piRE = p instanceof $RegExp) ? p.source : p, piRE && fiU ? $flags.call(p) : f)\n      , tiRE ? this : proto, $RegExp);\n  };\n  var proxy = function (key) {\n    key in $RegExp || dP($RegExp, key, {\n      configurable: true,\n      get: function () { return Base[key]; },\n      set: function (it) { Base[key] = it; }\n    });\n  };\n  for (var keys = gOPN(Base), i = 0; keys.length > i;) proxy(keys[i++]);\n  proto.constructor = $RegExp;\n  $RegExp.prototype = proto;\n  require('./_redefine')(global, 'RegExp', $RegExp);\n}\n\nrequire('./_set-species')('RegExp');\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"md:flex\"},[_c('div',[_c('speakol-input',{ref:\"test-url\",staticClass:\"search-connection\",attrs:{\"placeholder\":_vm.$t('tracking.test_connection_tab.search_placeholder'),\"maxLength\":1024,\"validation\":'required|url|require_protocol',\"correlationKey\":'URL'},model:{value:(_vm.testURL),callback:function ($$v) {_vm.testURL=$$v},expression:\"testURL\"}})],1),_c('div',{staticClass:\"md:ml-3\"},[_c('div',{staticClass:\"empty-state-action\"},[_c('button',{staticClass:\"shadow-none test-connection-button\",on:{\"click\":function($event){return _vm.testConnection()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.btnTestText || _vm.$t('tracking.test_connection_tab.btn_new_test'))+\"\\n      \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"md:flex\">\n    <div>\n      <speakol-input\n        :placeholder=\"$t('tracking.test_connection_tab.search_placeholder')\"\n        class=\"search-connection\"\n        v-model=\"testURL\"\n        :maxLength=\"1024\"\n        :validation=\"'required|url|require_protocol'\"\n        :correlationKey=\"'URL'\"\n        ref=\"test-url\"\n      >\n      </speakol-input>\n    </div>\n\n    <div class=\"md:ml-3\">\n      <div class=\"empty-state-action\">\n        <button\n          @click=\"testConnection()\"\n          class=\"shadow-none test-connection-button\">\n          {{ btnTestText || $t('tracking.test_connection_tab.btn_new_test') }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport '@/validators/Tracking'\n\nexport default {\n  props: ['btnTestText'],\n  data () {\n    return {\n      testURL: null,\n      status: null,\n      trackingTestStartTime: null,\n      debugId: null,\n      urlTemplatesToReplace: ['#click_id#', '{click_id}', '{spcid}']\n    }\n  },\n\n  computed: {\n    pixelDebugEnv () {\n      // c: indicated to canary\n      return process.env.VUE_APP_PIXEL_DEBUG_ENV ? process.env.VUE_APP_PIXEL_DEBUG_ENV.toLowerCase() : 'c'\n    }\n  },\n\n  methods: {\n    async testConnection () {\n      this.$gtag.event('Test_connection_button')\n      const isValidURL = await this.$refs['test-url'].validate()\n\n      if (isValidURL) {\n        const timestamp = Date.now()\n        this.setStorageKeyValue(timestamp)\n\n        const url = this.getPreparedURL(\n          this.urlTemplatesToReplace,\n          this.testURL,\n          timestamp\n        )\n\n        this.$store.commit(\n          'accounts/SET_TRACKING_DEBUG_KEY',\n          this.$moment().format('YYYY-MM-DD HH:mm:ss')\n        )\n\n        await this.$refs['test-url'].setDefault()\n\n        this.$emit('test-done', {reinitializeRequest: true})\n        window.open(url, '_blank')\n      }\n    },\n\n    getPreparedURL (templates, url, timestamp) {\n      let preparedURL = ''\n      const testConnectionDebugKey = `${window.speakol_configs.test_tracking_connection_prefix}-${this.pixelDebugEnv}-${localStorage.getItem('activeAccountId')}-${timestamp}`\n\n      if (templates.some(template => url.includes(template))) {\n        preparedURL = url.replace(\n          new RegExp(\n            templates.join('|'), 'g'\n          ),\n          testConnectionDebugKey\n        )\n      } else {\n        preparedURL = new URL(url)\n        preparedURL.searchParams.set(window.speakol_configs.test_tracking_connection_param, testConnectionDebugKey)\n      }\n\n      return preparedURL\n    },\n\n    setStorageKeyValue (timestamp) {\n      this.$emit('update-done', {\n        status: this.$constants.TRACKING_TEST_STATUS.PORCESSING,\n        trackingTestStartTime: this.$moment().format('YYYY-MM-DD HH:mm:ss'),\n        debugId: timestamp,\n        testURL: this.testURL\n      })\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n$blueColor: #0092d7;\n\n.search-connection {\n  width: 427px;\n}\n\n.test-connection-button {\n  background-color: $blueColor;\n  color: white;\n  border-radius: 3px !important;\n  border: 1px solid $blueColor;\n  cursor: pointer;\n  height: 40px;\n  font-size: 14px;\n  font-weight: 500 !important;\n  padding: 6px 16px;\n}\n\n@media (max-width: 768px) {\n  .search-connection,\n  .test-connection-button {\n    width: 288px !important;\n  }\n\n  .search-connection {\n    margin-bottom: 16px;\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!./TestConnectionActions.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!./TestConnectionActions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TestConnectionActions.vue?vue&type=template&id=185e0dd8&scoped=true&\"\nimport script from \"./TestConnectionActions.vue?vue&type=script&lang=js&\"\nexport * from \"./TestConnectionActions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TestConnectionActions.vue?vue&type=style&index=0&id=185e0dd8&scoped=true&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  \"185e0dd8\",\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!./TestConnectionActions.vue?vue&type=style&index=0&id=185e0dd8&scoped=true&lang=scss&\"","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!./TestEventsEmptyState.vue?vue&type=style&index=0&id=3248c180&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!./ConnectionTestTabContent.vue?vue&type=style&index=0&id=6de049e6&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full text-center empty-state\"},[_c('img',{staticClass:\"empty-img\",attrs:{\"src\":require(\"@/assets/images/test-connection-empty.svg\"),\"alt\":\"test connection empty\"}}),_c('div',{staticClass:\"start-hint\"},[_vm._v(_vm._s(_vm.$t('Enter your website URL to start testing connection.')))]),_c('div',{staticClass:\"flex text-left justify-center\"},[_c('TestConnectionActions',{attrs:{\"btnTestText\":_vm.$t('tracking.test_connection_tab.btn_test')},on:{\"update-done\":_vm.updateValues}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-full text-center empty-state\">\n\n      <img\n        class=\"empty-img\"\n        src=\"@/assets/images/test-connection-empty.svg\"\n        alt=\"test connection empty\"\n      />\n\n      <div class=\"start-hint\">{{$t('Enter your website URL to start testing connection.')}}</div>\n\n      <div  class=\"flex text-left justify-center\">\n        <TestConnectionActions :btnTestText=\"$t('tracking.test_connection_tab.btn_test')\" @update-done=\"updateValues\"/>\n      </div>\n  </div>\n</template>\n\n<script>\nimport TestConnectionActions from './TestConnectionActions.vue'\n\nexport default {\n  methods:{\n    updateValues (newValues) {\n      this.$emit('update-done', newValues)\n    }\n  },\n  components:{\n    TestConnectionActions\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n$hintColor: #323232;\n\n.empty-state {\n  margin-top: 40px;\n}\n\n.empty-img {\n  width: 173px;\n  height: 130px;\n  margin-bottom: 18px;\n}\n\n.start-hint {\n  font-size: 18px;\n  line-height: 27px;\n  letter-spacing: 0.107143px;\n  color: $hintColor;\n  margin-bottom: 20px;\n}\n\n</style>\n\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!./TestEventsEmptyState.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!./TestEventsEmptyState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TestEventsEmptyState.vue?vue&type=template&id=3248c180&scoped=true&\"\nimport script from \"./TestEventsEmptyState.vue?vue&type=script&lang=js&\"\nexport * from \"./TestEventsEmptyState.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TestEventsEmptyState.vue?vue&type=style&index=0&id=3248c180&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  \"3248c180\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/test-connection-empty.72357786.svg\";","export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../css-loader/index.js??ref--6-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--6-oneOf-1-2!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./ClipLoader.vue?vue&type=style&index=0&lang=css&\"","import {\n  Validator\n} from 'vee-validate'\n\nValidator.extend('require_protocol', {\n  getMessage: () => 'The URL must start with https:// or http://.',\n  validate: (url) => ['http://', 'https://'].some(protocol => url.startsWith(protocol))\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pl-0\"},[(_vm.trackingTestStartTime || _vm.trackingTestStartTimeStorage)?_c('div',[_c('div',{staticClass:\"md:p-6 pt-6 pl-0 mt-1\"},[_c('div',{staticClass:\"md:flex md:float-right\"},[_c('TestConnectionActions',{on:{\"test-done\":_vm.getTrackingTest,\"update-done\":_vm.updateValues}})],1)]),_c('div',{staticClass:\"clear-both\"}),_c('div',{staticClass:\"md:pl-5 w-full\"},[_c('div',{staticClass:\"w-full test-status\"},[(_vm.isTrackingTestDone === _vm.$constants.TRACKING_TEST_STATUS.DONE)?_c('span',{staticClass:\"conversion-verfied-title\"},[_c('vs-icon',{staticClass:\"converiosn-verfied-icon verified-icon ml-2 pr-1\",attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-verified\"}}),_vm._v(\"\\n          \"+_vm._s(_vm.$t('tracking.test_connection_tab.test_done'))+\"\\n        \")],1):_c('span',[_c('div',{staticClass:\"flex processing\"},[_c('clip-loader',{staticClass:\"ml-2 pr-2\",attrs:{\"loading\":true,\"color\":'#0092D7',\"size\":'18px'}}),_c('p',{staticClass:\"test-connections-processing w-full\"},[_vm._v(_vm._s(_vm.$t('tracking.test_connection_tab.processing_title')))])],1),_c('div',{staticClass:\"flex notifications-bar items-center border-speakol-color\"},[_c('div',{staticClass:\"flex space-x-8\"},[_c('vs-icon',{attrs:{\"icon\":\"speakol-info flex items-center icon-info\",\"color\":\"#1890FF\",\"bg\":\"FDF5E1\",\"icon-pack\":\"speakol\",\"round\":\"\"}}),_c('ul',{staticClass:\"list-disc\"},[_c('li',{domProps:{\"innerHTML\":_vm._s(_vm.$t('tracking.test_connection_tab.processing_desc1'))}}),_c('li',{domProps:{\"innerHTML\":_vm._s(_vm.$t('tracking.test_connection_tab.processing_desc2'))}})])],1)])])]),_c('TestEventsTree',{attrs:{\"trackingTestResult\":_vm.trackingTestResult,\"status\":_vm.isTrackingTestDone,\"testURL\":_vm.testURL}})],1)]):_c('div',[_c('TestEventsEmptyState',{on:{\"update-done\":_vm.updateValues}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"v-spinner\"},[_c('div',{staticClass:\"v-clip\",style:(_vm.spinnerStyle)})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<div class=\"v-spinner\" v-show=\"loading\">\n    <div class=\"v-clip\" v-bind:style=\"spinnerStyle\">\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  \n  name: 'ClipLoader',\n\n  props: {\n    loading: {\n      type: Boolean,\n      default: true\n    },\n  \tcolor: { \n      type: String,\n      default: '#5dc596'\n    },\n  \tsize: {\n      type: String,\n      default: '35px'\n    },\n    radius: {\n      type: String,\n      default: '100%'\n    }\n  },\n  computed: {\n    spinnerStyle () {\n      return {\n        height: this.size,\n        width: this.size,\n        borderWidth: '2px',\n        borderStyle: 'solid',\n        borderColor: this.color + ' ' + this.color + ' transparent',\n        borderRadius: this.radius,\n        background: 'transparent'\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.v-spinner\n{\n/*\t  font-size: 10px; \n\n    width: 60px;\n    height: 40px;*/\n    /*margin: 25px auto;*/\n    text-align: center;\n \n}\n\n.v-spinner .v-clip\n{\n    -webkit-animation: v-clipDelay 0.75s 0s infinite linear;\n            animation: v-clipDelay 0.75s 0s infinite linear;\n    -webkit-animation-fill-mode: both;\n\t          animation-fill-mode: both;\n\n    display: inline-block;\n}\n\n@-webkit-keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n\n@keyframes v-clipDelay\n{\n    0%\n    {\n        -webkit-transform: rotate(0deg) scale(1);\n                transform: rotate(0deg) scale(1);\n    }\n    50%\n    {\n        -webkit-transform: rotate(180deg) scale(0.8);\n                transform: rotate(180deg) scale(0.8);\n    }\n    100%\n    {\n        -webkit-transform: rotate(360deg) scale(1);\n                transform: rotate(360deg) scale(1);\n    }\n}\n</style>\n","import mod from \"-!../../cache-loader/dist/cjs.js??ref--12-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./ClipLoader.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../cache-loader/dist/cjs.js??ref--12-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--0-0!../../vue-loader/lib/index.js??vue-loader-options!./ClipLoader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClipLoader.vue?vue&type=template&id=7edc50d8&\"\nimport script from \"./ClipLoader.vue?vue&type=script&lang=js&\"\nexport * from \"./ClipLoader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClipLoader.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../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","<template>\n  <div class=\"pl-0\">\n    <div v-if=\"trackingTestStartTime || trackingTestStartTimeStorage\">\n      <div class=\"md:p-6 pt-6 pl-0 mt-1\">\n        <div class=\"md:flex md:float-right\">\n          <TestConnectionActions @test-done=\"getTrackingTest\" @update-done=\"updateValues\"/>\n        </div>\n      </div>\n\n      <div class=\"clear-both\"></div>\n      <div class=\"md:pl-5 w-full\">\n        <div class=\"w-full test-status\">\n          <span class=\"conversion-verfied-title\" v-if=\"isTrackingTestDone === $constants.TRACKING_TEST_STATUS.DONE\">\n            <!--  -->\n            <vs-icon icon-pack=\"speakol\" icon=\"speakol-verified\" class=\"converiosn-verfied-icon verified-icon ml-2 pr-1\"></vs-icon>\n            {{ $t('tracking.test_connection_tab.test_done') }}\n          </span>\n          <span v-else>\n            <!-- v-else -->\n            <div class=\"flex processing\">\n              <clip-loader :loading=\"true\" :color=\"'#0092D7'\" :size=\"'18px'\" class=\"ml-2 pr-2\"></clip-loader>\n              <p class=\"test-connections-processing w-full\">{{ $t('tracking.test_connection_tab.processing_title') }}</p>\n            </div>\n\n            <div class=\"flex notifications-bar items-center border-speakol-color\">\n              <div class=\"flex space-x-8\">\n                <vs-icon icon=\"speakol-info flex items-center icon-info\" color=\"#1890FF\" bg=\"FDF5E1\" icon-pack=\"speakol\" round></vs-icon>\n                <ul class=\"list-disc\">\n                  <li v-html=\"$t('tracking.test_connection_tab.processing_desc1')\"></li>\n                  <li v-html=\"$t('tracking.test_connection_tab.processing_desc2')\"></li>\n                </ul>\n              </div>\n            </div>\n          </span>\n        </div>\n\n        <TestEventsTree\n          :trackingTestResult=\"trackingTestResult\"\n          :status=\"isTrackingTestDone\"\n          :testURL=\"testURL\"\n        />\n      </div>\n    </div>\n\n    <div v-else>\n      <TestEventsEmptyState @update-done=\"updateValues\"/>\n    </div>\n  </div>\n</template>\n<script>\n\nimport TestEventsTree from './TestEventsTree.vue'\nimport '@/validators/Tracking'\nimport TestConnectionActions from './TestConnectionActions.vue'\nimport TestEventsEmptyState from './TestEventsEmptyState.vue'\nimport ClipLoader from 'vue-spinner/src/ClipLoader.vue'\n\nexport default {\n  components: {\n    TestEventsTree,\n    TestConnectionActions,\n    TestEventsEmptyState,\n    ClipLoader\n  },\n  data () {\n    return {\n      trackingTestStartTimeStorage: null,\n      timeout: (process.env.VUE_APP_PIXEL_TEST_SESSION_WINDOW || 10) * 1000,\n      xCheckSeconds: (process.env.VUE_APP_PIXEL_TEST_DATA_POOL_INTERVAL || 5) * 1000,\n      trackingTestResult: [],\n      testURL: null,\n      isTrackingTestDone: null,\n      trackingTestStartTime: null,\n      reinitializeRequest: false,\n      testTimeout: null\n    }\n  },\n\n  created () {\n    this.getTrackingTest()\n  },\n\n  computed: {},\n\n  watch: {\n    trackingTestResult () {\n      this.isTrackingTestDone = this.status\n    }\n  },\n\n  methods: {\n    updateValues (newValues) {\n      this.status = newValues.status\n      this.trackingTestStartTime = newValues.trackingTestStartTime\n      this.debugId = newValues.debugId\n      this.testURL = newValues.testURL\n    },\n    async requestTrackingTest () {\n      if (this.trackingTestStartTime || this.trackingTestStartTimeStorage) {\n        const response = await window.axios.get('/tracking/test', {\n          hideLoader: true,\n          params: {\n            debugId: this.debugId\n          }\n        })\n\n        return response.data.payload\n      }\n    },\n\n    async getTrackingTest (newValues = {}) {\n      const self = this\n      self.trackingTestResult = []\n\n      const interval = setInterval(async () => {\n        self.trackingTestResult = await self.requestTrackingTest()\n\n      }, self.xCheckSeconds)\n\n\n      if (this.testTimeout && newValues && newValues.reinitializeRequest === true) {\n        clearTimeout(this.testTimeout)\n      }\n\n      //  stop hitting api\n      this.testTimeout = setTimeout(() => {\n        this.status = this.$constants.TRACKING_TEST_STATUS.DONE\n        this.isTrackingTestDone = this.$constants.TRACKING_TEST_STATUS.DONE\n        clearInterval(interval)\n      }, self.timeout)\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n$verifiedColor: #21ba45;\n$hintBgColor: #e6f5fb;\n$hintFontColor: #323232;\n\n.verified-icon {\n  font-size: 16.5px !important;\n  color: $verifiedColor;\n}\n\n.conversion-verfied-title {\n  color: $hintFontColor;\n}\n\n.test-status {\n  margin-top: 15px;\n}\n\n.test-connections-processing {\n  color: #323232;\n}\n\n.processing {\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.233333px;\n  color: $hintFontColor;\n}\n\n.icon-info {\n  font-size: 13.4px !important;\n}\n\n.converiosn-verfied-icon {\n  position: relative;\n  top: 2px;\n}\n\n.notifications-bar {\n  padding: 12px;\n  background: $hintBgColor;\n  box-sizing: border-box;\n  margin-top: 18px;\n  border-radius: 4px;\n  border: 1px solid;\n  width: 641px;\n  height: 64px;\n  font-size: 12px;\n  line-height: 20px;\n  letter-spacing: 0.233333px;\n  color: $hintFontColor;\n}\n\n@media (max-width: 768px) {\n  .test {\n    padding-left: 0;\n  }\n\n  .notifications-bar {\n    height: auto;\n    width: auto;\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!./ConnectionTestTabContent.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!./ConnectionTestTabContent.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConnectionTestTabContent.vue?vue&type=template&id=6de049e6&scoped=true&\"\nimport script from \"./ConnectionTestTabContent.vue?vue&type=script&lang=js&\"\nexport * from \"./ConnectionTestTabContent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConnectionTestTabContent.vue?vue&type=style&index=0&id=6de049e6&scoped=true&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  \"6de049e6\",\n  null\n  \n)\n\nexport default component.exports","// 21.1.3.18 String.prototype.startsWith(searchString [, position ])\n'use strict';\nvar $export = require('./_export');\nvar toLength = require('./_to-length');\nvar context = require('./_string-context');\nvar STARTS_WITH = 'startsWith';\nvar $startsWith = ''[STARTS_WITH];\n\n$export($export.P + $export.F * require('./_fails-is-regexp')(STARTS_WITH), 'String', {\n  startsWith: function startsWith(searchString /* , position = 0 */) {\n    var that = context(this, searchString, STARTS_WITH);\n    var index = toLength(Math.min(arguments.length > 1 ? arguments[1] : undefined, that.length));\n    var search = String(searchString);\n    return $startsWith\n      ? $startsWith.call(that, search, index)\n      : that.slice(index, index + search.length) === search;\n  }\n});\n"],"sourceRoot":""}