osmanli-veri-dagitim 2.0.28 → 2.0.29

package/dist/OsmanliPackage.common.js

@@ -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      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\", \"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    getUserInfo() {\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    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$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_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$pr.totalFundAmount;\n            this.totalCommissionAmount = (_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$pr.totalCommissionAmount;\n            this.totalPriceTl = (_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$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_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$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_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.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData11, _this$summaryData12, _this$summaryData12$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      console.log((_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.foreignIndice);\n      let totalSum = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$f = _this$summaryData12.foreignIndice) === null || _this$summaryData12$f === void 0 ? void 0 : _this$summaryData12$f.reduce(function (value, object) {\n        return value + object[\"totalPrice\"];\n      }, 0);\n      console.log(totalSum);\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        purchaseNumber: this.packageNumber.toString(),\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        } 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      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\", \"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    getUserInfo() {\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    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$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_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$pr.totalFundAmount;\n            this.totalCommissionAmount = (_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$pr.totalCommissionAmount;\n            this.totalPriceTl = (_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$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_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$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_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.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData11, _this$summaryData11$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalSum = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$f = _this$summaryData11.foreignIndice) === null || _this$summaryData11$f === void 0 ? void 0 : _this$summaryData11$f.reduce(function (value, object) {\n        return value + object[\"totalPrice\"];\n      }, 0);\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        purchaseNumber: this.packageNumber.toString(),\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        } 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");
 
 /***/ }),
 
@@ -3925,7 +3925,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"label {\\n  font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.v-select {\\n  background: white;\\n  border: 1px solid white;\\n  border-radius: var(--radius-first);\\n}\\n.v-select.error {\\n    border-color: red !important;\\n    border-radius: var(--radius-first);\\n}\\n.v-select.error .vs__dropdown-toggle svg {\\n      fill: var(--red);\\n}\\n.v-select.vs--open {\\n    border-color: var(--green);\\n}\\n.v-select.vs--open .vs__selected {\\n      position: static;\\n}\\n.v-select .vs__dropdown-toggle {\\n    padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n    border: 1px solid #d4d4d7;\\n    background-color: rgba(255, 255, 255, 0.5);\\n    min-width: 200px;\\n}\\n@media (max-width: 768px) {\\n.v-select .vs__dropdown-toggle {\\n        min-width: auto;\\n}\\n}\\n.v-select .vs__dropdown-toggle svg {\\n      fill: #474747;\\n}\\n.v-select .vs__search, .v-select .vs__selected,\\n  .v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.v-select .vs__selected {\\n    color: #000;\\n}\\n.v-select .vs__dropdown-option--highlight {\\n    background: #000;\\n}\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.readonly .vs__actions {\\n  display: none;\\n}\\n.vs__dropdown-option {\\n  white-space: normal;\\n  font-family: \\\"Roboto\\\", sans-serif;\\n  font-size: 14px;\\n}\\n[data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.option .v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"label {\\n  font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.v-select {\\n  background: white;\\n  border: 1px solid white;\\n  border-radius: var(--radius-first);\\n}\\n.v-select.error {\\n    border-color: red !important;\\n    border-radius: var(--radius-first);\\n}\\n.v-select.error .vs__dropdown-toggle svg {\\n      fill: var(--red);\\n}\\n.v-select.vs--open {\\n    border-color: var(--green);\\n}\\n.v-select.vs--open .vs__selected {\\n      position: static;\\n}\\n.v-select .vs__dropdown-toggle {\\n    padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n    border: 1px solid #d4d4d7;\\n    background-color: rgba(255, 255, 255, 0.5);\\n    min-width: 200px !important;\\n}\\n@media (max-width: 768px) {\\n.v-select .vs__dropdown-toggle {\\n        min-width: auto;\\n}\\n}\\n.v-select .vs__dropdown-toggle svg {\\n      fill: #474747;\\n}\\n.v-select .vs__search, .v-select .vs__selected,\\n  .v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.v-select .vs__selected {\\n    color: #000;\\n}\\n.v-select .vs__dropdown-option--highlight {\\n    background: #000;\\n}\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.readonly .vs__actions {\\n  display: none;\\n}\\n.vs__dropdown-option {\\n  white-space: normal;\\n  font-family: \\\"Roboto\\\", sans-serif;\\n  font-size: 14px;\\n}\\n[data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.option .v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -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      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\", \"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    getUserInfo() {\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    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$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_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$pr.totalFundAmount;\n            this.totalCommissionAmount = (_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$pr.totalCommissionAmount;\n            this.totalPriceTl = (_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$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_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$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_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.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData11, _this$summaryData12, _this$summaryData12$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      console.log((_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.foreignIndice);\n      let totalSum = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$f = _this$summaryData12.foreignIndice) === null || _this$summaryData12$f === void 0 ? void 0 : _this$summaryData12$f.reduce(function (value, object) {\n        return value + object[\"totalPrice\"];\n      }, 0);\n      console.log(totalSum);\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        purchaseNumber: this.packageNumber.toString(),\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        } 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      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\", \"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    getUserInfo() {\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    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$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_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$pr.totalFundAmount;\n            this.totalCommissionAmount = (_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$pr.totalCommissionAmount;\n            this.totalPriceTl = (_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$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_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$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_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.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData11, _this$summaryData11$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalSum = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$f = _this$summaryData11.foreignIndice) === null || _this$summaryData11$f === void 0 ? void 0 : _this$summaryData11$f.reduce(function (value, object) {\n        return value + object[\"totalPrice\"];\n      }, 0);\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        purchaseNumber: this.packageNumber.toString(),\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        } 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");
 
 /***/ }),
 
