{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/pages/plp-addons-list/views sync nonrecursive view-[^\\\\]*\\.vue$","webpack:///./src/components/plp-addons-list/addon-modal-content.vue?5a11","webpack:///./src/components/plp-addons-list/plp-addon-card.vue?ae65","webpack:///./src/pages/plp-addons-list/main.js","webpack:///./src/pages/plp-addons-list/views/view-addons-list.vue","webpack:///./src/components/plp-addons-list/plp-addon-card.vue","webpack:///./src/components/plp-addons-list/addon-modal-content.vue","webpack:///src/components/plp-addons-list/addon-modal-content.vue","webpack:///./src/components/plp-addons-list/addon-modal-content.vue?32b3","webpack:///./src/components/plp-addons-list/addon-modal-content.vue?c2e6","webpack:///src/components/plp-addons-list/plp-addon-card.vue","webpack:///./src/components/plp-addons-list/plp-addon-card.vue?50d2","webpack:///./src/components/plp-addons-list/plp-addon-card.vue?2cb2","webpack:///./src/api/tariffAddons.js","webpack:///./src/pages/plp-addons-list/views/config/addonTabList.js","webpack:///src/pages/plp-addons-list/views/view-addons-list.vue","webpack:///./src/pages/plp-addons-list/views/view-addons-list.vue?ef94","webpack:///./src/pages/plp-addons-list/views/view-addons-list.vue?f21e","webpack:///./src/pages/plp-addons-list/views/view-addons-list.vue?1060"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","map","webpackContext","req","id","webpackContextResolve","e","Error","code","keys","resolve","require","Vue","config","productionTip","component","customMessage","baseFullLoader","ValidationObserver","ValidationProvider","use","FlashMessage","loaderFull","mixin","globalVue","document","getElementById","requireComponent","forEach","fileName","componentConfig","componentName","replace","default","i18n","el","$mount","render","_vm","this","_c","_self","errorMsg","staticClass","attrs","_v","_s","$t","selectedTab","tabList","on","setTab","model","callback","$$v","expression","_l","tabPage","products","addon","index","windowWidth","navToChild","staticRenderFns","description","productSpecCharacteristicValues","specification","characteristicGroupCommerceType","icon","url","characteristicName","_e","hasFormattedPrice","price","formattedValue","openModal","modalStatus","closeModal","scopedSlots","_u","fn","activateAddonInfo","proxy","addonText","activeAddon","domProps","props","type","Array","computed","$props","components","BaseButton","Modal","AddonModalContent","_this$addon$price","methods","filter","add","fetchTariffAddons","params","apiRequest","segment","tabListMobile","tabListTv","tabListBox","tabListOtherRoaming","tabListMRoaming","tabListMSat","addonTypes","tv","mobile","box","dataRoaming","mRoaming","mSat","DeviceSpecificationTabSelect","BaseTabs","BaseTabPage","TariffListMobileNav","PlpAddonCard","String","addonType","innerWidth","urlObj","created","$nextTick","setTabList","then","handleUrlHashChange","onHashChange","hash","substring","findIndex","getTariffList","$forceUpdate","res","_res$data","catch","tabKey","URL","location","href","Promise","addEventListener","currentUrl"],"mappings":"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","file":"js/plpAddonsListPage.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"plpAddonsListPage\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([11,\"chunk-vendors\",\"chunk-common\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","var map = {\n\t\"./view-addons-list.vue\": \"75f9\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"3856\";","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./addon-modal-content.vue?vue&type=style&index=0&id=2615ad4c&prod&scoped=true&lang=scss\"","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./plp-addon-card.vue?vue&type=style&index=0&id=1311d065&prod&scoped=true&lang=scss\"","import '@/utils/babel-import'\r\nimport Vue from 'vue'\r\nimport i18n from '@/i18n' // should be included, probably (unless you're not using i18n translations in any components that will be loaded here)\r\nimport globalVue from '@/mixins/global'\r\nimport customMessage from '@/components/base/flash-message-custom/custom-message'\r\nimport FlashMessage from '@smartweb/vue-flash-message'\r\nimport baseFullLoader from '@/components/base/base-full-loader'\r\nimport { ValidationObserver, ValidationProvider } from 'vee-validate'\r\nimport loaderFull from '@/components/base/loader/base-full-loader-plugin'\r\nimport '@/config/validation/vee-validate-config' // include if needed, for example if you have any input form that needs to be validated\r\nrequire('@/assets/styles/main.scss')\r\n\r\n// require('@/config/axios') // include if needed, probably is\r\n\r\nVue.config.productionTip = false\r\n\r\n/**\r\n * If you copy this to another entry point, check if you're using proper element id in spark templates\r\n */\r\nVue.component('customMessage', customMessage)\r\nVue.component('baseFullLoader', baseFullLoader)\r\nVue.component('ValidationObserver', ValidationObserver)\r\nVue.component('ValidationProvider', ValidationProvider)\r\nVue.use(FlashMessage)\r\nVue.use(loaderFull)\r\nVue.mixin(globalVue)\r\n\r\nif (document.getElementById('hc-vue-addons')) {\r\n  const requireComponent = require.context('./views/', false, /view-[^\\\\]*\\.vue$/)\r\n  requireComponent.keys().forEach((fileName) => {\r\n    const componentConfig = requireComponent(fileName)\r\n    const componentName = fileName.replace(/^\\.\\/(.*)\\.\\w+$/, '$1') // TODO Normalize component names\r\n    Vue.component(componentName, componentConfig.default || componentConfig)\r\n  })\r\n\r\n  new Vue({\r\n    i18n,\r\n    el: '#hc-vue-addons'\r\n  }).$mount('#hc-vue-addons')\r\n}\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.errorMsg)?_c('div',{staticClass:\"tarif-tabs-page\"},[_c('div',{staticClass:\"desktop-tabs-container\"},[_c('DeviceSpecificationTabSelect',{attrs:{\"selectedTab\":_vm.selectedTab,\"use-translations\":\"\",\"tabList\":_vm.tabList},on:{\"click\":_vm.setTab}}),_c('base-tabs',{attrs:{\"hide-tabs\":\"\"},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}},_vm._l((_vm.tabList),function(tabPage){return _c('base-tab-page',{key:`page${tabPage.key}`,staticClass:\"addon-card-container\",attrs:{\"name\":tabPage.key}},_vm._l((_vm.products),function(addon,index){return _c('div',{key:index,staticClass:\"addon-card\"},[_c('PlpAddonCard',{attrs:{\"addon\":addon}})],1)}),0)}),1)],1),_c('TariffListMobileNav',{attrs:{\"tariffList\":_vm.tabList,\"windowWidth\":_vm.windowWidth,\"use-translations\":\"\",\"step\":_vm.navToChild},on:{\"navTo\":_vm.setTab}}),_c('div',{staticClass:\"mobile-tabs-container\"},_vm._l((_vm.products),function(addon,index){return _c('div',{key:index},[_c('PlpAddonCard',{attrs:{\"addon\":addon}})],1)}),0)],1):_c('div',{staticClass:\"error-container\"},[_c('img',{attrs:{\"src\":\"/assets/images/toast-icon-warning-desktop.svg\",\"alt\":\"warning-icon\"}}),_vm._v(\" \"+_vm._s(_vm.$t('plpAddonsPage.pageLoadError'))+\" \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card-container\"},[_c('div',{staticClass:\"name\"},[_c('span',[_vm._v(_vm._s(_vm.addon.name))]),_c('div',{staticClass:\"tooltip-container\"},[_c('img',{attrs:{\"src\":\"/assets/images/tooltip.svg\",\"alt\":\"tooltip-icon\"}}),_c('div',{staticClass:\"tariff-tooltip-text\"},[_vm._v(\" \"+_vm._s(_vm.addon.description))])])]),_c('div',{staticClass:\"rows-container\"},[_c('div',[_vm._l((_vm.addon.productSpecCharacteristicValues),function(specification,index){return [(specification.characteristicGroupCommerceType !== 'ADDON_ACTIVATION')?_c('div',{key:index,staticClass:\"card-row\"},[_c('img',{attrs:{\"src\":specification.icon.url,\"alt\":\"specification.characteristicName\"}}),_c('div',[_c('span',[_vm._v(_vm._s(specification.characteristicName)+\": \")]),_c('span',[_vm._v(_vm._s(specification.description))])])]):_vm._e()]})],2),_c('div',[(_vm.hasFormattedPrice)?_c('div',{staticClass:\"price\"},[_c('span',{attrs:{\"id\":\"amount\"}},[_vm._v(_vm._s(_vm.addon.price.formattedValue))]),_c('span',{attrs:{\"id\":\"currency\"}},[_vm._v(_vm._s(_vm.$t('plpAddonsPage.currency')))])]):_vm._e(),_c('BaseButton',{attrs:{\"variant\":\"secondary\",\"block\":true},on:{\"click\":_vm.openModal}},[_vm._v(_vm._s(_vm.$t('plpAddonsPage.buttonText'))+\" \")])],1)]),_c('modal',{attrs:{\"visible\":_vm.modalStatus},on:{\"modal-close\":_vm.closeModal},scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('AddonModalContent',{attrs:{\"activateAddonInfo\":_vm.activateAddonInfo}})]},proxy:true}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.activateAddonInfo.length)?_c('div',{staticClass:\"active-addon-container\"},[_c('div',[_vm._v(_vm._s(_vm.$t('plpAddonsPage.buttonText')))]),_c('img',{attrs:{\"src\":_vm.activateAddonInfo[0].icon.url,\"alt\":\"mobile-icon\"}}),_c('div',[_vm._v(_vm._s(_vm.$t('plpAddonsPage.activateAddons')))]),_vm._l((_vm.addonText),function(activeAddon,index){return _c('div',{key:index,domProps:{\"innerHTML\":_vm._s(activeAddon)}})})],2):_c('div',{staticClass:\"no-addon-activation\"},[_c('img',{attrs:{\"src\":\"/assets/images/toast-icon-warning-desktop.svg\",\"alt\":\"warning-icon\"}}),_vm._v(\" \"+_vm._s(_vm.$t('plpAddonsPage.noAddonActivation'))+\" \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div v-if=\"activateAddonInfo.length\" class=\"active-addon-container\" >\r\n            <div>{{ $t('plpAddonsPage.buttonText') }}</div>\r\n            <img :src=\"activateAddonInfo[0].icon.url\" alt=\"mobile-icon\">\r\n            <div>{{ $t('plpAddonsPage.activateAddons') }}</div>\r\n            <div v-for=\"(activeAddon, index) in addonText\" :key=\"index\" v-html=\"activeAddon\"/>\r\n        </div>\r\n        <div v-else class=\"no-addon-activation\">\r\n            <img src=\"/assets/images/toast-icon-warning-desktop.svg\" alt=\"warning-icon\">\r\n            {{ $t('plpAddonsPage.noAddonActivation') }}\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: 'addon-modal-content',\r\n  props: {\r\n    activateAddonInfo: {\r\n      type: Array\r\n    }\r\n  },\r\n  computed: {\r\n    addonText () {\r\n      return this.$props.activateAddonInfo.map(addon => {\r\n        if (addon.characteristicName && addon.characteristicName !== '') {\r\n          return `-${addon.characteristicName}: ${addon.description}`\r\n        }\r\n        return addon.description ? `- ${addon.description}` : ''\r\n      })\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n  .active-addon-container {\r\n      text-align: center;\r\n      div {\r\n          margin: 15px 0;\r\n          &:nth-of-type(1) {\r\n            font-size: 24px;\r\n            color: $dark;\r\n          }\r\n          &:nth-of-type(2) {\r\n            font-size: 18px;\r\n            color: $dark;\r\n            font-weight: 600;\r\n          }\r\n        }\r\n      img {\r\n          margin: 15px 0;\r\n      }\r\n  }\r\n\r\n  .no-addon-activation {\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        img {\r\n            margin-right: 20px;\r\n        }\r\n    }\r\n\r\n</style>\r\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!./addon-modal-content.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!./addon-modal-content.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./addon-modal-content.vue?vue&type=template&id=2615ad4c&scoped=true\"\nimport script from \"./addon-modal-content.vue?vue&type=script&lang=js\"\nexport * from \"./addon-modal-content.vue?vue&type=script&lang=js\"\nimport style0 from \"./addon-modal-content.vue?vue&type=style&index=0&id=2615ad4c&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2615ad4c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"card-container\">\r\n    <div class=\"name\">\r\n      <span>{{ addon.name }}</span>\r\n      <div class=\"tooltip-container\">\r\n        <img src=\"/assets/images/tooltip.svg\" alt=\"tooltip-icon\">\r\n        <div class=\"tariff-tooltip-text\"> {{ addon.description }}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rows-container\">\r\n      <div>\r\n      <template v-for=\"(specification, index) in addon.productSpecCharacteristicValues\">\r\n        <div :key=\"index\"\r\n             v-if=\"specification.characteristicGroupCommerceType !== 'ADDON_ACTIVATION'\"\r\n             class=\"card-row\">\r\n          <img :src=\"specification.icon.url\" alt=\"specification.characteristicName\">\r\n          <div>\r\n            <span>{{ specification.characteristicName }}: </span>\r\n            <span>{{ specification.description }}</span>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </div>\r\n      <div>\r\n        <div v-if=\"hasFormattedPrice\" class=\"price\">\r\n          <span id=\"amount\">{{ addon.price.formattedValue }}</span>\r\n          <span id=\"currency\">{{ $t('plpAddonsPage.currency') }}</span>\r\n        </div>\r\n        <BaseButton variant=\"secondary\" @click=\"openModal\" :block=\"true\">{{\r\n            $t('plpAddonsPage.buttonText')\r\n          }}\r\n        </BaseButton>\r\n      </div>\r\n    </div>\r\n    <modal :visible=\"modalStatus\"\r\n           @modal-close=\"closeModal\">\r\n      <template #body>\r\n        <AddonModalContent :activateAddonInfo=\"activateAddonInfo\"/>\r\n      </template>\r\n    </modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport BaseButton from '../base/base-button'\r\nimport Modal from '../common/modal/modal'\r\nimport AddonModalContent from './addon-modal-content'\r\n\r\nexport default {\r\n  name: 'plp-addon-card',\r\n  components: { BaseButton, Modal, AddonModalContent },\r\n  props: {\r\n    addon: {\r\n      type: Object\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      modalStatus: false,\r\n      activateAddonInfo: {}\r\n    }\r\n  },\r\n  computed: {\r\n    hasFormattedPrice () {\r\n      return this.addon.price?.formattedValue\r\n    }\r\n  },\r\n  methods: {\r\n    openModal () {\r\n      this.modalStatus = !this.modalStatus\r\n      this.activateAddonInfo = this.addon.productSpecCharacteristicValues.filter(add => add.characteristicGroupCommerceType === 'ADDON_ACTIVATION')\r\n    },\r\n    closeModal () {\r\n      this.modalStatus = false\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.card-container {\r\n  width: 320px;\r\n  border-radius: 5px;\r\n  padding: 15px;\r\n  background-color: $white;\r\n  margin: 10px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  @media (map_get($breakpoints, sm)) {\r\n    height: 100%;\r\n  }\r\n\r\n  .name {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n    line-height: 1.17;\r\n    color: $dark;\r\n    margin-bottom: 30px;\r\n    @media (map_get($breakpoints, sm)) {\r\n      min-height: 60px;\r\n    }\r\n\r\n  }\r\n\r\n  .rows-container {\r\n    display: flex;\r\n    height: 100%;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n\r\n    .card-row {\r\n      margin-bottom: 15px;\r\n      padding-bottom: 15px;\r\n      border-bottom: 1px solid $grey;\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      img {\r\n        height: 30px;\r\n        width: 30px;\r\n        margin-right: 16px;\r\n        margin-top: 4px;\r\n      }\r\n\r\n      span {\r\n        font-size: 16px;\r\n        line-height: 1.25;\r\n        color: $dark-grey;\r\n      }\r\n\r\n      &:last-of-type {\r\n        border-bottom: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .price {\r\n    margin-bottom: 15px;\r\n\r\n    #amount {\r\n      font-size: 24px;\r\n      font-weight: 600;\r\n      color: $primary;\r\n      margin-right: 10px;\r\n    }\r\n\r\n    #currency {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      color: $dark;\r\n      margin-top: -3px;\r\n    }\r\n  }\r\n\r\n  .tooltip-container {\r\n    position: relative;\r\n    width: fit-content;\r\n    img {\r\n      max-width: 14px;\r\n      max-height: 14px;\r\n    }\r\n\r\n    &:hover {\r\n      cursor: pointer;\r\n\r\n      .tariff-tooltip-text {\r\n        display: block;\r\n        word-break: normal;\r\n      }\r\n    }\r\n  }\r\n\r\n  .tariff-tooltip-text {\r\n    background: white;\r\n    padding: 10px;\r\n    min-width: 200px;\r\n    max-width: 300px;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 100px;\r\n    transform: translate(calc(50% + 20px), calc(20px));\r\n    z-index: 1;\r\n    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12);\r\n    border-radius: 5px;\r\n    font-size: 12px;\r\n    display: none;\r\n    word-break: break-all;\r\n  }\r\n}\r\n\r\n</style>\r\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!./plp-addon-card.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!./plp-addon-card.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./plp-addon-card.vue?vue&type=template&id=1311d065&scoped=true\"\nimport script from \"./plp-addon-card.vue?vue&type=script&lang=js\"\nexport * from \"./plp-addon-card.vue?vue&type=script&lang=js\"\nimport style0 from \"./plp-addon-card.vue?vue&type=style&index=0&id=1311d065&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1311d065\",\n  null\n  \n)\n\nexport default component.exports","import { apiRequest } from '@/config/axios/axios'\r\n\r\nexport const fetchTariffAddons = (params) => {\r\n  return apiRequest.get(`addons/category?addonCategory=${params.addon}&segmentGroup=${params.segment}`)\r\n}\r\n","export const tabListMobile = [\r\n  {\r\n    name: 'netAddons',\r\n    key: 'net-dodaci'\r\n  },\r\n  {\r\n    name: 'callsAddons',\r\n    key: 'poziv-dodaci'\r\n  },\r\n  {\r\n    name: 'roamingAddons',\r\n    key: 'roming-dodaci'\r\n  },\r\n  {\r\n\r\n    name: 'smsAddons',\r\n    key: 'sms-dodaci'\r\n  }\r\n]\r\n\r\nexport const tabListTv = [\r\n  {\r\n    name: 'tvAddons',\r\n    key: 'commerce-tv-dodati'\r\n  }\r\n]\r\n\r\nexport const tabListBox = [\r\n  {\r\n    name: 'tvAddons',\r\n    key: 'commerce-tv-dodati'\r\n  },\r\n  {\r\n    name: 'netAddons',\r\n    key: 'net-dodaci'\r\n  },\r\n  {\r\n    name: 'callsAddons',\r\n    key: 'poziv-dodaci'\r\n  },\r\n  {\r\n\r\n    name: 'smsAddons',\r\n    key: 'sms-dodaci'\r\n  }\r\n]\r\n\r\nexport const tabListOtherRoaming = [\r\n  {\r\n    name: 'otherRoaming',\r\n    key: 'ostali-roming'\r\n  }\r\n]\r\n\r\nexport const tabListMRoaming = [\r\n  {\r\n    name: 'mRoaming',\r\n    key: 'data-roming'\r\n  }\r\n]\r\n\r\nexport const tabListMSat = [\r\n  {\r\n    name: 'mSat',\r\n    key: 'msat-tv-dodaci'\r\n  }\r\n]\r\n\r\nexport const addonTypes = {\r\n  tv: 'TV',\r\n  mobile: 'MOBILE',\r\n  box: 'BOX',\r\n  dataRoaming: 'OTHER ROAMING',\r\n  mRoaming: 'MROAMING',\r\n  mSat: 'MSAT'\r\n}\r\n","<template>\r\n  <div>\r\n    <div v-if=\"!errorMsg\"\r\n         class=\"tarif-tabs-page\">\r\n      <div class=\"desktop-tabs-container\">\r\n        <DeviceSpecificationTabSelect :selectedTab=\"selectedTab\"\r\n                                      @click=\"setTab\"\r\n                                      use-translations\r\n                                      :tabList=\"tabList\"/>\r\n        <base-tabs v-model=\"selectedTab\" hide-tabs>\r\n          <base-tab-page v-for=\"tabPage in tabList\"\r\n                         :key=\"`page${tabPage.key}`\"\r\n                         :name=\"tabPage.key\"\r\n                         class=\"addon-card-container\">\r\n            <div v-for=\"(addon, index) in products\" :key=\"index\" class=\"addon-card\">\r\n              <PlpAddonCard :addon=\"addon\"/>\r\n            </div>\r\n          </base-tab-page>\r\n        </base-tabs>\r\n      </div>\r\n      <TariffListMobileNav @navTo=\"setTab\"\r\n                           :tariffList=\"tabList\"\r\n                           :windowWidth=\"windowWidth\"\r\n                           use-translations\r\n                           :step=\"navToChild\"/>\r\n      <div class=\"mobile-tabs-container\">\r\n        <div v-for=\"(addon, index) in products\" :key=\"index\">\r\n          <PlpAddonCard :addon=\"addon\"/>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-else class=\"error-container\">\r\n      <img src=\"/assets/images/toast-icon-warning-desktop.svg\" alt=\"warning-icon\">\r\n      {{ $t('plpAddonsPage.pageLoadError') }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport DeviceSpecificationTabSelect from '../../../components/pdp/device-specification-tab-select'\r\nimport TariffListMobileNav from '../../../components/tariff-list/TariffListMobileNav'\r\nimport PlpAddonCard from '../../../components/plp-addons-list/plp-addon-card'\r\nimport BaseTabs from '../../../components/base/tabs/base-tabs'\r\nimport BaseTabPage from '../../../components/base/tabs/base-tab-page'\r\nimport { fetchTariffAddons } from '../../../api/tariffAddons'\r\nimport {\r\n  tabListMobile,\r\n  tabListTv,\r\n  tabListBox,\r\n  addonTypes,\r\n  tabListMRoaming,\r\n  tabListOtherRoaming,\r\n  tabListMSat\r\n} from './config/addonTabList'\r\n\r\nexport default {\r\n  name: 'view-addons-list-page',\r\n  components: { DeviceSpecificationTabSelect, BaseTabs, BaseTabPage, TariffListMobileNav, PlpAddonCard },\r\n  props: {\r\n    segment: String,\r\n    addonType: String\r\n  },\r\n  data () {\r\n    return {\r\n      selectedTab: null,\r\n      navToChild: 0,\r\n      windowWidth: window.innerWidth,\r\n      urlObj: {},\r\n      products: [],\r\n      errorMsg: false,\r\n      tabList: []\r\n    }\r\n  },\r\n  created () {\r\n    this.$nextTick(() => {\r\n      this.setTabList(this.$props.addonType)\r\n        .then(() => {\r\n          this.handleUrlHashChange()\r\n        })\r\n    })\r\n  },\r\n  methods: {\r\n    onHashChange (url) {\r\n      this.selectedTab = url.hash.substring(1)\r\n      this.navToChild = this.tabList.findIndex(key => key.key === this.selectedTab)\r\n      const params = {\r\n        addon: this.selectedTab,\r\n        segment: this.$props.segment\r\n      }\r\n      this.getTariffList(params)\r\n      this.$forceUpdate()\r\n    },\r\n    getTariffList (params) {\r\n      fetchTariffAddons(params).then(res => {\r\n        this.$nextTick(() => {\r\n          this.products = [...res.data?.products] || []\r\n        })\r\n      }).catch(() => {\r\n        this.errorMsg = true\r\n      })\r\n    },\r\n    setTab (tabKey) {\r\n      if (typeof tabKey === 'number') {\r\n        this.navToChild = tabKey\r\n        this.selectedTab = this.tabList[tabKey].key\r\n      } else {\r\n        this.selectedTab = tabKey\r\n      }\r\n\r\n      const url = new URL(document.URL)\r\n      url.hash = this.selectedTab\r\n      document.location.href = url\r\n    },\r\n    setTabList (addonType) {\r\n      return new Promise(resolve => {\r\n        switch (addonType) {\r\n          case addonTypes.mobile:\r\n            this.tabList = [...tabListMobile]\r\n            break\r\n          case addonTypes.tv:\r\n            this.tabList = [...tabListTv]\r\n            break\r\n          case addonTypes.box:\r\n            this.tabList = [...tabListBox]\r\n            break\r\n          case addonTypes.dataRoaming:\r\n            this.tabList = [...tabListOtherRoaming]\r\n            break\r\n          case addonTypes.mRoaming:\r\n            this.tabList = [...tabListMRoaming]\r\n            break\r\n          case addonTypes.mSat:\r\n            this.tabList = [...tabListMSat]\r\n            break\r\n          default:\r\n            this.tabList = [...tabListMobile]\r\n        }\r\n\r\n        resolve()\r\n      })\r\n    },\r\n    handleUrlHashChange () {\r\n      const url = new URL(document.URL)\r\n      if (!url.hash) {\r\n        url.hash = this.tabList[0].key\r\n        document.location.href = url\r\n      } else {\r\n        this.onHashChange(url)\r\n      }\r\n      window.addEventListener('hashchange', () => {\r\n        const currentUrl = new URL(document.URL)\r\n        this.onHashChange(currentUrl)\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n.tarif-tabs-page {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  .mobile-nav {\r\n    height: 200px;\r\n  }\r\n\r\n  .addon-card-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    @media (map_get($breakpoints, sm)) {\r\n      margin-top: 30px;\r\n    }\r\n    @media (map_get($breakpoints, lg)) {\r\n      padding: 0 30px;\r\n    }\r\n    @media (map_get($breakpoints, xl)) {\r\n      padding: 0 130px;\r\n    }\r\n\r\n    .addon-card {\r\n      margin-bottom: 2rem;\r\n    }\r\n  }\r\n\r\n  /deep/ .tab-select {\r\n    ul {\r\n      li {\r\n        margin: 0 0;\r\n\r\n        a {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .desktop-tabs-container {\r\n    display: none;\r\n    @media (map_get($breakpoints, sm)) {\r\n      display: block;\r\n    }\r\n    @media (map_get($breakpoints, lg)) {\r\n      margin-top: 120px;\r\n    }\r\n    @media (map_get($breakpoints, xl)) {\r\n      margin-top: 40px;\r\n    }\r\n  }\r\n\r\n  .mobile-tabs-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    display: block;\r\n    margin: 30px auto 0;\r\n    @media (map_get($breakpoints, sm)) {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.error-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n  background-color: $light-grey;\r\n  margin: 50px auto;\r\n\r\n  img {\r\n    width: 50px;\r\n    height: 50px;\r\n    margin-bottom: 30px;\r\n  }\r\n}\r\n\r\n</style>\r\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!./view-addons-list.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!./view-addons-list.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./view-addons-list.vue?vue&type=template&id=c9914daa&scoped=true\"\nimport script from \"./view-addons-list.vue?vue&type=script&lang=js\"\nexport * from \"./view-addons-list.vue?vue&type=script&lang=js\"\nimport style0 from \"./view-addons-list.vue?vue&type=style&index=0&id=c9914daa&prod&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  \"c9914daa\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-addons-list.vue?vue&type=style&index=0&id=c9914daa&prod&lang=scss&scoped=true\""],"sourceRoot":""}