osmanli-veri-dagitim 2.1.81-dev → 2.1.83-dev

package/dist/OsmanliPackage.common.js

@@ -1534,7 +1534,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Pager\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n  },\n  props: {\n    page: Object,\n    pageName: String\n  },\n\n  data() {\n    return {\n      pageSize: 5,\n      customerId: null,\n      changedXlsxData: []\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"generalFilter\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getAllPackages\", \"getHistoryList\", \"getRepresentativeReport\", \"getInvoiceList\", \"userRoleGetUsersList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setInvoiceFilter\"]),\n\n    setPage(page) {\n      page = parseInt(page);\n      console.log(page);\n      this.setGeneralFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName == \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"history\") {\n        this.getHistoryList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.scroll();\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName == \"invoice\") {\n        this.getInvoiceList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName === \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    },\n\n    setPageSizes(selectedValue) {\n      const selectedNumber = parseInt(selectedValue);\n      this.pageSize = selectedNumber;\n    },\n\n    scroll() {\n      const el = document.getElementById(\"content\");\n      const topData = document.getElementById(this.pageName);\n      el.scrollTo({\n        top: topData.offsetTop,\n        left: 0,\n        behavior: \"smooth\"\n      });\n    }\n\n  },\n  watch: {\n    pageSize() {\n      this.setGeneralFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName === \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId);\n      } else if (this.pageName === \"history\") {\n        this.getHistoryList(this.customerId);\n      } else if (this.pageName === \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName === \"invoice\") {\n        this.getInvoiceList(this.customerId);\n      } else if (this.pageName == \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Pager\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n  },\n  props: {\n    page: Object,\n    pageName: String\n  },\n\n  data() {\n    return {\n      pageSize: 5,\n      customerId: null,\n      changedXlsxData: []\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"generalFilter\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getAllPackages\", \"getHistoryList\", \"getRepresentativeReport\", \"getInvoiceList\", \"userRoleGetUsersList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setInvoiceFilter\"]),\n\n    setPage(page) {\n      page = parseInt(page);\n      this.setGeneralFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName == \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"history\") {\n        this.getHistoryList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.scroll();\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName == \"invoice\") {\n        this.getInvoiceList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName === \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    },\n\n    setPageSizes(selectedValue) {\n      const selectedNumber = parseInt(selectedValue);\n      this.pageSize = selectedNumber;\n    },\n\n    scroll() {\n      const el = document.getElementById(\"content\");\n      const topData = document.getElementById(this.pageName);\n      el.scrollTo({\n        top: topData.offsetTop,\n        left: 0,\n        behavior: \"smooth\"\n      });\n    }\n\n  },\n  watch: {\n    pageSize() {\n      this.setGeneralFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName === \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId);\n      } else if (this.pageName === \"history\") {\n        this.getHistoryList(this.customerId);\n      } else if (this.pageName === \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName === \"invoice\") {\n        this.getInvoiceList(this.customerId);\n      } else if (this.pageName == \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1714,7 +1714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: -1,\n        label: \"Seçiniz\"\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    getServerSideDate() {\n      return this.getUserInfo.date;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      const splitDate = String(this.getServerSideDate).split(\"-\")[1];\n      const splitMonth = String(splitDate).split(\"-\")[0];\n      let currentMonth = parseInt(splitMonth);\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: -1,\n      selectedMonth: -1,\n      selectedAppType: 0,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    getServerSideDate() {\n      return this.getUserInfo.date;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      const splitDate = String(this.getServerSideDate).split(\"-\")[1];\n      const splitMonth = String(splitDate).split(\"-\")[0];\n      let currentMonth = parseInt(splitMonth);\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.selectedAppType = -1;\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      var _this$selectedYear;\n\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n      console.log(this.selectedYear);\n\n      if (this.selectedYear !== -1 && ((_this$selectedYear = this.selectedYear) === null || _this$selectedYear === void 0 ? void 0 : _this$selectedYear.code) !== -1) {\n        filters.filter.Year = this.selectedYear.label;\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1846,7 +1846,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0,\n      getActiveProductsLength: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\", \"allPackages\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"getAllPackages\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[1].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[1].url.params\n      });\n      return goBack;\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    this.getAllPackages(this.cusId);\n    this.$nextTick(() => {\n      setTimeout(() => {\n        const getActives = this.allPackages.data.filter(o => o.packageStatus.id == 2);\n        this.getActiveProductsLength = getActives.length;\n      }, 250);\n    });\n\n    if (this.memberType) {\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n\n    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0,\n      getActiveProductsLength: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\", \"allPackages\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"getAllPackages\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.esube == \"yes\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[1].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[1].url.params\n      });\n      return goBack;\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    this.getAllPackages(this.cusId);\n    this.$nextTick(() => {\n      setTimeout(() => {\n        const getActives = this.allPackages.data.filter(o => o.packageStatus.id == 2);\n        this.getActiveProductsLength = getActives.length;\n      }, 250);\n    });\n\n    if (this.memberType) {\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n\n    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1858,7 +1858,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    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: false,\n      infoText: [\"Veri paketiniz iptal edilmemesi durumunda bir sonraki ay başında tekrar güncellenecektir.\", \"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      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\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    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_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.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_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$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_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.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\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    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\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    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\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) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.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$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let totalDollar = (_this$totalPriceNextM = this.totalPriceNextMonthDollar) !== null && _this$totalPriceNextM !== void 0 && _this$totalPriceNextM.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM2 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM2 === void 0 ? void 0 : _this$totalPriceNextM2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM3 !== void 0 && _this$totalPriceNextM3.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM4 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceNextM5 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined || ((_this$totalPriceNextM6 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice) + \" TL\" : \"0 TL\";\n      return `${tlTotal} ${totalDollar}${totalEuro}`;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\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    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: false,\n      infoText: [\"Veri paketiniz iptal edilmemesi durumunda bir sonraki ay başında tekrar güncellenecektir.\", \"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      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\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    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_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.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_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$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_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.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\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    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\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    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res.data) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\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) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.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$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let totalDollar = (_this$totalPriceNextM = this.totalPriceNextMonthDollar) !== null && _this$totalPriceNextM !== void 0 && _this$totalPriceNextM.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM2 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM2 === void 0 ? void 0 : _this$totalPriceNextM2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM3 !== void 0 && _this$totalPriceNextM3.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM4 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceNextM5 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined || ((_this$totalPriceNextM6 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice) + \" TL\" : \"0 TL\";\n      return `${tlTotal} ${totalDollar}${totalEuro}`;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\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");
 
 /***/ }),
 