@@ -3934,7 +3934,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"label {\\n  font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.v-select {\\n  background: white;\\n  border: 1px solid white;\\n  border-radius: var(--radius-first);\\n}\\n.v-select.error {\\n    border-color: red !important;\\n    border-radius: var(--radius-first);\\n}\\n.v-select.error .vs__dropdown-toggle svg {\\n      fill: var(--red);\\n}\\n.v-select.vs--open {\\n    border-color: var(--green);\\n}\\n.v-select.vs--open .vs__selected {\\n      position: static;\\n}\\n.v-select .vs__dropdown-toggle {\\n    padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n    border: 1px solid #d4d4d7;\\n    background-color: rgba(255, 255, 255, 0.5);\\n    min-width: 200px;\\n}\\n@media (max-width: 768px) {\\n.v-select .vs__dropdown-toggle {\\n        min-width: auto;\\n}\\n}\\n.v-select .vs__dropdown-toggle svg {\\n      fill: #474747;\\n}\\n.v-select .vs__search, .v-select .vs__selected,\\n  .v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.v-select .vs__selected {\\n    color: #000;\\n}\\n.v-select .vs__dropdown-option--highlight {\\n    background: #000;\\n}\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.readonly .vs__actions {\\n  display: none;\\n}\\n.vs__dropdown-option {\\n  white-space: normal;\\n  font-family: \\\"Roboto\\\", sans-serif;\\n  font-size: 14px;\\n}\\n[data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.option .v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"label {\\n  font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.v-select {\\n  background: white;\\n  border: 1px solid white;\\n  border-radius: var(--radius-first);\\n}\\n.v-select.error {\\n    border-color: red !important;\\n    border-radius: var(--radius-first);\\n}\\n.v-select.error .vs__dropdown-toggle svg {\\n      fill: var(--red);\\n}\\n.v-select.vs--open {\\n    border-color: var(--green);\\n}\\n.v-select.vs--open .vs__selected {\\n      position: static;\\n}\\n.v-select .vs__dropdown-toggle {\\n    padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n    border: 1px solid #d4d4d7;\\n    background-color: rgba(255, 255, 255, 0.5);\\n    min-width: 200px !important;\\n}\\n@media (max-width: 768px) {\\n.v-select .vs__dropdown-toggle {\\n        min-width: auto;\\n}\\n}\\n.v-select .vs__dropdown-toggle svg {\\n      fill: #474747;\\n}\\n.v-select .vs__search, .v-select .vs__selected,\\n  .v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.v-select .vs__selected {\\n    color: #000;\\n}\\n.v-select .vs__dropdown-option--highlight {\\n    background: #000;\\n}\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.readonly .vs__actions {\\n  display: none;\\n}\\n.vs__dropdown-option {\\n  white-space: normal;\\n  font-family: \\\"Roboto\\\", sans-serif;\\n  font-size: 14px;\\n}\\n[data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.option .v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -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      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\", \"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    getUserInfo() {\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    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$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_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$pr.totalFundAmount;\n            this.totalCommissionAmount = (_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$pr.totalCommissionAmount;\n            this.totalPriceTl = (_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$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_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$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_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.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData11, _this$summaryData12, _this$summaryData12$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      console.log((_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.foreignIndice);\n      let totalSum = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : (_this$summaryData12$f = _this$summaryData12.foreignIndice) === null || _this$summaryData12$f === void 0 ? void 0 : _this$summaryData12$f.reduce(function (value, object) {\n        return value + object[\"totalPrice\"];\n      }, 0);\n      console.log(totalSum);\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        purchaseNumber: this.packageNumber.toString(),\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        } 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      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\", \"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    getUserInfo() {\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    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$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_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$pr.totalFundAmount;\n            this.totalCommissionAmount = (_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$pr.totalCommissionAmount;\n            this.totalPriceTl = (_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$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_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$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_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.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData11, _this$summaryData11$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalSum = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : (_this$summaryData11$f = _this$summaryData11.foreignIndice) === null || _this$summaryData11$f === void 0 ? void 0 : _this$summaryData11$f.reduce(function (value, object) {\n        return value + object[\"totalPrice\"];\n      }, 0);\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        purchaseNumber: this.packageNumber.toString(),\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        } 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");
 
 /***/ }),
 
