osmanli-veri-dagitim 2.0.67 → 2.0.69

package/dist/OsmanliPackage.common.js

@@ -1815,7 +1815,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 _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\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    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    if (this.memberType) {\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    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.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 _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\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    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    if (this.memberType) {\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    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.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");
 
 /***/ }),
 
@@ -1827,7 +1827,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 _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      startDateSelection: -1,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice;\n      }\n\n      return 0;\n    },\n\n    screenFund() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenFund;\n      }\n\n      return 0;\n    },\n\n    screenCommission() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenCommission;\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pri, _this$summaryData2, _this$summaryData2$pr, _this$summaryData3, _this$summaryData3$pr, _this$summaryData3$pr2, _this$summaryData4, _this$summaryData4$pr, _this$summaryData4$pr2, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            this.totalFundAmount = (_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pr = _this$summaryData2.price) === null || _this$summaryData2$pr === void 0 ? void 0 : _this$summaryData2$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : (_this$summaryData3$pr2 = _this$summaryData3$pr.prices) === null || _this$summaryData3$pr2 === void 0 ? void 0 : _this$summaryData3$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : (_this$summaryData4$pr2 = _this$summaryData4$pr.prices) === null || _this$summaryData4$pr2 === void 0 ? void 0 : _this$summaryData4$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData6, _this$summaryData6$pa, _this$summaryData7, _this$summaryData7$pa, _this$summaryData8, _this$summaryData8$pr, _this$summaryData9, _this$summaryData9$pr, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2, _this$summaryData11, _this$summaryData11$p, _this$summaryData11$p2, _this$summaryData12, _this$summaryData12$p, _this$summaryData12$p2;\n\n            this.summaryData = this.packageSummary;\n            const isWarningAllowed = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pa = _this$summaryData6.package) === null || _this$summaryData6$pa === void 0 ? void 0 : _this$summaryData6$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pa = _this$summaryData7.package) === null || _this$summaryData7$pa === void 0 ? void 0 : _this$summaryData7$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pr = _this$summaryData8.price) === null || _this$summaryData8$pr === void 0 ? void 0 : _this$summaryData8$pr.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pr = _this$summaryData9.price) === null || _this$summaryData9$pr === void 0 ? void 0 : _this$summaryData9$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : (_this$summaryData10$p2 = _this$summaryData10$p.prices) === null || _this$summaryData10$p2 === void 0 ? void 0 : _this$summaryData10$p2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$p = _this$summaryData11.price) === null || _this$summaryData11$p === void 0 ? void 0 : (_this$summaryData11$p2 = _this$summaryData11$p.prices) === null || _this$summaryData11$p2 === void 0 ? void 0 : _this$summaryData11$p2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$p = _this$summaryData12.price) === null || _this$summaryData12$p === void 0 ? void 0 : (_this$summaryData12$p2 = _this$summaryData12$p.prices) === null || _this$summaryData12$p2 === void 0 ? void 0 : _this$summaryData12$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData13, _this$summaryData13$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : (_this$summaryData13$f = _this$summaryData13.foreignIndice) === null || _this$summaryData13$f === void 0 ? void 0 : _this$summaryData13$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + totalSum) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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 _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      startDateSelection: -1,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice;\n      }\n\n      return 0;\n    },\n\n    screenFund() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenFund;\n      }\n\n      return 0;\n    },\n\n    screenCommission() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenCommission;\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pac, _this$summaryData2, _this$summaryData2$pa, _this$summaryData3, _this$summaryData3$pr, _this$summaryData4, _this$summaryData4$pr, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2, _this$summaryData6, _this$summaryData6$pr, _this$summaryData6$pr2, _this$summaryData7, _this$summaryData7$pr, _this$summaryData7$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            const isWarningAllowed = (_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pac = _this$summaryData.package) === null || _this$summaryData$pac === void 0 ? void 0 : _this$summaryData$pac.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pa = _this$summaryData2.package) === null || _this$summaryData2$pa === void 0 ? void 0 : _this$summaryData2$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pr = _this$summaryData6.price) === null || _this$summaryData6$pr === void 0 ? void 0 : (_this$summaryData6$pr2 = _this$summaryData6$pr.prices) === null || _this$summaryData6$pr2 === void 0 ? void 0 : _this$summaryData6$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : (_this$summaryData7$pr2 = _this$summaryData7$pr.prices) === null || _this$summaryData7$pr2 === void 0 ? void 0 : _this$summaryData7$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData10$p, _this$summaryData11, _this$summaryData11$p, _this$summaryData12, _this$summaryData12$p, _this$summaryData12$p2, _this$summaryData13, _this$summaryData13$p, _this$summaryData13$p2, _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n            this.summaryData = this.packageSummary;\n            const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : _this$summaryData10$p.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$p = _this$summaryData11.price) === null || _this$summaryData11$p === void 0 ? void 0 : _this$summaryData11$p.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$p = _this$summaryData12.price) === null || _this$summaryData12$p === void 0 ? void 0 : (_this$summaryData12$p2 = _this$summaryData12$p.prices) === null || _this$summaryData12$p2 === void 0 ? void 0 : _this$summaryData12$p2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : (_this$summaryData13$p = _this$summaryData13.price) === null || _this$summaryData13$p === void 0 ? void 0 : (_this$summaryData13$p2 = _this$summaryData13$p.prices) === null || _this$summaryData13$p2 === void 0 ? void 0 : _this$summaryData13$p2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData15, _this$summaryData15$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$f = _this$summaryData15.foreignIndice) === null || _this$summaryData15$f === void 0 ? void 0 : _this$summaryData15$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + totalSum) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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");
 
 /***/ }),
 
