{"version":3,"sources":["webpack:///./src/views/conversions/components/CreateConversions.vue?0ffd","webpack:///src/views/conversions/components/CreateConversions.vue","webpack:///./src/views/conversions/components/CreateConversions.vue?f439","webpack:///./src/views/conversions/components/CreateConversions.vue","webpack:///./src/views/conversions/components/CreateConversions.vue?9b88"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","class","campaignRequired","errors","first","attrs","accountCampagins","on","$event","campaginChange","model","callback","$$v","selectedCampagin","has","_e","_s","$t","eventsRequired","eventAlreadyUsed","Object","values","pixelTracking","events","hideCopiesMessageDuringChange","selectedPixelTrackingEvent","copyEmbedCode","downloadEmbedCode","disableActions","disableCode","event_trigger_code","domProps","copyPostBackCode","downloadPostBackCode","postback_url","saveConversions","toaster","show","message","icon","closeButtonText","scopedSlots","_u","key","fn","proxy","staticRenderFns","components","SpeakolNotificationToaster","data","main_code","computed","methods","copyText","select","setSelectionRange","document","execCommand","setTimeout","saveTextAsFile","type","downloadLink","download","fileNameToSaveAs","innerHTML","window","webkitURL","href","createObjectURL","textFileAsBlob","URL","style","display","body","appendChild","click","checkIfMeesageAppear","copiedEventCodeMessage","component"],"mappings":"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","file":"js/chunk-fdb7e594.83662998.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"create-conversions-parent\"},[_c('div',{staticClass:\"create-conversions-card\"},[_c('h4',{staticClass:\"create-conversions-title\"},[_vm._v(\"Create Conversion\")]),_c('div',{staticClass:\"create-conversions-filters\"},[_c('div',{staticClass:\"grid md:grid-cols-3 gap-4\"},[_c('div',{staticClass:\"create-conversions-campaign\"},[_c('p',{staticClass:\"create-conversions-filters-label\"},[_vm._v(\"Campaign\")]),_c('v-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],class:{ campaignRequired: _vm.errors.first('campaign') },attrs:{\"name\":\"campaign\",\"id\":\"tracking-events-list\",\"options\":_vm.accountCampagins,\"label\":\"name\",\"placeholder\":'Select Campagin'},on:{\"input\":function($event){return _vm.campaginChange()}},model:{value:(_vm.selectedCampagin),callback:function ($$v) {_vm.selectedCampagin=$$v},expression:\"selectedCampagin\"}}),(!_vm.errors.has('campaign'))?_c('span',{staticClass:\"text-base block pt-1 text-speakol-color\"},[_vm._v(_vm._s(_vm.$t('create_conversion.campaign_input_hint')))]):_vm._e(),_c('span',{staticClass:\"text-danger text-sm block pt-1\"},[_vm._v(_vm._s(_vm.errors.first('campaign')))])],1),_c('div',{staticClass:\"create-conversions-event\"},[_c('p',{staticClass:\"create-conversions-filters-label\"},[_vm._v(\"Event\")]),_c('v-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],class:{ eventsRequired: _vm.errors.first('events') || _vm.eventAlreadyUsed },attrs:{\"name\":\"events\",\"id\":\"tracking-events-list\",\"options\":Object.values(_vm.pixelTracking.events),\"item-text\":\"title\",\"item-value\":\"key\",\"label\":\"title\",\"placeholder\":'Select Event'},on:{\"input\":_vm.hideCopiesMessageDuringChange},model:{value:(_vm.selectedPixelTrackingEvent),callback:function ($$v) {_vm.selectedPixelTrackingEvent=$$v},expression:\"selectedPixelTrackingEvent\"}}),_c('span',{staticClass:\"text-danger text-sm block pt-1\"},[_vm._v(_vm._s(_vm.errors.first('events')))]),(_vm.eventAlreadyUsed && _vm.selectedPixelTrackingEvent)?_c('span',{staticClass:\"text-danger text-sm block pt-1\"},[_vm._v(\"This event is currently used by the same campaign.\")]):_vm._e()],1)])]),_c('div',{staticClass:\"embed-code-section\"},[_c('h5',{staticClass:\"embed-code-title\"},[_vm._v(\"Embed Code\")]),_c('p',{staticClass:\"embed-code-desc\"},[_vm._v(\"Attach the event code below to the relevant HTML element where the user will click.\\n      \")]),_c('div',{staticClass:\"embed-code-actions\"},[(!_vm.selectedPixelTrackingEvent)?_c('div',[_c('vs-icon',{staticClass:\"conversions-copy\",class:{ disableActions: !_vm.selectedPixelTrackingEvent },attrs:{\"icon\":\"speakol-copy\",\"icon-pack\":\"speakol\"}}),_c('vs-icon',{staticClass:\"conversions-download\",class:{ disableActions: !_vm.selectedPixelTrackingEvent },attrs:{\"icon\":\"speakol-download\",\"icon-pack\":\"speakol\"}})],1):_c('div',{staticClass:\"icons-with-tooltip\"},[_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.copyEmbedCode()}}})],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.downloadEmbedCode()}}})],1)],1)]),_c('div',{staticClass:\"embed-code-area\"},[(_vm.selectedPixelTrackingEvent)?_c('p',{class:{ disableCode: !_vm.selectedPixelTrackingEvent }},[_vm._v(\"\\n          \"+_vm._s(_vm.selectedPixelTrackingEvent.event_trigger_code)+\"\\n        \")]):_c('p',{class:{ disableCode: !_vm.selectedPixelTrackingEvent }},[_vm._v(\"\\n          <script>spix(event;event_name);</script>\\n        \")]),_c('input',{staticClass:\"embed-code-input\",attrs:{\"id\":\"embed-code-input\",\"type\":\"text\"},domProps:{\"value\":_vm.selectedPixelTrackingEvent ? _vm.selectedPixelTrackingEvent.event_trigger_code : ''}})])]),_c('div',{staticClass:\"postback-mobile-apps\"},[_c('h5',{staticClass:\"postback-mobile-apps-title\"},[_vm._v(\"Postback Documentation or Mobile Apps Tracking\")]),_c('div',{staticClass:\"postback-mobile-apps-actions\"},[(!_vm.selectedPixelTrackingEvent)?_c('div',[_c('vs-icon',{staticClass:\"conversions-copy\",class:{ disableActions: !_vm.selectedPixelTrackingEvent },attrs:{\"icon\":\"speakol-copy\",\"icon-pack\":\"speakol\"}}),_c('vs-icon',{staticClass:\"conversions-download\",class:{ disableActions: !_vm.selectedPixelTrackingEvent },attrs:{\"icon\":\"speakol-download\",\"icon-pack\":\"speakol\"}})],1):_c('div',{staticClass:\"icons-with-tooltip\"},[_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:\"postback-mobile-apps-area\"},[(_vm.selectedPixelTrackingEvent)?_c('p',{class:{ disableCode: !_vm.selectedPixelTrackingEvent }},[_vm._v(\"\\n        \"+_vm._s(_vm.selectedPixelTrackingEvent.postback_url)+\"\\n        \")]):_c('p',{class:{ disableCode: !_vm.selectedPixelTrackingEvent }},[_vm._v(\"\\n          https://pixel.speakol.com/postback?id=ID-120&spcid={spcid}&ev=event_name\\n        \")]),_c('input',{staticClass:\"postback-mobile-apps-input\",attrs:{\"id\":\"postback-mobile-apps-input\",\"type\":\"text\"},domProps:{\"value\":_vm.selectedPixelTrackingEvent ? _vm.selectedPixelTrackingEvent.postback_url : 'test'}})])]),_c('div',{staticClass:\"create-conversions-actions\"},[_c('router-link',{attrs:{\"to\":{ name: 'conversions'}}},[_c('button',{staticClass:\"create-conversions-cancel-button\"},[_vm._v(\"Cancel\")])]),_c('button',{staticClass:\"create-conversions-save-button\",on:{\"click\":function($event){return _vm.saveConversions()}}},[_vm._v(\"Save\")])],1),_c('div',{staticClass:\"mobile-version create-conversions-actions\"},[_c('button',{staticClass:\"create-conversions-save-button\",on:{\"click\":function($event){return _vm.saveConversions()}}},[_vm._v(\"Save\")]),_c('router-link',{attrs:{\"to\":{ name: 'conversions'}}},[_c('button',{staticClass:\"create-conversions-cancel-button\"},[_vm._v(\"Cancel\")])])],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\":\"#FFFFFF\",\"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=\"create-conversions-parent\">\n    <div class=\"create-conversions-card\">\n      <h4 class=\"create-conversions-title\">Create Conversion</h4>\n\n      <!-- filters -->\n      <div class=\"create-conversions-filters\">\n        <div class=\"grid md:grid-cols-3 gap-4\">\n          <div class=\"create-conversions-campaign\">\n            <p class=\"create-conversions-filters-label\">Campaign</p>\n            <v-select v-validate=\"'required'\" name=\"campaign\"\n              v-bind:class=\"{ campaignRequired: errors.first('campaign') }\" id=\"tracking-events-list\"\n              :options=\"accountCampagins\" @input=\"campaginChange()\" label=\"name\" :placeholder=\"'Select Campagin'\" v-model=\"selectedCampagin\">\n            </v-select>\n            <span v-if=\"!errors.has('campaign')\" class=\"text-base block pt-1 text-speakol-color\">{{ $t('create_conversion.campaign_input_hint') }}</span>\n            <span class=\"text-danger text-sm block pt-1\">{{ errors.first('campaign') }}</span>\n          </div>\n\n          <div class=\"create-conversions-event\">\n            <p class=\"create-conversions-filters-label\">Event</p>\n            <v-select name=\"events\" v-validate=\"'required'\" v-bind:class=\"{ eventsRequired: errors.first('events') || eventAlreadyUsed }\"\n              id=\"tracking-events-list\" @input=\"hideCopiesMessageDuringChange\"\n              :options=\"Object.values(pixelTracking.events)\" item-text=\"title\" item-value=\"key\" label=\"title\"\n              :placeholder=\"'Select Event'\" v-model=\"selectedPixelTrackingEvent\">\n            </v-select>\n            <span class=\"text-danger text-sm block pt-1\">{{ errors.first('events') }}</span>\n            <span v-if=\"eventAlreadyUsed && selectedPixelTrackingEvent\" class=\"text-danger text-sm block pt-1\">This event is currently used by the same campaign.</span>\n          </div>\n        </div>\n      </div>\n      <!-- filters -->\n\n      <!-- embed code -->\n      <div class=\"embed-code-section\">\n        <h5 class=\"embed-code-title\">Embed Code</h5>\n        <p class=\"embed-code-desc\">Attach the event code below to the relevant HTML element where the user will click.\n        </p>\n        <div class=\"embed-code-actions\">\n          <div v-if=\"!selectedPixelTrackingEvent\">\n            <vs-icon v-bind:class=\"{ disableActions: !selectedPixelTrackingEvent }\" class=\"conversions-copy\"\n              icon=\"speakol-copy\" icon-pack=\"speakol\">\n            </vs-icon>\n\n            <vs-icon v-bind:class=\"{ disableActions: !selectedPixelTrackingEvent }\" class=\"conversions-download\"\n              icon=\"speakol-download\" icon-pack=\"speakol\">\n            </vs-icon>\n          </div>\n\n          <div class=\"icons-with-tooltip\" v-else>\n            <vx-tooltip text=\"Copy\" position=\"top\">\n              <vs-icon @click=\"copyEmbedCode()\" class=\"conversions-copy\" icon=\"speakol-copy\" icon-pack=\"speakol\">\n              </vs-icon>\n            </vx-tooltip>\n\n\n            <vx-tooltip text=\"Download\" position=\"top\">\n              <vs-icon @click=\"downloadEmbedCode()\" class=\"conversions-download\" icon=\"speakol-download\"\n                icon-pack=\"speakol\">\n              </vs-icon>\n            </vx-tooltip>\n          </div>\n\n        </div>\n\n        <div class=\"embed-code-area\">\n          <p v-bind:class=\"{ disableCode: !selectedPixelTrackingEvent }\" v-if=\"selectedPixelTrackingEvent\">\n            {{ selectedPixelTrackingEvent.event_trigger_code }}\n          </p>\n\n          <p v-bind:class=\"{ disableCode: !selectedPixelTrackingEvent }\" v-else>\n            &lt;script>spix(event;event_name);&lt;/script>\n          </p>\n\n\n          <input id=\"embed-code-input\" class=\"embed-code-input\" type=\"text\"\n            :value=\"selectedPixelTrackingEvent ? selectedPixelTrackingEvent.event_trigger_code : ''\">\n        </div>\n      </div>\n      <!-- embed code -->\n\n\n      <!-- Postback Documentation or Mobile Apps Tracking  -->\n      <div class=\"postback-mobile-apps\">\n        <h5 class=\"postback-mobile-apps-title\">Postback Documentation or Mobile Apps Tracking</h5>\n        <!-- <p class=\"postback-mobile-apps-desc\">Click to know more about adding <a class=\"page-links\" href=\"\">Postback</a>\n          and <a class=\"page-links\" href=\"\">mobile apps tracking.</a></p> -->\n        <div class=\"postback-mobile-apps-actions\">\n          <div v-if=\"!selectedPixelTrackingEvent\">\n            <vs-icon v-bind:class=\"{ disableActions: !selectedPixelTrackingEvent }\" class=\"conversions-copy\"\n              icon=\"speakol-copy\" icon-pack=\"speakol\">\n            </vs-icon>\n\n            <vs-icon v-bind:class=\"{ disableActions: !selectedPixelTrackingEvent }\" class=\"conversions-download\"\n              icon=\"speakol-download\" icon-pack=\"speakol\">\n            </vs-icon>\n          </div>\n\n          <div class=\"icons-with-tooltip\" v-else>\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\"\n                icon-pack=\"speakol\">\n              </vs-icon>\n            </vx-tooltip>\n          </div>\n        </div>\n\n        <div class=\"postback-mobile-apps-area\">\n          <p v-bind:class=\"{ disableCode: !selectedPixelTrackingEvent }\" v-if=\"selectedPixelTrackingEvent\">\n          {{ selectedPixelTrackingEvent.postback_url }}\n          </p>\n\n          <p v-bind:class=\"{ disableCode: !selectedPixelTrackingEvent }\" v-else>\n            https://pixel.speakol.com/postback?id=ID-120&spcid={spcid}&ev=event_name\n          </p>\n          <input id=\"postback-mobile-apps-input\" class=\"postback-mobile-apps-input\" type=\"text\"\n            :value=\"selectedPixelTrackingEvent ? selectedPixelTrackingEvent.postback_url : 'test'\">\n        </div>\n      </div>\n      <!-- Postback Documentation or Mobile Apps Tracking  -->\n\n      <!-- actions -->\n      <div class=\"create-conversions-actions\">\n        <router-link :to=\"{ name: 'conversions'}\">\n          <button class=\"create-conversions-cancel-button\">Cancel</button>\n        </router-link>\n        <button @click=\"saveConversions()\" class=\"create-conversions-save-button\">Save</button>\n      </div>\n\n      <!-- mobile version actions -->\n      <div class=\"mobile-version create-conversions-actions\">\n        <button @click=\"saveConversions()\" class=\"create-conversions-save-button\">Save</button>\n        <router-link :to=\"{ name: 'conversions'}\">\n          <button class=\"create-conversions-cancel-button\">Cancel</button>\n        </router-link>\n      </div>\n      <!-- mobile version actions -->\n\n      <!-- actions -->\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=\"#FFFFFF\" icon=\"speakol-cancel\" icon-pack=\"speakol\">\n          </vs-icon>\n        </template>\n      </SpeakolNotificationToaster>\n      <!-- toaster -->\n    </div>\n  </div>\n</template>\n\n<script>\nimport SpeakolNotificationToaster from '@/components/SpeakolNotificationToaster'\nimport {\n  mapGetters,\n  mapActions\n} from 'vuex'\n\nexport default {\n  components: {\n    SpeakolNotificationToaster\n  },\n  name: 'conversions-create',\n\n  data () {\n    return {\n      eventAlreadyUsed: false,\n      selectedCampagin: [],\n      selectedPixelTrackingEvent: null,\n      pixelTracking: {\n        events: {},\n        main_code: ''\n      },\n      toaster: {\n        show: false,\n        message: '',\n        icon: require('@/assets/images/success.svg'),\n        closeButtonText: 'close'\n      }\n    }\n  },\n\n  async created () {\n    await this.trackingDetails()\n    await this.loadAccountCampaign({\n      'exclude_objectives': [this.$constants.CAMPAIGN_OBJECTIVES_IDS.LEAD_FORM]\n    })\n  },\n\n  computed: {\n    ...mapGetters({\n      accountCampagins: 'campaign/loggedInAccountCampaigns'\n    })\n  },\n\n  methods: {\n    campaginChange () {\n      this.eventAlreadyUsed = false\n    },\n    async saveConversions () {\n      const vm = this\n      await this.$validator.validate()\n      if (this.errors.any()) return\n\n      try {\n        const {data} = await window.axios.post('/campaigns/conversions', {\n          campaign_id: vm.selectedCampagin.id,\n          name: vm.selectedPixelTrackingEvent.key\n        })\n\n        if (data && data.success) {\n          this.$router.push({ name: 'conversions', query: { created: true, name: vm.selectedPixelTrackingEvent.title } })\n          return data.payload\n        }\n      } catch (error) {\n        this.eventAlreadyUsed = true\n      }\n    },\n    ...mapActions({\n      loadAccountCampaign: 'campaign/getAccountCampaigns'\n    }),\n    copyEmbedCode () {\n      const copyText = document.getElementById('embed-code-input')\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    downloadEmbedCode () {\n      if (!this.selectedPixelTrackingEvent) {\n        return\n      }\n      this.saveTextAsFile(this.selectedPixelTrackingEvent.event_trigger_code, 'embed_code.txt')\n    },\n    copyPostBackCode () {\n      const copyText = document.getElementById('postback-mobile-apps-input')\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    downloadPostBackCode () {\n      if (!this.selectedPixelTrackingEvent) {\n        return\n      }\n      this.saveTextAsFile(this.selectedPixelTrackingEvent.postback_url, 'postback_mobile_tracking.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    async trackingDetails () {\n      const response = await window.axios.get('/recommendations/get/pixel_tracking_details?exclude=page_views')\n      this.pixelTracking.events = response.data.payload.events\n      this.pixelTracking.main_code = response.data.payload.main_code\n    },\n\n    hideCopiesMessageDuringChange () {\n      this.eventAlreadyUsed = false\n      const checkIfMeesageAppear = this.copiedEventCodeMessage\n      if (checkIfMeesageAppear) {\n        this.copiedEventCodeMessage = false\n      }\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n  .campaignRequired,\n  .eventsRequired {\n    border-radius: 4px;\n    border: 1px solid red;\n  }\n\n  .create-conversions-card {\n    background: #fff;\n    border-radius: 20px;\n    padding: 32px;\n\n    .create-conversions-title {\n      font-weight: 500;\n      font-size: 24px;\n      color: #2c2c2c;\n    }\n\n    .create-conversions-filters {\n      margin-top: 32px;\n    }\n\n    .create-conversions-filters-label {\n      margin-bottom: 11px;\n      color: rgba(0, 0, 0, 0.75);\n      font-size: 16px;\n      font-weight: 400;\n    }\n\n    .postback-mobile-apps {\n      margin-top: 48px;\n    }\n\n    .embed-code-section {\n      margin-top: 48px;\n    }\n\n    .embed-code-section,\n    .postback-mobile-apps {\n      .page-links {\n        color: #0092d7;\n      }\n\n      .embed-code-title,\n      .postback-mobile-apps-title {\n        font-weight: 500;\n        font-size: 18px;\n        color: #2c2c2c;\n      }\n\n      .postback-mobile-apps-title {\n        float: left;\n      }\n\n      .embed-code-desc,\n      .postback-mobile-apps-desc {\n        font-size: 14px;\n        color: #999;\n        margin-top: 10px;\n        float: left;\n      }\n\n      .embed-code-actions,\n      .postback-mobile-apps-actions {\n        display: flex;\n        text-align: right;\n        float: right;\n        margin-bottom: 16px;\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        .icons-with-tooltip {\n          display: flex;\n        }\n      }\n\n      .embed-code-area,\n      .postback-mobile-apps-area {\n        width: 100%;\n        display: grid;\n        border: 1px solid #c2c2c2;\n        border-radius: 8px;\n        padding: 18px 20px;\n        color: #575757;\n        font-size: 14px;\n\n        .postback-mobile-apps-input,\n        .embed-code-input {\n          opacity: 0;\n          position: absolute;\n        }\n      }\n    }\n\n    .create-conversions-actions {\n      margin-top: 32px;\n\n      .create-conversions-cancel-button {\n        width: 135px;\n        height: 48px;\n        border: 2px solid #d9d9d9;\n        border-radius: 3px;\n        cursor: pointer;\n        background: white;\n        color: rgba(0, 0, 0, 0.65);\n        font-size: 14px;\n        margin-right: 16px;\n        outline: none;\n        box-shadow: none;\n      }\n\n      .create-conversions-save-button {\n        width: 185px;\n        height: 48px;\n        border: 2px solid #0092d7;\n        border-radius: 3px;\n        cursor: pointer;\n        background: #0092d7;\n        color: #fff;\n        font-size: 14px;\n        outline: none;\n        box-shadow: none;\n      }\n    }\n\n    .mobile-version {\n      display: none;\n    }\n\n    .x-icon {\n      cursor: pointer;\n    }\n  }\n\n  .disableActions {\n    background-color: #f5f5f5 !important;\n    color: #c2c2c2 !important;\n    cursor: no-drop !important;\n  }\n\n  .disableCode {\n    color: #c2c2c2 !important;\n  }\n\n  /deep/ .vs--single .vs__selected {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 250px;\n    white-space: nowrap;\n  }\n\n  @media (max-width: 768px) {\n    .embed-code-section,\n    .postback-mobile-apps {\n      margin-top: 32px !important;\n    }\n\n    .postback-mobile-apps-area {\n      width: 100%;\n      overflow-x: auto;\n    }\n\n    .embed-code-actions {\n      margin-top: 10px;\n    }\n\n    .mobile-version {\n      display: block !important;\n\n      .create-conversions-save-button {\n        margin-bottom: 20px;\n      }\n\n      .create-conversions-save-button,\n      .create-conversions-cancel-button {\n        width: 100% !important;\n      }\n    }\n\n    .create-conversions-actions {\n      display: none;\n    }\n\n    /deep/ .vs--single .vs__selected {\n      text-overflow: ellipsis;\n      overflow: hidden;\n      max-width: 220px;\n      white-space: nowrap;\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!./CreateConversions.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!./CreateConversions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CreateConversions.vue?vue&type=template&id=23786996&scoped=true&\"\nimport script from \"./CreateConversions.vue?vue&type=script&lang=js&\"\nexport * from \"./CreateConversions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CreateConversions.vue?vue&type=style&index=0&id=23786996&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  \"23786996\",\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!./CreateConversions.vue?vue&type=style&index=0&id=23786996&lang=scss&scoped=true&\""],"sourceRoot":""}