osmanli-veri-dagitim 2.0.83 → 2.0.85

package/dist/OsmanliPackage.common.js

@@ -1839,7 +1839,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    DataFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataFilter\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n    }\n\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      currentTab: 0,\n      cusId: null,\n      isDataInvoiceLoaded: true\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\"]),\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"setUserInfo\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n\n      if (this.currentTab === 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab === 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber.toString(),\n            Month: this.currentMonthNumber.toString()\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 5,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      }\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == true && o.application.name != 'Foreks');\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == false);\n\n        if (checkIsRequested.length) {\n          this.timerRunning = true;\n\n          if (checkIsRequested.length === checkisSuccessfulIntegration.length) {\n            this.timerRunning = false;\n          }\n        } else {\n          this.timerRunning = false;\n        }\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    // DataFilter,\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n    }\n\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      currentTab: 0,\n      cusId: null,\n      isDataInvoiceLoaded: true\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\"]),\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"setUserInfo\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n\n      if (this.currentTab === 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab === 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber.toString(),\n            Month: this.currentMonthNumber.toString()\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 5,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      }\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == true && o.application.name != 'Foreks');\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == false);\n\n        if (checkIsRequested.length) {\n          this.timerRunning = true;\n\n          if (checkIsRequested.length === checkisSuccessfulIntegration.length) {\n            this.timerRunning = false;\n          }\n        } else {\n          this.timerRunning = false;\n        }\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2055,7 +2055,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm._v(\" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\n            \"h2\",\n            [\n              !_vm.isActive\n                ? _c(\"div\", [_vm._v(\"0 TL\")])\n                : _vm._l(_vm.pricesList, function (item, index) {\n                    return _c(\n                      \"div\",\n                      { key: item.totalPrice, staticClass: \"inline-block\" },\n                      [\n                        item.info === \"₺\"\n                          ? _c(\"div\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : item.info === \"€\"\n                          ? _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.info) +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" \"\n                              ),\n                            ])\n                          : _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.info) +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" \"\n                              ),\n                            ]),\n                      ]\n                    )\n                  }),\n            ],\n            2\n          )\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.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(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm._v(\" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\n            \"h2\",\n            [\n              !_vm.isActive\n                ? _c(\"div\", [_vm._v(\"0 TL\")])\n                : _vm._l(_vm.pricesList, function (item, index) {\n                    return _c(\n                      \"div\",\n                      { key: item.totalPrice, staticClass: \"inline-block\" },\n                      [\n                        item.info === \"₺\"\n                          ? _c(\"div\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : item.info === \"€\"\n                          ? _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" Euro \"\n                              ),\n                            ])\n                          : _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" Dolar \"\n                              ),\n                            ]),\n                      ]\n                    )\n                  }),\n            ],\n            2\n          )\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.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");
 
 /***/ }),
 
@@ -2223,7 +2223,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: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TL TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için gerekli tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-default\" }, [\n            _c(\"p\", [\n              _vm._v(\n                \"* Ücretsiz kullanım için gerekli tutara henüz ulaşamadınız\"\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"comission-container-details\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"comission-container-info-row\" },\n          [\n            _c(\"base-icon\", { staticClass: \"icon\", attrs: { name: \"info\" } }),\n            _c(\"p\", [\n              _vm._v(\n                \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n              ),\n            ]),\n          ],\n          1\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için gerekli tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-default\" }, [\n            _c(\"p\", [\n              _vm._v(\n                \"* Ücretsiz kullanım için gerekli tutara henüz ulaşamadınız\"\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"comission-container-details\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"comission-container-info-row\" },\n          [\n            _c(\"base-icon\", { staticClass: \"icon\", attrs: { name: \"info\" } }),\n            _c(\"p\", [\n              _vm._v(\n                \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n              ),\n            ]),\n          ],\n          1\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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");
 
 /***/ }),
 
@@ -2403,7 +2403,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      { staticClass: \"data-requests__title-wrapper\" },\n                      [_c(\"data-filter\")],\n                      1\n                    ),\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"data-requests-timer\" },\n                          [\n                            _c(\"base-icon\", {\n                              staticClass: \"loader-icon\",\n                              attrs: { name: \"loader\" },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title: d.productName,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"invoice-area custom-container\",\n                  attrs: { id: \"invoice\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area\" },\n                    [\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"h3\", [\n                        _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n                      ]),\n                      _c(\"history-filter\"),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%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: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"data-requests-timer\" },\n                          [\n                            _c(\"base-icon\", {\n                              staticClass: \"loader-icon\",\n                              attrs: { name: \"loader\" },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title: d.productName,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"invoice-area custom-container\",\n                  attrs: { id: \"invoice\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area\" },\n                    [\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"h3\", [\n                        _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n                      ]),\n                      _c(\"history-filter\"),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%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");
 
 /***/ }),
 