@@ -2379,7 +2379,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"customer-detail\" }, [\n    _c(\"div\", { staticClass: \"buy-package\" }, [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\n            \"div\",\n            { staticClass: \"breadcrumb inner-breadcrumb custom-container\" },\n            [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n      _vm.recommendedPackages\n        ? _c(\n            \"div\",\n            { staticClass: \"slider custom-container\" },\n            [\n              _c(\"package-slider\", {\n                attrs: { packages: _vm.recommendedPackages, isDisplay: true },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"tab-layout custom-container\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs\" },\n          _vm._l(\n            _vm.$route.query.isRecommended === undefined\n              ? _vm.appsTab\n              : _vm.appsTab.filter(function (x) {\n                  return x.id == 1 || x.id == 2\n                }),\n            function (tab) {\n              return _c(\n                \"div\",\n                {\n                  key: tab.id,\n                  class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                  attrs: { id: \"tab-\" + tab.id },\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                  ),\n                ]\n              )\n            }\n          ),\n          0\n        ),\n        _c(\"div\", { staticClass: \"burger-menu\" }, [\n          _c(\n            \"ul\",\n            { staticClass: \"menu-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"li\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                    on: {\n                      click: function ($event) {\n                        return _vm.changeTab(tab.id, tab.featureTypeId)\n                      },\n                    },\n                  },\n                  [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                )\n              }\n            ),\n            0\n          ),\n        ]),\n        _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n          _vm.currentTab === 1\n            ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                _c(\"div\", { staticClass: \"tab-item\" }, [\n                  _vm._m(0),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [_c(\"base-icon\", { attrs: { name: \"info\" } }), _vm._m(1)],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(_vm.apps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d + Math.random(),\n                        attrs: {\n                          cssClass: \"package-card\",\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.shortContent,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.profCurrentTab\n                        ),\n                        attrs: { id: \"profTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.platform && d.platform.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.algoCurrentTab\n                        ),\n                        attrs: { id: \"algoTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.algorithm && d.algorithm.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Algo\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 4\n            ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.allResearch, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.application && d.application.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Research\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", [\n      _vm._v(\" Hesap bakiyesi \"),\n      _c(\"span\", [_vm._v(\"25.000₺\")]),\n      _vm._v(\n        \" ve üzerinde olan yatırımcılarımız Osmanlı uygulamalarından dilediği karma lisansını ücretsiz alabilirler. Portföy büyüklüğünün \"\n      ),\n      _c(\"span\", [_vm._v(\"25.000₺\")]),\n      _vm._v(\n        \" altında olması halinde aşağıdaki ücretler hesaptan kesilecektir. \"\n      ),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22571eca3d-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(\"div\", { staticClass: \"customer-detail\" }, [\n    _c(\"div\", { staticClass: \"buy-package\" }, [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\n            \"div\",\n            { staticClass: \"breadcrumb inner-breadcrumb custom-container\" },\n            [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n      _vm.recommendedPackages\n        ? _c(\n            \"div\",\n            { staticClass: \"slider custom-container\" },\n            [\n              _c(\"package-slider\", {\n                attrs: { packages: _vm.recommendedPackages, isDisplay: true },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"tab-layout custom-container\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs\" },\n          _vm._l(\n            _vm.$route.query.isRecommended === undefined\n              ? _vm.appsTab\n              : _vm.appsTab.filter(function (x) {\n                  return x.id == 1 || x.id == 2\n                }),\n            function (tab) {\n              return _c(\n                \"div\",\n                {\n                  key: tab.id,\n                  class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                  attrs: { id: \"tab-\" + tab.id },\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                  ),\n                ]\n              )\n            }\n          ),\n          0\n        ),\n        _c(\"div\", { staticClass: \"burger-menu\" }, [\n          _c(\n            \"ul\",\n            { staticClass: \"menu-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"li\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                    on: {\n                      click: function ($event) {\n                        return _vm.changeTab(tab.id, tab.featureTypeId)\n                      },\n                    },\n                  },\n                  [_vm._v(_vm._s(tab.name))]\n                )\n              }\n            ),\n            0\n          ),\n        ]),\n        _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n          _vm.currentTab === 1\n            ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                _c(\"div\", { staticClass: \"tab-item\" }, [\n                  _vm._m(0),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"info\" } }),\n                      _c(\"p\", [\n                        _vm._v(\" Hesap bakiyesi \"),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.formatPriceNoDecimal(_vm.overallLimit)) +\n                              \"₺\"\n                          ),\n                        ]),\n                        _vm._v(\n                          \" ve üzerinde olan yatırımcılarımız Osmanlı uygulamalarından dilediği karma lisansını ücretsiz alabilirler. Portföy büyüklüğünün \"\n                        ),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.formatPriceNoDecimal(_vm.overallLimit)) +\n                              \"₺\"\n                          ),\n                        ]),\n                        _vm._v(\n                          \" altında olması halinde aşağıdaki ücretler hesaptan kesilecektir. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(_vm.apps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d + Math.random(),\n                        attrs: {\n                          cssClass: \"package-card\",\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.shortContent,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.profCurrentTab\n                        ),\n                        attrs: { id: \"profTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.platform && d.platform.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.algoCurrentTab\n                        ),\n                        attrs: { id: \"algoTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.algorithm && d.algorithm.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Algo\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 4\n            ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.allResearch, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.application && d.application.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Research\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\"Almak istediğiniz uygulama tipini seçiniz.\"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22571eca3d-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");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1824,7 +1824,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 _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\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    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    if (this.memberType) {\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    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.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 _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\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    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    if (this.memberType) {\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    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.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");
 
 /***/ }),
 
