{"version":3,"sources":["webpack:///./src/components/speakol-template/SpeakolTooltip.vue?4bee","webpack:///src/components/speakol-template/SpeakolTooltip.vue","webpack:///./src/components/speakol-template/SpeakolTooltip.vue?adda","webpack:///./src/components/speakol-template/SpeakolTooltip.vue","webpack:///./src/views/campaigns/components/steps/Step1.vue?a212","webpack:///src/views/campaigns/components/steps/Step1.vue","webpack:///./src/views/campaigns/components/steps/Step1.vue?c83d","webpack:///./src/views/campaigns/components/steps/Step1.vue","webpack:///./src/components/speakol-template/SpeakolTooltip.vue?558b","webpack:///./src/views/campaigns/components/CardSlider.vue?f376","webpack:///src/views/campaigns/components/CardSlider.vue","webpack:///./src/views/campaigns/components/CardSlider.vue?8716","webpack:///./src/views/campaigns/components/CardSlider.vue","webpack:///./src/views/campaigns/components/steps/Step1.vue?9c51","webpack:///./src/views/campaigns/components/CardSlider.vue?05a3"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","iconMouseOver","iconMouseLeave","tooltipMouseOver","tooltipMouseLeave","_v","_s","tooltipText","tooltipRedirect","tooltipAction","_e","iconClick","linkClick","staticRenderFns","name","props","type","String","data","showTooltip","mounted","window","innerWidth","addEventListener","e","target","closest","methods","timer","setTimeout","clearTimeout","component","$t","value","advertisingChannel","advertisingChannels","advertisingChannelsSoonItems","advertisingChannelsBetaItems","editing","map","i","title","disabledAdvertisingChannels","changeAdvertisingChannel","objective","filteredObjectives","$constants","CAMPAIGN_OBJECTIVES_NAMES","LEAD_FORM","FACEBOOK_OUTCOME_CONVERSION_LEADS","FACEBOOK_OUTCOME_CONVERSION_SALES","objectives","changeObjective","filteredDisplayTypes","displayTypes","disabledTypesBasedOnObjective","changeType","OTPopup","$event","discardChanges","confirmChanges","formData","required","Object","Boolean","default","components","CardSlider","SpeakolTooltip","watch","targetingLookups","includes","handler","$emit","newVal","deep","new_advertising_channel","new_objective","new_type","computed","disabledItems","APP_INSTALLS","CAMPAIGN_TYPES_NAMES","INLINE","displayedTypes","$hasFeature","FEATURE_SHORTNAME","FACEBOOK_ADVERTISING_CHANNEL","CAMPAIGN_ADVERTISING_CHANNELS_NAMES","FACEBOOK","newItems","push","soonItems","showModal","isFormFilled","$gtag","event","setAdvertisingChannelByTitle","type_id","id","setObjectiveByTitle","setTypeByTitle","step2","brand","item","objective_id","advertisingChannelObject","advertising_channel_id","atHeadOfList","moveCarousel","style","transform","currentOffset","_l","index","key","class","disabled_items","updateValue","isNew","isSoon","isBeta","image","domProps","subtitle","atEndOfList","Array","items","new_items","soon_items","beta_items","windowSize","paginationFactor","activeItems","x","matches","filter","direction"],"mappings":"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","file":"js/chunk-6b6eca85.997b490c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"speakol-help-parent\"},[_c('div',{staticClass:\"relative\"},[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-help-3\",\"round\":\"\"},on:{\"mouseover\":_vm.iconMouseOver,\"mouseleave\":_vm.iconMouseLeave}})],1),(_vm.showTooltip)?_c('div',{staticClass:\"customize-tooltip-with-action absolute\",on:{\"mouseover\":_vm.tooltipMouseOver,\"mouseleave\":_vm.tooltipMouseLeave}},[_c('div',{staticClass:\"triangle-left\"}),_c('p',[_vm._v(_vm._s(_vm.tooltipText))]),_c('a',{staticClass:\"font-medium\",attrs:{\"href\":_vm.tooltipRedirect,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.tooltipAction))])]):_vm._e()]),_c('div',{staticClass:\"speakol-help-parent-mobile-version\"},[_c('div',{staticClass:\"relative\"},[_c('vs-icon',{attrs:{\"id\":\"helpIcon\",\"icon-pack\":\"speakol\",\"icon\":\"speakol-help-3\",\"round\":\"\"},on:{\"click\":_vm.iconClick}})],1),(_vm.showTooltip)?_c('div',{staticClass:\"customize-tooltip-with-action absolute\",attrs:{\"id\":\"tooltipBox\"}},[_c('div',{staticClass:\"triangle-left\"}),_c('p',[_vm._v(_vm._s(_vm.tooltipText))]),_c('a',{attrs:{\"href\":_vm.tooltipRedirect,\"target\":\"_blank\"},on:{\"click\":_vm.linkClick}},[_vm._v(_vm._s(_vm.tooltipAction))])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <!-- desktop version -->\n    <div class=\"speakol-help-parent\">\n      <div class=\"relative\">\n        <vs-icon @mouseover=\"iconMouseOver\" @mouseleave=\"iconMouseLeave\" class=\"\" icon-pack=\"speakol\"\n          icon=\"speakol-help-3\" round></vs-icon>\n      </div>\n\n      <div @mouseover=\"tooltipMouseOver\" @mouseleave=\"tooltipMouseLeave\" v-if=\"showTooltip\"\n        class=\"customize-tooltip-with-action absolute\">\n        <div class=\"triangle-left\"></div>\n        <p>{{tooltipText}}</p>\n\n        <a class=\"font-medium\" :href=\"tooltipRedirect\" target=\"_blank\">{{tooltipAction}}</a>\n      </div>\n    </div>\n    <!-- desktop version -->\n\n    <!-- mobile version -->\n    <div class=\"speakol-help-parent-mobile-version\">\n      <div class=\"relative\">\n        <vs-icon id=\"helpIcon\" @click=\"iconClick\" class=\"\" icon-pack=\"speakol\" icon=\"speakol-help-3\" round></vs-icon>\n      </div>\n      <div id=\"tooltipBox\" v-if=\"showTooltip\" class=\"customize-tooltip-with-action absolute\">\n        <div class=\"triangle-left\"></div>\n        <p>{{tooltipText}}</p>\n\n        <a @click=\"linkClick\" :href=\"tooltipRedirect\" target=\"_blank\">{{tooltipAction}}</a>\n      </div>\n    </div>\n    <!-- mobile version -->\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'speakol-tooltip',\n\n  props: {\n    tooltipText: {\n      type: String\n    },\n    tooltipAction: {\n      type: String\n    },\n    tooltipRedirect: {\n      type: String\n    }\n  },\n\n  data () {\n    return {\n      showTooltip: false\n    }\n  },\n\n  mounted () {\n    if (window.innerWidth <= 768) {\n      window.addEventListener('click', (e) => {\n        if (!e.target.closest('#helpIcon') && !e.target.closest('.customize-tooltip-with-action')) {\n          this.showTooltip = false\n\n        }\n      })\n    }\n  },\n\n  methods: {\n    iconMouseOver () {\n      this.showTooltip = true\n    },\n\n    iconMouseLeave () {\n      this.timer = setTimeout(() => {\n        this.showTooltip = false\n      }, 100)\n    },\n\n    tooltipMouseLeave () {\n      this.showTooltip = false\n    },\n\n    tooltipMouseOver () {\n      this.showTooltip = true\n      clearTimeout(this.timer)\n    },\n\n    iconClick () {\n      this.showTooltip = !this.showTooltip\n    },\n\n    linkClick () {\n      this.showTooltip = false\n    }\n  }\n\n\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n  .speakol-help-parent {\n    position: relative;\n    top: 7px;\n\n    i {\n      color: var(--metalicGray);\n      font-size: 16px !important;\n      margin-left: 8px;\n    }\n\n    .customize-tooltip-with-action {\n      background-color: #363636;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n      color: white;\n      padding: 16px;\n      left: 40px;\n      top: -3px;\n      width: 375px;\n      z-index: 1;\n\n      .triangle-left {\n        width: 0;\n        height: 0;\n        border-top: 7px solid transparent;\n        border-right: 7px solid #363636;\n        border-bottom: 7px solid transparent;\n        position: absolute;\n        left: -5px;\n        top: 5px;\n      }\n\n      p {\n        font-size: 13px;\n        font-weight: 300;\n        line-height: 21px;\n        margin-bottom: 16px;\n      }\n\n      a {\n        font-size: 13px;\n        font-weight: 500;\n      }\n    }\n  }\n\n  .speakol-help-parent-mobile-version {\n    position: relative;\n    top: 7px;\n    display: none;\n\n    i {\n      color: var(--metalicGray);\n      font-size: 16px !important;\n      margin-left: 8px;\n    }\n\n    .customize-tooltip-with-action {\n      background-color: #363636;\n      border-radius: 4px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n      color: white;\n      padding: 16px;\n      right: -15px;\n      top: 30px;\n      width: 220px;\n      z-index: 9991;\n\n      .triangle-left {\n        width: 0;\n        height: 0;\n        border-left: 7px solid transparent;\n        border-right: 7px solid transparent;\n        border-bottom: 7px solid #363636;\n        position: absolute;\n        right: 15px;\n        top: -6px;\n      }\n\n      p {\n        font-size: 13px;\n        font-weight: 300;\n        margin-bottom: 16px;\n      }\n\n      a {\n        font-size: 13px;\n        font-weight: 500;\n      }\n    }\n  }\n\n  @media (max-width: 768px) {\n    .speakol-help-parent-mobile-version {\n      display: block;\n    }\n\n    .speakol-help-parent {\n      display: none;\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!./SpeakolTooltip.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!./SpeakolTooltip.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SpeakolTooltip.vue?vue&type=template&id=53abaca4&scoped=true&\"\nimport script from \"./SpeakolTooltip.vue?vue&type=script&lang=js&\"\nexport * from \"./SpeakolTooltip.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SpeakolTooltip.vue?vue&type=style&index=0&id=53abaca4&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  \"53abaca4\",\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 _c('vx-card',{attrs:{\"noShadow\":true}},[_c('h5',{staticClass:\"custom-font-weight pt-4 font-medium\"},[_vm._v(\" \"+_vm._s(_vm.$t('Campaign’s Channel, Objective & Type'))+\" \")]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full mt-16\"},[_c('div',{staticClass:\"flex justify-center\"},[_c('h5',{staticClass:\"text-center font-hairline text-xl\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('Select your campaign channel'))+\"\\n        \")]),_c('speakol-tooltip',{staticClass:\"campaign-objective-tooltip\",attrs:{\"tooltipRedirect\":'https://speakol.zendesk.com/hc/en-us/articles/360016704040-Campaign-Objective',\"tooltipAction\":'Learn more here',\"tooltipText\":'To have a clear understanding, vision, and execution plan to what needs to be accomplished, you must define your goals and objectives.'}})],1),_c('CardSlider',{attrs:{\"value\":_vm.value.advertisingChannel,\"items\":_vm.advertisingChannels,\"soon_items\":_vm.advertisingChannelsSoonItems,\"beta_items\":_vm.advertisingChannelsBetaItems,\"disabled_items\":!_vm.editing ? _vm.disabledAdvertisingChannels : _vm.advertisingChannels.map(function (i) { return i.title; })},on:{\"input\":_vm.changeAdvertisingChannel}})],1),_c('div',{staticClass:\"vx-col w-full mt-16\"},[_c('div',{staticClass:\"flex justify-center\"},[_c('h5',{staticClass:\"text-center font-hairline text-xl\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('Select your campaign objective'))+\"\\n        \")]),_c('speakol-tooltip',{staticClass:\"campaign-objective-tooltip\",attrs:{\"tooltipRedirect\":'https://speakol.zendesk.com/hc/en-us/articles/360016704040-Campaign-Objective',\"tooltipAction\":'Learn more here',\"tooltipText\":'To have a clear understanding, vision, and execution plan to what needs to be accomplished, you must define your goals and objectives.'}})],1),_c('CardSlider',{attrs:{\"value\":_vm.value.objective,\"items\":_vm.filteredObjectives,\"new_items\":[this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM, this.$constants.CAMPAIGN_OBJECTIVES_NAMES.FACEBOOK_OUTCOME_CONVERSION_LEADS, this.$constants.CAMPAIGN_OBJECTIVES_NAMES.FACEBOOK_OUTCOME_CONVERSION_SALES],\"disabled_items\":!_vm.editing ? [] : _vm.objectives.map(function (i) { return i.title; })},on:{\"input\":_vm.changeObjective}})],1),_c('div',{staticClass:\"vx-col w-full mt-12\"},[_c('div',{staticClass:\"flex justify-center\"},[_c('h5',{staticClass:\"text-center font-hairline text-xl\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('Select your campaign type'))+\"\\n        \")]),_c('speakol-tooltip',{staticClass:\"campaign-objective-tooltip\",attrs:{\"tooltipRedirect\":'https://speakol.zendesk.com/hc/en-us/articles/360016737999-Campaign-Type',\"tooltipAction\":'Learn more here',\"tooltipText\":'Speakol enables you to create various kinds of campaigns, including Recommendation ads, Inline ads, and Video ads.'}})],1),_c('CardSlider',{attrs:{\"value\":_vm.value.type,\"items\":_vm.filteredDisplayTypes,\"disabled_items\":!_vm.editing ? _vm.disabledTypesBasedOnObjective : _vm.displayTypes.map(function (i) { return i.title; })},on:{\"input\":_vm.changeType}})],1)]),_c('vs-popup',{staticClass:\"holamundo\",attrs:{\"title\":_vm.$t('Objective/Type Popup Confirmation Title'),\"active\":_vm.OTPopup},on:{\"update:active\":function($event){_vm.OTPopup=$event}}},[_c('p',{staticClass:\"mb-10\"},[_vm._v(_vm._s(_vm.$t('Objective/Type Popup Confirmation Message')))]),_c('div',{staticClass:\"text-right\"},[_c('vs-button',{staticClass:\"mr-4\",attrs:{\"id\":\"create-campaign-s1-pop-up-close-button\",\"color\":\"rgb(200, 200, 200)\",\"textColor\":\"#000\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.discardChanges()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Close'))+\"\\n      \")]),_c('vs-button',{attrs:{\"id\":\"create-campaign-s1-pop-up-confirm-button\",\"color\":\"primary\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.confirmChanges()}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('Confirm'))+\"\\n      \")])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card :noShadow=\"true\">\n    <!-- :title=\"$t('Campaign’s Objective & Type')\" -->\n    <!-- :subtitle=\"$t('Campaign Card Subtitle')\" -->\n    <h5 class=\"custom-font-weight pt-4 font-medium\"> {{ $t('Campaign’s Channel, Objective & Type') }} </h5>\n    <!-- <h5 class=\"text-base font-normal text-gray-500 mt-2\">\n      {{ $t('Please fill in your campaign objective and type dates.') }}</h5> -->\n    <div class=\"vx-row\">\n      <div class=\"vx-col w-full mt-16\">\n        <div class=\"flex justify-center\">\n          <h5 class=\"text-center font-hairline text-xl\">\n            {{ $t('Select your campaign channel') }}\n          </h5>\n          <speakol-tooltip class=\"campaign-objective-tooltip\"\n                           :tooltipRedirect=\"'https://speakol.zendesk.com/hc/en-us/articles/360016704040-Campaign-Objective'\"\n                           :tooltipAction=\"'Learn more here'\"\n                           :tooltipText=\"'To have a clear understanding, vision, and execution plan to what needs to be accomplished, you must define your goals and objectives.'\">\n          </speakol-tooltip>\n        </div>\n        <CardSlider\n          @input=\"changeAdvertisingChannel\"\n          :value=\"value.advertisingChannel\"\n          :items=\"advertisingChannels\"\n          :soon_items=\"advertisingChannelsSoonItems\"\n          :beta_items=\"advertisingChannelsBetaItems\"\n          :disabled_items=\"!editing ? disabledAdvertisingChannels : advertisingChannels.map(i => i.title)\" />\n      </div>\n\n      <div class=\"vx-col w-full mt-16\">\n        <div class=\"flex justify-center\">\n          <h5 class=\"text-center font-hairline text-xl\">\n            {{ $t('Select your campaign objective') }}\n          </h5>\n          <speakol-tooltip class=\"campaign-objective-tooltip\"\n            :tooltipRedirect=\"'https://speakol.zendesk.com/hc/en-us/articles/360016704040-Campaign-Objective'\"\n            :tooltipAction=\"'Learn more here'\"\n            :tooltipText=\"'To have a clear understanding, vision, and execution plan to what needs to be accomplished, you must define your goals and objectives.'\">\n          </speakol-tooltip>\n        </div>\n        <CardSlider\n          @input=\"changeObjective\"\n          :value=\"value.objective\"\n          :items=\"filteredObjectives\"\n          :new_items=\"[this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM, this.$constants.CAMPAIGN_OBJECTIVES_NAMES.FACEBOOK_OUTCOME_CONVERSION_LEADS, this.$constants.CAMPAIGN_OBJECTIVES_NAMES.FACEBOOK_OUTCOME_CONVERSION_SALES]\"\n          :disabled_items=\"!editing ? [] : objectives.map(i => i.title)\" />\n      </div>\n\n      <div class=\"vx-col w-full mt-12\">\n        <div class=\"flex justify-center\">\n          <h5 class=\"text-center font-hairline text-xl\">\n            {{ $t('Select your campaign type') }}\n          </h5>\n          <speakol-tooltip class=\"campaign-objective-tooltip\"\n            :tooltipRedirect=\"'https://speakol.zendesk.com/hc/en-us/articles/360016737999-Campaign-Type'\"\n            :tooltipAction=\"'Learn more here'\"\n            :tooltipText=\"'Speakol enables you to create various kinds of campaigns, including Recommendation ads, Inline ads, and Video ads.'\">\n          </speakol-tooltip>\n        </div>\n\n        <CardSlider\n          @input=\"changeType\"\n          :value=\"value.type\"\n          :items=\"filteredDisplayTypes\"\n          :disabled_items=\"!editing ? disabledTypesBasedOnObjective : displayTypes.map(i => i.title)\" />\n      </div>\n    </div>\n\n    <vs-popup class=\"holamundo\" :title=\"$t('Objective/Type Popup Confirmation Title')\" :active.sync=\"OTPopup\">\n      <p class=\"mb-10\">{{ $t('Objective/Type Popup Confirmation Message') }}</p>\n\n      <div class=\"text-right\">\n        <vs-button id=\"create-campaign-s1-pop-up-close-button\" class=\"mr-4\" color=\"rgb(200, 200, 200)\" textColor=\"#000\" type=\"filled\" @click=\"discardChanges()\">\n          {{ $t('Close') }}\n        </vs-button>\n\n        <vs-button id=\"create-campaign-s1-pop-up-confirm-button\" color=\"primary\" type=\"filled\" @click=\"confirmChanges()\">\n          {{ $t('Confirm') }}\n        </vs-button>\n      </div>\n    </vs-popup>\n  </vx-card>\n</template>\n\n\n<script>\nimport CardSlider from '@/views/campaigns/components/CardSlider.vue'\nimport {mapGetters} from 'vuex'\nimport SpeakolTooltip from '@/components/speakol-template/SpeakolTooltip.vue'\nimport {constants as $constants} from '@/utils/Constants'\n\nexport default {\n  props: {\n    formData: {\n      required: true,\n      type: Object\n    },\n    value: {\n      type: Object,\n      required: true\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n      required: false\n    }\n  },\n  components: {\n    CardSlider,\n    SpeakolTooltip\n  },\n  watch: {\n    targetingLookups (targetingLookups) {\n      this.displayTypes = targetingLookups.display_types\n      this.objectives = targetingLookups.objectives\n      this.advertisingChannels = targetingLookups.advertising_channels\n\n      if (!this.editing && this.displayTypes && this.objectives && this.advertisingChannels) {\n        [this.value.advertisingChannelObject, this.value.advertising_channel_id, this.value.advertisingChannel] = [this.advertisingChannels[0], this.advertisingChannels[0].id, this.advertisingChannels[0].title];\n        [this.value.type_id, this.value.type] = [this.displayTypes[0].id, this.displayTypes[0].title];\n        [this.value.objective_id, this.value.objective] = [this.objectives[0].id, this.objectives[0].title]\n      }\n    },\n    disabledTypesBasedOnObjective () {\n      if (this.disabledTypesBasedOnObjective.includes(this.value.type)) {\n        this.value.type = 'Recommendations'\n      }\n    },\n    value: {\n      handler (newVal) {\n        this.$emit('input', newVal)\n      },\n      deep: true\n    }\n  },\n  data () {\n    return {\n      OTPopup: false,\n      new_advertising_channel: '',\n      new_objective: '',\n      new_type: '',\n      advertisingChannels: [],\n      objectives: [],\n      displayTypes: []\n    }\n  },\n  computed: {\n    $constants () {\n      return $constants\n    },\n    ...mapGetters({\n      targetingLookups: 'campaign/targetingLookups'\n    }),\n\n    disabledTypesBasedOnObjective () {\n      let disabledItems = []\n\n      if (\n        [\n          this.$constants.CAMPAIGN_OBJECTIVES_NAMES.CONVERSIONS,\n          this.$constants.CAMPAIGN_OBJECTIVES_NAMES.LEAD_FORM\n        ].includes(this.value.objective)\n      ) {\n        disabledItems = [\n          this.$constants.CAMPAIGN_TYPES_NAMES.INLINE,\n          this.$constants.CAMPAIGN_TYPES_NAMES.VIDEO\n        ]\n      }\n\n      if (this.value.objective === this.$constants.CAMPAIGN_OBJECTIVES_NAMES.APP_INSTALLS) {\n        disabledItems = [this.$constants.CAMPAIGN_TYPES_NAMES.INLINE]\n      }\n\n      return disabledItems\n    },\n    filteredObjectives () {\n      const objectives = this.objectives.filter(obj => obj.advertising_channel_id === this.value.advertising_channel_id)\n\n      if (!this.editing && objectives[0]) {\n        [this.value.objective_id, this.value.objective] = [objectives[0].id, objectives[0].title]\n      }\n      return objectives\n    },\n    filteredDisplayTypes () {\n      const displayedTypes = this.displayTypes.filter(obj => obj.advertising_channel_id === this.value.advertising_channel_id)\n\n      if (!this.editing && displayedTypes[0]) {\n        [this.value.type_id, this.value.type] = [displayedTypes[0].id, displayedTypes[0].title]\n      }\n\n      return displayedTypes\n    },\n    disabledAdvertisingChannels () {\n      let disabledItems = []\n\n      if (!this.$hasFeature(this.$constants.FEATURE_SHORTNAME.FACEBOOK_ADVERTISING_CHANNEL)) {\n        disabledItems = [this.$constants.CAMPAIGN_ADVERTISING_CHANNELS_NAMES.FACEBOOK]\n      }\n\n      return disabledItems\n    },\n    advertisingChannelsBetaItems () {\n      const newItems = []\n\n      if (this.$hasFeature(this.$constants.FEATURE_SHORTNAME.FACEBOOK_ADVERTISING_CHANNEL)) {\n        newItems.push(this.$constants.CAMPAIGN_ADVERTISING_CHANNELS_NAMES.FACEBOOK)\n      }\n\n      return newItems\n    },\n    advertisingChannelsSoonItems () {\n      const soonItems = []\n\n      if (!this.$hasFeature(this.$constants.FEATURE_SHORTNAME.FACEBOOK_ADVERTISING_CHANNEL)) {\n        soonItems.push(this.$constants.CAMPAIGN_ADVERTISING_CHANNELS_NAMES.FACEBOOK)\n      }\n\n      return soonItems\n    }\n  },\n  methods: {\n    showModal () {\n      this.OTPopup = true\n    },\n    changeAdvertisingChannel (value) {\n      if (this.value.advertisingChannel === value) {\n        return\n      }\n\n      if (this.isFormFilled()) {\n        this.new_advertising_channel = value\n        this.showModal()\n        return\n      }\n      this.$gtag.event(`channel-${value}`)\n\n      this.setAdvertisingChannelByTitle(value)\n    },\n    changeObjective (value) {\n      // Set Type To The First Type (Recommendation)\n      const displayedTypes = this.displayTypes.filter(obj => obj.advertising_channel_id === this.value.advertising_channel_id)\n\n      this.value.type_id = displayedTypes[0].id\n\n      if (this.value.objective === value) {\n        return\n      }\n\n      if (this.isFormFilled()) {\n        this.new_objective = value\n        this.showModal()\n        return\n      }\n      this.$gtag.event(`obj-${value}`)\n\n      this.setObjectiveByTitle(value)\n    },\n    changeType (value) {\n      if (this.value.type === value) {\n        return\n      }\n\n      if (this.isFormFilled()) {\n        this.new_type = value\n        this.showModal()\n        return\n      }\n      this.$gtag.event(`type-${value}`)\n      this.setTypeByTitle(value)\n    },\n    confirmChanges () {\n      // update the data\n      if (this.new_advertising_channel !== '') {\n        this.setAdvertisingChannelByTitle(this.new_advertising_channel)\n      }\n\n      if (this.new_objective !== '') {\n        this.setObjectiveByTitle(this.new_objective)\n      }\n\n      if (this.new_type !== '') {\n        this.setTypeByTitle(this.new_type)\n      }\n\n      // close the modal\n      this.OTPopup = false\n\n      this.$emit('reset-form')\n    },\n    discardChanges () {\n      // close the modal\n      this.OTPopup = false\n    },\n    isFormFilled () {\n      return this.formData.step2.name !== '' || this.formData.step2.brand !== '' || this.formData.step2\n        .industry_id !== null\n    },\n    setTypeByTitle (new_type) {\n      const item = this.displayTypes.find(i => i.title === new_type)\n\n      if (item) {\n        this.value.type = item.title\n        this.value.type_id = item.id\n      }\n    },\n    setObjectiveByTitle (new_objective) {\n      const item = this.objectives.find(i => i.title === new_objective)\n\n      if (item) {\n        this.value.objective = item.title\n        this.value.objective_id = item.id\n      }\n    },\n    setAdvertisingChannelByTitle (new_advertising_channel) {\n      const item = this.advertisingChannels.find(i => i.title === new_advertising_channel)\n\n      if (item) {\n        this.value.advertisingChannelObject = item\n        this.value.advertisingChannel = item.title\n        this.value.advertising_channel_id = item.id\n      }\n    }\n  }\n}\n\n</script>\n\n<style lang=\"scss\">\n  .campaign-objective-tooltip {\n    position: relative;\n    top: -5px;\n  }\n\n  .custom-font-weight {\n    font-weight: 500 !important;\n  }\n\n  @media (max-width: 640px) {\n    .custom-font-weight {\n      font-size: 14.96px;\n      margin-bottom: 10px;\n    }\n\n    [dir=ltr] .card-carousel--nav__right[data-v-9d306b86] {\n      right: 20px;\n    }\n\n    [dir=ltr] .card-carousel--nav__left[data-v-9d306b86] {\n      left: 13px;\n    }\n\n    .card-carousel--card--footer {\n      height: 270px;\n      width: 250px;\n    }\n\n    .demo-alignment > * {\n      margin: 0 auto;\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!./Step1.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!./Step1.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Step1.vue?vue&type=template&id=7175b20a&\"\nimport script from \"./Step1.vue?vue&type=script&lang=js&\"\nexport * from \"./Step1.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Step1.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!./SpeakolTooltip.vue?vue&type=style&index=0&id=53abaca4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-carousel-wrapper mt-12\"},[_c('div',{staticClass:\"card-carousel--nav__left\",attrs:{\"disabled\":_vm.atHeadOfList},on:{\"click\":function($event){return _vm.moveCarousel(-1)}}}),_c('div',{staticClass:\"card-carousel\"},[_c('div',{staticClass:\"card-carousel--overflow-container\"},[_c('div',{staticClass:\"card-carousel-cards\",style:({ transform: 'translateX' + '(' + _vm.currentOffset + 'px' + ')'})},_vm._l((_vm.activeItems),function(item,index){return _c('div',{key:index,staticClass:\"card-carousel--card\",class:{'active': _vm.value === item.title, 'disabled': _vm.disabled_items.includes(item.title)},on:{\"click\":function($event){return _vm.updateValue(item.title)}}},[_c('div',{staticClass:\"card-carousel--card--footer text-center\"},[(_vm.isNew(item.title))?_c('span',{staticClass:\"new-label items-center\"},[_vm._v(\"New\")]):_vm._e(),(_vm.isSoon(item.title))?_c('span',{staticClass:\"soon-label items-center\"},[_vm._v(\"Soon\")]):_vm._e(),(_vm.isBeta(item.title))?_c('span',{staticClass:\"beta-label items-center\"},[_vm._v(\"Beta\")]):_vm._e(),_c('img',{staticClass:\"campaign-objective-imges mt-5 mb-5\",class:_vm.isNew(item.title) ? 'new-item': '',attrs:{\"src\":item.image,\"alt\":\"objective\"}}),_c('h6',{staticClass:\"mb-5 text-lg font-medium\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")]),_c('h4',{staticClass:\"card-subtitle text-sm\",domProps:{\"innerHTML\":_vm._s(item.subtitle)}})])])}),0)])]),_c('div',{staticClass:\"card-carousel--nav__right\",attrs:{\"disabled\":_vm.atEndOfList},on:{\"click\":function($event){return _vm.moveCarousel(1)}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card-carousel-wrapper mt-12\">\n    <div class=\"card-carousel--nav__left\" @click=\"moveCarousel(-1)\" :disabled=\"atHeadOfList\"></div>\n    <div class=\"card-carousel\">\n      <div class=\"card-carousel--overflow-container\">\n        <div class=\"card-carousel-cards\" :style=\"{ transform: 'translateX' + '(' + currentOffset + 'px' + ')'}\">\n          <div class=\"card-carousel--card\" v-for=\"(item, index) in activeItems\" :key=\"index\" :class=\"{'active': value === item.title, 'disabled': disabled_items.includes(item.title)}\" @click=\"updateValue(item.title)\">\n            <div class=\"card-carousel--card--footer text-center\">\n              <span class=\"new-label items-center\" v-if=\"isNew(item.title)\">New</span>\n              <span class=\"soon-label items-center\" v-if=\"isSoon(item.title)\">Soon</span>\n              <span class=\"beta-label items-center\" v-if=\"isBeta(item.title)\">Beta</span>\n              <img class=\"campaign-objective-imges mt-5 mb-5\" :class=\"isNew(item.title) ? 'new-item': ''\" :src=\"item.image\" alt=\"objective\" />\n              <h6 class=\"mb-5 text-lg font-medium\"> {{ item.title }} </h6>\n              <h4 class=\"card-subtitle text-sm\" v-html=\"item.subtitle\"></h4>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"card-carousel--nav__right\" @click=\"moveCarousel(1)\" :disabled=\"atEndOfList\"></div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    value: {\n      type: String,\n      required: true\n    },\n    disabled_items: {\n      type: Array,\n      required: false,\n      default () {\n        return []\n      }\n    },\n    items: {\n      type: Array,\n      required: true\n    },\n\n    new_items: {\n      type: Array,\n      required: false\n    },\n\n    soon_items: {\n      type: Array,\n      required: false\n    },\n\n    beta_items: {\n      type: Array,\n      required: false\n    }\n  },\n  data () {\n    return {\n      currentOffset: 0,\n      windowSize: 3,\n      paginationFactor: 275,\n      activeItems: []\n    }\n  },\n  computed: {\n    atEndOfList () {\n      const x = window.matchMedia('(max-width: 576px)')\n\n      if (x.matches) {\n        return this.currentOffset <= ((this.paginationFactor  + 200) * -1) * (this.items.length + (this.items.length === 5 ? 0 : 1) - this.windowSize)\n      } else {\n        return this.currentOffset <= (this.paginationFactor * -1) * (this.items.length - this.windowSize)\n      }\n    },\n\n    atHeadOfList () {\n      return this.currentOffset === 0\n    }\n  },\n  watch: {\n    items () {\n      this.currentOffset = 0\n\n      this.activeItems = this.items\n      // TODO: Fix this condition because it applies to any item that has the same ID as this.$constants.CAMPAIGN_OBJECTIVES_IDS.LEAD_FORM\n      if (!this.$hasFeature('lead_form')) {\n        this.activeItems = this.items.filter(el => el.id !== this.$constants.CAMPAIGN_OBJECTIVES_IDS.LEAD_FORM)\n      }\n\n    }\n  },\n  methods: {\n    isNew (title) {\n      return this.new_items ? this.new_items.includes(title) : false\n    },\n\n    isSoon (title) {\n      return this.soon_items ? this.soon_items.includes(title) : false\n    },\n\n    isBeta (title) {\n      return this.beta_items ? this.beta_items.includes(title) : false\n    },\n    moveCarousel (direction) {\n      // Find a more elegant way to express the :style. consider using props to make it truly generic\n      if (direction === 1 && !this.atEndOfList) {\n        this.currentOffset -= this.paginationFactor\n      } else if (direction === -1 && !this.atHeadOfList) {\n        this.currentOffset += this.paginationFactor\n      }\n    },\n    updateValue (value) {\n      if (this.disabled_items.includes(value)) {\n        return\n      }\n      this.$emit('input', value)\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  $vue-navy: #2c3e50;\n  $vue-navy-light: #3a5169;\n  $vue-teal: #4492e7;\n  $vue-teal-light: #42b983;\n  $gray: #666a73;\n  $light-gray: #f8f8f8;\n\n  .new-label {\n    top: 16px;\n    left: 16px;\n    // left: -42%;\n    position: absolute;\n    // margin-left: 18px !important;\n    background: #db2828;\n    border-radius: 20px;\n    font-size: 12px;\n    line-height: 20px;\n    text-align: center;\n    color: #fff;\n    width: 49px !important;\n    height: 24px !important;\n    padding: 3px 11px 3px 11px;\n  }\n\n  .soon-label {\n    top: 16px;\n    left: 16px;\n    position: absolute;\n    background: $gray;\n    border-radius: 20px;\n    font-size: 12px;\n    line-height: 20px;\n    text-align: center;\n    color: #fff;\n    width: 49px !important;\n    height: 24px !important;\n    padding: 3px 11px 3px 11px;\n  }\n\n  .beta-label {\n    top: 16px;\n    left: 16px;\n    position: absolute;\n    background: #ffc107;\n    border-radius: 20px;\n    font-size: 12px;\n    line-height: 20px;\n    text-align: center;\n    color: #fff;\n    width: 49px !important;\n    height: 24px !important;\n    padding: 3px 11px 3px 11px;\n  }\n\n  .card-carousel-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    // margin: 20px 0 40px;\n    color: $gray;\n  }\n\n  .card-carousel {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n\n    &--overflow-container {\n      overflow: hidden;\n    }\n\n    &--nav__left,\n    &--nav__right {\n      display: inline-block;\n      width: 15px;\n      height: 15px;\n      padding: 10px;\n      box-sizing: border-box;\n      border-top: 2px solid $vue-teal;\n      border-right: 2px solid $vue-teal;\n      cursor: pointer;\n      margin: 0 20px;\n      transition: transform 150ms linear;\n\n      &[disabled] {\n        opacity: 0.2;\n        border-color: black;\n      }\n    }\n\n    &--nav__left {\n      transform: rotate(-135deg);\n\n      &:active {\n        transform: rotate(-135deg) scale(0.9);\n      }\n    }\n\n    &--nav__right {\n      transform: rotate(45deg);\n\n      &:active {\n        transform: rotate(45deg) scale(0.9);\n      }\n    }\n  }\n\n  .card-carousel-cards {\n    display: flex;\n    transition: transform 150ms ease-out;\n    transform: translateX(0);\n\n    .card-carousel--card {\n      margin: 0 10px;\n      cursor: pointer;\n      box-shadow: none;\n      border: 1px solid rgba(153, 153, 153, 0.277289);\n      background-color: #fff;\n      border-radius: 15px;\n      z-index: 3;\n      margin-bottom: 2px;\n\n      &:first-child {\n        margin-left: 0;\n      }\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      img {\n        vertical-align: bottom;\n        border-top-left-radius: 4px;\n        border-top-right-radius: 4px;\n        transition: opacity 150ms linear;\n        user-select: none;\n\n        // &:hover {\n        //   opacity: 0.5;\n        // }\n      }\n\n      &--footer {\n        border-top: 0;\n        padding: 7px 15px;\n      }\n    }\n\n    .card-subtitle {\n      font-size: 12px;\n      font-weight: unset !important;\n    }\n\n    .card-carousel--card--footer {\n      position: relative;\n      height: 290px;\n      width: 290px;\n    }\n  }\n\n  // .new-item {\n  //   margin-left: -70px !important;\n  // }\n\n  @media (max-width: 576px) {\n    .card-carousel--card--footer {\n      height: 250px !important;\n      width: 253px !important;\n    }\n  }\n\n  .card-carousel--nav__left {\n    position: relative;\n    left: 40px;\n    z-index: 999;\n  }\n\n  .card-carousel--nav__right {\n    position: relative;\n    right: 40px;\n    z-index: 999;\n  }\n\n  .active {\n    border: 1px solid #0092d7 !important;\n\n    h4 {\n      color: #0092d7 !important;\n    }\n\n    h6 {\n      color: #0092d7 !important;\n    }\n\n    img {\n      filter: grayscale(0%) !important;\n    }\n  }\n\n  .campaign-objective-imges {\n    width: 78px;\n    margin-top: 50px !important;\n  }\n\n  .disabled {\n    h6,\n    h4 {\n      color: #bdc3ca;\n    }\n\n    img {\n      -webkit-filter: grayscale(100%);\n      filter: grayscale(100%);\n    }\n\n    cursor: not-allowed !important;\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!./CardSlider.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!./CardSlider.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardSlider.vue?vue&type=template&id=847084ec&scoped=true&\"\nimport script from \"./CardSlider.vue?vue&type=script&lang=js&\"\nexport * from \"./CardSlider.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardSlider.vue?vue&type=style&index=0&id=847084ec&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  \"847084ec\",\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!./Step1.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!./CardSlider.vue?vue&type=style&index=0&id=847084ec&lang=scss&scoped=true&\""],"sourceRoot":""}