osmanli-veri-dagitim 2.1.14-dev → 2.1.15-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.
@@ -1704,7 +1704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1704
1704
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1705
1705
 
1706
1706
  "use strict";
1707
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n setTimeout(() => {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n }).catch(() => {\n console.log(\"catch\");\n location.reload();\n });\n }, 300);\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: res.purchaseId,\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1707
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"PackageSettigns\",\n mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n components: {\n BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n },\n props: {\n dataItem: Object,\n marketInfo: Array,\n isPopupVisible: Boolean\n },\n\n data() {\n return {\n isResponsive: false,\n fund: 0,\n commission: 0,\n topPrice: 0,\n bottomFund: 0,\n bottomCommission: 0,\n totalPrice: 0,\n startDateSelection: this.dataItem.dateSelection,\n selectData: [],\n research: [],\n foreign: [],\n algoServer: [],\n isButtonClicked: false,\n warningMessage: false,\n infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n startDate: [{\n label: \"Seçiniz\",\n code: -1\n }, {\n label: \"Hemen\",\n code: 0\n }, {\n label: \"Ay Başında\",\n code: 1\n }],\n cusId: null\n };\n },\n\n created() {\n this.handleWidth();\n window.addEventListener(\"resize\", this.handleWidth());\n },\n\n mounted() {\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n if (this.$route.name === \"Checkout\") {\n this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n this.startDateSelection = this.dataItem.dateSelection;\n }\n\n this.sumFundCommission();\n this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.foreignIndice) {\n this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n if (element.foreignIndiceFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.foreign.push({\n id: 2,\n active: false,\n title: \"Yabancı Endeksler\",\n details\n });\n });\n this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.research) {\n this.getDraftPackageDetails.research.forEach((element, index) => {\n if (element.researchFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.research = [{\n id: 1,\n active: false,\n title: \"Araştırma ve Diğer Uygulamalar\",\n details\n }];\n });\n this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n let details = {};\n details = res.data;\n\n if (this.getDraftPackageDetails.algorithm) {\n this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n if (element.algorithmFeature.id == details[index].id) {\n details[index].dateSelection = Number(element.dateSelection.key);\n }\n });\n }\n\n this.algoServer.push({\n id: 3,\n active: false,\n title: \"Algoritmalar\",\n details\n });\n });\n },\n\n computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n getMemberType() {\n return this.getUserInfo.memberType;\n },\n\n currencySymbol() {\n return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n },\n\n researchTotal() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n foraignDollarTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"$\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n getStartDateSelection() {\n return this.dataItem.dateSelection;\n },\n\n foraignEuroTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"€\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerTotal() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n }, 0);\n },\n\n researchFund() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n foreignFund() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n algoServerFund() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n }, 0);\n },\n\n researchCommission() {\n return this.getSelectedResearchInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foreignCommission() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n foraignTurkishLiraTotal() {\n return this.getSelectedForeignInfo.reduce((totald, item) => {\n if (item.priceInfo === \"₺\") {\n return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n } else {\n return 0 + totald;\n }\n }, 0);\n },\n\n algoServerCommission() {\n return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n }, 0);\n },\n\n totalPriceDollar() {\n var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n },\n\n totalPriceEuro() {\n var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n },\n\n totalPriceTl() {\n var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n },\n\n totalPriceCalc() {\n var _this$totalPriceDolla, _this$totalPriceEuro;\n\n let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n }\n\n },\n methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n checkSpesificWarning(param) {\n this.warningMessage = param;\n },\n\n setDefaultValues() {\n this.bottomCommission = 0;\n this.totalPrice = 0;\n this.bottomFund = 0;\n this.selectData = [];\n this.startDateSelection = this.startDate[0].code;\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n this.setSelectedResearch([]);\n this.$emit(\"close\");\n },\n\n handleWidth() {\n let w = window.innerWidth;\n this.isResponsive = w <= 640;\n },\n\n sumFundCommission() {\n this.fund = this.dataItem.price.totalFundAmount;\n this.commission = this.dataItem.price.totalCommissionAmount;\n this.topPrice = this.totalPriceCalc;\n this.totalPrice = this.topPrice;\n },\n\n changeSelected(data) {\n this.selectData = data;\n },\n\n async submitShow() {\n this.isButtonClicked = true;\n const packageData = this.buildPackageData();\n const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n this.isButtonClicked = false;\n return;\n }\n\n const researchData = this.buildResearchData();\n const foreignData = this.buildForeignData();\n const algoServerData = this.buildAlgoServerData();\n const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n const actionName = this.getActionName();\n const sendAction = await this[actionName](args);\n\n if (sendAction.error) {\n this.handleError(sendAction);\n } else {\n this.handleSuccess(sendAction, actionName);\n this.args = {};\n }\n },\n\n buildPackageData() {\n return this.selectData.map(item => {\n var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n return {\n applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n dateSelection: item.dateSelection\n };\n });\n },\n\n buildResearchData() {\n return this.getSelectedResearchInfo.map(item => ({\n applicationId: this.dataItem.application.id || null,\n researchId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildForeignData() {\n return this.getSelectedForeignInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n foreignIndiceId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildAlgoServerData() {\n return this.getSelectedAlgoServerInfo.map(item => ({\n applicationId: this.dataItem.application.id,\n algorithmAndServerId: item.id || null,\n dateSelection: item.dateSelection\n }));\n },\n\n buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n return {\n customerId: this.customer.id,\n purchaseId: this.dataItem.id,\n purchaseNumber: this.dataItem.purchaseNo.toString(),\n applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n features: packageData,\n research: researchData,\n foreignIndice: foreignData,\n algorithmAndServer: algoServerData,\n cusId: this.cusId\n };\n },\n\n getActionName() {\n return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n },\n\n handleError(res) {\n if (res.result !== undefined && res.result !== null) {\n this.$toast.error(res.result.data[0].errors[0]);\n } else {\n this.$toast.error(res.message);\n }\n\n this.isButtonClicked = false;\n },\n\n handleSuccess(res, actionName) {\n if (actionName === \"updatePackage\") {\n this.handleUpdatePackageSuccess(res);\n } else {\n this.handleCreatePackageSuccess(res);\n }\n },\n\n async handleUpdatePackageSuccess() {\n const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n setTimeout(() => {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: response.data.id,\n customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n },\n query: {\n c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n timeStamp: new Date()\n }\n }).catch(() => {\n location.reload();\n });\n }, 300);\n },\n\n handleCreatePackageSuccess(res) {\n if (this.$route.name === \"Checkout\") {\n this.$router.push({\n name: \"Checkout\",\n params: {\n packageNumber: res.purchaseId,\n customerNumber: this.$route.params.customerNumber\n },\n query: {\n c: this.$route.query.c\n }\n });\n } else {\n this.$emit(\"close\");\n this.getAllPackages(this.cusId);\n }\n\n this.setSelectedResearch([]);\n this.setSelectedForeign([]);\n this.setSelectedAlgoServer([]);\n },\n\n calculatePrice(items) {\n var _this$dataItem$applic, _this$dataItem$applic2;\n\n this.bottomFund = items.reduce((totald, item) => {\n var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n this.bottomCommission = items.reduce((totald, item) => {\n var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n const total = items.reduce((totald, item) => {\n var _item$perspectiveFeat4, _item$vendorFeature6;\n\n return (\n /* (item?.marketFeature?.price || 0) +\n (item?.platformFeature?.price || 0)*/\n +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n );\n }, 0);\n this.totalPrice = total + this.dataItem.application.price;\n },\n\n calculateTotalPrice() {\n return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n }\n\n },\n watch: {\n selectData: {\n handler(newVal) {\n this.calculatePrice(newVal);\n },\n\n deep: true,\n immediate: true\n }\n }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
1708
1708
 
1709
1709
  /***/ }),
1710
1710
 
@@ -1848,7 +1848,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
1848
1848
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1849
1849
 
1850
1850
  "use strict";
1851
- 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\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n 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 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 toggleAccordion(applicationId, platformId, researchId, index) {\n this.activeIndex = this.activeIndex === index ? null : index;\n const args = {\n applicationId: applicationId != null ? applicationId : 0,\n platformId: platformId != null ? platformId : 0,\n researchId: researchId != null ? researchId : 0\n };\n this.featureScreenPricesList = [];\n\n if (this.activeIndex == index) {\n this.getScreenPrices(args).then(res => {\n this.$nextTick(() => {\n const screenPrice = res.filter(x => x.featureType == 2);\n const withoutScreenPrice = res.filter(x => x.featureType != 2);\n this.featureScreenPricesList = withoutScreenPrice;\n this.newScreenPrice = screenPrice;\n });\n });\n }\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && o.application.name !== this.EXCLUDED_APPLICATION_NAME);\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");
1851
+ 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\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n name: \"CustomerDetail\",\n components: {\n CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"],\n DataRequestItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataRequestItem\"],\n Pager: _components__WEBPACK_IMPORTED_MODULE_1__[\"Pager\"],\n FundCommissionRate: _components__WEBPACK_IMPORTED_MODULE_1__[\"FundCommissionRate\"],\n HistoryFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"HistoryFilter\"],\n DataHistoryItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataHistoryItem\"],\n InvoiceFilter: _components__WEBPACK_IMPORTED_MODULE_1__[\"InvoiceFilter\"],\n DataInvoiceItem: _components__WEBPACK_IMPORTED_MODULE_1__[\"DataInvoiceItem\"],\n BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"]\n },\n\n mounted() {\n if (this.$route.params.customerId !== undefined) {\n this.cusId = this.$route.params.customerId;\n } else {\n this.cusId = this.veriDagitimModel.userId;\n }\n\n this.getAllPackages(this.cusId);\n this.getRecommendedData();\n 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 toggleAccordion(applicationId, platformId, researchId, index) {\n this.activeIndex = this.activeIndex === index ? null : index;\n const args = {\n applicationId: applicationId != null ? applicationId : 0,\n platformId: platformId != null ? platformId : 0,\n researchId: researchId != null ? researchId : 0\n };\n this.featureScreenPricesList = [];\n\n if (this.activeIndex == index) {\n this.getScreenPrices(args).then(res => {\n this.$nextTick(() => {\n const screenPrice = res.filter(x => x.featureType == 2);\n const withoutScreenPrice = res.filter(x => x.featureType != 2);\n this.featureScreenPricesList = withoutScreenPrice;\n this.newScreenPrice = screenPrice;\n });\n });\n }\n }\n\n },\n watch: {\n countDown: {\n handler(value) {\n if (this.currentTab == 0 && value >= -1) {\n if (this.timerRunning) {\n setTimeout(() => {\n this.countDown--;\n\n if (this.countDown === 0) {\n this.logsLoader = true;\n this.getAllPackages(this.$route.params.customerId);\n this.getRecommendedData();\n } else if (this.countDown === -1) {\n this.logsLoader = false;\n this.countDown = 10;\n }\n }, 1000);\n }\n }\n },\n\n immediate: true,\n deep: true\n },\n getAllPackagesData: {\n handler(value) {\n const allData = JSON.parse(JSON.stringify(value.data));\n const checkIsRequested = allData.filter(o => o.packageStatus.id === this.REQUESTED_PACKAGE_STATUS_ID && o.isSuccessfulIntegration === this.SUCCESSFUL_INTEGRATION && o.application.name !== this.EXCLUDED_APPLICATION_NAME);\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");
1852
1852
 
1853
1853
  /***/ }),
1854
1854
 
@@ -2412,7 +2412,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
2412
2412
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2413
2413
 
2414
2414
  "use strict";
2415
- eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"customer-detail\" },\n [\n _c(\"customer-info\", {\n attrs: {\n customerNumber: _vm.customerId,\n currentCustomer: _vm.customer,\n getPaymentStatuses: _vm.getPaymentStatuses,\n },\n }),\n _c(\"div\", { staticClass: \"tab-layout\" }, [\n _c(\n \"div\",\n { staticClass: \"tabs custom-container\" },\n _vm._l(_vm.tabs, function (tab) {\n return _c(\n \"div\",\n {\n key: tab.id,\n class: _vm.tabClass(tab.id),\n attrs: { id: \"tab-\" + tab.id },\n on: {\n click: function ($event) {\n return _vm.changeTab(tab.id)\n },\n },\n },\n [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n )\n }),\n 0\n ),\n _c(\"div\", { staticClass: \"tab-content\" }, [\n _vm.currentTab === 0\n ? _c(\"div\", { staticClass: \"data-types\" }, [\n _vm.cusId\n ? _c(\n \"div\",\n [\n _c(\"fund-commission-rate\", {\n attrs: { customerId: parseInt(_vm.cusId, 0) },\n }),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"data-requests custom-container\",\n attrs: { id: \"dataRequest\" },\n },\n [\n _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n _c(\n \"div\",\n { staticClass: \"info-row\" },\n [\n _c(\"info-area\", {\n attrs: {\n infoText:\n \"Lisans iptallerinin, içerisinde bulunulan ayın son gününe kadar gerçekleştirilmesi gerekmektedir. Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n typeWarning: true,\n },\n }),\n ],\n 1\n ),\n _vm.timerRunning\n ? _c(\"div\", { staticClass: \"timer-status\" }, [\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.countDown) +\n \" saniye içerisinde güncellenecektir.\"\n ),\n ]),\n ])\n : _vm._e(),\n ]),\n _vm.logsLoader\n ? _c(\n \"div\",\n { staticClass: \"data-requests-timer\" },\n [\n _c(\"base-icon\", {\n staticClass: \"loader-icon\",\n attrs: { name: \"loader\" },\n }),\n ],\n 1\n )\n : _vm._l(_vm.allPackages.data, function (d) {\n return _c(\"data-request-item\", {\n key: d.id,\n attrs: {\n dataItem: Object.assign(\n {},\n {\n title: d.productName,\n subtitle: d.platform && d.platform.name,\n imageUrl: d.imageUrl,\n },\n d\n ),\n },\n on: {\n checkIsPopupOpen: function ($event) {\n return _vm.timerChecker($event)\n },\n },\n })\n }),\n _vm.allPackages.page\n ? _c(\"Pager\", {\n attrs: {\n pageName: \"dataRequest\",\n page: _vm.allPackages.page,\n },\n })\n : _vm._e(),\n ],\n 2\n ),\n ])\n : _vm._e(),\n _vm.currentTab === 1\n ? _c(\n \"div\",\n { staticClass: \"invoice-area\", attrs: { id: \"invoice\" } },\n [\n _c(\n \"div\",\n { staticClass: \"top-area custom-container\" },\n [\n _c(\"InvoiceFilter\", {\n attrs: {\n monthArr: this.monthArr,\n currentYearNumber: String(this.currentYearNumber),\n currentMonthNumber: String(this.currentMonthNumber),\n },\n on: {\n filterChangeResponse:\n _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n },\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"table-area custom-container\" },\n [\n _vm.getUserType\n ? _c(\"div\", { staticClass: \"warning-area\" }, [\n _vm.customer.paymentStatusId == 1 &&\n !_vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [\n _vm._v(\"Ekran ücreti tahsil edilmiştir.\"),\n ]),\n ],\n 1\n )\n : _vm._e(),\n ])\n : _c(\"div\", { staticClass: \"warning-area\" }, [\n _vm.customer.paymentStatusId == 2 &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [_vm._v(\"Masraf ödeme durumu\")]),\n _c(\"span\", [\n _vm._v(\"“Her zaman temsilci”\"),\n ]),\n _vm._v(\n \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm.customer.paymentStatusId == 0 &&\n !_vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [_vm._v(\"Komisyon\")]),\n _vm._v(\" ya da \"),\n _c(\"span\", [_vm._v(\"BES/FON\")]),\n _vm._v(\n \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm.customer.paymentStatusId == 1 &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [\n _vm._v(\"Masraf Ödeme durumunuz\"),\n ]),\n _c(\"span\", [_vm._v(\"“Her zaman müşteri”\")]),\n _vm._v(\n \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm.customer.paymentStatusId == 0 &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [_vm._v(\"Komisyon\")]),\n _vm._v(\" ya da \"),\n _c(\"span\", [_vm._v(\"BES/FON\")]),\n _vm._v(\n \" şartı sağlandığı için veri paketi ücreti tahsil edilmemiştir. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n ]),\n !_vm.isDataInvoiceLoaded\n ? _c(\"base-icon\", {\n staticClass: \"loader-icon\",\n attrs: { name: \"loader\" },\n })\n : _vm._l(_vm.invoiceList.data, function (d) {\n return _c(\"data-invoice-item\", {\n key: d.id,\n attrs: {\n dataItem: Object.assign(\n {},\n {\n title: d.productName,\n subtitle: d.platform && d.platform.name,\n imageUrl: d.imageUrl,\n },\n d\n ),\n },\n })\n }),\n _vm.invoiceList.page\n ? _c(\"Pager\", {\n attrs: {\n pageName: \"invoice\",\n page: _vm.invoiceList.page,\n },\n })\n : _vm._e(),\n ],\n 2\n ),\n ]\n )\n : _vm._e(),\n _vm.currentTab === 2\n ? _c(\n \"div\",\n {\n staticClass: \"history-area custom-container\",\n attrs: { id: \"history\" },\n },\n [\n _c(\n \"div\",\n { staticClass: \"top-area\" },\n [\n _c(\"h3\", [\n _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n ]),\n _c(\"history-filter\"),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"history-table-container\" }, [\n _c(\"div\", { staticClass: \"history-table\" }, [\n _c(\n \"div\",\n { staticClass: \"table-area\" },\n [\n _vm._m(0),\n _vm._l(_vm.historyList.data, function (d) {\n return _c(\"data-history-item\", {\n key: d.id,\n attrs: { dataItem: d },\n })\n }),\n ],\n 2\n ),\n ]),\n ]),\n _vm.historyList.page\n ? _c(\"Pager\", {\n attrs: {\n pageName: \"history\",\n page: _vm.historyList.page,\n },\n })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _vm.currentTab === 3\n ? _c(\n \"div\",\n {\n staticClass: \"screen-prices custom-container\",\n attrs: { id: \"screen-prices\" },\n },\n _vm._l(_vm.screenPriceList, function (item, index) {\n return _c(\n \"div\",\n {\n key: item.id,\n staticClass: \"accordion-wrapper\",\n on: {\n click: function ($event) {\n return _vm.toggleAccordion(\n item.applicationId,\n item.platformId,\n item.researchId,\n index\n )\n },\n },\n },\n [\n item.applicationShortContent ||\n item.researchName ||\n item.applicationName\n ? _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper__row caption\",\n _vm.activeIndex\n ? \"active-\" + _vm.activeIndex\n : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"accordion-title-wrapper\",\n class: { active: _vm.activeIndex },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n item.applicationShortContent != null &&\n item.applicationName != null\n ? _c(\"span\", [\n _vm._v(\n _vm._s(\n item.applicationShortContent\n )\n ),\n ])\n : _vm._e(),\n item.researchName != null\n ? _c(\"span\", [\n _vm._v(_vm._s(item.researchName)),\n ])\n : _vm._e(),\n item.applicationName != null &&\n item.applicationShortContent == null\n ? _c(\"span\", [\n _vm._v(\n _vm._s(item.applicationName) +\n \" \" +\n _vm._s(item.platformName)\n ),\n ])\n : _vm._e(),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n class: {\n hidden: _vm.activeIndex !== index,\n },\n },\n [_vm._v(\" Ücret \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n class: {\n hidden: _vm.activeIndex !== index,\n },\n },\n [_vm._v(\" Gerekli Komisyon \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n class: {\n hidden: _vm.activeIndex !== index,\n },\n },\n [_vm._v(\" Gerekli Fon / Bes Büyüklüğü \")]\n ),\n _c(\"base-icon\", {\n staticClass: \"collapse-icon\",\n class: {\n active: _vm.activeIndex === index,\n },\n attrs: { name: \"chevron-up\" },\n }),\n ],\n 1\n ),\n ]\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.activeIndex === index,\n expression: \"activeIndex === index\",\n },\n ],\n staticClass: \"accordion-content\",\n },\n [\n _vm._l(\n _vm.featureScreenPricesList,\n function (items, innerIndex) {\n return _c(\n \"div\",\n {\n key: items.id,\n staticClass: \"accordion-wrapper__row\",\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _c(\n \"span\",\n { staticClass: \"inner-texts index\" },\n [_vm._v(_vm._s(innerIndex + 1))]\n ),\n items.market\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n \" \" +\n _vm._s(items.market.name) +\n \" \"\n ),\n items.perspective\n ? _c(\n \"span\",\n {\n staticClass:\n \"inner-texts\",\n },\n [\n _vm._v(\n _vm._s(\n items.perspective.name\n )\n ),\n ]\n )\n : _vm._e(),\n items.vendor\n ? _c(\n \"span\",\n {\n staticClass:\n \"inner-texts\",\n },\n [\n _vm._v(\n _vm._s(\n items.vendor.name\n )\n ),\n ]\n )\n : _vm._e(),\n ]\n )\n : _vm._e(),\n items.algorithm\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n _vm._s(items.algorithm.name)\n ),\n ]\n )\n : _vm._e(),\n items.research\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n _vm._s(items.research.name)\n ),\n ]\n )\n : _vm._e(),\n items.foreignIndice\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n _vm._s(items.foreignIndice.name)\n ),\n ]\n )\n : _vm._e(),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n items.price != 0\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPriceNoDecimal(\n items.price +\n (items.featureType == 3 ||\n items.featureType == 4\n ? _vm.newScreenPrice[0]\n .price\n : 0)\n )\n ) +\n \" TL \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"0 TL\")]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n items.commissionAmount != 0\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPriceNoDecimal(\n items.commissionAmount +\n (items.featureType == 3 ||\n items.featureType == 4\n ? _vm.newScreenPrice[0]\n .commissionAmount\n : 0)\n )\n ) +\n \" TL \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"0 TL\")]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n items.fundAmount != 0\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPriceNoDecimal(\n items.fundAmount +\n (items.featureType == 3 ||\n items.featureType == 4\n ? _vm.newScreenPrice[0]\n .fundAmount\n : 0)\n )\n ) +\n \" TL \"\n ),\n ])\n : _c(\"span\", [_vm._v(\"0 TL\")]),\n ]\n ),\n ]\n )\n }\n ),\n _vm.isLoading\n ? _c(\"base-icon\", {\n staticClass: \"loader-icon\",\n attrs: { name: \"loader\" },\n })\n : _vm._e(),\n ],\n 2\n ),\n ]\n )\n }),\n 0\n )\n : _vm._e(),\n ]),\n ]),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"main-title-area\" }, [\n _c(\"div\", { staticClass: \"left\" }, [\n _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n ]),\n ])\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
2415
+ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\n \"div\",\n { staticClass: \"customer-detail\" },\n [\n _c(\"customer-info\", {\n attrs: {\n customerNumber: _vm.customerId,\n currentCustomer: _vm.customer,\n getPaymentStatuses: _vm.getPaymentStatuses,\n },\n }),\n _c(\"div\", { staticClass: \"tab-layout\" }, [\n _c(\n \"div\",\n { staticClass: \"tabs custom-container\" },\n _vm._l(_vm.tabs, function (tab) {\n return _c(\n \"div\",\n {\n key: tab.id,\n class: _vm.tabClass(tab.id),\n attrs: { id: \"tab-\" + tab.id },\n on: {\n click: function ($event) {\n return _vm.changeTab(tab.id)\n },\n },\n },\n [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n )\n }),\n 0\n ),\n _c(\"div\", { staticClass: \"tab-content\" }, [\n _vm.currentTab === 0\n ? _c(\"div\", { staticClass: \"data-types\" }, [\n _vm.cusId\n ? _c(\n \"div\",\n [\n _c(\"fund-commission-rate\", {\n attrs: { customerId: parseInt(_vm.cusId, 0) },\n }),\n ],\n 1\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n staticClass: \"data-requests custom-container\",\n attrs: { id: \"dataRequest\" },\n },\n [\n _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n _c(\n \"div\",\n { staticClass: \"info-row\" },\n [\n _c(\"info-area\", {\n attrs: {\n infoText:\n \"Lisans iptallerinin, içerisinde bulunulan ayın son gününe kadar gerçekleştirilmesi gerekmektedir. Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n typeWarning: true,\n },\n }),\n ],\n 1\n ),\n _vm.timerRunning\n ? _c(\"div\", { staticClass: \"timer-status\" }, [\n _c(\"span\", [\n _vm._v(\n _vm._s(_vm.countDown) +\n \" saniye içerisinde güncellenecektir.\"\n ),\n ]),\n ])\n : _vm._e(),\n ]),\n _vm.logsLoader\n ? _c(\n \"div\",\n { staticClass: \"data-requests-timer\" },\n [\n _c(\"base-icon\", {\n staticClass: \"loader-icon\",\n attrs: { name: \"loader\" },\n }),\n ],\n 1\n )\n : _vm._l(_vm.allPackages.data, function (d) {\n return _c(\"data-request-item\", {\n key: d.id,\n attrs: {\n dataItem: Object.assign(\n {},\n {\n title: d.productName,\n subtitle: d.platform && d.platform.name,\n imageUrl: d.imageUrl,\n },\n d\n ),\n },\n on: {\n checkIsPopupOpen: function ($event) {\n return _vm.timerChecker($event)\n },\n },\n })\n }),\n _vm.allPackages.page\n ? _c(\"Pager\", {\n attrs: {\n pageName: \"dataRequest\",\n page: _vm.allPackages.page,\n },\n })\n : _vm._e(),\n ],\n 2\n ),\n ])\n : _vm._e(),\n _vm.currentTab === 1\n ? _c(\n \"div\",\n { staticClass: \"invoice-area\", attrs: { id: \"invoice\" } },\n [\n _c(\n \"div\",\n { staticClass: \"top-area custom-container\" },\n [\n _c(\"InvoiceFilter\", {\n attrs: {\n monthArr: this.monthArr,\n currentYearNumber: String(this.currentYearNumber),\n currentMonthNumber: String(this.currentMonthNumber),\n },\n on: {\n filterChangeResponse:\n _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n },\n }),\n ],\n 1\n ),\n _c(\n \"div\",\n { staticClass: \"table-area custom-container\" },\n [\n _vm.getUserType\n ? _c(\"div\", { staticClass: \"warning-area\" }, [\n _vm.customer.paymentStatusId == 1 &&\n !_vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [\n _vm._v(\"Ekran ücreti tahsil edilmiştir.\"),\n ]),\n ],\n 1\n )\n : _vm._e(),\n ])\n : _c(\"div\", { staticClass: \"warning-area\" }, [\n _vm.customer.paymentStatusId == 2 &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [_vm._v(\"Masraf ödeme durumu\")]),\n _c(\"span\", [\n _vm._v(\"“Her zaman temsilci”\"),\n ]),\n _vm._v(\n \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm.customer.paymentStatusId == 0 &&\n !_vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [_vm._v(\"Komisyon\")]),\n _vm._v(\" ya da \"),\n _c(\"span\", [_vm._v(\"BES/FON\")]),\n _vm._v(\n \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm.customer.paymentStatusId == 1 &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [\n _vm._v(\"Masraf Ödeme durumunuz\"),\n ]),\n _c(\"span\", [_vm._v(\"“Her zaman müşteri”\")]),\n _vm._v(\n \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n _vm.customer.paymentStatusId == 0 &&\n _vm.isCompleted &&\n _vm.invoiceList.data.length\n ? _c(\n \"div\",\n { staticClass: \"warning-texts\" },\n [\n _c(\"base-icon\", {\n staticClass: \"icon\",\n attrs: { name: \"warn-yellow\" },\n }),\n _c(\"span\", [_vm._v(\"Komisyon\")]),\n _vm._v(\" ya da \"),\n _c(\"span\", [_vm._v(\"BES/FON\")]),\n _vm._v(\n \" şartı sağlandığı için veri paketi ücreti tahsil edilmemiştir. \"\n ),\n ],\n 1\n )\n : _vm._e(),\n ]),\n !_vm.isDataInvoiceLoaded\n ? _c(\"base-icon\", {\n staticClass: \"loader-icon\",\n attrs: { name: \"loader\" },\n })\n : _vm._l(_vm.invoiceList.data, function (d) {\n return _c(\"data-invoice-item\", {\n key: d.id,\n attrs: {\n dataItem: Object.assign(\n {},\n {\n title: d.productName,\n subtitle: d.platform && d.platform.name,\n imageUrl: d.imageUrl,\n },\n d\n ),\n },\n })\n }),\n _vm.invoiceList.page\n ? _c(\"Pager\", {\n attrs: {\n pageName: \"invoice\",\n page: _vm.invoiceList.page,\n },\n })\n : _vm._e(),\n ],\n 2\n ),\n ]\n )\n : _vm._e(),\n _vm.currentTab === 2\n ? _c(\n \"div\",\n {\n staticClass: \"history-area custom-container\",\n attrs: { id: \"history\" },\n },\n [\n _c(\n \"div\",\n { staticClass: \"top-area\" },\n [\n _c(\"h3\", [\n _vm._v(_vm._s(this.tabs[_vm.currentTab].text)),\n ]),\n _c(\"history-filter\"),\n ],\n 1\n ),\n _c(\"div\", { staticClass: \"history-table-container\" }, [\n _c(\"div\", { staticClass: \"history-table\" }, [\n _c(\n \"div\",\n { staticClass: \"table-area\" },\n [\n _vm._m(0),\n _vm._l(_vm.historyList.data, function (d) {\n return _c(\"data-history-item\", {\n key: d.id,\n attrs: { dataItem: d },\n })\n }),\n ],\n 2\n ),\n ]),\n ]),\n _vm.historyList.page\n ? _c(\"Pager\", {\n attrs: {\n pageName: \"history\",\n page: _vm.historyList.page,\n },\n })\n : _vm._e(),\n ],\n 1\n )\n : _vm._e(),\n _vm.currentTab === 3\n ? _c(\n \"div\",\n {\n staticClass: \"screen-prices custom-container\",\n attrs: { id: \"screen-prices\" },\n },\n _vm._l(_vm.screenPriceList, function (item, index) {\n return _c(\n \"div\",\n {\n key: item.id,\n staticClass: \"accordion-wrapper\",\n on: {\n click: function ($event) {\n return _vm.toggleAccordion(\n item.applicationId,\n item.platformId,\n item.researchId,\n index\n )\n },\n },\n },\n [\n item.applicationShortContent ||\n item.researchName ||\n item.applicationName\n ? _c(\n \"div\",\n {\n class: [\n \"accordion-wrapper__row caption\",\n _vm.activeIndex\n ? \"active-\" + _vm.activeIndex\n : \"\",\n ],\n },\n [\n _c(\n \"div\",\n {\n staticClass: \"accordion-title-wrapper\",\n class: { active: _vm.activeIndex },\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n item.applicationShortContent != null &&\n item.applicationName != null\n ? _c(\"span\", [\n _vm._v(\n _vm._s(\n item.applicationShortContent\n )\n ),\n ])\n : _vm._e(),\n item.researchName != null\n ? _c(\"span\", [\n _vm._v(_vm._s(item.researchName)),\n ])\n : _vm._e(),\n item.applicationName != null &&\n item.applicationShortContent == null\n ? _c(\"span\", [\n _vm._v(\n _vm._s(item.applicationName) +\n \" \" +\n _vm._s(item.platformName)\n ),\n ])\n : _vm._e(),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n class: {\n hidden: _vm.activeIndex !== index,\n },\n },\n [_vm._v(\" Ücret \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n class: {\n hidden: _vm.activeIndex !== index,\n },\n },\n [_vm._v(\" Gerekli Komisyon \")]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n class: {\n hidden: _vm.activeIndex !== index,\n },\n },\n [_vm._v(\" Gerekli Fon / Bes Büyüklüğü \")]\n ),\n _c(\"base-icon\", {\n staticClass: \"collapse-icon\",\n class: {\n active: _vm.activeIndex === index,\n },\n attrs: { name: \"chevron-up\" },\n }),\n ],\n 1\n ),\n ]\n )\n : _vm._e(),\n _c(\n \"div\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.activeIndex === index,\n expression: \"activeIndex === index\",\n },\n ],\n staticClass: \"accordion-content\",\n },\n [\n _vm._l(\n _vm.featureScreenPricesList,\n function (items, innerIndex) {\n return _c(\n \"div\",\n {\n key: items.id,\n staticClass: \"accordion-wrapper__row\",\n },\n [\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n _c(\n \"span\",\n { staticClass: \"inner-texts index\" },\n [_vm._v(_vm._s(innerIndex + 1))]\n ),\n items.market\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n \" \" +\n _vm._s(items.market.name) +\n \" \"\n ),\n items.perspective\n ? _c(\n \"span\",\n {\n staticClass:\n \"inner-texts\",\n },\n [\n _vm._v(\n _vm._s(\n items.perspective.name\n )\n ),\n ]\n )\n : _vm._e(),\n items.vendor\n ? _c(\n \"span\",\n {\n staticClass:\n \"inner-texts\",\n },\n [\n _vm._v(\n _vm._s(\n items.vendor.name\n )\n ),\n ]\n )\n : _vm._e(),\n ]\n )\n : _vm._e(),\n items.algorithm\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n _vm._s(items.algorithm.name)\n ),\n ]\n )\n : _vm._e(),\n items.research\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n _vm._s(items.research.name)\n ),\n ]\n )\n : _vm._e(),\n items.foreignIndice\n ? _c(\n \"span\",\n { staticClass: \"inner-texts\" },\n [\n _vm._v(\n _vm._s(items.foreignIndice.name)\n ),\n ]\n )\n : _vm._e(),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n items.price != 0\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPriceNoDecimal(\n items.price +\n (items.featureType == 3 ||\n items.featureType == 4\n ? _vm.newScreenPrice[0]\n .price\n : 0)\n )\n ) +\n \" \" +\n _vm._s(\n _vm.returnPriceTypeForScreenPrices(\n items.priceType\n )\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [\n _vm._v(\n \"0 \" +\n _vm._s(\n _vm.returnPriceTypeForScreenPrices(\n items.priceType\n )\n )\n ),\n ]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n items.commissionAmount != 0\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPriceNoDecimal(\n items.commissionAmount +\n (items.featureType == 3 ||\n items.featureType == 4\n ? _vm.newScreenPrice[0]\n .commissionAmount\n : 0)\n )\n ) +\n \" \" +\n _vm._s(\n _vm.returnPriceTypeForScreenPrices(\n items.priceType\n )\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [\n _vm._v(\n \"0 \" +\n _vm._s(\n _vm.returnPriceTypeForScreenPrices(\n items.priceType\n )\n )\n ),\n ]),\n ]\n ),\n _c(\n \"div\",\n {\n staticClass:\n \"accordion-wrapper__row__cell\",\n },\n [\n items.fundAmount != 0\n ? _c(\"span\", [\n _vm._v(\n \" \" +\n _vm._s(\n _vm.formatPriceNoDecimal(\n items.fundAmount +\n (items.featureType == 3 ||\n items.featureType == 4\n ? _vm.newScreenPrice[0]\n .fundAmount\n : 0)\n )\n ) +\n \" \" +\n _vm._s(\n _vm.returnPriceTypeForScreenPrices(\n items.priceType\n )\n ) +\n \" \"\n ),\n ])\n : _c(\"span\", [\n _vm._v(\n \"0 \" +\n _vm._s(\n _vm.returnPriceTypeForScreenPrices(\n items.priceType\n )\n )\n ),\n ]),\n ]\n ),\n ]\n )\n }\n ),\n _vm.isLoading\n ? _c(\"base-icon\", {\n staticClass: \"loader-icon\",\n attrs: { name: \"loader\" },\n })\n : _vm._e(),\n ],\n 2\n ),\n ]\n )\n }),\n 0\n )\n : _vm._e(),\n ]),\n ]),\n ],\n 1\n )\n}\nvar staticRenderFns = [\n function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"main-title-area\" }, [\n _c(\"div\", { staticClass: \"left\" }, [\n _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n ]),\n _c(\"div\", { staticClass: \"right\" }, [\n _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n ]),\n ])\n },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
2416
2416
 
2417
2417
  /***/ }),