@@ -2290,7 +2290,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"filter\" },\n    [\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Yıl\",\n          id: \"invoiceYearFilter\",\n          placeholder: String(_vm.selectedYear.label),\n          clearable: false,\n          options: _vm.availableYears,\n          selectedId: _vm.selectedYear,\n        },\n        on: { change: _vm.changeInvoiceYear },\n      }),\n      !_vm.getUserType\n        ? _c(\"base-select\", {\n            staticClass: \"filter-selectbox\",\n            attrs: {\n              fieldLabel: \"Ay\",\n              id: \"invoiceMonthFilter\",\n              placeholder: \"Tümü\",\n              clearable: false,\n              options: _vm.availableMonths,\n              selectedId: parseInt(_vm.selectedMonth),\n            },\n            on: { change: _vm.changeInvoiceMonth },\n          })\n        : _vm._e(),\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Veri Grubu\",\n          id: \"applicationTypeFilter\",\n          clearable: false,\n          options: _vm.ApplicationTypes,\n          selectedId: parseInt(_vm.selectedAppType),\n          placeholder: \"Hepsi\",\n        },\n        on: { change: _vm.changeApplicationTypes },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"filter\" },\n    [\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Yıl\",\n          id: \"invoiceYearFilter\",\n          clearable: false,\n          options: _vm.availableYears,\n          selectedId: parseInt(_vm.selectedYear),\n        },\n        on: { change: _vm.changeInvoiceYear },\n      }),\n      !_vm.getUserType\n        ? _c(\"base-select\", {\n            staticClass: \"filter-selectbox\",\n            attrs: {\n              fieldLabel: \"Ay\",\n              id: \"invoiceMonthFilter\",\n              clearable: false,\n              options: _vm.availableMonths,\n              selectedId: parseInt(_vm.selectedMonth),\n            },\n            on: { change: _vm.changeInvoiceMonth },\n          })\n        : _vm._e(),\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Veri Grubu\",\n          id: \"applicationTypeFilter\",\n          clearable: false,\n          options: _vm.ApplicationTypes,\n          selectedId: _vm.selectedAppType,\n        },\n        on: { change: _vm.changeApplicationTypes },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1543,7 +1543,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Pager\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n  },\n  props: {\n    page: Object,\n    pageName: String\n  },\n\n  data() {\n    return {\n      pageSize: 5,\n      customerId: null,\n      changedXlsxData: []\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"generalFilter\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getAllPackages\", \"getHistoryList\", \"getRepresentativeReport\", \"getInvoiceList\", \"userRoleGetUsersList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setInvoiceFilter\"]),\n\n    setPage(page) {\n      page = parseInt(page);\n      console.log(page);\n      this.setGeneralFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName == \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"history\") {\n        this.getHistoryList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.scroll();\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName == \"invoice\") {\n        this.getInvoiceList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName === \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    },\n\n    setPageSizes(selectedValue) {\n      const selectedNumber = parseInt(selectedValue);\n      this.pageSize = selectedNumber;\n    },\n\n    scroll() {\n      const el = document.getElementById(\"content\");\n      const topData = document.getElementById(this.pageName);\n      el.scrollTo({\n        top: topData.offsetTop,\n        left: 0,\n        behavior: \"smooth\"\n      });\n    }\n\n  },\n  watch: {\n    pageSize() {\n      this.setGeneralFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName === \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId);\n      } else if (this.pageName === \"history\") {\n        this.getHistoryList(this.customerId);\n      } else if (this.pageName === \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName === \"invoice\") {\n        this.getInvoiceList(this.customerId);\n      } else if (this.pageName == \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Pager\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n  },\n  props: {\n    page: Object,\n    pageName: String\n  },\n\n  data() {\n    return {\n      pageSize: 5,\n      customerId: null,\n      changedXlsxData: []\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"generalFilter\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getAllPackages\", \"getHistoryList\", \"getRepresentativeReport\", \"getInvoiceList\", \"userRoleGetUsersList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setInvoiceFilter\"]),\n\n    setPage(page) {\n      page = parseInt(page);\n      this.setGeneralFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName == \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"history\") {\n        this.getHistoryList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.scroll();\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName == \"invoice\") {\n        this.getInvoiceList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName === \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    },\n\n    setPageSizes(selectedValue) {\n      const selectedNumber = parseInt(selectedValue);\n      this.pageSize = selectedNumber;\n    },\n\n    scroll() {\n      const el = document.getElementById(\"content\");\n      const topData = document.getElementById(this.pageName);\n      el.scrollTo({\n        top: topData.offsetTop,\n        left: 0,\n        behavior: \"smooth\"\n      });\n    }\n\n  },\n  watch: {\n    pageSize() {\n      this.setGeneralFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName === \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId);\n      } else if (this.pageName === \"history\") {\n        this.getHistoryList(this.customerId);\n      } else if (this.pageName === \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName === \"invoice\") {\n        this.getInvoiceList(this.customerId);\n      } else if (this.pageName == \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.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");
 
 /***/ }),
 
