{"version":3,"sources":["webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/Index.vue?2e20","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiEventTracking.vue?d05b","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiEventTracking.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiEventTracking.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiEventTracking.vue?7056","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiCostTracking.vue?12de","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiCostTracking.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiCostTracking.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiCostTracking.vue?1833","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/overview/BasedPerformance.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/BasedPerformance.vue?4c97","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/BasedPerformance.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/BasedPerformance.vue?6458","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/overview/CampaignBasedPerformance.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/CampaignBasedPerformance.vue?e77f","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/CampaignBasedPerformance.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/CampaignBasedPerformance.vue?c053","webpack:///src/views/smart-reporting/custom-reports/papara-perf-report/overview/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/Index.vue?e9a6","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/Index.vue","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/CampaignBasedPerformance.vue?cc4a","webpack:///./src/views/smart-reporting/custom-reports/papara-perf-report/overview/BasedPerformance.vue?d7dd"],"names":["components","TableEnhancer","BPagination","BTable","props","items","type","Array","required","data","currentPage","perPage","totalRows","length","fields","key","label","formatter","universalFormatter","sortable","columns","methods","component","_vm","this","_h","$createElement","_c","_self","attrs","BFormInput","BFormRadioGroup","VuePerfectScrollbar","Object","filterChannel","selectedChannels","filterProduct","selectedProducts","selectedRadio","optionsRadio","text","value","created","total","computed","filteredDistinctChannels","distinctChannels","filteredData","map","item","channel","filter","index","self","indexOf","toLowerCase","includes","filteredDistinctProducts","distinctProducts","product","getItems","class","decimals","formatTotalValue","productMatch","selectChannel","push","splice","selectProduct","togglePopover","name","popoverName","$refs","localShow","$root","$emit","removeOutsideClickListener","addOutsideClickListener","boundHandleOutsideClick","event","handleOutsideClick","document","addEventListener","removeEventListener","popoverElement","getElementById","targetElement","contains","target","handleRowClick","row","staticClass","_v","_s","model","callback","$$v","expression","_e","on","scopedSlots","_u","fn","staticStyle","$event","stopPropagation","r","ref","_l","option","i","field","proxy","BFormGroup","filterCampaignName","selectedCampaignNames","pageOptions","rows","distinctCampaignNames","campaign_name","isCurrency","isPercentage","campaignNameMatch","FiltersV2","Loading","noDataTemp","KpiEventTracking","KpiCostTracking","BasedPerformance","CampaignBasedPerformance","BRow","BCol","recData","noData","isLoading","isLoadingCampaign","currentKey","isOpened","selectedProduct","campaignBasedPerformance","filterParams","params","$http","get","brand_id","brand","start_date","date","startDate","end_date","endDate","then","currenKey","catch","error","finally","getCampaignBasedData","$nextTick","window","scrollTo","top","body","scrollHeight","behavior","handleProductSelected","getMetrics","kpiEventTracking","kpiCostTracking","performance","campaignList","staticRenderFns"],"mappings":"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","file":"js/chunk-fbe7792c.505a8c8d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('filters-v2',{attrs:{\"get-metrics\":_vm.getMetrics,\"name\":\"paparaPerformanceOverview\"}}),(_vm.isLoading)?_c('loading'):(_vm.noData && !_vm.isLoading)?_c('no-data-temp',{attrs:{\"text\":'Try different event, campaign, product or date range.'}}):(!_vm.noData && !_vm.isLoading && _vm.recData !== null)?_c('span',[_c('b-row',{staticClass:\"match-height mb-1\"},[_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('kpi-event-tracking',{attrs:{\"items\":_vm.recData.kpiEventTracking}})],1),_c('b-col',{attrs:{\"lg\":\"6\"}},[_c('kpi-cost-tracking',{attrs:{\"items\":_vm.recData.kpiCostTracking}})],1)],1),_c('b-row',[_c('b-col',[_c('based-performance',{attrs:{\"items\":_vm.recData.performance},on:{\"product-selected\":_vm.handleProductSelected}})],1)],1),(_vm.selectedProduct !== null && !_vm.isLoadingCampaign)?_c('b-row',[_c('b-col',[_c('campaign-based-performance',{attrs:{\"items\":_vm.campaignBasedPerformance.campaignList}})],1)],1):_vm._e(),(_vm.isLoadingCampaign)?_c('loading'):_vm._e()],1):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KpiEventTracking.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KpiEventTracking.vue?vue&type=script&lang=js\"","<template>\n  <b-card>\n    <table-enhancer\n      :filterable-columns=\"columns\"\n      :table-fields=\"fields\"\n      :table-data=\"items\"\n      table-name=\"KPI Event Tracking\"\n      :button-action-type=\"''\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport {BPagination, BTable} from \"bootstrap-vue\";\nimport {universalFormatter} from \"@core/utils/utils\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\"\nexport default {\n  components: {\n    TableEnhancer,\n    BPagination,\n    BTable,\n  },\n  props: {\n    items: {\n      type: Array,\n      required: true\n    },\n  },\n  data () {\n    return {\n      currentPage: 1,\n      perPage: 5,\n      totalRows: this.items.length,\n      fields: [\n        { key: 'kpiGroup', label: 'Custom Event' },\n        { key: 'realizedKpi', label: 'Realized KPI', formatter:universalFormatter, sortable:true },\n        { key: 'targetKpi', label: 'Target KPI', formatter:universalFormatter, sortable:true },\n        { key: 'progress', label: 'Progress', formatter:universalFormatter, sortable:true },\n      ],\n      columns: [\"kpiGroup\"]\n    }\n  },\n  methods: {\n    universalFormatter\n  }\n\n}\n</script>","import { render, staticRenderFns } from \"./KpiEventTracking.vue?vue&type=template&id=568cc989\"\nimport script from \"./KpiEventTracking.vue?vue&type=script&lang=js\"\nexport * from \"./KpiEventTracking.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('table-enhancer',{attrs:{\"filterable-columns\":_vm.columns,\"table-fields\":_vm.fields,\"table-data\":_vm.items,\"table-name\":\"KPI Event Tracking\",\"button-action-type\":''}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KpiCostTracking.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KpiCostTracking.vue?vue&type=script&lang=js\"","<template>\n  <b-card>\n    <table-enhancer\n      :filterable-columns=\"columns\"\n      :table-fields=\"fields\"\n      :table-data=\"items\"\n      table-name=\"KPI Cost Tracking\"\n      :button-action-type=\"''\"\n    />\n  </b-card>\n</template>\n\n<script>\nimport {BPagination, BTable} from \"bootstrap-vue\";\nimport {universalFormatter} from \"@core/utils/utils\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\"\nexport default {\n  components: {\n    BPagination,\n    BTable,\n    TableEnhancer\n  },\n  props: {\n    items: {\n      type: Array,\n      required: true\n    }\n  },\n  data () {\n    return {\n      currentPage: 1,\n      perPage: 5,\n      totalRows: this.items.length,\n      fields: [\n        { key: 'period', label: 'Period' },\n        { key: 'cost', label: 'Cost',formatter:universalFormatter, sortable:true },\n        { key: 'signUp', label: 'Sign Up',formatter:universalFormatter,sortable:true },\n        { key: 'cpaSignUp', label: 'CPA Sign Up',formatter:universalFormatter,sortable:true },\n        { key: 'cardOrder', label: 'Card Order',formatter:universalFormatter,sortable:true },\n        { key: 'cpaCardOrder', label: 'CPA Card Order',formatter:universalFormatter,sortable:true },\n      ],\n      columns: [\"period\"]\n    }\n  },\n  methods: {\n    universalFormatter\n  }\n\n}\n</script>","import { render, staticRenderFns } from \"./KpiCostTracking.vue?vue&type=template&id=6d4fab67\"\nimport script from \"./KpiCostTracking.vue?vue&type=script&lang=js\"\nexport * from \"./KpiCostTracking.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('table-enhancer',{attrs:{\"filterable-columns\":_vm.columns,\"table-fields\":_vm.fields,\"table-data\":_vm.items,\"table-name\":\"KPI Cost Tracking\",\"button-action-type\":''}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <div class=\"d-flex justify-content-between\">\n      <h3 class=\"mt-2 ml-1 font-weight-light\">\n        {{ selectedRadio === \"channel\" ? \"Channel Based Performance\" : \"Product Based Performance\" }}\n      </h3>\n      <div class=\"d-flex justify-content-end mt-2 mb-1 mr-1\">\n        <b-form-radio-group\n          id=\"btn-radios-1\"\n          v-model=\"selectedRadio\"\n          button-variant=\"primary\"\n          :options=\"optionsRadio\"\n          buttons\n          name=\"radios-btn-default\"\n          size=\"sm\"\n        />\n      </div>\n    </div>\n\n    <p\n      v-if=\"selectedRadio === 'product'\"\n      class=\"text-muted ml-1\"\n    >\n      Click on a product to view its campaign-based performance table.\n    </p>\n\n    <b-table\n      :key=\"selectedRadio\"\n      hover\n      responsive\n      :per-page=\"perPage\"\n      :current-page=\"currentPage\"\n      :fields=\"fields\"\n      :items=\"filteredData()\"\n      @row-clicked=\"handleRowClick\"\n      tbody-tr-class=\"based-performance\"\n\n    >\n      <template #head(channel)=\"data\">\n        <div\n          style=\"min-width: 150px\"\n          class=\"d-flex align-items-center\"\n        >\n          <span>{{ data.label }}</span>\n          <div\n            id=\"channel-filter-popover\"\n            class=\"icon-container\"\n            @click.stop=\"\n              togglePopover(\n                'channel-filter-popover',\n                'channelFilterPopover'\n              )\n            \"\n          >\n            <img\n              :src=\"\n                selectedChannels.length === 0\n                  ? require('@/assets/images/icons/filter-border.svg')\n                  : require('@/assets/images/icons/filter-fill.svg')\n              \"\n              alt=\"filter\"\n              class=\"filter-icon\"\n            >\n          </div>\n          <b-popover\n            id=\"custom-popover\"\n            ref=\"channelFilterPopover\"\n            target=\"channel-filter-popover\"\n            triggers=\"manual\"\n            title=\"Channel Filter\"\n          >\n            <div style=\"overflow-y: auto\">\n              <div class=\"d-flex p-1\">\n                <b-form-input\n                  v-model=\"filterChannel\"\n                  type=\"search\"\n                  placeholder=\"Type to Search\"\n                  class=\"pl-3\"\n                />\n                <feather-icon\n                  icon=\"SearchIcon\"\n                  size=\"16\"\n                  color=\"white\"\n                  class=\"position-absolute\"\n                  style=\"margin-top: 0.8rem; margin-left: 0.5rem\"\n                />\n              </div>\n              <vue-perfect-scrollbar\n                ref=\"scrollbar\"\n                style=\"max-height: 200px\"\n              >\n                <div\n                  v-for=\"(option, i) in filteredDistinctChannels\"\n                  :key=\"i\"\n                  class=\"dropdown-list d-flex p-1\"\n                  :class=\"\n                    selectedChannels.includes(option.text)\n                      ? 'bg-primary'\n                      : ''\n                  \"\n                  @click=\"selectChannel(option)\"\n                >\n                  <span class=\"option-text\">{{ option.text }}</span>\n                  <div class=\"check-icon-container ml-auto\">\n                    <feather-icon\n                      v-if=\"selectedChannels.includes(option.text)\"\n                      icon=\"CheckIcon\"\n                      color=\"white\"\n                      size=\"20\"\n                    />\n                  </div>\n                </div>\n              </vue-perfect-scrollbar>\n            </div>\n          </b-popover>\n        </div>\n      </template>\n\n      <template #head(product)=\"data\">\n        <div\n          style=\"min-width: 150px\"\n          class=\"d-flex align-items-center\"\n        >\n          <span>{{ data.label }}</span>\n          <div\n            id=\"product-filter-popover\"\n            class=\"icon-container\"\n            @click.stop=\"\n              togglePopover(\n                'event-filter-popover',\n                'productFilterPopover'\n              )\n            \"\n          >\n            <img\n              :src=\"\n                selectedChannels.length === 0\n                  ? require('@/assets/images/icons/filter-border.svg')\n                  : require('@/assets/images/icons/filter-fill.svg')\n              \"\n              alt=\"filter\"\n              class=\"filter-icon\"\n            >\n          </div>\n          <b-popover\n            id=\"custom-popover\"\n            ref=\"productFilterPopover\"\n            target=\"product-filter-popover\"\n            triggers=\"manual\"\n            title=\"Product Filter\"\n          >\n            <div style=\"overflow-y: auto\">\n              <div class=\"d-flex p-1\">\n                <b-form-input\n                  v-model=\"filterProduct\"\n                  type=\"search\"\n                  placeholder=\"Type to Search\"\n                  class=\"pl-3\"\n                />\n                <feather-icon\n                  icon=\"SearchIcon\"\n                  size=\"16\"\n                  color=\"white\"\n                  class=\"position-absolute\"\n                  style=\"margin-top: 0.8rem; margin-left: 0.5rem\"\n                />\n              </div>\n              <vue-perfect-scrollbar\n                ref=\"scrollbar\"\n                style=\"max-height: 200px\"\n              >\n                <div\n                  v-for=\"(option, i) in filteredDistinctProducts\"\n                  :key=\"i\"\n                  class=\"dropdown-list d-flex p-1\"\n                  :class=\"\n                    selectedProducts.includes(option.text)\n                      ? 'bg-primary'\n                      : ''\n                  \"\n                  @click=\"selectProduct(option)\"\n                >\n                  <span class=\"option-text\">{{ option.text }}</span>\n                  <div class=\"check-icon-container ml-auto\">\n                    <feather-icon\n                      v-if=\"selectedProducts.includes(option.text)\"\n                      icon=\"CheckIcon\"\n                      color=\"white\"\n                      size=\"20\"\n                    />\n                  </div>\n                </div>\n              </vue-perfect-scrollbar>\n            </div>\n          </b-popover>\n        </div>\n      </template>\n      \n      <template #cell(costCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(costPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(costChange)=\"data\">\n        {{ data.value }}%\n      </template>\n\n      <template #cell(installChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(cpiChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(airportServicesChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(airportServicesCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(signupCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(cardOrderCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(crossBorderMoneyTransferCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(gamePaymentCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n\n      <template #cell(cardOrderChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(crossBorderMoneyTransferChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(gamePaymentChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(preciousMetalAccountOpenChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(preciousMetalAccountOpenCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(preciousMetalBuySellChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(preciousMetalBuySellCpaChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(signUpChange)=\"data\">\n        {{ data.value }}%\n      </template>\n      <template #cell(signupCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(signupCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n      \n      <template #cell(cardOrderCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(cardOrderCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n\n      <template #cell(preciousMetalAccountOpenCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(preciousMetalAccountOpenCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n\n      <template #cell(gamePaymentCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(gamePaymentCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n\n      <template #cell(cpiCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(cpiPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n\n      <template #cell(crossBorderMoneyTransferCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(crossBorderMoneyTransferCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(preciousMetalBuySellCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(preciousMetalBuySellCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(airportServicesCpaCurrent)=\"data\">\n        {{ data.value }}₺\n      </template>\n      <template #cell(airportServicesCpaPrevious)=\"data\">\n        {{ data.value }}₺\n      </template>\n\n\n      <template #bottom-row>\n        <td\n          v-for=\"(field, index) in fields\"\n          :key=\"index\"\n          :class=\" 'sticky-column-' + (index+1) \"\n        >\n          <template v-if=\"index == 0\">\n            <strong>Total: </strong>\n          </template>\n          <template v-else>\n            <strong>\n              {{\n                formatTotalValue(items.total[0][field.key], field.key)\n              }}\n            </strong>\n          </template>\n        </td>\n      </template>\n    </b-table>\n\n    <b-pagination\n      v-model=\"currentPage\"\n      :total-rows=\"totalRows\"\n      :per-page=\"perPage\"\n      first-number\n      last-number\n      prev-class=\"prev-item\"\n      next-class=\"next-item\"\n      class=\"mb-0\"\n    >\n      <template #prev-text>\n        <feather-icon\n          icon=\"ChevronLeftIcon\"\n          size=\"18\"\n        />\n      </template>\n      <template #next-text>\n        <feather-icon\n          icon=\"ChevronRightIcon\"\n          size=\"18\"\n        />\n      </template>\n    </b-pagination>\n  </b-card>\n</template>\n\n\n<script>\nimport {BFormInput, BFormRadioGroup, BPagination, BTable} from \"bootstrap-vue\";\nimport { universalFormatter } from \"@core/utils/utils\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\n\n\nexport default {\n  components: {\n    BFormInput,\n    BPagination,\n    BTable,\n    BFormRadioGroup,\n    VuePerfectScrollbar\n  },\n  props: {\n    items: {\n      type: Object,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      filterChannel: \"\",\n      selectedChannels: [],\n      filterProduct: \"\",\n      selectedProducts: [],\n      currentPage: 1,\n      perPage: 5,\n      selectedRadio: \"channel\",\n      optionsRadio: [\n        { text: \"Channel\", value: \"channel\" },\n        { text: \"Product\", value: \"product\" },\n      ],\n    };\n  },\n  created () {\n    console.log(this.items)\n    console.log(this.items.total)\n\n  },\n  computed: {\n    filteredDistinctChannels() {\n      const channels = this.filteredData(\"channel\").map((item) => item.channel);\n      let distinctChannels = channels\n          .filter((value, index, self) => self.indexOf(value) === index)\n          .map((value) => ({ text: value, value }));\n\n      if (this.filterChannel) {\n        distinctChannels = distinctChannels.filter((channel) =>\n            channel.text.toLowerCase().includes(this.filterChannel.toLowerCase())\n        );\n      }\n\n      return distinctChannels;\n    },\n    filteredDistinctProducts() {\n      const products = this.filteredData(\"product\").map((item) => item.product);\n      let distinctProducts = products\n          .filter((value, index, self) => self.indexOf(value) === index)\n          .map((value) => ({ text: value, value }));\n\n      if (this.filterProduct) {\n        distinctProducts = distinctProducts.filter((product) =>\n            product.text.toLowerCase().includes(this.filterProduct.toLowerCase())\n        );\n      }\n\n      return distinctProducts;\n    },\n    getItems() {\n      return this.selectedRadio === \"channel\"\n          ? this.items.channel\n          : this.items.product;\n    },\n    totalRows() {\n      return this.getItems.length;\n    },\n    fields() {\n      return [\n        { key: this.selectedRadio === 'channel' ? 'channel' : 'product' , label: this.selectedRadio === 'channel' ? 'channel' : 'Product', class: { 'sticky-column-1': true }},\n\n        { key: 'costCurrent', label: 'Cost Current Period' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true, class: { 'sticky-column-2': true }},\n        { key: 'costPrevious', label: 'Cost Previous pERİOD' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true, class:{'sticky-column-3': true}},\n        { key: 'costChange', label: 'Cost Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true,class:{'sticky-column-4': true}},\n\n        { key: 'installCurrent', label: 'Install Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'installPrevious', label: 'Install Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'installChange', label: 'Install Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'cpiCurrent', label: 'CPI Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cpiPrevious', label: 'CPI Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cpiChange', label: 'CPI Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'signUpCurrent', label: 'Sign Up Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'signUpPrevious', label: 'Sign Up Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'signUpChange', label: 'Sign Up Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'signupCpaCurrent', label: 'Sign Up Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'signupCpaPrevious', label: 'Sign Up Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'signupCpaChange', label: 'Sign Up CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'cardOrderCurrent', label: 'Card Order Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cardOrderPrevious', label: 'Card Order Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cardOrderChange', label: 'Card Order Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'cardOrderCpaCurrent', label: 'Card Order Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cardOrderCpaPrevious', label: 'Card Order Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cardOrderCpaChange', label: 'Card Order CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'preciousMetalAccountOpenCurrent', label: 'Precious Metal Account Open Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenPrevious', label: 'Precious Metal Account Open Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenChange', label: 'Precious Metal Account Open Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'preciousMetalAccountOpenCpaCurrent', label: 'Precious Metal Account Open Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenCpaPrevious', label: 'Precious Metal Account Open Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenCpaChange', label: 'Precious Metal Account Open CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'gamePaymentCurrent', label: 'Game Payment Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentPrevious', label: 'Game Payment Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentChange', label: 'Game Payment Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'gamePaymentCpaCurrent', label: 'Game Payment Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentCpaPrevious', label: 'Game Payment Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentCpaChange', label: 'Game Payment CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'crossBorderMoneyTransferCurrent', label: 'Cross Border Money Transfer Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferPrevious', label: 'Cross Border Money Transfer Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferChange', label: 'Cross Border Money Transfer Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'crossBorderMoneyTransferCpaCurrent', label: 'Cross Border Money Transfer Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferCpaPrevious', label: 'Cross Border Money Transfer Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferCpaChange', label: 'Cross Border Money Transfer CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'preciousMetalBuySellCurrent', label: 'Precious Metal Buy Sell Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalBuySellPrevious', label: 'Precious Metal Buy Sell Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalBuySellChange', label: 'Precious Metal Buy Sell Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'preciousMetalBuySellCpaCurrent', label: 'Precious Metal Buy Sell Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalBuySellCpaPrevious', label: 'Precious Metal Buy Sell Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalBuySellCpaChange', label: 'Precious Metal Buy Sell CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'airportServicesCurrent', label: 'Airport Services Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesPrevious', label: 'Airport Services Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesChange', label: 'Airport Services Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n        { key: 'airportServicesCpaCurrent', label: 'Airport Services Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesCpaPrevious', label: 'Airport Services Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesCpaChange', label: 'Airport Services CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n\n      ]\n    },\n  },\n  methods: {\n    formatTotalValue(value, key) {\n      if ((key.includes(\"Cpa\") || key.includes(\"Cpi\")|| key.includes(\"cpi\") || key.includes(\"cpa\") && !key.includes(\"Change\")) )   {\n        return this.universalFormatter(value, { decimals: 0 }) + \"₺\";\n      } else if (key.includes(\"Change\")) {\n        return this.universalFormatter(value, { decimals: 0 }) + \"%\";\n      }\n      return this.universalFormatter(value, { decimals: 0 });\n    },\n    filteredData(type) {\n      if(this.selectedRadio === \"channel\") {\n        return this.items.channel.filter((item) => {\n          const channelMatch =\n              type === \"channel\" ||\n              this.selectedChannels.length === 0 ||\n              this.selectedChannels.includes(item.channel);\n          return (\n              channelMatch\n          );\n        });\n      } else {\n        return this.items.product.filter((item) => {\n          const productMatch =\n              type === \"product\" ||\n              this.selectedProducts.length === 0 ||\n              this.selectedProducts.includes(item.product);\n          return (\n              productMatch\n          );\n        });\n      }\n\n    },\n\n    selectChannel(channel) {\n      const index = this.selectedChannels.indexOf(channel.text);\n      if (index === -1) {\n        this.selectedChannels.push(channel.text);\n      } else {\n        this.selectedChannels.splice(index, 1);\n      }\n    },\n    selectProduct(product) {\n      const index = this.selectedProducts.indexOf(product.text);\n      if (index === -1) {\n        this.selectedProducts.push(product.text);\n      } else {\n        this.selectedProducts.splice(index, 1);\n      }\n    },\n    togglePopover(name, popoverName) {\n      const popover = this.$refs[popoverName];\n      if (popover.localShow) {\n        this.$root.$emit(\"bv::hide::popover\", name);\n        this.removeOutsideClickListener();\n      } else {\n        this.$root.$emit(\"bv::show::popover\", name);\n        this.addOutsideClickListener(name);\n      }\n    },\n    addOutsideClickListener(name) {\n      this.boundHandleOutsideClick = (event) =>\n          this.handleOutsideClick(event, name);\n      document.addEventListener(\"click\", this.boundHandleOutsideClick);\n    },\n    removeOutsideClickListener() {\n      if (this.boundHandleOutsideClick) {\n        document.removeEventListener(\"click\", this.boundHandleOutsideClick);\n        this.boundHandleOutsideClick = null;\n      }\n    },\n    handleOutsideClick(event, name) {\n      const popoverElement = document.getElementById(\"custom-popover\");\n      const targetElement = document.getElementById(name);\n      if (\n          popoverElement &&\n          !popoverElement.contains(event.target) &&\n          targetElement &&\n          !targetElement.contains(event.target)\n      ) {\n        this.$root.$emit(\"bv::hide::popover\", name);\n        this.removeOutsideClickListener();\n      }\n    },\n    universalFormatter,\n    handleRowClick(row) {\n      if (this.selectedRadio === \"product\") {\n        this.$emit(\"product-selected\", row.product);\n      }\n    },\n  },\n};\n</script>\n<style>\n.sticky-column-1 {\n  position: sticky;\n  left: 0 !important; /* İlk sütun en solda */\n  width: 90px !important;\n  background-color: #1f093d !important;\n}\n\n.sticky-column-2 {\n  position: sticky;\n  width: 90px !important;\n  left: 178px !important; /* İkinci sütunun konumu: birinci sütunun genişliği kadar */\n  background-color: #1f093d !important;\n}\n\n.sticky-column-3 {\n  position: sticky;\n  width: 90px !important;\n  left: 268px !important; /* Üçüncü sütunun konumu: ikinci sütunun genişliği kadar */\n  background-color: #1f093d !important;\n}\n.sticky-column-4 {\n  position: sticky;\n  width: 90px !important;\n  left: 358px !important; /* Üçüncü sütunun konumu: ikinci sütunun genişliği kadar */\n  background-color: #1f093d !important;\n}\n.based-performance:last-child {\n  background-color: #9d73d367 !important;\n}\n.based-performance:last-child:hover {\n  animation: shine 0.5s infinite alternate !important;\n}\n@keyframes shine {\n  from {\n    box-shadow: 0 0 5px #6222b6;\n  }\n  to {\n    box-shadow: 0 0 15px #9d73d3;\n  }\n}\n\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasedPerformance.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasedPerformance.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BasedPerformance.vue?vue&type=template&id=7fb9266e\"\nimport script from \"./BasedPerformance.vue?vue&type=script&lang=js\"\nexport * from \"./BasedPerformance.vue?vue&type=script&lang=js\"\nimport style0 from \"./BasedPerformance.vue?vue&type=style&index=0&id=7fb9266e&prod&lang=css\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('h3',{staticClass:\"mt-2 ml-1 font-weight-light\"},[_vm._v(\" \"+_vm._s(_vm.selectedRadio === \"channel\" ? \"Channel Based Performance\" : \"Product Based Performance\")+\" \")]),_c('div',{staticClass:\"d-flex justify-content-end mt-2 mb-1 mr-1\"},[_c('b-form-radio-group',{attrs:{\"id\":\"btn-radios-1\",\"button-variant\":\"primary\",\"options\":_vm.optionsRadio,\"buttons\":\"\",\"name\":\"radios-btn-default\",\"size\":\"sm\"},model:{value:(_vm.selectedRadio),callback:function ($$v) {_vm.selectedRadio=$$v},expression:\"selectedRadio\"}})],1)]),(_vm.selectedRadio === 'product')?_c('p',{staticClass:\"text-muted ml-1\"},[_vm._v(\" Click on a product to view its campaign-based performance table. \")]):_vm._e(),_c('b-table',{key:_vm.selectedRadio,attrs:{\"hover\":\"\",\"responsive\":\"\",\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"fields\":_vm.fields,\"items\":_vm.filteredData(),\"tbody-tr-class\":\"based-performance\"},on:{\"row-clicked\":_vm.handleRowClick},scopedSlots:_vm._u([{key:\"head(channel)\",fn:function(data){return [_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"min-width\":\"150px\"}},[_c('span',[_vm._v(_vm._s(data.label))]),_c('div',{staticClass:\"icon-container\",attrs:{\"id\":\"channel-filter-popover\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.togglePopover(\n              'channel-filter-popover',\n              'channelFilterPopover'\n            )}}},[_c('img',{staticClass:\"filter-icon\",attrs:{\"src\":_vm.selectedChannels.length === 0\n                ? require('@/assets/images/icons/filter-border.svg')\n                : require('@/assets/images/icons/filter-fill.svg'),\"alt\":\"filter\"}})]),_c('b-popover',{ref:\"channelFilterPopover\",attrs:{\"id\":\"custom-popover\",\"target\":\"channel-filter-popover\",\"triggers\":\"manual\",\"title\":\"Channel Filter\"}},[_c('div',{staticStyle:{\"overflow-y\":\"auto\"}},[_c('div',{staticClass:\"d-flex p-1\"},[_c('b-form-input',{staticClass:\"pl-3\",attrs:{\"type\":\"search\",\"placeholder\":\"Type to Search\"},model:{value:(_vm.filterChannel),callback:function ($$v) {_vm.filterChannel=$$v},expression:\"filterChannel\"}}),_c('feather-icon',{staticClass:\"position-absolute\",staticStyle:{\"margin-top\":\"0.8rem\",\"margin-left\":\"0.5rem\"},attrs:{\"icon\":\"SearchIcon\",\"size\":\"16\",\"color\":\"white\"}})],1),_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticStyle:{\"max-height\":\"200px\"}},_vm._l((_vm.filteredDistinctChannels),function(option,i){return _c('div',{key:i,staticClass:\"dropdown-list d-flex p-1\",class:_vm.selectedChannels.includes(option.text)\n                    ? 'bg-primary'\n                    : '',on:{\"click\":function($event){return _vm.selectChannel(option)}}},[_c('span',{staticClass:\"option-text\"},[_vm._v(_vm._s(option.text))]),_c('div',{staticClass:\"check-icon-container ml-auto\"},[(_vm.selectedChannels.includes(option.text))?_c('feather-icon',{attrs:{\"icon\":\"CheckIcon\",\"color\":\"white\",\"size\":\"20\"}}):_vm._e()],1)])}),0)],1)])],1)]}},{key:\"head(product)\",fn:function(data){return [_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"min-width\":\"150px\"}},[_c('span',[_vm._v(_vm._s(data.label))]),_c('div',{staticClass:\"icon-container\",attrs:{\"id\":\"product-filter-popover\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.togglePopover(\n              'event-filter-popover',\n              'productFilterPopover'\n            )}}},[_c('img',{staticClass:\"filter-icon\",attrs:{\"src\":_vm.selectedChannels.length === 0\n                ? require('@/assets/images/icons/filter-border.svg')\n                : require('@/assets/images/icons/filter-fill.svg'),\"alt\":\"filter\"}})]),_c('b-popover',{ref:\"productFilterPopover\",attrs:{\"id\":\"custom-popover\",\"target\":\"product-filter-popover\",\"triggers\":\"manual\",\"title\":\"Product Filter\"}},[_c('div',{staticStyle:{\"overflow-y\":\"auto\"}},[_c('div',{staticClass:\"d-flex p-1\"},[_c('b-form-input',{staticClass:\"pl-3\",attrs:{\"type\":\"search\",\"placeholder\":\"Type to Search\"},model:{value:(_vm.filterProduct),callback:function ($$v) {_vm.filterProduct=$$v},expression:\"filterProduct\"}}),_c('feather-icon',{staticClass:\"position-absolute\",staticStyle:{\"margin-top\":\"0.8rem\",\"margin-left\":\"0.5rem\"},attrs:{\"icon\":\"SearchIcon\",\"size\":\"16\",\"color\":\"white\"}})],1),_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticStyle:{\"max-height\":\"200px\"}},_vm._l((_vm.filteredDistinctProducts),function(option,i){return _c('div',{key:i,staticClass:\"dropdown-list d-flex p-1\",class:_vm.selectedProducts.includes(option.text)\n                    ? 'bg-primary'\n                    : '',on:{\"click\":function($event){return _vm.selectProduct(option)}}},[_c('span',{staticClass:\"option-text\"},[_vm._v(_vm._s(option.text))]),_c('div',{staticClass:\"check-icon-container ml-auto\"},[(_vm.selectedProducts.includes(option.text))?_c('feather-icon',{attrs:{\"icon\":\"CheckIcon\",\"color\":\"white\",\"size\":\"20\"}}):_vm._e()],1)])}),0)],1)])],1)]}},{key:\"cell(costCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(costPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(costChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(installChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(cpiChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(airportServicesChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(airportServicesCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(signupCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(cardOrderCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(crossBorderMoneyTransferCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(gamePaymentCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(cardOrderChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(crossBorderMoneyTransferChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(gamePaymentChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(preciousMetalAccountOpenChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(preciousMetalAccountOpenCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(preciousMetalBuySellChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(preciousMetalBuySellCpaChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(signUpChange)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"% \")]}},{key:\"cell(signupCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(signupCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(cardOrderCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(cardOrderCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(preciousMetalAccountOpenCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(preciousMetalAccountOpenCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(gamePaymentCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(gamePaymentCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(cpiCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(cpiPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(crossBorderMoneyTransferCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(crossBorderMoneyTransferCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(preciousMetalBuySellCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(preciousMetalBuySellCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(airportServicesCpaCurrent)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"cell(airportServicesCpaPrevious)\",fn:function(data){return [_vm._v(\" \"+_vm._s(data.value)+\"₺ \")]}},{key:\"bottom-row\",fn:function(){return _vm._l((_vm.fields),function(field,index){return _c('td',{key:index,class:'sticky-column-' + (index+1)},[(index == 0)?[_c('strong',[_vm._v(\"Total: \")])]:[_c('strong',[_vm._v(\" \"+_vm._s(_vm.formatTotalValue(_vm.items.total[0][field.key], field.key))+\" \")])]],2)})},proxy:true}])}),_c('b-pagination',{staticClass:\"mb-0\",attrs:{\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage,\"first-number\":\"\",\"last-number\":\"\",\"prev-class\":\"prev-item\",\"next-class\":\"next-item\"},scopedSlots:_vm._u([{key:\"prev-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronLeftIcon\",\"size\":\"18\"}})]},proxy:true},{key:\"next-text\",fn:function(){return [_c('feather-icon',{attrs:{\"icon\":\"ChevronRightIcon\",\"size\":\"18\"}})]},proxy:true}]),model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-card>\n    <b-table\n      hover\n      responsive\n      :per-page=\"perPage\"\n      :current-page=\"currentPage\"\n      :fields=\"fields\"\n      :items=\"filteredData()\"\n      @row-clicked=\"handleRowClick\"\n    >\n      <template #head(campaign_name)=\"data\">\n        <div\n          style=\"min-width: 150px\"\n          class=\"d-flex align-items-center\"\n        >\n          <span>{{ data.label }}</span>\n          <div\n            id=\"campaign_name-filter-popover\"\n            class=\"icon-container\"\n            @click.stop=\"\n              togglePopover(\n                'campaign_name-filter-popover',\n                'campaignNameFilterPopover'\n              )\n            \"\n          >\n            <img\n              :src=\"\n                selectedCampaignNames.length === 0\n                  ? require('@/assets/images/icons/filter-border.svg')\n                  : require('@/assets/images/icons/filter-fill.svg')\n              \"\n              alt=\"filter\"\n              class=\"filter-icon\"\n            >\n          </div>\n          <b-popover\n            id=\"custom-popover\"\n            ref=\"campaignNameFilterPopover\"\n            target=\"campaign_name-filter-popover\"\n            triggers=\"manual\"\n            title=\"CampaignName Filter\"\n          >\n            <div style=\"overflow-y: auto\">\n              <div class=\"d-flex p-1\">\n                <b-form-input\n                  v-model=\"filterCampaignName\"\n                  type=\"search\"\n                  placeholder=\"Type to Search\"\n                  class=\"pl-3\"\n                />\n                <feather-icon\n                  icon=\"SearchIcon\"\n                  size=\"16\"\n                  color=\"white\"\n                  class=\"position-absolute\"\n                  style=\"margin-top: 0.8rem; margin-left: 0.5rem\"\n                />\n              </div>\n              <vue-perfect-scrollbar\n                ref=\"scrollbar\"\n                style=\"max-height: 200px\"\n              >\n                <div\n                  v-for=\"(option, i) in filteredDistinctChannels\"\n                  :key=\"i\"\n                  class=\"dropdown-list d-flex p-1\"\n                  :class=\"\n                    selectedCampaignNames.includes(option.text)\n                      ? 'bg-primary'\n                      : ''\n                  \"\n                  @click=\"selectChannel(option)\"\n                >\n                  <span class=\"option-text\">{{ option.text }}</span>\n                  <div class=\"check-icon-container ml-auto\">\n                    <feather-icon\n                      v-if=\"selectedCampaignNames.includes(option.text)\"\n                      icon=\"CheckIcon\"\n                      color=\"white\"\n                      size=\"20\"\n                    />\n                  </div>\n                </div>\n              </vue-perfect-scrollbar>\n            </div>\n          </b-popover>\n        </div>\n      </template>\n\n    </b-table>\n    <div class=\"d-flex\">\n      <b-form-group\n          label=\"\"\n          label-align=\"left\"\n          label-size=\"sm\"\n          label-for=\"sortBySelect\"\n          class=\"text-nowrap mb-md-0 mr-1\"\n      >\n        <b-form-select\n            id=\"perPageSelect\"\n            v-model=\"perPage\"\n            size=\"sm\"\n            inline\n            :options=\"pageOptions\"\n        />\n      </b-form-group>\n      <b-pagination\n          v-model=\"currentPage\"\n          :total-rows=\"rows\"\n          :per-page=\"perPage\"\n          aria-controls=\"my-table\"\n          class=\"ml-auto\"\n      ></b-pagination>\n    </div>\n  </b-card>\n</template>\n\n<script>\nimport { universalFormatter } from \"@core/utils/utils\";\nimport TableEnhancer from \"@/views/ui/TableEnhancer/Index.vue\"\nimport {BFormGroup, BFormInput, BPagination, BTable} from \"bootstrap-vue\";\nimport VuePerfectScrollbar from \"vue-perfect-scrollbar\";\n\n\n\nexport default {\n  components: {\n    BPagination, BFormGroup,\n    VuePerfectScrollbar,\n    BTable, BFormInput,\n    TableEnhancer,\n  },\n  props: {\n    items: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      currentPage: 1,\n      perPage: 5,\n      totalRows: this.items.length,\n      filterCampaignName: \"\",\n      selectedCampaignNames: [],\n      pageOptions: [5, 10, 15],\n    };\n  },\n  computed: {\n    rows() {\n      return this.filteredData().length;\n    },\n    columns() {\n      return [\"campaign_name\"];\n    },\n    filteredDistinctChannels() {\n      const channels = this.filteredData(\"campaign_name\").map((item) => item.campaign_name);\n      let distinctCampaignNames = channels\n          .filter((value, index, self) => self.indexOf(value) === index)\n          .map((value) => ({ text: value, value }));\n\n      if (this.filterCampaignName) {\n        distinctCampaignNames = distinctCampaignNames.filter((campaign_name) =>\n            campaign_name.text.toLowerCase().includes(this.filterCampaignName.toLowerCase())\n        );\n      }\n\n      return distinctCampaignNames;\n    },\n    fields() {\n      return [\n        { key: 'campaign_name' , label: 'Campaign Name', class: { 'sticky-column-1': true }},\n        { key: 'costCurrent', label: 'Cost Current Period' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true, class: { 'sticky-column-2': true }},\n        { key: 'costPrevious', label: 'Cost Previous pERİOD' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true, class:{'sticky-column-3': true}},\n        { key: 'costChange', label: 'Cost Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0,isPercentage: true}), sortable:true,class:{'sticky-column-4': true}},\n\n\n        { key: 'installCurrent', label: 'Install Current' , formatter: (value) => this.universalFormatter(value, {isCurrency: false}), sortable:true},\n        { key: 'installPrevious', label: 'Install Previous' , formatter: (value) => this.universalFormatter(value, {isCurrency: false}), sortable:true},\n        { key: 'installChange', label: 'Install Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'cpiCurrent', label: 'CPI Current' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'cpiPrevious', label: 'CPI Previous' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'cpiChange', label: 'CPI Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'signUpCurrent', label: 'Sign Up Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'signUpPrevious', label: 'Sign Up Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'signUpChange', label: 'Sign Up Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'signupCpaCurrent', label: 'Sign Up Current CPA' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'signupCpaPrevious', label: 'Sign Up Previous CPA' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'signupCpaChange', label: 'Sign Up CPA Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'cardOrderCurrent', label: 'Card Order Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cardOrderPrevious', label: 'Card Order Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'cardOrderChange', label: 'Card Order Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'cardOrderCpaCurrent', label: 'Card Order Current CPA' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'cardOrderCpaPrevious', label: 'Card Order Previous CPA' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'cardOrderCpaChange', label: 'Card Order CPA Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'preciousMetalAccountOpenCurrent', label: 'Precious Metal Account Open Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenPrevious', label: 'Precious Metal Account Open Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenChange', label: 'Precious Metal Account Open Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'preciousMetalAccountOpenCpaCurrent', label: 'Precious Metal Account Open Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenCpaPrevious', label: 'Precious Metal Account Open Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalAccountOpenCpaChange', label: 'Precious Metal Account Open CPA Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'gamePaymentCurrent', label: 'Game Payment Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentPrevious', label: 'Game Payment Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentChange', label: 'Game Payment Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'gamePaymentCpaCurrent', label: 'Game Payment Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentCpaPrevious', label: 'Game Payment Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'gamePaymentCpaChange', label: 'Game Payment CPA Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n\n        { key: 'costCurrent', label: 'Cost Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'costPrevious', label: 'Cost Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'costChange', label: 'Cost Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'crossBorderMoneyTransferCurrent', label: 'Cross Border Money Transfer Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferPrevious', label: 'Cross Border Money Transfer Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferChange', label: 'Cross Border Money Transfer Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'crossBorderMoneyTransferCpaCurrent', label: 'Cross Border Money Transfer Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferCpaPrevious', label: 'Cross Border Money Transfer Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'crossBorderMoneyTransferCpaChange', label: 'Cross Border Money Transfer CPA Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'preciousMetalBuySellCurrent', label: 'Precious Metal Buy Sell Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalBuySellPrevious', label: 'Precious Metal Buy Sell Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'preciousMetalBuySellChange', label: 'Precious Metal Buy Sell Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'preciousMetalBuySellCpaCurrent', label: 'Precious Metal Buy Sell Current CPA' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'preciousMetalBuySellCpaPrevious', label: 'Precious Metal Buy Sell Previous CPA' , formatter: (value) => this.universalFormatter(value, {isCurrency: true}), sortable:true},\n        { key: 'preciousMetalBuySellCpaChange', label: 'Precious Metal Buy Sell CPA Change' , formatter: (value) => this.universalFormatter(value, {decimals: 0,isPercentage: true}), sortable:true},\n\n        { key: 'airportServicesCurrent', label: 'Airport Services Current' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesPrevious', label: 'Airport Services Previous' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesChange', label: 'Airport Services Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n\n        { key: 'airportServicesCpaCurrent', label: 'Airport Services Current CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesCpaPrevious', label: 'Airport Services Previous CPA' , formatter: (value) => this.universalFormatter(value, {decimals: 0}), sortable:true},\n        { key: 'airportServicesCpaChange', label: 'Airport Services CPA Change' , formatter: (value) => this.universalFormatter(value, {isPercentage: true}), sortable:true},\n      ]\n    },\n  },\n  methods: {\n    filteredData(type) {\n        return this.items.filter((item) => {\n          const campaignNameMatch =\n              type === \"campaign_name\" ||\n              this.selectedCampaignNames.length === 0 ||\n              this.selectedCampaignNames.includes(item.campaign_name);\n          return (\n              campaignNameMatch\n          );\n        });\n    },\n    selectChannel(campaign_name) {\n      const index = this.selectedCampaignNames.indexOf(campaign_name.text);\n      if (index === -1) {\n        this.selectedCampaignNames.push(campaign_name.text);\n      } else {\n        this.selectedCampaignNames.splice(index, 1);\n      }\n    },\n    togglePopover(name, popoverName) {\n      const popover = this.$refs[popoverName];\n      if (popover.localShow) {\n        this.$root.$emit(\"bv::hide::popover\", name);\n        this.removeOutsideClickListener();\n      } else {\n        this.$root.$emit(\"bv::show::popover\", name);\n        this.addOutsideClickListener(name);\n      }\n    },\n    addOutsideClickListener(name) {\n      this.boundHandleOutsideClick = (event) =>\n          this.handleOutsideClick(event, name);\n      document.addEventListener(\"click\", this.boundHandleOutsideClick);\n    },\n    removeOutsideClickListener() {\n      if (this.boundHandleOutsideClick) {\n        document.removeEventListener(\"click\", this.boundHandleOutsideClick);\n        this.boundHandleOutsideClick = null;\n      }\n    },\n    handleOutsideClick(event, name) {\n      const popoverElement = document.getElementById(\"custom-popover\");\n      const targetElement = document.getElementById(name);\n      if (\n          popoverElement &&\n          !popoverElement.contains(event.target) &&\n          targetElement &&\n          !targetElement.contains(event.target)\n      ) {\n        this.$root.$emit(\"bv::hide::popover\", name);\n        this.removeOutsideClickListener();\n      }\n    },\n    universalFormatter,\n    handleRowClick(row) {\n      if (this.selectedRadio === \"product\") {\n        this.$emit(\"event-selected\", row.product);\n      }\n    },\n  },\n};\n</script>\n<style>\n.sticky-column-1 {\n  position: sticky;\n  left: 0 !important; /* İlk sütun en solda */\n  width: 154px !important;\n}\n.sticky-column-2 {\n  position: sticky;\n  width: 94px !important;\n  left: 178px !important; /* İkinci sütunun konumu: birinci sütunun genişliği kadar */\n}\n.sticky-column-3 {\n  position: sticky;\n  width: 94px !important;\n  left: 263.55px !important; /* Üçüncü sütunun konumu: ikinci sütunun genişliği kadar */\n}\n.sticky-column-4 {\n  position: sticky;\n  width: 94px !important;\n  left: 350.46px !important; /* Üçüncü sütunun konumu: ikinci sütunun genişliği kadar */\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignBasedPerformance.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignBasedPerformance.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CampaignBasedPerformance.vue?vue&type=template&id=7472bbc6\"\nimport script from \"./CampaignBasedPerformance.vue?vue&type=script&lang=js\"\nexport * from \"./CampaignBasedPerformance.vue?vue&type=script&lang=js\"\nimport style0 from \"./CampaignBasedPerformance.vue?vue&type=style&index=0&id=7472bbc6&prod&lang=css\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('b-table',{attrs:{\"hover\":\"\",\"responsive\":\"\",\"per-page\":_vm.perPage,\"current-page\":_vm.currentPage,\"fields\":_vm.fields,\"items\":_vm.filteredData()},on:{\"row-clicked\":_vm.handleRowClick},scopedSlots:_vm._u([{key:\"head(campaign_name)\",fn:function(data){return [_c('div',{staticClass:\"d-flex align-items-center\",staticStyle:{\"min-width\":\"150px\"}},[_c('span',[_vm._v(_vm._s(data.label))]),_c('div',{staticClass:\"icon-container\",attrs:{\"id\":\"campaign_name-filter-popover\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.togglePopover(\n              'campaign_name-filter-popover',\n              'campaignNameFilterPopover'\n            )}}},[_c('img',{staticClass:\"filter-icon\",attrs:{\"src\":_vm.selectedCampaignNames.length === 0\n                ? require('@/assets/images/icons/filter-border.svg')\n                : require('@/assets/images/icons/filter-fill.svg'),\"alt\":\"filter\"}})]),_c('b-popover',{ref:\"campaignNameFilterPopover\",attrs:{\"id\":\"custom-popover\",\"target\":\"campaign_name-filter-popover\",\"triggers\":\"manual\",\"title\":\"CampaignName Filter\"}},[_c('div',{staticStyle:{\"overflow-y\":\"auto\"}},[_c('div',{staticClass:\"d-flex p-1\"},[_c('b-form-input',{staticClass:\"pl-3\",attrs:{\"type\":\"search\",\"placeholder\":\"Type to Search\"},model:{value:(_vm.filterCampaignName),callback:function ($$v) {_vm.filterCampaignName=$$v},expression:\"filterCampaignName\"}}),_c('feather-icon',{staticClass:\"position-absolute\",staticStyle:{\"margin-top\":\"0.8rem\",\"margin-left\":\"0.5rem\"},attrs:{\"icon\":\"SearchIcon\",\"size\":\"16\",\"color\":\"white\"}})],1),_c('vue-perfect-scrollbar',{ref:\"scrollbar\",staticStyle:{\"max-height\":\"200px\"}},_vm._l((_vm.filteredDistinctChannels),function(option,i){return _c('div',{key:i,staticClass:\"dropdown-list d-flex p-1\",class:_vm.selectedCampaignNames.includes(option.text)\n                    ? 'bg-primary'\n                    : '',on:{\"click\":function($event){return _vm.selectChannel(option)}}},[_c('span',{staticClass:\"option-text\"},[_vm._v(_vm._s(option.text))]),_c('div',{staticClass:\"check-icon-container ml-auto\"},[(_vm.selectedCampaignNames.includes(option.text))?_c('feather-icon',{attrs:{\"icon\":\"CheckIcon\",\"color\":\"white\",\"size\":\"20\"}}):_vm._e()],1)])}),0)],1)])],1)]}}])}),_c('div',{staticClass:\"d-flex\"},[_c('b-form-group',{staticClass:\"text-nowrap mb-md-0 mr-1\",attrs:{\"label\":\"\",\"label-align\":\"left\",\"label-size\":\"sm\",\"label-for\":\"sortBySelect\"}},[_c('b-form-select',{attrs:{\"id\":\"perPageSelect\",\"size\":\"sm\",\"inline\":\"\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}})],1),_c('b-pagination',{staticClass:\"ml-auto\",attrs:{\"total-rows\":_vm.rows,\"per-page\":_vm.perPage,\"aria-controls\":\"my-table\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <filters-v2\n        :get-metrics=\"getMetrics\"\n        name=\"paparaPerformanceOverview\"\n      />\n      <loading v-if=\"isLoading\" />\n      <no-data-temp\n        v-else-if=\"noData && !isLoading\"\n        :text=\" 'Try different event, campaign, product or date range.'\"\n      />\n      <span v-else-if=\"!noData && !isLoading && recData !== null\">\n        <b-row class=\"match-height mb-1\">\n          <b-col lg=\"6\">\n            <kpi-event-tracking :items=\"recData.kpiEventTracking\" />\n          </b-col>\n\n          <b-col lg=\"6\">\n            <kpi-cost-tracking :items=\"recData.kpiCostTracking\" />\n          </b-col>\n        </b-row>\n        <b-row>\n          <b-col>\n            <based-performance\n              :items=\"recData.performance\"\n              @product-selected=\"handleProductSelected\"\n            />\n          </b-col>\n        </b-row>\n\n        <b-row v-if=\"selectedProduct !== null && !isLoadingCampaign\">\n          <b-col>\n            <campaign-based-performance :items=\"campaignBasedPerformance.campaignList\" />\n          </b-col>\n        </b-row>\n        <loading v-if=\"isLoadingCampaign\" />\n        \n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { BRow, BCol } from \"bootstrap-vue\";\nimport FiltersV2 from \"@/views/FiltersV2.vue\";\nimport Loading from \"@/views/Loading.vue\";\nimport noDataTemp from \"@/views/NoDataTemp.vue\";\nimport KpiEventTracking from \"@/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiEventTracking.vue\";\nimport KpiCostTracking from \"@/views/smart-reporting/custom-reports/papara-perf-report/overview/KpiCostTracking.vue\";\nimport BasedPerformance from \"@/views/smart-reporting/custom-reports/papara-perf-report/overview/BasedPerformance.vue\";\nimport CampaignBasedPerformance from \"@/views/smart-reporting/custom-reports/papara-perf-report/overview/CampaignBasedPerformance.vue\";\n\nexport default {\n  components: {\n    FiltersV2, Loading, noDataTemp, KpiEventTracking, KpiCostTracking, BasedPerformance,CampaignBasedPerformance,\n    BRow,\n    BCol,\n  },\n  data() {\n    return {\n      recData: null,\n      noData: true,\n      isLoading: false,\n      isLoadingCampaign: false,\n      currentKey: 0,\n      isOpened: true,\n      selectedProduct: null,\n      campaignBasedPerformance: null,\n      filterParams: null\n\n    }\n  },\n  methods: {\n    async getMetrics(params) {\n      this.filterParams = params\n      console.log(params)\n      this.isLoading = true;\n      this.isOpened = false;\n      await this.$http.get('/reports/performance/overview/summary', {\n        params: {\n          brand_id: params.brand.value,\n          start_date: params.date.startDate,\n          end_date: params.date.endDate,\n        }\n\n      }).then(({data}) => {\n        this.currenKey += 1\n        this.noData = false\n        this.recData = data\n      }).catch((error) => {\n        this.noData = true;\n      }).finally(() => {\n        this.isLoading = false;\n      });\n    },\n    getCampaignBasedData () {\n      this.isLoadingCampaign = true\n      this.$nextTick(() => {\n        window.scrollTo({\n          top: document.body.scrollHeight,\n          behavior: 'smooth'\n        });\n      });\n      this.$http.get('/reports/performance/overview/campaign', {\n        params: {\n          brand_id: this.filterParams.brand.value,\n          start_date: this.filterParams.date.startDate,\n          end_date: this.filterParams.date.endDate,\n          product: this.selectedProduct\n        }\n      }).then(({data}) => {\n        this.campaignBasedPerformance = data\n      }).catch((error) => {\n        this.noData = true;\n      }).finally(() => {\n        this.isLoadingCampaign = false;\n      })\n    },\n    handleProductSelected(product) {\n      this.selectedProduct = product;\n      this.getCampaignBasedData()\n    }\n  },\n};\n</script>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=d2f7e004\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.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","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CampaignBasedPerformance.vue?vue&type=style&index=0&id=7472bbc6&prod&lang=css\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasedPerformance.vue?vue&type=style&index=0&id=7fb9266e&prod&lang=css\""],"sourceRoot":""}