osmanli-veri-dagitim 2.1.77-dev → 2.1.78-dev

package/dist/OsmanliPackage.common.js

@@ -1666,7 +1666,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataInvoiceItem\",\n  props: {\n    dataItem: Object\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseButton\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_0__[\"InfoArea\"]\n  },\n\n  data() {\n    return {\n      isActive: false,\n      isButtonsDisabled: false,\n      purchaseTypes: {\n        prev: 1,\n        next: 2\n      },\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"esube\"),\n      pricesText: \"Fiyat\",\n      isActivatedAccordion: false\n    };\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])([\"movePurchaseDates\"]),\n\n    getTime(dateTime, formatType) {\n      if (dateTime) {\n        let stringDateTime = String(dateTime);\n        let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n        return generateMomentDate;\n      } else {\n        return \"-\";\n      }\n    },\n\n    setRowForPrev(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.prev);\n    },\n\n    setRowForNext(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.next);\n    },\n\n    setRowForPurchase(purchaseId, purchaseMoveType) {\n      this.isButtonsDisabled = true;\n      this.movePurchaseDates({\n        purchaseId: purchaseId,\n        purchaseMoveType: purchaseMoveType\n      }).then(response => {\n        if (response.error) {\n          this.$toast.error(response.message);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.closeModal(String(purchaseId));\n        }\n\n        this.isButtonsDisabled = false;\n      });\n    },\n\n    showModal(modalId) {\n      this.$modal.show(modalId);\n    },\n\n    closeModal(modalId) {\n      this.$modal.hide(modalId);\n    },\n\n    accordionToggle() {\n      this.isActivatedAccordion = !this.isActivatedAccordion;\n    }\n\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])([\"getUserInfo\", \"fundAndCommissionRates\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_2__[\"CurrencySymbol\"];\n    },\n\n    totalPriceTl() {\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.tl)[0].totalPrice;\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_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$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.dolar)[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 ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + 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    screenPrice() {\n      var _this$dataItem4, _this$dataItem4$price;\n\n      if (((_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$price = _this$dataItem4.price) === null || _this$dataItem4$price === void 0 ? void 0 : _this$dataItem4$price.prices) == null) {\n        var _this$dataItem5, _this$dataItem5$nextM;\n\n        return (_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$nextM = _this$dataItem5.nextMonthPrice) === null || _this$dataItem5$nextM === void 0 ? void 0 : _this$dataItem5$nextM.screenPrice;\n      } else {\n        var _this$dataItem6, _this$dataItem6$price;\n\n        return (_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$price = _this$dataItem6.price) === null || _this$dataItem6$price === void 0 ? void 0 : _this$dataItem6$price.screenPrice;\n      }\n    },\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\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\n      const processPackageItem = item => {\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 !== null && name !== undefined && price !== null && price !== undefined && currencySymbol !== null && currencySymbol !== undefined) {\n            list.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              price: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const processFeature = feature => {\n          var _item$feature, _item$feature2, _item$feature3;\n\n          const featureName = (_item$feature = item[feature]) === null || _item$feature === void 0 ? void 0 : _item$feature.name;\n          const featurePrice = (_item$feature2 = item[feature]) === null || _item$feature2 === void 0 ? void 0 : _item$feature2.price;\n          const featureInfo = (_item$feature3 = item[feature]) === null || _item$feature3 === void 0 ? void 0 : _item$feature3.priceInfo;\n\n          if (featureName !== null && featureName !== undefined && featurePrice !== null && featurePrice !== undefined && featureName !== \"Yok\") {\n            var _item$marketFeature;\n\n            createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + featureName, featurePrice, featureInfo);\n          }\n        };\n\n        processFeature(\"perspectiveFeature\");\n        processFeature(\"vendorFeature\");\n      };\n\n      let multipleLicenceFeatures = [];\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      list.push(...multipleLicenceFeatures);\n\n      const addToListIfNotEmpty = dataList => {\n        if (dataList.length > 0) {\n          list.push(...dataList);\n        }\n      };\n\n      addToListIfNotEmpty((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i));\n      addToListIfNotEmpty((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i));\n      addToListIfNotEmpty((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i));\n      return list;\n    },\n\n    isCompleted() {\n      return parseInt(this.fundAndCommissionRates.fundAmount) >= this.fundAndCommissionRates.price.totalFundAmount || parseInt(this.fundAndCommissionRates.commissionAmount) >= this.fundAndCommissionRates.price.totalCommissionAmount;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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 _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataInvoiceItem\",\n  props: {\n    dataItem: Object\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseButton\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_0__[\"InfoArea\"]\n  },\n\n  data() {\n    return {\n      isActive: false,\n      isButtonsDisabled: false,\n      purchaseTypes: {\n        prev: 1,\n        next: 2\n      },\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"esube\"),\n      pricesText: \"Fiyat\",\n      isActivatedAccordion: false\n    };\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])([\"movePurchaseDates\"]),\n\n    getTime(dateTime, formatType) {\n      if (dateTime) {\n        let stringDateTime = String(dateTime);\n        let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n        return generateMomentDate;\n      } else {\n        return \"-\";\n      }\n    },\n\n    setRowForPrev(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.prev);\n    },\n\n    setRowForNext(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.next);\n    },\n\n    setRowForPurchase(purchaseId, purchaseMoveType) {\n      this.isButtonsDisabled = true;\n      this.movePurchaseDates({\n        purchaseId: purchaseId,\n        purchaseMoveType: purchaseMoveType\n      }).then(response => {\n        if (response.error) {\n          this.$toast.error(response.message);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.closeModal(String(purchaseId));\n        }\n\n        this.isButtonsDisabled = false;\n      });\n    },\n\n    showModal(modalId) {\n      this.$modal.show(modalId);\n    },\n\n    closeModal(modalId) {\n      this.$modal.hide(modalId);\n    },\n\n    accordionToggle() {\n      this.isActivatedAccordion = !this.isActivatedAccordion;\n    }\n\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])([\"getUserInfo\", \"fundAndCommissionRates\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_2__[\"CurrencySymbol\"];\n    },\n\n    totalPriceTl() {\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.tl)[0].totalPrice;\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_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$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.dolar)[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 ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + 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    screenPrice() {\n      var _this$dataItem4, _this$dataItem4$price;\n\n      if (((_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$price = _this$dataItem4.price) === null || _this$dataItem4$price === void 0 ? void 0 : _this$dataItem4$price.prices) == null) {\n        var _this$dataItem5, _this$dataItem5$nextM;\n\n        return (_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$nextM = _this$dataItem5.nextMonthPrice) === null || _this$dataItem5$nextM === void 0 ? void 0 : _this$dataItem5$nextM.screenPrice;\n      } else {\n        var _this$dataItem6, _this$dataItem6$price;\n\n        return (_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$price = _this$dataItem6.price) === null || _this$dataItem6$price === void 0 ? void 0 : _this$dataItem6$price.screenPrice;\n      }\n    },\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\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\n      const processPackageItem = item => {\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 !== null && name !== undefined && price !== null && price !== undefined && currencySymbol !== null && currencySymbol !== undefined) {\n            list.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              price: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const processFeature = feature => {\n          var _item$feature, _item$feature2, _item$feature3;\n\n          const featureName = (_item$feature = item[feature]) === null || _item$feature === void 0 ? void 0 : _item$feature.name;\n          const featurePrice = (_item$feature2 = item[feature]) === null || _item$feature2 === void 0 ? void 0 : _item$feature2.price;\n          const featureInfo = (_item$feature3 = item[feature]) === null || _item$feature3 === void 0 ? void 0 : _item$feature3.priceInfo;\n\n          if (featureName !== null && featureName !== undefined && featurePrice !== null && featurePrice !== undefined && featureName !== \"Yok\") {\n            var _item$marketFeature;\n\n            createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + featureName, featurePrice, featureInfo);\n          }\n        };\n\n        processFeature(\"perspectiveFeature\");\n        processFeature(\"vendorFeature\");\n      };\n\n      let multipleLicenceFeatures = [];\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      list.push(...multipleLicenceFeatures);\n\n      const addToListIfNotEmpty = dataList => {\n        if (dataList.length > 0) {\n          list.push(...dataList);\n        }\n      };\n\n      addToListIfNotEmpty((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i));\n      addToListIfNotEmpty((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i));\n      addToListIfNotEmpty((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i));\n      return list;\n    },\n\n    isCompleted() {\n      return parseInt(this.fundAndCommissionRates.fundAmount) >= this.fundAndCommissionRates.price.totalFundAmount || parseInt(this.fundAndCommissionRates.commissionAmount) >= this.fundAndCommissionRates.price.totalCommissionAmount;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
 
 /***/ }),
 