@@ -3672,7 +3672,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, \".comission-container[data-v-56c7f3be] {\\n  padding: 0 20px;\\n}\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n    margin-bottom: -65px;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n        margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n        margin-bottom: 20px;\\n}\\n}\\n.comission-container-title p[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n    color: var(--grayscale-60);\\n    font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-default);\\n    margin-top: 15px;\\n    display: flex;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 13px;\\n      margin-bottom: 0px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 105px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (min-width: 820px) {\\n.comission-container-info-row[data-v-56c7f3be] {\\n        max-width: 550px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 110px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    background: var(--grayscale-20);\\n    padding: 4px 4px;\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n      min-width: 260px;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n        font-family: \\\"Roboto\\\", sans-serif;\\n        font-size: 13px;\\n        font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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, \".comission-container[data-v-56c7f3be] {\\n  padding: 0 20px;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title p[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n    color: var(--grayscale-60);\\n    font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-default);\\n    margin-top: 15px;\\n    display: flex;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 13px;\\n      margin-bottom: 0px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    background: var(--grayscale-20);\\n    padding: 4px 4px;\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n      min-width: 260px;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n        font-family: \\\"Roboto\\\", sans-serif;\\n        font-size: 13px;\\n        font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1848,7 +1848,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    DataFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataFilter\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n    }\n\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      currentTab: 0,\n      cusId: null,\n      isDataInvoiceLoaded: true\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\"]),\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"setUserInfo\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n\n      if (this.currentTab === 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab === 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber.toString(),\n            Month: this.currentMonthNumber.toString()\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 5,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      }\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == true && o.application.name != 'Foreks');\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == false);\n\n        if (checkIsRequested.length) {\n          this.timerRunning = true;\n\n          if (checkIsRequested.length === checkisSuccessfulIntegration.length) {\n            this.timerRunning = false;\n          }\n        } else {\n          this.timerRunning = false;\n        }\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    // DataFilter,\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n    }\n\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      currentTab: 0,\n      cusId: null,\n      isDataInvoiceLoaded: true\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\"]),\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"setUserInfo\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n\n      if (this.currentTab === 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab === 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber.toString(),\n            Month: this.currentMonthNumber.toString()\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 5,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      }\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == true && o.application.name != 'Foreks');\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == false);\n\n        if (checkIsRequested.length) {\n          this.timerRunning = true;\n\n          if (checkIsRequested.length === checkisSuccessfulIntegration.length) {\n            this.timerRunning = false;\n          }\n        } else {\n          this.timerRunning = false;\n        }\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2064,7 +2064,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm._v(\" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\n            \"h2\",\n            [\n              !_vm.isActive\n                ? _c(\"div\", [_vm._v(\"0 TL\")])\n                : _vm._l(_vm.pricesList, function (item, index) {\n                    return _c(\n                      \"div\",\n                      { key: item.totalPrice, staticClass: \"inline-block\" },\n                      [\n                        item.info === \"₺\"\n                          ? _c(\"div\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : item.info === \"€\"\n                          ? _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.info) +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" \"\n                              ),\n                            ])\n                          : _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.info) +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" \"\n                              ),\n                            ]),\n                      ]\n                    )\n                  }),\n            ],\n            2\n          )\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.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(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm._v(\" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\n            \"h2\",\n            [\n              !_vm.isActive\n                ? _c(\"div\", [_vm._v(\"0 TL\")])\n                : _vm._l(_vm.pricesList, function (item, index) {\n                    return _c(\n                      \"div\",\n                      { key: item.totalPrice, staticClass: \"inline-block\" },\n                      [\n                        item.info === \"₺\"\n                          ? _c(\"div\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : item.info === \"€\"\n                          ? _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" Euro \"\n                              ),\n                            ])\n                          : _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" Dolar \"\n                              ),\n                            ]),\n                      ]\n                    )\n                  }),\n            ],\n            2\n          )\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.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");
 
 /***/ }),
 