@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: -1,\n        label: \"Seçiniz\"\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    getServerSideDate() {\n      return this.getUserInfo.date;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      const splitDate = String(this.getServerSideDate).split(\"-\")[1];\n      const splitMonth = String(splitDate).split(\"-\")[0];\n      let currentMonth = parseInt(splitMonth);\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: -1,\n      selectedMonth: -1,\n      selectedAppType: 0,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    getServerSideDate() {\n      return this.getUserInfo.date;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      const splitDate = String(this.getServerSideDate).split(\"-\")[1];\n      const splitMonth = String(splitDate).split(\"-\")[0];\n      let currentMonth = parseInt(splitMonth);\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.selectedAppType = -1;\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      var _this$selectedYear;\n\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n      console.log(this.selectedYear);\n\n      if (this.selectedYear !== -1 && ((_this$selectedYear = this.selectedYear) === null || _this$selectedYear === void 0 ? void 0 : _this$selectedYear.code) !== -1) {\n        filters.filter.Year = this.selectedYear.label;\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1855,7 +1855,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0,\n      getActiveProductsLength: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\", \"allPackages\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"getAllPackages\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[1].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[1].url.params\n      });\n      return goBack;\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    this.getAllPackages(this.cusId);\n    this.$nextTick(() => {\n      setTimeout(() => {\n        const getActives = this.allPackages.data.filter(o => o.packageStatus.id == 2);\n        this.getActiveProductsLength = getActives.length;\n      }, 250);\n    });\n\n    if (this.memberType) {\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n\n    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0,\n      getActiveProductsLength: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\", \"allPackages\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"getAllPackages\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.esube == \"yes\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[1].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[1].url.params\n      });\n      return goBack;\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    this.getAllPackages(this.cusId);\n    this.$nextTick(() => {\n      setTimeout(() => {\n        const getActives = this.allPackages.data.filter(o => o.packageStatus.id == 2);\n        this.getActiveProductsLength = getActives.length;\n      }, 250);\n    });\n\n    if (this.memberType) {\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n\n    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1867,7 +1867,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    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: false,\n      infoText: [\"Veri paketiniz iptal edilmemesi durumunda bir sonraki ay başında tekrar güncellenecektir.\", \"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      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\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    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_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.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_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$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_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.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\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    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\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    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\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) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.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$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let totalDollar = (_this$totalPriceNextM = this.totalPriceNextMonthDollar) !== null && _this$totalPriceNextM !== void 0 && _this$totalPriceNextM.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM2 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM2 === void 0 ? void 0 : _this$totalPriceNextM2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM3 !== void 0 && _this$totalPriceNextM3.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM4 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceNextM5 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined || ((_this$totalPriceNextM6 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice) + \" TL\" : \"0 TL\";\n      return `${tlTotal} ${totalDollar}${totalEuro}`;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\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    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: false,\n      infoText: [\"Veri paketiniz iptal edilmemesi durumunda bir sonraki ay başında tekrar güncellenecektir.\", \"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      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\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    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_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.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_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$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_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.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\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    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\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    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res.data) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\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) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.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$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let totalDollar = (_this$totalPriceNextM = this.totalPriceNextMonthDollar) !== null && _this$totalPriceNextM !== void 0 && _this$totalPriceNextM.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM2 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM2 === void 0 ? void 0 : _this$totalPriceNextM2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM3 !== void 0 && _this$totalPriceNextM3.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM4 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceNextM5 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined || ((_this$totalPriceNextM6 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice) + \" TL\" : \"0 TL\";\n      return `${tlTotal} ${totalDollar}${totalEuro}`;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\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");
 
 /***/ }),
 
