{"version":3,"sources":["webpack:///./src/assets/images/campaign-status/scheduled-name-icon.svg","webpack:///./src/views/campaigns/components/PageHeader.vue?a31a","webpack:///./src/assets/images/campaign-status/active-action-icon.svg","webpack:///./src/assets/images/actions/view.svg","webpack:///./src/assets/images/actions/tracking.svg","webpack:///./node_modules/core-js/modules/es6.string.bold.js","webpack:///./src/assets/images/campaign-status/is-completed-action-icon.svg","webpack:///./src/assets/images/campaign-status/paused-action-icon.svg","webpack:///./src/assets/images/campaign-status/scheduled-status-icon.svg","webpack:///./src/assets/images/actions/activate.svg","webpack:///./src/assets/images/campaign-status/out-of-budget-action-icon.svg","webpack:///./src/assets/images/actions/edit.svg","webpack:///./src/assets/images/campaign-status/is-completed-name-icon.svg","webpack:///./src/assets/images/campaign-status/is-completed-status-icon.svg","webpack:///./src/assets/images/campaign-status/out-of-budget-name-icon.svg","webpack:///./src/assets/images/campaign-status/out-of-budget-status-icon.svg","webpack:///./src/assets/images/campaign-status/paused-status-icon.svg","webpack:///./src/assets/images/campaign-status/active-name-icon.svg","webpack:///./src/assets/images/actions/pause.svg","webpack:///./src/assets/images/campaign-status/rejected-name-icon.svg","webpack:///./src/assets/images/campaign-status/active-status-icon.svg","webpack:///./src/views/campaigns/components/PageHeader.vue?8cc7","webpack:///src/views/campaigns/components/PageHeader.vue","webpack:///./src/views/campaigns/components/PageHeader.vue?ace4","webpack:///./src/views/campaigns/components/PageHeader.vue","webpack:///./src/assets/images/campaign-status/paused-name-icon.svg","webpack:///./src/assets/images/campaign-status/scheduled-action-icon.svg"],"names":["module","exports","createHTML","this","render","_vm","_h","$createElement","_c","_self","campaign","staticClass","attrs","_v","_s","$t","name","start_date","end_date","class","aggregated_status","status","tags","map","e","en","includes","staticStyle","_e","reason","_f","analytics","spent","activation_status","on","$event","changeCampaignStatus","tracking_mobile_version","currentRouteName","showActionX","ACTIONS","TRACKING","query","id","insights_mobile_version","INSIGHTS","params","$route","EDIT","$can","$hasFeature","toggleConfirmationPopup","isToasterVisible","toasterText","saveIcon","showBlockConfirmationPopup","confirmationPopupBody","changeCampaignPremiumStatus","staticRenderFns","components","SpeakolNotificationToaster","props","displayable_links","type","Array","required","default","validator","exists","data","statusMeta","nameIcon","statusIcon","actionIcon","displayName","computed","statusKey","$store","getters","Object","keys","methods","action","objective_id","$constants","CAMPAIGN_OBJECTIVES_IDS","LEAD_FORM","$canAny","showToaster","setTimeout","changeToasterText","text","trimString","string","length","setCampaignActivationStatus","camapign_aggregated_status","component"],"mappings":"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","file":"js/chunk-5512141b.a7c8174c.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/scheduled-name-icon.805dd34a.svg\";","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!./PageHeader.vue?vue&type=style&index=0&id=105510a1&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/active-action-icon.5da0d033.svg\";","module.exports = __webpack_public_path__ + \"img/view.1d0d1ae7.svg\";","module.exports = __webpack_public_path__ + \"img/tracking.856bb440.svg\";","'use strict';\n// B.2.3.5 String.prototype.bold()\nrequire('./_string-html')('bold', function (createHTML) {\n  return function bold() {\n    return createHTML(this, 'b', '', '');\n  };\n});\n","module.exports = __webpack_public_path__ + \"img/is-completed-action-icon.5da0d033.svg\";","module.exports = __webpack_public_path__ + \"img/paused-action-icon.e41f9130.svg\";","module.exports = __webpack_public_path__ + \"img/scheduled-status-icon.b6308f64.svg\";","module.exports = __webpack_public_path__ + \"img/activate.a466f89d.svg\";","module.exports = __webpack_public_path__ + \"img/out-of-budget-action-icon.9f7a17e2.svg\";","module.exports = __webpack_public_path__ + \"img/edit.f8974a45.svg\";","module.exports = __webpack_public_path__ + \"img/is-completed-name-icon.805dd34a.svg\";","module.exports = __webpack_public_path__ + \"img/is-completed-status-icon.671f42a9.svg\";","module.exports = __webpack_public_path__ + \"img/out-of-budget-name-icon.4d287b3b.svg\";","module.exports = __webpack_public_path__ + \"img/out-of-budget-status-icon.a5265968.svg\";","module.exports = __webpack_public_path__ + \"img/paused-status-icon.2c4319ef.svg\";","module.exports = __webpack_public_path__ + \"img/active-name-icon.805dd34a.svg\";","module.exports = __webpack_public_path__ + \"img/pause.e41f9130.svg\";","module.exports = __webpack_public_path__ + \"img/rejected-name-icon.841d0270.svg\";","module.exports = __webpack_public_path__ + \"img/active-status-icon.0ab2c420.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.campaign !== null)?_c('vs-row',{staticClass:\"page-header\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('vx-card',{attrs:{\"noShadow\":true}},[_c('div',{staticClass:\"vx-row insights-header-container\"},[_c('div',{staticClass:\"vx-col md:text-left sm:w-full md:w-1/5 md:pl-4\"},[_c('h6',{staticClass:\"text-normal font-normal text-gray-600 text-opacity-75\"},[_vm._v(_vm._s(_vm.$t('Campaign Name')))]),_c('vx-tooltip',{attrs:{\"text\":_vm.campaign.name}},[_c('p',{staticClass:\"md:mt-3 cursor-pointer font-semibold text-lg insights-campaign-name\"},[_vm._v(\"\\n              \"+_vm._s(_vm.campaign.name)+\"\\n            \")])])],1),_c('div',{staticClass:\"vx-col md:text-left sm:w-full md:w-1/5 md:pl-16\"},[_c('h6',{staticClass:\"text-normal font-normal text-gray-600 text-opacity-75\"},[_vm._v(_vm._s(_vm.$t('Start/End Date')))]),_c('p',{staticClass:\"md:mt-3 font-semibold text-lg insights-date\"},[_vm._v(\"\\n            \"+_vm._s(_vm.campaign.start_date === null ? _vm.$t('Once it\\'s approved') : _vm.campaign.start_date)+\" / \"+_vm._s(_vm.campaign.end_date === null ? _vm.$t('No End Date') : _vm.campaign.end_date)+\"\\n          \")])]),_c('div',{staticClass:\"campagin-insights-status-mobile-version vx-col md:text-left sm:w-full md:w-1/5 md:pl-16\"},[_c('h6',{staticClass:\"text-normal font-normal text-gray-600 text-opacity-75\"},[_vm._v(_vm._s(_vm.$t('Status')))]),_c('p',{staticClass:\"sm:mt-3 font-semibold text-lg insights-status\"},[_c('span',{class:{'text-green-600': _vm.aggregated_status.status == 'Delivering', 'text-red-600': _vm.aggregated_status.status == 'Not Delivering'}},[_vm._v(\"\\n              \"+_vm._s(_vm.aggregated_status.status)+\"\\n            \")]),(_vm.campaign.tags.map(function (e) { return e.name.en; }).includes('premium'))?_c('span',[_c('vs-icon',{staticClass:\"star-solid-icon\",staticStyle:{\"font-size\":\"15px !important\"},attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-premium-solid\"}})],1):_vm._e(),_c('br'),(_vm.aggregated_status.reason !== '')?_c('span',{staticClass:\"font-normal\"},[_vm._v(\"\\n              \"+_vm._s(_vm.aggregated_status.reason)+\"\\n            \")]):_vm._e()])]),_c('div',{staticClass:\"spent-parent vx-col md:text-left sm:w-full md:w-1/5 md:pl-16\"},[_c('h6',{staticClass:\"text-normal font-normal text-gray-600 text-opacity-75\"},[_vm._v(_vm._s(_vm.$t('Spent')))]),_c('p',{staticClass:\"spent-value sm:mt-3 font-semibold text-lg insights-spent\"},[_vm._v(\"\\n            \"+_vm._s(_vm._f(\"addComma\")(_vm.campaign.analytics.spent,'$'))+\"\\n          \")])]),_c('div',{staticClass:\"vx-col md:text-left sm:w-full md:w-1/5  action-parent\",class:[ _vm.campaign.start_date === null && _vm.campaign.end_date === null ? 'no_start_date_no_end_date' : '' , (_vm.campaign.start_date != null && _vm.campaign.end_date != null) || (_vm.campaign.start_date === null && _vm.campaign.end_date != null) || (_vm.campaign.start_date != null && _vm.campaign.end_date === null) ? 'start_date_and_end_date' : ''  ]},[(_vm.campaign.activation_status == 1)?_c('vx-tooltip',{staticClass:\"insights-tooltip\",attrs:{\"text\":\"Pause\",\"position\":\"top\"}},[_c('button',{staticClass:\"pause-icon\",attrs:{\"id\":\"page-header-paused-button\"},on:{\"click\":function($event){return _vm.changeCampaignStatus('Paused')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/actions/pause.svg\")}})])]):_c('vx-tooltip',{staticClass:\"insights-tooltip\",attrs:{\"text\":\"Resume\",\"position\":\"top\"}},[_c('button',{staticClass:\"play-icon\",attrs:{\"id\":\"page-header-active-button\"},on:{\"click\":function($event){return _vm.changeCampaignStatus('Active')}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/actions/activate.svg\")}})])]),_c('vx-tooltip',{staticClass:\"insights-tooltip\",class:{ tracking_mobile_version : _vm.currentRouteName === 'campaigns-insights' || _vm.currentRouteName === 'campaigns-edit' },attrs:{\"text\":\"View Tracking\",\"position\":\"top\"}},[(_vm.showActionX(_vm.ACTIONS.TRACKING))?_c('router-link',{staticClass:\"track-icon\",attrs:{\"id\":\"page-header-tracking-button\",\"to\":{ name: 'conversions', query: { id: this.campaign.id } }}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/actions/tracking.svg\"),\"alt\":\"\"}})]):_vm._e()],1),_c('vx-tooltip',{staticClass:\"insights-tooltip\",class:{ insights_mobile_version : _vm.currentRouteName === 'campaigns-tracking' },attrs:{\"text\":\"View Insights\",\"position\":\"top\"}},[(_vm.showActionX(_vm.ACTIONS.INSIGHTS))?_c('router-link',{staticClass:\"insights-icon\",attrs:{\"id\":\"page-header-insights-button\",\"to\":{ name: 'campaigns-insights', params: { id: _vm.$route.params.id } }}},[_c('img',{staticClass:\"align-middle pl-3\",attrs:{\"src\":require(\"@/assets/images/actions/view.svg\")}})]):_vm._e()],1),_c('vx-tooltip',{staticClass:\"edit-tooltip insights-tooltip\",attrs:{\"text\":\"Edit\",\"position\":\"top\"}},[(_vm.showActionX(_vm.ACTIONS.EDIT))?_c('router-link',{staticClass:\"edit-icon\",attrs:{\"id\":\"page-header-edit-button\",\"to\":{ name: 'campaigns-edit', params: { id: _vm.$route.params.id }, }}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/actions/edit.svg\"),\"alt\":\"\"}})]):_vm._e()],1),(_vm.$can('edit_premium_campaigns') && _vm.$hasFeature('premium-campaigns'))?_c('div',[(_vm.campaign.tags.map(function (e) { return e.name.en; }).includes('premium'))?_c('vx-tooltip',{staticClass:\"premium-tooltip\",attrs:{\"text\":\"Change to Standard Campaign\",\"position\":\"top\"}},[_c('button',{staticClass:\"premium-icon\",attrs:{\"id\":\"page-header-premium-button\"},on:{\"click\":function($event){return _vm.toggleConfirmationPopup()}}},[_c('vs-icon',{staticStyle:{\"color\":\"#ffbb07\",\"font-size\":\"22px !important\"},attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-premium\"}})],1)]):_c('vx-tooltip',{staticClass:\"premium-tooltip\",attrs:{\"text\":\"Feature as Premium Campaign\",\"position\":\"top\"}},[_c('button',{staticClass:\"premium-icon\",attrs:{\"id\":\"page-header-standard-button\"},on:{\"click\":function($event){return _vm.toggleConfirmationPopup()}}},[_c('vs-icon',{staticStyle:{\"color\":\"#ffbb07\",\"font-size\":\"22px !important\"},attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-premium-solid\"}})],1)])],1):_vm._e()],1)])])],1),_c('SpeakolNotificationToaster',{attrs:{\"show\":_vm.isToasterVisible,\"message\":_vm.toasterText,\"icon\":_vm.saveIcon,\"closeButtonText\":\"X\"},on:{\"close\":function($event){_vm.isToasterVisible = false}}}),_c('speakol-confirmation-popup',{attrs:{\"showConfirmationPopup\":_vm.showBlockConfirmationPopup,\"title\":(\"\" + (_vm.campaign.tags.map(function (e) { return e.name.en; }).includes('premium') ? 'Change to Standard Campaign' : 'Upgrade to Premium')),\"htmlBody\":_vm.confirmationPopupBody},on:{\"hide-confirmation-popup\":function($event){_vm.showBlockConfirmationPopup = false},\"confirm\":function($event){return _vm.changeCampaignPremiumStatus()}}})],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-row v-if=\"campaign !== null\" class=\"page-header\">\n    <div class=\"vx-col w-full\">\n      <vx-card :noShadow=\"true\">\n        <div class=\"vx-row insights-header-container\">\n          <div class=\"vx-col md:text-left sm:w-full md:w-1/5 md:pl-4\">\n            <h6 class=\"text-normal font-normal text-gray-600 text-opacity-75\">{{ $t('Campaign Name') }}</h6>\n            <vx-tooltip :text=\"campaign.name\">\n              <p class=\"md:mt-3 cursor-pointer font-semibold text-lg insights-campaign-name\">\n                {{ campaign.name }}\n              </p>\n            </vx-tooltip>\n          </div>\n\n          <div class=\"vx-col md:text-left sm:w-full md:w-1/5 md:pl-16\">\n            <h6 class=\"text-normal font-normal text-gray-600 text-opacity-75\">{{ $t('Start/End Date') }}</h6>\n            <p class=\"md:mt-3 font-semibold text-lg insights-date\">\n              {{ campaign.start_date === null ? $t('Once it\\'s approved') : campaign.start_date }} / {{ campaign.end_date === null ? $t('No End Date') : campaign.end_date }}\n            </p>\n          </div>\n\n          <div class=\"campagin-insights-status-mobile-version vx-col md:text-left sm:w-full md:w-1/5 md:pl-16\">\n            <h6 class=\"text-normal font-normal text-gray-600 text-opacity-75\">{{ $t('Status') }}</h6>\n            <p class=\"sm:mt-3 font-semibold text-lg insights-status\">\n              <span :class=\"{'text-green-600': aggregated_status.status == 'Delivering', 'text-red-600': aggregated_status.status == 'Not Delivering'}\">\n                {{ aggregated_status.status }}\n              </span>\n              <span v-if=\"campaign.tags.map(e => e.name.en).includes('premium')\">\n                <vs-icon icon-pack=\"speakol\" icon=\"speakol-premium-solid\" class=\"star-solid-icon\" style=\"font-size: 15px !important;\"></vs-icon>\n              </span>\n               <br>\n              <span class=\"font-normal\" v-if=\"aggregated_status.reason !== ''\">\n                {{ aggregated_status.reason }}\n              </span>\n            </p>\n          </div>\n\n          <div class=\"spent-parent vx-col md:text-left sm:w-full md:w-1/5 md:pl-16\">\n            <h6 class=\"text-normal font-normal text-gray-600 text-opacity-75\">{{ $t('Spent') }}</h6>\n            <p class=\"spent-value sm:mt-3 font-semibold text-lg insights-spent\">\n              {{ campaign.analytics.spent | addComma('$') }}\n            </p>\n          </div>\n\n          <div\n            v-bind:class=\"[ campaign.start_date === null && campaign.end_date === null ? 'no_start_date_no_end_date' : '' , (campaign.start_date != null && campaign.end_date != null) || (campaign.start_date === null && campaign.end_date != null) || (campaign.start_date != null && campaign.end_date === null) ? 'start_date_and_end_date' : ''  ]\"\n            class=\"vx-col md:text-left sm:w-full md:w-1/5  action-parent\"\n          >\n            <vx-tooltip class=\"insights-tooltip\" v-if=\"campaign.activation_status == 1\" text=\"Pause\" position=\"top\">\n              <button id=\"page-header-paused-button\" class=\"pause-icon\" @click=\"changeCampaignStatus('Paused')\">\n                <img src=\"@/assets/images/actions/pause.svg\" />\n              </button>\n            </vx-tooltip>\n            <vx-tooltip class=\"insights-tooltip\" v-else text=\"Resume\" position=\"top\">\n              <button id=\"page-header-active-button\" class=\"play-icon\" @click=\"changeCampaignStatus('Active')\">\n                <img src=\"@/assets/images/actions/activate.svg\" />\n              </button>\n            </vx-tooltip>\n\n            <vx-tooltip v-bind:class=\"{ tracking_mobile_version : currentRouteName === 'campaigns-insights' || currentRouteName === 'campaigns-edit' }\" class=\"insights-tooltip\" text=\"View Tracking\" position=\"top\">\n              <router-link id=\"page-header-tracking-button\" v-if=\"showActionX(ACTIONS.TRACKING)\" class=\"track-icon\" :to=\"{ name: 'conversions', query: { id: this.campaign.id } }\">\n                <img class=\"\" src=\"@/assets/images/actions/tracking.svg\" alt=\"\">\n              </router-link>\n            </vx-tooltip>\n\n            <vx-tooltip v-bind:class=\"{ insights_mobile_version : currentRouteName === 'campaigns-tracking' }\" class=\"insights-tooltip\" text=\"View Insights\" position=\"top\">\n              <router-link id=\"page-header-insights-button\" v-if=\"showActionX(ACTIONS.INSIGHTS)\" class=\"insights-icon\" :to=\"{ name: 'campaigns-insights', params: { id: $route.params.id } }\">\n                <img class=\"align-middle pl-3\" src=\"@/assets/images/actions/view.svg\" />\n              </router-link>\n            </vx-tooltip>\n\n            <vx-tooltip class=\"edit-tooltip insights-tooltip\" text=\"Edit\" position=\"top\">\n              <router-link id=\"page-header-edit-button\" v-if=\"showActionX(ACTIONS.EDIT)\" class=\"edit-icon\" :to=\"{ name: 'campaigns-edit', params: { id: $route.params.id }, }\">\n                <img src=\"@/assets/images/actions/edit.svg\" alt=\"\">\n              </router-link>\n            </vx-tooltip>\n            <div v-if=\"$can('edit_premium_campaigns') && $hasFeature('premium-campaigns')\">\n            <vx-tooltip class=\"premium-tooltip\" v-if=\"campaign.tags.map(e => e.name.en).includes('premium')\" text=\"Change to Standard Campaign\" position=\"top\">\n              <button id=\"page-header-premium-button\" class=\"premium-icon\" @click=\"toggleConfirmationPopup()\">\n                <vs-icon icon-pack=\"speakol\" icon=\"speakol-premium\" class=\"\" style=\"color: #ffbb07; font-size: 22px !important;\"></vs-icon>\n              </button>\n            </vx-tooltip>\n            <vx-tooltip class=\"premium-tooltip\" v-else text=\"Feature as Premium Campaign\" position=\"top\">\n              <button id=\"page-header-standard-button\" class=\"premium-icon\" @click=\"toggleConfirmationPopup()\">\n                 <vs-icon icon-pack=\"speakol\" icon=\"speakol-premium-solid\" class=\"\" style=\"color: #ffbb07; font-size: 22px !important;\"></vs-icon>\n              </button>\n            </vx-tooltip>\n            </div>\n          </div>\n        </div>\n      </vx-card>\n    </div>\n      <SpeakolNotificationToaster\n          :show=\"isToasterVisible\"\n          :message=\"toasterText\"\n          :icon=\"saveIcon\"\n          closeButtonText=\"X\"\n          @close=\"isToasterVisible = false\"\n        />\n\n      <speakol-confirmation-popup\n      v-on:hide-confirmation-popup=\"showBlockConfirmationPopup = false\"\n      v-on:confirm=\"changeCampaignPremiumStatus()\"\n      :showConfirmationPopup=\"showBlockConfirmationPopup\"\n      :title=\"`${campaign.tags.map(e => e.name.en).includes('premium') ? 'Change to Standard Campaign' : 'Upgrade to Premium'}`\"\n      :htmlBody =\"confirmationPopupBody\"\n    />\n  </vs-row>\n</template>\n\n<script>\nimport SpeakolNotificationToaster from '@/components/SpeakolNotificationToaster'\n\nexport default {\n  components: {\n    SpeakolNotificationToaster\n  },\n  props: {\n    displayable_links: {\n      type: Array,\n      required: false,\n      default: () => [], // campaign_insights, campaign_edit, campaign_tracking,\n      validator (values) {\n        for (let i = 0; i < values.length; i++) {\n          const value = values[i]\n          const exists = ['campaign_insights', 'campaign_edit', 'campaign_tracking'].includes(value)\n          if (!exists) {\n            return false\n          }\n        }\n        return true\n      }\n    }\n  },\n  data () {\n    return {\n      showBlockConfirmationPopup:false,\n      confirmationPopupBody : '',\n      saveIcon: require('@/assets/images/success.svg'),\n      isToasterVisible: false,\n      toasterText: '',\n      campaign: null,\n      statusMeta: {\n        'Delivering': {\n          nameIcon: require('@/assets/images/campaign-status/active-name-icon.svg'),\n          statusIcon: require('@/assets/images/campaign-status/active-status-icon.svg'),\n          actionIcon: require('@/assets/images/campaign-status/active-action-icon.svg'),\n          displayName: this.$t('Delivering')\n        },\n        'Not Delivering': {\n          nameIcon: require('@/assets/images/campaign-status/rejected-name-icon.svg'),\n          statusIcon: null,\n          actionIcon: null,\n          displayName: this.$t('No Serving Adsets')\n        },\n        'Not Delivering: Paused': {\n          nameIcon: require('@/assets/images/campaign-status/paused-name-icon.svg'),\n          statusIcon: require('@/assets/images/campaign-status/paused-status-icon.svg'),\n          actionIcon: require('@/assets/images/campaign-status/paused-action-icon.svg'),\n          displayName: this.$t('Paused')\n        },\n        'Not Delivering: Out Of Budget': {\n          nameIcon: require('@/assets/images/campaign-status/out-of-budget-name-icon.svg'),\n          statusIcon: require('@/assets/images/campaign-status/out-of-budget-status-icon.svg'),\n          actionIcon: require('@/assets/images/campaign-status/out-of-budget-action-icon.svg'),\n          displayName: this.$t('Not Delivering: Out Of Budget')\n        },\n        'Not Delivering: Scheduled': {\n          nameIcon: require('@/assets/images/campaign-status/scheduled-name-icon.svg'),\n          statusIcon: require('@/assets/images/campaign-status/scheduled-status-icon.svg'),\n          actionIcon: require('@/assets/images/campaign-status/scheduled-action-icon.svg'),\n          displayName: this.$t('Not Delivering: Scheduled')\n        },\n        'Not Delivering: Completed': {\n          nameIcon: require('@/assets/images/campaign-status/is-completed-name-icon.svg'),\n          statusIcon: require('@/assets/images/campaign-status/is-completed-status-icon.svg'),\n          actionIcon: require('@/assets/images/campaign-status/is-completed-action-icon.svg'),\n          displayName: this.$t('Completed')\n        },\n        // fallback status\n        'N/A': {\n          nameIcon: require('@/assets/images/campaign-status/out-of-budget-name-icon.svg'),\n          statusIcon: require('@/assets/images/campaign-status/out-of-budget-status-icon.svg'),\n          actionIcon: require('@/assets/images/campaign-status/out-of-budget-action-icon.svg'),\n          displayName: this.$t('N/A')\n        }\n      },\n      ACTIONS: {\n        TRACKING: 'tracking',\n        INSIGHTS: 'insights',\n        EDIT: 'edit'\n      }\n    }\n  },\n  computed: {\n    statusKey () {\n      if (this.$store.getters['fund/balance']['balance'] <= 0) {\n        return 'Not Delivering: Out Of Budget'\n      }\n\n      return Object.keys(this.statusMeta).includes(this.campaign.aggregated_status) ? this.campaign.aggregated_status : 'N/A'\n    },\n    currentRouteName () {\n      return this.$route.name\n    },\n    aggregated_status () {\n      return this.campaign ? this.campaign.aggregated_status : {}\n    }\n  },\n  async created () {\n    await this.getCampaign()\n\n    this.$root.$on('campaign-adsets-or-ads-status-updated', () => {\n      this.getCampaign()\n    })\n\n    this.$root.$on('displayable-status-updated', (aggregated_status) => {\n      this.campaign.aggregated_status = aggregated_status\n    })\n  },\n  methods: {\n    showActionX (action) {\n      if (action === this.ACTIONS.TRACKING) {\n        return this.campaign.objective_id !== this.$constants.CAMPAIGN_OBJECTIVES_IDS.LEAD_FORM &&\n          this.$can('campaign_tracking') &&\n          this.displayable_links.includes('campaign_tracking')\n      } else if (action === this.ACTIONS.INSIGHTS) {\n        return this.$can('campaign_insights') && this.displayable_links.includes('campaign_insights')\n      } else if (action === this.ACTIONS.EDIT) {\n        return this.$canAny('edit_personal_campaigns', 'edit_all_campaigns') && this.displayable_links.includes('campaign_edit')\n      }\n\n      return false\n    },\n    toggleConfirmationPopup () {\n      const campaignName = this.trimString(this.campaign.name, 20).bold()\n      if (this.campaign.tags.map(e => e.name.en).includes('premium')) {\n        this.confirmationPopupBody = `Are you sure you want to ${campaignName} into a standard campaign?`\n      } else {\n        this.confirmationPopupBody = `Are you sure you want to feature ${campaignName} as a premium campaign?`\n      }\n      this.showBlockConfirmationPopup = true\n    },\n    showToaster () {\n      this.isToasterVisible = true\n      setTimeout(() => {\n        this.isToasterVisible = false\n      }, 5000)\n    },\n    changeToasterText (text) {\n      this.toasterText = text\n    },\n    async changeCampaignPremiumStatus () {\n      let status = true\n      if (this.campaign.tags.map(e => e.name.en).includes('premium')) {\n        status = false\n      }\n      await window.axios.post('/campaigns/toggle/premium/status', {\n        premium_status: status,\n        campaign_id : this.campaign.id\n      }).then((response) => {\n        if (response.status === 200 && response.data.payload) {\n          this.campaign.tags = response.data.payload\n          if (this.campaign.tags.map(e => e.name.en).includes('premium')) {\n            this.changeToasterText(`${this.trimString(this.campaign.name, 20)  } will be displayed as a Premium Campaign.`)\n          } else {\n            this.changeToasterText(`${this.trimString(this.campaign.name, 20)   } will be displayed as a Standard Campaign.`)\n          }\n          this.showBlockConfirmationPopup = false\n          this.showToaster()\n        }\n      })\n    },\n    trimString (string, length) {\n      return string.length > length ? `${string.substring(0, length)  }...` : string\n    },\n    async getCampaign () {\n      const response = await window.axios.get(`/campaigns/${this.$route.params.id}/insights`)\n\n      this.campaign = response.data.payload\n    },\n    setCampaignActivationStatus ({ activation_status, camapign_aggregated_status }) {\n      this.campaign.activation_status = activation_status\n      this.campaign.aggregated_status = camapign_aggregated_status\n    },\n    /**\n     * Change campaign status\n     * Note: campaigns statuses are stored as enum in the Campaign.php model\n     */\n    async changeCampaignStatus (status) {\n      try {\n\n\n        const response = await window.axios.post(`/campaigns/${this.$route.params.id}/update-activation-status`, {\n          status,\n          _method: 'PATCH'\n        })\n\n        this.campaign.activation_status = response.data.payload.activation_status\n        this.campaign.aggregated_status = response.data.payload.camapign_aggregated_status\n\n        this.$root.$emit('changed:campaign-status')\n\n\n      } catch (error) {\n        this.$router.push('/')\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.page-header::v-deep {\n  .star-solid-icon {\n    color: #ffbb07;\n    position: relative;\n    top: 3px;\n    left: 5px;\n  }\n\n  .insights-header-container {\n    div:not(:last-of-type) {\n      border-right: 1px solid rgba(0, 0, 0, 0.25);\n    }\n\n    @media (max-width: 576px) {\n      div:not(:last-of-type) {\n        border-right: none;\n        border-bottom: none;\n      }\n\n      p {\n        margin-bottom: 20px;\n      }\n\n      .campagin-insights-status-mobile-version {\n        width: 100%;\n      }\n\n      .insights-campaign-name {\n        width: 250px;\n        overflow-wrap: break-word;\n      }\n    }\n  }\n\n  .insights-campaign-name {\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .page-header-parnet {\n    text-align: center;\n  }\n\n  .pause-now-button {\n    background-color: transparent;\n    border: none;\n    cursor: pointer;\n    color: #e02020;\n    font-size: 1.125rem;\n    border-right: 1px solid rgba(0, 0, 0, 0.25);\n    padding-right: 15px;\n  }\n\n  .pause-icon {\n    background-color: rgba(219, 40, 40, 0.15);\n    border: none;\n    padding: 10px;\n    padding-bottom: 8px;\n    cursor: pointer;\n    border-radius: 100%;\n    margin-right: 10px;\n  }\n\n  .premium-icon {\n    background-color: #fdf5e1;\n    outline: 0;\n    border: 0;\n    box-shadow: 0;\n    padding: 10px 14px 10px 13px;\n    cursor: pointer;\n    border-radius: 100%;\n  }\n\n  .play-icon {\n    background-color: rgba(33, 186, 69, 0.15);\n    border: none;\n    padding: 10px;\n    padding-bottom: 8px;\n    cursor: pointer;\n    border-radius: 100%;\n    margin-right: 10px;\n  }\n\n  .track-icon {\n    background-color: rgba(0, 146, 215, 0.15);\n    border: none;\n    padding: 12px 11px 13px 10px;\n    cursor: pointer;\n    border-radius: 100%;\n    position: relative;\n    top: 3px;\n    margin-right: 10px;\n\n    img {\n      position: relative;\n      top: 7px;\n      right: 0;\n    }\n  }\n\n  .edit-icon {\n    background-color: rgba(0, 146, 215, 0.15);\n    border: none;\n    padding: 12px 15px 13px 12px;\n    cursor: pointer;\n    border-radius: 100%;\n    position: relative;\n    top: 6px;\n\n    img {\n      position: relative;\n      top: 5px;\n      right: -2px;\n      width: 20px;\n    }\n  }\n\n  .insights-icon {\n    background-color: rgba(0, 146, 215, 0.15);\n    border-radius: 100%;\n    padding: 15px 5px 10px 10px;\n    position: relative;\n    top: 15px;\n    margin-right: 10px;\n\n    img {\n      position: relative;\n      left: -7px;\n      top: -3px;\n    }\n  }\n\n  .no_start_date_no_end_date {\n    position: relative;\n    top: 25px;\n    display: flex;\n  }\n\n  .start_date_and_end_date {\n    position: relative;\n    top: 15px;\n    display: flex;\n  }\n\n  .insights-tooltip {\n    border-right: none !important;\n  }\n\n  @media (max-width: 576px) {\n    .no_start_date_no_end_date,\n    .start_date_and_end_date {\n      padding-bottom: 30px !important;\n    }\n\n    .spent-parent {\n      width: 100%;\n    }\n\n    .action-parent {\n      margin: 0 auto;\n      margin-top: 10px;\n    }\n\n    .spent-value {\n      margin-bottom: 0 !important;\n    }\n\n    .insights-campaign-name,\n    .insights-date,\n    .insights-status,\n    .insights-spent {\n      margin-top: 10px;\n    }\n\n    .tracking_mobile_version,\n    .insights_mobile_version {\n      margin-left: 20px;\n      margin-right: 20px;\n    }\n\n    .premium-tooltip {\n      margin-left: 20px;\n    }\n\n    .export-fixed-popup {\n      width: 345px;;\n    }\n  }\n\n  @media (min-width: 1740px) {\n    .action-parent {\n      position: relative;\n      top: 3px;\n      left: 28px;\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!./PageHeader.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!./PageHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageHeader.vue?vue&type=template&id=105510a1&scoped=true&\"\nimport script from \"./PageHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./PageHeader.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageHeader.vue?vue&type=style&index=0&id=105510a1&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  \"105510a1\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/paused-name-icon.805dd34a.svg\";","module.exports = __webpack_public_path__ + \"img/scheduled-action-icon.c9f7c22e.svg\";"],"sourceRoot":""}