osmanli-veri-dagitim 2.1.51-dev → 2.1.53-dev

package/dist/OsmanliPackage.common.js

@@ -1726,7 +1726,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.isButtonClicked = false;\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3924,7 +3924,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package.custom-container.p-0[data-v-99f58ee0] {\\n    padding: 0px !important;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 56px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        position: relative;\\n        top: 2px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package.custom-container.p-0[data-v-99f58ee0] {\\n    padding: 0px !important;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 56px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        position: relative;\\n        top: 1px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -8181,7 +8181,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ \"./node_modules/core-js/modules/es.error.cause.js\");\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/axiosInstance */ \"./src/utils/axiosInstance.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/router */ \"./src/router/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n\n\n\n\n\nconst state = {\n  token: \"\",\n  authErrorMessage: \"\",\n  userInfo: {\n    memberType: 0\n  },\n  userNumber: \"\",\n  userCustomerId: \"\"\n};\nconst mutations = {\n  setToken(state, token) {\n    state.token = token;\n  },\n\n  clearToken(state) {\n    state.token = \"\";\n  },\n\n  setErrorMessage(state, payload) {\n    state.authErrorMessage = payload;\n  },\n\n  setUserInfo(state, user) {\n    state.userInfo = user;\n  },\n\n  setUserNumber(state, user) {\n    state.userNumber = user;\n  },\n\n  setUserCustomerId(state, customerId) {\n    state.userCustomerId = customerId;\n  }\n\n};\nconst actions = {\n  initAuth({\n    commit\n  }) {\n    const token = localStorage.getItem(\"veri-dagitim-token\");\n    const getCusId = localStorage.getItem(\"userCusId\");\n\n    if (!token) {\n      commit(\"setUserInfo\", localStorage.getItem(\"username\"));\n      commit(\"setToken\", token);\n\n      if (getCusId) {\n        commit(\"setUserCustomerId\", parseInt(getCusId));\n      }\n    }\n  },\n\n  getMember({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      if (!_params.id) {\n        dispatch(\"logout\");\n        throw new Error(\"id error\");\n      }\n\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].getMember, _params).then(response => {\n        if (response.data.error) {\n          resolve(false);\n        } else {\n          commit(\"setUserInfo\", response.data);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          resolve(response);\n        }\n      }).catch(() => {\n        resolve(false);\n      });\n    });\n  },\n\n  login({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      const invalidUserPasswordMsg = \"Geçersiz Kullanıcı Adı veya Şifre\";\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].login, _params).then(response => {\n        if (response.data.error) {\n          commit(\"setErrorMessage\", invalidUserPasswordMsg);\n          resolve(false);\n        } else {\n          commit(\"setToken\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"veri-dagitim-token\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"refreshToken\", response.data.refreshToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"userId\", response.data.loginInfo.id);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"username\", response.data.loginInfo.name);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          commit(\"setUserInfo\", response.data.loginInfo);\n          commit(\"setUserNumber\", Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"getItem\"])(\"userNumber\"));\n          const currentTime = new Date().getTime();\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"expirationDate\", currentTime + response.data.expiresIn);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setTimeoutExpire\"])(() => dispatch(\"logout\"));\n          _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push({\n            name: \"Home\"\n          });\n          resolve(true);\n        }\n      }).catch(() => {\n        commit(\"setErrorMessage\", invalidUserPasswordMsg);\n        resolve(false);\n      });\n    });\n  },\n\n  logout({\n    commit\n  }) {\n    commit(\"clearToken\");\n    localStorage.removeItem(\"veri-dagitim-token\");\n    localStorage.removeItem(\"refreshToken\");\n    localStorage.removeItem(\"expirationDate\");\n    localStorage.removeItem(\"userType\");\n    localStorage.removeItem(\"userId\");\n    localStorage.removeItem(\"username\");\n    localStorage.removeItem(\"userNumber\");\n    _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push(\"/login\").catch(() => {});\n  }\n\n};\nconst getters = {\n  getUserInfo(state) {\n    return state.userInfo;\n  },\n\n  getUserNumber(state) {\n    return state.userNumber;\n  },\n\n  getToken(state) {\n    return state.token;\n  },\n\n  getErrorMsg(state) {\n    return state.authErrorMessage;\n  },\n\n  getUserCusId(state) {\n    return state.userCustomerId;\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  actions,\n  getters\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/store/modules/auth.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ \"./node_modules/core-js/modules/es.error.cause.js\");\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/axiosInstance */ \"./src/utils/axiosInstance.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/router */ \"./src/router/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n\n\n\n\n\nconst state = {\n  token: \"\",\n  authErrorMessage: \"\",\n  userInfo: {\n    memberType: 0\n  },\n  userNumber: \"\",\n  userCustomerId: \"\"\n};\nconst mutations = {\n  setToken(state, token) {\n    state.token = token;\n  },\n\n  clearToken(state) {\n    state.token = \"\";\n  },\n\n  setErrorMessage(state, payload) {\n    state.authErrorMessage = payload;\n  },\n\n  setUserInfo(state, user) {\n    state.userInfo = user;\n  },\n\n  setUserNumber(state, user) {\n    state.userNumber = user;\n  },\n\n  setUserCustomerId(state, customerId) {\n    state.userCustomerId = customerId;\n  }\n\n};\nconst actions = {\n  initAuth({\n    commit\n  }) {\n    const token = localStorage.getItem(\"veri-dagitim-token\");\n    const getCusId = localStorage.getItem(\"userCusId\");\n\n    if (!token) {\n      commit(\"setUserInfo\", localStorage.getItem(\"username\"));\n      commit(\"setToken\", token);\n\n      if (getCusId) {\n        commit(\"setUserCustomerId\", parseInt(getCusId));\n      }\n    }\n  },\n\n  getMember({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      if (!_params.id) {\n        dispatch(\"logout\");\n        throw new Error(\"id error\");\n      }\n\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].getMember, _params).then(response => {\n        if (response.data.error) {\n          resolve(false);\n        } else {\n          commit(\"setUserInfo\", response.data);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"cusNo\", response.data.loginInfo.customerNo);\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          resolve(response);\n        }\n      }).catch(() => {\n        resolve(false);\n      });\n    });\n  },\n\n  login({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      const invalidUserPasswordMsg = \"Geçersiz Kullanıcı Adı veya Şifre\";\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].login, _params).then(response => {\n        if (response.data.error) {\n          commit(\"setErrorMessage\", invalidUserPasswordMsg);\n          resolve(false);\n        } else {\n          commit(\"setToken\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"veri-dagitim-token\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"refreshToken\", response.data.refreshToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"userId\", response.data.loginInfo.id);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"username\", response.data.loginInfo.name);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"cusNo\", response.data.loginInfo.customerNo);\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          commit(\"setUserInfo\", response.data.loginInfo);\n          commit(\"setUserNumber\", Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"getItem\"])(\"userNumber\"));\n          const currentTime = new Date().getTime();\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"expirationDate\", currentTime + response.data.expiresIn);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setTimeoutExpire\"])(() => dispatch(\"logout\"));\n          _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push({\n            name: \"Home\"\n          });\n          resolve(true);\n        }\n      }).catch(() => {\n        commit(\"setErrorMessage\", invalidUserPasswordMsg);\n        resolve(false);\n      });\n    });\n  },\n\n  logout({\n    commit\n  }) {\n    commit(\"clearToken\");\n    localStorage.removeItem(\"veri-dagitim-token\");\n    localStorage.removeItem(\"refreshToken\");\n    localStorage.removeItem(\"expirationDate\");\n    localStorage.removeItem(\"userType\");\n    localStorage.removeItem(\"userId\");\n    localStorage.removeItem(\"username\");\n    localStorage.removeItem(\"userNumber\");\n    _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push(\"/login\").catch(() => {});\n  }\n\n};\nconst getters = {\n  getUserInfo(state) {\n    return state.userInfo;\n  },\n\n  getUserNumber(state) {\n    return state.userNumber;\n  },\n\n  getToken(state) {\n    return state.token;\n  },\n\n  getErrorMsg(state) {\n    return state.authErrorMessage;\n  },\n\n  getUserCusId(state) {\n    return state.userCustomerId;\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  actions,\n  getters\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/store/modules/auth.js?");
 
 /***/ }),
 