@@ -2299,7 +2299,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"filter\" },\n    [\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Yıl\",\n          id: \"invoiceYearFilter\",\n          placeholder: String(_vm.selectedYear.label),\n          clearable: false,\n          options: _vm.availableYears,\n          selectedId: _vm.selectedYear,\n        },\n        on: { change: _vm.changeInvoiceYear },\n      }),\n      !_vm.getUserType\n        ? _c(\"base-select\", {\n            staticClass: \"filter-selectbox\",\n            attrs: {\n              fieldLabel: \"Ay\",\n              id: \"invoiceMonthFilter\",\n              placeholder: \"Tümü\",\n              clearable: false,\n              options: _vm.availableMonths,\n              selectedId: parseInt(_vm.selectedMonth),\n            },\n            on: { change: _vm.changeInvoiceMonth },\n          })\n        : _vm._e(),\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Veri Grubu\",\n          id: \"applicationTypeFilter\",\n          clearable: false,\n          options: _vm.ApplicationTypes,\n          selectedId: parseInt(_vm.selectedAppType),\n          placeholder: \"Hepsi\",\n        },\n        on: { change: _vm.changeApplicationTypes },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"filter\" },\n    [\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Yıl\",\n          id: \"invoiceYearFilter\",\n          clearable: false,\n          options: _vm.availableYears,\n          selectedId: parseInt(_vm.selectedYear),\n        },\n        on: { change: _vm.changeInvoiceYear },\n      }),\n      !_vm.getUserType\n        ? _c(\"base-select\", {\n            staticClass: \"filter-selectbox\",\n            attrs: {\n              fieldLabel: \"Ay\",\n              id: \"invoiceMonthFilter\",\n              clearable: false,\n              options: _vm.availableMonths,\n              selectedId: parseInt(_vm.selectedMonth),\n            },\n            on: { change: _vm.changeInvoiceMonth },\n          })\n        : _vm._e(),\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Veri Grubu\",\n          id: \"applicationTypeFilter\",\n          clearable: false,\n          options: _vm.ApplicationTypes,\n          selectedId: _vm.selectedAppType,\n        },\n        on: { change: _vm.changeApplicationTypes },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1543,7 +1543,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Pager\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n  },\n  props: {\n    page: Object,\n    pageName: String\n  },\n\n  data() {\n    return {\n      pageSize: 5,\n      customerId: null,\n      changedXlsxData: []\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"generalFilter\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getAllPackages\", \"getHistoryList\", \"getRepresentativeReport\", \"getInvoiceList\", \"userRoleGetUsersList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setInvoiceFilter\"]),\n\n    setPage(page) {\n      page = parseInt(page);\n      console.log(page);\n      this.setGeneralFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName == \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"history\") {\n        this.getHistoryList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.scroll();\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName == \"invoice\") {\n        this.getInvoiceList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName === \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    },\n\n    setPageSizes(selectedValue) {\n      const selectedNumber = parseInt(selectedValue);\n      this.pageSize = selectedNumber;\n    },\n\n    scroll() {\n      const el = document.getElementById(\"content\");\n      const topData = document.getElementById(this.pageName);\n      el.scrollTo({\n        top: topData.offsetTop,\n        left: 0,\n        behavior: \"smooth\"\n      });\n    }\n\n  },\n  watch: {\n    pageSize() {\n      this.setGeneralFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName === \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId);\n      } else if (this.pageName === \"history\") {\n        this.getHistoryList(this.customerId);\n      } else if (this.pageName === \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName === \"invoice\") {\n        this.getInvoiceList(this.customerId);\n      } else if (this.pageName == \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Pager\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"]\n  },\n  props: {\n    page: Object,\n    pageName: String\n  },\n\n  data() {\n    return {\n      pageSize: 5,\n      customerId: null,\n      changedXlsxData: []\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"generalFilter\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getAllPackages\", \"getHistoryList\", \"getRepresentativeReport\", \"getInvoiceList\", \"userRoleGetUsersList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setInvoiceFilter\"]),\n\n    setPage(page) {\n      page = parseInt(page);\n      this.setGeneralFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName == \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"history\") {\n        this.getHistoryList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName == \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.scroll();\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName == \"invoice\") {\n        this.getInvoiceList(this.customerId).then(() => {\n          this.scroll();\n        });\n      } else if (this.pageName === \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    },\n\n    setPageSizes(selectedValue) {\n      const selectedNumber = parseInt(selectedValue);\n      this.pageSize = selectedNumber;\n    },\n\n    scroll() {\n      const el = document.getElementById(\"content\");\n      const topData = document.getElementById(this.pageName);\n      el.scrollTo({\n        top: topData.offsetTop,\n        left: 0,\n        behavior: \"smooth\"\n      });\n    }\n\n  },\n  watch: {\n    pageSize() {\n      this.setGeneralFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n      this.setInvoiceFilter({\n        page: this.generalFilter.page,\n        size: Number(this.pageSize)\n      });\n\n      if (this.pageName === \"dataRequest\") {\n        const customerId = this.$route.params.customerId;\n        this.getAllPackages(customerId);\n      } else if (this.pageName === \"history\") {\n        this.getHistoryList(this.customerId);\n      } else if (this.pageName === \"represReports\") {\n        this.$emit(\"changedData\");\n        this.getRepresentativeReport(response => {\n          this.$emit(\"changedData\", response.data);\n        });\n      } else if (this.pageName === \"invoice\") {\n        this.getInvoiceList(this.customerId);\n      } else if (this.pageName == \"usersRole\") {\n        this.$emit(\"refreshUsersRole\", true);\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.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");
 
 /***/ }),
 
