{"version":3,"sources":["webpack:///./src/views/campaigns/tracking/components/TrackingSections.vue?c928","webpack:///src/views/campaigns/tracking/components/TrackingSections.vue","webpack:///./src/views/campaigns/tracking/components/TrackingSections.vue?a384","webpack:///./src/views/campaigns/tracking/components/TrackingSections.vue","webpack:///./src/views/campaigns/tracking/components/TrackingSections.vue?3583","webpack:///./src/components/EmptyState.vue?a14e","webpack:///./src/components/EmptyState.vue?e363","webpack:///src/components/EmptyState.vue","webpack:///./src/components/EmptyState.vue?290f","webpack:///./src/components/EmptyState.vue","webpack:///./src/assets/images/download.svg","webpack:///./src/assets/images/copy.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","_e","isSupportPixelTracking","isConversionCampaign","mainEvent","on","$event","copyMainCode","saveMainCodeAsText","pixelTracking","main_code","domProps","copyConversionCode","saveconversionsCodeAsText","event_trigger_code","copyS2sCode","saveS2sCodeAsText","postback_url","name","query","toaster","show","message","icon","closeButtonText","scopedSlots","_u","key","fn","proxy","staticRenderFns","components","SpeakolNotificationToaster","EmptyState","data","selectedPixelTrackingEvent","campaignBriefResponse","isPageLoaded","advertisingChannels","events","computed","isLeadFormCampaign","isCampaignOfObjectiveX","$constants","CAMPAIGN_OBJECTIVES_NAMES","LEAD_FORM","CONVERSIONS","find","methods","objective","display_name","setMainEvent","mainEventName","copyText","select","setSelectionRange","document","execCommand","setTimeout","saveTextAsFile","type","downloadLink","download","fileNameToSaveAs","innerHTML","window","webkitURL","href","createObjectURL","textFileAsBlob","URL","style","display","body","appendChild","click","lead","saveEventTriggerCodeAsText","component","_m","description","props","module","exports"],"mappings":"4LAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAgB,aAAEI,EAAG,MAAM,CAACE,YAAY,uCAAuC,CAACF,EAAG,KAAK,CAACE,YAAY,6BAA6B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,gBAAiBT,EAAsB,mBAAEI,EAAG,MAAM,CAACA,EAAG,aAAa,CAACM,MAAM,CAAC,YAAcV,EAAIS,GAAG,+CAA+C,GAAGT,EAAIW,KAAOX,EAAIY,uBAAkIZ,EAAIa,sBAAwBb,EAAIc,UAAWV,EAAG,MAAM,CAACA,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,sHAAsHL,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,4BAA4BL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,kCAAkCL,EAAG,IAAI,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,4HAA4HL,EAAG,IAAI,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,6FAA6FL,EAAG,IAAI,CAACE,YAAY,2BAA2B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,+HAA+HL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,OAAO,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,mBAAmBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,kBAAkB,CAACb,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAM,CAAC,GAAK,kCAAkC,IAAM,EAAQ,QAA4B,IAAM,UAAUN,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,WAAW,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,uBAAuBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIkB,wBAAwB,CAACd,EAAG,MAAM,CAACE,YAAY,gBAAgBI,MAAM,CAAC,GAAK,sCAAsC,IAAM,EAAQ,QAAgC,IAAM,WAAW,GAAGN,EAAG,MAAM,CAACE,YAAY,+BAA+BI,MAAM,CAAC,GAAK,aAAa,CAACV,EAAIO,GAAGP,EAAIQ,GAAGR,EAAImB,cAAcC,cAAchB,EAAG,QAAQ,CAACE,YAAY,eAAeI,MAAM,CAAC,GAAK,gBAAgB,KAAO,QAAQW,SAAS,CAAC,MAAQrB,EAAImB,cAAcC,eAAehB,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,8BAA8BL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,IAAI,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,iGAAiGL,EAAG,IAAI,CAACE,YAAY,2BAA2B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,2FAA2FL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,OAAO,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,mBAAmBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIsB,wBAAwB,CAAClB,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAM,CAAC,GAAK,kCAAkC,IAAM,EAAQ,QAA4B,IAAM,UAAUN,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,WAAW,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,uBAAuBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIuB,+BAA+B,CAACnB,EAAG,MAAM,CAACE,YAAY,gBAAgBI,MAAM,CAAC,GAAK,sCAAsC,IAAM,EAAQ,QAAgC,IAAM,WAAW,GAAGN,EAAG,MAAM,CAACE,YAAY,oBAAoBI,MAAM,CAAC,GAAK,aAAa,CAACV,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,UAAUU,uBAAuBpB,EAAG,QAAQ,CAACE,YAAY,eAAeI,MAAM,CAAC,GAAK,gBAAgB,KAAO,QAAQW,SAAS,CAAC,MAAQrB,EAAIc,UAAUU,0BAA0BpB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,8CAA8CL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,OAAO,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,mBAAmBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIyB,iBAAiB,CAACrB,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAM,CAAC,GAAK,kCAAkC,IAAM,EAAQ,QAA4B,IAAM,UAAUN,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,WAAW,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,uBAAuBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAI0B,uBAAuB,CAACtB,EAAG,MAAM,CAACE,YAAY,gBAAgBI,MAAM,CAAC,GAAK,sCAAsC,IAAM,EAAQ,QAAgC,IAAM,WAAW,GAAGN,EAAG,MAAM,CAACE,YAAY,wBAAwBI,MAAM,CAAC,GAAK,YAAY,CAACV,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIc,UAAUa,iBAAiBvB,EAAG,QAAQ,CAACE,YAAY,eAAeI,MAAM,CAAC,GAAK,eAAe,KAAO,QAAQW,SAAS,CAAC,MAAQrB,EAAIc,UAAUa,kBAAkBvB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,oCAAoC,gBAAgBL,EAAG,IAAI,CAACE,YAAY,uBAAuBI,MAAM,CAAC,OAAS,SAAS,KAAO,oGAAoG,CAACV,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,gBAAgBL,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,WAAWL,EAAG,IAAI,CAACE,YAAY,kBAAkBI,MAAM,CAAC,OAAS,SAAS,KAAO,oGAAoG,CAACV,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,iCAAiCL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,CAAEkB,KAAM,cAAgBC,MAAO,CAAC,eAAmB,MAAO,CAACzB,EAAG,SAAS,CAACE,YAAY,4CAA4C,CAACN,EAAIO,GAAG,wBAAwB,OAAOH,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,IAAI,CAACE,YAAY,4BAA4B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,mGAAmGL,EAAG,MAAM,CAACE,YAAY,wCAAwC,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,kBAAkBL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,kCAAkCL,EAAG,IAAI,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,sGAAsGL,EAAG,IAAI,CAACE,YAAY,2BAA2B,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,4GAA4GL,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,OAAO,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,mBAAmBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIiB,kBAAkB,CAACb,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAM,CAAC,GAAK,kCAAkC,IAAM,EAAQ,QAA4B,IAAM,UAAUN,EAAG,aAAa,CAACM,MAAM,CAAC,KAAO,WAAW,SAAW,QAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,uBAAuBS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIkB,wBAAwB,CAACd,EAAG,MAAM,CAACE,YAAY,gBAAgBI,MAAM,CAAC,GAAK,sCAAsC,IAAM,EAAQ,QAAgC,IAAM,WAAW,GAAGN,EAAG,MAAM,CAACE,YAAY,+CAA+CI,MAAM,CAAC,GAAK,aAAa,CAACV,EAAIO,GAAGP,EAAIQ,GAAGR,EAAImB,cAAcC,cAAchB,EAAG,QAAQ,CAACE,YAAY,eAAeI,MAAM,CAAC,GAAK,gBAAgB,KAAO,QAAQW,SAAS,CAAC,MAAQrB,EAAImB,cAAcC,eAAehB,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,+EAA+EL,EAAG,IAAI,CAACE,YAAY,mEAAmE,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,4IAA4IL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,CAAEkB,KAAM,wBAAyB,CAACxB,EAAG,SAAS,CAACE,YAAY,4BAA4B,CAACN,EAAIO,GAAG,yBAAyBH,EAAG,cAAc,CAACM,MAAM,CAAC,GAAK,CAAEkB,KAAM,cAAgBC,MAAO,CAAC,eAAkB,MAAO,CAACzB,EAAG,SAAS,CAACE,YAAY,4CAA4C,CAACN,EAAIO,GAAG,wBAAwB,OAA16PH,EAAG,MAAM,CAACA,EAAG,aAAa,CAACM,MAAM,CAAC,YAAcV,EAAIS,GAAG,+CAA+C,GAA20PL,EAAG,6BAA6B,CAACM,MAAM,CAAC,KAAOV,EAAI8B,QAAQC,KAAK,QAAU/B,EAAI8B,QAAQE,QAAQ,KAAOhC,EAAI8B,QAAQG,KAAK,gBAAkBjC,EAAI8B,QAAQI,iBAAiBC,YAAYnC,EAAIoC,GAAG,CAAC,CAACC,IAAI,QAAQC,GAAG,WAAW,MAAO,CAAClC,EAAG,UAAU,CAACE,YAAY,SAASI,MAAM,CAAC,MAAQ,OAAO,KAAO,iBAAiB,YAAY,WAAWK,GAAG,CAAC,MAAQ,SAASC,GAAQhB,EAAI8B,QAAQC,MAAK,QAAYQ,OAAM,IAAO,MAAK,EAAM,eAAe,GAAGvC,EAAIW,MAC3wR6B,EAAkB,G,sEC+JtB,GACEZ,KAAM,oBACNa,WAAY,CACVC,2BAAJ,aACIC,WAAJ,cAEEC,KANF,WAOI,MAAO,CACLC,2BAA4B,MAC5BC,sBAAuB,GACvBhC,UAAW,KACXiC,cAAc,EACdC,oBAAqB,GACrB7B,cAAe,CACb8B,OAAQ,GACR7B,UAAW,IAEbU,QAAS,CACPC,MAAM,EACNC,QAAS,GACTC,KAAM,EAAd,QACQC,gBAAiB,WAKvBgB,SAAU,CACRC,mBADJ,WAEM,OAAOlD,KAAKmD,uBAAuBnD,KAAKoD,WAAWC,0BAA0BC,YAE/E1C,qBAJJ,WAKM,OAAOZ,KAAKmD,uBAAuBnD,KAAKoD,WAAWC,0BAA0BE,cAE/E5C,uBAPJ,WAOA,WACM,OAAOX,KAAK+C,oBAAoBS,MAAK,SAA3C,oFAIE,QAtCF,uKAuCA,uBAvCA,uBAwCA,wBAxCA,OAyCA,qBAEA,6EA3CA,wGA6CE,QA7CF,uKA8CA,qDA9CA,OA+CA,+FA/CA,wGAiDEC,QAAS,CACPN,uBADJ,SACA,GACM,SAAInD,KAAK6C,wBAAyB7C,KAAK6C,sBAAsBa,YACpD1D,KAAK6C,sBAAsBa,UAAUC,eAAiBD,GAKjE,gBARJ,6KASA,mFATA,OASA,EATA,OAUA,gDACA,sDAXA,wGAaI,iBAbJ,kKAcA,yBACA,EAfA,iEAmBA,mDAnBA,OAmBA,EAnBA,OAoBA,0CACA,4BACA,oBAtBA,wGA0BIE,aA1BJ,WA2BM,IAAN,kGAEM5D,KAAKa,UAAYgD,EAAgB7D,KAAKkB,cAAc8B,OAAOa,GAAiB,MAG9E7C,aAhCJ,WAgCA,WACA,2CACM8C,EAASC,SACTD,EAASE,kBAAkB,EAAG,OAC9BC,SAASC,YAAY,QACrBlE,KAAK6B,QAAQC,MAAO,EACpB9B,KAAK6B,QAAQE,QAAU,mDACvBoC,YAAW,WACT,EAAR,kBACA,MAEI3C,YA3CJ,WA2CA,WACA,0CACMsC,EAASC,SACTD,EAASE,kBAAkB,EAAG,OAC9BC,SAASC,YAAY,QACrBlE,KAAK6B,QAAQC,MAAO,EACpB9B,KAAK6B,QAAQE,QAAU,mDACvBoC,YAAW,WACT,EAAR,kBACA,MAEI9C,mBAtDJ,WAsDA,WACA,2CACMyC,EAASC,SACTD,EAASE,kBAAkB,EAAG,OAC9BC,SAASC,YAAY,QACrBlE,KAAK6B,QAAQC,MAAO,EACpB9B,KAAK6B,QAAQE,QAAU,mDACvBoC,YAAW,WACT,EAAR,kBACA,MAGIC,eAlEJ,SAkEA,KACM,IAAN,gBACQC,KAAM,eAEd,8BACMC,EAAaC,SAAWC,EACxBF,EAAaG,UAAY,gBACA,OAArBC,OAAOC,UACTL,EAAaM,KAAOF,OAAOC,UAAUE,gBAAgBC,IAErDR,EAAaM,KAAOF,OAAOK,IAAIF,gBAAgBC,GAC/CR,EAAaU,MAAMC,QAAU,OAC7BhB,SAASiB,KAAKC,YAAYb,IAE5BA,EAAac,SAEfnE,mBAlFJ,WAmFMjB,KAAKoE,eAAepE,KAAKkB,cAAcC,UAAW,0BAEpDG,0BArFJ,WAsFMtB,KAAKoE,eAAepE,KAAKkB,cAAc8B,OAAOqC,KAAK9D,mBAAoB,yBAEzEE,kBAxFJ,WAyFMzB,KAAKoE,eAAepE,KAAKkB,cAAc8B,OAAOqC,KAAK3D,aAAc,iBAEnE4D,2BA3FJ,WA4FMtF,KAAKoE,eACX,mDADA,UACA,oCADA,wBC7SuY,I,wBCQnYmB,EAAY,eACd,EACAzF,EACAyC,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E,6CCnBf,W,oCCAA,W,yCCAA,IAAIzF,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACN,EAAIyF,GAAG,GAAGrF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,IAAI,CAACJ,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAI0F,aAAa,YACzPlD,EAAkB,CAAC,WAAa,IAAIxC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACM,MAAM,CAAC,IAAM,+BAA+B,IAAM,qBCYhN,GACEiF,MAAO,CAAC,gBCd0U,I,wBCQhVH,EAAY,eACd,EACAzF,EACAyC,GACA,EACA,KACA,WACA,MAIa,aAAAgD,E,8BCnBfI,EAAOC,QAAU,IAA0B,6B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-8c91dc44.3c78fbb7.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isPageLoaded)?_c('div',{staticClass:\"conversion-campaign-tracking-parent\"},[_c('h4',{staticClass:\"conversion-campaign-title\"},[_vm._v(_vm._s(_vm.$t('Tracking')))]),(_vm.isLeadFormCampaign)?_c('div',[_c('EmptyState',{attrs:{\"description\":_vm.$t('created_campaign_success.empty_tracking')}})],1):_vm._e(),(!_vm.isSupportPixelTracking)?_c('div',[_c('EmptyState',{attrs:{\"description\":_vm.$t('created_campaign_success.empty_tracking')}})],1):(_vm.isConversionCampaign || _vm.mainEvent)?_c('div',[_c('p',{staticClass:\"conversion-campaign-desc\"},[_vm._v(_vm._s(_vm.$t('To track actions and assess the performance of your campaigns, choose 1 of the following the below guidelines.')))]),_c('div',{staticClass:\"conversion-campaign-tracking-options\"},[_c('div',{staticClass:\"option-one\"},[_c('h5',{staticClass:\"options-title\"},[_vm._v(_vm._s(_vm.$t('Option 1: Pixel code')))]),_c('div',{staticClass:\"add-pixel-code\"},[_c('h6',{staticClass:\"add-code-title\"},[_vm._v(_vm._s(_vm.$t('a. Add the main pixel code')))]),_c('p',{staticClass:\"add-code-desc\"},[_vm._v(_vm._s(_vm.$t('Copy the code below and paste it between the <head> and </head> tags on your site so that it loads on every webpage.')))]),_c('p',{staticClass:\"add-code-desc\"},[_vm._v(_vm._s(_vm.$t('You can add the pixel code above or below existing tracking tags in your site header.')))]),_c('p',{staticClass:\"add-code-desc-last-line\"},[_vm._v(_vm._s(_vm.$t('We do not recommend you to edit or modify the code. Any changes in the code could cause the pixel not to work properly.')))]),_c('div',{staticClass:\"code-actions\"},[_c('vx-tooltip',{attrs:{\"text\":\"Copy\",\"position\":\"top\"}},[_c('div',{staticClass:\"copy-icon-parent\",on:{\"click\":function($event){return _vm.copyMainCode()}}},[_c('img',{staticClass:\"copy-icon\",attrs:{\"id\":\"tracking-pixel-code-copy-button\",\"src\":require(\"@/assets/images/copy.svg\"),\"alt\":\"\"}})])]),_c('vx-tooltip',{attrs:{\"text\":\"Download\",\"position\":\"top\"}},[_c('div',{staticClass:\"download-icon-parent\",on:{\"click\":function($event){return _vm.saveMainCodeAsText()}}},[_c('img',{staticClass:\"download-icon\",attrs:{\"id\":\"tracking-pixel-code-download-button\",\"src\":require(\"@/assets/images/download.svg\"),\"alt\":\"\"}})])])],1),_c('div',{staticClass:\"code-box main-pixel-code-box\",attrs:{\"id\":\"mainCode\"}},[_vm._v(_vm._s(_vm.pixelTracking.main_code))]),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"mainCodeInput\",\"type\":\"text\"},domProps:{\"value\":_vm.pixelTracking.main_code}})]),_c('div',{staticClass:\"add-conversion-code\"},[_c('h6',{staticClass:\"add-code-title\"},[_vm._v(_vm._s(_vm.$t('b. Add conversion code')))]),_c('div',{staticClass:\"flex\"},[_c('p',{staticClass:\"add-code-desc\"},[_vm._v(_vm._s(_vm.$t('Copy the code below and paste it in the <head></head> tags of the page(s) you’d like to')))])]),_c('p',{staticClass:\"add-code-desc-last-line\"},[_vm._v(_vm._s(_vm.$t('track, right after the main pixel code. Otherwise, your event will not be recorded.')))]),_c('div',{staticClass:\"code-actions\"},[_c('vx-tooltip',{attrs:{\"text\":\"Copy\",\"position\":\"top\"}},[_c('div',{staticClass:\"copy-icon-parent\",on:{\"click\":function($event){return _vm.copyConversionCode()}}},[_c('img',{staticClass:\"copy-icon\",attrs:{\"id\":\"tracking-pixel-code-copy-button\",\"src\":require(\"@/assets/images/copy.svg\"),\"alt\":\"\"}})])]),_c('vx-tooltip',{attrs:{\"text\":\"Download\",\"position\":\"top\"}},[_c('div',{staticClass:\"download-icon-parent\",on:{\"click\":function($event){return _vm.saveconversionsCodeAsText()}}},[_c('img',{staticClass:\"download-icon\",attrs:{\"id\":\"tracking-pixel-code-download-button\",\"src\":require(\"@/assets/images/download.svg\"),\"alt\":\"\"}})])])],1),_c('div',{staticClass:\"code-box lead-box\",attrs:{\"id\":\"leadCode\"}},[_vm._v(_vm._s(_vm.mainEvent.event_trigger_code))]),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"leadCodeInput\",\"type\":\"text\"},domProps:{\"value\":_vm.mainEvent.event_trigger_code}})])]),_c('div',{staticClass:\"option-two\"},[_c('h5',{staticClass:\"options-title\"},[_vm._v(_vm._s(_vm.$t('Option 2: S2S postback URL Integration')))]),_c('div',{staticClass:\"code-actions\"},[_c('vx-tooltip',{attrs:{\"text\":\"Copy\",\"position\":\"top\"}},[_c('div',{staticClass:\"copy-icon-parent\",on:{\"click\":function($event){return _vm.copyS2sCode()}}},[_c('img',{staticClass:\"copy-icon\",attrs:{\"id\":\"tracking-pixel-code-copy-button\",\"src\":require(\"@/assets/images/copy.svg\"),\"alt\":\"\"}})])]),_c('vx-tooltip',{attrs:{\"text\":\"Download\",\"position\":\"top\"}},[_c('div',{staticClass:\"download-icon-parent\",on:{\"click\":function($event){return _vm.saveS2sCodeAsText()}}},[_c('img',{staticClass:\"download-icon\",attrs:{\"id\":\"tracking-pixel-code-download-button\",\"src\":require(\"@/assets/images/download.svg\"),\"alt\":\"\"}})])])],1),_c('div',{staticClass:\"code-box postback-box\",attrs:{\"id\":\"s2sCode\"}},[_vm._v(_vm._s(_vm.mainEvent.postback_url))]),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"s2sCodeInput\",\"type\":\"text\"},domProps:{\"value\":_vm.mainEvent.postback_url}})]),_c('div',{staticClass:\"learn-more flex\"},[_c('p',{staticClass:\"mr-1\"},[_vm._v(\" \"+_vm._s(_vm.$t('Click to know more about adding'))+\"\\n          \"),_c('a',{staticClass:\"learn-more-link mr-1\",attrs:{\"target\":\"_blank\",\"href\":\"https://speakol.notion.site/speakol/S2S-Postback-Documentation-3d0453094d6d49479c4e3db2844d3d1e\"}},[_vm._v(_vm._s(_vm.$t('Postback')))]),_c('span',{staticClass:\"mr-1\"},[_vm._v(_vm._s(_vm.$t('and')))]),_c('a',{staticClass:\"learn-more-link\",attrs:{\"target\":\"_blank\",\"href\":\"https://speakol.notion.site/speakol/S2S-Postback-Documentation-3d0453094d6d49479c4e3db2844d3d1e\"}},[_vm._v(_vm._s(_vm.$t('mobile apps tracking.')))])])]),_c('div',{staticClass:\"tracking-action\"},[_c('router-link',{attrs:{\"to\":{ name: 'conversions' , query: {'testConnection' : 1} }}},[_c('button',{staticClass:\"test-connections-button bg-speakol-color\"},[_vm._v(\"Test Connection\")])])],1)])]):_c('div',{staticClass:\"others-campaign-tracking-parent\"},[_c('p',{staticClass:\"conversion-campaign-desc\"},[_vm._v(_vm._s(_vm.$t('To track actions and assess the performance of your campaigns, follow the below guidelines.')))]),_c('div',{staticClass:\"conversion-campaign-tracking-options\"},[_c('div',{staticClass:\"option-one\"},[_c('h5',{staticClass:\"options-title\"},[_vm._v(_vm._s(_vm.$t('Pixel code')))]),_c('div',{staticClass:\"add-pixel-code\"},[_c('h6',{staticClass:\"add-code-title\"},[_vm._v(_vm._s(_vm.$t('a. Add the main pixel code')))]),_c('p',{staticClass:\"add-code-desc\"},[_vm._v(_vm._s(_vm.$t('Copy the code below and paste it in the <head> </head> tags of every page of your website. You')))]),_c('p',{staticClass:\"add-code-desc-last-line\"},[_vm._v(_vm._s(_vm.$t('only need to install the main pixel code once per account, even if you are tracking muliple actions.')))]),_c('div',{staticClass:\"code-actions\"},[_c('vx-tooltip',{attrs:{\"text\":\"Copy\",\"position\":\"top\"}},[_c('div',{staticClass:\"copy-icon-parent\",on:{\"click\":function($event){return _vm.copyMainCode()}}},[_c('img',{staticClass:\"copy-icon\",attrs:{\"id\":\"tracking-pixel-code-copy-button\",\"src\":require(\"@/assets/images/copy.svg\"),\"alt\":\"\"}})])]),_c('vx-tooltip',{attrs:{\"text\":\"Download\",\"position\":\"top\"}},[_c('div',{staticClass:\"download-icon-parent\",on:{\"click\":function($event){return _vm.saveMainCodeAsText()}}},[_c('img',{staticClass:\"download-icon\",attrs:{\"id\":\"tracking-pixel-code-download-button\",\"src\":require(\"@/assets/images/download.svg\"),\"alt\":\"\"}})])])],1),_c('div',{staticClass:\"code-box main-pixel-code-box-others-campaign\",attrs:{\"id\":\"mainCode\"}},[_vm._v(_vm._s(_vm.pixelTracking.main_code))]),_c('input',{staticClass:\"hidden-input\",attrs:{\"id\":\"mainCodeInput\",\"type\":\"text\"},domProps:{\"value\":_vm.pixelTracking.main_code}})]),_c('div',{staticClass:\"add-conversion-code\"},[_c('h6',{staticClass:\"add-code-title\"},[_vm._v(_vm._s(_vm.$t('b. Create conversion if you want to track a specific event ( Optional )')))]),_c('p',{staticClass:\"add-code-desc-last-line add-code-desc-last-line-others-campaign\"},[_vm._v(_vm._s(_vm.$t('You can select the action you want to track; once it takes place on your landing page, the Speakol Pixel code will be triggered.')))])])]),_c('div',{staticClass:\"tracking-action\"},[_c('router-link',{attrs:{\"to\":{ name: 'conversions-create' }}},[_c('button',{staticClass:\"create-conversion-button\"},[_vm._v(\"Create Conversion\")])]),_c('router-link',{attrs:{\"to\":{ name: 'conversions' , query: {'testConnection': 1} }}},[_c('button',{staticClass:\"test-connections-button bg-speakol-color\"},[_vm._v(\"Test Connection\")])])],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}],null,false,2052700295)})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"isPageLoaded\" class=\"conversion-campaign-tracking-parent\">\n    <h4 class=\"conversion-campaign-title\">{{ $t('Tracking') }}</h4>\n\n    <!-- start tracking in case lead form campaign -->\n    <div v-if=\"isLeadFormCampaign\">\n      <EmptyState :description=\"$t('created_campaign_success.empty_tracking')\"></EmptyState>\n    </div>\n    <!-- end tracking in case lead form campaign -->\n\n    <!-- start tracking in case advertising channel facebook -->\n    <div v-if=\"!isSupportPixelTracking\">\n      <EmptyState :description=\"$t('created_campaign_success.empty_tracking')\"></EmptyState>\n    </div>\n    <!-- end tracking in case lead form campaign -->\n\n    <!-- tracking in case conversion campaign -->\n    <div v-else-if=\"isConversionCampaign || mainEvent\">\n      <p class=\"conversion-campaign-desc\">{{$t('To track actions and assess the performance of your campaigns, choose 1 of the following the below guidelines.')}}</p>\n      <div class=\"conversion-campaign-tracking-options\">\n        <div class=\"option-one\">\n          <h5 class=\"options-title\">{{ $t('Option 1: Pixel code') }}</h5>\n          <!-- <p class=\"options-desc\">{{ $t('Manually install pixel code (JS code)') }}</p> -->\n          <div class=\"add-pixel-code\">\n            <h6 class=\"add-code-title\">{{ $t('a. Add the main pixel code') }}</h6>\n              <p class=\"add-code-desc\">{{ $t('Copy the code below and paste it between the &lt;head&gt; and &lt;/head&gt; tags on your site so that it loads on every webpage.') }}</p>\n              <p class=\"add-code-desc\">{{ $t('You can add the pixel code above or below existing tracking tags in your site header.') }}</p>\n              <p class=\"add-code-desc-last-line\">{{ $t('We do not recommend you to edit or modify the code. Any changes in the code could cause the pixel not to work properly.') }}</p>\n              <div class=\"code-actions\">\n                <vx-tooltip text=\"Copy\" position=\"top\">\n                  <div @click=\"copyMainCode()\" class=\"copy-icon-parent\">\n                    <img class=\"copy-icon\" id=\"tracking-pixel-code-copy-button\" src=\"@/assets/images/copy.svg\" alt=\"\">\n                  </div>\n                </vx-tooltip>\n                <vx-tooltip text=\"Download\" position=\"top\">\n                  <div @click=\"saveMainCodeAsText()\" class=\"download-icon-parent\">\n                    <img class=\"download-icon\" id=\"tracking-pixel-code-download-button\" src=\"@/assets/images/download.svg\" alt=\"\">\n                  </div>\n                </vx-tooltip>\n              </div>\n              <div id=\"mainCode\" class=\"code-box main-pixel-code-box\">{{ pixelTracking.main_code }}</div>\n              <input class=\"hidden-input\" id=\"mainCodeInput\" type=\"text\" :value=\"pixelTracking.main_code\">\n          </div>\n          <div class=\"add-conversion-code\">\n            <h6 class=\"add-code-title\">{{$t('b. Add conversion code')}}</h6>\n              <div class=\"flex\">\n                <p class=\"add-code-desc\">{{ $t('Copy the code below and paste it in the &lt;head&gt;&lt;/head&gt; tags of the page(s) you’d like to') }}</p>\n              </div>\n            <p class=\"add-code-desc-last-line\">{{ $t('track, right after the main pixel code. Otherwise, your event will not be recorded.') }}</p>\n              <div class=\"code-actions\">\n                <vx-tooltip text=\"Copy\" position=\"top\">\n                  <div @click=\"copyConversionCode()\" class=\"copy-icon-parent\">\n                    <img class=\"copy-icon\" id=\"tracking-pixel-code-copy-button\" src=\"@/assets/images/copy.svg\" alt=\"\">\n                  </div>\n                </vx-tooltip>\n                <vx-tooltip text=\"Download\" position=\"top\">\n                  <div @click=\"saveconversionsCodeAsText()\" class=\"download-icon-parent\">\n                    <img class=\"download-icon\" id=\"tracking-pixel-code-download-button\" src=\"@/assets/images/download.svg\" alt=\"\">\n                  </div>\n                </vx-tooltip>\n              </div>\n            <div id=\"leadCode\" class=\"code-box lead-box\">{{ mainEvent.event_trigger_code }}</div>\n            <input class=\"hidden-input\" id=\"leadCodeInput\" type=\"text\" :value=\"mainEvent.event_trigger_code\">\n          </div>\n        </div>\n        <div class=\"option-two\">\n          <h5 class=\"options-title\">{{ $t('Option 2: S2S postback URL Integration') }}</h5>\n          <!-- <p class=\"options-desc\">{{ $t('S2S code description') }}</p> -->\n            <div class=\"code-actions\">\n              <vx-tooltip text=\"Copy\" position=\"top\">\n                <div @click=\"copyS2sCode()\" class=\"copy-icon-parent\">\n                  <img class=\"copy-icon\" id=\"tracking-pixel-code-copy-button\" src=\"@/assets/images/copy.svg\" alt=\"\">\n                </div>\n              </vx-tooltip>\n              <vx-tooltip text=\"Download\" position=\"top\">\n                <div @click=\"saveS2sCodeAsText()\" class=\"download-icon-parent\">\n                  <img class=\"download-icon\" id=\"tracking-pixel-code-download-button\" src=\"@/assets/images/download.svg\" alt=\"\">\n                </div>\n              </vx-tooltip>\n            </div>\n          <div id=\"s2sCode\" class=\"code-box postback-box\">{{ mainEvent.postback_url }}</div>\n          <input class=\"hidden-input\" id=\"s2sCodeInput\" type=\"text\" :value=\"mainEvent.postback_url\">\n        </div>\n        <div class=\"learn-more flex\">\n          <p class=\"mr-1\"> {{ $t('Click to know more about adding') }}\n            <a class=\"learn-more-link mr-1\" target=\"_blank\" href=\"https://speakol.notion.site/speakol/S2S-Postback-Documentation-3d0453094d6d49479c4e3db2844d3d1e\">{{ $t('Postback') }}</a>\n            <span class=\"mr-1\">{{ $t('and') }}</span>\n            <a class=\"learn-more-link\" target=\"_blank\" href=\"https://speakol.notion.site/speakol/S2S-Postback-Documentation-3d0453094d6d49479c4e3db2844d3d1e\">{{ $t('mobile apps tracking.') }}</a>\n          </p>\n        </div>\n        <div class=\"tracking-action\">\n          <router-link :to=\"{ name: 'conversions' , query: {'testConnection' : 1} }\">\n            <button class=\"test-connections-button bg-speakol-color\">Test Connection</button>\n          </router-link>\n        </div>\n      </div>\n    </div>\n    <!-- tracking in case conversion campaign -->\n\n    <!-- tracking in case others campaign -->\n    <div v-else class=\"others-campaign-tracking-parent\">\n      <p class=\"conversion-campaign-desc\">{{$t('To track actions and assess the performance of your campaigns, follow the below guidelines.')}}</p>\n\n      <div class=\"conversion-campaign-tracking-options\">\n        <div class=\"option-one\">\n          <h5 class=\"options-title\">{{ $t('Pixel code') }}</h5>\n          <!-- <p class=\"options-desc\">{{ $t('To track actions and assess the performance of your campaigns, choose 1 of the following the below guidelines.') }}</p> -->\n          <div class=\"add-pixel-code\">\n            <h6 class=\"add-code-title\">{{ $t('a. Add the main pixel code') }}</h6>\n              <p class=\"add-code-desc\">{{ $t('Copy the code below and paste it in the &lt;head&gt; &lt;/head&gt; tags of every page of your website. You') }}</p>\n              <p class=\"add-code-desc-last-line\">{{ $t('only need to install the main pixel code once per account, even if you are tracking muliple actions.') }}</p>\n              <div class=\"code-actions\">\n                <vx-tooltip text=\"Copy\" position=\"top\">\n                  <div @click=\"copyMainCode()\" class=\"copy-icon-parent\">\n                    <img class=\"copy-icon\" id=\"tracking-pixel-code-copy-button\" src=\"@/assets/images/copy.svg\" alt=\"\">\n                  </div>\n                </vx-tooltip>\n                <vx-tooltip text=\"Download\" position=\"top\">\n                  <div @click=\"saveMainCodeAsText()\" class=\"download-icon-parent\">\n                    <img class=\"download-icon\" id=\"tracking-pixel-code-download-button\" src=\"@/assets/images/download.svg\" alt=\"\">\n                  </div>\n                </vx-tooltip>\n              </div>\n              <div id=\"mainCode\" class=\"code-box main-pixel-code-box-others-campaign\">{{ pixelTracking.main_code }}</div>\n              <input class=\"hidden-input\" id=\"mainCodeInput\" type=\"text\" :value=\"pixelTracking.main_code\">\n          </div>\n          <div class=\"add-conversion-code\">\n            <h6 class=\"add-code-title\">{{$t('b. Create conversion if you want to track a specific event ( Optional )')}}</h6>\n            <p class=\"add-code-desc-last-line add-code-desc-last-line-others-campaign\">{{ $t('You can select the action you want to track; once it takes place on your landing page, the Speakol Pixel code will be triggered.') }}</p>\n          </div>\n        </div>\n        <div class=\"tracking-action\">\n          <router-link :to=\"{ name: 'conversions-create' }\">\n            <button class=\"create-conversion-button\">Create Conversion</button>\n          </router-link>\n\n          <router-link :to=\"{ name: 'conversions' , query: {'testConnection': 1} }\">\n            <button class=\"test-connections-button bg-speakol-color\">Test Connection</button>\n          </router-link>\n        </div>\n      </div>\n    </div>\n    <!-- tracking in case others campaign -->\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 EmptyState from '@/components/EmptyState'\n\nexport default {\n  name: 'tracking-sections',\n  components: {\n    SpeakolNotificationToaster,\n    EmptyState\n  },\n  data () {\n    return {\n      selectedPixelTrackingEvent: 'N/A',\n      campaignBriefResponse: [],\n      mainEvent: null,\n      isPageLoaded: false,\n      advertisingChannels: [],\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  computed: {\n    isLeadFormCampaign () {\n      return this.isCampaignOfObjectiveX(this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM)\n    },\n    isConversionCampaign () {\n      return this.isCampaignOfObjectiveX(this.$constants.CAMPAIGN_OBJECTIVES_NAMES.CONVERSIONS)\n    },\n    isSupportPixelTracking () {\n      return this.advertisingChannels.find(advertisingChannel => advertisingChannel.id === this.campaignBriefResponse.advertising_channel_id).supports_pixel\n    }\n  },\n\n  async created () {\n    await this.trackingDetails()\n    await this.getCampaignBrief()\n    this.isPageLoaded = true\n\n    this.selectedPixelTrackingEvent = this.pixelTracking.events.add_to_cart || 'N/A'\n  },\n  async mounted () {\n    await this.$store.dispatch('campaign/getTargetingLookups')\n    this.advertisingChannels = this.$store.getters['campaign/targetingLookups'].advertising_channels\n  },\n  methods: {\n    isCampaignOfObjectiveX (objective) {\n      if (this.campaignBriefResponse && this.campaignBriefResponse.objective) {\n        return this.campaignBriefResponse.objective.display_name === objective\n      }\n\n      return false\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    async getCampaignBrief () {\n      const campaignId = +this.$route.params.id\n      if (!campaignId) {\n        return\n      }\n\n      const response = await window.axios.get(`/campaigns/${campaignId}/brief`)\n      this.campaignBriefResponse = response.data.payload\n      if (this.campaignBriefResponse) {\n        this.setMainEvent()\n      }\n    },\n\n    setMainEvent () {\n      const mainEventName = this.campaignBriefResponse.main_conversion ? this.campaignBriefResponse.main_conversion.name : null\n\n      this.mainEvent = mainEventName ? this.pixelTracking.events[mainEventName] : null\n    },\n\n    copyMainCode () {\n      const copyText = document.getElementById('mainCodeInput')\n      copyText.select()\n      copyText.setSelectionRange(0, 99999)\n      document.execCommand('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    copyS2sCode () {\n      const copyText = document.getElementById('s2sCodeInput')\n      copyText.select()\n      copyText.setSelectionRange(0, 99999)\n      document.execCommand('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    copyConversionCode () {\n      const copyText = document.getElementById('leadCodeInput')\n      copyText.select()\n      copyText.setSelectionRange(0, 99999)\n      document.execCommand('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    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    saveMainCodeAsText () {\n      this.saveTextAsFile(this.pixelTracking.main_code, 'installation_code.txt')\n    },\n    saveconversionsCodeAsText () {\n      this.saveTextAsFile(this.pixelTracking.events.lead.event_trigger_code, 'conversions_code.txt')\n    },\n    saveS2sCodeAsText () {\n      this.saveTextAsFile(this.pixelTracking.events.lead.postback_url, 's2s_code.txt')\n    },\n    saveEventTriggerCodeAsText () {\n      this.saveTextAsFile(\n        this.selectedPixelTrackingEvent.event_trigger_code, `${this.selectedPixelTrackingEvent.key}_pixel__code.txt`\n      )\n    }\n  }\n}\n</script>\n<style lang=\"scss\">\n$actions-bg-color: rgba(0, 146, 215, 0.16551);\n$light-black: #5b5959;\n$black-with-15-opacity: rgba(0, 0, 0, 0.15);\n$mobile-apps-tracking-title-color: #2c2c2c;\n$full-width: 100%;\n$black-color : #323232;\n$white-color : white;\n$speakol-color : #0092d7;\n$font-weight-bold : bold;\n\n// tracking\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n\n.x-icon {\n  cursor: pointer;\n}\n\n.conversion-campaign-tracking-parent {\n  padding: 32px;\n  background-color: $white-color;\n  border-radius: 15px;\n  margin-top: 32px;\n\n  .conversion-campaign-title {\n    color: #1d1a1a;\n    font-size: 24px;\n    font-weight: 500;\n    margin-bottom: 6px;\n  }\n\n  .conversion-campaign-desc {\n    color: $black-color;\n    font-size: 14px;\n    font-weight: 300;\n    margin-bottom: 32px;\n  }\n\n  .conversion-campaign-tracking-options {\n    // margin-bottom: 32px;\n    .options-title {\n      color: $mobile-apps-tracking-title-color;\n      font-size: 18px;\n      font-weight: $font-weight-bold;\n      margin-bottom: 24px;\n    }\n\n    .options-desc {\n      color: $black-color;\n      font-size: 14px;\n      font-weight: 300;\n      margin-bottom: 24px;\n    }\n\n    .add-code-title {\n      color: $black-color;\n      font-size: 16px;\n      font-weight: $font-weight-bold;\n      margin-bottom: 8px;\n    }\n\n    .add-code-desc-last-line,\n    .add-code-desc {\n      color: $black-color;\n      font-size: 14px;\n      font-weight: 300;\n    }\n\n    .add-code-desc-last-line {\n      margin-bottom: 16px;\n    }\n\n    .add-code-desc-last-line-others-campaign {\n      margin-bottom: 32px;\n    }\n\n    .code-actions {\n      float: right;\n      position: relative;\n      top: -56px;\n      display: flex;\n    }\n\n    .text-action {\n      cursor: pointer;\n      color: $speakol-color;\n\n      .text-action-image-parent {\n        background-color: $actions-bg-color;\n        width: 20px;\n        height: 20px;\n        border-radius: $full-width;\n\n        img {\n          width: 12px;\n          position: relative;\n          left: 4px;\n          top: 1px;\n        }\n      }\n    }\n\n    .learn-more {\n      margin-bottom: 32px;\n\n      .learn-more-link {\n        color: $speakol-color;\n      }\n    }\n\n    .test-connections-button {\n      border-radius: 4px;\n      height: 40px;\n      width: 137px;\n      color: $white-color;\n      border: 0;\n      outline: 0;\n      box-shadow: 0;\n      cursor: pointer;\n    }\n\n    .create-conversion-button {\n      margin-right: 20px;\n      background-color: transparent;\n      border-radius: 4px;\n      height: 40px;\n      width: 137px;\n      color: $speakol-color;\n      border: 1px solid $speakol-color;\n      outline: 0;\n      box-shadow: 0;\n      cursor: pointer;\n    }\n  }\n\n  .main-pixel-code-box-others-campaign {\n    margin-bottom: 32px;\n  }\n\n  .hidden-input {\n    position: absolute;\n    opacity: 0;\n  }\n\n  .lead-box {\n    margin-bottom: 32px !important;\n  }\n\n  .copy-icon-parent,\n  .download-icon-parent {\n    width: 40px;\n    height: 40px;\n    border-radius: $full-width;\n    background-color: $actions-bg-color;\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  .copy-icon-parent {\n    margin-right: 16px;\n  }\n\n  .copy-icon-parent,\n  .download-icon-parent {\n    img {\n      width: 20px;\n      position: relative;\n      top: 9px;\n      left: 10px;\n    }\n  }\n\n  .code-box {\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 24px;\n    border: 1px solid $black-with-15-opacity;\n  }\n\n  .postback-box {\n    margin-bottom: 8px;\n  }\n}\n\n@media (max-width: 768px) {\n  .code-actions {\n    top: -10px !important;\n  }\n\n  .code-box {\n    width: $full-width;\n    max-width: $full-width;\n    overflow-x: 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!./TrackingSections.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!./TrackingSections.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrackingSections.vue?vue&type=template&id=4c9228e8&\"\nimport script from \"./TrackingSections.vue?vue&type=script&lang=js&\"\nexport * from \"./TrackingSections.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrackingSections.vue?vue&type=style&index=0&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  null,\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!./TrackingSections.vue?vue&type=style&index=0&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!./EmptyState.vue?vue&type=style&index=0&id=62085c2b&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center mt-10 empty-state-root\"},[_vm._m(0),_c('div',{staticClass:\"empty-state-desc\"},[_c('p',[_vm._v(\" \"+_vm._s(_vm.description)+\" \")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"empty-state-img\"},[_c('img',{attrs:{\"src\":\"/img/empty_page.2ea2b496.svg\",\"alt\":\"empty state\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"text-center mt-10 empty-state-root\">\n    <div class=\"empty-state-img\">\n      <img src=\"/img/empty_page.2ea2b496.svg\" alt=\"empty state\">\n    </div>\n\n    <div class=\"empty-state-desc\">\n      <p> {{ description }} </p>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['description']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.empty-state-root {\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  @media (max-width: 768px) {\n    .empty-state-img img {\n      width: 250px;\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!./EmptyState.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!./EmptyState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmptyState.vue?vue&type=template&id=62085c2b&scoped=true&\"\nimport script from \"./EmptyState.vue?vue&type=script&lang=js&\"\nexport * from \"./EmptyState.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmptyState.vue?vue&type=style&index=0&id=62085c2b&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  \"62085c2b\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/download.c9369923.svg\";","module.exports = __webpack_public_path__ + \"img/copy.7702de65.svg\";"],"sourceRoot":""}