@@ -8252,7 +8252,7 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setAuthToken\", function() { return setAuthToken; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"post\", function() { return post; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_delete\", function() { return _delete; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"put\", function() { return put; });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ \"./src/store/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n\nlet customerId = 0;\nlet customerNo = 0;\n\nconst setCustomerInfo = () => {\n  if (false) { var _store$getters$getUse; } else {\n    customerId = parseInt(localStorage.getItem(\"userId\"));\n    customerNo = customerId;\n  }\n};\n\nfunction createAxiosInstance() {\n  let instance = axios__WEBPACK_IMPORTED_MODULE_1___default.a.create({\n    baseURL:  false ? undefined : localStorage.getItem(\"ovdApiUrl\"),\n    headers: {\n      \"Strict-Transport-Security\": \"max-age=31536000\",\n      \"X-Content-Type-Options\": \"nosniff\",\n      \"X-Xss-Protection\": \"1; mode=block\",\n      \"X-Frame-Options\": \"SAMEORIGIN\",\n      \"Content-Security-Policy\": \"default-src 'self';\",\n      \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n      Pragma: \"no-cache\",\n      Expires: \"0\"\n    }\n  });\n  setCustomerInfo();\n  instance.interceptors.response.use(response => {\n    if (response.data.error) {\n      // OPTIMUS STATE CHECK\n      if (response.data.message.includes(\"Unauthorized\")) {\n        _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n      }\n    }\n\n    return response;\n  }, error => {\n    var _error$response;\n\n    const status = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status; // global handling component pass props this error.\n\n    if (!status || status === _constants__WEBPACK_IMPORTED_MODULE_3__[\"statuses\"].UNAUTHORIZED) {\n      _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n    }\n\n    return Promise.reject(error);\n  });\n  return instance;\n}\n\nconst setAuthToken = token => {\n  let instance = createAxiosInstance();\n\n  if (token) {\n    // applying token\n    instance.defaults.headers.common.Authorization = token;\n  } else {\n    // deleting the token from header\n    delete instance.defaults.headers.common.Authorization;\n  }\n}; // override instance get method\n\n\nconst get = (endpoint, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.get(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\nconst post = (endpoint, data, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.post(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n}; // eslint-disable-next-line no-underscore-dangle\n\n\nconst _delete = (endpoint, data = {}, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.delete(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  }, data);\n}; // override put method\n\n\nconst put = (endpoint, data, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.put(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/utils/axiosInstance.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setAuthToken\", function() { return setAuthToken; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"post\", function() { return post; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_delete\", function() { return _delete; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"put\", function() { return put; });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ \"./src/store/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n\nlet customerId = 0;\nlet customerNo = 0;\n\nconst setCustomerInfo = () => {\n  if (false) { var _store$getters$getUse; } else {\n    customerId = parseInt(localStorage.getItem(\"userId\"));\n    customerNo = parseInt(localStorage.getItem(\"cusNo\"));\n  }\n};\n\nfunction createAxiosInstance() {\n  let instance = axios__WEBPACK_IMPORTED_MODULE_1___default.a.create({\n    baseURL:  false ? undefined : localStorage.getItem(\"ovdApiUrl\"),\n    headers: {\n      \"Strict-Transport-Security\": \"max-age=31536000\",\n      \"X-Content-Type-Options\": \"nosniff\",\n      \"X-Xss-Protection\": \"1; mode=block\",\n      \"X-Frame-Options\": \"SAMEORIGIN\",\n      \"Content-Security-Policy\": \"default-src 'self';\",\n      \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n      Pragma: \"no-cache\",\n      Expires: \"0\"\n    }\n  });\n  setCustomerInfo();\n  instance.interceptors.response.use(response => {\n    if (response.data.error) {\n      // OPTIMUS STATE CHECK\n      if (response.data.message.includes(\"Unauthorized\")) {\n        _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n      }\n    }\n\n    return response;\n  }, error => {\n    var _error$response;\n\n    const status = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status; // global handling component pass props this error.\n\n    if (!status || status === _constants__WEBPACK_IMPORTED_MODULE_3__[\"statuses\"].UNAUTHORIZED) {\n      _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n    }\n\n    return Promise.reject(error);\n  });\n  return instance;\n}\n\nconst setAuthToken = token => {\n  let instance = createAxiosInstance();\n\n  if (token) {\n    // applying token\n    instance.defaults.headers.common.Authorization = token;\n  } else {\n    // deleting the token from header\n    delete instance.defaults.headers.common.Authorization;\n  }\n}; // override instance get method\n\n\nconst get = (endpoint, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.get(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\nconst post = (endpoint, data, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.post(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n}; // eslint-disable-next-line no-underscore-dangle\n\n\nconst _delete = (endpoint, data = {}, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.delete(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  }, data);\n}; // override put method\n\n\nconst put = (endpoint, data, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.put(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/utils/axiosInstance.js?");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.isButtonClicked = false;\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3933,7 +3933,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package.custom-container.p-0[data-v-99f58ee0] {\\n    padding: 0px !important;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 56px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        position: relative;\\n        top: 2px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package.custom-container.p-0[data-v-99f58ee0] {\\n    padding: 0px !important;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 56px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        position: relative;\\n        top: 1px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -8190,7 +8190,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ \"./node_modules/core-js/modules/es.error.cause.js\");\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/axiosInstance */ \"./src/utils/axiosInstance.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/router */ \"./src/router/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n\n\n\n\n\nconst state = {\n  token: \"\",\n  authErrorMessage: \"\",\n  userInfo: {\n    memberType: 0\n  },\n  userNumber: \"\",\n  userCustomerId: \"\"\n};\nconst mutations = {\n  setToken(state, token) {\n    state.token = token;\n  },\n\n  clearToken(state) {\n    state.token = \"\";\n  },\n\n  setErrorMessage(state, payload) {\n    state.authErrorMessage = payload;\n  },\n\n  setUserInfo(state, user) {\n    state.userInfo = user;\n  },\n\n  setUserNumber(state, user) {\n    state.userNumber = user;\n  },\n\n  setUserCustomerId(state, customerId) {\n    state.userCustomerId = customerId;\n  }\n\n};\nconst actions = {\n  initAuth({\n    commit\n  }) {\n    const token = localStorage.getItem(\"veri-dagitim-token\");\n    const getCusId = localStorage.getItem(\"userCusId\");\n\n    if (!token) {\n      commit(\"setUserInfo\", localStorage.getItem(\"username\"));\n      commit(\"setToken\", token);\n\n      if (getCusId) {\n        commit(\"setUserCustomerId\", parseInt(getCusId));\n      }\n    }\n  },\n\n  getMember({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      if (!_params.id) {\n        dispatch(\"logout\");\n        throw new Error(\"id error\");\n      }\n\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].getMember, _params).then(response => {\n        if (response.data.error) {\n          resolve(false);\n        } else {\n          commit(\"setUserInfo\", response.data);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          resolve(response);\n        }\n      }).catch(() => {\n        resolve(false);\n      });\n    });\n  },\n\n  login({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      const invalidUserPasswordMsg = \"Geçersiz Kullanıcı Adı veya Şifre\";\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].login, _params).then(response => {\n        if (response.data.error) {\n          commit(\"setErrorMessage\", invalidUserPasswordMsg);\n          resolve(false);\n        } else {\n          commit(\"setToken\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"veri-dagitim-token\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"refreshToken\", response.data.refreshToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"userId\", response.data.loginInfo.id);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"username\", response.data.loginInfo.name);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          commit(\"setUserInfo\", response.data.loginInfo);\n          commit(\"setUserNumber\", Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"getItem\"])(\"userNumber\"));\n          const currentTime = new Date().getTime();\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"expirationDate\", currentTime + response.data.expiresIn);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setTimeoutExpire\"])(() => dispatch(\"logout\"));\n          _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push({\n            name: \"Home\"\n          });\n          resolve(true);\n        }\n      }).catch(() => {\n        commit(\"setErrorMessage\", invalidUserPasswordMsg);\n        resolve(false);\n      });\n    });\n  },\n\n  logout({\n    commit\n  }) {\n    commit(\"clearToken\");\n    localStorage.removeItem(\"veri-dagitim-token\");\n    localStorage.removeItem(\"refreshToken\");\n    localStorage.removeItem(\"expirationDate\");\n    localStorage.removeItem(\"userType\");\n    localStorage.removeItem(\"userId\");\n    localStorage.removeItem(\"username\");\n    localStorage.removeItem(\"userNumber\");\n    _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push(\"/login\").catch(() => {});\n  }\n\n};\nconst getters = {\n  getUserInfo(state) {\n    return state.userInfo;\n  },\n\n  getUserNumber(state) {\n    return state.userNumber;\n  },\n\n  getToken(state) {\n    return state.token;\n  },\n\n  getErrorMsg(state) {\n    return state.authErrorMessage;\n  },\n\n  getUserCusId(state) {\n    return state.userCustomerId;\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  actions,\n  getters\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/store/modules/auth.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ \"./node_modules/core-js/modules/es.error.cause.js\");\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/axiosInstance */ \"./src/utils/axiosInstance.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/router */ \"./src/router/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n\n\n\n\n\nconst state = {\n  token: \"\",\n  authErrorMessage: \"\",\n  userInfo: {\n    memberType: 0\n  },\n  userNumber: \"\",\n  userCustomerId: \"\"\n};\nconst mutations = {\n  setToken(state, token) {\n    state.token = token;\n  },\n\n  clearToken(state) {\n    state.token = \"\";\n  },\n\n  setErrorMessage(state, payload) {\n    state.authErrorMessage = payload;\n  },\n\n  setUserInfo(state, user) {\n    state.userInfo = user;\n  },\n\n  setUserNumber(state, user) {\n    state.userNumber = user;\n  },\n\n  setUserCustomerId(state, customerId) {\n    state.userCustomerId = customerId;\n  }\n\n};\nconst actions = {\n  initAuth({\n    commit\n  }) {\n    const token = localStorage.getItem(\"veri-dagitim-token\");\n    const getCusId = localStorage.getItem(\"userCusId\");\n\n    if (!token) {\n      commit(\"setUserInfo\", localStorage.getItem(\"username\"));\n      commit(\"setToken\", token);\n\n      if (getCusId) {\n        commit(\"setUserCustomerId\", parseInt(getCusId));\n      }\n    }\n  },\n\n  getMember({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      if (!_params.id) {\n        dispatch(\"logout\");\n        throw new Error(\"id error\");\n      }\n\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].getMember, _params).then(response => {\n        if (response.data.error) {\n          resolve(false);\n        } else {\n          commit(\"setUserInfo\", response.data);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"cusNo\", response.data.loginInfo.customerNo);\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          resolve(response);\n        }\n      }).catch(() => {\n        resolve(false);\n      });\n    });\n  },\n\n  login({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      const invalidUserPasswordMsg = \"Geçersiz Kullanıcı Adı veya Şifre\";\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].login, _params).then(response => {\n        if (response.data.error) {\n          commit(\"setErrorMessage\", invalidUserPasswordMsg);\n          resolve(false);\n        } else {\n          commit(\"setToken\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"veri-dagitim-token\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"refreshToken\", response.data.refreshToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"userId\", response.data.loginInfo.id);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"username\", response.data.loginInfo.name);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"cusNo\", response.data.loginInfo.customerNo);\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          commit(\"setUserInfo\", response.data.loginInfo);\n          commit(\"setUserNumber\", Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"getItem\"])(\"userNumber\"));\n          const currentTime = new Date().getTime();\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"expirationDate\", currentTime + response.data.expiresIn);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setTimeoutExpire\"])(() => dispatch(\"logout\"));\n          _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push({\n            name: \"Home\"\n          });\n          resolve(true);\n        }\n      }).catch(() => {\n        commit(\"setErrorMessage\", invalidUserPasswordMsg);\n        resolve(false);\n      });\n    });\n  },\n\n  logout({\n    commit\n  }) {\n    commit(\"clearToken\");\n    localStorage.removeItem(\"veri-dagitim-token\");\n    localStorage.removeItem(\"refreshToken\");\n    localStorage.removeItem(\"expirationDate\");\n    localStorage.removeItem(\"userType\");\n    localStorage.removeItem(\"userId\");\n    localStorage.removeItem(\"username\");\n    localStorage.removeItem(\"userNumber\");\n    _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push(\"/login\").catch(() => {});\n  }\n\n};\nconst getters = {\n  getUserInfo(state) {\n    return state.userInfo;\n  },\n\n  getUserNumber(state) {\n    return state.userNumber;\n  },\n\n  getToken(state) {\n    return state.token;\n  },\n\n  getErrorMsg(state) {\n    return state.authErrorMessage;\n  },\n\n  getUserCusId(state) {\n    return state.userCustomerId;\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  actions,\n  getters\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/store/modules/auth.js?");
 
 /***/ }),
 