@@ -2232,7 +2232,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: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TL TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için gerekli tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-default\" }, [\n            _c(\"p\", [\n              _vm._v(\n                \"* Ücretsiz kullanım için gerekli tutara henüz ulaşamadınız\"\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"comission-container-details\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"comission-container-info-row\" },\n          [\n            _c(\"base-icon\", { staticClass: \"icon\", attrs: { name: \"info\" } }),\n            _c(\"p\", [\n              _vm._v(\n                \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n              ),\n            ]),\n          ],\n          1\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için gerekli tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-default\" }, [\n            _c(\"p\", [\n              _vm._v(\n                \"* Ücretsiz kullanım için gerekli tutara henüz ulaşamadınız\"\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"comission-container-details\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"comission-container-info-row\" },\n          [\n            _c(\"base-icon\", { staticClass: \"icon\", attrs: { name: \"info\" } }),\n            _c(\"p\", [\n              _vm._v(\n                \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n              ),\n            ]),\n          ],\n          1\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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");
 
 /***/ }),
 
@@ -2412,7 +2412,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      { staticClass: \"data-requests__title-wrapper\" },\n                      [_c(\"data-filter\")],\n                      1\n                    ),\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"data-requests-timer\" },\n                          [\n                            _c(\"base-icon\", {\n                              staticClass: \"loader-icon\",\n                              attrs: { name: \"loader\" },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title: d.productName,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"invoice-area custom-container\",\n                  attrs: { id: \"invoice\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area\" },\n                    [\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"h3\", [\n                        _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n                      ]),\n                      _c(\"history-filter\"),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%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: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"data-requests-timer\" },\n                          [\n                            _c(\"base-icon\", {\n                              staticClass: \"loader-icon\",\n                              attrs: { name: \"loader\" },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title: d.productName,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"invoice-area custom-container\",\n                  attrs: { id: \"invoice\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area\" },\n                    [\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"h3\", [\n                        _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n                      ]),\n                      _c(\"history-filter\"),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%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");
 
 /***/ }),
 
@@ -3681,7 +3681,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, \".comission-container[data-v-56c7f3be] {\\n  padding: 0 20px;\\n}\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n    margin-bottom: -65px;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n        margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n        margin-bottom: 20px;\\n}\\n}\\n.comission-container-title p[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n    color: var(--grayscale-60);\\n    font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-default);\\n    margin-top: 15px;\\n    display: flex;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 13px;\\n      margin-bottom: 0px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 105px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (min-width: 820px) {\\n.comission-container-info-row[data-v-56c7f3be] {\\n        max-width: 550px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 110px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    background: var(--grayscale-20);\\n    padding: 4px 4px;\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n      min-width: 260px;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n        font-family: \\\"Roboto\\\", sans-serif;\\n        font-size: 13px;\\n        font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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, \".comission-container[data-v-56c7f3be] {\\n  padding: 0 20px;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title p[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n    color: var(--grayscale-60);\\n    font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-default);\\n    margin-top: 15px;\\n    display: flex;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 13px;\\n      margin-bottom: 0px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    background: var(--grayscale-20);\\n    padding: 4px 4px;\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n      min-width: 260px;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n        font-family: \\\"Roboto\\\", sans-serif;\\n        font-size: 13px;\\n        font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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

