osmanli-veri-dagitim 2.1.51-dev → 2.1.52-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1726,7 +1726,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1726
1726
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1727
1727
 
1728
1728
  "use strict";
1729
- 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");
1729
+ 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");
1730
1730
 
1731
1731
  /***/ }),
1732
1732
 
@@ -1870,7 +1870,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1870
1870
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1871
1871
 
1872
1872
  "use strict";
1873
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.applicationId == 4 || d.application.applicationId == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1873
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"cusNo\", this.veriDagitimModel.loginInfo.customerNo);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.applicationId == 4 || d.application.applicationId == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1874
1874
 
1875
1875
  /***/ }),
1876
1876
 
@@ -3924,7 +3924,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
3924
3924
  /*! no static exports found */
3925
3925
  /***/ (function(module, exports, __webpack_require__) {
3926
3926
 
3927
- 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");
3927
+ 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");
3928
3928
 
3929
3929
  /***/ }),
3930
3930
 
@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1735
1735
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1736
1736
 
1737
1737
  "use strict";
1738
- 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");
1738
+ 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");
1739
1739
 
1740
1740
  /***/ }),
1741
1741
 
@@ -1879,7 +1879,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1879
1879
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1880
1880
 
1881
1881
  "use strict";
1882
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.applicationId == 4 || d.application.applicationId == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1882
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"cusNo\", this.veriDagitimModel.loginInfo.customerNo);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.applicationId == 4 || d.application.applicationId == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1883
1883
 
1884
1884
  /***/ }),
1885
1885
 
@@ -3933,7 +3933,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
3933
3933
  /*! no static exports found */
3934
3934
  /***/ (function(module, exports, __webpack_require__) {
3935
3935
 
3936
- 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");
3936
+ 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");
3937
3937
 
3938
3938
  /***/ }),
3939
3939
 
@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1735
1735
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1736
1736
 
1737
1737
  "use strict";
1738
- 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");
1738
+ 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");
1739
1739
 
1740
1740
  /***/ }),
1741
1741
 
@@ -1879,7 +1879,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1879
1879
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1880
1880
 
1881
1881
  "use strict";
