osmanli-veri-dagitim 2.1.16-dev → 2.1.17-dev

package/dist/OsmanliPackage.umd.min.8.js

@@ -8,7 +8,7 @@
 /***/ (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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: \"RepresReports\",\n  components: {\n    BaseInput: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseInput\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"]\n  },\n\n  data() {\n    return {\n      platform: [],\n      statu: [],\n      vendor: [],\n      perspectives: [],\n      marketsList: [],\n      dateFilter: \"\",\n      CustomerNo: \"\",\n      CustomerName: \"\",\n      DatePeriod: \"\",\n      Applications: \"\",\n      PerspectiveOrVendor: \"\",\n      PackageStatus: \"\",\n      Platforms: \"\",\n      Markets: \"\",\n      filtered: {\n        Markets: \"\",\n        Applications: \"\",\n        PerspectiveOrVendor: \"\",\n        Platforms: \"\",\n        Status: \"\"\n      },\n      defaultSelected: -1,\n      key: 0,\n      xlsxData: {\n        columns: [{\n          label: \"Müşteri Numarası\",\n          field: \"customerNo\"\n        }, {\n          label: \"Ad Soyad\",\n          field: \"customerFullName\"\n        }, {\n          label: \"İşlem Platformu\",\n          field: \"vendor\"\n        }, {\n          label: \"Paket\",\n          field: \"market\"\n        }, {\n          label: \"Ürün\",\n          field: \"product\"\n        }, {\n          label: \"Platform\",\n          field: \"platform\"\n        }, {\n          label: \"Tutar\",\n          field: \"price\"\n        }, {\n          label: \"Temsilci\",\n          field: \"representativeName\"\n        }, {\n          label: \"Kazandıran\",\n          field: \"earning\"\n        }, {\n          label: \"Durum\",\n          field: \"status\"\n        }, {\n          label: \"Masraf Ödeme Durumu\",\n          field: \"paymentStatus\"\n        }],\n        data: []\n      }\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getFilterData\", \"representativeReport\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getRepresentativeReport\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setFilter\", \"setGeneralFilter\", \"setRepresentativeReport\"]),\n\n    checkedChangedData(responseData) {\n      this.xlsxData.data = responseData;\n    },\n\n    changeDateFilter(value) {\n      let concatValue = value[0] + \"&\" + value[1];\n\n      if (concatValue != [\"null&null\"]) {\n        this.DatePeriod = concatValue;\n      } else {\n        this.DatePeriod = \"\";\n      }\n    },\n\n    changeVendor(value) {\n      this.PerspectiveOrVendor = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changePackageStatus(value) {\n      this.PackageStatus = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changeMarketList(value) {\n      this.Markets = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changeApplications(value) {\n      this.Applications = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changePlatforms(value) {\n      this.Platforms = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    showModal() {\n      this.getFilter();\n      this.$modal.show(\"modal\");\n    },\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const vendors = this.getFilterList.filter(o => o.name === \"Applications\");\n          const platforms = this.getFilterList.filter(o => o.name === \"Platforms\");\n          const markets = this.getFilterList.filter(o => o.name === \"Markets\");\n          const perspectives = this.getFilterList.filter(o => o.name === \"Perspectives\");\n          const status = this.getFilterList.filter(o => o.name === \"Status\");\n          const vendorList = [{\n            code: -1,\n            label: \"İşlem Platformu Seç\"\n          }];\n          const platformList = [{\n            code: -1,\n            label: \"Platform Seç\"\n          }];\n          const marketList = [{\n            code: -1,\n            label: \"Paket Adı Seç\"\n          }];\n          const perspectiveList = [{\n            code: -1,\n            label: \"Ürün Seç\"\n          }];\n          const statusList = [{\n            code: -1,\n            label: \"Durum Seç\"\n          }];\n\n          if (vendors.length > 0) {\n            vendors[0].values.forEach(element => {\n              vendorList.push(element);\n            });\n            this.vendor = vendorList;\n          }\n\n          if (platforms.length > 0) {\n            platforms[0].values.forEach(element => {\n              platformList.push(element);\n            });\n            this.platform = platformList;\n          }\n\n          if (status.length > 0) {\n            status[0].values.forEach(element => {\n              statusList.push(element);\n            });\n            this.statu = statusList;\n          }\n\n          if (markets.length > 0) {\n            markets[0].values.forEach(element => {\n              marketList.push(element);\n            });\n            this.marketsList = marketList;\n          }\n\n          if (perspectives.length > 0) {\n            perspectives[0].values.forEach(element => {\n              perspectiveList.push(element);\n            });\n            this.perspectives = perspectiveList;\n          }\n        }\n      });\n    },\n\n    clearFilterDatas() {\n      this.marketsList = [];\n      this.vendor = [];\n      this.statu = [];\n      this.platform = [];\n      this.perspectives = [];\n      this.Applications = \"\";\n      this.PerspectiveOrVendor = \"\";\n      this.PackageStatus = \"\";\n      this.Platforms = \"\";\n      this.Markets = \"\";\n      this.filtered.Applications = \"\";\n      this.filtered.PerspectiveOrVendor = \"\";\n      this.filtered.Status = \"\";\n      this.filtered.Platforms = \"\";\n      this.filtered.Markets = \"\";\n      this.setGeneralFilter({\n        filter: {}\n      });\n    },\n\n    hideModalFromButtons() {\n      this.$modal.hide(\"modal\");\n    },\n\n    clear() {\n      this.resetDatas();\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.getRepresentativeReport();\n      this.key++;\n    },\n\n    resetDatas() {\n      this.dateFilter = \"\";\n      this.CustomerNo = \"\";\n      this.CustomerName = \"\";\n      this.DatePeriod = \"\";\n      this.Applications = \"\";\n      this.PerspectiveOrVendor = \"\";\n      this.Status = \"\";\n      this.Platforms = \"\";\n      this.Markets = \"\";\n\n      for (let fields in this.filtered) delete this.filtered[fields];\n\n      this.$modal.hide(\"modal\");\n    },\n\n    show() {\n      this.filtered.CustomerNo = this.CustomerNo.toString();\n      this.filtered.CustomerName = this.CustomerName;\n      this.filtered.DatePeriod = this.DatePeriod;\n\n      if (this.CustomerNo == \"\") {\n        delete this.filtered.CustomerNo;\n      }\n\n      if (this.CustomerName == \"\") {\n        delete this.filtered.CustomerName;\n      }\n\n      if (this.DatePeriod == \"\") {\n        delete this.filtered.DatePeriod;\n      }\n\n      if (this.Applications == \"\" || this.Applications == \"-1\") {\n        delete this.filtered.Applications;\n      }\n\n      if (this.PerspectiveOrVendor == \"\" || this.PerspectiveOrVendor == \"-1\") {\n        delete this.filtered.PerspectiveOrVendor;\n      }\n\n      if (this.PackageStatus == \"\" || this.PackageStatus == \"-1\") {\n        delete this.filtered.Status;\n      }\n\n      if (this.Platforms == \"\" || this.Platforms == \"-1\") {\n        delete this.filtered.Platforms;\n      }\n\n      if (this.Markets == \"\" || this.Markets == \"-1\") {\n        delete this.filtered.Markets;\n      }\n\n      if (Object.keys(this.filtered).length === 0) {\n        return this.$toast.error(\"Lütfen en az 1 alan doldurunuz..\");\n      }\n\n      this.$modal.hide(\"modal\");\n      this.setGeneralFilter({\n        filter: this.filtered\n      });\n      this.getRepresentativeReport().then(response => {\n        this.xlsxData.data = response.data;\n\n        if (response.error) {\n          this.$toast.error(response.message);\n        }\n      });\n    }\n\n  },\n  watch: {\n    Markets: function (newValue) {\n      if (this.marketsList.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.marketsList.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Markets = getRow.label;\n      }\n    },\n    Applications: function (newValue) {\n      if (this.vendor.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.vendor.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Applications = String(getRow.code);\n      }\n    },\n    PerspectiveOrVendor: function (newValue) {\n      if (this.perspectives.filter(o => o.label == newValue || o.code == newValue)[0] != undefined) {\n        const getRow = this.perspectives.filter(o => o.label == newValue || o.code == newValue)[0];\n        this.filtered.PerspectiveOrVendor = getRow.label;\n      }\n    },\n    PackageStatus: function (newValue) {\n      if (this.statu.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.statu.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Status = String(getRow.code);\n      }\n    },\n    Platforms: function (newValue) {\n      if (this.platform.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.platform.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Platforms = String(getRow.code);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/RepresReports.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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: \"RepresReports\",\n  components: {\n    BaseInput: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseInput\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"]\n  },\n\n  data() {\n    return {\n      platform: [],\n      statu: [],\n      vendor: [],\n      perspectives: [],\n      paymentStatusList: [],\n      marketsList: [],\n      dateFilter: \"\",\n      CustomerNo: \"\",\n      CustomerName: \"\",\n      DatePeriod: \"\",\n      Applications: \"\",\n      PerspectiveOrVendor: \"\",\n      PackageStatus: \"\",\n      Platforms: \"\",\n      PaymentStatus: \"\",\n      Markets: \"\",\n      filtered: {\n        Markets: \"\",\n        Applications: \"\",\n        PerspectiveOrVendor: \"\",\n        Platforms: \"\",\n        Status: \"\",\n        PaymentStatus: \"\"\n      },\n      defaultSelected: -1,\n      key: 0,\n      xlsxData: {\n        columns: [{\n          label: \"Müşteri Numarası\",\n          field: \"customerNo\"\n        }, {\n          label: \"Ad Soyad\",\n          field: \"customerFullName\"\n        }, {\n          label: \"İşlem Platformu\",\n          field: \"vendor\"\n        }, {\n          label: \"Paket\",\n          field: \"market\"\n        }, {\n          label: \"Ürün\",\n          field: \"product\"\n        }, {\n          label: \"Platform\",\n          field: \"platform\"\n        }, {\n          label: \"Tutar\",\n          field: \"price\"\n        }, {\n          label: \"Temsilci\",\n          field: \"representativeName\"\n        }, {\n          label: \"Kazandıran\",\n          field: \"earning\"\n        }, {\n          label: \"Durum\",\n          field: \"status\"\n        }, {\n          label: \"Masraf Ödeme Durumu\",\n          field: \"paymentStatus\"\n        }],\n        data: []\n      }\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getFilterData\", \"representativeReport\"])\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getRepresentativeReport\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setFilter\", \"setGeneralFilter\", \"setRepresentativeReport\"]),\n\n    checkedChangedData(responseData) {\n      this.xlsxData.data = responseData;\n    },\n\n    changeDateFilter(value) {\n      let concatValue = value[0] + \"&\" + value[1];\n\n      if (concatValue != [\"null&null\"]) {\n        this.DatePeriod = concatValue;\n      } else {\n        this.DatePeriod = \"\";\n      }\n    },\n\n    changeVendor(value) {\n      this.PerspectiveOrVendor = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changePackageStatus(value) {\n      this.PackageStatus = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changePaymentStatus(value) {\n      this.PaymentStatus = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changeMarketList(value) {\n      this.Markets = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changeApplications(value) {\n      this.Applications = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    changePlatforms(value) {\n      this.Platforms = value === null || value === void 0 ? void 0 : value.label;\n    },\n\n    showModal() {\n      this.getFilter();\n      this.$modal.show(\"modal\");\n    },\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const vendors = this.getFilterList.filter(o => o.name === \"Applications\");\n          const platforms = this.getFilterList.filter(o => o.name === \"Platforms\");\n          const markets = this.getFilterList.filter(o => o.name === \"Markets\");\n          const perspectives = this.getFilterList.filter(o => o.name === \"Perspectives\");\n          const paymentStatus = this.getFilterList.filter(o => o.name === \"PaymentStatus\");\n          const status = this.getFilterList.filter(o => o.name === \"Status\");\n          const vendorList = [{\n            code: -1,\n            label: \"İşlem Platformu Seç\"\n          }];\n          const platformList = [{\n            code: -1,\n            label: \"Platform Seç\"\n          }];\n          const marketList = [{\n            code: -1,\n            label: \"Paket Adı Seç\"\n          }];\n          const perspectiveList = [{\n            code: -1,\n            label: \"Ürün Seç\"\n          }];\n          const paymentStatusList = [{\n            code: -1,\n            label: \"Durum Seç\"\n          }];\n          const statusList = [{\n            code: -1,\n            label: \"Durum Seç\"\n          }];\n\n          if (vendors.length > 0) {\n            vendors[0].values.forEach(element => {\n              vendorList.push(element);\n            });\n            this.vendor = vendorList;\n          }\n\n          if (platforms.length > 0) {\n            platforms[0].values.forEach(element => {\n              platformList.push(element);\n            });\n            this.platform = platformList;\n          }\n\n          if (status.length > 0) {\n            status[0].values.forEach(element => {\n              statusList.push(element);\n            });\n            this.statu = statusList;\n          }\n\n          if (markets.length > 0) {\n            markets[0].values.forEach(element => {\n              marketList.push(element);\n            });\n            this.marketsList = marketList;\n          }\n\n          if (perspectives.length > 0) {\n            perspectives[0].values.forEach(element => {\n              perspectiveList.push(element);\n            });\n            this.perspectives = perspectiveList;\n          }\n\n          if (paymentStatus.length > 0) {\n            paymentStatus[0].values.forEach(element => {\n              paymentStatusList.push(element);\n            });\n            this.paymentStatusList = paymentStatusList;\n          }\n        }\n      });\n    },\n\n    clearFilterDatas() {\n      this.marketsList = [];\n      this.vendor = [];\n      this.statu = [];\n      this.platform = [];\n      this.perspectives = [];\n      this.paymentStatusList = [];\n      this.Applications = \"\";\n      this.PerspectiveOrVendor = \"\";\n      this.PackageStatus = \"\";\n      this.Platforms = \"\";\n      this.Markets = \"\";\n      this.PaymentStatus = \"\";\n      this.filtered.Applications = \"\";\n      this.filtered.PerspectiveOrVendor = \"\";\n      this.filtered.Status = \"\";\n      this.filtered.Platforms = \"\";\n      this.filtered.Markets = \"\";\n      this.filtered.PaymentStatus = \"\";\n      this.setGeneralFilter({\n        filter: {}\n      });\n    },\n\n    hideModalFromButtons() {\n      this.$modal.hide(\"modal\");\n    },\n\n    clear() {\n      this.resetDatas();\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.getRepresentativeReport();\n      this.key++;\n    },\n\n    resetDatas() {\n      this.dateFilter = \"\";\n      this.CustomerNo = \"\";\n      this.CustomerName = \"\";\n      this.DatePeriod = \"\";\n      this.Applications = \"\";\n      this.PerspectiveOrVendor = \"\";\n      this.Status = \"\";\n      this.Platforms = \"\";\n      this.Markets = \"\";\n\n      for (let fields in this.filtered) delete this.filtered[fields];\n\n      this.$modal.hide(\"modal\");\n    },\n\n    show() {\n      this.filtered.CustomerNo = this.CustomerNo.toString();\n      this.filtered.CustomerName = this.CustomerName;\n      this.filtered.DatePeriod = this.DatePeriod;\n      this.filtered.PaymentStatus = this.PaymentStatus;\n\n      if (this.CustomerNo == \"\") {\n        delete this.filtered.CustomerNo;\n      }\n\n      if (this.CustomerName == \"\") {\n        delete this.filtered.CustomerName;\n      }\n\n      if (this.DatePeriod == \"\") {\n        delete this.filtered.DatePeriod;\n      }\n\n      if (this.Applications == \"\" || this.Applications == \"-1\") {\n        delete this.filtered.Applications;\n      }\n\n      if (this.PerspectiveOrVendor == \"\" || this.PerspectiveOrVendor == \"-1\") {\n        delete this.filtered.PerspectiveOrVendor;\n      }\n\n      if (this.PackageStatus == \"\" || this.PackageStatus == \"-1\") {\n        delete this.filtered.Status;\n      }\n\n      if (this.Platforms == \"\" || this.Platforms == \"-1\") {\n        delete this.filtered.Platforms;\n      }\n\n      if (this.Markets == \"\" || this.Markets == \"-1\") {\n        delete this.filtered.Markets;\n      }\n\n      if (this.PaymentStatus == -1) {\n        delete this.filtered.PaymentStatus;\n      }\n\n      if (Object.keys(this.filtered).length === 0) {\n        return this.$toast.error(\"Lütfen en az 1 alan doldurunuz..\");\n      }\n\n      this.$modal.hide(\"modal\");\n      this.setGeneralFilter({\n        filter: this.filtered\n      });\n      this.getRepresentativeReport().then(response => {\n        this.xlsxData.data = response.data;\n\n        if (response.error) {\n          this.$toast.error(response.message);\n        }\n      });\n    }\n\n  },\n  watch: {\n    Markets: function (newValue) {\n      if (this.marketsList.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.marketsList.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Markets = getRow.label;\n      }\n    },\n    Applications: function (newValue) {\n      if (this.vendor.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.vendor.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Applications = String(getRow.code);\n      }\n    },\n    PerspectiveOrVendor: function (newValue) {\n      if (this.perspectives.filter(o => o.label == newValue || o.code == newValue)[0] != undefined) {\n        const getRow = this.perspectives.filter(o => o.label == newValue || o.code == newValue)[0];\n        this.filtered.PerspectiveOrVendor = getRow.label;\n      }\n    },\n    PackageStatus: function (newValue) {\n      if (this.statu.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.statu.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Status = String(getRow.code);\n      }\n    },\n    Platforms: function (newValue) {\n      if (this.platform.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.platform.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.Platforms = String(getRow.code);\n      }\n    },\n    PaymentStatus: function (newValue) {\n      if (this.paymentStatusList.filter(o => o.code == newValue || o.label == newValue)[0] != undefined) {\n        const getRow = this.paymentStatusList.filter(o => o.code == newValue || o.label == newValue)[0];\n        this.filtered.PaymentStatus = String(getRow.code);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/RepresReports.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");
 
 /***/ }),
 