@@ -3934,7 +3934,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"label {\\n  font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.v-select {\\n  background: white;\\n  border: 1px solid white;\\n  border-radius: var(--radius-first);\\n}\\n.v-select.error {\\n    border-color: red !important;\\n    border-radius: var(--radius-first);\\n}\\n.v-select.error .vs__dropdown-toggle svg {\\n      fill: var(--red);\\n}\\n.v-select.vs--open {\\n    border-color: var(--green);\\n}\\n.v-select.vs--open .vs__selected {\\n      position: static;\\n}\\n.v-select .vs__dropdown-toggle {\\n    padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n    border: 1px solid #d4d4d7;\\n    background-color: rgba(255, 255, 255, 0.5);\\n    min-width: 200px;\\n}\\n@media (max-width: 768px) {\\n.v-select .vs__dropdown-toggle {\\n        min-width: auto;\\n}\\n}\\n.v-select .vs__dropdown-toggle svg {\\n      fill: #474747;\\n}\\n.v-select .vs__search, .v-select .vs__selected,\\n  .v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.v-select .vs__selected {\\n    color: #000;\\n}\\n.v-select .vs__dropdown-option--highlight {\\n    background: #000;\\n}\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.readonly .vs__actions {\\n  display: none;\\n}\\n.vs__dropdown-option {\\n  white-space: normal;\\n  font-family: \\\"Roboto\\\", sans-serif;\\n  font-size: 14px;\\n}\\n[data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.option .v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \"label {\\n  font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.v-select {\\n  background: white;\\n  border: 1px solid white;\\n  border-radius: var(--radius-first);\\n}\\n.v-select.error {\\n    border-color: red !important;\\n    border-radius: var(--radius-first);\\n}\\n.v-select.error .vs__dropdown-toggle svg {\\n      fill: var(--red);\\n}\\n.v-select.vs--open {\\n    border-color: var(--green);\\n}\\n.v-select.vs--open .vs__selected {\\n      position: static;\\n}\\n.v-select .vs__dropdown-toggle {\\n    padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n    border: 1px solid #d4d4d7;\\n    background-color: rgba(255, 255, 255, 0.5);\\n    min-width: 200px !important;\\n}\\n@media (max-width: 768px) {\\n.v-select .vs__dropdown-toggle {\\n        min-width: auto;\\n}\\n}\\n.v-select .vs__dropdown-toggle svg {\\n      fill: #474747;\\n}\\n.v-select .vs__search, .v-select .vs__selected,\\n  .v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.v-select .vs__selected {\\n    color: #000;\\n}\\n.v-select .vs__dropdown-option--highlight {\\n    background: #000;\\n}\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.readonly .vs__actions {\\n  display: none;\\n}\\n.vs__dropdown-option {\\n  white-space: normal;\\n  font-family: \\\"Roboto\\\", sans-serif;\\n  font-size: 14px;\\n}\\n[data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.option .v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "osmanli-veri-dagitim",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "main": "./dist/OsmanliPackage.umd.min.js",
   "files": [
     "dist"