1882
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.applicationId == 4 || d.application.applicationId == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1882
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../components/base/ScreenPrices.vue */ \"./src/components/base/ScreenPrices.vue\");\n\n\n\n\n\n\n\nconst ListViewSkeleton = () => __webpack_require__.e(/*! import() */ 4).then(__webpack_require__.bind(null, /*! @/components/base/ListViewSkeleton */ \"./src/components/base/ListViewSkeleton.vue\"));\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n ScreenPrices: _components_base_ScreenPrices_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n ListViewSkeleton\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.fillFilter();\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n this.fillFilter();\n\n if (!this.veriDagitimModel) {\n localStorage.setItem(\"userCusId\", this.cusId);\n this.setUserCustomerId(this.cusId);\n this.getCustomer();\n } else {\n this.getCustomer();\n this.handleCustomer(this.veriDagitimModel);\n localStorage.setItem(\"cusNo\", this.veriDagitimModel.loginInfo.customerNo);\n localStorage.setItem(\"esube\", \"yes\");\n localStorage.setItem(\"userId\", this.cusId);\n\n if (this.cusId) {\n let userIdAsNumber = parseInt(this.cusId);\n let payload = {\n id: userIdAsNumber\n };\n this.getMember(payload).then(response => {\n this.setUserInfo({ ...response.data.loginInfo,\n memberType: this.memberType\n });\n });\n }\n }\n },\n\n mixins: [_mixins__WEBPACK_IMPORTED_MODULE_4__[\"default\"]],\n props: {\n veriDagitimModel: Object,\n memberType: {\n type: Number\n }\n },\n\n data() {\n return {\n recommendedPackages: null,\n getPaymentStatuses: [],\n currentCustomer: null,\n monthArr: _constants__WEBPACK_IMPORTED_MODULE_3__[\"monthArr\"],\n currentYearNumber: new Date().getFullYear(),\n currentMonthNumber: new Date().getMonth() + 1,\n countDown: 10,\n timerRunning: true,\n logsLoader: false,\n timerStatus: \"Yenileniyor\",\n screenPriceList: [],\n featureScreenPricesList: [],\n newScreenPrice: [],\n tabs: [{\n id: 0,\n text: \"Veri Paketlerim\"\n }, {\n id: 1,\n text: \"Veri Paketi Ekstrelerim\"\n }, {\n id: 3,\n text: \"Ekran Ücretleri\"\n }, {\n id: 4,\n text: \"Paket Talep Et\"\n }, {\n id: 2,\n text: \"Değişiklikler\"\n }],\n currentTab: 0,\n cusId: null,\n isDataInvoiceLoaded: true,\n activeIndex: null,\n isActiveRow: false,\n isLoading: false,\n REQUESTED_PACKAGE_STATUS_ID: 6,\n SUCCESSFUL_INTEGRATION: true,\n UNSUCCESSFUL_INTEGRATION: false,\n EXCLUDED_APPLICATION_NAME: \"Foreks\"\n };\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"apps\", \"profAlgoApps\", \"appsTab\", \"profAlgoTab\", \"fundAndCommissionRates\", \"customer\", \"allPackages\", \"getRecommendedPackages\", \"history\", \"historyList\", \"getFilterList\", \"invoiceList\", \"getHistoryFilter\", \"getUserInfo\"]),\n\n getUserType() {\n const REPRESENTATIVE_CODE = 3;\n const userType = this.getUserInfo.memberType;\n return userType && userType === REPRESENTATIVE_CODE;\n },\n\n customerId() {\n if (this.$route.params.customerNumber) {\n return this.$route.params.customerNumber;\n } else {\n return this.veriDagitimModel.customerId;\n }\n },\n\n getAllPackagesData() {\n return this.allPackages;\n },\n\n isCompleted() {\n return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n }\n\n },\n\n created() {\n if (this.veriDagitimModel) {\n localStorage.setItem(\"veri-dagitim-token\", this.veriDagitimModel.token);\n }\n },\n\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"handleCustomer\", \"searchCustomer\", \"getAllPackages\", \"getRecommendedPackageList\", \"getHistoryList\", \"getInvoiceList\", \"getScreenPrices\", \"getFeatureScreenPrices\", \"getApps\", \"getAppsTab\", \"getProfAlgoTab\", \"getAllResearch\", \"getProfAlgoApps\", \"setUserInfo\", \"getMember\", \"fillFilter\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\", \"setMemberType\", \"setUserInfo\", \"setUserCustomerId\", \"setInvoiceFilter\", \"setHistoryFilter\", \"setProfAlgoApps\"]),\n\n tabClass(id) {\n return [{\n active: this.currentTab === id\n }, \"tab\"];\n },\n\n changeTab(id) {\n const ctrId = this.$route.params.customerId;\n this.currentTab = id;\n this.setGeneralFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.timerRunning = false;\n\n if (this.currentTab === 0) {\n this.getAllPackages(ctrId);\n this.timerRunning = true;\n this.countDown = 10;\n } else if (this.currentTab === 1) {\n this.setInvoiceFilter({\n page: 1,\n size: 5,\n filter: {\n Year: this.currentYearNumber.toString(),\n Month: this.currentMonthNumber.toString()\n }\n });\n this.getInvoiceList(ctrId);\n } else if (this.currentTab === 2) {\n this.setHistoryFilter({\n page: 1,\n size: 5,\n filter: {}\n });\n this.getHistoryList(ctrId);\n } else if (this.currentTab === 3) {\n this.screenPriceList = [];\n this.getFeatureScreenPrices().then(response => {\n response.forEach(element => {\n this.screenPriceList.push(element);\n });\n });\n } else if (this.currentTab === 4) {\n this.navigate();\n }\n },\n\n returnPriceTypeForScreenPrices(priceTypeNumber) {\n if (priceTypeNumber == 1) {\n return \"TL\";\n } else if (priceTypeNumber == 2) {\n return \"Dolar\";\n } else if (priceTypeNumber == 3) {\n return \"Euro\";\n }\n },\n\n navigate() {\n const params = {\n customerNumber: this.customerId,\n memberType: this.getUserType\n };\n const query = {};\n let cusId = this.$route.params.customerId;\n params.customerId = cusId !== undefined ? cusId : localStorage.getItem(\"userId\");\n query.c = params.customerId;\n query.m = params.memberType;\n this.$router.push({\n name: \"BuyDataPackage\",\n params,\n query\n });\n },\n\n getRecommendedData() {\n this.getRecommendedPackageList(this.cusId).then(res => {\n if (res) {\n this.recommendedPackages = this.getRecommendedPackages;\n }\n });\n },\n\n checkIsDataInvoiceFilterChangedAndLoaded(param) {\n this.isDataInvoiceLoaded = param;\n },\n\n getCustomer() {\n this.searchCustomer({\n customerNo: this.customerId,\n cusId: this.cusId\n }).then(res => {\n if (!res.statusCode) {\n Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__[\"getBreadCrumbs\"])({\n breadcrumbs: [\"CustomerDetail\"],\n customer: this.customer,\n customerDetail: this.customerId,\n cusId: this.cusId\n });\n const paymentStatuses = this.getFilterList.filter(o => {\n return o.name === \"PaymentStatus\";\n });\n if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n this.currentCustomer = this.customer;\n }\n });\n },\n\n toggleCountdown() {\n this.timerRunning = !this.timerRunning;\n\n if (!this.timerRunning) {\n this.timerStatus = \"Duraklatıldı\";\n } else {\n this.timerStatus = \"Yenileniyor.\";\n this.countDown = 10;\n }\n },\n\n timerChecker(isPopupOpened) {\n if (isPopupOpened) {\n this.timerRunning = false;\n } else {\n this.timerRunning = true;\n this.countDown = 10;\n }\n },\n\n subtitleRules(d) {\n let result = null;\n\n if (d.application != null && (d.application.id == 3 || d.application.id == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.id == 4 || d.application.id == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n },\n\n subtitleRulesInvoice(d) {\n let result = null;\n\n if (d.application != null && (d.application.applicationId == 3 || d.application.applicationId == 2)) {\n result = d.application.shortContent;\n } else if (d.research.length && d.application == null) {\n result = d.research[0].name;\n } else if (d.algorithm.length && (d.application.applicationId == 4 || d.application.applicationId == 7)) {\n result = d.algorithm[0].name;\n } else {\n result = d.platform.name;\n }\n\n return result;\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => {\n var _o$application;\n\n return o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && ((_o$application = o.application) === null || _o$application === void 0 ? void 0 : _o$application.name) !== this.EXCLUDED_APPLICATION_NAME;\n });\n const checkisSuccessfulIntegration = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.UNSUCCESSFUL_INTEGRATION);\n this.timerRunning = (checkIsRequested.length > 0 ? true : false) || (checkIsRequested.length === checkisSuccessfulIntegration.length ? false : true);\n },\n\n deep: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1883
1883
 
1884
1884
  /***/ }),
1885
1885
 
@@ -3933,7 +3933,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
3933
3933
  /*! no static exports found */
3934
3934
  /***/ (function(module, exports, __webpack_require__) {
3935
3935
 
3936
- 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");
3936
+ 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");
3937
3937
 
3938
3938
  /***/ }),
3939
3939
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "osmanli-veri-dagitim",
3
- "version": "2.1.51-dev",
3
+ "version": "2.1.52-dev",
4
4
  "main": "./dist/OsmanliPackage.umd.min.js?version=2.0.90",
5
5
  "files": [
6
6
  "dist"