@@ -1714,7 +1714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (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\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 10,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 10,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.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\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: -1,\n        label: \"Seçiniz\"\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 10,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 10,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.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");
 
 /***/ }),
 
@@ -1726,7 +1726,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (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 _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/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 _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\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    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_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$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\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.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.isButtonClicked = false;\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.replace({\n          params: {\n            packageNumber: String(res.purchaseId),\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n        setTimeout(() => {\n          this.$emit(\"close\");\n        }, 300);\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.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 _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/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 _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          var _details$index;\n\n          if (element.algorithmFeature.id == ((_details$index = details[index]) === null || _details$index === void 0 ? void 0 : _details$index.id)) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\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    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_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$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\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.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.isButtonClicked = false;\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.replace({\n          params: {\n            packageNumber: String(res.purchaseId),\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n        setTimeout(() => {\n          this.$emit(\"close\");\n        }, 300);\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.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");
 
 /***/ }),
 
@@ -1870,7 +1870,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (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 _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    },\n\n    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n      this.countDown = 0;\n\n      if (this.currentTab == 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 10,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    },\n\n    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if ((!d.algorithm.length || d.algorithm.length) && (d.application.applicationId == 7 || d.application.applicationId == 4) && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) == 1) {\n        result = d.platform.name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.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 _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      customerPaymentStatusId: null,\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getCustomerPaymentStatusId() {\n      if (this.esube == \"yes\") {\n        return this.veriDagitimModel.loginInfo.paymentStatusId;\n      } else {\n        return this.customer.paymentStatusId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    },\n\n    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n      this.countDown = 0;\n\n      if (this.currentTab == 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 10,\n          filter: {}\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    },\n\n    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if ((!d.algorithm.length || d.algorithm.length) && (d.application.applicationId == 7 || d.application.applicationId == 4) && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) == 1) {\n        result = d.platform.name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.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");
 
 /***/ }),
 
@@ -2242,7 +2242,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    { staticClass: \"invoice-item-container\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n        [\n          _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n            _c(\"div\", { staticClass: \"left flex-09\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"section section-0\" },\n                [\n                  _vm.dataItem && _vm.dataItem.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.imageUrl,\n                        },\n                      })\n                    : _vm.dataItem && _vm.dataItem.application.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.application.imageUrl,\n                        },\n                      })\n                    : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n                ],\n                1\n              ),\n              _c(\"div\", { staticClass: \"section section-main\" }, [\n                _c(\"div\", { staticClass: \"section section-1\" }, [\n                  _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n                  _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"right\" }, [\n              _vm.dataItem.endDate\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD/MM/YYYY\"))\n                      ),\n                    ]),\n                  ])\n                : _vm._e(),\n              _vm.esube == \"no\"\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\"\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n                          ),\n                        ])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Müşteri\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Temsilci\")])\n                      : _vm._e(),\n                  ])\n                : _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\" &&\n                    _vm.isCompleted &&\n                    _vm.invoiceList.data.length\n                      ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"0\" &&\n                    !_vm.isCompleted &&\n                    _vm.invoiceList.data.length\n                      ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n                      : _vm._e(),\n                  ]),\n              _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Toplam Tutar\")]),\n                _vm.dataItem.updatedAt\n                  ? _c(\"span\", [_vm._v(_vm._s(_vm.totalPriceCalc.toString()))])\n                  : _vm._e(),\n              ]),\n            ]),\n            _vm.dataItem.packageStatus\n              ? _c(\"div\", { staticClass: \"right for-button\" }, [\n                  _vm.dataItem.packageStatus.id !== 6 &&\n                  _vm.dataItem.packageStatus.id !== 8\n                    ? _c(\"div\", { staticClass: \"col\" }, [\n                        _vm.dataItem.packageStatus &&\n                        _vm.getUserInfo.memberType == 1\n                          ? _c(\"div\", [\n                              _vm.dataItem.packageStatus.id == 2\n                                ? _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"invoice-item__bottom buttons\",\n                                    },\n                                    [\n                                      _c(\n                                        \"base-button\",\n                                        {\n                                          staticClass: \"set-buttons\",\n                                          class: !_vm.isButtonsDisabled\n                                            ? \"\"\n                                            : \"disabled\",\n                                          on: {\n                                            click: function ($event) {\n                                              _vm.showModal(\n                                                String(_vm.dataItem.id)\n                                              )\n                                            },\n                                          },\n                                        },\n                                        [_vm._v(\"İşlemler\")]\n                                      ),\n                                    ],\n                                    1\n                                  )\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    : _vm._e(),\n                ])\n              : _vm._e(),\n          ]),\n          _vm.dataItem.package\n            ? _c(\"div\", { staticClass: \"invoice-item__bottom\" }, [\n                _c(\"div\", { staticClass: \"left package-container\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"item\" },\n                    [\n                      _c(\"strong\", [_vm._v(\"Paketler:\")]),\n                      _vm._l(_vm.mergedPackagesNames, function (item, index) {\n                        return _c(\"span\", { key: item, staticClass: \"items\" }, [\n                          _vm._v(\" \" + _vm._s(item) + \" \"),\n                          index != _vm.mergedPackagesNames.length - 1\n                            ? _c(\"span\", { staticClass: \"seperator\" })\n                            : _vm._e(),\n                        ])\n                      }),\n                    ],\n                    2\n                  ),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n                  [\n                    _c(\"base-icon\", {\n                      class: [\"toggle\", { active: _vm.isActivatedAccordion }],\n                      attrs: { name: \"arrow-green\" },\n                    }),\n                  ],\n                  1\n                ),\n                _c(\"div\", { staticClass: \"invoice-item__bottom__packages\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      class: [\n                        \"accordion-wrapper\",\n                        _vm.isActivatedAccordion ? \"active\" : \"\",\n                      ],\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        {\n                          class: [\n                            \"accordion-wrapper__row caption\",\n                            _vm.isActivatedAccordion ? \"active\" : \"\",\n                          ],\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\"Paket Adı\")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Başlangıç Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Bitiş Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_c(\"span\", [_vm._v(_vm._s(_vm.pricesText))])]\n                          ),\n                        ]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-content active\" },\n                        [\n                          _vm._l(_vm.mergedForTableData, function (item) {\n                            return _c(\n                              \"div\",\n                              {\n                                key: item.name,\n                                staticClass: \"accordion-wrapper__row\",\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"accordion-wrapper__row__cell\",\n                                  },\n                                  [\n                                    typeof item == \"object\"\n                                      ? _c(\"span\", [\n                                          item.name\n                                            ? _c(\"span\", [\n                                                _vm._v(_vm._s(item.name)),\n                                              ])\n                                            : _vm._e(),\n                                        ])\n                                      : _c(\"span\", [_vm._v(_vm._s(item))]),\n                                  ]\n                                ),\n                                item.startDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.startDate,\n                                                \"DD/MM/YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.endDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.endDate,\n                                                \"DD/MM/YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.price\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                                        item.info == \"₺\"\n                                          ? _c(\"span\", [_vm._v(\"TL\")])\n                                          : _vm._e(),\n                                        item.info == \"€\"\n                                          ? _c(\"span\", [_vm._v(\"Euro\")])\n                                          : _vm._e(),\n                                        item.info == \"$\"\n                                          ? _c(\"span\", [_vm._v(\"Dolar\")])\n                                          : _vm._e(),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                              ]\n                            )\n                          }),\n                          _c(\"div\", { staticClass: \"accordion-wrapper__row\" }, [\n                            _vm._m(0),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\n                              \"div\",\n                              { staticClass: \"accordion-wrapper__row__cell\" },\n                              [_vm._v(\" \" + _vm._s(_vm.screenPrice) + \" TL \")]\n                            ),\n                          ]),\n                        ],\n                        2\n                      ),\n                    ]\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n        ]\n      ),\n      _c(\n        \"modal\",\n        {\n          staticClass: \"cancel-modal\",\n          attrs: {\n            height: \"auto\",\n            adaptive: true,\n            name: String(_vm.dataItem.id),\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [\n                _vm._v(\n                  \"Seçilen lisansı aşağıdaki şekilde yönlendirebilirsiniz.\"\n                ),\n              ]),\n            ]),\n            _c(\n              \"a\",\n              {\n                on: {\n                  click: function ($event) {\n                    _vm.closeModal(String(_vm.dataItem.id))\n                  },\n                },\n              },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"close\",\n                  attrs: { name: \"close-circle\" },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"modal-body\" },\n            [\n              _c(\"div\", { staticClass: \"modal-body__top\" }, [\n                _c(\"div\", { staticClass: \"modal-body__info\" }, [\n                  _vm.dataItem.productName != null\n                    ? _c(\"h3\", { staticClass: \"title\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n                      ])\n                    : _vm._e(),\n                  _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n                    _vm.dataItem.application != null &&\n                    (_vm.dataItem.application.applicationId == 3 ||\n                      _vm.dataItem.application.applicationId == 2)\n                      ? _c(\"span\", [\n                          _vm._v(_vm._s(_vm.dataItem.application.shortContent)),\n                        ])\n                      : _vm.dataItem.research.length &&\n                        _vm.dataItem.application == null\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.research[0].name) + \" \"\n                          ),\n                        ])\n                      : _vm.dataItem.algorithm.length &&\n                        (_vm.dataItem.application.applicationId == 4 ||\n                          _vm.dataItem.application.applicationId == 7)\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.algorithm[0].name) + \" \"\n                          ),\n                        ])\n                      : _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n                          ),\n                        ]),\n                  ]),\n                  _c(\n                    \"p\",\n                    { staticClass: \"modal-body__info_price\" },\n                    [\n                      _vm.totalPriceCalc != \"0₺\" &&\n                      _vm.totalPriceCalc != \"0€\" &&\n                      _vm.totalPriceCalc != \"0$\"\n                        ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n                        : [_vm._v(\"Ücretsiz\")],\n                    ],\n                    2\n                  ),\n                ]),\n              ]),\n              _c(\"info-area\", {\n                attrs: { infoText: \"Uyarı: Yapılan işlemler geri alınamaz.\" },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons back\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForPrev(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"Geri Al\")]\n              ),\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForNext(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"İleri Al\")]\n              ),\n            ],\n            1\n          ),\n        ]\n      ),\n    ],\n    1\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: \"accordion-wrapper__row__cell\" }, [\n      _c(\"span\", { staticClass: \"screen-price\" }, [_vm._v(\"Ekran Ücreti\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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: \"invoice-item-container\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n        [\n          _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n            _c(\"div\", { staticClass: \"left flex-09\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"section section-0\" },\n                [\n                  _vm.dataItem && _vm.dataItem.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.imageUrl,\n                        },\n                      })\n                    : _vm.dataItem && _vm.dataItem.application.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.application.imageUrl,\n                        },\n                      })\n                    : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n                ],\n                1\n              ),\n              _c(\"div\", { staticClass: \"section section-main\" }, [\n                _c(\"div\", { staticClass: \"section section-1\" }, [\n                  _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n                  _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"right\" }, [\n              _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n                _vm.dataItem.endDate\n                  ? _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD/MM/YYYY\"))\n                      ),\n                    ])\n                  : _c(\"span\", [_vm._v(\"-\")]),\n              ]),\n              _vm.esube == \"no\"\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\"\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n                          ),\n                        ])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Müşteri\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Temsilci\")])\n                      : _vm._e(),\n                  ])\n                : _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\" &&\n                    _vm.isCompleted &&\n                    _vm.invoiceList.data.length\n                      ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"0\" &&\n                    !_vm.isCompleted &&\n                    _vm.invoiceList.data.length\n                      ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n                      : _vm._e(),\n                  ]),\n              _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Toplam Tutar\")]),\n                _vm.dataItem.updatedAt\n                  ? _c(\"span\", [_vm._v(_vm._s(_vm.totalPriceCalc.toString()))])\n                  : _vm._e(),\n              ]),\n            ]),\n            _vm.dataItem.packageStatus\n              ? _c(\"div\", { staticClass: \"right for-button\" }, [\n                  _vm.dataItem.packageStatus.id !== 6 &&\n                  _vm.dataItem.packageStatus.id !== 8\n                    ? _c(\"div\", { staticClass: \"col\" }, [\n                        _vm.dataItem.packageStatus &&\n                        _vm.getUserInfo.memberType == 1\n                          ? _c(\"div\", [\n                              _vm.dataItem.packageStatus.id == 2\n                                ? _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"invoice-item__bottom buttons\",\n                                    },\n                                    [\n                                      _c(\n                                        \"base-button\",\n                                        {\n                                          staticClass: \"set-buttons\",\n                                          class: !_vm.isButtonsDisabled\n                                            ? \"\"\n                                            : \"disabled\",\n                                          on: {\n                                            click: function ($event) {\n                                              _vm.showModal(\n                                                String(_vm.dataItem.id)\n                                              )\n                                            },\n                                          },\n                                        },\n                                        [_vm._v(\"İşlemler\")]\n                                      ),\n                                    ],\n                                    1\n                                  )\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    : _vm._e(),\n                ])\n              : _vm._e(),\n          ]),\n          _vm.dataItem.package\n            ? _c(\"div\", { staticClass: \"invoice-item__bottom\" }, [\n                _c(\"div\", { staticClass: \"left package-container\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"item\" },\n                    [\n                      _c(\"strong\", [_vm._v(\"Paketler:\")]),\n                      _vm._l(_vm.mergedPackagesNames, function (item, index) {\n                        return _c(\"span\", { key: item, staticClass: \"items\" }, [\n                          _vm._v(\" \" + _vm._s(item) + \" \"),\n                          index != _vm.mergedPackagesNames.length - 1\n                            ? _c(\"span\", { staticClass: \"seperator\" })\n                            : _vm._e(),\n                        ])\n                      }),\n                    ],\n                    2\n                  ),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n                  [\n                    _c(\"base-icon\", {\n                      class: [\"toggle\", { active: _vm.isActivatedAccordion }],\n                      attrs: { name: \"arrow-green\" },\n                    }),\n                  ],\n                  1\n                ),\n                _c(\"div\", { staticClass: \"invoice-item__bottom__packages\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      class: [\n                        \"accordion-wrapper\",\n                        _vm.isActivatedAccordion ? \"active\" : \"\",\n                      ],\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        {\n                          class: [\n                            \"accordion-wrapper__row caption\",\n                            _vm.isActivatedAccordion ? \"active\" : \"\",\n                          ],\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\"Paket Adı\")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Başlangıç Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Bitiş Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_c(\"span\", [_vm._v(_vm._s(_vm.pricesText))])]\n                          ),\n                        ]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-content active\" },\n                        [\n                          _vm._l(_vm.mergedForTableData, function (item) {\n                            return _c(\n                              \"div\",\n                              {\n                                key: item.name,\n                                staticClass: \"accordion-wrapper__row\",\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"accordion-wrapper__row__cell\",\n                                  },\n                                  [\n                                    typeof item == \"object\"\n                                      ? _c(\"span\", [\n                                          item.name\n                                            ? _c(\"span\", [\n                                                _vm._v(_vm._s(item.name)),\n                                              ])\n                                            : _vm._e(),\n                                        ])\n                                      : _c(\"span\", [_vm._v(_vm._s(item))]),\n                                  ]\n                                ),\n                                item.startDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.startDate,\n                                                \"DD/MM/YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.endDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.endDate,\n                                                \"DD/MM/YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.price\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                                        item.info == \"₺\"\n                                          ? _c(\"span\", [_vm._v(\"TL\")])\n                                          : _vm._e(),\n                                        item.info == \"€\"\n                                          ? _c(\"span\", [_vm._v(\"Euro\")])\n                                          : _vm._e(),\n                                        item.info == \"$\"\n                                          ? _c(\"span\", [_vm._v(\"Dolar\")])\n                                          : _vm._e(),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                              ]\n                            )\n                          }),\n                          _c(\"div\", { staticClass: \"accordion-wrapper__row\" }, [\n                            _vm._m(0),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\n                              \"div\",\n                              { staticClass: \"accordion-wrapper__row__cell\" },\n                              [_vm._v(\" \" + _vm._s(_vm.screenPrice) + \" TL \")]\n                            ),\n                          ]),\n                        ],\n                        2\n                      ),\n                    ]\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n        ]\n      ),\n      _c(\n        \"modal\",\n        {\n          staticClass: \"cancel-modal\",\n          attrs: {\n            height: \"auto\",\n            adaptive: true,\n            name: String(_vm.dataItem.id),\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [\n                _vm._v(\n                  \"Seçilen lisansı aşağıdaki şekilde yönlendirebilirsiniz.\"\n                ),\n              ]),\n            ]),\n            _c(\n              \"a\",\n              {\n                on: {\n                  click: function ($event) {\n                    _vm.closeModal(String(_vm.dataItem.id))\n                  },\n                },\n              },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"close\",\n                  attrs: { name: \"close-circle\" },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"modal-body\" },\n            [\n              _c(\"div\", { staticClass: \"modal-body__top\" }, [\n                _c(\"div\", { staticClass: \"modal-body__info\" }, [\n                  _vm.dataItem.productName != null\n                    ? _c(\"h3\", { staticClass: \"title\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n                      ])\n                    : _vm._e(),\n                  _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n                    _vm.dataItem.application != null &&\n                    (_vm.dataItem.application.applicationId == 3 ||\n                      _vm.dataItem.application.applicationId == 2)\n                      ? _c(\"span\", [\n                          _vm._v(_vm._s(_vm.dataItem.application.shortContent)),\n                        ])\n                      : _vm.dataItem.research.length &&\n                        _vm.dataItem.application == null\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.research[0].name) + \" \"\n                          ),\n                        ])\n                      : _vm.dataItem.algorithm.length &&\n                        (_vm.dataItem.application.applicationId == 4 ||\n                          _vm.dataItem.application.applicationId == 7)\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.algorithm[0].name) + \" \"\n                          ),\n                        ])\n                      : _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n                          ),\n                        ]),\n                  ]),\n                  _c(\n                    \"p\",\n                    { staticClass: \"modal-body__info_price\" },\n                    [\n                      _vm.totalPriceCalc != \"0₺\" &&\n                      _vm.totalPriceCalc != \"0€\" &&\n                      _vm.totalPriceCalc != \"0$\"\n                        ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n                        : [_vm._v(\"Ücretsiz\")],\n                    ],\n                    2\n                  ),\n                ]),\n              ]),\n              _c(\"info-area\", {\n                attrs: { infoText: \"Uyarı: Yapılan işlemler geri alınamaz.\" },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons back\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForPrev(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"Geri Al\")]\n              ),\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForNext(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"İleri Al\")]\n              ),\n            ],\n            1\n          ),\n        ]\n      ),\n    ],\n    1\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: \"accordion-wrapper__row__cell\" }, [\n      _c(\"span\", { staticClass: \"screen-price\" }, [_vm._v(\"Ekran Ücreti\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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");
 
 /***/ }),
 
@@ -2446,7 +2446,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    { staticClass: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Lisans iptallerinin, içerisinde bulunulan ayın son gününe kadar gerçekleştirilmesi gerekmektedir. Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                              typeWarning: true,\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\"list-view-skeleton\", {\n                          attrs: { \"line-count\": 10 },\n                        })\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title:\n                                    d.research.length && d.application == null\n                                      ? d.research[0].name\n                                      : d.application.name,\n                                  subtitle: _vm.subtitleRules(d),\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                { staticClass: \"invoice-area\", attrs: { id: \"invoice\" } },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area custom-container\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area custom-container\" },\n                    [\n                      _vm.esube == \"yes\"\n                        ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.customer.paymentStatusId == 1 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\n                                        \"Komisyon ya da BES/FON şartı sağlanmadığı için ekran ücreti tahsil edilmiştir.\"\n                                      ),\n                                    ]),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 1 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _vm._v(\n                                      \" Komisyon ya da BES/FON şartı sağlandığı için ekran ücreti tahsil edilmemiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ])\n                        : _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.customer.paymentStatusId == 2 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Masraf ödeme durumu\")]),\n                                    _c(\"span\", [\n                                      _vm._v(\"“Her zaman temsilci”\"),\n                                    ]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 0 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlanmadığı için ekran ücreti tahsil edilmiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 1 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Masraf Ödeme durumunuz\"),\n                                    ]),\n                                    _c(\"span\", [_vm._v(\"“Her zaman müşteri”\")]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 0 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlandığı için ekran ücreti tahsil edilmemiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ]),\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title:\n                                      d.productName != null\n                                        ? d.productName\n                                        : d.research[0].name,\n                                    subtitle: _vm.subtitleRulesInvoice(d),\n                                    imageUrl: d.imageUrl,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [_c(\"h3\", [_vm._v(\"Değişiklikler\")]), _c(\"history-filter\")],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"screen-prices custom-container\",\n                  attrs: { id: \"screen-prices\" },\n                },\n                [\n                  _c(\"screen-prices\", {\n                    attrs: {\n                      screenPriceList: _vm.screenPriceList,\n                      featureScreenPricesList: _vm.featureScreenPricesList,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\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: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Lisans iptallerinin, içerisinde bulunulan ayın son gününe kadar gerçekleştirilmesi gerekmektedir. Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                              typeWarning: true,\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\"list-view-skeleton\", {\n                          attrs: { \"line-count\": 10 },\n                        })\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title:\n                                    d.research.length && d.application == null\n                                      ? d.research[0].name\n                                      : d.application.name,\n                                  subtitle: _vm.subtitleRules(d),\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                { staticClass: \"invoice-area\", attrs: { id: \"invoice\" } },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area custom-container\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area custom-container\" },\n                    [\n                      _vm.esube == \"yes\"\n                        ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.getCustomerPaymentStatusId == 1 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\n                                        \"Komisyon ya da BES/FON şartı sağlanmadığı için ekran ücreti tahsil edilmiştir.\"\n                                      ),\n                                    ]),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.getCustomerPaymentStatusId == 1 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _vm._v(\n                                      \" Komisyon ya da BES/FON şartı sağlandığı için ekran ücreti tahsil edilmemiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ])\n                        : _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.getCustomerPaymentStatusId == 2 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Masraf ödeme durumu\")]),\n                                    _c(\"span\", [\n                                      _vm._v(\"“Her zaman temsilci”\"),\n                                    ]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.getCustomerPaymentStatusId == 0 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlanmadığı için ekran ücreti tahsil edilmiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.getCustomerPaymentStatusId == 1 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Masraf Ödeme durumunuz\"),\n                                    ]),\n                                    _c(\"span\", [_vm._v(\"“Her zaman müşteri”\")]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.getCustomerPaymentStatusId == 0 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length > 0\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlandığı için ekran ücreti tahsil edilmemiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ]),\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title:\n                                      d.productName != null\n                                        ? d.productName\n                                        : d.research[0].name,\n                                    subtitle: _vm.subtitleRulesInvoice(d),\n                                    imageUrl: d.imageUrl,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [_c(\"h3\", [_vm._v(\"Değişiklikler\")]), _c(\"history-filter\")],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"screen-prices custom-container\",\n                  attrs: { id: \"screen-prices\" },\n                },\n                [\n                  _c(\"screen-prices\", {\n                    attrs: {\n                      screenPriceList: _vm.screenPriceList,\n                      featureScreenPricesList: _vm.featureScreenPricesList,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\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: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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");
 
 /***/ }),