osmanli-veri-dagitim 2.1.0-dev → 2.1.2-dev

package/dist/OsmanliPackage.common.js

@@ -1647,7 +1647,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : _this$dataItem2$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\" || this.$route.name == \"OvdHomeView\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : _this$dataItem2$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\" || this.$route.name == \"OvdHome\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2151,7 +2151,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"card\",\n          class: _vm.cssClass,\n          on: {\n            click: function ($event) {\n              return _vm.addCart()\n            },\n          },\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"card-image\" },\n            [\n              _vm.item.imageUrl\n                ? _c(\"img\", {\n                    staticClass: \"img\",\n                    attrs: { alt: \"product image\", src: _vm.item.imageUrl },\n                  })\n                : _c(\"base-icon\", {\n                    staticClass: \"img\",\n                    attrs: { name: \"no-image\" },\n                  }),\n            ],\n            1\n          ),\n          _c(\"div\", { staticClass: \"card-text\" }, [\n            _vm.item.title\n              ? _c(\"h6\", { staticClass: \"card-header\" }, [\n                  _vm._v(_vm._s(_vm.item.title)),\n                ])\n              : _vm._e(),\n            _vm.item.subtitle\n              ? _c(\"h6\", { staticClass: \"name\" }, [\n                  _vm._v(_vm._s(_vm.item.subtitle)),\n                ])\n              : _vm._e(),\n            _vm.item.description\n              ? _c(\"p\", { staticClass: \"description\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.item.description) + \" \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"add-btn\" },\n            [_c(\"base-button\", [_vm._v(\"Talep Et\")])],\n            1\n          ),\n        ]\n      ),\n      _vm.item && this.getMarketInfo && _vm.loadDetail\n        ? [\n            _vm.isPopupVisible\n              ? _c(\"package-settigns-create\", {\n                  key: _vm.triggerReRender,\n                  attrs: {\n                    dataItem: _vm.item,\n                    marketInfo: this.getMarketInfo,\n                    platformInfo: _vm.platformInfo,\n                    isPopupVisible: _vm.isPopupVisible,\n                    currentTab: _vm.currentTab,\n                    isTerminal: _vm.isTerminal,\n                    algoDetail: _vm.algoDetail,\n                    researchDetail: _vm.researchDetail,\n                    operationMessage: _vm.operationMessage,\n                    isOperationWarning: _vm.isOperationWarning,\n                    isRuleMessageWarning: _vm.isRuleMessageWarning,\n                    isUpgraded: _vm.isUpgraded,\n                    mutableItemRuleMessage: _vm.mutableItemRuleMessage,\n                    startDates: _vm.selectBoxesStatus,\n                  },\n                  on: { close: _vm.closePopup },\n                })\n              : _vm._e(),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"card-item-wrapper\" },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"card\",\n          class: _vm.cssClass,\n          on: {\n            click: function ($event) {\n              return _vm.addCart()\n            },\n          },\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"card-image\" },\n            [\n              _vm.item.imageUrl\n                ? _c(\"img\", {\n                    staticClass: \"img\",\n                    attrs: { alt: \"product image\", src: _vm.item.imageUrl },\n                  })\n                : _c(\"base-icon\", {\n                    staticClass: \"img\",\n                    attrs: { name: \"no-image\" },\n                  }),\n            ],\n            1\n          ),\n          _c(\"div\", { staticClass: \"card-text\" }, [\n            _vm.item.title\n              ? _c(\"h6\", { staticClass: \"card-header\" }, [\n                  _vm._v(_vm._s(_vm.item.title)),\n                ])\n              : _vm._e(),\n            _vm.item.subtitle\n              ? _c(\"h6\", { staticClass: \"name\" }, [\n                  _vm._v(_vm._s(_vm.item.subtitle)),\n                ])\n              : _vm._e(),\n            _vm.item.description\n              ? _c(\"p\", { staticClass: \"description\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.item.description) + \" \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"add-btn\" },\n            [_c(\"base-button\", [_vm._v(\"Talep Et\")])],\n            1\n          ),\n        ]\n      ),\n      _vm.item && this.getMarketInfo && _vm.loadDetail\n        ? [\n            _vm.isPopupVisible\n              ? _c(\"package-settigns-create\", {\n                  key: _vm.triggerReRender,\n                  attrs: {\n                    dataItem: _vm.item,\n                    marketInfo: this.getMarketInfo,\n                    platformInfo: _vm.platformInfo,\n                    isPopupVisible: _vm.isPopupVisible,\n                    currentTab: _vm.currentTab,\n                    isTerminal: _vm.isTerminal,\n                    algoDetail: _vm.algoDetail,\n                    researchDetail: _vm.researchDetail,\n                    operationMessage: _vm.operationMessage,\n                    isOperationWarning: _vm.isOperationWarning,\n                    isRuleMessageWarning: _vm.isRuleMessageWarning,\n                    isUpgraded: _vm.isUpgraded,\n                    mutableItemRuleMessage: _vm.mutableItemRuleMessage,\n                    startDates: _vm.selectBoxesStatus,\n                  },\n                  on: { close: _vm.closePopup },\n                })\n              : _vm._e(),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2379,7 +2379,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"customer-detail\",\n      class: _vm.getMemberType == \"true\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. Aksi takdirde sadece Müşteri Temsilciniz bu lisansı talep edebilecektir. Karma lisansın alınması sonrasında portföy büyüklüğünün aylık ortalama \"\n                          ),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \"’nin altında olması halinde aşağıdaki ücretler hesaptan tahsil edilecektir. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulu sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"customer-detail\",\n      class: _vm.getMemberType == \"true\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. Aksi takdirde sadece Müşteri Temsilciniz bu lisansı talep edebilecektir. Karma lisansın alınması sonrasında portföy büyüklüğünün aylık ortalama \"\n                          ),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \"’nin altında olması halinde aşağıdaki ücretler hesaptan tahsil edilecektir. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulu sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class:\n                        _vm.profAlgoApps.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3573,7 +3573,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card-item-wrapper[data-v-7d998794] {\\n  max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3859,7 +3859,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd[memberType=\\\"true\\\"] .customer-detail[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.alert-text[data-v-99f58ee0] {\\n  font-size: 18px !important;\\n  background: red;\\n  color: white;\\n  padding: 10px !important;\\n}\\n.backward[data-v-99f58ee0] {\\n  background: #fff;\\n}\\n.backward .back-button[data-v-99f58ee0] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 20px 14px 20px;\\n}\\n.card-container[data-v-99f58ee0] {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  place-content: center;\\n  grid-auto-rows: auto;\\n  grid-gap: 30px;\\n  position: relative;\\n}\\n@media (max-width: 1150px) {\\n.card-container[data-v-99f58ee0] {\\n      grid-template-columns: repeat(3, 1fr);\\n}\\n}\\n@media (max-width: 610px) {\\n.card-container[data-v-99f58ee0] {\\n      display: block;\\n}\\n}\\n.burger-menu[data-v-99f58ee0] {\\n  position: relative;\\n  display: none;\\n}\\n@media (max-width: 544px) {\\n.burger-menu[data-v-99f58ee0] {\\n      padding: 20px 0;\\n      display: block;\\n}\\n}\\n.burger-menu .menu-icon[data-v-99f58ee0] {\\n    width: 35px;\\n}\\n.burger-menu .menu-container[data-v-99f58ee0] {\\n    background-color: var(--grayscale-0);\\n    border-radius: var(--radius-second);\\n    border: solid 1px var(--grayscale-20);\\n    font-size: 16px;\\n    padding: 10px;\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0] {\\n      display: block;\\n      margin-bottom: 10px;\\n      padding: 5px 10px;\\n      border-radius: var(--radius-second);\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0]:last-of-type {\\n        margin-bottom: 0;\\n}\\n.burger-menu .menu-container li.active[data-v-99f58ee0] {\\n        background-color: var(--grayscale-20);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd[memberType=\\\"true\\\"] .customer-detail[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.alert-text[data-v-99f58ee0] {\\n  font-size: 18px !important;\\n  background: red;\\n  color: white;\\n  padding: 10px !important;\\n}\\n.backward[data-v-99f58ee0] {\\n  background: #fff;\\n}\\n.backward .back-button[data-v-99f58ee0] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 20px 14px 20px;\\n}\\n.card-container[data-v-99f58ee0] {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  place-content: center;\\n  grid-auto-rows: auto;\\n  grid-gap: 30px;\\n  position: relative;\\n}\\n.card-container.bigger-package[data-v-99f58ee0] {\\n    grid-template-columns: repeat(3, 0fr);\\n    place-content: start;\\n}\\n@media (max-width: 1150px) {\\n.card-container[data-v-99f58ee0] {\\n      grid-template-columns: repeat(3, 1fr);\\n}\\n}\\n@media (max-width: 610px) {\\n.card-container[data-v-99f58ee0] {\\n      display: block;\\n}\\n}\\n.burger-menu[data-v-99f58ee0] {\\n  position: relative;\\n  display: none;\\n}\\n@media (max-width: 544px) {\\n.burger-menu[data-v-99f58ee0] {\\n      padding: 20px 0;\\n      display: block;\\n}\\n}\\n.burger-menu .menu-icon[data-v-99f58ee0] {\\n    width: 35px;\\n}\\n.burger-menu .menu-container[data-v-99f58ee0] {\\n    background-color: var(--grayscale-0);\\n    border-radius: var(--radius-second);\\n    border: solid 1px var(--grayscale-20);\\n    font-size: 16px;\\n    padding: 10px;\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0] {\\n      display: block;\\n      margin-bottom: 10px;\\n      padding: 5px 10px;\\n      border-radius: var(--radius-second);\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0]:last-of-type {\\n        margin-bottom: 0;\\n}\\n.burger-menu .menu-container li.active[data-v-99f58ee0] {\\n        background-color: var(--grayscale-20);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1656,7 +1656,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : _this$dataItem2$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\" || this.$route.name == \"OvdHomeView\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : _this$dataItem2$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\" || this.$route.name == \"OvdHome\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2160,7 +2160,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"card\",\n          class: _vm.cssClass,\n          on: {\n            click: function ($event) {\n              return _vm.addCart()\n            },\n          },\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"card-image\" },\n            [\n              _vm.item.imageUrl\n                ? _c(\"img\", {\n                    staticClass: \"img\",\n                    attrs: { alt: \"product image\", src: _vm.item.imageUrl },\n                  })\n                : _c(\"base-icon\", {\n                    staticClass: \"img\",\n                    attrs: { name: \"no-image\" },\n                  }),\n            ],\n            1\n          ),\n          _c(\"div\", { staticClass: \"card-text\" }, [\n            _vm.item.title\n              ? _c(\"h6\", { staticClass: \"card-header\" }, [\n                  _vm._v(_vm._s(_vm.item.title)),\n                ])\n              : _vm._e(),\n            _vm.item.subtitle\n              ? _c(\"h6\", { staticClass: \"name\" }, [\n                  _vm._v(_vm._s(_vm.item.subtitle)),\n                ])\n              : _vm._e(),\n            _vm.item.description\n              ? _c(\"p\", { staticClass: \"description\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.item.description) + \" \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"add-btn\" },\n            [_c(\"base-button\", [_vm._v(\"Talep Et\")])],\n            1\n          ),\n        ]\n      ),\n      _vm.item && this.getMarketInfo && _vm.loadDetail\n        ? [\n            _vm.isPopupVisible\n              ? _c(\"package-settigns-create\", {\n                  key: _vm.triggerReRender,\n                  attrs: {\n                    dataItem: _vm.item,\n                    marketInfo: this.getMarketInfo,\n                    platformInfo: _vm.platformInfo,\n                    isPopupVisible: _vm.isPopupVisible,\n                    currentTab: _vm.currentTab,\n                    isTerminal: _vm.isTerminal,\n                    algoDetail: _vm.algoDetail,\n                    researchDetail: _vm.researchDetail,\n                    operationMessage: _vm.operationMessage,\n                    isOperationWarning: _vm.isOperationWarning,\n                    isRuleMessageWarning: _vm.isRuleMessageWarning,\n                    isUpgraded: _vm.isUpgraded,\n                    mutableItemRuleMessage: _vm.mutableItemRuleMessage,\n                    startDates: _vm.selectBoxesStatus,\n                  },\n                  on: { close: _vm.closePopup },\n                })\n              : _vm._e(),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"card-item-wrapper\" },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"card\",\n          class: _vm.cssClass,\n          on: {\n            click: function ($event) {\n              return _vm.addCart()\n            },\n          },\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"card-image\" },\n            [\n              _vm.item.imageUrl\n                ? _c(\"img\", {\n                    staticClass: \"img\",\n                    attrs: { alt: \"product image\", src: _vm.item.imageUrl },\n                  })\n                : _c(\"base-icon\", {\n                    staticClass: \"img\",\n                    attrs: { name: \"no-image\" },\n                  }),\n            ],\n            1\n          ),\n          _c(\"div\", { staticClass: \"card-text\" }, [\n            _vm.item.title\n              ? _c(\"h6\", { staticClass: \"card-header\" }, [\n                  _vm._v(_vm._s(_vm.item.title)),\n                ])\n              : _vm._e(),\n            _vm.item.subtitle\n              ? _c(\"h6\", { staticClass: \"name\" }, [\n                  _vm._v(_vm._s(_vm.item.subtitle)),\n                ])\n              : _vm._e(),\n            _vm.item.description\n              ? _c(\"p\", { staticClass: \"description\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.item.description) + \" \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"add-btn\" },\n            [_c(\"base-button\", [_vm._v(\"Talep Et\")])],\n            1\n          ),\n        ]\n      ),\n      _vm.item && this.getMarketInfo && _vm.loadDetail\n        ? [\n            _vm.isPopupVisible\n              ? _c(\"package-settigns-create\", {\n                  key: _vm.triggerReRender,\n                  attrs: {\n                    dataItem: _vm.item,\n                    marketInfo: this.getMarketInfo,\n                    platformInfo: _vm.platformInfo,\n                    isPopupVisible: _vm.isPopupVisible,\n                    currentTab: _vm.currentTab,\n                    isTerminal: _vm.isTerminal,\n                    algoDetail: _vm.algoDetail,\n                    researchDetail: _vm.researchDetail,\n                    operationMessage: _vm.operationMessage,\n                    isOperationWarning: _vm.isOperationWarning,\n                    isRuleMessageWarning: _vm.isRuleMessageWarning,\n                    isUpgraded: _vm.isUpgraded,\n                    mutableItemRuleMessage: _vm.mutableItemRuleMessage,\n                    startDates: _vm.selectBoxesStatus,\n                  },\n                  on: { close: _vm.closePopup },\n                })\n              : _vm._e(),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2388,7 +2388,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"customer-detail\",\n      class: _vm.getMemberType == \"true\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. Aksi takdirde sadece Müşteri Temsilciniz bu lisansı talep edebilecektir. Karma lisansın alınması sonrasında portföy büyüklüğünün aylık ortalama \"\n                          ),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \"’nin altında olması halinde aşağıdaki ücretler hesaptan tahsil edilecektir. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulu sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"customer-detail\",\n      class: _vm.getMemberType == \"true\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. Aksi takdirde sadece Müşteri Temsilciniz bu lisansı talep edebilecektir. Karma lisansın alınması sonrasında portföy büyüklüğünün aylık ortalama \"\n                          ),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \"’nin altında olması halinde aşağıdaki ücretler hesaptan tahsil edilecektir. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulu sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class:\n                        _vm.profAlgoApps.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3582,7 +3582,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card-item-wrapper[data-v-7d998794] {\\n  max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3868,7 +3868,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd[memberType=\\\"true\\\"] .customer-detail[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.alert-text[data-v-99f58ee0] {\\n  font-size: 18px !important;\\n  background: red;\\n  color: white;\\n  padding: 10px !important;\\n}\\n.backward[data-v-99f58ee0] {\\n  background: #fff;\\n}\\n.backward .back-button[data-v-99f58ee0] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 20px 14px 20px;\\n}\\n.card-container[data-v-99f58ee0] {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  place-content: center;\\n  grid-auto-rows: auto;\\n  grid-gap: 30px;\\n  position: relative;\\n}\\n@media (max-width: 1150px) {\\n.card-container[data-v-99f58ee0] {\\n      grid-template-columns: repeat(3, 1fr);\\n}\\n}\\n@media (max-width: 610px) {\\n.card-container[data-v-99f58ee0] {\\n      display: block;\\n}\\n}\\n.burger-menu[data-v-99f58ee0] {\\n  position: relative;\\n  display: none;\\n}\\n@media (max-width: 544px) {\\n.burger-menu[data-v-99f58ee0] {\\n      padding: 20px 0;\\n      display: block;\\n}\\n}\\n.burger-menu .menu-icon[data-v-99f58ee0] {\\n    width: 35px;\\n}\\n.burger-menu .menu-container[data-v-99f58ee0] {\\n    background-color: var(--grayscale-0);\\n    border-radius: var(--radius-second);\\n    border: solid 1px var(--grayscale-20);\\n    font-size: 16px;\\n    padding: 10px;\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0] {\\n      display: block;\\n      margin-bottom: 10px;\\n      padding: 5px 10px;\\n      border-radius: var(--radius-second);\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0]:last-of-type {\\n        margin-bottom: 0;\\n}\\n.burger-menu .menu-container li.active[data-v-99f58ee0] {\\n        background-color: var(--grayscale-20);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd[memberType=\\\"true\\\"] .customer-detail[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.alert-text[data-v-99f58ee0] {\\n  font-size: 18px !important;\\n  background: red;\\n  color: white;\\n  padding: 10px !important;\\n}\\n.backward[data-v-99f58ee0] {\\n  background: #fff;\\n}\\n.backward .back-button[data-v-99f58ee0] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 20px 14px 20px;\\n}\\n.card-container[data-v-99f58ee0] {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  place-content: center;\\n  grid-auto-rows: auto;\\n  grid-gap: 30px;\\n  position: relative;\\n}\\n.card-container.bigger-package[data-v-99f58ee0] {\\n    grid-template-columns: repeat(3, 0fr);\\n    place-content: start;\\n}\\n@media (max-width: 1150px) {\\n.card-container[data-v-99f58ee0] {\\n      grid-template-columns: repeat(3, 1fr);\\n}\\n}\\n@media (max-width: 610px) {\\n.card-container[data-v-99f58ee0] {\\n      display: block;\\n}\\n}\\n.burger-menu[data-v-99f58ee0] {\\n  position: relative;\\n  display: none;\\n}\\n@media (max-width: 544px) {\\n.burger-menu[data-v-99f58ee0] {\\n      padding: 20px 0;\\n      display: block;\\n}\\n}\\n.burger-menu .menu-icon[data-v-99f58ee0] {\\n    width: 35px;\\n}\\n.burger-menu .menu-container[data-v-99f58ee0] {\\n    background-color: var(--grayscale-0);\\n    border-radius: var(--radius-second);\\n    border: solid 1px var(--grayscale-20);\\n    font-size: 16px;\\n    padding: 10px;\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0] {\\n      display: block;\\n      margin-bottom: 10px;\\n      padding: 5px 10px;\\n      border-radius: var(--radius-second);\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0]:last-of-type {\\n        margin-bottom: 0;\\n}\\n.burger-menu .menu-container li.active[data-v-99f58ee0] {\\n        background-color: var(--grayscale-20);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1656,7 +1656,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : _this$dataItem2$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\" || this.$route.name == \"OvdHomeView\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : _this$dataItem2$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\" || this.$route.name == \"OvdHome\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2160,7 +2160,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"card\",\n          class: _vm.cssClass,\n          on: {\n            click: function ($event) {\n              return _vm.addCart()\n            },\n          },\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"card-image\" },\n            [\n              _vm.item.imageUrl\n                ? _c(\"img\", {\n                    staticClass: \"img\",\n                    attrs: { alt: \"product image\", src: _vm.item.imageUrl },\n                  })\n                : _c(\"base-icon\", {\n                    staticClass: \"img\",\n                    attrs: { name: \"no-image\" },\n                  }),\n            ],\n            1\n          ),\n          _c(\"div\", { staticClass: \"card-text\" }, [\n            _vm.item.title\n              ? _c(\"h6\", { staticClass: \"card-header\" }, [\n                  _vm._v(_vm._s(_vm.item.title)),\n                ])\n              : _vm._e(),\n            _vm.item.subtitle\n              ? _c(\"h6\", { staticClass: \"name\" }, [\n                  _vm._v(_vm._s(_vm.item.subtitle)),\n                ])\n              : _vm._e(),\n            _vm.item.description\n              ? _c(\"p\", { staticClass: \"description\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.item.description) + \" \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"add-btn\" },\n            [_c(\"base-button\", [_vm._v(\"Talep Et\")])],\n            1\n          ),\n        ]\n      ),\n      _vm.item && this.getMarketInfo && _vm.loadDetail\n        ? [\n            _vm.isPopupVisible\n              ? _c(\"package-settigns-create\", {\n                  key: _vm.triggerReRender,\n                  attrs: {\n                    dataItem: _vm.item,\n                    marketInfo: this.getMarketInfo,\n                    platformInfo: _vm.platformInfo,\n                    isPopupVisible: _vm.isPopupVisible,\n                    currentTab: _vm.currentTab,\n                    isTerminal: _vm.isTerminal,\n                    algoDetail: _vm.algoDetail,\n                    researchDetail: _vm.researchDetail,\n                    operationMessage: _vm.operationMessage,\n                    isOperationWarning: _vm.isOperationWarning,\n                    isRuleMessageWarning: _vm.isRuleMessageWarning,\n                    isUpgraded: _vm.isUpgraded,\n                    mutableItemRuleMessage: _vm.mutableItemRuleMessage,\n                    startDates: _vm.selectBoxesStatus,\n                  },\n                  on: { close: _vm.closePopup },\n                })\n              : _vm._e(),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"card-item-wrapper\" },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"card\",\n          class: _vm.cssClass,\n          on: {\n            click: function ($event) {\n              return _vm.addCart()\n            },\n          },\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"card-image\" },\n            [\n              _vm.item.imageUrl\n                ? _c(\"img\", {\n                    staticClass: \"img\",\n                    attrs: { alt: \"product image\", src: _vm.item.imageUrl },\n                  })\n                : _c(\"base-icon\", {\n                    staticClass: \"img\",\n                    attrs: { name: \"no-image\" },\n                  }),\n            ],\n            1\n          ),\n          _c(\"div\", { staticClass: \"card-text\" }, [\n            _vm.item.title\n              ? _c(\"h6\", { staticClass: \"card-header\" }, [\n                  _vm._v(_vm._s(_vm.item.title)),\n                ])\n              : _vm._e(),\n            _vm.item.subtitle\n              ? _c(\"h6\", { staticClass: \"name\" }, [\n                  _vm._v(_vm._s(_vm.item.subtitle)),\n                ])\n              : _vm._e(),\n            _vm.item.description\n              ? _c(\"p\", { staticClass: \"description\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.item.description) + \" \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"add-btn\" },\n            [_c(\"base-button\", [_vm._v(\"Talep Et\")])],\n            1\n          ),\n        ]\n      ),\n      _vm.item && this.getMarketInfo && _vm.loadDetail\n        ? [\n            _vm.isPopupVisible\n              ? _c(\"package-settigns-create\", {\n                  key: _vm.triggerReRender,\n                  attrs: {\n                    dataItem: _vm.item,\n                    marketInfo: this.getMarketInfo,\n                    platformInfo: _vm.platformInfo,\n                    isPopupVisible: _vm.isPopupVisible,\n                    currentTab: _vm.currentTab,\n                    isTerminal: _vm.isTerminal,\n                    algoDetail: _vm.algoDetail,\n                    researchDetail: _vm.researchDetail,\n                    operationMessage: _vm.operationMessage,\n                    isOperationWarning: _vm.isOperationWarning,\n                    isRuleMessageWarning: _vm.isRuleMessageWarning,\n                    isUpgraded: _vm.isUpgraded,\n                    mutableItemRuleMessage: _vm.mutableItemRuleMessage,\n                    startDates: _vm.selectBoxesStatus,\n                  },\n                  on: { close: _vm.closePopup },\n                })\n              : _vm._e(),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2388,7 +2388,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"customer-detail\",\n      class: _vm.getMemberType == \"true\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. Aksi takdirde sadece Müşteri Temsilciniz bu lisansı talep edebilecektir. Karma lisansın alınması sonrasında portföy büyüklüğünün aylık ortalama \"\n                          ),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \"’nin altında olması halinde aşağıdaki ücretler hesaptan tahsil edilecektir. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulu sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    {\n      staticClass: \"customer-detail\",\n      class: _vm.getMemberType == \"true\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. Aksi takdirde sadece Müşteri Temsilciniz bu lisansı talep edebilecektir. Karma lisansın alınması sonrasında portföy büyüklüğünün aylık ortalama \"\n                          ),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \"₺\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \"’nin altında olması halinde aşağıdaki ücretler hesaptan tahsil edilecektir. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulu sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class:\n                        _vm.profAlgoApps.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3582,7 +3582,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card-item-wrapper[data-v-7d998794] {\\n  max-width: 275px;\\n}\\n.card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3868,7 +3868,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd[memberType=\\\"true\\\"] .customer-detail[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.alert-text[data-v-99f58ee0] {\\n  font-size: 18px !important;\\n  background: red;\\n  color: white;\\n  padding: 10px !important;\\n}\\n.backward[data-v-99f58ee0] {\\n  background: #fff;\\n}\\n.backward .back-button[data-v-99f58ee0] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 20px 14px 20px;\\n}\\n.card-container[data-v-99f58ee0] {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  place-content: center;\\n  grid-auto-rows: auto;\\n  grid-gap: 30px;\\n  position: relative;\\n}\\n@media (max-width: 1150px) {\\n.card-container[data-v-99f58ee0] {\\n      grid-template-columns: repeat(3, 1fr);\\n}\\n}\\n@media (max-width: 610px) {\\n.card-container[data-v-99f58ee0] {\\n      display: block;\\n}\\n}\\n.burger-menu[data-v-99f58ee0] {\\n  position: relative;\\n  display: none;\\n}\\n@media (max-width: 544px) {\\n.burger-menu[data-v-99f58ee0] {\\n      padding: 20px 0;\\n      display: block;\\n}\\n}\\n.burger-menu .menu-icon[data-v-99f58ee0] {\\n    width: 35px;\\n}\\n.burger-menu .menu-container[data-v-99f58ee0] {\\n    background-color: var(--grayscale-0);\\n    border-radius: var(--radius-second);\\n    border: solid 1px var(--grayscale-20);\\n    font-size: 16px;\\n    padding: 10px;\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0] {\\n      display: block;\\n      margin-bottom: 10px;\\n      padding: 5px 10px;\\n      border-radius: var(--radius-second);\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0]:last-of-type {\\n        margin-bottom: 0;\\n}\\n.burger-menu .menu-container li.active[data-v-99f58ee0] {\\n        background-color: var(--grayscale-20);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd[memberType=\\\"true\\\"] .customer-detail[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.alert-text[data-v-99f58ee0] {\\n  font-size: 18px !important;\\n  background: red;\\n  color: white;\\n  padding: 10px !important;\\n}\\n.backward[data-v-99f58ee0] {\\n  background: #fff;\\n}\\n.backward .back-button[data-v-99f58ee0] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 20px 14px 20px;\\n}\\n.card-container[data-v-99f58ee0] {\\n  display: grid;\\n  grid-template-columns: repeat(4, 1fr);\\n  place-content: center;\\n  grid-auto-rows: auto;\\n  grid-gap: 30px;\\n  position: relative;\\n}\\n.card-container.bigger-package[data-v-99f58ee0] {\\n    grid-template-columns: repeat(3, 0fr);\\n    place-content: start;\\n}\\n@media (max-width: 1150px) {\\n.card-container[data-v-99f58ee0] {\\n      grid-template-columns: repeat(3, 1fr);\\n}\\n}\\n@media (max-width: 610px) {\\n.card-container[data-v-99f58ee0] {\\n      display: block;\\n}\\n}\\n.burger-menu[data-v-99f58ee0] {\\n  position: relative;\\n  display: none;\\n}\\n@media (max-width: 544px) {\\n.burger-menu[data-v-99f58ee0] {\\n      padding: 20px 0;\\n      display: block;\\n}\\n}\\n.burger-menu .menu-icon[data-v-99f58ee0] {\\n    width: 35px;\\n}\\n.burger-menu .menu-container[data-v-99f58ee0] {\\n    background-color: var(--grayscale-0);\\n    border-radius: var(--radius-second);\\n    border: solid 1px var(--grayscale-20);\\n    font-size: 16px;\\n    padding: 10px;\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0] {\\n      display: block;\\n      margin-bottom: 10px;\\n      padding: 5px 10px;\\n      border-radius: var(--radius-second);\\n}\\n.burger-menu .menu-container li[data-v-99f58ee0]:last-of-type {\\n        margin-bottom: 0;\\n}\\n.burger-menu .menu-container li.active[data-v-99f58ee0] {\\n        background-color: var(--grayscale-20);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??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/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osmanli-veri-dagitim",
-  "version": "2.1.00-dev",
+  "version": "2.1.02-dev",
   "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.90",
   "files": [
     "dist"