2418
2418
 
@@ -3901,7 +3901,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
3901
3901
  /*! no static exports found */
3902
3902
  /***/ (function(module, exports, __webpack_require__) {
3903
3903
 
3904
- 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[data-v-302011ee] {\\n padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n margin-bottom: 21px;\\n border-radius: var(--radius-first);\\n background-color: var(--grayscale-0);\\n cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n padding: 13px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n display: table-row-group;\\n background-color: var(--color-primary-tint);\\n font-size: 14px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n font-size: 12px;\\n font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n display: table-cell;\\n box-sizing: border-box;\\n vertical-align: middle;\\n color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n min-width: 350px;\\n white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n min-width: 55px;\\n text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n display: inline-block;\\n padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n min-width: 25px;\\n font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n display: table-row;\\n position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n position: absolute;\\n top: 50%;\\n transform: rotate(180deg) translateY(50%);\\n right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n transform: rotate(0deg);\\n top: 8px;\\n right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee] .form-control-label,\\n .customer-detail[data-v-302011ee] .data-types .fund-commission.comission-container {\\n font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n position: relative;\\n margin-top: 20px;\\n padding: 20px;\\n background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: flex-end;\\n align-items: flex-end;\\n margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n margin-bottom: 20px;\\n position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n position: relative;\\n justify-content: left;\\n text-align: left;\\n padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n font-size: 12px;\\n margin-top: 20px;\\n font-weight: bold;\\n color: var(--grayscale-180);\\n position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n right: auto;\\n left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\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 margin-top: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n height: 54px;\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n cursor: pointer;\\n flex: 0.33;\\n height: 53px;\\n text-align: center;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n border-bottom: 2px solid transparent;\\n max-width: 200px;\\n width: 100%;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n border-bottom: 3px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n font-weight: bold;\\n color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n padding: 40px;\\n background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: space-between;\\n align-items: center;\\n margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n border: 1px solid var(--grayscale-20);\\n border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n width: 140px;\\n padding: 10px;\\n text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n padding: 30px;\\n width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n display: flex;\\n align-items: center;\\n font-weight: bold;\\n font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n background: var(--color-primary-warning-text-background);\\n color: var(--color-primary-warning-text);\\n font-size: 13px;\\n font-weight: 400;\\n padding: 4px 12px;\\n display: flex;\\n align-items: center;\\n gap: 4px;\\n border-radius: var(--radius-five);\\n min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n justify-content: flex-start;\\n padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n position: relative;\\n padding: 0px;\\n background: var(--grayscale-0);\\n padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n padding-top: 20px;\\n padding-left: 20px;\\n padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n width: 100%;\\n overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n width: 100%;\\n min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.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");
3904
+ 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[data-v-302011ee] {\\n padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n padding: 20px;\\n background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n position: relative;\\n display: table;\\n width: 100%;\\n border: 1px solid var(--color-primary-tint-second);\\n margin-bottom: 21px;\\n border-radius: var(--radius-first);\\n background-color: var(--grayscale-0);\\n cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n padding: 13px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n display: table-row-group;\\n background-color: var(--color-primary-tint);\\n font-size: 14px;\\n font-style: normal;\\n font-weight: 700;\\n line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n position: sticky;\\n top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n font-size: 12px;\\n font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n display: table-cell;\\n box-sizing: border-box;\\n vertical-align: middle;\\n color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n min-width: 350px;\\n white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n min-width: 100px;\\n text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n display: inline-block;\\n padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n min-width: 25px;\\n font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n display: table-row;\\n position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n position: absolute;\\n top: 50%;\\n transform: rotate(180deg) translateY(50%);\\n right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n transform: rotate(0deg);\\n top: 8px;\\n right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee] .form-control-label,\\n .customer-detail[data-v-302011ee] .data-types .fund-commission.comission-container {\\n font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n position: relative;\\n margin-top: 20px;\\n padding: 20px;\\n background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: flex-end;\\n align-items: flex-end;\\n margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n margin-bottom: 20px;\\n position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n position: relative;\\n justify-content: left;\\n text-align: left;\\n padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n font-size: 12px;\\n margin-top: 20px;\\n font-weight: bold;\\n color: var(--grayscale-180);\\n position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n right: auto;\\n left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\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 margin-top: 20px;\\n border-bottom: 1px solid var(--color-primary-tint-second);\\n height: 54px;\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n cursor: pointer;\\n flex: 0.33;\\n height: 53px;\\n text-align: center;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n border-bottom: 2px solid transparent;\\n max-width: 200px;\\n width: 100%;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n border-bottom: 3px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n font-weight: bold;\\n color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n padding: 40px;\\n background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n display: flex;\\n flex-wrap: wrap;\\n justify-content: space-between;\\n align-items: center;\\n margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n border: 1px solid var(--grayscale-20);\\n border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n width: 140px;\\n padding: 10px;\\n text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n padding: 30px;\\n width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n display: flex;\\n align-items: center;\\n font-weight: bold;\\n font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n background: var(--color-primary-warning-text-background);\\n color: var(--color-primary-warning-text);\\n font-size: 13px;\\n font-weight: 400;\\n padding: 4px 12px;\\n display: flex;\\n align-items: center;\\n gap: 4px;\\n border-radius: var(--radius-five);\\n min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n background: var(--grayscale-0);\\n margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n justify-content: flex-start;\\n padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n position: relative;\\n padding: 0px;\\n background: var(--grayscale-0);\\n padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n padding-top: 20px;\\n padding-left: 20px;\\n padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n width: 100%;\\n overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n width: 100%;\\n min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.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");
3905
3905
 
3906
3906
  /***/ }),
3907
3907