{"version":3,"sources":["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/components/ConversionsActions.vue?3628"],"names":["render","_vm","this","_h","$createElement","_c","_self","pixelTracking","staticClass","attrs","on","$event","viewCode","copyMainCode","domProps","main_code","saveMainCodeAsText","directives","name","rawName","value","expression","_v","_s","closePixelCode","_e","staticRenderFns","data","showPixelCodePopup","computed","methods","showToaster","$parent","$emit","action","copyText","select","setSelectionRange","document","execCommand","$gtag","event","saveTextAsFile","type","downloadLink","download","fileNameToSaveAs","innerHTML","window","webkitURL","href","createObjectURL","textFileAsBlob","URL","style","display","body","appendChild","click","component"],"mappings":"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","file":"js/chunk-cd1b95c4.c133941a.js","sourcesContent":["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","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&\""],"sourceRoot":""}