@@ -1836,7 +1836,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 _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      startDateSelection: -1,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice;\n      }\n\n      return 0;\n    },\n\n    screenFund() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenFund;\n      }\n\n      return 0;\n    },\n\n    screenCommission() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenCommission;\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pri, _this$summaryData2, _this$summaryData2$pr, _this$summaryData3, _this$summaryData3$pr, _this$summaryData3$pr2, _this$summaryData4, _this$summaryData4$pr, _this$summaryData4$pr2, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            this.totalFundAmount = (_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pr = _this$summaryData2.price) === null || _this$summaryData2$pr === void 0 ? void 0 : _this$summaryData2$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : (_this$summaryData3$pr2 = _this$summaryData3$pr.prices) === null || _this$summaryData3$pr2 === void 0 ? void 0 : _this$summaryData3$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : (_this$summaryData4$pr2 = _this$summaryData4$pr.prices) === null || _this$summaryData4$pr2 === void 0 ? void 0 : _this$summaryData4$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData6, _this$summaryData6$pa, _this$summaryData7, _this$summaryData7$pa, _this$summaryData8, _this$summaryData8$pr, _this$summaryData9, _this$summaryData9$pr, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2, _this$summaryData11, _this$summaryData11$p, _this$summaryData11$p2, _this$summaryData12, _this$summaryData12$p, _this$summaryData12$p2;\n\n            this.summaryData = this.packageSummary;\n            const isWarningAllowed = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pa = _this$summaryData6.package) === null || _this$summaryData6$pa === void 0 ? void 0 : _this$summaryData6$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pa = _this$summaryData7.package) === null || _this$summaryData7$pa === void 0 ? void 0 : _this$summaryData7$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pr = _this$summaryData8.price) === null || _this$summaryData8$pr === void 0 ? void 0 : _this$summaryData8$pr.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pr = _this$summaryData9.price) === null || _this$summaryData9$pr === void 0 ? void 0 : _this$summaryData9$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : (_this$summaryData10$p2 = _this$summaryData10$p.prices) === null || _this$summaryData10$p2 === void 0 ? void 0 : _this$summaryData10$p2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$p = _this$summaryData11.price) === null || _this$summaryData11$p === void 0 ? void 0 : (_this$summaryData11$p2 = _this$summaryData11$p.prices) === null || _this$summaryData11$p2 === void 0 ? void 0 : _this$summaryData11$p2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$p = _this$summaryData12.price) === null || _this$summaryData12$p === void 0 ? void 0 : (_this$summaryData12$p2 = _this$summaryData12$p.prices) === null || _this$summaryData12$p2 === void 0 ? void 0 : _this$summaryData12$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData13, _this$summaryData13$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : (_this$summaryData13$f = _this$summaryData13.foreignIndice) === null || _this$summaryData13$f === void 0 ? void 0 : _this$summaryData13$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + totalSum) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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 _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      startDateSelection: -1,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice;\n      }\n\n      return 0;\n    },\n\n    screenFund() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenFund;\n      }\n\n      return 0;\n    },\n\n    screenCommission() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenCommission;\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pac, _this$summaryData2, _this$summaryData2$pa, _this$summaryData3, _this$summaryData3$pr, _this$summaryData4, _this$summaryData4$pr, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2, _this$summaryData6, _this$summaryData6$pr, _this$summaryData6$pr2, _this$summaryData7, _this$summaryData7$pr, _this$summaryData7$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            const isWarningAllowed = (_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pac = _this$summaryData.package) === null || _this$summaryData$pac === void 0 ? void 0 : _this$summaryData$pac.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pa = _this$summaryData2.package) === null || _this$summaryData2$pa === void 0 ? void 0 : _this$summaryData2$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pr = _this$summaryData6.price) === null || _this$summaryData6$pr === void 0 ? void 0 : (_this$summaryData6$pr2 = _this$summaryData6$pr.prices) === null || _this$summaryData6$pr2 === void 0 ? void 0 : _this$summaryData6$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : (_this$summaryData7$pr2 = _this$summaryData7$pr.prices) === null || _this$summaryData7$pr2 === void 0 ? void 0 : _this$summaryData7$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData10$p, _this$summaryData11, _this$summaryData11$p, _this$summaryData12, _this$summaryData12$p, _this$summaryData12$p2, _this$summaryData13, _this$summaryData13$p, _this$summaryData13$p2, _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n            this.summaryData = this.packageSummary;\n            const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : _this$summaryData10$p.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$p = _this$summaryData11.price) === null || _this$summaryData11$p === void 0 ? void 0 : _this$summaryData11$p.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$p = _this$summaryData12.price) === null || _this$summaryData12$p === void 0 ? void 0 : (_this$summaryData12$p2 = _this$summaryData12$p.prices) === null || _this$summaryData12$p2 === void 0 ? void 0 : _this$summaryData12$p2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : (_this$summaryData13$p = _this$summaryData13.price) === null || _this$summaryData13$p === void 0 ? void 0 : (_this$summaryData13$p2 = _this$summaryData13$p.prices) === null || _this$summaryData13$p2 === void 0 ? void 0 : _this$summaryData13$p2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData15, _this$summaryData15$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$f = _this$summaryData15.foreignIndice) === null || _this$summaryData15$f === void 0 ? void 0 : _this$summaryData15$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + totalSum) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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");
 
 /***/ }),
 
