{"version":3,"sources":["webpack:///./src/views/conversions/components/tableViewCodePopup.vue?b3d7","webpack:///src/views/conversions/components/tableViewCodePopup.vue","webpack:///./src/views/conversions/components/tableViewCodePopup.vue?2e52","webpack:///./src/views/conversions/components/tableViewCodePopup.vue","webpack:///./src/views/conversions/components/tableViewCodePopup.vue?e70d"],"names":["render","_vm","this","_h","$createElement","_c","_self","data","staticClass","_v","_m","attrs","on","$event","copyMainCode","saveMainCodeAsText","_s","code","domProps","copyPostbackCode","downloadPostbackCode","url","closePixelCode","_e","toaster","show","message","icon","closeButtonText","scopedSlots","_u","key","fn","proxy","staticRenderFns","components","SpeakolNotificationToaster","mounted","$root","$on","methods","copyText","select","setSelectionRange","document","execCommand","setTimeout","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-b819244e.48fbe60b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.data !== null)?_c('div',{staticClass:\"converstions-show-code\"},[_c('div',{staticClass:\"overlay\"}),_c('div',{staticClass:\"converstions-show-code-content\"},[_c('h3',{staticClass:\"converstions-popup-title\"},[_vm._v(\"Event Code\")]),_c('h5',{staticClass:\"converstions-popup-sub-title\"},[_vm._v(\"Embed Code\")]),_vm._m(0),_c('div',{staticClass:\"first-code-actions-parent 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.data.code))])]),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"myInput\",\"type\":\"text\"},domProps:{\"value\":_vm.data.code}}),_c('h5',{staticClass:\"converstions-popup-sub-title postback-desc\"},[_vm._v(\"Postback Documentation or Mobile Apps Tracking\")]),_c('div',{staticClass:\"second-code-actions-parent 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.copyPostbackCode()}}})],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.downloadPostbackCode()}}})],1)],1),_c('div',{staticClass:\"code-area\"},[_c('p',[_vm._v(_vm._s(_vm.data.url))])]),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"myInput2\",\"type\":\"text\"},domProps:{\"value\":_vm.data.url}}),_c('div',{staticClass:\"conversions-popup-close\"},[_c('button',{on:{\"click\":function($event){return _vm.closePixelCode()}}},[_vm._v(\"Close\")])])])]):_vm._e(),_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\":\"#FFFFFF\",\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"},on:{\"click\":function($event){_vm.toaster.show=false}}})]},proxy:true}])})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:\"embed-code-desc\"},[_vm._v(\"Attach the event code below to the relevant HTML \"),_c('br'),_vm._v(\" element where the user will\\n        click.\")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"data !== null\" class=\"converstions-show-code\">\n      <div class=\"overlay\"></div>\n      <div class=\"converstions-show-code-content\">\n        <h3 class=\"converstions-popup-title\">Event Code</h3>\n        <h5 class=\"converstions-popup-sub-title\">Embed Code</h5>\n        <p class=\"embed-code-desc\">Attach the event code below to the relevant HTML <br> element where the user will\n          click.</p>\n        <div class=\"first-code-actions-parent 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>{{ data.code }}</p>\n        </div>\n        <input id=\"myInput\" class=\"hidden-input\" :value=\"data.code\" type=\"text\">\n\n        <h5 class=\"converstions-popup-sub-title postback-desc\">Postback Documentation or Mobile Apps Tracking</h5>\n        <!-- <p class=\"embed-code-desc\">Click to know more about adding <a href=\"\">Postback </a>and <a href=\"\">mobile apps\n            tracking.</a></p> -->\n        <div class=\"second-code-actions-parent conversions-popup-actions\">\n          <vx-tooltip text=\"Copy\" position=\"top\">\n            <vs-icon @click=\"copyPostbackCode()\" 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=\"downloadPostbackCode()\" class=\"conversions-download\" icon=\"speakol-download\" icon-pack=\"speakol\"></vs-icon>\n          </vx-tooltip>\n        </div>\n\n        <div class=\"code-area\">\n          <p>{{ data.url }}</p>\n        </div>\n        <input id=\"myInput2\" class=\"hidden-input\" :value=\"data.url\" type=\"text\">\n\n        <div class=\"conversions-popup-close\">\n          <button @click=\"closePixelCode()\">Close</button>\n        </div>\n      </div>\n    </div>\n\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=\"#FFFFFF\" icon=\"speakol-cancel\" icon-pack=\"speakol\">\n        </vs-icon>\n      </template>\n    </SpeakolNotificationToaster>\n  </div>\n</template>\n\n<script>\nimport SpeakolNotificationToaster from '@/components/SpeakolNotificationToaster'\n\nexport default {\n  components: {\n    SpeakolNotificationToaster\n  },\n  data () {\n    return {\n      data: null,\n      toaster: {\n        show: false,\n        message: '',\n        icon: require('@/assets/images/success.svg'),\n        closeButtonText: 'close'\n      }\n    }\n  },\n  mounted () {\n    this.$root.$on('view-pixel-code-clicked', (data) => {\n      this.data = data\n    })\n  },\n  methods: {\n    closePixelCode () {\n      this.data = null\n    },\n    copyMainCode () {\n      const copyText = document.getElementById('myInput')\n      copyText.select()\n      copyText.setSelectionRange(0, 99999)\n      document.execCommand('copy')\n      this.toaster.show = true\n      this.toaster.message = 'The Embed Code has been copied to the clipboard.'\n      setTimeout(() => {\n        this.toaster.show = false\n      }, 3000)\n    },\n    copyPostbackCode () {\n      const copyText = document.getElementById('myInput2')\n      copyText.select()\n      copyText.setSelectionRange(0, 99999)\n      document.execCommand('copy')\n      this.toaster.show = true\n      this.toaster.message = 'The Postback Code has been copied to the clipboard.'\n      setTimeout(() => {\n        this.toaster.show = false\n      }, 3000)\n    },\n    saveMainCodeAsText () {\n      this.saveTextAsFile(this.data.code, 'installation_code.txt')\n    },\n    downloadPostbackCode () {\n      this.saveTextAsFile(this.data.url, 'postback_code.txt')\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  }\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\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: 99991 !important;\n      position: fixed;\n      width: 730px;\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        margin-bottom: 32px;\n        font-size: 24px;\n        color: #2c2c2c;\n      }\n\n      .converstions-popup-sub-title {\n        font-weight: 500;\n        font-size: 18px;\n        color: #2c2c2c;\n        margin-bottom: 10px;\n      }\n\n      .postback-desc {\n        margin-top: 48px;\n        float: left;\n      }\n\n      .embed-code-desc {\n        font-weight: 300;\n        font-size: 14px;\n        color: #999;\n        margin-bottom: 24px;\n        float: left;\n      }\n\n      .conversions-popup-actions {\n        float: right;\n        display: flex;\n        margin-bottom: 16px;\n      }\n\n      .second-code-actions-parent {\n        margin-top: 38px;\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    .hidden-input {\n      position: absolute;\n      opacity: 0;\n    }\n\n    .first-code-actions-parent {\n      position: relative;\n      top: 11px;\n    }\n  }\n\n  .x-icon {\n    cursor: pointer;\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    .second-code-actions-parent {\n      margin-top: 0 !important;\n    }\n\n    .first-code-actions-parent {\n      position: relative;\n      top: 0 !important;\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!./tableViewCodePopup.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!./tableViewCodePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tableViewCodePopup.vue?vue&type=template&id=927b1118&scoped=true&\"\nimport script from \"./tableViewCodePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./tableViewCodePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableViewCodePopup.vue?vue&type=style&index=0&id=927b1118&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  \"927b1118\",\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!./tableViewCodePopup.vue?vue&type=style&index=0&id=927b1118&lang=scss&scoped=true&\""],"sourceRoot":""}