@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: -1,\n        label: \"Seçiniz\"\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    getServerSideDate() {\n      return this.getUserInfo.date;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      const splitDate = String(this.getServerSideDate).split(\"-\")[1];\n      const splitMonth = String(splitDate).split(\"-\")[0];\n      let currentMonth = parseInt(splitMonth);\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: -1,\n      selectedMonth: -1,\n      selectedAppType: 0,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    getServerSideDate() {\n      return this.getUserInfo.date;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      const splitDate = String(this.getServerSideDate).split(\"-\")[1];\n      const splitMonth = String(splitDate).split(\"-\")[0];\n      let currentMonth = parseInt(splitMonth);\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.selectedAppType = -1;\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {}\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      var _this$selectedYear;\n\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n      console.log(this.selectedYear);\n\n      if (this.selectedYear !== -1 && ((_this$selectedYear = this.selectedYear) === null || _this$selectedYear === void 0 ? void 0 : _this$selectedYear.code) !== -1) {\n        filters.filter.Year = this.selectedYear.label;\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1855,7 +1855,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0,\n      getActiveProductsLength: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\", \"allPackages\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"getAllPackages\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[1].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[1].url.params\n      });\n      return goBack;\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    this.getAllPackages(this.cusId);\n    this.$nextTick(() => {\n      setTimeout(() => {\n        const getActives = this.allPackages.data.filter(o => o.packageStatus.id == 2);\n        this.getActiveProductsLength = getActives.length;\n      }, 250);\n    });\n\n    if (this.memberType) {\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n\n    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins_index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins/index */ \"./src/mixins/index.js\");\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"BuyDataPackage\",\n  components: {\n    PackageSlider: _components__WEBPACK_IMPORTED_MODULE_1__[\"PackageSlider\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    CardItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"CardItem\"]\n  },\n  mixins: [_mixins_index__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n  props: {\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      currentTab: 1,\n      profCurrentTab: null,\n      algoCurrentTab: null,\n      featureTypeId: null,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_3__[\"getItem\"])(\"esube\"),\n      cusId: null,\n      overallLimit: 0,\n      getActiveProductsLength: 0\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getRecommendedPackages\", \"customer\", \"apps\", \"allResearch\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"getUserInfo\", \"allPackages\"]),\n\n    customerId() {\n      return this.$route.params.customerNumber;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getRecommendedPackageList\", \"searchCustomer\", \"getApps\", \"getAllResearch\", \"getProfAlgoApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getMember\", \"getAllPackages\", \"monthlyGetOverallLimit\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setProfAlgoApps\", \"setUserInfo\"]),\n\n    tabClass(id, name = \"tab\", place = this.currentTab) {\n      return [{\n        active: place === id\n      }, name];\n    },\n\n    errorMessage(response) {\n      var _response$data;\n\n      if ((response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.error) === true) {\n        return this.$toast.error(response.data.message);\n      }\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.esube == \"yes\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[1].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[1].url.params\n      });\n      return goBack;\n    },\n\n    changeTab(id, featureTypeId) {\n      this.featureTypeId = featureTypeId;\n      this.currentTab = id;\n      this.setProfAlgoApps([]);\n      const professionalScreen = 2;\n      const algoScreen = 3;\n      const researchScreen = 4;\n\n      if (id === professionalScreen) {\n        this.getProfAlgoTab(professionalScreen).then(res => {\n          if (res) {\n            this.profCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.profCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === algoScreen) {\n        this.getProfAlgoTab(algoScreen).then(res => {\n          if (res) {\n            this.algoCurrentTab = this.profAlgoTab[0].id;\n            this.getProfAlgoApps([this.algoCurrentTab, this.featureTypeId, this.cusId]).then(response => {\n              this.errorMessage(response);\n            });\n          }\n        });\n      } else if (id === researchScreen) {\n        this.getAllResearch().then(response => {\n          this.errorMessage(response);\n        });\n        return;\n      }\n    },\n\n    changeSubTab(id, name) {\n      this[name] = id;\n      this.getProfAlgoApps([id, this.featureTypeId, this.cusId]).then(response => {\n        this.errorMessage(response);\n      });\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (res && this.$route.query.isRecommended === undefined) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            buyDataPackage: this.customerId,\n            cusId: this.cusId\n          });\n        }\n      });\n    },\n\n    getOverallLimitOnLoad() {\n      this.monthlyGetOverallLimit().then(response => {\n        if (response.status === 200) {\n          this.overallLimit = response.data.overallLimit;\n        }\n      });\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.query.isRecommended === undefined) {\n      this.cusId = this.$route.query.c;\n    } else {\n      this.cusId = localStorage.getItem(\"userId\");\n    }\n\n    this.getAllPackages(this.cusId);\n    this.$nextTick(() => {\n      setTimeout(() => {\n        const getActives = this.allPackages.data.filter(o => o.packageStatus.id == 2);\n        this.getActiveProductsLength = getActives.length;\n      }, 250);\n    });\n\n    if (this.memberType) {\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n\n    this.getRecommendedData();\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getApps(1);\n    this.getAppsTab().then(response => {\n      this.errorMessage(response);\n    });\n    this.getOverallLimitOnLoad();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1867,7 +1867,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    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: false,\n      infoText: [\"Veri paketiniz iptal edilmemesi durumunda bir sonraki ay başında tekrar güncellenecektir.\", \"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      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\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    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_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.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_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$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_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.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\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    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\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    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\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) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.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$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let totalDollar = (_this$totalPriceNextM = this.totalPriceNextMonthDollar) !== null && _this$totalPriceNextM !== void 0 && _this$totalPriceNextM.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM2 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM2 === void 0 ? void 0 : _this$totalPriceNextM2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM3 !== void 0 && _this$totalPriceNextM3.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM4 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceNextM5 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined || ((_this$totalPriceNextM6 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice) + \" TL\" : \"0 TL\";\n      return `${tlTotal} ${totalDollar}${totalEuro}`;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\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    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: false,\n      infoText: [\"Veri paketiniz iptal edilmemesi durumunda bir sonraki ay başında tekrar güncellenecektir.\", \"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      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\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    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_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.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_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$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_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.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\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    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\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    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res.data) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\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) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.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$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let totalDollar = (_this$totalPriceNextM = this.totalPriceNextMonthDollar) !== null && _this$totalPriceNextM !== void 0 && _this$totalPriceNextM.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM2 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM2 === void 0 ? void 0 : _this$totalPriceNextM2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM3 !== void 0 && _this$totalPriceNextM3.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM4 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceNextM5 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined || ((_this$totalPriceNextM6 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice) + \" TL\" : \"0 TL\";\n      return `${tlTotal} ${totalDollar}${totalEuro}`;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\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");
 
 /***/ }),
 