@@ -2388,7 +2388,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"customer-detail\" }, [\n    _c(\"div\", { staticClass: \"buy-package\" }, [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\n            \"div\",\n            { staticClass: \"breadcrumb inner-breadcrumb custom-container\" },\n            [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n      _vm.recommendedPackages\n        ? _c(\n            \"div\",\n            { staticClass: \"slider custom-container\" },\n            [\n              _c(\"package-slider\", {\n                attrs: { packages: _vm.recommendedPackages, isDisplay: true },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"tab-layout custom-container\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs\" },\n          _vm._l(\n            _vm.$route.query.isRecommended === undefined\n              ? _vm.appsTab\n              : _vm.appsTab.filter(function (x) {\n                  return x.id == 1 || x.id == 2\n                }),\n            function (tab) {\n              return _c(\n                \"div\",\n                {\n                  key: tab.id,\n                  class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                  attrs: { id: \"tab-\" + tab.id },\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                  ),\n                ]\n              )\n            }\n          ),\n          0\n        ),\n        _c(\"div\", { staticClass: \"burger-menu\" }, [\n          _c(\n            \"ul\",\n            { staticClass: \"menu-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"li\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                    on: {\n                      click: function ($event) {\n                        return _vm.changeTab(tab.id, tab.featureTypeId)\n                      },\n                    },\n                  },\n                  [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                )\n              }\n            ),\n            0\n          ),\n        ]),\n        _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n          _vm.currentTab === 1\n            ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                _c(\"div\", { staticClass: \"tab-item\" }, [\n                  _vm._m(0),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [_c(\"base-icon\", { attrs: { name: \"info\" } }), _vm._m(1)],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(_vm.apps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d + Math.random(),\n                        attrs: {\n                          cssClass: \"package-card\",\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.shortContent,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.profCurrentTab\n                        ),\n                        attrs: { id: \"profTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.platform && d.platform.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.algoCurrentTab\n                        ),\n                        attrs: { id: \"algoTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.algorithm && d.algorithm.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Algo\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 4\n            ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.allResearch, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.application && d.application.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Research\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", [\n      _vm._v(\" Hesap bakiyesi \"),\n      _c(\"span\", [_vm._v(\"25.000₺\")]),\n      _vm._v(\n        \" ve üzerinde olan yatırımcılarımız Osmanlı uygulamalarından dilediği karma lisansını ücretsiz alabilirler. Portföy büyüklüğünün \"\n      ),\n      _c(\"span\", [_vm._v(\"25.000₺\")]),\n      _vm._v(\n        \" altında olması halinde aşağıdaki ücretler hesaptan kesilecektir. \"\n      ),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22571eca3d-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(\"div\", { staticClass: \"customer-detail\" }, [\n    _c(\"div\", { staticClass: \"buy-package\" }, [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\n            \"div\",\n            { staticClass: \"breadcrumb inner-breadcrumb custom-container\" },\n            [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n      _vm.recommendedPackages\n        ? _c(\n            \"div\",\n            { staticClass: \"slider custom-container\" },\n            [\n              _c(\"package-slider\", {\n                attrs: { packages: _vm.recommendedPackages, isDisplay: true },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"tab-layout custom-container\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs\" },\n          _vm._l(\n            _vm.$route.query.isRecommended === undefined\n              ? _vm.appsTab\n              : _vm.appsTab.filter(function (x) {\n                  return x.id == 1 || x.id == 2\n                }),\n            function (tab) {\n              return _c(\n                \"div\",\n                {\n                  key: tab.id,\n                  class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                  attrs: { id: \"tab-\" + tab.id },\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                  ),\n                ]\n              )\n            }\n          ),\n          0\n        ),\n        _c(\"div\", { staticClass: \"burger-menu\" }, [\n          _c(\n            \"ul\",\n            { staticClass: \"menu-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"li\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                    on: {\n                      click: function ($event) {\n                        return _vm.changeTab(tab.id, tab.featureTypeId)\n                      },\n                    },\n                  },\n                  [_vm._v(_vm._s(tab.name))]\n                )\n              }\n            ),\n            0\n          ),\n        ]),\n        _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n          _vm.currentTab === 1\n            ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                _c(\"div\", { staticClass: \"tab-item\" }, [\n                  _vm._m(0),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"info\" } }),\n                      _c(\"p\", [\n                        _vm._v(\" Hesap bakiyesi \"),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.formatPriceNoDecimal(_vm.overallLimit)) +\n                              \"₺\"\n                          ),\n                        ]),\n                        _vm._v(\n                          \" ve üzerinde olan yatırımcılarımız Osmanlı uygulamalarından dilediği karma lisansını ücretsiz alabilirler. Portföy büyüklüğünün \"\n                        ),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.formatPriceNoDecimal(_vm.overallLimit)) +\n                              \"₺\"\n                          ),\n                        ]),\n                        _vm._v(\n                          \" altında olması halinde aşağıdaki ücretler hesaptan kesilecektir. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(_vm.apps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d + Math.random(),\n                        attrs: {\n                          cssClass: \"package-card\",\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.shortContent,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.profCurrentTab\n                        ),\n                        attrs: { id: \"profTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.platform && d.platform.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.algoCurrentTab\n                        ),\n                        attrs: { id: \"algoTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.algorithm && d.algorithm.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Algo\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 4\n            ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.allResearch, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.application && d.application.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Research\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\"Almak istediğiniz uygulama tipini seçiniz.\"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22571eca3d-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");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1824,7 +1824,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 _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\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    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    if (this.memberType) {\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    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.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 _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\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    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    if (this.memberType) {\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    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.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");
 
 /***/ }),
 