@@ -8261,7 +8261,7 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setAuthToken\", function() { return setAuthToken; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"post\", function() { return post; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_delete\", function() { return _delete; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"put\", function() { return put; });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ \"./src/store/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n\nlet customerId = 0;\nlet customerNo = 0;\n\nconst setCustomerInfo = () => {\n  if (false) { var _store$getters$getUse; } else {\n    customerId = parseInt(localStorage.getItem(\"userId\"));\n    customerNo = customerId;\n  }\n};\n\nfunction createAxiosInstance() {\n  let instance = axios__WEBPACK_IMPORTED_MODULE_1___default.a.create({\n    baseURL:  false ? undefined : localStorage.getItem(\"ovdApiUrl\"),\n    headers: {\n      \"Strict-Transport-Security\": \"max-age=31536000\",\n      \"X-Content-Type-Options\": \"nosniff\",\n      \"X-Xss-Protection\": \"1; mode=block\",\n      \"X-Frame-Options\": \"SAMEORIGIN\",\n      \"Content-Security-Policy\": \"default-src 'self';\",\n      \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n      Pragma: \"no-cache\",\n      Expires: \"0\"\n    }\n  });\n  setCustomerInfo();\n  instance.interceptors.response.use(response => {\n    if (response.data.error) {\n      // OPTIMUS STATE CHECK\n      if (response.data.message.includes(\"Unauthorized\")) {\n        _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n      }\n    }\n\n    return response;\n  }, error => {\n    var _error$response;\n\n    const status = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status; // global handling component pass props this error.\n\n    if (!status || status === _constants__WEBPACK_IMPORTED_MODULE_3__[\"statuses\"].UNAUTHORIZED) {\n      _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n    }\n\n    return Promise.reject(error);\n  });\n  return instance;\n}\n\nconst setAuthToken = token => {\n  let instance = createAxiosInstance();\n\n  if (token) {\n    // applying token\n    instance.defaults.headers.common.Authorization = token;\n  } else {\n    // deleting the token from header\n    delete instance.defaults.headers.common.Authorization;\n  }\n}; // override instance get method\n\n\nconst get = (endpoint, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.get(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\nconst post = (endpoint, data, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.post(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n}; // eslint-disable-next-line no-underscore-dangle\n\n\nconst _delete = (endpoint, data = {}, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.delete(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  }, data);\n}; // override put method\n\n\nconst put = (endpoint, data, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.put(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/utils/axiosInstance.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setAuthToken\", function() { return setAuthToken; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"post\", function() { return post; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_delete\", function() { return _delete; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"put\", function() { return put; });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ \"./src/store/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n\nlet customerId = 0;\nlet customerNo = 0;\n\nconst setCustomerInfo = () => {\n  if (false) { var _store$getters$getUse; } else {\n    customerId = parseInt(localStorage.getItem(\"userId\"));\n    customerNo = parseInt(localStorage.getItem(\"cusNo\"));\n  }\n};\n\nfunction createAxiosInstance() {\n  let instance = axios__WEBPACK_IMPORTED_MODULE_1___default.a.create({\n    baseURL:  false ? undefined : localStorage.getItem(\"ovdApiUrl\"),\n    headers: {\n      \"Strict-Transport-Security\": \"max-age=31536000\",\n      \"X-Content-Type-Options\": \"nosniff\",\n      \"X-Xss-Protection\": \"1; mode=block\",\n      \"X-Frame-Options\": \"SAMEORIGIN\",\n      \"Content-Security-Policy\": \"default-src 'self';\",\n      \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n      Pragma: \"no-cache\",\n      Expires: \"0\"\n    }\n  });\n  setCustomerInfo();\n  instance.interceptors.response.use(response => {\n    if (response.data.error) {\n      // OPTIMUS STATE CHECK\n      if (response.data.message.includes(\"Unauthorized\")) {\n        _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n      }\n    }\n\n    return response;\n  }, error => {\n    var _error$response;\n\n    const status = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status; // global handling component pass props this error.\n\n    if (!status || status === _constants__WEBPACK_IMPORTED_MODULE_3__[\"statuses\"].UNAUTHORIZED) {\n      _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n    }\n\n    return Promise.reject(error);\n  });\n  return instance;\n}\n\nconst setAuthToken = token => {\n  let instance = createAxiosInstance();\n\n  if (token) {\n    // applying token\n    instance.defaults.headers.common.Authorization = token;\n  } else {\n    // deleting the token from header\n    delete instance.defaults.headers.common.Authorization;\n  }\n}; // override instance get method\n\n\nconst get = (endpoint, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.get(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\nconst post = (endpoint, data, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.post(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n}; // eslint-disable-next-line no-underscore-dangle\n\n\nconst _delete = (endpoint, data = {}, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.delete(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  }, data);\n}; // override put method\n\n\nconst put = (endpoint, data, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.put(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/utils/axiosInstance.js?");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n\n      if (response && this.$route.name != \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.isButtonClicked = false;\n      }\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3933,7 +3933,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package.custom-container.p-0[data-v-99f58ee0] {\\n    padding: 0px !important;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 56px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        position: relative;\\n        top: 2px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package.custom-container.p-0[data-v-99f58ee0] {\\n    padding: 0px !important;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 56px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        position: relative;\\n        top: 1px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -8190,7 +8190,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ \"./node_modules/core-js/modules/es.error.cause.js\");\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/axiosInstance */ \"./src/utils/axiosInstance.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/router */ \"./src/router/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n\n\n\n\n\nconst state = {\n  token: \"\",\n  authErrorMessage: \"\",\n  userInfo: {\n    memberType: 0\n  },\n  userNumber: \"\",\n  userCustomerId: \"\"\n};\nconst mutations = {\n  setToken(state, token) {\n    state.token = token;\n  },\n\n  clearToken(state) {\n    state.token = \"\";\n  },\n\n  setErrorMessage(state, payload) {\n    state.authErrorMessage = payload;\n  },\n\n  setUserInfo(state, user) {\n    state.userInfo = user;\n  },\n\n  setUserNumber(state, user) {\n    state.userNumber = user;\n  },\n\n  setUserCustomerId(state, customerId) {\n    state.userCustomerId = customerId;\n  }\n\n};\nconst actions = {\n  initAuth({\n    commit\n  }) {\n    const token = localStorage.getItem(\"veri-dagitim-token\");\n    const getCusId = localStorage.getItem(\"userCusId\");\n\n    if (!token) {\n      commit(\"setUserInfo\", localStorage.getItem(\"username\"));\n      commit(\"setToken\", token);\n\n      if (getCusId) {\n        commit(\"setUserCustomerId\", parseInt(getCusId));\n      }\n    }\n  },\n\n  getMember({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      if (!_params.id) {\n        dispatch(\"logout\");\n        throw new Error(\"id error\");\n      }\n\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].getMember, _params).then(response => {\n        if (response.data.error) {\n          resolve(false);\n        } else {\n          commit(\"setUserInfo\", response.data);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          resolve(response);\n        }\n      }).catch(() => {\n        resolve(false);\n      });\n    });\n  },\n\n  login({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      const invalidUserPasswordMsg = \"Geçersiz Kullanıcı Adı veya Şifre\";\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].login, _params).then(response => {\n        if (response.data.error) {\n          commit(\"setErrorMessage\", invalidUserPasswordMsg);\n          resolve(false);\n        } else {\n          commit(\"setToken\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"veri-dagitim-token\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"refreshToken\", response.data.refreshToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"userId\", response.data.loginInfo.id);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"username\", response.data.loginInfo.name);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          commit(\"setUserInfo\", response.data.loginInfo);\n          commit(\"setUserNumber\", Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"getItem\"])(\"userNumber\"));\n          const currentTime = new Date().getTime();\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"expirationDate\", currentTime + response.data.expiresIn);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setTimeoutExpire\"])(() => dispatch(\"logout\"));\n          _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push({\n            name: \"Home\"\n          });\n          resolve(true);\n        }\n      }).catch(() => {\n        commit(\"setErrorMessage\", invalidUserPasswordMsg);\n        resolve(false);\n      });\n    });\n  },\n\n  logout({\n    commit\n  }) {\n    commit(\"clearToken\");\n    localStorage.removeItem(\"veri-dagitim-token\");\n    localStorage.removeItem(\"refreshToken\");\n    localStorage.removeItem(\"expirationDate\");\n    localStorage.removeItem(\"userType\");\n    localStorage.removeItem(\"userId\");\n    localStorage.removeItem(\"username\");\n    localStorage.removeItem(\"userNumber\");\n    _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push(\"/login\").catch(() => {});\n  }\n\n};\nconst getters = {\n  getUserInfo(state) {\n    return state.userInfo;\n  },\n\n  getUserNumber(state) {\n    return state.userNumber;\n  },\n\n  getToken(state) {\n    return state.token;\n  },\n\n  getErrorMsg(state) {\n    return state.authErrorMessage;\n  },\n\n  getUserCusId(state) {\n    return state.userCustomerId;\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  actions,\n  getters\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/store/modules/auth.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.error.cause.js */ \"./node_modules/core-js/modules/es.error.cause.js\");\n/* harmony import */ var core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_error_cause_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/utils/axiosInstance */ \"./src/utils/axiosInstance.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/router */ \"./src/router/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n\n\n\n\n\nconst state = {\n  token: \"\",\n  authErrorMessage: \"\",\n  userInfo: {\n    memberType: 0\n  },\n  userNumber: \"\",\n  userCustomerId: \"\"\n};\nconst mutations = {\n  setToken(state, token) {\n    state.token = token;\n  },\n\n  clearToken(state) {\n    state.token = \"\";\n  },\n\n  setErrorMessage(state, payload) {\n    state.authErrorMessage = payload;\n  },\n\n  setUserInfo(state, user) {\n    state.userInfo = user;\n  },\n\n  setUserNumber(state, user) {\n    state.userNumber = user;\n  },\n\n  setUserCustomerId(state, customerId) {\n    state.userCustomerId = customerId;\n  }\n\n};\nconst actions = {\n  initAuth({\n    commit\n  }) {\n    const token = localStorage.getItem(\"veri-dagitim-token\");\n    const getCusId = localStorage.getItem(\"userCusId\");\n\n    if (!token) {\n      commit(\"setUserInfo\", localStorage.getItem(\"username\"));\n      commit(\"setToken\", token);\n\n      if (getCusId) {\n        commit(\"setUserCustomerId\", parseInt(getCusId));\n      }\n    }\n  },\n\n  getMember({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      if (!_params.id) {\n        dispatch(\"logout\");\n        throw new Error(\"id error\");\n      }\n\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].getMember, _params).then(response => {\n        if (response.data.error) {\n          resolve(false);\n        } else {\n          commit(\"setUserInfo\", response.data);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"cusNo\", response.data.loginInfo.customerNo);\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          resolve(response);\n        }\n      }).catch(() => {\n        resolve(false);\n      });\n    });\n  },\n\n  login({\n    commit,\n    dispatch\n  }, _params) {\n    return new Promise(resolve => {\n      const invalidUserPasswordMsg = \"Geçersiz Kullanıcı Adı veya Şifre\";\n      Object(_utils_axiosInstance__WEBPACK_IMPORTED_MODULE_1__[\"post\"])(_constants__WEBPACK_IMPORTED_MODULE_4__[\"ENDPOINTS\"].login, _params).then(response => {\n        if (response.data.error) {\n          commit(\"setErrorMessage\", invalidUserPasswordMsg);\n          resolve(false);\n        } else {\n          commit(\"setToken\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"veri-dagitim-token\", response.data.accessToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"refreshToken\", response.data.refreshToken);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"userId\", response.data.loginInfo.id);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"username\", response.data.loginInfo.name);\n\n          if (response.data.loginInfo.memberType == 3) {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"yes\");\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"cusNo\", response.data.loginInfo.customerNo);\n          } else {\n            Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"esube\", \"no\");\n          }\n\n          commit(\"setErrorMessage\", \"\");\n          commit(\"setUserInfo\", response.data.loginInfo);\n          commit(\"setUserNumber\", Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"getItem\"])(\"userNumber\"));\n          const currentTime = new Date().getTime();\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setItem\"])(\"expirationDate\", currentTime + response.data.expiresIn);\n          Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_2__[\"setTimeoutExpire\"])(() => dispatch(\"logout\"));\n          _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push({\n            name: \"Home\"\n          });\n          resolve(true);\n        }\n      }).catch(() => {\n        commit(\"setErrorMessage\", invalidUserPasswordMsg);\n        resolve(false);\n      });\n    });\n  },\n\n  logout({\n    commit\n  }) {\n    commit(\"clearToken\");\n    localStorage.removeItem(\"veri-dagitim-token\");\n    localStorage.removeItem(\"refreshToken\");\n    localStorage.removeItem(\"expirationDate\");\n    localStorage.removeItem(\"userType\");\n    localStorage.removeItem(\"userId\");\n    localStorage.removeItem(\"username\");\n    localStorage.removeItem(\"userNumber\");\n    _router__WEBPACK_IMPORTED_MODULE_3__[\"default\"].push(\"/login\").catch(() => {});\n  }\n\n};\nconst getters = {\n  getUserInfo(state) {\n    return state.userInfo;\n  },\n\n  getUserNumber(state) {\n    return state.userNumber;\n  },\n\n  getToken(state) {\n    return state.token;\n  },\n\n  getErrorMsg(state) {\n    return state.authErrorMessage;\n  },\n\n  getUserCusId(state) {\n    return state.userCustomerId;\n  }\n\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  state,\n  mutations,\n  actions,\n  getters\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/store/modules/auth.js?");
 
 /***/ }),
 