@@ -20,7 +20,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 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: \"repres__reports\", attrs: { id: \"represReports\" } },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"repres__reports-top\" },\n        [\n          _c(\"base-input\", {\n            attrs: { inputType: \"number\", labelText: \"Müşteri Numarası\" },\n            model: {\n              value: _vm.CustomerNo,\n              callback: function ($$v) {\n                _vm.CustomerNo = $$v\n              },\n              expression: \"CustomerNo\",\n            },\n          }),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"label\",\n                {\n                  staticClass: \"form-control-label\",\n                  attrs: { for: \"dateFilter\" },\n                },\n                [_vm._v(\"Tarih Aralığı\")]\n              ),\n              _c(\"date-picker\", {\n                attrs: { id: \"dateFilter\", valueType: \"format\", range: \"\" },\n                on: { change: _vm.changeDateFilter },\n                model: {\n                  value: _vm.dateFilter,\n                  callback: function ($$v) {\n                    _vm.dateFilter = $$v\n                  },\n                  expression: \"dateFilter\",\n                },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"red-button\",\n                  attrs: { id: \"clear\" },\n                  on: { click: _vm.clear },\n                },\n                [_vm._v(\"Temizle\")]\n              ),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"base-button\",\n                { attrs: { id: \"show\" }, on: { click: _vm.show } },\n                [_vm._v(\"Göster\")]\n              ),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  attrs: { id: \"more\" },\n                  on: {\n                    click: function ($event) {\n                      return _vm.showModal()\n                    },\n                  },\n                },\n                [_vm._v(\"Daha Fazla\")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"repres__reports-result\" }, [\n        _vm.representativeReport.data &&\n        _vm.representativeReport.data.length > 0\n          ? _c(\"table\", { attrs: { \"aria-describedby\": \"represTable\" } }, [\n              _vm._m(0),\n              _c(\n                \"tbody\",\n                [\n                  _vm._l(_vm.representativeReport.data, function (item, index) {\n                    return _c(\"tr\", { key: index }, [\n                      _c(\"td\", [_vm._v(_vm._s(item.customerNo))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.customerFullName))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.vendor))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.market))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.product))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.platform))]),\n                      _c(\"td\", [\n                        item.priceType !== \"₺\"\n                          ? _c(\"span\", [_vm._v(_vm._s(item.priceType))])\n                          : _vm._e(),\n                        _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                        item.priceType === \"₺\"\n                          ? _c(\"span\", [_vm._v(_vm._s(item.priceType))])\n                          : _vm._e(),\n                      ]),\n                      _c(\"td\", [_vm._v(_vm._s(item.representativeName))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.earning))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.status))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.paymentStatus))]),\n                    ])\n                  }),\n                  _c(\"tr\", [\n                    _c(\n                      \"td\",\n                      [\n                        _c(\n                          \"vue-excel-xlsx\",\n                          {\n                            class: \"base-button\",\n                            attrs: {\n                              data: _vm.xlsxData.data,\n                              columns: _vm.xlsxData.columns,\n                              \"file-name\": \"Raporlar\",\n                              \"file-type\": \"xlsx\",\n                              \"sheet-name\": \"sheetname\",\n                            },\n                          },\n                          [_vm._v(\"Excel Export\")]\n                        ),\n                      ],\n                      1\n                    ),\n                  ]),\n                ],\n                2\n              ),\n            ])\n          : _c(\"table\", { attrs: { \"aria-describedby\": \"represTableEmpty\" } }, [\n              _vm._m(1),\n              _vm._m(2),\n            ]),\n      ]),\n      _vm.representativeReport.page\n        ? _c(\"Pager\", {\n            key: _vm.key,\n            attrs: {\n              pageName: \"represReports\",\n              page: _vm.representativeReport.page,\n            },\n            on: { changedData: _vm.checkedChangedData },\n          })\n        : _vm._e(),\n      _c(\n        \"modal\",\n        { staticClass: \"modal\", attrs: { height: \"auto\", name: \"modal\" } },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [_vm._v(\"Müşteri Raporları\")]),\n            ]),\n            _c(\n              \"a\",\n              { on: { click: _vm.hideModalFromButtons } },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"close\",\n                  attrs: { name: \"close-circle\" },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"modal-body\" },\n            [\n              _c(\"base-input\", {\n                attrs: { inputType: \"number\", labelText: \"Müşteri Numarası\" },\n                model: {\n                  value: _vm.CustomerNo,\n                  callback: function ($$v) {\n                    _vm.CustomerNo = $$v\n                  },\n                  expression: \"CustomerNo\",\n                },\n              }),\n              _c(\"base-input\", {\n                attrs: { inputType: \"text\", labelText: \"Ad Soyad\" },\n                model: {\n                  value: _vm.CustomerName,\n                  callback: function ($$v) {\n                    _vm.CustomerName = $$v\n                  },\n                  expression: \"CustomerName\",\n                },\n              }),\n              _c(\n                \"div\",\n                { staticClass: \"form-group\" },\n                [\n                  _c(\n                    \"label\",\n                    {\n                      staticClass: \"form-control-label\",\n                      attrs: { for: \"dateFilter\" },\n                    },\n                    [_vm._v(\"Tarih Aralığı\")]\n                  ),\n                  _c(\"date-picker\", {\n                    attrs: { id: \"dateFilter\", valueType: \"format\", range: \"\" },\n                    on: { change: _vm.changeDateFilter },\n                    model: {\n                      value: _vm.dateFilter,\n                      callback: function ($$v) {\n                        _vm.dateFilter = $$v\n                      },\n                      expression: \"dateFilter\",\n                    },\n                  }),\n                ],\n                1\n              ),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.Applications === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.Applications,\n                  fieldLabel: \"İşlem Platformu\",\n                  id: \"Applications\",\n                  options: _vm.vendor,\n                  placeholder: \"İşlem Platformu Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changeApplications },\n                model: {\n                  value: _vm.Applications,\n                  callback: function ($$v) {\n                    _vm.Applications = $$v\n                  },\n                  expression: \"Applications\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.Platforms === \"\" ? _vm.defaultSelected : _vm.Platforms,\n                  fieldLabel: \"Platform\",\n                  id: \"platform\",\n                  options: _vm.platform,\n                  placeholder: \"Platform Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changePlatforms },\n                model: {\n                  value: _vm.Platforms,\n                  callback: function ($$v) {\n                    _vm.Platforms = $$v\n                  },\n                  expression: \"Platforms\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.Markets === \"\" ? _vm.defaultSelected : _vm.Markets,\n                  fieldLabel: \"Paket Adı\",\n                  id: \"marketsList\",\n                  options: _vm.marketsList,\n                  placeholder: \"Paket Adı Seç\",\n                  clearable: false,\n                  multiple: false,\n                },\n                on: { change: _vm.changeMarketList },\n                model: {\n                  value: _vm.Markets,\n                  callback: function ($$v) {\n                    _vm.Markets = $$v\n                  },\n                  expression: \"Markets\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.PerspectiveOrVendor === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.PerspectiveOrVendor,\n                  fieldLabel: \"Ürün\",\n                  id: \"vendor\",\n                  options: _vm.perspectives,\n                  placeholder: \"Ürün Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changeVendor },\n                model: {\n                  value: _vm.PerspectiveOrVendor,\n                  callback: function ($$v) {\n                    _vm.PerspectiveOrVendor = $$v\n                  },\n                  expression: \"PerspectiveOrVendor\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.PackageStatus === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.PackageStatus,\n                  fieldLabel: \"Durum\",\n                  id: \"filter\",\n                  options: _vm.statu,\n                  placeholder: \"Durum Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changePackageStatus },\n                model: {\n                  value: _vm.PackageStatus,\n                  callback: function ($$v) {\n                    _vm.PackageStatus = $$v\n                  },\n                  expression: \"PackageStatus\",\n                },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"giveUp\",\n                  on: { click: _vm.hideModalFromButtons },\n                },\n                [_vm._v(\"Vazgeç\")]\n              ),\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"red-button\",\n                  attrs: { id: \"clear\" },\n                  on: { click: _vm.clear },\n                },\n                [_vm._v(\"Temizle\")]\n              ),\n              _c(\n                \"base-button\",\n                { staticClass: \"show\", on: { click: _vm.show } },\n                [_vm._v(\"Göster\")]\n              ),\n            ],\n            1\n          ),\n        ]\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"thead\", [\n      _c(\"tr\", [\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Müşteri Numarası\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Ad Soyad\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Vendor\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Paket\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Ürün\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Platform\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Tutar\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Temsilci\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Kazandıran\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Durum\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Masraf Ödeme Durumu\")]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"thead\", [_c(\"tr\", [_c(\"th\", { attrs: { scope: \"col\" } })])])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tbody\", [\n      _c(\"td\", [_vm._v(\"Aradığınız kriterde sonuç bulunamadı..\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/RepresReports.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"repres__reports\", attrs: { id: \"represReports\" } },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"repres__reports-top\" },\n        [\n          _c(\"base-input\", {\n            attrs: { inputType: \"number\", labelText: \"Müşteri Numarası\" },\n            model: {\n              value: _vm.CustomerNo,\n              callback: function ($$v) {\n                _vm.CustomerNo = $$v\n              },\n              expression: \"CustomerNo\",\n            },\n          }),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"label\",\n                {\n                  staticClass: \"form-control-label\",\n                  attrs: { for: \"dateFilter\" },\n                },\n                [_vm._v(\"Tarih Aralığı\")]\n              ),\n              _c(\"date-picker\", {\n                attrs: { id: \"dateFilter\", valueType: \"format\", range: \"\" },\n                on: { change: _vm.changeDateFilter },\n                model: {\n                  value: _vm.dateFilter,\n                  callback: function ($$v) {\n                    _vm.dateFilter = $$v\n                  },\n                  expression: \"dateFilter\",\n                },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"red-button\",\n                  attrs: { id: \"clear\" },\n                  on: { click: _vm.clear },\n                },\n                [_vm._v(\"Temizle\")]\n              ),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"base-button\",\n                { attrs: { id: \"show\" }, on: { click: _vm.show } },\n                [_vm._v(\"Göster\")]\n              ),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"form-group\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  attrs: { id: \"more\" },\n                  on: {\n                    click: function ($event) {\n                      return _vm.showModal()\n                    },\n                  },\n                },\n                [_vm._v(\"Daha Fazla\")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"repres__reports-result\" }, [\n        _vm.representativeReport.data &&\n        _vm.representativeReport.data.length > 0\n          ? _c(\"table\", { attrs: { \"aria-describedby\": \"represTable\" } }, [\n              _vm._m(0),\n              _c(\n                \"tbody\",\n                [\n                  _vm._l(_vm.representativeReport.data, function (item, index) {\n                    return _c(\"tr\", { key: index }, [\n                      _c(\"td\", [_vm._v(_vm._s(item.customerNo))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.customerFullName))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.vendor))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.market))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.product))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.platform))]),\n                      _c(\"td\", [\n                        item.priceType !== \"₺\"\n                          ? _c(\"span\", [_vm._v(_vm._s(item.priceType))])\n                          : _vm._e(),\n                        _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                        item.priceType === \"₺\"\n                          ? _c(\"span\", [_vm._v(_vm._s(item.priceType))])\n                          : _vm._e(),\n                      ]),\n                      _c(\"td\", [_vm._v(_vm._s(item.representativeName))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.earning))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.status))]),\n                      _c(\"td\", [_vm._v(_vm._s(item.paymentStatus))]),\n                    ])\n                  }),\n                  _c(\"tr\", [\n                    _c(\n                      \"td\",\n                      [\n                        _c(\n                          \"vue-excel-xlsx\",\n                          {\n                            class: \"base-button\",\n                            attrs: {\n                              data: _vm.xlsxData.data,\n                              columns: _vm.xlsxData.columns,\n                              \"file-name\": \"Raporlar\",\n                              \"file-type\": \"xlsx\",\n                              \"sheet-name\": \"sheetname\",\n                            },\n                          },\n                          [_vm._v(\"Excel Export\")]\n                        ),\n                      ],\n                      1\n                    ),\n                  ]),\n                ],\n                2\n              ),\n            ])\n          : _c(\"table\", { attrs: { \"aria-describedby\": \"represTableEmpty\" } }, [\n              _vm._m(1),\n              _vm._m(2),\n            ]),\n      ]),\n      _vm.representativeReport.page\n        ? _c(\"Pager\", {\n            key: _vm.key,\n            attrs: {\n              pageName: \"represReports\",\n              page: _vm.representativeReport.page,\n            },\n            on: { changedData: _vm.checkedChangedData },\n          })\n        : _vm._e(),\n      _c(\n        \"modal\",\n        { staticClass: \"modal\", attrs: { height: \"auto\", name: \"modal\" } },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [_vm._v(\"Müşteri Raporları\")]),\n            ]),\n            _c(\n              \"a\",\n              { on: { click: _vm.hideModalFromButtons } },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"close\",\n                  attrs: { name: \"close-circle\" },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"modal-body\" },\n            [\n              _c(\"base-input\", {\n                attrs: { inputType: \"number\", labelText: \"Müşteri Numarası\" },\n                model: {\n                  value: _vm.CustomerNo,\n                  callback: function ($$v) {\n                    _vm.CustomerNo = $$v\n                  },\n                  expression: \"CustomerNo\",\n                },\n              }),\n              _c(\"base-input\", {\n                attrs: { inputType: \"text\", labelText: \"Ad Soyad\" },\n                model: {\n                  value: _vm.CustomerName,\n                  callback: function ($$v) {\n                    _vm.CustomerName = $$v\n                  },\n                  expression: \"CustomerName\",\n                },\n              }),\n              _c(\n                \"div\",\n                { staticClass: \"form-group\" },\n                [\n                  _c(\n                    \"label\",\n                    {\n                      staticClass: \"form-control-label\",\n                      attrs: { for: \"dateFilter\" },\n                    },\n                    [_vm._v(\"Tarih Aralığı\")]\n                  ),\n                  _c(\"date-picker\", {\n                    attrs: { id: \"dateFilter\", valueType: \"format\", range: \"\" },\n                    on: { change: _vm.changeDateFilter },\n                    model: {\n                      value: _vm.dateFilter,\n                      callback: function ($$v) {\n                        _vm.dateFilter = $$v\n                      },\n                      expression: \"dateFilter\",\n                    },\n                  }),\n                ],\n                1\n              ),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.Applications === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.Applications,\n                  fieldLabel: \"İşlem Platformu\",\n                  id: \"Applications\",\n                  options: _vm.vendor,\n                  placeholder: \"İşlem Platformu Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changeApplications },\n                model: {\n                  value: _vm.Applications,\n                  callback: function ($$v) {\n                    _vm.Applications = $$v\n                  },\n                  expression: \"Applications\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.Platforms === \"\" ? _vm.defaultSelected : _vm.Platforms,\n                  fieldLabel: \"Platform\",\n                  id: \"platform\",\n                  options: _vm.platform,\n                  placeholder: \"Platform Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changePlatforms },\n                model: {\n                  value: _vm.Platforms,\n                  callback: function ($$v) {\n                    _vm.Platforms = $$v\n                  },\n                  expression: \"Platforms\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.Markets === \"\" ? _vm.defaultSelected : _vm.Markets,\n                  fieldLabel: \"Paket Adı\",\n                  id: \"marketsList\",\n                  options: _vm.marketsList,\n                  placeholder: \"Paket Adı Seç\",\n                  clearable: false,\n                  multiple: false,\n                },\n                on: { change: _vm.changeMarketList },\n                model: {\n                  value: _vm.Markets,\n                  callback: function ($$v) {\n                    _vm.Markets = $$v\n                  },\n                  expression: \"Markets\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.PerspectiveOrVendor === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.PerspectiveOrVendor,\n                  fieldLabel: \"Ürün\",\n                  id: \"vendor\",\n                  options: _vm.perspectives,\n                  placeholder: \"Ürün Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changeVendor },\n                model: {\n                  value: _vm.PerspectiveOrVendor,\n                  callback: function ($$v) {\n                    _vm.PerspectiveOrVendor = $$v\n                  },\n                  expression: \"PerspectiveOrVendor\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.PackageStatus === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.PackageStatus,\n                  fieldLabel: \"Durum\",\n                  id: \"filter\",\n                  options: _vm.statu,\n                  placeholder: \"Durum Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changePackageStatus },\n                model: {\n                  value: _vm.PackageStatus,\n                  callback: function ($$v) {\n                    _vm.PackageStatus = $$v\n                  },\n                  expression: \"PackageStatus\",\n                },\n              }),\n              _c(\"BaseSelect\", {\n                attrs: {\n                  selectedId:\n                    _vm.PaymentStatus === \"\"\n                      ? _vm.defaultSelected\n                      : _vm.PaymentStatus,\n                  fieldLabel: \"Masraf Ödeme Durumu\",\n                  id: \"filteredPaymentStatus\",\n                  options: _vm.paymentStatusList,\n                  placeholder: \"Seç\",\n                  clearable: false,\n                },\n                on: { change: _vm.changePaymentStatus },\n                model: {\n                  value: _vm.PaymentStatus,\n                  callback: function ($$v) {\n                    _vm.PaymentStatus = $$v\n                  },\n                  expression: \"PaymentStatus\",\n                },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"giveUp\",\n                  on: { click: _vm.hideModalFromButtons },\n                },\n                [_vm._v(\"Vazgeç\")]\n              ),\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"red-button\",\n                  attrs: { id: \"clear\" },\n                  on: { click: _vm.clear },\n                },\n                [_vm._v(\"Temizle\")]\n              ),\n              _c(\n                \"base-button\",\n                { staticClass: \"show\", on: { click: _vm.show } },\n                [_vm._v(\"Göster\")]\n              ),\n            ],\n            1\n          ),\n        ]\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"thead\", [\n      _c(\"tr\", [\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Müşteri Numarası\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Ad Soyad\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Vendor\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Paket\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Ürün\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Platform\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Tutar\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Temsilci\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Kazandıran\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Durum\")]),\n        _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Masraf Ödeme Durumu\")]),\n      ]),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"thead\", [_c(\"tr\", [_c(\"th\", { attrs: { scope: \"col\" } })])])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tbody\", [\n      _c(\"td\", [_vm._v(\"Aradığınız kriterde sonuç bulunamadı..\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/RepresReports.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -31,7 +31,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".repres__reports {\\n  padding: 23px;\\n}\\n.repres__reports-top {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: flex-end;\\n}\\n@media (max-width: 768px) {\\n.repres__reports-top {\\n        flex-direction: column;\\n}\\n}\\n.repres__reports .base-button {\\n    height: 45px;\\n    padding: 0 30px;\\n    font-size: 14px;\\n}\\n.repres__reports .base-form-input {\\n    margin: 0 10px;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .base-form-input {\\n        width: 100%;\\n}\\n}\\n.repres__reports .base-form-input input {\\n      width: 188px;\\n      height: 43px;\\n      box-shadow: none;\\n      border: 1px solid #ccc;\\n      position: relative;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .base-form-input input {\\n          width: 100%;\\n          padding: 0px;\\n          padding-left: 10px;\\n}\\n}\\n.repres__reports .base-form-input label {\\n      width: -webkit-max-content;\\n      width: -moz-max-content;\\n      width: max-content;\\n      top: 8px;\\n      margin-bottom: 0;\\n}\\n.repres__reports .form-group {\\n    margin: 0 10px;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .form-group {\\n        width: 100%;\\n        margin-bottom: 20px;\\n}\\n}\\n.repres__reports .form-control-label,\\n  .repres__reports .base-form-input label {\\n    font-size: 12px;\\n    color: var(--grayscale-70);\\n    position: relative;\\n    padding: 0 7px;\\n    margin-left: 10px;\\n    z-index: 2;\\n    background: #ffffff;\\n}\\n.repres__reports .form-control-label {\\n    top: 10px;\\n}\\n.repres__reports .mx-datepicker {\\n    display: block;\\n}\\n.repres__reports .mx-datepicker-range {\\n      width: 202px;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .mx-datepicker-range {\\n          width: 100%;\\n}\\n}\\n.repres__reports .mx-datepicker .mx-input {\\n      height: 47px;\\n}\\n.repres__reports-result {\\n    overflow-x: auto;\\n    margin-top: 3em;\\n}\\n.repres__reports-result table {\\n      border-collapse: collapse;\\n      width: 100%;\\n      border: 1px solid #e8e8e8;\\n}\\n.repres__reports-result td,\\n    .repres__reports-result th {\\n      text-align: center;\\n      padding: 15px 8px;\\n      font-size: 13px;\\n}\\n.repres__reports-result tr:nth-child(odd) {\\n      background-color: #f9f9fa;\\n}\\n.repres__reports .modal .vm--modal {\\n    width: 940px !important;\\n    left: 0 !important;\\n    margin: 0 auto;\\n}\\n.repres__reports .modal .modal-heading {\\n    height: 40px;\\n    border-bottom: 1px solid var(--grayscale-30);\\n    display: flex;\\n    align-items: center;\\n    padding: 15px 30px;\\n    justify-content: space-between;\\n}\\n.repres__reports .modal .modal-heading .close {\\n      margin: 5px;\\n      cursor: pointer;\\n}\\n.repres__reports .modal .modal-bottom {\\n    margin-top: 1em;\\n    border-top: 1px solid var(--grayscale-30);\\n    display: flex;\\n    justify-content: flex-end;\\n    padding: 15px 30px;\\n}\\n.repres__reports .modal .modal-bottom .base-button {\\n      width: 180px;\\n      font-size: 15px;\\n      margin-left: 10px;\\n}\\n.repres__reports .modal .modal-bottom .base-button.giveUp {\\n        background: none;\\n        color: var(--grayscale-60);\\n}\\n@media (max-width: 500px) {\\n.repres__reports .modal .modal-bottom .base-button {\\n          font-size: 8px;\\n}\\n}\\n.repres__reports .modal .modal-body {\\n    padding: 15px 25px;\\n    display: flex;\\n    flex-wrap: wrap;\\n    justify-content: flex-start;\\n    align-items: flex-end;\\n}\\n.repres__reports .modal .modal-body .veri-dagitim-selectbox .vs__dropdown-toggle {\\n      min-height: 47px;\\n}\\n.repres__reports .modal .modal-body .veri-dagitim-selectbox .vs__selected {\\n      width: 140px;\\n      text-overflow: ellipsis;\\n      white-space: nowrap;\\n      overflow: hidden;\\n}\\n.repres__reports .red-button {\\n    background-color: var(--color-warning);\\n    color: var(--grayscale-0);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/RepresReports.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".repres__reports {\\n  padding: 23px;\\n}\\n.repres__reports-top {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: flex-end;\\n}\\n@media (max-width: 768px) {\\n.repres__reports-top {\\n        flex-direction: column;\\n}\\n}\\n.repres__reports .base-button {\\n    height: 45px;\\n    padding: 0 30px;\\n    font-size: 14px;\\n}\\n.repres__reports .base-form-input {\\n    margin: 0 10px;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .base-form-input {\\n        width: 100%;\\n}\\n}\\n.repres__reports .base-form-input input {\\n      width: 188px;\\n      height: 43px;\\n      box-shadow: none;\\n      border: 1px solid #ccc;\\n      position: relative;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .base-form-input input {\\n          width: 100%;\\n          padding: 0px;\\n          padding-left: 10px;\\n}\\n}\\n.repres__reports .base-form-input label {\\n      width: -webkit-max-content;\\n      width: -moz-max-content;\\n      width: max-content;\\n      top: 8px;\\n      margin-bottom: 0;\\n}\\n.repres__reports .form-group {\\n    margin: 0 10px;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .form-group {\\n        width: 100%;\\n        margin-bottom: 20px;\\n}\\n}\\n.repres__reports .form-control-label,\\n  .repres__reports .base-form-input label {\\n    font-size: 12px;\\n    color: var(--grayscale-70);\\n    position: relative;\\n    padding: 0 7px;\\n    margin-left: 10px;\\n    z-index: 2;\\n    background: #ffffff;\\n}\\n.repres__reports .form-control-label {\\n    top: 10px;\\n}\\n.repres__reports .mx-datepicker {\\n    display: block;\\n}\\n.repres__reports .mx-datepicker-range {\\n      width: 202px;\\n}\\n@media (max-width: 768px) {\\n.repres__reports .mx-datepicker-range {\\n          width: 100%;\\n}\\n}\\n.repres__reports .mx-datepicker .mx-input {\\n      height: 47px;\\n}\\n.repres__reports-result {\\n    overflow-x: auto;\\n    margin-top: 3em;\\n}\\n.repres__reports-result table {\\n      border-collapse: collapse;\\n      width: 100%;\\n      border: 1px solid #e8e8e8;\\n}\\n.repres__reports-result td,\\n    .repres__reports-result th {\\n      text-align: center;\\n      padding: 15px 8px;\\n      font-size: 13px;\\n}\\n.repres__reports-result tr:nth-child(odd) {\\n      background-color: #f9f9fa;\\n}\\n.repres__reports .modal .vm--modal {\\n    width: 940px !important;\\n    left: 0 !important;\\n    margin: 0 auto;\\n}\\n.repres__reports .modal .modal-heading {\\n    height: 40px;\\n    border-bottom: 1px solid var(--grayscale-30);\\n    display: flex;\\n    align-items: center;\\n    padding: 15px 30px;\\n    justify-content: space-between;\\n}\\n.repres__reports .modal .modal-heading .close {\\n      margin: 5px;\\n      cursor: pointer;\\n}\\n.repres__reports .modal .modal-bottom {\\n    margin-top: 1em;\\n    border-top: 1px solid var(--grayscale-30);\\n    display: flex;\\n    justify-content: flex-end;\\n    padding: 15px 30px;\\n}\\n.repres__reports .modal .modal-bottom .base-button {\\n      width: 180px;\\n      font-size: 15px;\\n      margin-left: 10px;\\n}\\n.repres__reports .modal .modal-bottom .base-button.giveUp {\\n        background: none;\\n        color: var(--grayscale-60);\\n}\\n@media (max-width: 500px) {\\n.repres__reports .modal .modal-bottom .base-button {\\n          font-size: 8px;\\n}\\n}\\n.repres__reports .modal .modal-body {\\n    padding: 15px 25px;\\n    display: flex;\\n    flex-wrap: wrap;\\n    justify-content: space-between;\\n    align-items: flex-end;\\n}\\n.repres__reports .modal .modal-body .veri-dagitim-selectbox .vs__dropdown-toggle {\\n      min-height: 47px;\\n}\\n.repres__reports .modal .modal-body .veri-dagitim-selectbox .vs__selected {\\n      width: 140px;\\n      text-overflow: ellipsis;\\n      white-space: nowrap;\\n      overflow: hidden;\\n}\\n.repres__reports .red-button {\\n    background-color: var(--color-warning);\\n    color: var(--grayscale-0);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/RepresReports.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1704,7 +1704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.algorithm) {\n        this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n          if (element.algorithmFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        }).catch(() => {\n          location.reload();\n        });\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        }).catch(() => {\n          location.reload();\n        });\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2268,7 +2268,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    \"popup-right\",\n    {\n      attrs: { title: \"Paket Ayarları\", isPopupVisible: _vm.isPopupVisible },\n      on: { close: _vm.setDefaultValues },\n    },\n    [\n      _c(\"div\", { staticClass: \"package-settings\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"package-settings__top m-flex m-items-center\" },\n          [\n            _c(\n              \"div\",\n              { staticClass: \"package-settings__image\" },\n              [\n                _vm.dataItem && _vm.dataItem.imageUrl\n                  ? _c(\"img\", {\n                      attrs: {\n                        alt: \"product image\",\n                        src: _vm.dataItem.imageUrl,\n                      },\n                    })\n                  : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n              ],\n              1\n            ),\n            _c(\"div\", { staticClass: \"package-settings__info\" }, [\n              _vm.dataItem.productName\n                ? _c(\"h3\", [\n                    _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n                  ])\n                : _vm._e(),\n              _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n                _vm.dataItem.platform && _vm.dataItem.platform.name\n                  ? _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.platform.name))])\n                  : _vm._e(),\n              ]),\n            ]),\n          ]\n        ),\n        _vm.dataItem.dateSelection == 1 &&\n        _vm.startDateSelection == 0 &&\n        this.$route.name !== \"Checkout\"\n          ? _c(\"span\", { staticClass: \"warning-messages\" }, [\n              _c(\"span\", { staticClass: \"error-icon\" }, [_vm._v(\"!\")]),\n              _vm._v(\n                \" Paketinizi tüm lisanslarıyla birlikte bugün başlayacak şekilde güncelliyorsunuz!\"\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"package-settings__lisans\" }, [\n          _c(\"div\", { staticClass: \"package-settings__lisans__information\" }, [\n            _c(\"h5\", { attrs: { id: \"lisans\" } }, [_vm._v(\"Lisans Bilgileri\")]),\n            _c(\"div\", { staticClass: \"market-table\" }, [\n              _vm.marketInfo\n                ? _c(\n                    \"table\",\n                    {\n                      staticClass: \"table\",\n                      attrs: { \"aria-describedby\": \"lisans\" },\n                    },\n                    [\n                      _c(\"thead\", [\n                        _c(\"tr\", [\n                          _c(\"th\", { attrs: { scope: \"col\" } }),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Piyasa\")]\n                          ),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Derinlik\")]\n                          ),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Aracı Kurum Dağılımı\")]\n                          ),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Başlangıç Zamanı\")]\n                          ),\n                        ]),\n                      ]),\n                      !_vm.isResponsive\n                        ? _c(\n                            \"tbody\",\n                            _vm._l(_vm.marketInfo, function (item) {\n                              return _c(\"package-setting-type\", {\n                                key: item.id,\n                                attrs: {\n                                  item: item,\n                                  dataItem: _vm.dataItem,\n                                  selectData: _vm.selectData,\n                                  isResponsive: false,\n                                },\n                                on: {\n                                  update: _vm.changeSelected,\n                                  showSpesificWarning: _vm.checkSpesificWarning,\n                                },\n                              })\n                            }),\n                            1\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _vm.isResponsive\n              ? _c(\n                  \"div\",\n                  { staticClass: \"market-table-responsive\" },\n                  _vm._l(_vm.marketInfo, function (item) {\n                    return _c(\"package-setting-type\", {\n                      key: item.id,\n                      attrs: {\n                        item: item,\n                        dataItem: _vm.dataItem,\n                        selectData: _vm.selectData,\n                        isResponsive: true,\n                      },\n                      on: {\n                        update: _vm.changeSelected,\n                        showSpesificWarning: _vm.checkSpesificWarning,\n                      },\n                    })\n                  }),\n                  1\n                )\n              : _vm._e(),\n            _vm.warningMessage\n              ? _c(\"div\", { staticClass: \"m-flex m-items-center mb-10\" }, [\n                  _c(\n                    \"span\",\n                    { staticClass: \"icon-area\" },\n                    [\n                      _c(\"base-icon\", {\n                        staticClass: \"icon\",\n                        attrs: { name: \"info\" },\n                      }),\n                    ],\n                    1\n                  ),\n                  _vm._v(\n                    \" Karma Lisans paketinde derinlik bilgisi bulunmamaktadır \"\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"accordion-container\" }, [\n            _vm.research.length > 0 &&\n            _vm.research[0].details &&\n            _vm.research[0].details.length > 0\n              ? _c(\n                  \"div\",\n                  [\n                    _c(\"accordion-research\", {\n                      attrs: {\n                        id: \"accordion-research\",\n                        content: _vm.research,\n                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.foreign.length > 0 &&\n            _vm.foreign[0].details &&\n            _vm.foreign[0].details.length > 0\n              ? _c(\n                  \"div\",\n                  [\n                    _c(\"accordion-foreign\", {\n                      attrs: {\n                        id: \"accordion-foreign\",\n                        content: _vm.foreign,\n                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.algoServer.length > 0 &&\n            _vm.algoServer[0].details &&\n            _vm.algoServer[0].details.length > 0\n              ? _c(\n                  \"div\",\n                  [\n                    _c(\"accordion-algo-server\", {\n                      attrs: {\n                        id: \"accordion-algo-server\",\n                        content: _vm.algoServer,\n                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"package-settings__bottom m-flex m-items-center\" },\n        [\n          _c(\"div\", { staticClass: \"package-settings__bottom-right\" }, [\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"BES/Yatırım Fonu: \"),\n              ]),\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomFund +\n                        _vm.researchFund +\n                        _vm.foreignFund +\n                        _vm.algoServerFund\n                    )\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"Komisyon:\"),\n              ]),\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomCommission +\n                        _vm.researchCommission +\n                        _vm.foreignCommission +\n                        _vm.algoServerCommission\n                    )\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"package-settings__bottom-left\" }, [\n            _c(\"div\", { staticClass: \"package-settings__price m-flex\" }, [\n              _c(\"span\", [_vm._v(\"Toplam Tutar: \")]),\n              _c(\"h2\", [\n                _vm._v(\n                  \" \" +\n                    _vm._s(\n                      _vm.formatPrice(\n                        _vm.totalPrice +\n                          _vm.researchTotal +\n                          _vm.algoServerTotal +\n                          _vm.foraignTurkishLiraTotal\n                      )\n                    ) +\n                    \" TL  \"\n                ),\n              ]),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.foraignDollarTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceDollar(_vm.foraignDollarTotal) +\n                                \" Dolar\"\n                            : \"\"\n                        ) +\n                        \" \" +\n                        _vm._s(\n                          _vm.foraignEuroTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceEuro(_vm.foraignEuroTotal) +\n                                \" Euro\"\n                            : \"\"\n                        ) +\n                        \" \"\n                    ),\n                  ])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass:\n                  \"package-settings__bottom-action m-flex m-items-center\",\n              },\n              [\n                _c(\n                  \"base-button\",\n                  {\n                    class: { \"button-disabled\": _vm.isButtonClicked },\n                    attrs: { id: \"edit-submit-btn\" },\n                    on: { click: _vm.submitShow },\n                  },\n                  [_vm._v(\"Onayla\")]\n                ),\n              ],\n              1\n            ),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"info-container\" },\n        [\n          _c(\"info-area\", {\n            attrs: { infoText: _vm.infoText, typeWarning: true },\n          }),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"popup-right\",\n    {\n      attrs: { title: \"Paket Ayarları\", isPopupVisible: _vm.isPopupVisible },\n      on: { close: _vm.setDefaultValues },\n    },\n    [\n      _c(\"div\", { staticClass: \"package-settings\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"package-settings__top m-flex m-items-center\" },\n          [\n            _c(\n              \"div\",\n              { staticClass: \"package-settings__image\" },\n              [\n                _vm.dataItem && _vm.dataItem.imageUrl\n                  ? _c(\"img\", {\n                      attrs: {\n                        alt: \"product image\",\n                        src: _vm.dataItem.imageUrl,\n                      },\n                    })\n                  : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n              ],\n              1\n            ),\n            _c(\"div\", { staticClass: \"package-settings__info\" }, [\n              _vm.dataItem.productName\n                ? _c(\"h3\", [_vm._v(_vm._s(_vm.dataItem.productName))])\n                : _vm._e(),\n              _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n                _vm.dataItem.platform && _vm.dataItem.platform.name\n                  ? _c(\"span\", [\n                      _vm._v(\" \" + _vm._s(_vm.dataItem.platform.name) + \" \"),\n                    ])\n                  : _vm._e(),\n              ]),\n            ]),\n          ]\n        ),\n        _vm.dataItem.dateSelection == 1 &&\n        _vm.startDateSelection == 0 &&\n        this.$route.name !== \"Checkout\"\n          ? _c(\"span\", { staticClass: \"warning-messages\" }, [\n              _c(\"span\", { staticClass: \"error-icon\" }, [_vm._v(\"!\")]),\n              _vm._v(\n                \" Paketinizi tüm lisanslarıyla birlikte bugün başlayacak şekilde güncelliyorsunuz! \"\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"package-settings__lisans\" }, [\n          _c(\"div\", { staticClass: \"package-settings__lisans__information\" }, [\n            _c(\"h5\", { attrs: { id: \"lisans\" } }, [_vm._v(\"Lisans Bilgileri\")]),\n            _c(\"div\", { staticClass: \"market-table\" }, [\n              _vm.marketInfo\n                ? _c(\n                    \"table\",\n                    {\n                      staticClass: \"table\",\n                      attrs: { \"aria-describedby\": \"lisans\" },\n                    },\n                    [\n                      _c(\"thead\", [\n                        _c(\"tr\", [\n                          _c(\"th\", { attrs: { scope: \"col\" } }),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Piyasa\")]\n                          ),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Derinlik\")]\n                          ),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Aracı Kurum Dağılımı\")]\n                          ),\n                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Başlangıç Zamanı\")]\n                          ),\n                        ]),\n                      ]),\n                      !_vm.isResponsive\n                        ? _c(\n                            \"tbody\",\n                            _vm._l(_vm.marketInfo, function (item) {\n                              return _c(\"package-setting-type\", {\n                                key: item.id,\n                                attrs: {\n                                  item: item,\n                                  dataItem: _vm.dataItem,\n                                  selectData: _vm.selectData,\n                                  isResponsive: false,\n                                },\n                                on: {\n                                  update: _vm.changeSelected,\n                                  showSpesificWarning: _vm.checkSpesificWarning,\n                                },\n                              })\n                            }),\n                            1\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _vm.isResponsive\n              ? _c(\n                  \"div\",\n                  { staticClass: \"market-table-responsive\" },\n                  _vm._l(_vm.marketInfo, function (item) {\n                    return _c(\"package-setting-type\", {\n                      key: item.id,\n                      attrs: {\n                        item: item,\n                        dataItem: _vm.dataItem,\n                        selectData: _vm.selectData,\n                        isResponsive: true,\n                      },\n                      on: {\n                        update: _vm.changeSelected,\n                        showSpesificWarning: _vm.checkSpesificWarning,\n                      },\n                    })\n                  }),\n                  1\n                )\n              : _vm._e(),\n            _vm.warningMessage\n              ? _c(\"div\", { staticClass: \"m-flex m-items-center mb-10\" }, [\n                  _c(\n                    \"span\",\n                    { staticClass: \"icon-area\" },\n                    [\n                      _c(\"base-icon\", {\n                        staticClass: \"icon\",\n                        attrs: { name: \"info\" },\n                      }),\n                    ],\n                    1\n                  ),\n                  _vm._v(\n                    \" Karma Lisans paketinde derinlik bilgisi bulunmamaktadır \"\n                  ),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"accordion-container\" }, [\n            _vm.research.length > 0 &&\n            _vm.research[0].details &&\n            _vm.research[0].details.length > 0\n              ? _c(\n                  \"div\",\n                  [\n                    _c(\"accordion-research\", {\n                      attrs: {\n                        id: \"accordion-research\",\n                        content: _vm.research,\n                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.foreign.length > 0 &&\n            _vm.foreign[0].details &&\n            _vm.foreign[0].details.length > 0\n              ? _c(\n                  \"div\",\n                  [\n                    _c(\"accordion-foreign\", {\n                      attrs: {\n                        id: \"accordion-foreign\",\n                        content: _vm.foreign,\n                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.algoServer.length > 0 &&\n            _vm.algoServer[0].details &&\n            _vm.algoServer[0].details.length > 0\n              ? _c(\n                  \"div\",\n                  [\n                    _c(\"accordion-algo-server\", {\n                      attrs: {\n                        id: \"accordion-algo-server\",\n                        content: _vm.algoServer,\n                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n        ]),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"package-settings__bottom m-flex m-items-center\" },\n        [\n          _c(\"div\", { staticClass: \"package-settings__bottom-right\" }, [\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"BES/Yatırım Fonu:\"),\n              ]),\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomFund +\n                        _vm.researchFund +\n                        _vm.foreignFund +\n                        _vm.algoServerFund\n                    )\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"Komisyon:\"),\n              ]),\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomCommission +\n                        _vm.researchCommission +\n                        _vm.foreignCommission +\n                        _vm.algoServerCommission\n                    )\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"package-settings__bottom-left\" }, [\n            _c(\"div\", { staticClass: \"package-settings__price m-flex\" }, [\n              _c(\"span\", [_vm._v(\"Toplam Tutar:\")]),\n              _c(\"h2\", [\n                _vm._v(\n                  \" \" +\n                    _vm._s(\n                      _vm.formatPrice(\n                        _vm.totalPrice +\n                          _vm.researchTotal +\n                          _vm.algoServerTotal +\n                          _vm.foraignTurkishLiraTotal\n                      )\n                    ) +\n                    \" TL  \"\n                ),\n              ]),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.foraignDollarTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceDollar(_vm.foraignDollarTotal) +\n                                \" Dolar\"\n                            : \"\"\n                        ) +\n                        \" \" +\n                        _vm._s(\n                          _vm.foraignEuroTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceEuro(_vm.foraignEuroTotal) +\n                                \" Euro\"\n                            : \"\"\n                        ) +\n                        \" \"\n                    ),\n                  ])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass:\n                  \"package-settings__bottom-action m-flex m-items-center\",\n              },\n              [\n                _c(\n                  \"base-button\",\n                  {\n                    class: { \"button-disabled\": _vm.isButtonClicked },\n                    attrs: { id: \"edit-submit-btn\" },\n                    on: { click: _vm.submitShow },\n                  },\n                  [_vm._v(\"Onayla\")]\n                ),\n              ],\n              1\n            ),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"info-container\" },\n        [\n          _c(\"info-area\", {\n            attrs: { infoText: _vm.infoText, typeWarning: true },\n          }),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2328,7 +2328,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: \"package-slider\" },\n    [\n      _c(\"div\", { staticClass: \"package-slider__head\" }, [\n        _c(\"label\", { staticClass: \"switch\" }, [\n          _c(\"input\", {\n            attrs: { type: \"checkbox\", id: \"switch-input\" },\n            domProps: { checked: _vm.isDisplayed && \"checked\" },\n            on: { click: _vm.changeSliderStatus },\n          }),\n          _c(\"span\", {\n            staticClass: \"switch-slider\",\n            attrs: { id: \"switch-slider\" },\n          }),\n        ]),\n        _c(\"h4\", { staticClass: \"package-slider__title\" }, [\n          _vm._v(\"En Çok Kullanılan Paketleri Göster\"),\n        ]),\n      ]),\n      _vm.isDisplayed\n        ? _c(\n            \"carousel\",\n            {\n              attrs: {\n                perPageCustom: [\n                  [320, 1],\n                  [1025, 2],\n                ],\n                mouseDrag: true,\n                paginationActiveColor: \"#2c2c30\",\n                paginationColor: \"#bebec3\",\n              },\n            },\n            _vm._l(_vm.packages, function (pg) {\n              return _c(\"slide\", { key: pg.id }, [\n                _c(\"div\", { staticClass: \"package-item\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"package-item__image\" },\n                    [\n                      pg && pg.imageUrl\n                        ? _c(\"img\", {\n                            staticClass: \"image\",\n                            attrs: { alt: \"product image\", src: pg.imageUrl },\n                          })\n                        : _c(\"base-icon\", {\n                            staticClass: \"image\",\n                            attrs: { name: \"no-image\" },\n                          }),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"package-item__info\" }, [\n                    _c(\"div\", { staticClass: \"title\" }, [\n                      pg.productName\n                        ? _c(\"h6\", [\n                            _vm._v(\" \" + _vm._s(pg.productName) + \" \"),\n                            pg.platform && pg.platform.name\n                              ? _c(\"span\", { staticClass: \"lighter\" }, [\n                                  _vm._v(\"/ \" + _vm._s(pg.platform.name)),\n                                ])\n                              : _vm._e(),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    pg && pg.type\n                      ? _c(\"div\", { staticClass: \"description\" }, [\n                          _c(\"span\", [_vm._v(_vm._s(pg.type))]),\n                        ])\n                      : _vm._e(),\n                    _c(\"div\", { staticClass: \"description\" }, [\n                      pg.vendorFeature && pg.vendorFeature.name\n                        ? _c(\"span\", [_vm._v(_vm._s(pg.vendorFeature.name))])\n                        : _vm._e(),\n                      pg.marketFeature && pg.marketFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\", \" + _vm._s(pg.marketFeature.name)),\n                          ])\n                        : _vm._e(),\n                      pg.perspectiveFeature && pg.perspectiveFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\", \" + _vm._s(pg.perspectiveFeature.name)),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _c(\"div\", { staticClass: \"description\" }, [\n                      _c(\"span\", [\n                        _vm._v(\" BES/Yatırım Fonu: \"),\n                        _c(\"span\", { staticClass: \"price\" }, [\n                          _vm._v(\n                            _vm._s(_vm.formatPrice(pg.price.totalFundAmount)) +\n                              \"₺\"\n                          ),\n                        ]),\n                      ]),\n                    ]),\n                    _c(\"div\", { staticClass: \"description\" }, [\n                      _c(\"span\", [\n                        _vm._v(\" Komisyon: \"),\n                        _c(\"span\", { staticClass: \"price\" }, [\n                          _vm._v(\n                            _vm._s(\n                              _vm.formatPrice(pg.price.totalCommissionAmount)\n                            ) + \"₺\"\n                          ),\n                        ]),\n                      ]),\n                    ]),\n                  ]),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"package-item__price\",\n                      class: !pg.isEnabled ? \"h100\" : \"\",\n                    },\n                    [\n                      pg.price.prices.length > 0\n                        ? _c(\"div\", { staticClass: \"price\" }, [\n                            _c(\n                              \"ul\",\n                              _vm._l(pg.price.prices, function (item, index) {\n                                return _c(\"li\", { key: index }, [\n                                  item.info && item.info != \"₺\"\n                                    ? _c(\"span\", [_vm._v(_vm._s(item.info))])\n                                    : _vm._e(),\n                                  item.totalPrice\n                                    ? _c(\"span\", [\n                                        _vm._v(\n                                          _vm._s(\n                                            _vm.formatPrice(item.totalPrice)\n                                          )\n                                        ),\n                                      ])\n                                    : _c(\"span\", [_vm._v(\"Ücretsiz\")]),\n                                  item.totalPrice != 0 &&\n                                  item.info &&\n                                  item.info == \"₺\"\n                                    ? _c(\"span\", [_vm._v(_vm._s(item.info))])\n                                    : _vm._e(),\n                                  index != pg.price.prices.length - 1\n                                    ? _c(\"span\", [_vm._v(\"+\")])\n                                    : _vm._e(),\n                                ])\n                              }),\n                              0\n                            ),\n                          ])\n                        : _vm._e(),\n                      pg.isEnabled\n                        ? _c(\n                            \"div\",\n                            { staticClass: \"buy\" },\n                            [\n                              _c(\n                                \"base-button\",\n                                {\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.purchase(\n                                        pg.package[0].applicationFeature.id\n                                      )\n                                    },\n                                  },\n                                },\n                                [_vm._v(\"Talep Et\")]\n                              ),\n                            ],\n                            1\n                          )\n                        : _c(\"div\", { staticClass: \"buy\" }, [\n                            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n                              _c(\"div\", { staticClass: \"tooltiptext\" }, [\n                                _c(\"div\", { staticClass: \"texts\" }, [\n                                  _c(\"span\", { staticClass: \"text\" }, [\n                                    _vm._v(\n                                      ' Yükseltme işlemleri yalnızca \"Paket Talep Et\" üzerinden yapılabilir. '\n                                    ),\n                                  ]),\n                                ]),\n                                _c(\"div\", { staticClass: \"triangle-down\" }),\n                              ]),\n                              _c(\n                                \"span\",\n                                { staticClass: \"text\" },\n                                [\n                                  _vm._v(\" Talep Et \"),\n                                  _c(\"base-icon\", {\n                                    staticClass: \"icon\",\n                                    attrs: { name: \"warn-yellow\" },\n                                  }),\n                                ],\n                                1\n                              ),\n                            ]),\n                          ]),\n                    ]\n                  ),\n                ]),\n              ])\n            }),\n            1\n          )\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"package-slider\" },\n    [\n      _c(\"div\", { staticClass: \"package-slider__head\" }, [\n        _c(\"label\", { staticClass: \"switch\" }, [\n          _c(\"input\", {\n            attrs: { type: \"checkbox\", id: \"switch-input\" },\n            domProps: { checked: _vm.isDisplayed && \"checked\" },\n            on: { click: _vm.changeSliderStatus },\n          }),\n          _c(\"span\", {\n            staticClass: \"switch-slider\",\n            attrs: { id: \"switch-slider\" },\n          }),\n        ]),\n        _c(\"h4\", { staticClass: \"package-slider__title\" }, [\n          _vm._v(\"En Çok Kullanılan Paketleri Göster\"),\n        ]),\n      ]),\n      _vm.isDisplayed\n        ? _c(\n            \"carousel\",\n            {\n              attrs: {\n                perPageCustom: [\n                  [320, 1],\n                  [1025, 2],\n                ],\n                mouseDrag: true,\n                paginationActiveColor: \"#2c2c30\",\n                paginationColor: \"#bebec3\",\n              },\n            },\n            _vm._l(_vm.packages, function (pg) {\n              return _c(\"slide\", { key: pg.id }, [\n                _c(\"div\", { staticClass: \"package-item\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"package-item__image\" },\n                    [\n                      pg && pg.imageUrl\n                        ? _c(\"img\", {\n                            staticClass: \"image\",\n                            attrs: { alt: \"product image\", src: pg.imageUrl },\n                          })\n                        : _c(\"base-icon\", {\n                            staticClass: \"image\",\n                            attrs: { name: \"no-image\" },\n                          }),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"package-item__info\" }, [\n                    _c(\"div\", { staticClass: \"title\" }, [\n                      pg.productName\n                        ? _c(\"h6\", [\n                            _vm._v(\" \" + _vm._s(pg.productName) + \" \"),\n                            pg.platform && pg.platform.name\n                              ? _c(\"span\", { staticClass: \"lighter\" }, [\n                                  _vm._v(\"/ \" + _vm._s(pg.platform.name)),\n                                ])\n                              : _vm._e(),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    pg && pg.type\n                      ? _c(\"div\", { staticClass: \"description\" }, [\n                          _c(\"span\", [_vm._v(_vm._s(pg.type))]),\n                        ])\n                      : _vm._e(),\n                    _c(\"div\", { staticClass: \"description\" }, [\n                      pg.vendorFeature && pg.vendorFeature.name\n                        ? _c(\"span\", [_vm._v(_vm._s(pg.vendorFeature.name))])\n                        : _vm._e(),\n                      pg.marketFeature && pg.marketFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\", \" + _vm._s(pg.marketFeature.name)),\n                          ])\n                        : _vm._e(),\n                      pg.perspectiveFeature && pg.perspectiveFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\", \" + _vm._s(pg.perspectiveFeature.name)),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _c(\"div\", { staticClass: \"description\" }, [\n                      _c(\"span\", [\n                        _vm._v(\" BES/Yatırım Fonu: \"),\n                        _c(\"span\", { staticClass: \"price\" }, [\n                          _vm._v(\n                            _vm._s(_vm.formatPrice(pg.price.totalFundAmount)) +\n                              \" TL\"\n                          ),\n                        ]),\n                      ]),\n                    ]),\n                    _c(\"div\", { staticClass: \"description\" }, [\n                      _c(\"span\", [\n                        _vm._v(\" Komisyon: \"),\n                        _c(\"span\", { staticClass: \"price\" }, [\n                          _vm._v(\n                            _vm._s(\n                              _vm.formatPrice(pg.price.totalCommissionAmount)\n                            ) + \" TL\"\n                          ),\n                        ]),\n                      ]),\n                    ]),\n                  ]),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"package-item__price\",\n                      class: !pg.isEnabled ? \"h100\" : \"\",\n                    },\n                    [\n                      pg.price.prices.length > 0\n                        ? _c(\"div\", { staticClass: \"price\" }, [\n                            _c(\n                              \"ul\",\n                              _vm._l(pg.price.prices, function (item, index) {\n                                return _c(\"li\", { key: index }, [\n                                  item.info && item.info != \"₺\"\n                                    ? _c(\"span\", [_vm._v(_vm._s(item.info))])\n                                    : _vm._e(),\n                                  item.totalPrice\n                                    ? _c(\"span\", [\n                                        _vm._v(\n                                          _vm._s(\n                                            _vm.formatPrice(item.totalPrice)\n                                          )\n                                        ),\n                                      ])\n                                    : _c(\"span\", [_vm._v(\"Ücretsiz\")]),\n                                  item.totalPrice != 0 &&\n                                  item.info &&\n                                  item.info == \"₺\"\n                                    ? _c(\"span\", [_vm._v(\" TL \")])\n                                    : _vm._e(),\n                                  index != pg.price.prices.length - 1\n                                    ? _c(\"span\", [_vm._v(\"+\")])\n                                    : _vm._e(),\n                                ])\n                              }),\n                              0\n                            ),\n                          ])\n                        : _vm._e(),\n                      pg.isEnabled\n                        ? _c(\n                            \"div\",\n                            { staticClass: \"buy\" },\n                            [\n                              _c(\n                                \"base-button\",\n                                {\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.purchase(\n                                        pg.package[0].applicationFeature.id\n                                      )\n                                    },\n                                  },\n                                },\n                                [_vm._v(\"Talep Et\")]\n                              ),\n                            ],\n                            1\n                          )\n                        : _c(\"div\", { staticClass: \"buy\" }, [\n                            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n                              _c(\"div\", { staticClass: \"tooltiptext\" }, [\n                                _c(\"div\", { staticClass: \"texts\" }, [\n                                  _c(\"span\", { staticClass: \"text\" }, [\n                                    _vm._v(\n                                      ' Yükseltme işlemleri yalnızca \"Paket Talep Et\" üzerinden yapılabilir. '\n                                    ),\n                                  ]),\n                                ]),\n                                _c(\"div\", { staticClass: \"triangle-down\" }),\n                              ]),\n                              _c(\n                                \"span\",\n                                { staticClass: \"text\" },\n                                [\n                                  _vm._v(\" Talep Et \"),\n                                  _c(\"base-icon\", {\n                                    staticClass: \"icon\",\n                                    attrs: { name: \"warn-yellow\" },\n                                  }),\n                                ],\n                                1\n                              ),\n                            ]),\n                          ]),\n                    ]\n                  ),\n                ]),\n              ])\n            }),\n            1\n          )\n        : _vm._e(),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3879,7 +3879,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: normal;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 20px;\\n    margin-bottom: 30px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 20px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: flex-start;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-silver-metallic);\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: normal;\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        width: 200px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 2px solid var(--color-primary-green);\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          color: var(--color-primary-green);\\n          font-weight: bold;\\n          font-size: 13px;\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: normal;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 20px;\\n    margin-bottom: 30px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 20px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: flex-start;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-silver-metallic);\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: normal;\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        width: 200px;\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0]:last-child {\\n          width: auto;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 2px solid var(--color-primary-green);\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          color: var(--color-primary-green);\\n          font-weight: bold;\\n          font-size: 14px;\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

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