@@ -1836,7 +1836,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 _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      startDateSelection: -1,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice;\n      }\n\n      return 0;\n    },\n\n    screenFund() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenFund;\n      }\n\n      return 0;\n    },\n\n    screenCommission() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenCommission;\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pri, _this$summaryData2, _this$summaryData2$pr, _this$summaryData3, _this$summaryData3$pr, _this$summaryData3$pr2, _this$summaryData4, _this$summaryData4$pr, _this$summaryData4$pr2, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            this.totalFundAmount = (_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pr = _this$summaryData2.price) === null || _this$summaryData2$pr === void 0 ? void 0 : _this$summaryData2$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : (_this$summaryData3$pr2 = _this$summaryData3$pr.prices) === null || _this$summaryData3$pr2 === void 0 ? void 0 : _this$summaryData3$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : (_this$summaryData4$pr2 = _this$summaryData4$pr.prices) === null || _this$summaryData4$pr2 === void 0 ? void 0 : _this$summaryData4$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData6, _this$summaryData6$pa, _this$summaryData7, _this$summaryData7$pa, _this$summaryData8, _this$summaryData8$pr, _this$summaryData9, _this$summaryData9$pr, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2, _this$summaryData11, _this$summaryData11$p, _this$summaryData11$p2, _this$summaryData12, _this$summaryData12$p, _this$summaryData12$p2;\n\n            this.summaryData = this.packageSummary;\n            const isWarningAllowed = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pa = _this$summaryData6.package) === null || _this$summaryData6$pa === void 0 ? void 0 : _this$summaryData6$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pa = _this$summaryData7.package) === null || _this$summaryData7$pa === void 0 ? void 0 : _this$summaryData7$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pr = _this$summaryData8.price) === null || _this$summaryData8$pr === void 0 ? void 0 : _this$summaryData8$pr.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pr = _this$summaryData9.price) === null || _this$summaryData9$pr === void 0 ? void 0 : _this$summaryData9$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : (_this$summaryData10$p2 = _this$summaryData10$p.prices) === null || _this$summaryData10$p2 === void 0 ? void 0 : _this$summaryData10$p2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$p = _this$summaryData11.price) === null || _this$summaryData11$p === void 0 ? void 0 : (_this$summaryData11$p2 = _this$summaryData11$p.prices) === null || _this$summaryData11$p2 === void 0 ? void 0 : _this$summaryData11$p2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$p = _this$summaryData12.price) === null || _this$summaryData12$p === void 0 ? void 0 : (_this$summaryData12$p2 = _this$summaryData12$p.prices) === null || _this$summaryData12$p2 === void 0 ? void 0 : _this$summaryData12$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData13, _this$summaryData13$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : (_this$summaryData13$f = _this$summaryData13.foreignIndice) === null || _this$summaryData13$f === void 0 ? void 0 : _this$summaryData13$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + totalSum) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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 _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      startDateSelection: -1,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice;\n      }\n\n      return 0;\n    },\n\n    screenFund() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenFund;\n      }\n\n      return 0;\n    },\n\n    screenCommission() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenCommission;\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    goBack() {\n      return this.$router.go(-1);\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pac, _this$summaryData2, _this$summaryData2$pa, _this$summaryData3, _this$summaryData3$pr, _this$summaryData4, _this$summaryData4$pr, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2, _this$summaryData6, _this$summaryData6$pr, _this$summaryData6$pr2, _this$summaryData7, _this$summaryData7$pr, _this$summaryData7$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            const isWarningAllowed = (_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pac = _this$summaryData.package) === null || _this$summaryData$pac === void 0 ? void 0 : _this$summaryData$pac.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pa = _this$summaryData2.package) === null || _this$summaryData2$pa === void 0 ? void 0 : _this$summaryData2$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pr = _this$summaryData6.price) === null || _this$summaryData6$pr === void 0 ? void 0 : (_this$summaryData6$pr2 = _this$summaryData6$pr.prices) === null || _this$summaryData6$pr2 === void 0 ? void 0 : _this$summaryData6$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : (_this$summaryData7$pr2 = _this$summaryData7$pr.prices) === null || _this$summaryData7$pr2 === void 0 ? void 0 : _this$summaryData7$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData10$p, _this$summaryData11, _this$summaryData11$p, _this$summaryData12, _this$summaryData12$p, _this$summaryData12$p2, _this$summaryData13, _this$summaryData13$p, _this$summaryData13$p2, _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n            this.summaryData = this.packageSummary;\n            const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n            const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n            if (isWarningAllowed.length && !hasPriceVal.length ? this.isWarningAllowed = false : this.isWarningAllowed = true) ;\n            this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : _this$summaryData10$p.totalFundAmount;\n            this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$p = _this$summaryData11.price) === null || _this$summaryData11$p === void 0 ? void 0 : _this$summaryData11$p.totalCommissionAmount;\n            this.totalPriceTl = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$p = _this$summaryData12.price) === null || _this$summaryData12$p === void 0 ? void 0 : (_this$summaryData12$p2 = _this$summaryData12$p.prices) === null || _this$summaryData12$p2 === void 0 ? void 0 : _this$summaryData12$p2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : (_this$summaryData13$p = _this$summaryData13.price) === null || _this$summaryData13$p === void 0 ? void 0 : (_this$summaryData13$p2 = _this$summaryData13$p.prices) === null || _this$summaryData13$p2 === void 0 ? void 0 : _this$summaryData13$p2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData15, _this$summaryData15$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$f = _this$summaryData15.foreignIndice) === null || _this$summaryData15$f === void 0 ? void 0 : _this$summaryData15$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + totalSum) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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");
 
 /***/ }),
 
