{"version":3,"sources":["webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue?f15c","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue?ee65","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue?aa4d","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/TargetDevices.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue?ccd7","webpack:///src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue?1c54","webpack:///./src/views/campaigns/components/steps/components/AdsetContent/components/AdvancedOptions.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","_l","device","index","key","adsetIndex","attrs","isDeviceDisabled","id","display_name","isDeviceUnchecked","model","value","callback","$$v","devices","expression","on","$event","gaDevices","staticRenderFns","props","type","Array","required","Number","objective","String","mounted","$emit","removeDisabledDevices","computed","targetDevices","$store","getters","disabledDevices","$constants","CAMPAIGN_OBJECTIVES_NAMES","LEAD_FORM","DEVICES_IDS","DESKTOP","set","val","get","methods","$gtag","event","includes","deviceId","filter","component","advertisingChannel","i","options","$vs","rtl","$set","_e","Object","watch","handler","newVal","deep","push","label","components","TargetDevices"],"mappings":"oIAAA,W,oECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,WAAWP,EAAIQ,GAAGR,EAAIS,GAAG,YAAY,YAAYL,EAAG,SAASJ,EAAIU,GAAIV,EAAiB,eAAE,SAASW,EAAOC,GAAO,OAAOR,EAAG,SAAS,CAACS,IAAI,iBAAmBb,EAAIc,WAAa,IAAMF,EAAMG,MAAM,CAAC,UAAU,OAAO,aAAa,QAAQ,WAAW,SAAS,OAAO,MAAM,CAAEf,EAAIgB,iBAAiBL,EAAOM,IAAKb,EAAG,aAAa,CAACW,MAAM,CAAC,KAAOf,EAAIS,GAAG,yCAAyC,SAAW,UAAU,CAACL,EAAG,cAAc,CAACE,YAAY,uBAAuBS,MAAM,CAAC,SAAU,EAAM,UAAW,EAAK,GAAK,wCAAwC,CAACf,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAGE,EAAOO,mBAAmB,GAAIlB,EAAImB,kBAAkBR,EAAOM,IAAKb,EAAG,cAAc,CAACE,YAAY,OAAOS,MAAM,CAAC,SAAU,EAAM,GAAK,sCAAsC,WAAWJ,EAAOM,IAAIG,MAAM,CAACC,MAAOrB,EAAW,QAAEsB,SAAS,SAAUC,GAAMvB,EAAIwB,QAAQD,GAAKE,WAAW,YAAY,CAACzB,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAGE,EAAOO,kBAAkBd,EAAG,cAAc,CAACE,YAAY,OAAOS,MAAM,CAAC,GAAK,sCAAsC,WAAWJ,EAAOM,IAAIS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,UAAUjB,KAAUS,MAAM,CAACC,MAAOrB,EAAW,QAAEsB,SAAS,SAAUC,GAAMvB,EAAIwB,QAAQD,GAAKE,WAAW,YAAY,CAACzB,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAGE,EAAOO,mBAAmB,MAAK,IAAI,MACj4CW,EAAkB,GCsBtB,G,8BAAA,CACEC,MAAO,CACLT,MAAO,CACLU,KAAMC,MACNC,UAAU,GAEZnB,WAAY,CACViB,KAAMG,OACND,UAAU,GAEZE,UAAW,CACTJ,KAAMK,OACNH,UAAU,IAIdI,QAhBF,WAiBIpC,KAAKqC,MAAM,QAASrC,KAAKsC,sBAAsBtC,KAAKoB,SAGtDmB,SAAU,CACRC,cADJ,WAEM,OAAOxC,KAAKyC,OAAOC,QAAQ,6BAA6BnB,SAG1DoB,gBALJ,WAMM,OAAO3C,KAAKkC,YAAclC,KAAK4C,WAAWC,0BAA0BC,UAAY,CAAC9C,KAAK4C,WAAWG,YAAYC,SAAW,IAG1HzB,QAAS,CACP0B,IADN,SACA,GACQjD,KAAKqC,MAAM,QAASa,IAEtBC,IAJN,WAKQ,OAAOnD,KAAKsC,sBAAsBtC,KAAKoB,UAI7CgC,QAAS,CACPzB,UADJ,SACA,GACM3B,KAAKqD,MAAMC,MAAM,iBAAvB,yBAGIvC,iBALJ,SAKA,GACM,OAAOf,KAAKkC,YAAclC,KAAK4C,WAAWC,0BAA0BC,WAAa9C,KAAK2C,gBAAgBY,SAASC,IAGjHtC,kBATJ,SASA,GACM,OAAQlB,KAAKuB,QAAQgC,SAASC,IAGhClB,sBAbJ,SAaA,cACM,OAAOf,EAAQkC,QAAO,SAA5B,+CC3Eib,I,yBCQ7aC,EAAY,eACd,EACA5D,EACA8B,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,oDCnBf,IAAI5D,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAI4D,mBAAuD,qCAAExD,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAG,aAAaP,EAAIQ,GAAGR,EAAIS,GAAG,sBAAsB,cAAcL,EAAG,IAAI,CAACE,YAAY,8BAA8B,CAACN,EAAIO,GAAG,aAAaP,EAAIQ,GAAGR,EAAIS,GAAG,yGAAyG,gBAAgBL,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,WAAW,CAACW,MAAM,CAAC,GAAK,oCAAoC,OAAS,SAAU8C,GAAK,OAAOA,EAAE5C,IAAM,QAAUjB,EAAI8D,QAAQ,YAAc9D,EAAIS,GAAG,gBAAgB,IAAMT,EAAI+D,IAAIC,IAAM,MAAQ,OAAOtC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAIsD,MAAMC,MAAM,uBAAuBnC,MAAM,CAACC,MAAOrB,EAAIqB,MAAuB,kBAAEC,SAAS,SAAUC,GAAMvB,EAAIiE,KAAKjE,EAAIqB,MAAO,oBAAqBE,IAAME,WAAW,8BAA8B,OAAOzB,EAAIkE,MACxhCrC,EAAkB,G,wBC2BtB,GACEC,MAAO,CACLT,MAAO,CACLU,KAAMoC,OACNlC,UAAU,GAEZnB,WAAY,CACViB,KAAMG,OACND,UAAU,GAEZ2B,mBAAoB,CAClB7B,KAAMoC,OACNlC,UAAU,IAGdmC,MAAO,CACL/C,MAAO,CACLgD,QADN,SACA,GACQpE,KAAKqC,MAAM,QAASgC,IAEtBC,MAAM,IAGV/B,SAAU,CACRsB,QADJ,WAIM,IAFA,IAAN,KAEA,aACQA,EAAQU,KAAK,CACXvD,GAAI4C,EACJY,MAAOZ,IAIX,OAAOC,IAGXY,WAAY,CACVC,cAAJ,eClEmb,I,YCO/ahB,EAAY,eACd,EACA5D,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAA8B,E","file":"js/chunk-3bacdd00.d57f9779.js","sourcesContent":["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!./TargetDevices.vue?vue&type=style&index=0&id=779e6b45&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-row mb-6\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h5',{staticClass:\"mb-6\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('Devices'))+\"\\n    \")]),_c('vs-row',_vm._l((_vm.targetDevices),function(device,index){return _c('vs-col',{key:'target-device-' + _vm.adsetIndex + '-' + index,attrs:{\"vs-type\":\"flex\",\"vs-justify\":\"start\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[(_vm.isDeviceDisabled(device.id))?_c('vx-tooltip',{attrs:{\"text\":_vm.$t('adset_targeting.desktop_disabled_hint'),\"position\":\"right\"}},[_c('vs-checkbox',{staticClass:\"ml-0 disabled-device\",attrs:{\"checked\":false,\"disabled\":true,\"id\":\"create-campaign-s3-devices-checkbox\"}},[_vm._v(_vm._s(_vm.$t(device.display_name)))])],1):(_vm.isDeviceUnchecked(device.id))?_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"checked\":false,\"id\":\"create-campaign-s3-devices-checkbox\",\"vs-value\":device.id},model:{value:(_vm.devices),callback:function ($$v) {_vm.devices=$$v},expression:\"devices\"}},[_vm._v(_vm._s(_vm.$t(device.display_name)))]):_c('vs-checkbox',{staticClass:\"ml-0\",attrs:{\"id\":\"create-campaign-s3-devices-checkbox\",\"vs-value\":device.id},on:{\"input\":function($event){return _vm.gaDevices(device)}},model:{value:(_vm.devices),callback:function ($$v) {_vm.devices=$$v},expression:\"devices\"}},[_vm._v(_vm._s(_vm.$t(device.display_name)))])],1)}),1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vx-row mb-6\">\n    <div class=\"vx-col w-full\">\n      <h5 class=\"mb-6\">\n        {{ $t('Devices') }}\n      </h5>\n      <vs-row>\n        <vs-col v-for=\"(device, index) in targetDevices\" :key=\"'target-device-' + adsetIndex + '-' + index\" vs-type=\"flex\" vs-justify=\"start\" vs-align=\"center\" vs-w=\"4\">\n          <vx-tooltip v-if=\"isDeviceDisabled(device.id)\" :text=\"$t('adset_targeting.desktop_disabled_hint')\" position=\"right\">\n            <vs-checkbox :checked=\"false\" :disabled=\"true\" id=\"create-campaign-s3-devices-checkbox\" class=\"ml-0 disabled-device\">{{ $t(device.display_name) }}</vs-checkbox>\n          </vx-tooltip>\n\n          <vs-checkbox v-else-if=\"isDeviceUnchecked(device.id)\" :checked=\"false\" id=\"create-campaign-s3-devices-checkbox\" class=\"ml-0\" v-model=\"devices\" :vs-value=\"device.id\">{{ $t(device.display_name) }}</vs-checkbox>\n\n          <vs-checkbox v-else @input=\"gaDevices(device)\" id=\"create-campaign-s3-devices-checkbox\" class=\"ml-0\" v-model=\"devices\" :vs-value=\"device.id\">{{ $t(device.display_name) }}</vs-checkbox>\n        </vs-col>\n      </vs-row>\n    </div>\n  </div>\n</template>\n\n\n<script>\nexport default {\n  props: {\n    value: {\n      type: Array,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    objective: {\n      type: String,\n      required: false\n    }\n  },\n\n  mounted () {\n    this.$emit('input', this.removeDisabledDevices(this.value))\n  },\n\n  computed: {\n    targetDevices () {\n      return this.$store.getters['campaign/targetingLookups'].devices\n    },\n\n    disabledDevices () {\n      return this.objective === this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM ? [this.$constants.DEVICES_IDS.DESKTOP] : []\n    },\n\n    devices: {\n      set (val) {\n        this.$emit('input', val)\n      },\n      get () {\n        return this.removeDisabledDevices(this.value)\n      }\n    }\n  },\n  methods: {\n    gaDevices (device) {\n      this.$gtag.event(`Step3_Devices_${device.display_name}`)\n    },\n\n    isDeviceDisabled (deviceId) {\n      return this.objective === this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM && this.disabledDevices.includes(deviceId)\n    },\n\n    isDeviceUnchecked (deviceId) {\n      return !this.devices.includes(deviceId)\n    },\n\n    removeDisabledDevices (devices) {\n      return devices.filter(id => !this.disabledDevices.includes(id))\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.disabled-device {\n  color: #c2c2c2;\n  cursor: not-allowed;\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!./TargetDevices.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!./TargetDevices.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TargetDevices.vue?vue&type=template&id=779e6b45&scoped=true&\"\nimport script from \"./TargetDevices.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetDevices.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TargetDevices.vue?vue&type=style&index=0&id=779e6b45&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  \"779e6b45\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.advertisingChannel.supports_frequency_capping_targeting)?_c('div',{staticClass:\"freq-capping\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mb-6\"},[_c('h4',[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Frequency Capping'))+\"\\n      \")]),_c('p',{staticClass:\"mt-4 text-md text-gray-600\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('This indicates the maximum number of times you want to display your ad to unique users per 24 hours.'))+\"\\n      \")])]),_c('div',{staticClass:\"vx-col md:w-2/3 w-full mb-6\"},[_c('v-select',{attrs:{\"id\":\"create-campaign-s3-frequency-list\",\"reduce\":function (i) { return i.id; },\"options\":_vm.options,\"placeholder\":_vm.$t('Not Selected'),\"dir\":_vm.$vs.rtl ? 'rtl' : 'ltr'},on:{\"input\":function($event){return _vm.$gtag.event('Step3_AdvTab_Freq')}},model:{value:(_vm.value.frequency_capping),callback:function ($$v) {_vm.$set(_vm.value, \"frequency_capping\", $$v)},expression:\"value.frequency_capping\"}})],1)])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-if=\"advertisingChannel.supports_frequency_capping_targeting\" class=\"freq-capping\">\n\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full mb-6\">\n        <h4>\n          {{ $t('Frequency Capping') }}\n        </h4>\n\n        <p class=\"mt-4 text-md text-gray-600\">\n          {{ $t('This indicates the maximum number of times you want to display your ad to unique users per 24 hours.') }}\n        </p>\n      </div>\n\n      <div class=\"vx-col md:w-2/3 w-full mb-6\">\n        <v-select @input=\"$gtag.event('Step3_AdvTab_Freq')\" id=\"create-campaign-s3-frequency-list\" v-model=\"value.frequency_capping\" :reduce=\"i => i.id\" :options=\"options\" :placeholder=\"$t('Not Selected')\" :dir=\"$vs.rtl ? 'rtl' : 'ltr'\" />\n        <!-- <vs-select :placeholder=\"$t('Select number')\" v-model=\"value.frequency_capping\"  class=\"w-full select-large\">\n          <vs-select-item :key=\"'frequency_capping-' + n\" :value=\"n - 1\" :text=\"n - 1\" v-for=\"n in 11\" class=\"w-full\" />\n        </vs-select> -->\n\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport TargetDevices from './TargetDevices.vue'\n\nexport default {\n  props: {\n    value: {\n      type: Object,\n      required: true\n    },\n    adsetIndex: {\n      type: Number,\n      required: true\n    },\n    advertisingChannel: {\n      type: Object,\n      required: true\n    }\n  },\n  watch: {\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  computed: {\n    options () {\n      const options = []\n\n      for (let i = 0; i < 11; i++) {\n        options.push({\n          id: i,\n          label: i\n        })\n      }\n\n      return options\n    }\n  },\n  components: {\n    TargetDevices\n  }\n}\n</script>\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!./AdvancedOptions.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!./AdvancedOptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AdvancedOptions.vue?vue&type=template&id=a2cc313a&\"\nimport script from \"./AdvancedOptions.vue?vue&type=script&lang=js&\"\nexport * from \"./AdvancedOptions.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}