@@ -2299,7 +2299,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"filter\" },\n    [\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Yıl\",\n          id: \"invoiceYearFilter\",\n          placeholder: String(_vm.selectedYear.label),\n          clearable: false,\n          options: _vm.availableYears,\n          selectedId: _vm.selectedYear,\n        },\n        on: { change: _vm.changeInvoiceYear },\n      }),\n      !_vm.getUserType\n        ? _c(\"base-select\", {\n            staticClass: \"filter-selectbox\",\n            attrs: {\n              fieldLabel: \"Ay\",\n              id: \"invoiceMonthFilter\",\n              placeholder: \"Tümü\",\n              clearable: false,\n              options: _vm.availableMonths,\n              selectedId: parseInt(_vm.selectedMonth),\n            },\n            on: { change: _vm.changeInvoiceMonth },\n          })\n        : _vm._e(),\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Veri Grubu\",\n          id: \"applicationTypeFilter\",\n          clearable: false,\n          options: _vm.ApplicationTypes,\n          selectedId: parseInt(_vm.selectedAppType),\n          placeholder: \"Hepsi\",\n        },\n        on: { change: _vm.changeApplicationTypes },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"filter\" },\n    [\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Yıl\",\n          id: \"invoiceYearFilter\",\n          clearable: false,\n          options: _vm.availableYears,\n          selectedId: parseInt(_vm.selectedYear),\n        },\n        on: { change: _vm.changeInvoiceYear },\n      }),\n      !_vm.getUserType\n        ? _c(\"base-select\", {\n            staticClass: \"filter-selectbox\",\n            attrs: {\n              fieldLabel: \"Ay\",\n              id: \"invoiceMonthFilter\",\n              clearable: false,\n              options: _vm.availableMonths,\n              selectedId: parseInt(_vm.selectedMonth),\n            },\n            on: { change: _vm.changeInvoiceMonth },\n          })\n        : _vm._e(),\n      _c(\"base-select\", {\n        staticClass: \"filter-selectbox\",\n        attrs: {\n          fieldLabel: \"Veri Grubu\",\n          id: \"applicationTypeFilter\",\n          clearable: false,\n          options: _vm.ApplicationTypes,\n          selectedId: _vm.selectedAppType,\n        },\n        on: { change: _vm.changeApplicationTypes },\n      }),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

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