@@ -2388,7 +2388,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"customer-detail\" }, [\n    _c(\"div\", { staticClass: \"buy-package\" }, [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\n            \"div\",\n            { staticClass: \"breadcrumb inner-breadcrumb custom-container\" },\n            [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n      _vm.recommendedPackages\n        ? _c(\n            \"div\",\n            { staticClass: \"slider custom-container\" },\n            [\n              _c(\"package-slider\", {\n                attrs: { packages: _vm.recommendedPackages, isDisplay: true },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"tab-layout custom-container\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs\" },\n          _vm._l(\n            _vm.$route.query.isRecommended === undefined\n              ? _vm.appsTab\n              : _vm.appsTab.filter(function (x) {\n                  return x.id == 1 || x.id == 2\n                }),\n            function (tab) {\n              return _c(\n                \"div\",\n                {\n                  key: tab.id,\n                  class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                  attrs: { id: \"tab-\" + tab.id },\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                  ),\n                ]\n              )\n            }\n          ),\n          0\n        ),\n        _c(\"div\", { staticClass: \"burger-menu\" }, [\n          _c(\n            \"ul\",\n            { staticClass: \"menu-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"li\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                    on: {\n                      click: function ($event) {\n                        return _vm.changeTab(tab.id, tab.featureTypeId)\n                      },\n                    },\n                  },\n                  [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                )\n              }\n            ),\n            0\n          ),\n        ]),\n        _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n          _vm.currentTab === 1\n            ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                _c(\"div\", { staticClass: \"tab-item\" }, [\n                  _vm._m(0),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [_c(\"base-icon\", { attrs: { name: \"info\" } }), _vm._m(1)],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(_vm.apps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d + Math.random(),\n                        attrs: {\n                          cssClass: \"package-card\",\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.shortContent,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.profCurrentTab\n                        ),\n                        attrs: { id: \"profTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.platform && d.platform.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.algoCurrentTab\n                        ),\n                        attrs: { id: \"algoTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.algorithm && d.algorithm.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Algo\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 4\n            ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.allResearch, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.application && d.application.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Research\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", [\n      _vm._v(\" Hesap bakiyesi \"),\n      _c(\"span\", [_vm._v(\"25.000₺\")]),\n      _vm._v(\n        \" ve üzerinde olan yatırımcılarımız Osmanlı uygulamalarından dilediği karma lisansını ücretsiz alabilirler. Portföy büyüklüğünün \"\n      ),\n      _c(\"span\", [_vm._v(\"25.000₺\")]),\n      _vm._v(\n        \" altında olması halinde aşağıdaki ücretler hesaptan kesilecektir. \"\n      ),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22571eca3d-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(\"div\", { staticClass: \"customer-detail\" }, [\n    _c(\"div\", { staticClass: \"buy-package\" }, [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\n            \"div\",\n            { staticClass: \"breadcrumb inner-breadcrumb custom-container\" },\n            [\n              _c(\n                \"button\",\n                { staticClass: \"back-button\", on: { click: _vm.goBack } },\n                [\n                  _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                  _vm._v(\"Geri dön \"),\n                ],\n                1\n              ),\n            ]\n          )\n        : _vm._e(),\n      _vm.recommendedPackages\n        ? _c(\n            \"div\",\n            { staticClass: \"slider custom-container\" },\n            [\n              _c(\"package-slider\", {\n                attrs: { packages: _vm.recommendedPackages, isDisplay: true },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"tab-layout custom-container\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs\" },\n          _vm._l(\n            _vm.$route.query.isRecommended === undefined\n              ? _vm.appsTab\n              : _vm.appsTab.filter(function (x) {\n                  return x.id == 1 || x.id == 2\n                }),\n            function (tab) {\n              return _c(\n                \"div\",\n                {\n                  key: tab.id,\n                  class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                  attrs: { id: \"tab-\" + tab.id },\n                },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                  ),\n                ]\n              )\n            }\n          ),\n          0\n        ),\n        _c(\"div\", { staticClass: \"burger-menu\" }, [\n          _c(\n            \"ul\",\n            { staticClass: \"menu-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"li\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                    on: {\n                      click: function ($event) {\n                        return _vm.changeTab(tab.id, tab.featureTypeId)\n                      },\n                    },\n                  },\n                  [_vm._v(_vm._s(tab.name))]\n                )\n              }\n            ),\n            0\n          ),\n        ]),\n        _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n          _vm.currentTab === 1\n            ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                _c(\"div\", { staticClass: \"tab-item\" }, [\n                  _vm._m(0),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"info\" } }),\n                      _c(\"p\", [\n                        _vm._v(\" Hesap bakiyesi \"),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.formatPriceNoDecimal(_vm.overallLimit)) +\n                              \"₺\"\n                          ),\n                        ]),\n                        _vm._v(\n                          \" ve üzerinde olan yatırımcılarımız Osmanlı uygulamalarından dilediği karma lisansını ücretsiz alabilirler. Portföy büyüklüğünün \"\n                        ),\n                        _c(\"span\", [\n                          _vm._v(\n                            _vm._s(_vm.formatPriceNoDecimal(_vm.overallLimit)) +\n                              \"₺\"\n                          ),\n                        ]),\n                        _vm._v(\n                          \" altında olması halinde aşağıdaki ücretler hesaptan kesilecektir. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(_vm.apps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d + Math.random(),\n                        attrs: {\n                          cssClass: \"package-card\",\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.shortContent,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.profCurrentTab\n                        ),\n                        attrs: { id: \"profTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.platform && d.platform.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"profAlgoTabs\" },\n                  _vm._l(_vm.profAlgoTab, function (item) {\n                    return _c(\n                      \"div\",\n                      {\n                        key: item.id,\n                        class: _vm.tabClass(\n                          item.id,\n                          \"profAlgoTab\",\n                          _vm.algoCurrentTab\n                        ),\n                        attrs: { id: \"algoTabs-\" + item.id },\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                          },\n                        },\n                      },\n                      [\n                        _c(\"p\", { staticClass: \"name\" }, [\n                          _vm._v(_vm._s(item.name)),\n                        ]),\n                      ]\n                    )\n                  }),\n                  0\n                ),\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.profAlgoApps, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.algorithm && d.algorithm.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Algo\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 4\n            ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                _c(\n                  \"div\",\n                  { staticClass: \"card-container package-list\" },\n                  _vm._l(this.allResearch, function (d) {\n                    return _c(\"card-item\", {\n                      key: d.name + Math.random(),\n                      attrs: {\n                        item: Object.assign(\n                          {},\n                          {\n                            imageUrl: d.imageUrl,\n                            title: d.name,\n                            subtitle: d.application && d.application.name,\n                            description: d.description,\n                            price: d.price,\n                          },\n                          d\n                        ),\n                        currentTab: \"Research\",\n                      },\n                    })\n                  }),\n                  1\n                ),\n              ])\n            : _vm._e(),\n        ]),\n      ]),\n    ]),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\"Almak istediğiniz uygulama tipini seçiniz.\"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22571eca3d-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");
 
 /***/ }),
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "osmanli-veri-dagitim",
-  "version": "2.0.67",
-  "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.67",
+  "version": "2.0.69",
+  "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.69",
   "files": [
     "dist"
   ],