@@ -8261,7 +8261,7 @@ eval("// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// lo
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setAuthToken\", function() { return setAuthToken; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"post\", function() { return post; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_delete\", function() { return _delete; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"put\", function() { return put; });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ \"./src/store/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n\nlet customerId = 0;\nlet customerNo = 0;\n\nconst setCustomerInfo = () => {\n  if (false) { var _store$getters$getUse; } else {\n    customerId = parseInt(localStorage.getItem(\"userId\"));\n    customerNo = customerId;\n  }\n};\n\nfunction createAxiosInstance() {\n  let instance = axios__WEBPACK_IMPORTED_MODULE_1___default.a.create({\n    baseURL:  false ? undefined : localStorage.getItem(\"ovdApiUrl\"),\n    headers: {\n      \"Strict-Transport-Security\": \"max-age=31536000\",\n      \"X-Content-Type-Options\": \"nosniff\",\n      \"X-Xss-Protection\": \"1; mode=block\",\n      \"X-Frame-Options\": \"SAMEORIGIN\",\n      \"Content-Security-Policy\": \"default-src 'self';\",\n      \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n      Pragma: \"no-cache\",\n      Expires: \"0\"\n    }\n  });\n  setCustomerInfo();\n  instance.interceptors.response.use(response => {\n    if (response.data.error) {\n      // OPTIMUS STATE CHECK\n      if (response.data.message.includes(\"Unauthorized\")) {\n        _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n      }\n    }\n\n    return response;\n  }, error => {\n    var _error$response;\n\n    const status = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status; // global handling component pass props this error.\n\n    if (!status || status === _constants__WEBPACK_IMPORTED_MODULE_3__[\"statuses\"].UNAUTHORIZED) {\n      _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n    }\n\n    return Promise.reject(error);\n  });\n  return instance;\n}\n\nconst setAuthToken = token => {\n  let instance = createAxiosInstance();\n\n  if (token) {\n    // applying token\n    instance.defaults.headers.common.Authorization = token;\n  } else {\n    // deleting the token from header\n    delete instance.defaults.headers.common.Authorization;\n  }\n}; // override instance get method\n\n\nconst get = (endpoint, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.get(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\nconst post = (endpoint, data, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.post(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n}; // eslint-disable-next-line no-underscore-dangle\n\n\nconst _delete = (endpoint, data = {}, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.delete(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  }, data);\n}; // override put method\n\n\nconst put = (endpoint, data, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.put(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/utils/axiosInstance.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"setAuthToken\", function() { return setAuthToken; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"get\", function() { return get; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"post\", function() { return post; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"_delete\", function() { return _delete; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"put\", function() { return put; });\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ \"./node_modules/core-js/modules/es.array.includes.js\");\n/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! axios */ \"./node_modules/axios/index.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../store */ \"./src/store/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n\n\n\n\n\nlet customerId = 0;\nlet customerNo = 0;\n\nconst setCustomerInfo = () => {\n  if (false) { var _store$getters$getUse; } else {\n    customerId = parseInt(localStorage.getItem(\"userId\"));\n    customerNo = parseInt(localStorage.getItem(\"cusNo\"));\n  }\n};\n\nfunction createAxiosInstance() {\n  let instance = axios__WEBPACK_IMPORTED_MODULE_1___default.a.create({\n    baseURL:  false ? undefined : localStorage.getItem(\"ovdApiUrl\"),\n    headers: {\n      \"Strict-Transport-Security\": \"max-age=31536000\",\n      \"X-Content-Type-Options\": \"nosniff\",\n      \"X-Xss-Protection\": \"1; mode=block\",\n      \"X-Frame-Options\": \"SAMEORIGIN\",\n      \"Content-Security-Policy\": \"default-src 'self';\",\n      \"Cache-Control\": \"no-cache, no-store, must-revalidate\",\n      Pragma: \"no-cache\",\n      Expires: \"0\"\n    }\n  });\n  setCustomerInfo();\n  instance.interceptors.response.use(response => {\n    if (response.data.error) {\n      // OPTIMUS STATE CHECK\n      if (response.data.message.includes(\"Unauthorized\")) {\n        _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n      }\n    }\n\n    return response;\n  }, error => {\n    var _error$response;\n\n    const status = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status; // global handling component pass props this error.\n\n    if (!status || status === _constants__WEBPACK_IMPORTED_MODULE_3__[\"statuses\"].UNAUTHORIZED) {\n      _store__WEBPACK_IMPORTED_MODULE_2__[\"default\"].dispatch(\"logout\");\n    }\n\n    return Promise.reject(error);\n  });\n  return instance;\n}\n\nconst setAuthToken = token => {\n  let instance = createAxiosInstance();\n\n  if (token) {\n    // applying token\n    instance.defaults.headers.common.Authorization = token;\n  } else {\n    // deleting the token from header\n    delete instance.defaults.headers.common.Authorization;\n  }\n}; // override instance get method\n\n\nconst get = (endpoint, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.get(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\nconst post = (endpoint, data, extraHeaders = {}, cId = null) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.post(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: cId ? cId : customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n}; // eslint-disable-next-line no-underscore-dangle\n\n\nconst _delete = (endpoint, data = {}, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.delete(endpoint, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  }, data);\n}; // override put method\n\n\nconst put = (endpoint, data, extraHeaders = {}) => {\n  const token = Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_4__[\"getItem\"])(\"veri-dagitim-token\");\n  let instance = createAxiosInstance();\n  return instance.put(endpoint, data, {\n    headers: {\n      Authorization: token ? `Bearer ${token}` : null,\n      CustomerId: customerId,\n      CustomerNo: customerNo,\n      ...extraHeaders\n    }\n  });\n};\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/utils/axiosInstance.js?");
 
 /***/ }),
 

package/package.json

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