osmanli-veri-dagitim 2.1.72-dev → 2.1.73-dev

package/dist/OsmanliPackage.common.js

@@ -1714,7 +1714,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 10,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 10,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1870,7 +1870,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 _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\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    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    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\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      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\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  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\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      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\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    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\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\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\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      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\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    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n        result = d.platform.name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\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 => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\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 _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\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    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    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\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      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\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  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\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      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\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    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\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\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\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      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 10,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\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    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n        result = d.algorithm[0].name;\n      } else if (!d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n        result = d.platform.name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\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 => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\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");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 10,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 10,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1879,7 +1879,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 _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\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    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    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\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      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\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  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\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      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\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    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\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\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\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      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\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    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n        result = d.platform.name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\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 => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\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 _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\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    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    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\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      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\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  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\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      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\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    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\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\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\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      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 10,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\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    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n        result = d.algorithm[0].name;\n      } else if (!d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n        result = d.platform.name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\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 => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\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");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1723,7 +1723,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 5,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 5,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"InvoiceFilter\",\n  components: {\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"]\n  },\n  props: {\n    currentYearNumber: String,\n    currentMonthNumber: String\n  },\n\n  data() {\n    return {\n      ApplicationTypes: [],\n      selectedYear: {\n        code: 1,\n        label: this.currentYearNumber\n      },\n      selectedMonth: -1,\n      selectedAppType: -1,\n      customerId: null\n    };\n  },\n\n  mounted() {\n    this.customerId = this.$route.params.customerId;\n    this.getFilter();\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getFilterList\", \"getInvoiceFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    availableYears() {\n      const currentYear = new Date().getFullYear();\n      const previousYear = currentYear - 1;\n      const nextYear = currentYear + 1;\n      var currentMonth = this.selectedMonth;\n\n      if (currentMonth >= 0 && currentMonth <= 9) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      } else if (currentMonth >= 10 && currentMonth <= 12) {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 1,\n          label: currentYear\n        }, {\n          code: 2,\n          label: nextYear\n        }];\n      } else {\n        return [{\n          code: -1,\n          label: \"Seçiniz\"\n        }, {\n          code: 0,\n          label: previousYear\n        }, {\n          code: 1,\n          label: currentYear\n        }];\n      }\n    },\n\n    availableMonths() {\n      return [{\n        code: -1,\n        label: \"Seçiniz\"\n      }, {\n        code: 1,\n        label: \"Ocak\"\n      }, {\n        code: 2,\n        label: \"Şubat\"\n      }, {\n        code: 3,\n        label: \"Mart\"\n      }, {\n        code: 4,\n        label: \"Nisan\"\n      }, {\n        code: 5,\n        label: \"Mayıs\"\n      }, {\n        code: 6,\n        label: \"Haziran\"\n      }, {\n        code: 7,\n        label: \"Temmuz\"\n      }, {\n        code: 8,\n        label: \"Ağustos\"\n      }, {\n        code: 9,\n        label: \"Eylül\"\n      }, {\n        code: 10,\n        label: \"Ekim\"\n      }, {\n        code: 11,\n        label: \"Kasım\"\n      }, {\n        code: 12,\n        label: \"Aralık\"\n      }];\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"fillFilter\", \"getInvoiceList\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setInvoiceFilter\"]),\n\n    getFilter() {\n      this.fillFilter().then(res => {\n        if (res.data) {\n          const ApplicationTypesList = this.getFilterList.filter(o => o.name === \"ApplicationTypes\");\n          if (ApplicationTypesList.length > 0) this.ApplicationTypes = ApplicationTypesList[0].values;\n          this.ApplicationTypes.unshift({\n            code: -1,\n            label: \"Hepsi\"\n          });\n          this.setInvoiceFilter({\n            page: 1,\n            size: 10,\n            filter: {\n              Year: parseInt(this.selectedYear.label)\n            }\n          });\n        }\n      });\n    },\n\n    applyFilters() {\n      this.$emit(\"filterChangeResponse\", false);\n      const filters = {\n        page: 1,\n        size: 10,\n        filter: {}\n      };\n\n      if (this.selectedYear.code !== -1) {\n        filters.filter.Year = parseInt(this.selectedYear.label);\n      }\n\n      if (this.selectedMonth !== -1) {\n        filters.filter.Month = this.selectedMonth;\n      }\n\n      if (this.selectedAppType !== -1) {\n        filters.filter.ApplicationTypes = this.selectedAppType.toString();\n      }\n\n      this.setInvoiceFilter(filters);\n      this.getInvoiceList(this.customerId).then(() => {\n        this.$emit(\"filterChangeResponse\", true);\n      });\n    },\n\n    changeInvoiceYear(value) {\n      this.selectedYear = value;\n      this.applyFilters();\n    },\n\n    changeInvoiceMonth(value) {\n      this.selectedMonth = value.code;\n      this.applyFilters();\n    },\n\n    changeApplicationTypes(value) {\n      this.selectedAppType = value === null || value === void 0 ? void 0 : value.code;\n      this.applyFilters();\n    },\n\n    resetFilter(filterName) {\n      delete this.getInvoiceFilter.filter[filterName];\n      delete this.getInvoiceFilter[filterName];\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/InvoiceFilter.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -1879,7 +1879,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 _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\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    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    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\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      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\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  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\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      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\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    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\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\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\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      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 5,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\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    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n        result = d.platform.name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\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 => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\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 _mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\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    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    ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    ListViewSkeleton\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      this.cusNo = this.veriDagitimModel.customerId;\n    }\n\n    this.fillFilter();\n    this.getAllPackages(this.cusId);\n    this.getRecommendedData();\n    this.fillFilter();\n\n    if (!this.veriDagitimModel) {\n      localStorage.setItem(\"userCusId\", this.cusId);\n      this.setUserCustomerId(this.cusId);\n      this.getCustomer();\n    } else {\n      this.getCustomer();\n      this.handleCustomer(this.veriDagitimModel);\n      localStorage.setItem(\"esube\", \"yes\");\n      localStorage.setItem(\"userId\", this.cusId);\n      localStorage.setItem(\"cusNo\", this.cusNo);\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  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\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      currentYearNumber: new Date().getFullYear(),\n      currentMonthNumber: new Date().getMonth() + 1,\n      countDown: 10,\n      timerRunning: true,\n      logsLoader: false,\n      timerStatus: \"Yenileniyor\",\n      screenPriceList: [],\n      featureScreenPricesList: [],\n      newScreenPrice: [],\n      tabs: [{\n        id: 0,\n        text: \"Veri Paketlerim\"\n      }, {\n        id: 1,\n        text: \"Veri Paketi Ekstrelerim\"\n      }, {\n        id: 3,\n        text: \"Ekran Ücretleri\"\n      }, {\n        id: 4,\n        text: \"Paket Talep Et\"\n      }, {\n        id: 2,\n        text: \"Değişiklikler\"\n      }],\n      esube: localStorage.getItem(\"esube\"),\n      currentTab: 0,\n      cusId: null,\n      cusNo: null,\n      isDataInvoiceLoaded: true,\n      activeIndex: null,\n      isActiveRow: false,\n      isLoading: false,\n      REQUESTED_PACKAGE_STATUS_ID: 6,\n      SUCCESSFUL_INTEGRATION: true,\n      UNSUCCESSFUL_INTEGRATION: false,\n      EXCLUDED_APPLICATION_NAME: \"Foreks\"\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = \"yes\";\n      return this.esube === REPRESENTATIVE_CODE;\n    },\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    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\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\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"getMember\", \"fillFilter\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\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      } else if (this.currentTab == 1) {\n        this.setInvoiceFilter({\n          page: 1,\n          size: 10,\n          filter: {\n            Year: this.currentYearNumber\n          }\n        });\n        this.getInvoiceList(ctrId);\n      } else if (this.currentTab === 2) {\n        this.setHistoryFilter({\n          page: 1,\n          size: 1000,\n          filter: {}\n        });\n        this.getHistoryList(ctrId);\n      } else if (this.currentTab === 3) {\n        this.screenPriceList = [];\n        this.getFeatureScreenPrices().then(response => {\n          response.forEach(element => {\n            this.screenPriceList.push(element);\n          });\n        });\n      } else if (this.currentTab === 4) {\n        this.navigate();\n      }\n    },\n\n    returnPriceTypeForScreenPrices(priceTypeNumber) {\n      if (priceTypeNumber == 1) {\n        return \"TL\";\n      } else if (priceTypeNumber == 2) {\n        return \"Dolar\";\n      } else if (priceTypeNumber == 3) {\n        return \"Euro\";\n      }\n    },\n\n    navigate() {\n      const params = {\n        customerNumber: this.customerId,\n        memberType: this.getUserType\n      };\n      const query = {};\n      let cusId = this.$route.params.customerId;\n      params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n      query.c = params.customerId;\n      query.m = params.memberType;\n      this.$router.push({\n        name: \"BuyDataPackage\",\n        params,\n        query\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    subtitleRules(d) {\n      let result = null;\n\n      if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.platform == null && (d.application.id == 4 || d.application.id == 7)) {\n        result = d.algorithm[0].name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\n    },\n\n    subtitleRulesInvoice(d) {\n      var _d$platform, _d$platform2;\n\n      let result = null;\n\n      if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n        result = d.application.shortContent;\n      } else if (d.research.length && d.application == null) {\n        result = d.research[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 4 && ((_d$platform = d.platform) === null || _d$platform === void 0 ? void 0 : _d$platform.platformId) != 2) {\n        result = d.algorithm[0].name;\n      } else if (d.algorithm.length && d.application.applicationId == 7 && d.platform == null) {\n        result = d.algorithm[0].name;\n      } else if (!d.algorithm.length && d.application.applicationId == 7 && ((_d$platform2 = d.platform) === null || _d$platform2 === void 0 ? void 0 : _d$platform2.platformId) == 1) {\n        result = d.platform.name;\n      } else {\n        result = d.platform.name;\n      }\n\n      return result;\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 => {\n          var _o$application;\n\n          return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n        });\n        const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n        this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\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");
 
 /***/ }),
 

package/package.json

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