@@ -1848,7 +1848,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    DataFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataFilter\"],\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n    }\n\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      currentTab: 0,\n      cusId: null,\n      isDataInvoiceLoaded: true\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\"]),\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"setUserInfo\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n\n      if (this.currentTab === 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab === 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber.toString(),\n            Month: this.currentMonthNumber.toString()\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 5,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      }\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == true && o.application.name != 'Foreks');\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == false);\n\n        if (checkIsRequested.length) {\n          this.timerRunning = true;\n\n          if (checkIsRequested.length === checkisSuccessfulIntegration.length) {\n            this.timerRunning = false;\n          }\n        } else {\n          this.timerRunning = false;\n        }\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"CustomerDetail\",\n  components: {\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n    DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n    // DataFilter,\n    Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n    FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n    HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n    DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n    InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n    DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    } else {\n      this.cusId = this.veriDagitimModel.userId;\n    }\n\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n\n      if (this.cusId) {\n        let userIdAsNumber = parseInt(this.cusId);\n        let payload = {\n          id: userIdAsNumber\n        };\n        this.getMember(payload).then(response => {\n          this.setUserInfo({ ...response.data.loginInfo,\n            memberType: this.memberType\n          });\n        });\n      }\n    }\n  },\n\n  props: {\n    veriDagitimModel: Object,\n    memberType: {\n      type: Number\n    }\n  },\n\n  data() {\n    return {\n      recommendedPackages: null,\n      getPaymentStatuses: [],\n      currentCustomer: null,\n      monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      currentTab: 0,\n      cusId: null,\n      isDataInvoiceLoaded: true\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\"]),\n\n    customerId() {\n      if (this.$route.params.customerNumber) {\n        return this.$route.params.customerNumber;\n      } else {\n        return this.veriDagitimModel.customerId;\n      }\n    },\n\n    getAllPackagesData() {\n      return this.allPackages;\n    }\n\n  },\n\n  created() {\n    if (this.veriDagitimModel) {\n      localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n    }\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"setUserInfo\", \"getMember\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\"]),\n\n    tabClass(id) {\n      return [{\n        active: this.currentTab === id\n      }, \"tab\"];\n    },\n\n    changeTab(id) {\n      const ctrId = this.$route.params.customerId;\n      this.currentTab = id;\n      this.setGeneralFilter({\n        page: 1,\n        size: 5,\n        filter: {}\n      });\n      this.timerRunning = false;\n\n      if (this.currentTab === 0) {\n        this.getAllPackages(ctrId);\n        this.timerRunning = true;\n        this.countDown = 10;\n      } else if (this.currentTab === 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber.toString(),\n            Month: this.currentMonthNumber.toString()\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 5,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      }\n    },\n\n    getRecommendedData() {\n      this.getRecommendedPackageList(this.cusId).then(res => {\n        if (res) {\n          this.recommendedPackages = this.getRecommendedPackages;\n        }\n      });\n    },\n\n    checkIsDataInvoiceFilterChangedAndLoaded(param) {\n      this.isDataInvoiceLoaded = param;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerId,\n        cusId: this.cusId\n      }).then(res => {\n        if (!res.statusCode) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\"],\n            customer: this.customer,\n            customerDetail: this.customerId,\n            cusId: this.cusId\n          });\n          const paymentStatuses = this.getFilterList.filter(o => {\n            return o.name === \"PaymentStatus\";\n          });\n          if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n          this.currentCustomer = this.customer;\n        }\n      });\n    },\n\n    toggleCountdown() {\n      this.timerRunning = !this.timerRunning;\n\n      if (!this.timerRunning) {\n        this.timerStatus = \"Duraklatıldı\";\n      } else {\n        this.timerStatus = \"Yenileniyor.\";\n        this.countDown = 10;\n      }\n    },\n\n    timerChecker(isPopupOpened) {\n      if (isPopupOpened) {\n        this.timerRunning = false;\n      } else {\n        this.timerRunning = true;\n        this.countDown = 10;\n      }\n    }\n\n  },\n  watch: {\n    countDown: {\n      handler(value) {\n        if (this.currentTab == 0 && value >= -1) {\n          if (this.timerRunning) {\n            setTimeout(() => {\n              this.countDown--;\n\n              if (this.countDown === 0) {\n                this.logsLoader = true;\n                this.getAllPackages(this.$route.params.customerId);\n                this.getRecommendedData();\n              } else if (this.countDown === -1) {\n                this.logsLoader = false;\n                this.countDown = 10;\n              }\n            }, 1000);\n          }\n        }\n      },\n\n      immediate: true,\n      deep: true\n    },\n    getAllPackagesData: {\n      handler(value) {\n        const allData = JSON.parse(JSON.stringify(value.data));\n        const checkIsRequested = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == true && o.application.name != 'Foreks');\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id == 6 && o.isSuccessfulIntegration == false);\n\n        if (checkIsRequested.length) {\n          this.timerRunning = true;\n\n          if (checkIsRequested.length === checkisSuccessfulIntegration.length) {\n            this.timerRunning = false;\n          }\n        } else {\n          this.timerRunning = false;\n        }\n      },\n\n      deep: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2064,7 +2064,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm._v(\" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\n            \"h2\",\n            [\n              !_vm.isActive\n                ? _c(\"div\", [_vm._v(\"0 TL\")])\n                : _vm._l(_vm.pricesList, function (item, index) {\n                    return _c(\n                      \"div\",\n                      { key: item.totalPrice, staticClass: \"inline-block\" },\n                      [\n                        item.info === \"₺\"\n                          ? _c(\"div\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : item.info === \"€\"\n                          ? _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.info) +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" \"\n                              ),\n                            ])\n                          : _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.info) +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" \"\n                              ),\n                            ]),\n                      ]\n                    )\n                  }),\n            ],\n            2\n          )\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.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(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm._v(\" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\n            \"h2\",\n            [\n              !_vm.isActive\n                ? _c(\"div\", [_vm._v(\"0 TL\")])\n                : _vm._l(_vm.pricesList, function (item, index) {\n                    return _c(\n                      \"div\",\n                      { key: item.totalPrice, staticClass: \"inline-block\" },\n                      [\n                        item.info === \"₺\"\n                          ? _c(\"div\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : item.info === \"€\"\n                          ? _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" Euro \"\n                              ),\n                            ])\n                          : _c(\"div\", [\n                              index >= 0 ? _c(\"span\", [_vm._v(\"+\")]) : _vm._e(),\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceNoDecimal(item.totalPrice)\n                                  ) +\n                                  \" Dolar \"\n                              ),\n                            ]),\n                      ]\n                    )\n                  }),\n            ],\n            2\n          )\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.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");
 
 /***/ }),
 
@@ -2232,7 +2232,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: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TL TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için gerekli tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-default\" }, [\n            _c(\"p\", [\n              _vm._v(\n                \"* Ücretsiz kullanım için gerekli tutara henüz ulaşamadınız\"\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"comission-container-details\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"comission-container-info-row\" },\n          [\n            _c(\"base-icon\", { staticClass: \"icon\", attrs: { name: \"info\" } }),\n            _c(\"p\", [\n              _vm._v(\n                \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n              ),\n            ]),\n          ],\n          1\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için gerekli tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted\n        ? _c(\"div\", { staticClass: \"comission-container-default\" }, [\n            _c(\"p\", [\n              _vm._v(\n                \"* Ücretsiz kullanım için gerekli tutara henüz ulaşamadınız\"\n              ),\n            ]),\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"comission-container-details\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"comission-container-info-row\" },\n          [\n            _c(\"base-icon\", { staticClass: \"icon\", attrs: { name: \"info\" } }),\n            _c(\"p\", [\n              _vm._v(\n                \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n              ),\n            ]),\n          ],\n          1\n        ),\n      ]),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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");
 
 /***/ }),
 
@@ -2412,7 +2412,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      { staticClass: \"data-requests__title-wrapper\" },\n                      [_c(\"data-filter\")],\n                      1\n                    ),\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"data-requests-timer\" },\n                          [\n                            _c(\"base-icon\", {\n                              staticClass: \"loader-icon\",\n                              attrs: { name: \"loader\" },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title: d.productName,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"invoice-area custom-container\",\n                  attrs: { id: \"invoice\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area\" },\n                    [\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"h3\", [\n                        _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n                      ]),\n                      _c(\"history-filter\"),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%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: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\n                          \"div\",\n                          { staticClass: \"data-requests-timer\" },\n                          [\n                            _c(\"base-icon\", {\n                              staticClass: \"loader-icon\",\n                              attrs: { name: \"loader\" },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title: d.productName,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"invoice-area custom-container\",\n                  attrs: { id: \"invoice\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area\" },\n                    [\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [\n                      _c(\"h3\", [\n                        _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n                      ]),\n                      _c(\"history-filter\"),\n                    ],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%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");
 
 /***/ }),
 
@@ -3681,7 +3681,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, \".comission-container[data-v-56c7f3be] {\\n  padding: 0 20px;\\n}\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n    margin-bottom: -65px;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n        margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n        margin-bottom: 20px;\\n}\\n}\\n.comission-container-title p[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n    color: var(--grayscale-60);\\n    font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-default);\\n    margin-top: 15px;\\n    display: flex;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 13px;\\n      margin-bottom: 0px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 105px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (min-width: 820px) {\\n.comission-container-info-row[data-v-56c7f3be] {\\n        max-width: 550px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 110px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    background: var(--grayscale-20);\\n    padding: 4px 4px;\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n      min-width: 260px;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n        font-family: \\\"Roboto\\\", sans-serif;\\n        font-size: 13px;\\n        font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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, \".comission-container[data-v-56c7f3be] {\\n  padding: 0 20px;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title p[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n    color: var(--grayscale-60);\\n    font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-default);\\n    margin-top: 15px;\\n    display: flex;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 13px;\\n      margin-bottom: 0px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: var(--grayscale-50);\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    background: var(--grayscale-20);\\n    padding: 4px 4px;\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n      min-width: 260px;\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n        font-family: \\\"Roboto\\\", sans-serif;\\n        font-size: 13px;\\n        font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.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,12 +1,12 @@
 {
   "name": "osmanli-veri-dagitim",
-  "version": "2.0.83",
-  "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.83",
+  "version": "2.0.85",
+  "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.85",
   "files": [
     "dist"
   ],
   "scripts": {
-    "serve": "vue-cli-service serve --mode development",
+    "serve": "vue-cli-service serve --mode testenv",
     "build-dev": "vue-cli-service build --mode development",
     "build-test": "vue-cli-service build --mode testenv",
     "build-preprod": "vue-cli-service build --mode preprod",