osmanli-veri-dagitim 2.0.97-dev → 2.0.99-dev

package/dist/OsmanliPackage.umd.js

@@ -1644,7 +1644,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataInvoiceItem\",\n  props: {\n    dataItem: Object\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseButton\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_0__[\"InfoArea\"]\n  },\n\n  data() {\n    return {\n      isActive: false,\n      isButtonsDisabled: false,\n      purchaseTypes: {\n        prev: 1,\n        next: 2\n      },\n      isActivatedAccordion: false\n    };\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])([\"movePurchaseDates\"]),\n\n    getTime(dateTime, formatType) {\n      if (dateTime) {\n        let stringDateTime = String(dateTime);\n        let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n        return generateMomentDate;\n      } else {\n        return \"-\";\n      }\n    },\n\n    setRowForPrev(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.prev);\n    },\n\n    setRowForNext(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.next);\n    },\n\n    setRowForPurchase(purchaseId, purchaseMoveType) {\n      this.isButtonsDisabled = true;\n      this.movePurchaseDates({\n        purchaseId: purchaseId,\n        purchaseMoveType: purchaseMoveType\n      }).then(response => {\n        if (response.error) {\n          this.$toast.error(response.message);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.closeModal(String(purchaseId));\n        }\n\n        this.isButtonsDisabled = false;\n      });\n    },\n\n    showModal(modalId) {\n      this.$modal.show(modalId);\n    },\n\n    closeModal(modalId) {\n      this.$modal.hide(modalId);\n    },\n\n    accordionToggle() {\n      this.isActivatedAccordion = !this.isActivatedAccordion;\n    }\n\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])([\"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_2__[\"CurrencySymbol\"];\n    },\n\n    totalPriceTl() {\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.tl)[0].totalPrice;\n    },\n\n    totalPriceDollar() {\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.dolar)[0];\n    },\n\n    totalPriceEuro() {\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.euro)[0];\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) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    screenPrice() {\n      var _this$dataItem4, _this$dataItem4$price;\n\n      if (((_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$price = _this$dataItem4.price) === null || _this$dataItem4$price === void 0 ? void 0 : _this$dataItem4$price.prices) == null) {\n        var _this$dataItem5, _this$dataItem5$nextM;\n\n        return (_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$nextM = _this$dataItem5.nextMonthPrice) === null || _this$dataItem5$nextM === void 0 ? void 0 : _this$dataItem5$nextM.screenPrice;\n      } else {\n        var _this$dataItem6, _this$dataItem6$price;\n\n        return (_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$price = _this$dataItem6.price) === null || _this$dataItem6$price === void 0 ? void 0 : _this$dataItem6$price.screenPrice;\n      }\n    },\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i);\n      const researchList = (_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i);\n      const algorithList = (_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i);\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== null && name !== undefined && price !== null && price !== undefined && currencySymbol !== null && currencySymbol !== undefined) {\n            list.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              price: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.priceInfo;\n\n        if (perspectiveFeatureName !== null && perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== null && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.priceInfo;\n\n        if (vendorFeatureName !== null && vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== null && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      let multipleLicenceFeatures = [];\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      list.push(...multipleLicenceFeatures);\n\n      if (platform.length > 0) {\n        list.push(...platform);\n      }\n\n      if (researchList.length > 0) {\n        list.push(...researchList);\n      }\n\n      if (algorithList.length > 0) {\n        list.push(...algorithList);\n      }\n\n      return list;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataInvoiceItem\",\n  props: {\n    dataItem: Object\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseButton\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_0__[\"InfoArea\"]\n  },\n\n  data() {\n    return {\n      isActive: false,\n      isButtonsDisabled: false,\n      purchaseTypes: {\n        prev: 1,\n        next: 2\n      },\n      isActivatedAccordion: false\n    };\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapActions\"])([\"movePurchaseDates\"]),\n\n    getTime(dateTime, formatType) {\n      if (dateTime) {\n        let stringDateTime = String(dateTime);\n        let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n        return generateMomentDate;\n      } else {\n        return \"-\";\n      }\n    },\n\n    setRowForPrev(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.prev);\n    },\n\n    setRowForNext(purchaseId) {\n      this.setRowForPurchase(purchaseId, this.purchaseTypes.next);\n    },\n\n    setRowForPurchase(purchaseId, purchaseMoveType) {\n      this.isButtonsDisabled = true;\n      this.movePurchaseDates({\n        purchaseId: purchaseId,\n        purchaseMoveType: purchaseMoveType\n      }).then(response => {\n        if (response.error) {\n          this.$toast.error(response.message);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.closeModal(String(purchaseId));\n        }\n\n        this.isButtonsDisabled = false;\n      });\n    },\n\n    showModal(modalId) {\n      this.$modal.show(modalId);\n    },\n\n    closeModal(modalId) {\n      this.$modal.hide(modalId);\n    },\n\n    accordionToggle() {\n      this.isActivatedAccordion = !this.isActivatedAccordion;\n    }\n\n  },\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_3__[\"mapGetters\"])([\"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_2__[\"CurrencySymbol\"];\n    },\n\n    totalPriceTl() {\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.tl)[0].totalPrice;\n    },\n\n    totalPriceDollar() {\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.dolar)[0];\n    },\n\n    totalPriceEuro() {\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.euro)[0];\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) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    screenPrice() {\n      var _this$dataItem4, _this$dataItem4$price;\n\n      if (((_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$price = _this$dataItem4.price) === null || _this$dataItem4$price === void 0 ? void 0 : _this$dataItem4$price.prices) == null) {\n        var _this$dataItem5, _this$dataItem5$nextM;\n\n        return (_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$nextM = _this$dataItem5.nextMonthPrice) === null || _this$dataItem5$nextM === void 0 ? void 0 : _this$dataItem5$nextM.screenPrice;\n      } else {\n        var _this$dataItem6, _this$dataItem6$price;\n\n        return (_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$price = _this$dataItem6.price) === null || _this$dataItem6$price === void 0 ? void 0 : _this$dataItem6$price.screenPrice;\n      }\n    },\n\n    getUserType() {\n      const REPRESENTATIVE_CODE = 3;\n      const userType = this.getUserInfo.memberType;\n      return userType && userType === REPRESENTATIVE_CODE;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i);\n      const researchList = (_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i);\n      const algorithList = (_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i);\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== null && name !== undefined && price !== null && price !== undefined && currencySymbol !== null && currencySymbol !== undefined) {\n            list.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              price: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.priceInfo;\n\n        if (perspectiveFeatureName !== null && perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== null && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.priceInfo;\n\n        if (vendorFeatureName !== null && vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== null && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      let multipleLicenceFeatures = [];\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      list.push(...multipleLicenceFeatures);\n\n      if (platform.length > 0) {\n        list.push(...platform);\n      }\n\n      if (researchList.length > 0) {\n        list.push(...researchList);\n      }\n\n      if (algorithList.length > 0) {\n        list.push(...algorithList);\n      }\n\n      return list;\n    },\n\n    isCompleted() {\n      return this.fundAndCommissionRates.fundAmount >= this.fundAndCommissionRates.targetFundAmount || this.fundAndCommissionRates.commissionAmount >= this.fundAndCommissionRates.targetCommissionAmount;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
 
 /***/ }),
 
@@ -1656,7 +1656,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/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 _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\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    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n\n      if (((_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$price.prices) == null) {\n        var _this$dataItem3, _this$dataItem3$nextM, _this$dataItem3$nextM2;\n\n        (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$nextM = _this$dataItem3.nextMonthPrice) === null || _this$dataItem3$nextM === void 0 ? void 0 : (_this$dataItem3$nextM2 = _this$dataItem3$nextM.prices) === null || _this$dataItem3$nextM2 === void 0 ? void 0 : _this$dataItem3$nextM2.forEach(key => {\n          if (key.info == \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      } else {\n        var _this$dataItem4, _this$dataItem4$price, _this$dataItem4$price2;\n\n        (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$price = _this$dataItem4.price) === null || _this$dataItem4$price === void 0 ? void 0 : (_this$dataItem4$price2 = _this$dataItem4$price.prices) === null || _this$dataItem4$price2 === void 0 ? void 0 : _this$dataItem4$price2.forEach(key => {\n          if (key.info == \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => {\n        return a + c;\n      });\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem5, _this$dataItem5$price, _this$dataItem5$price2;\n\n      return (_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$price = _this$dataItem5.price) === null || _this$dataItem5$price === void 0 ? void 0 : (_this$dataItem5$price2 = _this$dataItem5$price.prices) === null || _this$dataItem5$price2 === void 0 ? void 0 : _this$dataItem5$price2.filter(e => e.info === this.currencySymbol.euro)[0];\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) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/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 _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null,\n      isActive: false\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = this.getUserType;\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\", \"getUserInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getDataItemId() {\n      return String(this.dataItem.id);\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    getSelectedTerminalNumber() {\n      return this.dataItem.algorithm.map(d => d.terminalNumber);\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    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price;\n\n      let turkishLiraList = [];\n      const pricesToCheck = (_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$price.prices;\n\n      if (pricesToCheck != null) {\n        pricesToCheck.forEach(key => {\n          if ((key === null || key === void 0 ? void 0 : key.info) === \"₺\" && key != undefined) {\n            turkishLiraList.push(key.totalPrice);\n          }\n        });\n      }\n\n      return turkishLiraList.reduce((a, c) => a + c, 0);\n    },\n\n    totalPriceEuro() {\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.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar != null ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro != null ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + \" TL\" + totalDollar + totalEuro;\n    },\n\n    mergedPackagesNames() {\n      var _this$dataItem$foreig, _this$dataItem$algori, _this$dataItem$resear, _this$dataItem$packag;\n\n      const list = [];\n      const platform = (_this$dataItem$foreig = this.dataItem.foreignIndice) === null || _this$dataItem$foreig === void 0 ? void 0 : _this$dataItem$foreig.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const algorithm = (_this$dataItem$algori = this.dataItem.algorithm) === null || _this$dataItem$algori === void 0 ? void 0 : _this$dataItem$algori.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const researchList = (_this$dataItem$resear = this.dataItem.research) === null || _this$dataItem$resear === void 0 ? void 0 : _this$dataItem$resear.map(i => i === null || i === void 0 ? void 0 : i.name);\n      const marketFeature = ((_this$dataItem$packag = this.dataItem.package) === null || _this$dataItem$packag === void 0 ? void 0 : _this$dataItem$packag.map(i => {\n        var _i$marketFeature;\n\n        return i === null || i === void 0 ? void 0 : (_i$marketFeature = i.marketFeature) === null || _i$marketFeature === void 0 ? void 0 : _i$marketFeature.name;\n      })) || [];\n      const filteredMarketFeature = marketFeature.filter(name => name !== undefined);\n      const filteredAlgorithm = algorithm.filter(name => name !== undefined);\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n\n      if (filteredMarketFeature.length > 0) {\n        list.push(...filteredMarketFeature);\n      }\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgorithm.length > 0) {\n        list.push(...filteredAlgorithm);\n      }\n\n      return list;\n    },\n\n    mergedForTableData() {\n      var _this$dataItem$foreig2, _this$dataItem$resear2, _this$dataItem$algori2;\n\n      const list = [];\n      let multipleLicenceFeatures = [];\n      const platform = ((_this$dataItem$foreig2 = this.dataItem.foreignIndice) === null || _this$dataItem$foreig2 === void 0 ? void 0 : _this$dataItem$foreig2.map(i => i)) || [];\n      const researchList = ((_this$dataItem$resear2 = this.dataItem.research) === null || _this$dataItem$resear2 === void 0 ? void 0 : _this$dataItem$resear2.map(i => i)) || [];\n      const algorithList = ((_this$dataItem$algori2 = this.dataItem.algorithm) === null || _this$dataItem$algori2 === void 0 ? void 0 : _this$dataItem$algori2.map(i => i)) || [];\n\n      const processPackageItem = item => {\n        var _item$perspectiveFeat, _item$perspectiveFeat2, _item$perspectiveFeat3, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        const createLicenceFeature = (name, price, priceInfo) => {\n          let currencySymbol = \"\";\n\n          if (priceInfo === \"₺\") {\n            currencySymbol = \"TL\";\n          } else if (priceInfo === \"€\") {\n            currencySymbol = \"Euro\";\n          } else if (priceInfo === \"$\") {\n            currencySymbol = \"Dolar\";\n          }\n\n          if (name !== undefined && price !== undefined && currencySymbol !== undefined) {\n            multipleLicenceFeatures.push({\n              name,\n              startDate: item.startDate,\n              endDate: item.endDate,\n              totalPrice: `${price} ${currencySymbol}`\n            });\n          }\n        };\n\n        const perspectiveFeatureName = (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.name;\n        const perspectiveFeaturePrice = (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.price;\n        const perspectiveFeatureInfo = (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.info;\n\n        if (perspectiveFeatureName !== undefined && perspectiveFeaturePrice !== undefined) {\n          var _item$marketFeature;\n\n          createLicenceFeature(((_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.name) + \" \" + perspectiveFeatureName, perspectiveFeaturePrice, perspectiveFeatureInfo);\n        }\n\n        const vendorFeatureName = (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.name;\n        const vendorFeaturePrice = (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.price;\n        const vendorFeatureInfo = (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.info;\n\n        if (vendorFeatureName !== undefined && vendorFeatureName !== \"Yok\" && vendorFeaturePrice !== undefined) {\n          var _item$marketFeature2;\n\n          createLicenceFeature(((_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.name) + \" \" + vendorFeatureName, vendorFeaturePrice, vendorFeatureInfo);\n        }\n      };\n\n      if (this.dataItem.package.length > 0) {\n        this.dataItem.package.forEach(processPackageItem);\n      }\n\n      const filteredPlatform = platform.filter(name => name !== undefined);\n      const filteredResearchList = researchList.filter(name => name !== undefined);\n      const filteredAlgoList = algorithList.filter(name => name !== undefined);\n      list.push(...multipleLicenceFeatures);\n\n      if (filteredPlatform.length > 0) {\n        list.push(...filteredPlatform);\n      }\n\n      if (filteredResearchList.length > 0) {\n        list.push(...filteredResearchList);\n      }\n\n      if (filteredAlgoList.length > 0) {\n        list.push(...filteredAlgoList);\n      }\n\n      return list;\n    },\n\n    getUserType() {\n      return this.getUserInfo.memberType;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getDraftPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(dataItemId) {\n      if (this.$route.name == \"CustomerDetail\") {\n        this.getPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      } else {\n        this.getDraftPackageDetail([dataItemId, this.cusId]).then(() => {\n          this.packageDetail = this.getPackageInfo;\n          this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n            this.marketInfo = this.getMarketInfo;\n          });\n          this.isPopupVisible = true;\n          this.$emit(\"checkIsPopupOpen\", true);\n        });\n      }\n    },\n\n    cancel(purchaseId) {\n      this.cancelPackage(purchaseId).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n      this.$emit(\"checkIsPopupOpen\", false);\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(packageStatus);\n      }\n    },\n\n    closeModal() {\n      this.$emit(\"checkIsPopupOpen\", false);\n      this.$modal.hide(this.getDataItemId);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if (res !== null && res !== void 0 && res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    },\n\n    getTime(dateTime, formatType) {\n      let stringDateTime = String(dateTime);\n      let generateMomentDate = this.$moment(new Date(stringDateTime)).format(formatType);\n      return generateMomentDate;\n    },\n\n    accordionToggle() {\n      this.isActive = !this.isActive;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.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");
 
 /***/ }),
 
@@ -1704,7 +1704,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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.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\"]),\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 getSelectedAlgoServerInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoServerInfo.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        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n\n        if (path !== this.$route.path) {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\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");
+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\"]),\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        const path = `/checkout/${this.$route.params.customerNumber}/${response.data.id}`;\n\n        if (path !== this.$route.path) {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: response.data.id,\n              customerNumber: this.$route.params.customerNumber\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n        } else {\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");
 
 /***/ }),
 
@@ -1716,7 +1716,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingCreateType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingCreateType.vue */ \"./src/components/customer/PackageSettingCreateType.vue\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components */ \"./src/components/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 _base_Faq_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../base/Faq.vue */ \"./src/components/base/Faq.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: \"PackageSettingCreate\",\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_2__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseButton\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_3__[\"PopupRight\"],\n    PackageSettingCreateType: _PackageSettingCreateType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_3__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_3__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_3__[\"AccordionAlgoServer\"],\n    BaseInput: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseInput\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseSelect\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseIcon\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    Faq: _base_Faq_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean,\n    currentTab: String,\n    isTerminal: Boolean,\n    algoDetail: Object,\n    isOperationWarning: Boolean,\n    operationMessage: String,\n    researchDetail: Object,\n    isRuleMessageWarning: Boolean,\n    mutableItemRuleMessage: String,\n    isUpgraded: Boolean,\n    startDates: Number\n  },\n\n  data() {\n    return {\n      fund: 0,\n      commission: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: -1,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      researchData: [],\n      foreignData: [],\n      algoServerData: [],\n      args: {},\n      argsAlgo: {},\n      argsResearch: {},\n      terminalNumber: null,\n      isOperationWarningVal: this.isOperationWarning,\n      isButtonClicked: false,\n      itemRuleMessage: this.mutableItemRuleMessage,\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      showSections: true,\n      triggerSelectbox: 0\n    };\n  },\n\n  mounted() {\n    this.searchCustomer();\n    const cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.currentTab != \"Algo\" && this.currentTab != \"Research\") {\n      var _this$dataItem, _this$dataItem2, _this$dataItem3, _this$dataItem3$platf, _this$dataItem4;\n\n      this.getResearch([(_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : _this$dataItem.applicationId, cusId]).then(res => {\n        let details = {};\n        details = res.data;\n        this.research.push({\n          id: 1,\n          active: false,\n          title: \"Araştırma ve Diğer Uygulamalar\",\n          details\n        });\n      });\n      this.getForeign([(_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : _this$dataItem2.applicationId, (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$platf = _this$dataItem3.platform) === null || _this$dataItem3$platf === void 0 ? void 0 : _this$dataItem3$platf.id, cusId]).then(res => {\n        let details = {};\n        details = res.data;\n        this.foreign.push({\n          id: 2,\n          active: false,\n          title: \"Yabancı Endeksler\",\n          details\n        });\n      });\n      this.getAlgoServer([(_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : _this$dataItem4.applicationId, cusId]).then(res => {\n        let details = {};\n        details = res.data;\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    }\n\n    this.setSelectedResearch([]);\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.$nextTick(() => {\n      if (this.setSelectboxList == 0 || this.setSelectboxList == 1) {\n        const returnAsArrray = this.startDate.filter(option => {\n          if (option.code == this.setSelectboxList) {\n            return option;\n          }\n        });\n        this.startDate = returnAsArrray;\n        this.changeStartDate(returnAsArrray[0]);\n      }\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"getResearchInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getSelectedForeignInfo\", \"getSelectedAlgoServerInfo\", \"getAlgorithmDetailInfo\"]),\n\n    calculateTotalFundRate() {\n      let result;\n\n      if (this.currentTab === \"Research\") {\n        result = this.formatPrice(this.researchFund());\n      } else if (this.currentTab === \"Algo\") {\n        result = this.formatPrice(this.algoServerFund());\n      } else {\n        result = this.formatPrice(this.bottomFund + this.foreignFund() + this.researchFund() + this.algoServerFund());\n      }\n\n      return result;\n    },\n\n    calculateTotalComissionRate() {\n      let result;\n\n      if (this.currentTab === \"Research\" && this.currentTab) {\n        result = this.formatPrice(this.researchCommission());\n      } else if (this.currentTab === \"Algo\") {\n        result = this.formatPrice(this.algoServerCommission());\n      } else {\n        result = this.formatPrice(this.bottomCommission + this.foreignCommission() + this.researchCommission() + this.algoServerCommission());\n      }\n\n      return result;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    },\n\n    calculateTotalDollarForeignPrice() {\n      return \" + \" + this.formatPriceDollar(this.foraignDollarTotal()) + \" Dolar \";\n    },\n\n    calculateTotalEuroForeignPrice() {\n      return \" + \" + this.formatPriceEuro(this.foraignEuroTotal()) + \" Euro\";\n    },\n\n    calculateTotalTurkishLiraForeignPrice() {\n      return \" + \" + this.formatPrice(this.foraignTurkishLiraTotal()) + \"TL\";\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    setSelectboxList() {\n      return this.startDates;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedResearch\", \"setSelectedForeign\", \"setSelectedAlgoServer\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"createPackage\", \"getResearch\", \"getForeign\", \"getAlgoServer\", \"algorithmCreate\", \"researchCreate\", \"createRecommendationPackage\", \"searchCustomerBefore\"]),\n\n    modalNo() {\n      this.setDefaultValues();\n    },\n\n    modalHide() {\n      document.getElementById(\"operation-warning\").remove();\n    },\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.showSections = false;\n      this.$emit(\"close\");\n    },\n\n    searchCustomer() {\n      this.searchCustomerBefore({\n        SearchValue: this.getUserNumber\n      });\n    },\n\n    researchFund() {\n      if (this.currentTab == \"Research\") {\n        var _this$dataItem5;\n\n        return ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : _this$dataItem5.fundAmount) || 0;\n      } else {\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\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      if (this.currentTab == \"Algo\") {\n        var _this$dataItem6;\n\n        return ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : _this$dataItem6.fundAmount) || 0;\n      } else {\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\n    // Commission calc\n    researchCommission() {\n      if (this.currentTab == \"Research\") {\n        var _this$dataItem7;\n\n        return ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : _this$dataItem7.commissionAmount) || 0;\n      } else {\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\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    algoServerCommission() {\n      if (this.currentTab == \"Algo\") {\n        var _this$dataItem8;\n\n        return ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.commissionAmount) || 0;\n      } else {\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\n    // Total calc\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    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    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    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    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    errorMessage(res) {\n      if (res.statusCode === _constants__WEBPACK_IMPORTED_MODULE_6__[\"statuses\"].INTERNAL_SERVER_ERROR) {\n        this.$toast.error(res.message);\n      } else if (res.errorCode === _constants__WEBPACK_IMPORTED_MODULE_6__[\"statuses\"].NOT_ACCEPTABLE) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(\"Beklenmedik bir hata oluştu\");\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    submitShow() {\n      var _this$dataItem9, _this$dataItem10, _this$dataItem11, _this$dataItem12, _this$dataItem12$plat;\n\n      this.isButtonClicked = true;\n      this.cusId = this.$route.query.c;\n      const packageData = this.mapPackageData(this.selectData);\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 getSelectedAlgoServerInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection === -1);\n      this.researchData = this.mapArrays(this.getSelectedResearchInfo, \"researchId\", \"dateSelection\");\n      this.foreignData = this.mapArrays(this.getSelectedForeignInfo, \"foreignIndiceId\", \"dateSelection\");\n      this.algoServerData = this.mapArrays(this.getSelectedAlgoServerInfo, \"algorithmAndServerId\", \"dateSelection\");\n\n      if (this.showSections && this.$route.query.isRecommended != \"1\" && (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoServerInfo.length > 0)) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      this.argsAlgo = {\n        customerId: this.customer.id,\n        dateSelection: this.startDateSelection,\n        applicationId: ((_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : _this$dataItem9.applicationId) || null,\n        algorithmId: this.dataItem.id,\n        terminalNumber: this.isTerminal ? \"\" : this.terminalNumber.toString(),\n        cusId: this.customer.id\n      };\n      this.argsResearch = {\n        customerId: this.customer.id,\n        dateSelection: this.startDateSelection,\n        applicationId: ((_this$dataItem10 = this.dataItem) === null || _this$dataItem10 === void 0 ? void 0 : _this$dataItem10.applicationId) || null,\n        researchId: this.dataItem.id,\n        cusId: this.customer.id\n      };\n      const recommendedPackageArgs = {\n        recommendationPackageId: this.dataItem.id,\n\n        /*recommendationPackageNo: this.dataItem.recommendationPackageNo,*/\n        customerId: this.customer.id,\n        purchaseNumber: \"\",\n        applicationId: ((_this$dataItem11 = this.dataItem) === null || _this$dataItem11 === void 0 ? void 0 : _this$dataItem11.applicationId) || null,\n        platformId: ((_this$dataItem12 = this.dataItem) === null || _this$dataItem12 === void 0 ? void 0 : (_this$dataItem12$plat = _this$dataItem12.platform) === null || _this$dataItem12$plat === void 0 ? void 0 : _this$dataItem12$plat.id) || null,\n        features: packageData,\n        research: this.researchData,\n        foreignIndice: this.foreignData,\n        algorithmAndServer: this.algoServerData\n      };\n\n      if (this.$route.query.isRecommended == \"1\") {\n        this.createRecommendationPackage(recommendedPackageArgs).then(() => {\n          this.$router.push({\n            name: \"RecommendedPackages\"\n          });\n        });\n      } else if (this.isRecommendedUndefined && this.currentTab !== \"Algo\" && this.currentTab !== \"Research\") {\n        this.pureCreate(packageData);\n      } else if (this.isRecommendedUndefined && this.currentTab === \"Algo\") {\n        this.createAlgo(this.argsAlgo);\n      } else if (this.isRecommendedUndefined && this.currentTab === \"Research\") {\n        this.createResearch(this.argsResearch);\n      }\n    },\n\n    mapArrays(arrayList, keyItem, dateSelection) {\n      const mappedArray = arrayList.map(key => {\n        return {\n          [keyItem]: key.id || null,\n          [dateSelection]: key.dateSelection || 0\n        };\n      });\n      return mappedArray;\n    },\n\n    mapPackageData(packageData) {\n      const resultData = packageData.map(item => {\n        var _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\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      return resultData;\n    },\n\n    isRecommendedUndefined() {\n      return this.$route.query.isRecommended === undefined;\n    },\n\n    pureCreate(packageData) {\n      var _this$dataItem13, _this$dataItem14, _this$dataItem14$plat;\n\n      this.args = {\n        customerId: this.customer.id,\n        purchaseNumber: \"\",\n        applicationId: ((_this$dataItem13 = this.dataItem) === null || _this$dataItem13 === void 0 ? void 0 : _this$dataItem13.applicationId) || null,\n        applicationFeatureId: this.dataItem.id,\n        platformFeatureId: this.dataItem.id,\n        platformId: ((_this$dataItem14 = this.dataItem) === null || _this$dataItem14 === void 0 ? void 0 : (_this$dataItem14$plat = _this$dataItem14.platform) === null || _this$dataItem14$plat === void 0 ? void 0 : _this$dataItem14$plat.id) || null,\n        features: packageData,\n        research: this.researchData,\n        foreignIndice: this.foreignData,\n        algorithmAndServer: this.algoServerData,\n        cusId: this.cusId\n      };\n      this.createPackage(this.args).then(res => {\n        if (res.error) {\n          this.errorMessage(res);\n        } else {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: res.purchaseId,\n              isUpgradedPurchase: res.isUpgradedPurchase,\n              customerNumber: this.customer.customerNo ? this.customer.customerNo : this.$route.query.c\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n          this.setSelectedResearch([]);\n          this.setSelectedForeign([]);\n          this.setSelectedAlgoServer([]);\n        }\n      });\n    },\n\n    createAlgo() {\n      if (this.isTerminal === false && this.terminalNumber === null) {\n        this.$toast.error(\"Terminal Numarası Giriniz.\");\n        return;\n      }\n\n      this.algorithmCreate(this.argsAlgo).then(res => {\n        if (res.error) {\n          this.errorMessage(res);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.isPopupVisible = false;\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    },\n\n    createResearch() {\n      this.researchCreate(this.argsResearch).then(res => {\n        if (res.error) {\n          this.errorMessage(res);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.isPopupVisible = false;\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    },\n\n    calculatePrice(items) {\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.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.commissionAmount); // eslint-disable-next-line no-unused-vars\n\n      const totalPrice = 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 = totalPrice;\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    },\n    isUpgraded: {\n      handler(val) {\n        if (val) {\n          this.showSections = false;\n        } else {\n          this.showSections = true;\n        }\n      },\n\n      deep: true,\n      immediate: true\n    },\n    startDates: {\n      handler(val) {\n        if (val == 0 || val == 1) {\n          const returnAsArrray = this.startDate.filter(option => option.code == val);\n          this.startDate = returnAsArrray;\n          this.changeStartDate(returnAsArrray[0]);\n        }\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingCreateType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingCreateType.vue */ \"./src/components/customer/PackageSettingCreateType.vue\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/components */ \"./src/components/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 _base_Faq_vue__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../base/Faq.vue */ \"./src/components/base/Faq.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __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//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\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: \"PackageSettingCreate\",\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_2__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseButton\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_3__[\"PopupRight\"],\n    PackageSettingCreateType: _PackageSettingCreateType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_3__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_3__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_3__[\"AccordionAlgoServer\"],\n    BaseInput: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseInput\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseSelect\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_3__[\"BaseIcon\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n    Faq: _base_Faq_vue__WEBPACK_IMPORTED_MODULE_5__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean,\n    currentTab: String,\n    isTerminal: Boolean,\n    algoDetail: Object,\n    isOperationWarning: Boolean,\n    operationMessage: String,\n    researchDetail: Object,\n    isRuleMessageWarning: Boolean,\n    mutableItemRuleMessage: String,\n    isUpgraded: Boolean,\n    startDates: Number\n  },\n\n  data() {\n    return {\n      fund: 0,\n      commission: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: -1,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      researchData: [],\n      foreignData: [],\n      algoServerData: [],\n      args: {},\n      argsAlgo: {},\n      argsResearch: {},\n      terminalNumber: null,\n      isOperationWarningVal: this.isOperationWarning,\n      isButtonClicked: false,\n      itemRuleMessage: this.mutableItemRuleMessage,\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      showSections: true,\n      triggerSelectbox: 0\n    };\n  },\n\n  mounted() {\n    this.searchCustomer();\n    const cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.currentTab != \"Algo\" && this.currentTab != \"Research\") {\n      var _this$dataItem, _this$dataItem2, _this$dataItem3, _this$dataItem3$platf, _this$dataItem4;\n\n      this.getResearch([(_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : _this$dataItem.applicationId, cusId]).then(res => {\n        let details = {};\n        details = res.data;\n        this.research.push({\n          id: 1,\n          active: false,\n          title: \"Araştırma ve Diğer Uygulamalar\",\n          details\n        });\n      });\n      this.getForeign([(_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : _this$dataItem2.applicationId, (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$platf = _this$dataItem3.platform) === null || _this$dataItem3$platf === void 0 ? void 0 : _this$dataItem3$platf.id, cusId]).then(res => {\n        let details = {};\n        details = res.data;\n        this.foreign.push({\n          id: 2,\n          active: false,\n          title: \"Yabancı Endeksler\",\n          details\n        });\n      });\n      this.getAlgoServer([(_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : _this$dataItem4.applicationId, cusId]).then(res => {\n        let details = {};\n        details = res.data;\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    }\n\n    this.setSelectedResearch([]);\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.$nextTick(() => {\n      if (this.setSelectboxList == 0 || this.setSelectboxList == 1) {\n        const returnAsArrray = this.startDate.filter(option => {\n          if (option.code == this.setSelectboxList) {\n            return option;\n          }\n        });\n        this.startDate = returnAsArrray;\n        this.changeStartDate(returnAsArrray[0]);\n      }\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"getResearchInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getSelectedForeignInfo\", \"getSelectedAlgoServerInfo\", \"getAlgorithmDetailInfo\"]),\n\n    calculateTotalFundRate() {\n      let result;\n\n      if (this.currentTab === \"Research\") {\n        result = this.formatPrice(this.researchFund());\n      } else if (this.currentTab === \"Algo\") {\n        result = this.formatPrice(this.algoServerFund());\n      } else {\n        result = this.formatPrice(this.bottomFund + this.foreignFund() + this.researchFund() + this.algoServerFund());\n      }\n\n      return result;\n    },\n\n    calculateTotalComissionRate() {\n      let result;\n\n      if (this.currentTab === \"Research\" && this.currentTab) {\n        result = this.formatPrice(this.researchCommission());\n      } else if (this.currentTab === \"Algo\") {\n        result = this.formatPrice(this.algoServerCommission());\n      } else {\n        result = this.formatPrice(this.bottomCommission + this.foreignCommission() + this.researchCommission() + this.algoServerCommission());\n      }\n\n      return result;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    },\n\n    calculateTotalDollarForeignPrice() {\n      return \" + \" + this.formatPriceDollar(this.foraignDollarTotal()) + \" Dolar \";\n    },\n\n    calculateTotalEuroForeignPrice() {\n      return \" + \" + this.formatPriceEuro(this.foraignEuroTotal()) + \" Euro\";\n    },\n\n    calculateTotalTurkishLiraForeignPrice() {\n      return \" + \" + this.formatPrice(this.foraignTurkishLiraTotal()) + \"TL\";\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    setSelectboxList() {\n      return this.startDates;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedResearch\", \"setSelectedForeign\", \"setSelectedAlgoServer\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"createPackage\", \"getResearch\", \"getForeign\", \"getAlgoServer\", \"algorithmCreate\", \"researchCreate\", \"createRecommendationPackage\", \"searchCustomerBefore\"]),\n\n    modalNo() {\n      this.setDefaultValues();\n    },\n\n    modalHide() {\n      document.getElementById(\"operation-warning\").remove();\n    },\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.showSections = false;\n      this.$emit(\"close\");\n    },\n\n    searchCustomer() {\n      this.searchCustomerBefore({\n        SearchValue: this.getUserNumber\n      });\n    },\n\n    researchFund() {\n      if (this.currentTab == \"Research\") {\n        var _this$dataItem5;\n\n        return ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : _this$dataItem5.fundAmount) || 0;\n      } else {\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\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      if (this.currentTab == \"Algo\") {\n        var _this$dataItem6;\n\n        return ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : _this$dataItem6.fundAmount) || 0;\n      } else {\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\n    // Commission calc\n    researchCommission() {\n      if (this.currentTab == \"Research\") {\n        var _this$dataItem7;\n\n        return ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : _this$dataItem7.commissionAmount) || 0;\n      } else {\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\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    algoServerCommission() {\n      if (this.currentTab == \"Algo\") {\n        var _this$dataItem8;\n\n        return ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.commissionAmount) || 0;\n      } else {\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\n    // Total calc\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    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    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    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    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    errorMessage(res) {\n      if (res.statusCode === _constants__WEBPACK_IMPORTED_MODULE_6__[\"statuses\"].INTERNAL_SERVER_ERROR) {\n        this.$toast.error(res.message);\n      } else if (res.errorCode === _constants__WEBPACK_IMPORTED_MODULE_6__[\"statuses\"].NOT_ACCEPTABLE) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(\"Beklenmedik bir hata oluştu\");\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    submitShow() {\n      var _this$dataItem9, _this$dataItem10, _this$dataItem11, _this$dataItem12, _this$dataItem12$plat;\n\n      this.isButtonClicked = true;\n      this.cusId = this.$route.query.c;\n      const packageData = this.mapPackageData(this.selectData);\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 getSelectedAlgoServerInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection === -1);\n      this.researchData = this.mapArrays(this.getSelectedResearchInfo, \"researchId\", \"dateSelection\");\n      this.foreignData = this.mapArrays(this.getSelectedForeignInfo, \"foreignIndiceId\", \"dateSelection\");\n      this.algoServerData = this.mapArrays(this.getSelectedAlgoServerInfo, \"algorithmAndServerId\", \"dateSelection\");\n\n      if (this.showSections && this.$route.query.isRecommended != \"1\" && (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoServerInfo.length > 0)) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      this.argsAlgo = {\n        customerId: this.customer.id,\n        dateSelection: this.startDateSelection,\n        applicationId: ((_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : _this$dataItem9.applicationId) || null,\n        algorithmId: this.dataItem.id,\n        terminalNumber: this.isTerminal ? \"\" : this.terminalNumber,\n        cusId: this.customer.id\n      };\n      this.argsResearch = {\n        customerId: this.customer.id,\n        dateSelection: this.startDateSelection,\n        applicationId: ((_this$dataItem10 = this.dataItem) === null || _this$dataItem10 === void 0 ? void 0 : _this$dataItem10.applicationId) || null,\n        researchId: this.dataItem.id,\n        cusId: this.customer.id\n      };\n      const recommendedPackageArgs = {\n        recommendationPackageId: this.dataItem.id,\n\n        /*recommendationPackageNo: this.dataItem.recommendationPackageNo,*/\n        customerId: this.customer.id,\n        purchaseNumber: \"\",\n        applicationId: ((_this$dataItem11 = this.dataItem) === null || _this$dataItem11 === void 0 ? void 0 : _this$dataItem11.applicationId) || null,\n        platformId: ((_this$dataItem12 = this.dataItem) === null || _this$dataItem12 === void 0 ? void 0 : (_this$dataItem12$plat = _this$dataItem12.platform) === null || _this$dataItem12$plat === void 0 ? void 0 : _this$dataItem12$plat.id) || null,\n        features: packageData,\n        research: this.researchData,\n        foreignIndice: this.foreignData,\n        algorithmAndServer: this.algoServerData,\n        dateSelection: 0\n      };\n\n      if (this.$route.query.isRecommended == \"1\") {\n        this.createRecommendationPackage(recommendedPackageArgs).then(() => {\n          this.$router.push({\n            name: \"RecommendedPackages\"\n          });\n        });\n      } else if (this.isRecommendedUndefined && this.currentTab !== \"Algo\" && this.currentTab !== \"Research\") {\n        this.pureCreate(packageData);\n      } else if (this.isRecommendedUndefined && this.currentTab === \"Algo\") {\n        this.createAlgo(this.argsAlgo);\n      } else if (this.isRecommendedUndefined && this.currentTab === \"Research\") {\n        this.createResearch(this.argsResearch);\n      }\n    },\n\n    mapArrays(arrayList, keyItem, dateSelection) {\n      const mappedArray = arrayList.map(key => {\n        return {\n          [keyItem]: key.id || null,\n          [dateSelection]: key.dateSelection || 0\n        };\n      });\n      return mappedArray;\n    },\n\n    mapPackageData(packageData) {\n      const resultData = packageData.map(item => {\n        var _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\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      return resultData;\n    },\n\n    isRecommendedUndefined() {\n      return this.$route.query.isRecommended === undefined;\n    },\n\n    pureCreate(packageData) {\n      var _this$dataItem13, _this$dataItem14, _this$dataItem14$plat;\n\n      this.args = {\n        customerId: this.customer.id,\n        purchaseNumber: \"\",\n        applicationId: ((_this$dataItem13 = this.dataItem) === null || _this$dataItem13 === void 0 ? void 0 : _this$dataItem13.applicationId) || null,\n        applicationFeatureId: this.dataItem.id,\n        platformFeatureId: this.dataItem.id,\n        platformId: ((_this$dataItem14 = this.dataItem) === null || _this$dataItem14 === void 0 ? void 0 : (_this$dataItem14$plat = _this$dataItem14.platform) === null || _this$dataItem14$plat === void 0 ? void 0 : _this$dataItem14$plat.id) || null,\n        features: packageData,\n        research: this.researchData,\n        foreignIndice: this.foreignData,\n        algorithmAndServer: this.algoServerData,\n        cusId: this.cusId\n      };\n      this.createPackage(this.args).then(res => {\n        if (res.error) {\n          this.errorMessage(res);\n        } else {\n          this.$router.push({\n            name: \"Checkout\",\n            params: {\n              packageNumber: res.purchaseId,\n              isUpgradedPurchase: res.isUpgradedPurchase,\n              customerNumber: this.customer.customerNo ? this.customer.customerNo : this.$route.query.c\n            },\n            query: {\n              c: this.$route.query.c\n            }\n          });\n          this.setSelectedResearch([]);\n          this.setSelectedForeign([]);\n          this.setSelectedAlgoServer([]);\n        }\n      });\n    },\n\n    createAlgo() {\n      if (this.startDateSelection == -1) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      if (this.isTerminal === false && this.terminalNumber === null) {\n        this.$toast.error(\"Terminal Numarası Giriniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      this.algorithmCreate(this.argsAlgo).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n        } else {\n          if (!res.isExternalTerminal) {\n            this.$router.push({\n              name: \"Checkout\",\n              params: {\n                packageNumber: res.purchaseId,\n                isUpgradedPurchase: res.purchaseNo,\n                customerNumber: this.customer.customerNo ? this.customer.customerNo : this.$route.query.c\n              },\n              query: {\n                c: this.$route.query.c\n              }\n            });\n          } else {\n            this.$router.push({\n              name: \"CustomerDetail\",\n              params: {\n                customerId: this.$route.query.c,\n                customerNumber: this.$route.params.customerNumber\n              },\n              query: {\n                c: this.$route.query.c\n              }\n            });\n          }\n        }\n      });\n    },\n\n    createResearch() {\n      this.researchCreate(this.argsResearch).then(res => {\n        if (res.error) {\n          this.errorMessage(res);\n        } else {\n          this.$toast.success(\"Durum güncellendi.\");\n          this.isPopupVisible = false;\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    },\n\n    calculatePrice(items) {\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.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.commissionAmount); // eslint-disable-next-line no-unused-vars\n\n      const totalPrice = 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 = totalPrice;\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    },\n    isUpgraded: {\n      handler(val) {\n        if (val) {\n          this.showSections = false;\n        } else {\n          this.showSections = true;\n        }\n      },\n\n      deep: true,\n      immediate: true\n    },\n    startDates: {\n      handler(val) {\n        if (val == 0 || val == 1) {\n          const returnAsArrray = this.startDate.filter(option => option.code == val);\n          this.startDate = returnAsArrray;\n          this.changeStartDate(returnAsArrray[0]);\n        }\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.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");
 
 /***/ }),
 
@@ -1752,7 +1752,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue_
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultVendorID: null,\n      filteredCheckCont: null,\n      cusId: null,\n      showSelectbox: false,\n      startDateSelection: this.dataItem.dateSelection,\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    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    check() {\n      return this.dataItem.package.find(o => o.marketFeature.id === this.item.id);\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    checkCont() {\n      this.filteredCheckCont = this.dataItem.package.find(o => o.marketFeature.id === this.item.id);\n    },\n\n    checkStartDateByRow() {\n      const getStartDate = this.dataItem.package.find(o => o.marketFeature.id === this.item.id);\n\n      if (getStartDate != undefined) {\n        this.startDateSelection = Number(getStartDate.dateSelection.key);\n        this.showSelectbox = true;\n      }\n    },\n\n    checkFirstData() {\n      var _this$check;\n\n      if (((_this$check = this.check) === null || _this$check === void 0 ? void 0 : _this$check.marketFeature.name) == \"Hisse + VİOP\") {\n        this.$emit(\"showSpesificWarning\", true);\n      }\n    },\n\n    getFirstData() {\n      if (this.filteredCheckCont) {\n        this.getPerspective([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.filteredCheckCont.marketFeature.marketId, this.cusId]).then(data => {\n          var _this$filteredCheckCo, _this$filteredCheckCo2;\n\n          this.perspectiveData = data;\n          this.loadDistributionSelect();\n          this.defaultPerspectiveID = (_this$filteredCheckCo = this.filteredCheckCont.perspectiveFeature) === null || _this$filteredCheckCo === void 0 ? void 0 : _this$filteredCheckCo.id;\n          this.defaultVendorID = (_this$filteredCheckCo2 = this.filteredCheckCont.vendorFeature) === null || _this$filteredCheckCo2 === void 0 ? void 0 : _this$filteredCheckCo2.id;\n          this.selectedMarketID = this.item.id;\n          this.isPerspectiveShow = true;\n          this.isHighlighted = true;\n          this.fillData(this.item, this.filteredCheckCont.perspectiveFeature, this.filteredCheckCont.vendorFeature);\n          this.checkSelectedData();\n        });\n      }\n    },\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n      this.isHighlighted = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([dataValue.applicationId, dataValue.platformId, dataValue.marketId, this.cusId]).then(async data => {\n          await this.getDistribution([dataValue.applicationId, dataValue.platformId, dataValue.marketId, this.cusId]);\n\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.distributionData = this.getDistributionInfo;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.isPerspectiveShow = true;\n            this.fillData(dataValue, this.perspectiveData[0], this.distributionData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n        this.loadDistributionSelect(dataValue);\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect(dataVal = null) {\n      this.getDistribution([(dataVal === null || dataVal === void 0 ? void 0 : dataVal.applicationId) || this.dataItem.application.applicationId, (dataVal === null || dataVal === void 0 ? void 0 : dataVal.platformId) || this.dataItem.platform.platformId, (dataVal === null || dataVal === void 0 ? void 0 : dataVal.marketId) || this.filteredCheckCont.marketFeature.marketId, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.showSelectbox = true;\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultVendorID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.dataItem.platform;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    checkSelectedData() {\n      if (!this.packageFeatureSelected.marketFeature) return;\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    this.checkCont();\n    this.checkStartDateByRow();\n    this.getFirstData();\n    this.checkFirstData();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/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/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultVendorID: null,\n      filteredCheckCont: null,\n      cusId: null,\n      showSelectbox: false,\n      startDateSelection: -1,\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    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    check() {\n      return this.dataItem.package.find(o => o.marketFeature.id === this.item.id);\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    checkCont() {\n      this.filteredCheckCont = this.dataItem.package.find(o => o.marketFeature.id === this.item.id);\n    },\n\n    checkStartDateByRow() {\n      const getStartDate = this.dataItem.package.find(o => o.marketFeature.id === this.item.id);\n\n      if (getStartDate != undefined) {\n        this.startDateSelection = Number(getStartDate.dateSelection.key);\n        this.showSelectbox = true;\n      }\n    },\n\n    checkFirstData() {\n      var _this$check;\n\n      if (((_this$check = this.check) === null || _this$check === void 0 ? void 0 : _this$check.marketFeature.name) == \"Hisse + VİOP\") {\n        this.$emit(\"showSpesificWarning\", true);\n      }\n    },\n\n    getFirstData() {\n      if (this.filteredCheckCont) {\n        this.getPerspective([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.filteredCheckCont.marketFeature.marketId, this.cusId]).then(data => {\n          var _this$filteredCheckCo, _this$filteredCheckCo2;\n\n          this.perspectiveData = data;\n          this.loadDistributionSelect();\n          this.defaultPerspectiveID = (_this$filteredCheckCo = this.filteredCheckCont.perspectiveFeature) === null || _this$filteredCheckCo === void 0 ? void 0 : _this$filteredCheckCo.id;\n          this.defaultVendorID = (_this$filteredCheckCo2 = this.filteredCheckCont.vendorFeature) === null || _this$filteredCheckCo2 === void 0 ? void 0 : _this$filteredCheckCo2.id;\n          this.selectedMarketID = this.item.id;\n          this.isPerspectiveShow = true;\n          this.isHighlighted = true;\n          this.fillData(this.item, this.filteredCheckCont.perspectiveFeature, this.filteredCheckCont.vendorFeature);\n          this.checkSelectedData();\n        });\n      }\n    },\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n      this.isHighlighted = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([dataValue.applicationId, dataValue.platformId, dataValue.marketId, this.cusId]).then(async data => {\n          await this.getDistribution([dataValue.applicationId, dataValue.platformId, dataValue.marketId, this.cusId]);\n\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.distributionData = this.getDistributionInfo;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.isPerspectiveShow = true;\n            this.fillData(dataValue, this.perspectiveData[0], this.distributionData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n        this.loadDistributionSelect(dataValue);\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect(dataVal = null) {\n      this.getDistribution([(dataVal === null || dataVal === void 0 ? void 0 : dataVal.applicationId) || this.dataItem.application.applicationId, (dataVal === null || dataVal === void 0 ? void 0 : dataVal.platformId) || this.dataItem.platform.platformId, (dataVal === null || dataVal === void 0 ? void 0 : dataVal.marketId) || this.filteredCheckCont.marketFeature.marketId, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.showSelectbox = true;\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultVendorID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.dataItem.platform;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    checkSelectedData() {\n      if (!this.packageFeatureSelected.marketFeature) return;\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    this.checkCont();\n    this.checkStartDateByRow();\n    this.getFirstData();\n    this.checkFirstData();\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingType.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");
 
 /***/ }),
 
@@ -1836,7 +1836,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: 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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : _this$summaryData5$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : _this$summaryData7$pr.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData16, _this$summaryData16$f, _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData16 = this.summaryData) === null || _this$summaryData16 === void 0 ? void 0 : (_this$summaryData16$f = _this$summaryData16.foreignIndice) === null || _this$summaryData16$f === void 0 ? void 0 : _this$summaryData16$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\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.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return `${((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice + totalSum) : \"0\"} TL ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$summaryData17, _this$summaryData17$f, _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5, _this$totalPriceNextM6;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData17 = this.summaryData) === null || _this$summaryData17 === void 0 ? void 0 : (_this$summaryData17$f = _this$summaryData17.foreignIndice) === null || _this$summaryData17$f === void 0 ? void 0 : _this$summaryData17$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\n      });\n      let totalDollar = this.totalPriceNextMonthDollar ? \" + \" + this.formatPriceDollar((_this$totalPriceNextM = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM === void 0 ? void 0 : _this$totalPriceNextM.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM2 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM2 !== void 0 && _this$totalPriceNextM2.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM3 === void 0 ? void 0 : _this$totalPriceNextM3.totalPrice) + \" Euro \" : \"\";\n\n      if (((_this$totalPriceNextM4 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) !== undefined || ((_this$totalPriceNextM5 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice(((_this$totalPriceNextM6 = this.totalPriceNextMonthTl) === null || _this$totalPriceNextM6 === void 0 ? void 0 : _this$totalPriceNextM6.totalPrice) + totalSum) + \" TL \" + totalDollar + totalEuro;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    CustomerInfo: _components__WEBPACK_IMPORTED_MODULE_1__[\"CustomerInfo\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      getPaymentStatuses: [],\n      summaryData: [],\n      mergedDatasAfterSummaryPull: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      totalNextMonthFundAmount: 0,\n      totalNextMonthCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      isWarningAllowed: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPriceNextMonthTl: [],\n      totalPriceNextMonthDollar: [],\n      totalPriceNextMonthEuro: [],\n      totalPrice: 0,\n      totalPriceForeign: 0,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      isUpgradedPurchase: true,\n      showNextMonthRow: 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.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getMarketInfo\", \"getUserInfo\", \"recommendationSummary\", \"getFilterList\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getCustomerId() {\n      return this.customer.id;\n    },\n\n    getUserInfos() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      var _this$summaryData, _this$summaryData$pri;\n\n      if (((_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.prices) == null) {\n        var _this$summaryData2, _this$summaryData2$ne;\n\n        return (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$ne = _this$summaryData2.nextMonthPrice) === null || _this$summaryData2$ne === void 0 ? void 0 : _this$summaryData2$ne.screenPrice;\n      } else {\n        var _this$summaryData3, _this$summaryData3$pr;\n\n        return (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : _this$summaryData3$pr.screenPrice;\n      }\n    },\n\n    screenFund() {\n      var _this$summaryData4, _this$summaryData4$pr;\n\n      if (((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : _this$summaryData4$pr.prices) == null) {\n        var _this$summaryData$nex;\n\n        return (_this$summaryData$nex = this.summaryData.nextMonthPrice) === null || _this$summaryData$nex === void 0 ? void 0 : _this$summaryData$nex.screenFund;\n      } else {\n        var _this$summaryData$pri2;\n\n        return (_this$summaryData$pri2 = this.summaryData.price) === null || _this$summaryData$pri2 === void 0 ? void 0 : _this$summaryData$pri2.screenFund;\n      }\n    },\n\n    screenCommission() {\n      var _this$summaryData5, _this$summaryData5$pr;\n\n      if (((_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : _this$summaryData5$pr.prices) == null) {\n        var _this$summaryData6, _this$summaryData6$ne;\n\n        return (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$ne = _this$summaryData6.nextMonthPrice) === null || _this$summaryData6$ne === void 0 ? void 0 : _this$summaryData6$ne.screenCommission;\n      } else {\n        var _this$summaryData7, _this$summaryData7$pr;\n\n        return (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : _this$summaryData7$pr.screenCommission;\n      }\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? localStorage.getItem(\"userCusId\") : this.getCustomerId;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n    this.isUpgradedPurchase = this.$route.params.isUpgradedPurchase == undefined ? false : this.$route.params.isUpgradedPurchase;\n    this.getPaymentStatus();\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getDraftPackageDetail\", \"getMarket\"]),\n\n    getPaymentStatus() {\n      const paymentStatuses = this.getFilterList.filter(o => {\n        return o.name === \"PaymentStatus\";\n      });\n      if (paymentStatuses.length > 0) this.getPaymentStatuses = paymentStatuses[0].values;\n    },\n\n    goBack() {\n      var _this$$route, _this$$route$meta, _this$$route2, _this$$route2$meta;\n\n      const goBack = this.getUserInfo.memberType == \"3\" ? this.$router.go(-1) : this.$router.push({\n        name: (_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : (_this$$route$meta = _this$$route.meta) === null || _this$$route$meta === void 0 ? void 0 : _this$$route$meta.breadcrumb[2].url.name,\n        params: (_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : (_this$$route2$meta = _this$$route2.meta) === null || _this$$route2$meta === void 0 ? void 0 : _this$$route2$meta.breadcrumb[2].url.params\n      });\n      return goBack;\n    },\n\n    addCart(purchaseNo) {\n      this.getDraftPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getDraftPackageDetails;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    async getSummary() {\n      if (this.isRecoQueryDefinedAndYes()) {\n        await this.getRecommendationSummaryFunc();\n      } else {\n        await this.getDraftPackageDetailSummary();\n      }\n    },\n\n    isRecoQueryDefinedAndYes() {\n      return this.$route.query.isReco !== undefined && this.$route.query.isReco === \"yes\";\n    },\n\n    async getRecommendationSummaryFunc() {\n      const res = await this.getDraftPackageDetail(this.packageNumber);\n\n      if (res) {\n        this.processSummaryData(res.data);\n        this.IsRecommendationPackage = true;\n      }\n    },\n\n    async getDraftPackageDetailSummary() {\n      const res = await this.getDraftPackageDetail([this.packageNumber]);\n\n      if (res) {\n        this.processSummaryData(res.data);\n      }\n    },\n\n    processSummaryData(data) {\n      var _this$summaryData8, _this$summaryData8$pa, _this$summaryData9, _this$summaryData9$pa, _this$summaryData10, _this$summaryData11, _this$summaryData12, _this$summaryData13;\n\n      this.summaryData = data;\n      const isWarningAllowed = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pa = _this$summaryData8.package) === null || _this$summaryData8$pa === void 0 ? void 0 : _this$summaryData8$pa.filter(e => e.perspectiveFeature.name == \"Canlı Piyasa\" || e.perspectiveFeature.name == \"Prime\");\n      const hasPriceVal = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pa = _this$summaryData9.package) === null || _this$summaryData9$pa === void 0 ? void 0 : _this$summaryData9$pa.filter(e => e.perspectiveFeature.price != 0);\n      this.isWarningAllowed = isWarningAllowed.length && hasPriceVal.length;\n      this.totalFundAmount = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : _this$summaryData10.price.totalFundAmount;\n      this.totalCommissionAmount = (_this$summaryData11 = this.summaryData) === null || _this$summaryData11 === void 0 ? void 0 : _this$summaryData11.price.totalCommissionAmount;\n      this.totalNextMonthFundAmount = (_this$summaryData12 = this.summaryData) === null || _this$summaryData12 === void 0 ? void 0 : _this$summaryData12.nextMonthPrice.totalFundAmount;\n      this.totalNextMonthCommissionAmount = (_this$summaryData13 = this.summaryData) === null || _this$summaryData13 === void 0 ? void 0 : _this$summaryData13.nextMonthPrice.totalCommissionAmount;\n      this.totalPriceTl = this.getPriceByCurrencySymbol(\"tl\");\n      this.totalPriceNextMonthTl = this.getNextMonthPriceByCurrencySymbol(\"tl\");\n      this.totalPriceDollar = this.getPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceNextMonthDollar = this.getNextMonthPriceByCurrencySymbol(\"dolar\");\n      this.totalPriceEuro = this.getPriceByCurrencySymbol(\"euro\");\n      this.totalPriceNextMonthEuro = this.getNextMonthPriceByCurrencySymbol(\"euro\");\n      this.doubleVendorAndMarketFeature();\n    },\n\n    getPriceByCurrencySymbol(symbol) {\n      var _this$summaryData14, _this$summaryData14$p, _this$summaryData14$p2;\n\n      return (_this$summaryData14 = this.summaryData) === null || _this$summaryData14 === void 0 ? void 0 : (_this$summaryData14$p = _this$summaryData14.price) === null || _this$summaryData14$p === void 0 ? void 0 : (_this$summaryData14$p2 = _this$summaryData14$p.prices) === null || _this$summaryData14$p2 === void 0 ? void 0 : _this$summaryData14$p2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    getNextMonthPriceByCurrencySymbol(symbol) {\n      var _this$summaryData15, _this$summaryData15$n, _this$summaryData15$n2;\n\n      return (_this$summaryData15 = this.summaryData) === null || _this$summaryData15 === void 0 ? void 0 : (_this$summaryData15$n = _this$summaryData15.nextMonthPrice) === null || _this$summaryData15$n === void 0 ? void 0 : (_this$summaryData15$n2 = _this$summaryData15$n.prices) === null || _this$summaryData15$n2 === void 0 ? void 0 : _this$summaryData15$n2.filter(e => e.info === this.currencySymbol[symbol])[0];\n    },\n\n    totalPriceCalc() {\n      var _this$summaryData16, _this$summaryData16$f, _this$totalPriceDolla, _this$totalPriceDolla2, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla3, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData16 = this.summaryData) === null || _this$summaryData16 === void 0 ? void 0 : (_this$summaryData16$f = _this$summaryData16.foreignIndice) === null || _this$summaryData16$f === void 0 ? void 0 : _this$summaryData16$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\n      });\n      let totalDollar = (_this$totalPriceDolla = this.totalPriceDollar) !== null && _this$totalPriceDolla !== void 0 && _this$totalPriceDolla.totalPrice ? \" + \" + this.formatPriceDollar((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceEuro = this.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + \" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) + \" Euro\" : \"\";\n\n      if (((_this$totalPriceDolla3 = this.totalPriceDollar) === null || _this$totalPriceDolla3 === void 0 ? void 0 : _this$totalPriceDolla3.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return `${((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) !== undefined ? this.formatPrice(this.totalPriceTl.totalPrice + totalSum) + \" TL\" : \"0 TL\"} ${totalDollar}${totalEuro}`;\n    },\n\n    totalPriceNextMonthCalc() {\n      var _this$summaryData17, _this$summaryData17$f, _this$totalPriceNextM, _this$totalPriceNextM2, _this$totalPriceNextM3, _this$totalPriceNextM4, _this$totalPriceNextM5;\n\n      let foreignPricesTL = [];\n      let totalSum = 0;\n      (_this$summaryData17 = this.summaryData) === null || _this$summaryData17 === void 0 ? void 0 : (_this$summaryData17$f = _this$summaryData17.foreignIndice) === null || _this$summaryData17$f === void 0 ? void 0 : _this$summaryData17$f.forEach(value => {\n        if (value.foreignIndiceFeature.priceInfo == \"₺\") {\n          foreignPricesTL.push(value.foreignIndiceFeature.price);\n          totalSum = foreignPricesTL.reduce(function (a, b) {\n            return a + b;\n          });\n        }\n      });\n      let totalDollar = this.totalPriceNextMonthDollar ? this.formatPriceDollar((_this$totalPriceNextM = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM === void 0 ? void 0 : _this$totalPriceNextM.totalPrice) + \" Dolar\" : \"\";\n      let totalEuro = (_this$totalPriceNextM2 = this.totalPriceNextMonthEuro) !== null && _this$totalPriceNextM2 !== void 0 && _this$totalPriceNextM2.totalPrice ? this.formatPriceEuro((_this$totalPriceNextM3 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM3 === void 0 ? void 0 : _this$totalPriceNextM3.totalPrice) + \" Euro \" : \"\";\n\n      if (((_this$totalPriceNextM4 = this.totalPriceNextMonthDollar) === null || _this$totalPriceNextM4 === void 0 ? void 0 : _this$totalPriceNextM4.totalPrice) !== undefined || ((_this$totalPriceNextM5 = this.totalPriceNextMonthEuro) === null || _this$totalPriceNextM5 === void 0 ? void 0 : _this$totalPriceNextM5.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      const tlTotal = this.totalPriceNextMonthTl && this.totalPriceNextMonthTl.totalPrice !== undefined ? this.formatPrice(this.totalPriceNextMonthTl.totalPrice + totalSum) + \" TL\" : \"0 TL\";\n      return tlTotal + (totalDollar !== \"\" && tlTotal !== \"0 TL\" ? \" + \" + totalDollar + (totalEuro !== \"\" && totalDollar ? \" + \" : \"\") : \"\") + totalEuro;\n    },\n\n    doubleVendorAndMarketFeature() {\n      this.mergedDatasAfterSummaryPull = [];\n      this.summaryData.package.forEach(item => {\n        if (item.marketFeature && item.perspectiveFeature) {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            perspectiveFeature: {\n              name: item.perspectiveFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.perspectiveFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.perspectiveFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.perspectiveFeature.price\n          });\n        }\n\n        if (item.marketFeature && item.vendorFeature && item.vendorFeature.name != \"Yok\") {\n          this.mergedDatasAfterSummaryPull.push({\n            marketFeature: {\n              name: item.marketFeature.name\n            },\n            vendorFeature: {\n              name: item.vendorFeature.name\n            },\n            endDate: item.endDate,\n            dateSelection: item.dateSelection,\n            totalFundAmount: item.marketFeature.fundAmount + item.vendorFeature.fundAmount,\n            totalCommissionAmount: item.marketFeature.commissionAmount + item.vendorFeature.commissionAmount,\n            totalPrice: item.marketFeature.price + item.vendorFeature.price\n          });\n        }\n      });\n    },\n\n    confirmPackage() {\n      this.isButtonClicked = true;\n      const args = {\n        purchaseId: Number(this.packageNumber),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n          this.isButtonClicked = false;\n        } else {\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.getCustomerId,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  },\n  watch: {\n    summaryData(val) {\n      const getDateSelection = val.package.filter(item => item.dateSelection.key == \"1\");\n\n      if (getDateSelection.length > 0) {\n        this.showNextMonthRow = true;\n      } else {\n        this.showNextMonthRow = false;\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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");
 
 /***/ }),
 
@@ -1848,7 +1848,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* 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.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");
+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");
 
 /***/ }),
 
@@ -1944,7 +1944,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.isResponsive\n    ? _c(\"tr\", { class: _vm.checked ? \"active\" : \"\" }, [\n        _c(\"td\", [\n          _c(\"input\", {\n            staticClass: \"base-form-checkbox\",\n            attrs: { type: \"checkbox\", id: _vm.itemName },\n            domProps: { checked: _vm.check && \"checked\" },\n            on: {\n              change: function ($event) {\n                return _vm.changeAlgoServer(_vm.item)\n              },\n            },\n          }),\n        ]),\n        _c(\"td\", [_vm._v(\" \" + _vm._s(_vm.itemName) + \" \")]),\n        _c(\"td\", [\n          _vm.itemFundAmount\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" BES / Komisyon: \" +\n                    _vm._s(_vm.formatPrice(_vm.itemFundAmount)) +\n                    \"₺ / \" +\n                    _vm._s(_vm.formatPrice(_vm.itemCommissionAmount)) +\n                    \"₺ \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _c(\"td\", [\n          _vm.itemPrice\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" \" +\n                    _vm._s(_vm.itemPrice) +\n                    \" \" +\n                    _vm._s(_vm.itemPriceInfo) +\n                    \" \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _vm.showSelectbox\n          ? _c(\n              \"td\",\n              [\n                _c(\"label\", { attrs: { for: \"startDate-\" + _vm.item.id } }, [\n                  _vm._v(\"Başlangıç zamanı\"),\n                ]),\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startTime\",\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            )\n          : _c(\"td\", [_vm._v(\"-\")]),\n      ])\n    : _c(\n        \"div\",\n        {\n          staticClass: \"responsive-table-container\",\n          class: _vm.checked ? \"highlight\" : \"\",\n        },\n        [\n          _vm._m(0),\n          _c(\"div\", { staticClass: \"data-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [\n              _c(\"input\", {\n                staticClass: \"base-form-checkbox\",\n                attrs: { type: \"checkbox\", id: _vm.itemName },\n                domProps: { checked: _vm.check && \"checked\" },\n                on: {\n                  change: function ($event) {\n                    return _vm.changeAlgoServer(_vm.item)\n                  },\n                },\n              }),\n              _vm._v(\" \" + _vm._s(_vm.itemName) + \" \"),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.itemFundAmount) +\n                  \"TL/\" +\n                  _vm._s(_vm.itemCommissionAmount) +\n                  \"TL \"\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(_vm._s(_vm.itemPrice) + \" TL\"),\n            ]),\n            _c(\n              \"div\",\n              { staticClass: \"item\" },\n              [\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            ),\n          ]),\n        ]\n      )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"title-container\" }, [\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Piyasa\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"BES / Komisyon\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Fiyat\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Başlangıç Zamanı\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionSubItemAlgoServer.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.isResponsive\n    ? _c(\"tr\", { class: _vm.checked ? \"active\" : \"\" }, [\n        _c(\"td\", [\n          _c(\"input\", {\n            staticClass: \"base-form-checkbox\",\n            attrs: { type: \"checkbox\", id: _vm.itemName },\n            domProps: { checked: _vm.check && \"checked\" },\n            on: {\n              change: function ($event) {\n                return _vm.changeAlgoServer(_vm.item)\n              },\n            },\n          }),\n        ]),\n        _c(\"td\", [_vm._v(\" \" + _vm._s(_vm.itemName) + \" \")]),\n        _c(\"td\", [\n          _vm.itemFundAmount\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" BES / Komisyon: \" +\n                    _vm._s(_vm.formatPrice(_vm.itemFundAmount)) +\n                    \"₺ / \" +\n                    _vm._s(_vm.formatPrice(_vm.itemCommissionAmount)) +\n                    \"₺ \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _c(\"td\", [\n          _vm.itemPrice\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n                _vm.itemPriceInfo == \"₺\"\n                  ? _c(\"span\", [_vm._v(\" TL \")])\n                  : _vm._e(),\n                _vm.itemPriceInfo == \"$\"\n                  ? _c(\"span\", [_vm._v(\" Dolar \")])\n                  : _vm._e(),\n                _vm.itemPriceInfo == \"€\"\n                  ? _c(\"span\", [_vm._v(\" Euro \")])\n                  : _vm._e(),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _vm.showSelectbox && this.$route.query.isRecommended === undefined\n          ? _c(\n              \"td\",\n              [\n                _c(\"label\", { attrs: { for: \"startDate-\" + _vm.item.id } }, [\n                  _vm._v(\"Başlangıç zamanı\"),\n                ]),\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startTime\",\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            )\n          : _c(\"td\", [_vm._v(\"-\")]),\n      ])\n    : _c(\n        \"div\",\n        {\n          staticClass: \"responsive-table-container\",\n          class: _vm.checked ? \"highlight\" : \"\",\n        },\n        [\n          _c(\"div\", { staticClass: \"title-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Piyasa\")]),\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"BES / Komisyon\")]),\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Fiyat\")]),\n            this.$route.query.isRecommended === undefined\n              ? _c(\"div\", { staticClass: \"item\" }, [\n                  _vm._v(\" Başlangıç Zamanı \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"data-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [\n              _c(\"input\", {\n                staticClass: \"base-form-checkbox\",\n                attrs: { type: \"checkbox\", id: _vm.itemName },\n                domProps: { checked: _vm.check && \"checked\" },\n                on: {\n                  change: function ($event) {\n                    return _vm.changeAlgoServer(_vm.item)\n                  },\n                },\n              }),\n              _vm._v(\" \" + _vm._s(_vm.itemName) + \" \"),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.itemFundAmount) +\n                  \"TL/\" +\n                  _vm._s(_vm.itemCommissionAmount) +\n                  \"TL \"\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(_vm._s(_vm.itemPrice) + \" TL\"),\n            ]),\n            this.$route.query.isRecommended === undefined\n              ? _c(\n                  \"div\",\n                  { staticClass: \"item\" },\n                  [\n                    _c(\"base-select\", {\n                      staticClass: \"start-date-select\",\n                      attrs: {\n                        fieldLabel: \"Başlangıç Zamanı\",\n                        options: _vm.startDate,\n                        id: \"startDate-\" + _vm.item.id,\n                        selectedId: _vm.startDateSelection,\n                        placeholder: \"Seçiniz\",\n                      },\n                      on: { change: _vm.changeStartDate },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n        ]\n      )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionSubItemAlgoServer.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");
 
 /***/ }),
 
@@ -1956,7 +1956,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.isResponsive\n    ? _c(\"tr\", { class: _vm.checked ? \"active\" : \"\" }, [\n        _c(\"td\", [\n          _c(\"input\", {\n            staticClass: \"base-form-checkbox\",\n            attrs: { type: \"checkbox\", id: _vm.itemName },\n            domProps: { checked: _vm.check && \"checked\" },\n            on: {\n              change: function ($event) {\n                return _vm.changeForeign(_vm.item)\n              },\n            },\n          }),\n        ]),\n        _c(\"td\", [_vm._v(\" \" + _vm._s(_vm.itemName) + \" \")]),\n        _c(\"td\", [\n          _vm.itemFundAmount\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" BES / Komisyon: \" +\n                    _vm._s(_vm.formatPrice(_vm.itemFundAmount)) +\n                    \"TL / \" +\n                    _vm._s(_vm.formatPrice(_vm.itemCommissionAmount)) +\n                    \"TL \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _c(\"td\", [\n          _vm.itemPrice\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n                _vm.itemPriceInfo == \"₺\"\n                  ? _c(\"span\", [_vm._v(\" TL \")])\n                  : _vm.itemPriceInfo == \"$\"\n                  ? _c(\"span\", [_vm._v(\" Dolar \")])\n                  : _vm.itemPriceInfo == \"€\"\n                  ? _c(\"span\", [_vm._v(\" Euro \")])\n                  : _vm._e(),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _vm.showSelectbox\n          ? _c(\n              \"td\",\n              [\n                _c(\"label\", { attrs: { for: \"startDate-\" + _vm.item.id } }, [\n                  _vm._v(\"Başlangıç zamanı\"),\n                ]),\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            )\n          : _c(\"td\", [_vm._v(\"-\")]),\n      ])\n    : _c(\n        \"div\",\n        {\n          staticClass: \"responsive-table-container\",\n          class: _vm.checked ? \"highlight\" : \"\",\n        },\n        [\n          _vm._m(0),\n          _c(\"div\", { staticClass: \"data-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [\n              _c(\"input\", {\n                staticClass: \"base-form-checkbox\",\n                attrs: { type: \"checkbox\", id: _vm.itemName },\n                domProps: { checked: _vm.check && \"checked\" },\n                on: {\n                  change: function ($event) {\n                    return _vm.changeForeign(_vm.item)\n                  },\n                },\n              }),\n              _vm._v(\" \" + _vm._s(_vm.itemName) + \" \"),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.itemFundAmount) +\n                  \" TL/\" +\n                  _vm._s(_vm.itemCommissionAmount) +\n                  \" TL \"\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n              _vm.itemPriceInfo == \"₺\"\n                ? _c(\"span\", [_vm._v(\" TL \")])\n                : _vm.itemPriceInfo == \"$\"\n                ? _c(\"span\", [_vm._v(\" Dolar \")])\n                : _vm.itemPriceInfo == \"€\"\n                ? _c(\"span\", [_vm._v(\" Euro \")])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              { staticClass: \"item\" },\n              [\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            ),\n          ]),\n        ]\n      )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"title-container\" }, [\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Piyasa\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"BES / Komisyon\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Fiyat\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Başlangıç Zamanı\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionSubItemForeign.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.isResponsive\n    ? _c(\"tr\", { class: _vm.checked ? \"active\" : \"\" }, [\n        _c(\"td\", [\n          _c(\"input\", {\n            staticClass: \"base-form-checkbox\",\n            attrs: { type: \"checkbox\", id: _vm.itemName },\n            domProps: { checked: _vm.check && \"checked\" },\n            on: {\n              change: function ($event) {\n                return _vm.changeForeign(_vm.item)\n              },\n            },\n          }),\n        ]),\n        _c(\"td\", [_vm._v(\" \" + _vm._s(_vm.itemName) + \" \")]),\n        _c(\"td\", [\n          _vm.itemFundAmount\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" BES / Komisyon: \" +\n                    _vm._s(_vm.formatPrice(_vm.itemFundAmount)) +\n                    \"TL / \" +\n                    _vm._s(_vm.formatPrice(_vm.itemCommissionAmount)) +\n                    \"TL \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _c(\"td\", [\n          _vm.itemPrice\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n                _vm.itemPriceInfo == \"₺\"\n                  ? _c(\"span\", [_vm._v(\" TL \")])\n                  : _vm.itemPriceInfo == \"$\"\n                  ? _c(\"span\", [_vm._v(\" Dolar \")])\n                  : _vm.itemPriceInfo == \"€\"\n                  ? _c(\"span\", [_vm._v(\" Euro \")])\n                  : _vm._e(),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _vm.showSelectbox && this.$route.query.isRecommended === undefined\n          ? _c(\n              \"td\",\n              [\n                _c(\"label\", { attrs: { for: \"startDate-\" + _vm.item.id } }, [\n                  _vm._v(\"Başlangıç zamanı\"),\n                ]),\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            )\n          : _c(\"td\", [_vm._v(\"-\")]),\n      ])\n    : _c(\n        \"div\",\n        {\n          staticClass: \"responsive-table-container\",\n          class: _vm.checked ? \"highlight\" : \"\",\n        },\n        [\n          _c(\"div\", { staticClass: \"title-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Piyasa\")]),\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"BES / Komisyon\")]),\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Fiyat\")]),\n            this.$route.query.isRecommended === undefined\n              ? _c(\"div\", { staticClass: \"item\" }, [\n                  _vm._v(\" Başlangıç Zamanı \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"data-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [\n              _c(\"input\", {\n                staticClass: \"base-form-checkbox\",\n                attrs: { type: \"checkbox\", id: _vm.itemName },\n                domProps: { checked: _vm.check && \"checked\" },\n                on: {\n                  change: function ($event) {\n                    return _vm.changeForeign(_vm.item)\n                  },\n                },\n              }),\n              _vm._v(\" \" + _vm._s(_vm.itemName) + \" \"),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.itemFundAmount) +\n                  \" TL/\" +\n                  _vm._s(_vm.itemCommissionAmount) +\n                  \" TL \"\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n              _vm.itemPriceInfo == \"₺\"\n                ? _c(\"span\", [_vm._v(\" TL \")])\n                : _vm.itemPriceInfo == \"$\"\n                ? _c(\"span\", [_vm._v(\" Dolar \")])\n                : _vm.itemPriceInfo == \"€\"\n                ? _c(\"span\", [_vm._v(\" Euro \")])\n                : _vm._e(),\n            ]),\n            this.$route.query.isRecommended === undefined\n              ? _c(\n                  \"div\",\n                  { staticClass: \"item\" },\n                  [\n                    _c(\"base-select\", {\n                      staticClass: \"start-date-select\",\n                      attrs: {\n                        fieldLabel: \"Başlangıç Zamanı\",\n                        options: _vm.startDate,\n                        id: \"startDate-\" + _vm.item.id,\n                        selectedId: _vm.startDateSelection,\n                        placeholder: \"Seçiniz\",\n                      },\n                      on: { change: _vm.changeStartDate },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n        ]\n      )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionSubItemForeign.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");
 
 /***/ }),
 
@@ -1968,7 +1968,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.isResponsive\n    ? _c(\"tr\", { class: _vm.checked ? \"active\" : \"\" }, [\n        _c(\"td\", [\n          _c(\"input\", {\n            staticClass: \"base-form-checkbox\",\n            attrs: { type: \"checkbox\", id: _vm.itemName },\n            domProps: { checked: _vm.check && \"checked\" },\n            on: {\n              change: function ($event) {\n                return _vm.changeResearch(_vm.item)\n              },\n            },\n          }),\n        ]),\n        _c(\"td\", [_vm._v(\" \" + _vm._s(_vm.itemName) + \" \")]),\n        _c(\"td\", [\n          _vm.itemFundAmount\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" BES / Komisyon: \" +\n                    _vm._s(_vm.formatPrice(_vm.itemFundAmount)) +\n                    \"TL / \" +\n                    _vm._s(_vm.formatPrice(_vm.itemCommissionAmount)) +\n                    \" TL \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _c(\"td\", [\n          _vm.itemPrice\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" TL \"),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _vm.showSelectbox\n          ? _c(\n              \"td\",\n              [\n                _c(\"label\", { attrs: { for: \"startDate-\" + _vm.item.id } }, [\n                  _vm._v(\"Başlangıç zamanı\"),\n                ]),\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            )\n          : _c(\"td\", [_vm._v(\"-\")]),\n      ])\n    : _c(\n        \"div\",\n        {\n          staticClass: \"responsive-table-container\",\n          class: _vm.checked ? \"highlight\" : \"\",\n        },\n        [\n          _vm._m(0),\n          _c(\"div\", { staticClass: \"data-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [\n              _c(\"input\", {\n                staticClass: \"base-form-checkbox\",\n                attrs: { type: \"checkbox\", id: _vm.itemName },\n                domProps: { checked: _vm.check && \"checked\" },\n                on: {\n                  change: function ($event) {\n                    return _vm.changeResearch(_vm.item)\n                  },\n                },\n              }),\n              _vm._v(\" \" + _vm._s(_vm.itemName) + \" \"),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.itemFundAmount) +\n                  \"TL/\" +\n                  _vm._s(_vm.itemCommissionAmount) +\n                  \"TL \"\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n              _vm.itemPriceInfo == \"₺\"\n                ? _c(\"span\", [_vm._v(\" TL \")])\n                : _vm.itemPriceInfo == \"$\"\n                ? _c(\"span\", [_vm._v(\" Dolar \")])\n                : _vm.itemPriceInfo == \"€\"\n                ? _c(\"span\", [_vm._v(\" Euro \")])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              { staticClass: \"item\" },\n              [\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            ),\n          ]),\n        ]\n      )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"title-container\" }, [\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Piyasa\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"BES / Komisyon\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Fiyat\")]),\n      _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Başlangıç Zamanı\")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionSubItemResearch.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return !_vm.isResponsive\n    ? _c(\"tr\", { class: _vm.checked ? \"active\" : \"\" }, [\n        _c(\"td\", [\n          _c(\"input\", {\n            staticClass: \"base-form-checkbox\",\n            attrs: { type: \"checkbox\", id: _vm.itemName },\n            domProps: { checked: _vm.check && \"checked\" },\n            on: {\n              change: function ($event) {\n                return _vm.changeResearch(_vm.item)\n              },\n            },\n          }),\n        ]),\n        _c(\"td\", [_vm._v(\" \" + _vm._s(_vm.itemName) + \" \")]),\n        _c(\"td\", [\n          _vm.itemFundAmount\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\n                  \" BES / Komisyon: \" +\n                    _vm._s(_vm.formatPrice(_vm.itemFundAmount)) +\n                    \"TL / \" +\n                    _vm._s(_vm.formatPrice(_vm.itemCommissionAmount)) +\n                    \" TL \"\n                ),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _c(\"td\", [\n          _vm.itemPrice\n            ? _c(\"div\", { staticClass: \"table-dropdown m-flex\" }, [\n                _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" TL \"),\n              ])\n            : _c(\"div\", { staticClass: \"text-center\" }, [_vm._v(\"-\")]),\n        ]),\n        _vm.showSelectbox && this.$route.query.isRecommended === undefined\n          ? _c(\n              \"td\",\n              [\n                _c(\"label\", { attrs: { for: \"startDate-\" + _vm.item.id } }, [\n                  _vm._v(\"Başlangıç zamanı\"),\n                ]),\n                _c(\"base-select\", {\n                  staticClass: \"start-date-select\",\n                  attrs: {\n                    fieldLabel: \"Başlangıç Zamanı\",\n                    options: _vm.startDate,\n                    id: \"startDate-\" + _vm.item.id,\n                    selectedId: _vm.startDateSelection,\n                    placeholder: \"Seçiniz\",\n                  },\n                  on: { change: _vm.changeStartDate },\n                }),\n              ],\n              1\n            )\n          : _c(\"td\", [_vm._v(\"-\")]),\n      ])\n    : _c(\n        \"div\",\n        {\n          staticClass: \"responsive-table-container\",\n          class: _vm.checked ? \"highlight\" : \"\",\n        },\n        [\n          _c(\"div\", { staticClass: \"title-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Piyasa\")]),\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"BES / Komisyon\")]),\n            _c(\"div\", { staticClass: \"item\" }, [_vm._v(\"Fiyat\")]),\n            this.$route.query.isRecommended === undefined\n              ? _c(\"div\", { staticClass: \"item\" }, [\n                  _vm._v(\" Başlangıç Zamanı \"),\n                ])\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"data-container\" }, [\n            _c(\"div\", { staticClass: \"item\" }, [\n              _c(\"input\", {\n                staticClass: \"base-form-checkbox\",\n                attrs: { type: \"checkbox\", id: _vm.itemName },\n                domProps: { checked: _vm.check && \"checked\" },\n                on: {\n                  change: function ($event) {\n                    return _vm.changeResearch(_vm.item)\n                  },\n                },\n              }),\n              _vm._v(\" \" + _vm._s(_vm.itemName) + \" \"),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\n                \" \" +\n                  _vm._s(_vm.itemFundAmount) +\n                  \"TL/\" +\n                  _vm._s(_vm.itemCommissionAmount) +\n                  \"TL \"\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"item\" }, [\n              _vm._v(\" \" + _vm._s(_vm.itemPrice) + \" \"),\n              _vm.itemPriceInfo == \"₺\"\n                ? _c(\"span\", [_vm._v(\" TL \")])\n                : _vm.itemPriceInfo == \"$\"\n                ? _c(\"span\", [_vm._v(\" Dolar \")])\n                : _vm.itemPriceInfo == \"€\"\n                ? _c(\"span\", [_vm._v(\" Euro \")])\n                : _vm._e(),\n            ]),\n            this.$route.query.isRecommended === undefined\n              ? _c(\n                  \"div\",\n                  { staticClass: \"item\" },\n                  [\n                    _c(\"base-select\", {\n                      staticClass: \"start-date-select\",\n                      attrs: {\n                        fieldLabel: \"Başlangıç Zamanı\",\n                        options: _vm.startDate,\n                        id: \"startDate-\" + _vm.item.id,\n                        selectedId: _vm.startDateSelection,\n                        placeholder: \"Seçiniz\",\n                      },\n                      on: { change: _vm.changeStartDate },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n        ]\n      )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/AccordionSubItemResearch.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");
 
 /***/ }),
 
@@ -2064,7 +2064,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm.amount > 1\n              ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                  _vm._v(\n                    \" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"\n                  ),\n                ])\n              : _c(\"div\", { staticClass: \"inline-block\" }, [\n                  _vm._v(_vm._s(_vm.amount) + \" TL\"),\n                ]),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\"h2\", [\n            !_vm.isActive\n              ? _c(\"div\", [_vm._v(\"0 TL\")])\n              : _c(\"div\", { staticClass: \"inline-block\" }, [\n                  _vm.sumTurkishLira\n                    ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.sumTurkishLira) + \" TL \"),\n                      ])\n                    : _c(\"div\", [_vm._v(\"0 TL\")]),\n                  _vm.sumDollar\n                    ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                        _vm._v(_vm._s(_vm.sumDollar) + \" $\"),\n                      ])\n                    : _vm._e(),\n                  _vm.sumEuro\n                    ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                        _vm._v(_vm._s(_vm.sumEuro) + \" €\"),\n                      ])\n                    : _vm._e(),\n                ]),\n          ])\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"infos-container\" }, [\n    _c(\"div\", { staticClass: \"infos-container-info\" }, [\n      _c(\"p\", [_vm._v(_vm._s(_vm.name))]),\n      !_vm.withOtherPrices\n        ? _c(\"h2\", [\n            _vm.amount > 1\n              ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                  _vm._v(\n                    \" \" + _vm._s(_vm.formatPriceNoDecimal(_vm.amount)) + \" TL \"\n                  ),\n                ])\n              : _c(\"div\", { staticClass: \"inline-block\" }, [\n                  _vm._v(_vm._s(_vm.amount) + \" TL\"),\n                ]),\n            _c(\"span\", [\n              _vm._v(\n                \"/ \" + _vm._s(_vm.formatPriceNoDecimal(_vm.total)) + \" TL\"\n              ),\n            ]),\n          ])\n        : _vm.withOtherPrices\n        ? _c(\"h2\", [\n            !_vm.isActive\n              ? _c(\"div\", [_vm._v(\"0 TL\")])\n              : _c(\"div\", { staticClass: \"inline-block\" }, [\n                  _vm.sumTurkishLira\n                    ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.sumTurkishLira) + \" TL \"),\n                      ])\n                    : _c(\"div\", [_vm._v(\"0 TL\")]),\n                  _vm.sumDollar\n                    ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                        _vm._v(\" + \" + _vm._s(_vm.sumDollar) + \" Dolar \"),\n                      ])\n                    : _vm._e(),\n                  _vm.sumEuro\n                    ? _c(\"div\", { staticClass: \"inline-block\" }, [\n                        _vm._v(\"+ \" + _vm._s(_vm.sumEuro) + \" Euro\"),\n                      ])\n                    : _vm._e(),\n                ]),\n          ])\n        : _vm._e(),\n    ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoChart.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2208,7 +2208,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"invoice-item-container\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n        [\n          _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n            _c(\"div\", { staticClass: \"left flex-04\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"section section-0\" },\n                [\n                  _vm.dataItem && _vm.dataItem.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.imageUrl,\n                        },\n                      })\n                    : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n                ],\n                1\n              ),\n              _c(\"div\", { staticClass: \"section section-main\" }, [\n                _c(\"div\", { staticClass: \"section section-1\" }, [\n                  _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n                  _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"right\" }, [\n              _vm.dataItem.endDate\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD.MM.YYYY\"))\n                      ),\n                    ]),\n                  ])\n                : _vm._e(),\n              !_vm.getUserType\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\"\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n                          ),\n                        ])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Müşteri\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Temsilci\")])\n                      : _vm._e(),\n                  ])\n                : _vm._e(),\n              _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Toplam Tutar\")]),\n                _vm.dataItem.updatedAt\n                  ? _c(\"span\", [\n                      _vm._v(\" \" + _vm._s(_vm.totalPriceCalc.toString()) + \" \"),\n                    ])\n                  : _vm._e(),\n              ]),\n            ]),\n            _vm.dataItem.packageStatus\n              ? _c(\"div\", { staticClass: \"right for-button\" }, [\n                  _vm.dataItem.packageStatus.id !== 6 &&\n                  _vm.dataItem.packageStatus.id !== 8\n                    ? _c(\"div\", { staticClass: \"col\" }, [\n                        _vm.dataItem.packageStatus &&\n                        _vm.getUserInfo.memberType == 1\n                          ? _c(\"div\", [\n                              _vm.dataItem.packageStatus.id == 2\n                                ? _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"invoice-item__bottom buttons\",\n                                    },\n                                    [\n                                      _c(\n                                        \"base-button\",\n                                        {\n                                          staticClass: \"set-buttons\",\n                                          class: !_vm.isButtonsDisabled\n                                            ? \"\"\n                                            : \"disabled\",\n                                          on: {\n                                            click: function ($event) {\n                                              _vm.showModal(\n                                                String(_vm.dataItem.id)\n                                              )\n                                            },\n                                          },\n                                        },\n                                        [_vm._v(\"İşlemler\")]\n                                      ),\n                                    ],\n                                    1\n                                  )\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    : _vm._e(),\n                ])\n              : _vm._e(),\n          ]),\n          _vm.dataItem.package\n            ? _c(\"div\", { staticClass: \"invoice-item__bottom\" }, [\n                _c(\"div\", { staticClass: \"left package-container\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"item\" },\n                    [\n                      _c(\"strong\", [_vm._v(\"Paketler:\")]),\n                      _vm._l(_vm.mergedPackagesNames, function (item, index) {\n                        return _c(\"span\", { key: item, staticClass: \"items\" }, [\n                          _vm._v(\" \" + _vm._s(item) + \" \"),\n                          index != _vm.mergedPackagesNames.length - 1\n                            ? _c(\"span\", { staticClass: \"seperator\" })\n                            : _vm._e(),\n                        ])\n                      }),\n                    ],\n                    2\n                  ),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n                  [\n                    _c(\"base-icon\", {\n                      class: [\"toggle\", { active: _vm.isActivatedAccordion }],\n                      attrs: { name: \"arrow-green\" },\n                    }),\n                  ],\n                  1\n                ),\n                _c(\"div\", { staticClass: \"invoice-item__bottom__packages\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      class: [\n                        \"accordion-wrapper\",\n                        _vm.isActivatedAccordion ? \"active\" : \"\",\n                      ],\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        {\n                          class: [\n                            \"accordion-wrapper__row caption\",\n                            _vm.isActivatedAccordion ? \"active\" : \"\",\n                          ],\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\"Paket Adı\")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Başlangıç Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Bitiş Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\"Fiyatlar\")]\n                          ),\n                        ]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-content active\" },\n                        [\n                          _vm._l(_vm.mergedForTableData, function (item) {\n                            return _c(\n                              \"div\",\n                              {\n                                key: item.name,\n                                staticClass: \"accordion-wrapper__row\",\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"accordion-wrapper__row__cell\",\n                                  },\n                                  [\n                                    typeof item == \"object\"\n                                      ? _c(\"span\", [\n                                          item.name\n                                            ? _c(\"span\", [\n                                                _vm._v(_vm._s(item.name)),\n                                              ])\n                                            : _vm._e(),\n                                        ])\n                                      : _c(\"span\", [_vm._v(_vm._s(item))]),\n                                  ]\n                                ),\n                                item.startDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.startDate,\n                                                \"DD.MM.YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.endDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.endDate,\n                                                \"DD.MM.YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.price\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                                        item.info == \"₺\"\n                                          ? _c(\"span\", [_vm._v(\"TL\")])\n                                          : _vm._e(),\n                                        item.info == \"€\"\n                                          ? _c(\"span\", [_vm._v(\"Euro\")])\n                                          : _vm._e(),\n                                        item.info == \"$\"\n                                          ? _c(\"span\", [_vm._v(\"Dolar\")])\n                                          : _vm._e(),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                              ]\n                            )\n                          }),\n                          _c(\"div\", { staticClass: \"accordion-wrapper__row\" }, [\n                            _vm._m(0),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\n                              \"div\",\n                              { staticClass: \"accordion-wrapper__row__cell\" },\n                              [_vm._v(\" \" + _vm._s(_vm.screenPrice) + \" TL \")]\n                            ),\n                          ]),\n                        ],\n                        2\n                      ),\n                    ]\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n        ]\n      ),\n      _c(\n        \"modal\",\n        {\n          staticClass: \"cancel-modal\",\n          attrs: {\n            height: \"auto\",\n            adaptive: true,\n            name: String(_vm.dataItem.id),\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [\n                _vm._v(\n                  \"Seçilen lisansı aşağıdaki şekilde yönlendirebilirsiniz.\"\n                ),\n              ]),\n            ]),\n            _c(\n              \"a\",\n              {\n                on: {\n                  click: function ($event) {\n                    _vm.closeModal(String(_vm.dataItem.id))\n                  },\n                },\n              },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"close\",\n                  attrs: { name: \"close-circle\" },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"modal-body\" },\n            [\n              _c(\"div\", { staticClass: \"modal-body__top\" }, [\n                _c(\"div\", { staticClass: \"modal-body__info\" }, [\n                  _vm.dataItem.productName\n                    ? _c(\"h3\", { staticClass: \"title\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n                      ])\n                    : _vm._e(),\n                  _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n                    _vm.dataItem.platform && _vm.dataItem.platform.name\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n                          ),\n                        ])\n                      : _vm._e(),\n                  ]),\n                  _c(\n                    \"p\",\n                    { staticClass: \"modal-body__info_price\" },\n                    [\n                      _vm.totalPriceCalc != \"0₺\" &&\n                      _vm.totalPriceCalc != \"0€\" &&\n                      _vm.totalPriceCalc != \"0$\"\n                        ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n                        : [_vm._v(\"Ücretsiz\")],\n                    ],\n                    2\n                  ),\n                ]),\n              ]),\n              _c(\"info-area\", {\n                attrs: { infoText: \"Uyarı: Yapılan işlemler geri alınamaz.\" },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons back\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForPrev(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"Geri Al\")]\n              ),\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForNext(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"İleri Al\")]\n              ),\n            ],\n            1\n          ),\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: \"accordion-wrapper__row__cell\" }, [\n      _c(\"span\", [_vm._v(\" Ekran Ücreti \")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"invoice-item-container\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n        [\n          _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n            _c(\"div\", { staticClass: \"left flex-04\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"section section-0\" },\n                [\n                  _vm.dataItem && _vm.dataItem.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.imageUrl,\n                        },\n                      })\n                    : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n                ],\n                1\n              ),\n              _c(\"div\", { staticClass: \"section section-main\" }, [\n                _c(\"div\", { staticClass: \"section section-1\" }, [\n                  _c(\"h5\", [_vm._v(_vm._s(_vm.dataItem.title))]),\n                  _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.subtitle))]),\n                ]),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"right\" }, [\n              _vm.dataItem.endDate\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Bitiş Tarihi\")]),\n                    _c(\"span\", [\n                      _vm._v(\n                        _vm._s(_vm.getTime(_vm.dataItem.endDate, \"DD.MM.YYYY\"))\n                      ),\n                    ]),\n                  ])\n                : _vm._e(),\n              !_vm.getUserType\n                ? _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\"\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n                          ),\n                        ])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Müşteri\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Temsilci\")])\n                      : _vm._e(),\n                  ])\n                : _c(\"div\", { staticClass: \"col\" }, [\n                    _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Ödeme Durumu\")]),\n                    _vm.dataItem.paymentStatus == \"0\" &&\n                    _vm.isCompleted &&\n                    _vm.invoiceList.data.length\n                      ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"0\" &&\n                    !_vm.isCompleted &&\n                    _vm.invoiceList.data.length\n                      ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"1\"\n                      ? _c(\"span\", [_vm._v(\"Tahsil Edildi\")])\n                      : _vm._e(),\n                    _vm.dataItem.paymentStatus == \"2\"\n                      ? _c(\"span\", [_vm._v(\"Ücretsiz\")])\n                      : _vm._e(),\n                  ]),\n              _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Toplam Tutar\")]),\n                _vm.dataItem.updatedAt\n                  ? _c(\"span\", [\n                      _vm._v(\" \" + _vm._s(_vm.totalPriceCalc.toString()) + \" \"),\n                    ])\n                  : _vm._e(),\n              ]),\n            ]),\n            _vm.dataItem.packageStatus\n              ? _c(\"div\", { staticClass: \"right for-button\" }, [\n                  _vm.dataItem.packageStatus.id !== 6 &&\n                  _vm.dataItem.packageStatus.id !== 8\n                    ? _c(\"div\", { staticClass: \"col\" }, [\n                        _vm.dataItem.packageStatus &&\n                        _vm.getUserInfo.memberType == 1\n                          ? _c(\"div\", [\n                              _vm.dataItem.packageStatus.id == 2\n                                ? _c(\n                                    \"div\",\n                                    {\n                                      staticClass:\n                                        \"invoice-item__bottom buttons\",\n                                    },\n                                    [\n                                      _c(\n                                        \"base-button\",\n                                        {\n                                          staticClass: \"set-buttons\",\n                                          class: !_vm.isButtonsDisabled\n                                            ? \"\"\n                                            : \"disabled\",\n                                          on: {\n                                            click: function ($event) {\n                                              _vm.showModal(\n                                                String(_vm.dataItem.id)\n                                              )\n                                            },\n                                          },\n                                        },\n                                        [_vm._v(\"İşlemler\")]\n                                      ),\n                                    ],\n                                    1\n                                  )\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    : _vm._e(),\n                ])\n              : _vm._e(),\n          ]),\n          _vm.dataItem.package\n            ? _c(\"div\", { staticClass: \"invoice-item__bottom\" }, [\n                _c(\"div\", { staticClass: \"left package-container\" }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"item\" },\n                    [\n                      _c(\"strong\", [_vm._v(\"Paketler:\")]),\n                      _vm._l(_vm.mergedPackagesNames, function (item, index) {\n                        return _c(\"span\", { key: item, staticClass: \"items\" }, [\n                          _vm._v(\" \" + _vm._s(item) + \" \"),\n                          index != _vm.mergedPackagesNames.length - 1\n                            ? _c(\"span\", { staticClass: \"seperator\" })\n                            : _vm._e(),\n                        ])\n                      }),\n                    ],\n                    2\n                  ),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"right\", on: { click: _vm.accordionToggle } },\n                  [\n                    _c(\"base-icon\", {\n                      class: [\"toggle\", { active: _vm.isActivatedAccordion }],\n                      attrs: { name: \"arrow-green\" },\n                    }),\n                  ],\n                  1\n                ),\n                _c(\"div\", { staticClass: \"invoice-item__bottom__packages\" }, [\n                  _c(\n                    \"div\",\n                    {\n                      class: [\n                        \"accordion-wrapper\",\n                        _vm.isActivatedAccordion ? \"active\" : \"\",\n                      ],\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        {\n                          class: [\n                            \"accordion-wrapper__row caption\",\n                            _vm.isActivatedAccordion ? \"active\" : \"\",\n                          ],\n                        },\n                        [\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\"Paket Adı\")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Başlangıç Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\" Bitiş Tarihi \")]\n                          ),\n                          _c(\n                            \"div\",\n                            {\n                              staticClass:\n                                \"accordion-wrapper__row__cell caption\",\n                            },\n                            [_vm._v(\"Fiyatlar\")]\n                          ),\n                        ]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-content active\" },\n                        [\n                          _vm._l(_vm.mergedForTableData, function (item) {\n                            return _c(\n                              \"div\",\n                              {\n                                key: item.name,\n                                staticClass: \"accordion-wrapper__row\",\n                              },\n                              [\n                                _c(\n                                  \"div\",\n                                  {\n                                    staticClass: \"accordion-wrapper__row__cell\",\n                                  },\n                                  [\n                                    typeof item == \"object\"\n                                      ? _c(\"span\", [\n                                          item.name\n                                            ? _c(\"span\", [\n                                                _vm._v(_vm._s(item.name)),\n                                              ])\n                                            : _vm._e(),\n                                        ])\n                                      : _c(\"span\", [_vm._v(_vm._s(item))]),\n                                  ]\n                                ),\n                                item.startDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.startDate,\n                                                \"DD.MM.YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.endDate\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\n                                          \" \" +\n                                            _vm._s(\n                                              _vm.getTime(\n                                                item.endDate,\n                                                \"DD.MM.YYYY\"\n                                              )\n                                            ) +\n                                            \" \"\n                                        ),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                                item.price\n                                  ? _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [\n                                        _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                                        item.info == \"₺\"\n                                          ? _c(\"span\", [_vm._v(\"TL\")])\n                                          : _vm._e(),\n                                        item.info == \"€\"\n                                          ? _c(\"span\", [_vm._v(\"Euro\")])\n                                          : _vm._e(),\n                                        item.info == \"$\"\n                                          ? _c(\"span\", [_vm._v(\"Dolar\")])\n                                          : _vm._e(),\n                                      ]\n                                    )\n                                  : _c(\n                                      \"div\",\n                                      {\n                                        staticClass:\n                                          \"accordion-wrapper__row__cell\",\n                                      },\n                                      [_vm._v(\"-\")]\n                                    ),\n                              ]\n                            )\n                          }),\n                          _c(\"div\", { staticClass: \"accordion-wrapper__row\" }, [\n                            _vm._m(0),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\"div\", {\n                              staticClass: \"accordion-wrapper__row__cell\",\n                            }),\n                            _c(\n                              \"div\",\n                              { staticClass: \"accordion-wrapper__row__cell\" },\n                              [_vm._v(\" \" + _vm._s(_vm.screenPrice) + \" TL \")]\n                            ),\n                          ]),\n                        ],\n                        2\n                      ),\n                    ]\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n        ]\n      ),\n      _c(\n        \"modal\",\n        {\n          staticClass: \"cancel-modal\",\n          attrs: {\n            height: \"auto\",\n            adaptive: true,\n            name: String(_vm.dataItem.id),\n          },\n        },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [\n                _vm._v(\n                  \"Seçilen lisansı aşağıdaki şekilde yönlendirebilirsiniz.\"\n                ),\n              ]),\n            ]),\n            _c(\n              \"a\",\n              {\n                on: {\n                  click: function ($event) {\n                    _vm.closeModal(String(_vm.dataItem.id))\n                  },\n                },\n              },\n              [\n                _c(\"base-icon\", {\n                  staticClass: \"close\",\n                  attrs: { name: \"close-circle\" },\n                }),\n              ],\n              1\n            ),\n          ]),\n          _c(\n            \"div\",\n            { staticClass: \"modal-body\" },\n            [\n              _c(\"div\", { staticClass: \"modal-body__top\" }, [\n                _c(\"div\", { staticClass: \"modal-body__info\" }, [\n                  _vm.dataItem.productName\n                    ? _c(\"h3\", { staticClass: \"title\" }, [\n                        _vm._v(\" \" + _vm._s(_vm.dataItem.productName) + \" \"),\n                      ])\n                    : _vm._e(),\n                  _c(\"p\", { staticClass: \"modal-body__info-platform\" }, [\n                    _vm.dataItem.platform && _vm.dataItem.platform.name\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n                          ),\n                        ])\n                      : _vm._e(),\n                  ]),\n                  _c(\n                    \"p\",\n                    { staticClass: \"modal-body__info_price\" },\n                    [\n                      _vm.totalPriceCalc != \"0₺\" &&\n                      _vm.totalPriceCalc != \"0€\" &&\n                      _vm.totalPriceCalc != \"0$\"\n                        ? [_vm._v(_vm._s(_vm.totalPriceCalc))]\n                        : [_vm._v(\"Ücretsiz\")],\n                    ],\n                    2\n                  ),\n                ]),\n              ]),\n              _c(\"info-area\", {\n                attrs: { infoText: \"Uyarı: Yapılan işlemler geri alınamaz.\" },\n              }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons back\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForPrev(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"Geri Al\")]\n              ),\n              _c(\n                \"base-button\",\n                {\n                  staticClass: \"set-buttons\",\n                  class: !_vm.isButtonsDisabled ? \"\" : \"disabled\",\n                  on: {\n                    click: function ($event) {\n                      return _vm.setRowForNext(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"İleri Al\")]\n              ),\n            ],\n            1\n          ),\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: \"accordion-wrapper__row__cell\" }, [\n      _c(\"span\", [_vm._v(\" Ekran Ücreti \")]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2232,7 +2232,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"green-info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.targetFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.price.totalCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted && _vm.stateListChecker\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için minimum tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted && _vm.stateListChecker\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-default danger\" },\n            [\n              _c(\"base-icon\", {\n                attrs: {\n                  name: \"red-info\",\n                  className: \"comission-container-info__check\",\n                },\n              }),\n              _c(\"p\", [\n                _vm._v(\n                  \"Ücretsiz veri kullanımı için minimum tutara ulaşamadınız.\"\n                ),\n              ]),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._m(1),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"comission-container-details\" }, [\n      _c(\"div\", { staticClass: \"comission-container-info-row\" }, [\n        _c(\"h3\", [_vm._v(\"Ücretsiz Kullanımdan Nasıl Yararlanabilirim?\")]),\n        _c(\"p\", [\n          _vm._v(\n            \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n          ),\n        ]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"fund-commission comission-container custom-container\" },\n    [\n      _c(\"div\", { staticClass: \"comission-container-title\" }, [\n        _c(\"h6\", [\n          _vm._v(\" Komisyon veya BES/Fon Büyüklüğü Durumunuz \"),\n          _vm.hasData\n            ? _c(\"span\", { staticClass: \"period\" }, [\n                _vm._v(\"(\" + _vm._s(_vm.fundAndCommissionRates.period) + \") \"),\n              ])\n            : _vm._e(),\n          _c(\"span\", { staticClass: \"comission-container-bes-cr-warning\" }, [\n            _c(\"div\", { staticClass: \"tag tooltip\" }, [\n              _vm._m(0),\n              _c(\n                \"span\",\n                { staticClass: \"text\" },\n                [\n                  _c(\"base-icon\", {\n                    staticClass: \"icon\",\n                    attrs: { name: \"green-info\" },\n                  }),\n                ],\n                1\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.hasData\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-charts\" },\n            [\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"BES/FON BÜYÜKLÜĞÜ\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.fundAmount,\n                  total: _vm.fundAndCommissionRates.price.totalFundAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name: \"KOMİSYON\",\n                  withOtherPrices: false,\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  total: _vm.fundAndCommissionRates.price.totalCommissionAmount,\n                },\n              }),\n              _c(\"info-chart\", {\n                attrs: {\n                  name:\n                    _vm.hasData.toLocaleUpperCase(\"tr-TR\") +\n                    \" AYI KULLANDIĞINIZ PAKETLERİN TUTARI\",\n                  amount: _vm.fundAndCommissionRates.commissionAmount,\n                  withOtherPrices: true,\n                  total: _vm.fundAndCommissionRates.targetCommissionAmount,\n                  pricesList: _vm.pricesList,\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.hasData && _vm.isCompleted && _vm.stateListChecker\n        ? _c(\"div\", { staticClass: \"comission-container-details\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"comission-container-info\" },\n              [\n                _c(\"base-icon\", {\n                  attrs: {\n                    name: \"check-circle-fill\",\n                    className: \"comission-container-info__check\",\n                  },\n                }),\n                _c(\"p\", [\n                  _vm._v(\n                    \"Ücretsiz veri kullanımı için minimum tutara ulaştınız.\"\n                  ),\n                ]),\n                _c(\"br\"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _vm.hasData && !_vm.isCompleted && _vm.stateListChecker\n        ? _c(\n            \"div\",\n            { staticClass: \"comission-container-default danger\" },\n            [\n              _c(\"base-icon\", {\n                attrs: {\n                  name: \"red-info\",\n                  className: \"comission-container-info__check\",\n                },\n              }),\n              _c(\"p\", [\n                _vm._v(\n                  \"Ücretsiz veri kullanımı için minimum tutara ulaşamadınız.\"\n                ),\n              ]),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._m(1),\n    ]\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Uyarı: Burada görülen komisyon büyüklüğü, brüt hesaplama sonucu olup, komisyon iadelerini içermemekte ve indikatif olarak gösterim yapılmaktadır. Ücretsiz kullanım için gerekli komisyon tutarı, ay içerisinde ve takip eden ayın ilk günü gerçekleşen komisyon iadeleri düşülerek hesaplanmakta olup ay sonu raporlarında gösterilmektedir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"comission-container-details\" }, [\n      _c(\"div\", { staticClass: \"comission-container-info-row\" }, [\n        _c(\"h3\", [_vm._v(\"Ücretsiz Kullanımdan Nasıl Yararlanabilirim?\")]),\n        _c(\"p\", [\n          _vm._v(\n            \" Ücretsiz kullanım koşullarından yararlanabilmeniz için ayın son işlem gününden bir gün önceki iş gününün piyasa kapanış verileri dikkate alınarak hesaplanmış portföy büyüklüğünüzün veya ay sonu iade sonrası komisyon miktarınızın, kullandığınız paketlerin gerekli komisyon tutarı veya portföy büyüklüğü şartını sağlaması gerekmektedir. \"\n          ),\n        ]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2280,7 +2280,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"popup-right\",\n    {\n      attrs: { title: \"Paket Ayarları\", isPopupVisible: _vm.isPopupVisible },\n      on: { close: _vm.setDefaultValues },\n    },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"package-settings\",\n          class:\n            _vm.$route.query.isRecommended === undefined &&\n            (_vm.currentTab == \"Algo\" || _vm.currentTab == \"Research\")\n              ? \"package_sizes\"\n              : \"\",\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"package-settings__top m-flex m-items-center\" },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"package-settings__image\" },\n                [\n                  _vm.dataItem && _vm.dataItem.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.imageUrl,\n                        },\n                      })\n                    : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n                ],\n                1\n              ),\n              _c(\"div\", { staticClass: \"package-settings__info\" }, [\n                _c(\"h3\", [\n                  _vm._v(\" \" + _vm._s(_vm.dataItem.name) + \" \"),\n                  _vm.dataItem.shortContent\n                    ? _c(\"span\", [\n                        _vm._v(\"- \" + _vm._s(_vm.dataItem.shortContent)),\n                      ])\n                    : _vm._e(),\n                ]),\n                _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n                  _vm.dataItem.platform && _vm.dataItem.platform.name\n                    ? _c(\"span\", [\n                        _vm._v(\" \" + _vm._s(_vm.dataItem.platform.name) + \" \"),\n                      ])\n                    : _vm._e(),\n                  _vm.dataItem.algorithm && _vm.dataItem.algorithm.name\n                    ? _c(\"span\", [\n                        _vm._v(\" \" + _vm._s(_vm.dataItem.algorithm.name) + \" \"),\n                      ])\n                    : _vm._e(),\n                  _vm.dataItem.application && _vm.dataItem.application.name\n                    ? _c(\"span\", [\n                        _vm._v(\n                          \" \" + _vm._s(_vm.dataItem.application.name) + \" \"\n                        ),\n                      ])\n                    : _vm._e(),\n                ]),\n              ]),\n            ]\n          ),\n          _vm.currentTab == \"Algo\"\n            ? _c(\"div\", { staticClass: \"terminal-area\" }, [\n                !_vm.isTerminal\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"p\", { staticClass: \"text\" }, [\n                          _vm._v(\n                            \" Sistemde terminaliniz bulunmamaktadır. Lütfen öncelikle terminal alınız ya da Bireysel Ekranınıza \"\n                          ),\n                          _vm.dataItem.name\n                            ? _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.name))])\n                            : _vm._e(),\n                          _vm.dataItem.platform && _vm.dataItem.platform.name\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"- \" + _vm._s(_vm.dataItem.platform.name)\n                                ),\n                              ])\n                            : _vm.dataItem.algorithm &&\n                              _vm.dataItem.algorithm.name\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"- \" + _vm._s(_vm.dataItem.algorithm.name)\n                                ),\n                              ])\n                            : _vm.dataItem.application &&\n                              _vm.dataItem.application.name\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"- \" + _vm._s(_vm.dataItem.application.name)\n                                ),\n                              ])\n                            : _vm._e(),\n                          _vm._v(\n                            \" tanımlamak için kullanıcı adınızı aşağıdaki ilgili alana giriniz. \"\n                          ),\n                        ]),\n                        _c(\"base-input\", {\n                          attrs: {\n                            inputType: \"text\",\n                            id: \"terminal\",\n                            placeholder: \"Bireysel Kullanıcı Adı\",\n                            noSpace: true,\n                          },\n                          model: {\n                            value: _vm.terminalNumber,\n                            callback: function ($$v) {\n                              _vm.terminalNumber = $$v\n                            },\n                            expression: \"terminalNumber\",\n                          },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n              ])\n            : _vm._e(),\n          !_vm.showSections\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarı\")]),\n                _c(\"div\", { staticClass: \"row-area\" }, [\n                  _c(\"p\", { staticClass: \"row\" }, [\n                    _c(\n                      \"span\",\n                      { staticClass: \"icon-area\" },\n                      [\n                        _c(\"base-icon\", {\n                          staticClass: \"icon\",\n                          attrs: { name: \"info\" },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\"span\", { staticClass: \"text\" }, [\n                      _vm._v(\n                        \" Paket yükseltme işlemi yapmaktasınız. Mevcut paketinizdeki tüm lisanslar otomatik olarak yükseltilecektir. Lisans Ekleme/Çıkarma işlemlerini paketi aldıktan sonra yapabilirsiniz. \"\n                      ),\n                    ]),\n                  ]),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab == \"Algo\" && _vm.algoDetail.ruleMessage\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarılar\")]),\n                _c(\n                  \"div\",\n                  { staticClass: \"row-area\" },\n                  _vm._l(_vm.algoDetail.ruleMessage, function (message) {\n                    return _c(\"p\", { key: message.id, staticClass: \"row\" }, [\n                      _c(\n                        \"span\",\n                        { staticClass: \"icon-area\" },\n                        [\n                          _c(\"base-icon\", {\n                            staticClass: \"icon\",\n                            attrs: { name: \"info\" },\n                          }),\n                        ],\n                        1\n                      ),\n                      _c(\"span\", { staticClass: \"text\" }, [\n                        _vm._v(_vm._s(message)),\n                      ]),\n                    ])\n                  }),\n                  0\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab == \"Algo\" && _vm.algoDetail.faqs\n            ? _c(\n                \"div\",\n                { staticClass: \"faq-area\" },\n                [\n                  _c(\"h5\", [_vm._v(\"Sıkça Sorulan Sorular\")]),\n                  _c(\"faq\", { attrs: { data: _vm.algoDetail.faqs } }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.currentTab == \"Research\" && _vm.researchDetail.ruleMessage\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarılar\")]),\n                _c(\n                  \"div\",\n                  { staticClass: \"row-area\" },\n                  _vm._l(_vm.researchDetail.ruleMessage, function (message) {\n                    return _c(\"p\", { key: message.id, staticClass: \"row\" }, [\n                      _c(\n                        \"span\",\n                        { staticClass: \"icon-area\" },\n                        [\n                          _c(\"base-icon\", {\n                            staticClass: \"icon\",\n                            attrs: { name: \"info\" },\n                          }),\n                        ],\n                        1\n                      ),\n                      _c(\"span\", { staticClass: \"text\" }, [\n                        _vm._v(_vm._s(message)),\n                      ]),\n                    ])\n                  }),\n                  0\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab != \"Algo\" && _vm.currentTab != \"Research\"\n            ? _c(\n                \"div\",\n                {\n                  directives: [\n                    {\n                      name: \"show\",\n                      rawName: \"v-show\",\n                      value: _vm.showSections,\n                      expression: \"showSections\",\n                    },\n                  ],\n                  staticClass: \"package-settings__lisans\",\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"package-settings__lisans__information\" },\n                    [\n                      _c(\"h5\", { attrs: { id: \"lisans\" } }, [\n                        _vm._v(\"Lisans Bilgileri\"),\n                      ]),\n                      _c(\"div\", { staticClass: \"market-table\" }, [\n                        _c(\n                          \"table\",\n                          {\n                            staticClass: \"table\",\n                            attrs: { \"aria-describedby\": \"lisans\" },\n                          },\n                          [\n                            _c(\"thead\", [\n                              _c(\"tr\", [\n                                _c(\"th\", { attrs: { scope: \"col\" } }),\n                                _c(\n                                  \"th\",\n                                  {\n                                    staticClass: \"text-left\",\n                                    attrs: { scope: \"col\" },\n                                  },\n                                  [_vm._v(\"Piyasa\")]\n                                ),\n                                _c(\n                                  \"th\",\n                                  {\n                                    staticClass: \"text-left\",\n                                    attrs: { scope: \"col\" },\n                                  },\n                                  [_vm._v(\"Derinlik\")]\n                                ),\n                                _c(\n                                  \"th\",\n                                  {\n                                    staticClass: \"text-left\",\n                                    attrs: { scope: \"col\" },\n                                  },\n                                  [_vm._v(\"Aracı Kurum Dağılımı\")]\n                                ),\n                                _vm.$route.query.isRecommended != \"1\"\n                                  ? _c(\n                                      \"th\",\n                                      {\n                                        staticClass: \"text-left\",\n                                        attrs: { scope: \"col\" },\n                                      },\n                                      [_vm._v(\" Başlangıç Zamanı \")]\n                                    )\n                                  : _vm._e(),\n                              ]),\n                            ]),\n                            _c(\n                              \"tbody\",\n                              _vm._l(_vm.marketInfo, function (item) {\n                                return _c(\"package-setting-create-type\", {\n                                  key: item.id,\n                                  attrs: {\n                                    item: item,\n                                    dataItem: _vm.dataItem,\n                                    platformInfo: _vm.platformInfo,\n                                    selectData: _vm.selectData,\n                                    isResponsive: false,\n                                  },\n                                  on: {\n                                    update: _vm.changeSelected,\n                                    showSpesificWarning:\n                                      _vm.checkSpesificWarning,\n                                  },\n                                })\n                              }),\n                              1\n                            ),\n                          ]\n                        ),\n                      ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"market-table-responsive\" },\n                        _vm._l(_vm.marketInfo, function (item) {\n                          return _c(\"package-setting-create-type\", {\n                            key: item.id,\n                            attrs: {\n                              item: item,\n                              dataItem: _vm.dataItem,\n                              platformInfo: _vm.platformInfo,\n                              selectData: _vm.selectData,\n                              isResponsive: true,\n                            },\n                            on: {\n                              update: _vm.changeSelected,\n                              showSpesificWarning: _vm.checkSpesificWarning,\n                            },\n                          })\n                        }),\n                        1\n                      ),\n                      _vm.warningMessage\n                        ? _c(\n                            \"div\",\n                            { staticClass: \"m-flex m-items-center mb-10\" },\n                            [\n                              _c(\n                                \"span\",\n                                { staticClass: \"icon-area\" },\n                                [\n                                  _c(\"base-icon\", {\n                                    staticClass: \"icon\",\n                                    attrs: { name: \"info\" },\n                                  }),\n                                ],\n                                1\n                              ),\n                              _vm._v(\n                                \" Karma Lisans paketinde derinlik bilgisi bulunmamaktadır \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  ),\n                  _c(\"div\", { staticClass: \"accordion-container\" }, [\n                    _vm.research.length > 0 &&\n                    _vm.research[0].details &&\n                    _vm.research[0].details.length > 0\n                      ? _c(\n                          \"div\",\n                          [\n                            _c(\"accordion-research\", {\n                              attrs: {\n                                id: \"accordion-research\",\n                                content: _vm.research,\n                              },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.foreign.length > 0 &&\n                    _vm.foreign[0].details &&\n                    _vm.foreign[0].details.length > 0\n                      ? _c(\n                          \"div\",\n                          [\n                            _c(\"accordion-foreign\", {\n                              attrs: {\n                                id: \"accordion-foreign\",\n                                content: _vm.foreign,\n                              },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.algoServer.length > 0 &&\n                    _vm.algoServer[0].details &&\n                    _vm.algoServer[0].details.length > 0\n                      ? _c(\n                          \"div\",\n                          [\n                            _c(\"accordion-algo-server\", {\n                              attrs: {\n                                id: \"accordion-algo-server\",\n                                content: _vm.algoServer,\n                              },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n          this.isRuleMessageWarning\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarılar\")]),\n                _c(\"div\", { staticClass: \"row-area\" }, [\n                  _c(\"p\", { staticClass: \"row\" }, [\n                    _c(\n                      \"span\",\n                      { staticClass: \"icon-area\" },\n                      [\n                        _c(\"base-icon\", {\n                          staticClass: \"icon\",\n                          attrs: { name: \"info\" },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\"span\", { staticClass: \"text\" }, [\n                      _vm._v(_vm._s(this.itemRuleMessage)),\n                    ]),\n                  ]),\n                ]),\n              ])\n            : _vm._e(),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"package-settings__bottom m-flex m-items-center\" },\n        [\n          _c(\"div\", { staticClass: \"package-settings__bottom-right\" }, [\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"BES/Yatırım Fonu:\"),\n              ]),\n              _vm._v(\" \" + _vm._s(_vm.calculateTotalFundRate) + \" TL \"),\n            ]),\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"Komisyon:\"),\n              ]),\n              _vm._v(\" \" + _vm._s(_vm.calculateTotalComissionRate) + \" TL \"),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"package-settings__bottom-left\" }, [\n            _c(\"div\", { staticClass: \"package-settings__price m-flex\" }, [\n              _c(\"span\", [_vm._v(\"Toplam Tutar:\")]),\n              _c(\"h2\", [\n                _vm._v(\n                  _vm._s(_vm.formatPrice(_vm.calculateTotalPrice)) + \" TL\"\n                ),\n              ]),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0 &&\n              this.foraignDollarTotal()\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" + _vm._s(_vm.calculateTotalDollarForeignPrice) + \" \"\n                    ),\n                  ])\n                : _vm._e(),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0 &&\n              this.foraignEuroTotal()\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" + _vm._s(_vm.calculateTotalEuroForeignPrice) + \" \"\n                    ),\n                  ])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass:\n                  \"package-settings__bottom-action m-flex m-items-center\",\n                class:\n                  _vm.$route.query.isRecommended === undefined &&\n                  (_vm.currentTab == \"Algo\" || _vm.currentTab == \"Research\")\n                    ? \"package_sizes\"\n                    : \"\",\n              },\n              [\n                _vm.$route.query.isRecommended === undefined &&\n                (_vm.currentTab == \"Algo\" || _vm.currentTab == \"Research\")\n                  ? _c(\"base-select\", {\n                      staticClass: \"start-date-select\",\n                      attrs: {\n                        fieldLabel: \"Başlangıç Zamanı\",\n                        options: _vm.startDate,\n                        id: \"startTime\",\n                        selectedId: _vm.startDateSelection,\n                        placeholder: \"Seçiniz\",\n                      },\n                      on: { change: _vm.changeStartDate },\n                    })\n                  : _vm._e(),\n                _c(\n                  \"base-button\",\n                  {\n                    class: { \"button-disabled\": _vm.isButtonClicked },\n                    attrs: { id: \"create-submit-btn\" },\n                    on: { click: _vm.submitShow },\n                  },\n                  [_vm._v(\"Onayla\")]\n                ),\n              ],\n              1\n            ),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"info-container\" },\n        [\n          _c(\"info-area\", {\n            attrs: { infoText: _vm.infoText, typeWarning: true },\n          }),\n        ],\n        1\n      ),\n      this.isOperationWarningVal === true\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"modal-area\",\n              attrs: { name: \"operation-warning\", id: \"operation-warning\" },\n            },\n            [\n              _c(\"div\", { staticClass: \"modal-area__inner\" }, [\n                _c(\"div\", { staticClass: \"modal-heading\" }, [\n                  _c(\"div\", { staticClass: \"modal-title\" }, [\n                    _c(\"h5\", [_vm._v(\"Bu işlemi onaylıyor musunuz?\")]),\n                  ]),\n                  _c(\n                    \"a\",\n                    {\n                      attrs: { id: \"close-operation-warning\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.modalNo()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"base-icon\", {\n                        staticClass: \"close\",\n                        attrs: { name: \"close\" },\n                      }),\n                    ],\n                    1\n                  ),\n                ]),\n                _c(\"div\", { staticClass: \"modal-body\" }, [\n                  _c(\"span\", [_vm._v(_vm._s(_vm.operationMessage))]),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"modal-bottom\" },\n                  [\n                    _c(\n                      \"base-button\",\n                      {\n                        staticClass: \"no\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.modalNo()\n                          },\n                        },\n                      },\n                      [_vm._v(\"Hayır\")]\n                    ),\n                    _c(\n                      \"base-button\",\n                      {\n                        staticClass: \"hide\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.modalHide()\n                          },\n                        },\n                      },\n                      [_vm._v(\"Evet\")]\n                    ),\n                  ],\n                  1\n                ),\n              ]),\n            ]\n          )\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"popup-right\",\n    {\n      attrs: { title: \"Paket Ayarları\", isPopupVisible: _vm.isPopupVisible },\n      on: { close: _vm.setDefaultValues },\n    },\n    [\n      _c(\n        \"div\",\n        {\n          staticClass: \"package-settings\",\n          class:\n            _vm.$route.query.isRecommended === undefined &&\n            (_vm.currentTab == \"Algo\" || _vm.currentTab == \"Research\")\n              ? \"package_sizes\"\n              : \"\",\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"package-settings__top m-flex m-items-center\" },\n            [\n              _c(\n                \"div\",\n                { staticClass: \"package-settings__image\" },\n                [\n                  _vm.dataItem && _vm.dataItem.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.imageUrl,\n                        },\n                      })\n                    : _c(\"base-icon\", { attrs: { name: \"no-image\" } }),\n                ],\n                1\n              ),\n              _c(\"div\", { staticClass: \"package-settings__info\" }, [\n                _c(\"h3\", [\n                  _vm._v(\" \" + _vm._s(_vm.dataItem.name) + \" \"),\n                  _vm.dataItem.shortContent\n                    ? _c(\"span\", [\n                        _vm._v(\"- \" + _vm._s(_vm.dataItem.shortContent)),\n                      ])\n                    : _vm._e(),\n                ]),\n                _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n                  _vm.dataItem.platform && _vm.dataItem.platform.name\n                    ? _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.platform.name))])\n                    : _vm._e(),\n                  _vm.dataItem.algorithm && _vm.dataItem.algorithm.name\n                    ? _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.algorithm.name))])\n                    : _vm._e(),\n                  _vm.dataItem.application && _vm.dataItem.application.name\n                    ? _c(\"span\", [\n                        _vm._v(_vm._s(_vm.dataItem.application.name)),\n                      ])\n                    : _vm._e(),\n                ]),\n              ]),\n            ]\n          ),\n          _vm.currentTab == \"Algo\"\n            ? _c(\"div\", { staticClass: \"terminal-area\" }, [\n                !_vm.isTerminal\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"p\", { staticClass: \"text\" }, [\n                          _vm._v(\n                            \" Sistemde terminaliniz bulunmamaktadır. Lütfen öncelikle terminal alınız ya da Bireysel Ekranınıza \"\n                          ),\n                          _vm.dataItem.name\n                            ? _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.name))])\n                            : _vm._e(),\n                          _vm.dataItem.platform && _vm.dataItem.platform.name\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"- \" + _vm._s(_vm.dataItem.platform.name)\n                                ),\n                              ])\n                            : _vm.dataItem.algorithm &&\n                              _vm.dataItem.algorithm.name\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"- \" + _vm._s(_vm.dataItem.algorithm.name)\n                                ),\n                              ])\n                            : _vm.dataItem.application &&\n                              _vm.dataItem.application.name\n                            ? _c(\"span\", [\n                                _vm._v(\n                                  \"- \" + _vm._s(_vm.dataItem.application.name)\n                                ),\n                              ])\n                            : _vm._e(),\n                          _vm._v(\n                            \" tanımlamak için kullanıcı adınızı aşağıdaki ilgili alana giriniz. \"\n                          ),\n                        ]),\n                        _c(\"base-input\", {\n                          attrs: {\n                            inputType: \"text\",\n                            id: \"terminal\",\n                            placeholder: \"Bireysel Kullanıcı Adı\",\n                            noSpace: true,\n                          },\n                          model: {\n                            value: _vm.terminalNumber,\n                            callback: function ($$v) {\n                              _vm.terminalNumber = $$v\n                            },\n                            expression: \"terminalNumber\",\n                          },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n              ])\n            : _vm._e(),\n          !_vm.showSections\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarı\")]),\n                _c(\"div\", { staticClass: \"row-area\" }, [\n                  _c(\"p\", { staticClass: \"row\" }, [\n                    _c(\n                      \"span\",\n                      { staticClass: \"icon-area\" },\n                      [\n                        _c(\"base-icon\", {\n                          staticClass: \"icon\",\n                          attrs: { name: \"info\" },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\"span\", { staticClass: \"text\" }, [\n                      _vm._v(\n                        \" Paket yükseltme işlemi yapmaktasınız. Mevcut paketinizdeki tüm lisanslar otomatik olarak yükseltilecektir. Lisans Ekleme/Çıkarma işlemlerini paketi aldıktan sonra yapabilirsiniz. \"\n                      ),\n                    ]),\n                  ]),\n                ]),\n              ])\n            : _vm._e(),\n          _vm.currentTab == \"Algo\" && _vm.algoDetail.ruleMessage\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarılar\")]),\n                _c(\n                  \"div\",\n                  { staticClass: \"row-area\" },\n                  _vm._l(_vm.algoDetail.ruleMessage, function (message) {\n                    return _c(\"p\", { key: message.id, staticClass: \"row\" }, [\n                      _c(\n                        \"span\",\n                        { staticClass: \"icon-area\" },\n                        [\n                          _c(\"base-icon\", {\n                            staticClass: \"icon\",\n                            attrs: { name: \"info\" },\n                          }),\n                        ],\n                        1\n                      ),\n                      _c(\"span\", { staticClass: \"text\" }, [\n                        _vm._v(_vm._s(message)),\n                      ]),\n                    ])\n                  }),\n                  0\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab == \"Algo\" && _vm.algoDetail.faqs\n            ? _c(\n                \"div\",\n                { staticClass: \"faq-area\" },\n                [\n                  _c(\"h5\", [_vm._v(\"Sıkça Sorulan Sorular\")]),\n                  _c(\"faq\", { attrs: { data: _vm.algoDetail.faqs } }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.currentTab == \"Research\" && _vm.researchDetail.ruleMessage\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarılar\")]),\n                _c(\n                  \"div\",\n                  { staticClass: \"row-area\" },\n                  _vm._l(_vm.researchDetail.ruleMessage, function (message) {\n                    return _c(\"p\", { key: message.id, staticClass: \"row\" }, [\n                      _c(\n                        \"span\",\n                        { staticClass: \"icon-area\" },\n                        [\n                          _c(\"base-icon\", {\n                            staticClass: \"icon\",\n                            attrs: { name: \"info\" },\n                          }),\n                        ],\n                        1\n                      ),\n                      _c(\"span\", { staticClass: \"text\" }, [\n                        _vm._v(_vm._s(message)),\n                      ]),\n                    ])\n                  }),\n                  0\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab != \"Algo\" && _vm.currentTab != \"Research\"\n            ? _c(\n                \"div\",\n                {\n                  directives: [\n                    {\n                      name: \"show\",\n                      rawName: \"v-show\",\n                      value: _vm.showSections,\n                      expression: \"showSections\",\n                    },\n                  ],\n                  staticClass: \"package-settings__lisans\",\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"package-settings__lisans__information\" },\n                    [\n                      _c(\"h5\", { attrs: { id: \"lisans\" } }, [\n                        _vm._v(\"Lisans Bilgileri\"),\n                      ]),\n                      _c(\"div\", { staticClass: \"market-table\" }, [\n                        _c(\n                          \"table\",\n                          {\n                            staticClass: \"table\",\n                            attrs: { \"aria-describedby\": \"lisans\" },\n                          },\n                          [\n                            _c(\"thead\", [\n                              _c(\"tr\", [\n                                _c(\"th\", { attrs: { scope: \"col\" } }),\n                                _c(\n                                  \"th\",\n                                  {\n                                    staticClass: \"text-left\",\n                                    attrs: { scope: \"col\" },\n                                  },\n                                  [_vm._v(\"Piyasa\")]\n                                ),\n                                _c(\n                                  \"th\",\n                                  {\n                                    staticClass: \"text-left\",\n                                    attrs: { scope: \"col\" },\n                                  },\n                                  [_vm._v(\"Derinlik\")]\n                                ),\n                                _c(\n                                  \"th\",\n                                  {\n                                    staticClass: \"text-left\",\n                                    attrs: { scope: \"col\" },\n                                  },\n                                  [_vm._v(\"Aracı Kurum Dağılımı\")]\n                                ),\n                                _vm.$route.query.isRecommended != \"1\"\n                                  ? _c(\n                                      \"th\",\n                                      {\n                                        staticClass: \"text-left\",\n                                        attrs: { scope: \"col\" },\n                                      },\n                                      [_vm._v(\" Başlangıç Zamanı \")]\n                                    )\n                                  : _vm._e(),\n                              ]),\n                            ]),\n                            _c(\n                              \"tbody\",\n                              _vm._l(_vm.marketInfo, function (item) {\n                                return _c(\"package-setting-create-type\", {\n                                  key: item.id,\n                                  attrs: {\n                                    item: item,\n                                    dataItem: _vm.dataItem,\n                                    platformInfo: _vm.platformInfo,\n                                    selectData: _vm.selectData,\n                                    isResponsive: false,\n                                  },\n                                  on: {\n                                    update: _vm.changeSelected,\n                                    showSpesificWarning:\n                                      _vm.checkSpesificWarning,\n                                  },\n                                })\n                              }),\n                              1\n                            ),\n                          ]\n                        ),\n                      ]),\n                      _c(\n                        \"div\",\n                        { staticClass: \"market-table-responsive\" },\n                        _vm._l(_vm.marketInfo, function (item) {\n                          return _c(\"package-setting-create-type\", {\n                            key: item.id,\n                            attrs: {\n                              item: item,\n                              dataItem: _vm.dataItem,\n                              platformInfo: _vm.platformInfo,\n                              selectData: _vm.selectData,\n                              isResponsive: true,\n                            },\n                            on: {\n                              update: _vm.changeSelected,\n                              showSpesificWarning: _vm.checkSpesificWarning,\n                            },\n                          })\n                        }),\n                        1\n                      ),\n                      _vm.warningMessage\n                        ? _c(\n                            \"div\",\n                            { staticClass: \"m-flex m-items-center mb-10\" },\n                            [\n                              _c(\n                                \"span\",\n                                { staticClass: \"icon-area\" },\n                                [\n                                  _c(\"base-icon\", {\n                                    staticClass: \"icon\",\n                                    attrs: { name: \"info\" },\n                                  }),\n                                ],\n                                1\n                              ),\n                              _vm._v(\n                                \" Karma Lisans paketinde derinlik bilgisi bulunmamaktadır \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  ),\n                  _c(\"div\", { staticClass: \"accordion-container\" }, [\n                    _vm.research.length > 0 &&\n                    _vm.research[0].details &&\n                    _vm.research[0].details.length > 0\n                      ? _c(\n                          \"div\",\n                          [\n                            _c(\"accordion-research\", {\n                              attrs: {\n                                id: \"accordion-research\",\n                                content: _vm.research,\n                              },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.foreign.length > 0 &&\n                    _vm.foreign[0].details &&\n                    _vm.foreign[0].details.length > 0\n                      ? _c(\n                          \"div\",\n                          [\n                            _c(\"accordion-foreign\", {\n                              attrs: {\n                                id: \"accordion-foreign\",\n                                content: _vm.foreign,\n                              },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.algoServer.length > 0 &&\n                    _vm.algoServer[0].details &&\n                    _vm.algoServer[0].details.length > 0\n                      ? _c(\n                          \"div\",\n                          [\n                            _c(\"accordion-algo-server\", {\n                              attrs: {\n                                id: \"accordion-algo-server\",\n                                content: _vm.algoServer,\n                              },\n                            }),\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                  ]),\n                ]\n              )\n            : _vm._e(),\n          this.isRuleMessageWarning\n            ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                _c(\"h5\", [_vm._v(\"Uyarılar\")]),\n                _c(\"div\", { staticClass: \"row-area\" }, [\n                  _c(\"p\", { staticClass: \"row\" }, [\n                    _c(\n                      \"span\",\n                      { staticClass: \"icon-area\" },\n                      [\n                        _c(\"base-icon\", {\n                          staticClass: \"icon\",\n                          attrs: { name: \"info\" },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\"span\", { staticClass: \"text\" }, [\n                      _vm._v(_vm._s(this.itemRuleMessage)),\n                    ]),\n                  ]),\n                ]),\n              ])\n            : _vm._e(),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"package-settings__bottom m-flex m-items-center\" },\n        [\n          _c(\"div\", { staticClass: \"package-settings__bottom-right\" }, [\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"BES/Yatırım Fonu:\"),\n              ]),\n              _vm._v(\" \" + _vm._s(_vm.calculateTotalFundRate) + \" TL \"),\n            ]),\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"Komisyon:\"),\n              ]),\n              _vm._v(\" \" + _vm._s(_vm.calculateTotalComissionRate) + \" TL \"),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"package-settings__bottom-left\" }, [\n            _c(\"div\", { staticClass: \"package-settings__price m-flex\" }, [\n              _c(\"span\", [_vm._v(\"Toplam Tutar:\")]),\n              _c(\"h2\", [\n                _vm._v(\n                  _vm._s(_vm.formatPrice(_vm.calculateTotalPrice)) + \" TL\"\n                ),\n              ]),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0 &&\n              this.foraignDollarTotal()\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" + _vm._s(_vm.calculateTotalDollarForeignPrice) + \" \"\n                    ),\n                  ])\n                : _vm._e(),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0 &&\n              this.foraignEuroTotal()\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" + _vm._s(_vm.calculateTotalEuroForeignPrice) + \" \"\n                    ),\n                  ])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass:\n                  \"package-settings__bottom-action m-flex m-items-center\",\n                class:\n                  _vm.$route.query.isRecommended === undefined &&\n                  (_vm.currentTab == \"Algo\" || _vm.currentTab == \"Research\")\n                    ? \"package_sizes\"\n                    : \"\",\n              },\n              [\n                _vm.$route.query.isRecommended === undefined &&\n                (_vm.currentTab == \"Algo\" || _vm.currentTab == \"Research\")\n                  ? _c(\"base-select\", {\n                      staticClass: \"start-date-select\",\n                      attrs: {\n                        fieldLabel: \"Başlangıç Zamanı\",\n                        options: _vm.startDate,\n                        id: \"startTime\",\n                        selectedId: _vm.startDateSelection,\n                        placeholder: \"Seçiniz\",\n                      },\n                      on: { change: _vm.changeStartDate },\n                    })\n                  : _vm._e(),\n                _c(\n                  \"base-button\",\n                  {\n                    class: { \"button-disabled\": _vm.isButtonClicked },\n                    attrs: { id: \"create-submit-btn\" },\n                    on: { click: _vm.submitShow },\n                  },\n                  [_vm._v(\"Onayla\")]\n                ),\n              ],\n              1\n            ),\n          ]),\n        ]\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"info-container\" },\n        [\n          _c(\"info-area\", {\n            attrs: { infoText: _vm.infoText, typeWarning: true },\n          }),\n        ],\n        1\n      ),\n      this.isOperationWarningVal === true\n        ? _c(\n            \"div\",\n            {\n              staticClass: \"modal-area\",\n              attrs: { name: \"operation-warning\", id: \"operation-warning\" },\n            },\n            [\n              _c(\"div\", { staticClass: \"modal-area__inner\" }, [\n                _c(\"div\", { staticClass: \"modal-heading\" }, [\n                  _c(\"div\", { staticClass: \"modal-title\" }, [\n                    _c(\"h5\", [_vm._v(\"Bu işlemi onaylıyor musunuz?\")]),\n                  ]),\n                  _c(\n                    \"a\",\n                    {\n                      attrs: { id: \"close-operation-warning\" },\n                      on: {\n                        click: function ($event) {\n                          return _vm.modalNo()\n                        },\n                      },\n                    },\n                    [\n                      _c(\"base-icon\", {\n                        staticClass: \"close\",\n                        attrs: { name: \"close\" },\n                      }),\n                    ],\n                    1\n                  ),\n                ]),\n                _c(\"div\", { staticClass: \"modal-body\" }, [\n                  _c(\"span\", [_vm._v(_vm._s(_vm.operationMessage))]),\n                ]),\n                _c(\n                  \"div\",\n                  { staticClass: \"modal-bottom\" },\n                  [\n                    _c(\n                      \"base-button\",\n                      {\n                        staticClass: \"no\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.modalNo()\n                          },\n                        },\n                      },\n                      [_vm._v(\"Hayır\")]\n                    ),\n                    _c(\n                      \"base-button\",\n                      {\n                        staticClass: \"hide\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.modalHide()\n                          },\n                        },\n                      },\n                      [_vm._v(\"Evet\")]\n                    ),\n                  ],\n                  1\n                ),\n              ]),\n            ]\n          )\n        : _vm._e(),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.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");
 
 /***/ }),
 
@@ -2400,7 +2400,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"checkout custom-container\" },\n    [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\"div\", { staticClass: \"breadcrumb\" }, [\n            _c(\n              \"button\",\n              { staticClass: \"back-button\", on: { click: _vm.goBack } },\n              [\n                _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                _vm._v(\"Geri dön \"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _c(\n        \"div\",\n        { staticClass: \"checkout-customer\" },\n        [\n          _c(\"customer-info\", {\n            attrs: {\n              customerNumber: String(_vm.customerId),\n              currentCustomer: _vm.customer,\n              getPaymentStatuses: _vm.getPaymentStatuses,\n            },\n          }),\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"checkout-content\" },\n        [\n          _c(\"div\", { staticClass: \"checkout-content__title\" }, [\n            _c(\"h6\", { attrs: { id: \"data-package\" } }, [\n              _vm._v(\"Veri Paketleri\"),\n            ]),\n            !_vm.isRecomendedPackage\n              ? _c(\n                  \"div\",\n                  {\n                    directives: [\n                      {\n                        name: \"show\",\n                        rawName: \"v-show\",\n                        value: !_vm.isUpgradedPurchase,\n                        expression: \"!isUpgradedPurchase\",\n                      },\n                    ],\n                    staticClass: \"adjust-btn\",\n                  },\n                  [\n                    _c(\n                      \"base-button\",\n                      {\n                        staticClass: \"adjust\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.addCart(_vm.packageNumber)\n                          },\n                        },\n                      },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"gear\" } }),\n                        _vm._v(\"Düzenle \"),\n                      ],\n                      1\n                    ),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"checkout-content__table\" }, [\n            _c(\"table\", { attrs: { \"aria-describedby\": \"data-package\" } }, [\n              _c(\"thead\", [\n                _c(\"tr\", { staticClass: \"package-table\" }, [\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm.summaryData.application &&\n                    _vm.summaryData.application.name\n                      ? _c(\"span\", [\n                          _c(\"span\", { staticClass: \"app-name\" }, [\n                            _vm._v(\n                              \" (\" +\n                                _vm._s(_vm.summaryData.application.name) +\n                                \" - \" +\n                                _vm._s(\n                                  _vm.summaryData.application.platform.name\n                                ) +\n                                \") \"\n                            ),\n                          ]),\n                        ])\n                      : _vm._e(),\n                    _vm.summaryData.purchaseNo\n                      ? _c(\"span\", { staticClass: \"sub-info\" }, [\n                          _vm._v(_vm._s(_vm.summaryData.purchaseNo)),\n                        ])\n                      : _vm._e(),\n                  ]),\n                  _c(\"th\", { staticClass: \"bes\", attrs: { scope: \"col\" } }, [\n                    _vm._v(\" BES ve Yatırım Fonu \"),\n                    _c(\"br\"),\n                    _vm._v(\"Büyüklüğü \"),\n                    _c(\"div\", { staticClass: \"tag tooltip\" }, [\n                      _vm._m(0),\n                      _c(\n                        \"span\",\n                        { staticClass: \"text\" },\n                        [_c(\"base-icon\", { attrs: { name: \"question\" } })],\n                        1\n                      ),\n                    ]),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Komisyon\")]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Tutar\")]),\n                ]),\n              ]),\n              _c(\n                \"tbody\",\n                { staticClass: \"separator\" },\n                _vm._l(_vm.mergedDatasAfterSummaryPull, function (d) {\n                  return _c(\"tr\", { key: d.name }, [\n                    _c(\"td\", [\n                      d.marketFeature && d.marketFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\" \" + _vm._s(d.marketFeature.name) + \" \"),\n                          ])\n                        : _vm._e(),\n                      d.perspectiveFeature && d.perspectiveFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(_vm._s(d.perspectiveFeature.name)),\n                          ])\n                        : _vm._e(),\n                      d.vendorFeature && d.vendorFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\" \" + _vm._s(d.vendorFeature.name) + \" \"),\n                          ])\n                        : _vm._e(),\n                      d.endDate\n                        ? _c(\"span\", { staticClass: \"small-text\" }, [\n                            _c(\"br\"),\n                            _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                          ])\n                        : _vm._e(),\n                      d.dateSelection.key == 1\n                        ? _c(\"span\", { staticClass: \"small-text\" }, [\n                            _c(\"br\"),\n                            _vm._v(\"(Bu Paket Gelecek Ay Başlayacaktır) \"),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _c(\"td\", [\n                      _vm._v(\n                        _vm._s(_vm.formatPrice(d.totalFundAmount)) + \" TL\"\n                      ),\n                    ]),\n                    _c(\"td\", [\n                      _vm._v(\n                        _vm._s(_vm.formatPrice(d.totalCommissionAmount)) + \" TL\"\n                      ),\n                    ]),\n                    _c(\"td\", [\n                      _vm._v(_vm._s(_vm.formatPrice(d.totalPrice)) + \" TL\"),\n                    ]),\n                  ])\n                }),\n                0\n              ),\n              _vm.summaryData.research && _vm.summaryData.research.length > 0\n                ? _c(\"thead\", [_vm._m(1)])\n                : _vm._e(),\n              _vm.summaryData.research && _vm.summaryData.research.length > 0\n                ? _c(\n                    \"tbody\",\n                    _vm._l(_vm.summaryData.research, function (d) {\n                      return _c(\"tr\", { key: d.name }, [\n                        d.researchFeature && d.researchFeature.name\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" + _vm._s(d.researchFeature.name) + \" \"\n                              ),\n                              d.endDate\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                                  ])\n                                : _vm._e(),\n                              d.dateSelection.key == 1\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\n                                      \"(Bu Paket Gelecek Ay Başlayacaktır) \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.researchFeature && d.researchFeature.fundAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.researchFeature.fundAmount.toString()\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.researchFeature && d.researchFeature.commissionAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.researchFeature.commissionAmount.toString()\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.researchFeature && d.researchFeature.price\n                          ? _c(\"td\", [\n                              d.researchFeature.priceInfo == \"€\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.researchFeature.price.toString()\n                                          )\n                                        ) +\n                                        \" Euro \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.researchFeature.priceInfo == \"$\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.researchFeature.price.toString()\n                                          )\n                                        ) +\n                                        \" Dolar \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.researchFeature.priceInfo == \"₺\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.researchFeature.price.toString()\n                                          )\n                                        ) +\n                                        \" TL \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _vm.summaryData.foreignIndice &&\n              _vm.summaryData.foreignIndice.length > 0\n                ? _c(\"thead\", [_vm._m(2)])\n                : _vm._e(),\n              _vm.summaryData.foreignIndice &&\n              _vm.summaryData.foreignIndice.length > 0\n                ? _c(\n                    \"tbody\",\n                    _vm._l(_vm.summaryData.foreignIndice, function (d) {\n                      return _c(\"tr\", { key: d.name }, [\n                        d.foreignIndiceFeature && d.foreignIndiceFeature.name\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" + _vm._s(d.foreignIndiceFeature.name) + \" \"\n                              ),\n                              d.endDate\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                                  ])\n                                : _vm._e(),\n                              d.dateSelection.key == 1\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\n                                      \"(Bu Paket Gelecek Ay Başlayacaktır) \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.foreignIndiceFeature &&\n                        d.foreignIndiceFeature.fundAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.foreignIndiceFeature.fundAmount\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.foreignIndiceFeature &&\n                        d.foreignIndiceFeature.commissionAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.foreignIndiceFeature.commissionAmount\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.foreignIndiceFeature && d.foreignIndiceFeature.price\n                          ? _c(\"td\", [\n                              d.foreignIndiceFeature.priceInfo.toString() == \"₺\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.foreignIndiceFeature.price\n                                          )\n                                        ) +\n                                        \" TL \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.foreignIndiceFeature.priceInfo.toString() == \"$\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.foreignIndiceFeature.price\n                                          )\n                                        ) +\n                                        \" Dolar \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.foreignIndiceFeature.priceInfo.toString() == \"€\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.foreignIndiceFeature.price\n                                          )\n                                        ) +\n                                        \" Euro \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _vm.summaryData.algorithm && _vm.summaryData.algorithm.length > 0\n                ? _c(\"thead\", [_vm._m(3)])\n                : _vm._e(),\n              _vm.summaryData.algorithm && _vm.summaryData.algorithm.length > 0\n                ? _c(\n                    \"tbody\",\n                    _vm._l(_vm.summaryData.algorithm, function (d) {\n                      return _c(\"tr\", { key: d.name }, [\n                        d.algorithmFeature && d.algorithmFeature.name\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" + _vm._s(d.algorithmFeature.name) + \" \"\n                              ),\n                              d.endDate\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                                  ])\n                                : _vm._e(),\n                              d.dateSelection.key == 1\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\n                                      \"(Bu Paket Gelecek Ay Başlayacaktır) \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.algorithmFeature && d.algorithmFeature.fundAmount\n                          ? _c(\"td\", [\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.tl\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.formatPrice(\n                                          d.algorithmFeature.fundAmount\n                                        )\n                                      )\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.dolar\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.formatPriceDollar(\n                                          d.algorithmFeature.fundAmount\n                                        )\n                                      )\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.euro\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.formatPriceEuro(\n                                          d.algorithmFeature.fundAmount\n                                        )\n                                      )\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.algorithmFeature &&\n                        d.algorithmFeature.commissionAmount\n                          ? _c(\"td\", [\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.tl\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.algorithmFeature.commissionAmount\n                                          )\n                                        ) +\n                                        _vm._s(d.algorithmFeature.priceInfo) +\n                                        \" \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.dolar\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.algorithmFeature.commissionAmount\n                                          )\n                                        ) +\n                                        _vm._s(d.algorithmFeature.priceInfo) +\n                                        \" \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.euro\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.algorithmFeature.commissionAmount\n                                          )\n                                        ) +\n                                        _vm._s(d.algorithmFeature.priceInfo) +\n                                        \" \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.algorithmFeature && d.algorithmFeature.price\n                          ? _c(\"td\", [\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.tl\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.algorithmFeature.price\n                                          )\n                                        ) +\n                                        _vm._s(d.algorithmFeature.priceInfo) +\n                                        \" \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.dolar\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.algorithmFeature.price\n                                          )\n                                        ) +\n                                        _vm._s(d.algorithmFeature.priceInfo) +\n                                        \" \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.euro\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.algorithmFeature.price\n                                          )\n                                        ) +\n                                        _vm._s(d.algorithmFeature.priceInfo) +\n                                        \" \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _c(\"tfoot\", [\n                _c(\"tr\", [\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\"Ekran Ücreti\"),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.formatPrice(_vm.screenFund)) + \" TL\"),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      _vm._s(_vm.formatPrice(_vm.screenCommission)) + \" TL\"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.formatPrice(_vm.screenPrice)) + \" TL/Ay\"),\n                  ]),\n                ]),\n                _c(\"tr\", [\n                  _vm.showNextMonthRow\n                    ? _c(\"th\", { attrs: { scope: \"col\" } }, [\n                        _vm._v(\"Bu Ay Toplam\"),\n                      ])\n                    : _vm._e(),\n                  !_vm.showNextMonthRow\n                    ? _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Toplam\")])\n                    : _vm._e(),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      _vm._s(_vm.formatPrice(_vm.totalFundAmount)) + \" TL\"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      _vm._s(_vm.formatPrice(_vm.totalCommissionAmount)) + \" TL\"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.totalPriceCalc())),\n                  ]),\n                ]),\n                _vm.showNextMonthRow\n                  ? _c(\"tr\", [\n                      _c(\"th\", { attrs: { scope: \"col\" } }, [\n                        _vm._v(\"Gelecek Ay Toplam\"),\n                      ]),\n                      _c(\"th\", { attrs: { scope: \"col\" } }, [\n                        _vm._v(\n                          \" \" +\n                            _vm._s(\n                              _vm.formatPrice(_vm.totalNextMonthFundAmount)\n                            ) +\n                            \" TL \"\n                        ),\n                      ]),\n                      _c(\"th\", { attrs: { scope: \"col\" } }, [\n                        _vm._v(\n                          \" \" +\n                            _vm._s(\n                              _vm.formatPrice(\n                                _vm.totalNextMonthCommissionAmount\n                              )\n                            ) +\n                            \" TL \"\n                        ),\n                      ]),\n                      _c(\"th\", { attrs: { scope: \"col\" } }, [\n                        _vm._v(_vm._s(_vm.totalPriceNextMonthCalc())),\n                      ]),\n                    ])\n                  : _vm._e(),\n              ]),\n            ]),\n          ]),\n          _vm.isWarningAllowed\n            ? _c(\"info-area\", {\n                attrs: { infoText: _vm.infoText[0], typeWarning: true },\n              })\n            : _vm._e(),\n          _vm.haveCurrency\n            ? _c(\"info-area\", {\n                attrs: { infoText: _vm.infoText[1], typeWarning: true },\n              })\n            : _vm._e(),\n          _c(\n            \"div\",\n            { staticClass: \"checkout-content__action\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  class: { \"button-disabled\": _vm.isButtonClicked },\n                  attrs: { id: \"submit-checkout\" },\n                  on: { click: _vm.confirmPackage },\n                },\n                [_vm._v(\"Talep Et\")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _vm.packageDetail\n        ? [\n            _c(\"package-settigns\", {\n              attrs: {\n                dataItem: _vm.packageDetail,\n                marketInfo: _vm.marketInfo,\n                isPopupVisible: _vm.isPopupVisible,\n              },\n              on: { close: _vm.closePopup },\n            }),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext down\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Yatırım Fonu / BES hesaplamasına o ay içerisinde hesapta bulunan ortalama fon büyüklüğü dahil edilir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tr\", { staticClass: \"extra-table\" }, [\n      _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Ek Paketler\")]),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tr\", { staticClass: \"extra-table\" }, [\n      _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Yabancı Endeksler\")]),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tr\", { staticClass: \"extra-table\" }, [\n      _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Algoritmalar\")]),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%225a848ef0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"checkout custom-container\" },\n    [\n      _vm.getUserInfo.memberType == \"3\"\n        ? _c(\"div\", { staticClass: \"breadcrumb\" }, [\n            _c(\n              \"button\",\n              { staticClass: \"back-button\", on: { click: _vm.goBack } },\n              [\n                _c(\"base-icon\", { attrs: { name: \"controls-backward\" } }),\n                _vm._v(\"Geri dön \"),\n              ],\n              1\n            ),\n          ])\n        : _vm._e(),\n      _c(\n        \"div\",\n        { staticClass: \"checkout-customer\" },\n        [\n          _c(\"customer-info\", {\n            attrs: {\n              customerNumber: String(_vm.customerId),\n              currentCustomer: _vm.customer,\n              getPaymentStatuses: _vm.getPaymentStatuses,\n            },\n          }),\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"checkout-content\" },\n        [\n          _c(\"div\", { staticClass: \"checkout-content__title\" }, [\n            _c(\"h6\", { attrs: { id: \"data-package\" } }, [\n              _vm._v(\"Veri Paketleri\"),\n            ]),\n            !_vm.isRecomendedPackage\n              ? _c(\n                  \"div\",\n                  {\n                    directives: [\n                      {\n                        name: \"show\",\n                        rawName: \"v-show\",\n                        value: !_vm.isUpgradedPurchase,\n                        expression: \"!isUpgradedPurchase\",\n                      },\n                    ],\n                    staticClass: \"adjust-btn\",\n                  },\n                  [\n                    _c(\n                      \"base-button\",\n                      {\n                        staticClass: \"adjust\",\n                        on: {\n                          click: function ($event) {\n                            return _vm.addCart(_vm.packageNumber)\n                          },\n                        },\n                      },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"gear\" } }),\n                        _vm._v(\"Düzenle \"),\n                      ],\n                      1\n                    ),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\n          _c(\"div\", { staticClass: \"checkout-content__table\" }, [\n            _c(\"table\", { attrs: { \"aria-describedby\": \"data-package\" } }, [\n              _c(\"thead\", [\n                _c(\"tr\", { staticClass: \"package-table\" }, [\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm.summaryData.application &&\n                    _vm.summaryData.application.name\n                      ? _c(\"span\", [\n                          _c(\"span\", { staticClass: \"app-name\" }, [\n                            _vm._v(\n                              \" (\" +\n                                _vm._s(_vm.summaryData.application.name) +\n                                \" - \" +\n                                _vm._s(\n                                  _vm.summaryData.application.platform.name\n                                ) +\n                                \") \"\n                            ),\n                          ]),\n                        ])\n                      : _vm._e(),\n                    _vm.summaryData.purchaseNo\n                      ? _c(\"span\", { staticClass: \"sub-info\" }, [\n                          _vm._v(_vm._s(_vm.summaryData.purchaseNo)),\n                        ])\n                      : _vm._e(),\n                  ]),\n                  _c(\"th\", { staticClass: \"bes\", attrs: { scope: \"col\" } }, [\n                    _vm._v(\" BES ve Yatırım Fonu \"),\n                    _c(\"br\"),\n                    _vm._v(\"Büyüklüğü \"),\n                    _c(\"div\", { staticClass: \"tag tooltip\" }, [\n                      _vm._m(0),\n                      _c(\n                        \"span\",\n                        { staticClass: \"text\" },\n                        [_c(\"base-icon\", { attrs: { name: \"question\" } })],\n                        1\n                      ),\n                    ]),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Komisyon\")]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Tutar\")]),\n                ]),\n              ]),\n              _c(\n                \"tbody\",\n                { staticClass: \"separator\" },\n                _vm._l(_vm.mergedDatasAfterSummaryPull, function (d) {\n                  return _c(\"tr\", { key: d.name }, [\n                    _c(\"td\", [\n                      d.marketFeature && d.marketFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\" \" + _vm._s(d.marketFeature.name) + \" \"),\n                          ])\n                        : _vm._e(),\n                      d.perspectiveFeature && d.perspectiveFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(_vm._s(d.perspectiveFeature.name)),\n                          ])\n                        : _vm._e(),\n                      d.vendorFeature && d.vendorFeature.name\n                        ? _c(\"span\", [\n                            _vm._v(\" \" + _vm._s(d.vendorFeature.name) + \" \"),\n                          ])\n                        : _vm._e(),\n                      d.endDate\n                        ? _c(\"span\", { staticClass: \"small-text\" }, [\n                            _c(\"br\"),\n                            _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                          ])\n                        : _vm._e(),\n                      d.dateSelection.key == 1\n                        ? _c(\"span\", { staticClass: \"small-text\" }, [\n                            _c(\"br\"),\n                            _vm._v(\"(Bu Paket Gelecek Ay Başlayacaktır) \"),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _c(\"td\", [\n                      _vm._v(\n                        _vm._s(_vm.formatPrice(d.totalFundAmount)) + \" TL\"\n                      ),\n                    ]),\n                    _c(\"td\", [\n                      _vm._v(\n                        _vm._s(_vm.formatPrice(d.totalCommissionAmount)) + \" TL\"\n                      ),\n                    ]),\n                    _c(\"td\", [\n                      _vm._v(_vm._s(_vm.formatPrice(d.totalPrice)) + \" TL\"),\n                    ]),\n                  ])\n                }),\n                0\n              ),\n              _vm.summaryData.research && _vm.summaryData.research.length > 0\n                ? _c(\"thead\", [_vm._m(1)])\n                : _vm._e(),\n              _vm.summaryData.research && _vm.summaryData.research.length > 0\n                ? _c(\n                    \"tbody\",\n                    _vm._l(_vm.summaryData.research, function (d) {\n                      return _c(\"tr\", { key: d.name }, [\n                        d.researchFeature && d.researchFeature.name\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" + _vm._s(d.researchFeature.name) + \" \"\n                              ),\n                              d.endDate\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                                  ])\n                                : _vm._e(),\n                              d.dateSelection.key == 1\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\n                                      \"(Bu Paket Gelecek Ay Başlayacaktır) \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.researchFeature && d.researchFeature.fundAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.researchFeature.fundAmount.toString()\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.researchFeature && d.researchFeature.commissionAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.researchFeature.commissionAmount.toString()\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.researchFeature && d.researchFeature.price\n                          ? _c(\"td\", [\n                              d.researchFeature.priceInfo == \"€\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.researchFeature.price.toString()\n                                          )\n                                        ) +\n                                        \" Euro \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.researchFeature.priceInfo == \"$\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.researchFeature.price.toString()\n                                          )\n                                        ) +\n                                        \" Dolar \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.researchFeature.priceInfo == \"₺\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.researchFeature.price.toString()\n                                          )\n                                        ) +\n                                        \" TL \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _vm.summaryData.foreignIndice &&\n              _vm.summaryData.foreignIndice.length > 0\n                ? _c(\"thead\", [_vm._m(2)])\n                : _vm._e(),\n              _vm.summaryData.foreignIndice &&\n              _vm.summaryData.foreignIndice.length > 0\n                ? _c(\n                    \"tbody\",\n                    _vm._l(_vm.summaryData.foreignIndice, function (d) {\n                      return _c(\"tr\", { key: d.name }, [\n                        d.foreignIndiceFeature && d.foreignIndiceFeature.name\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" + _vm._s(d.foreignIndiceFeature.name) + \" \"\n                              ),\n                              d.endDate\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                                  ])\n                                : _vm._e(),\n                              d.dateSelection.key == 1\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\n                                      \"(Bu Paket Gelecek Ay Başlayacaktır) \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.foreignIndiceFeature &&\n                        d.foreignIndiceFeature.fundAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.foreignIndiceFeature.fundAmount\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.foreignIndiceFeature &&\n                        d.foreignIndiceFeature.commissionAmount\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      d.foreignIndiceFeature.commissionAmount\n                                    )\n                                  ) +\n                                  \" TL \"\n                              ),\n                            ])\n                          : _vm._e(),\n                        d.foreignIndiceFeature && d.foreignIndiceFeature.price\n                          ? _c(\"td\", [\n                              d.foreignIndiceFeature.priceInfo.toString() == \"₺\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.foreignIndiceFeature.price\n                                          )\n                                        ) +\n                                        \" TL \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.foreignIndiceFeature.priceInfo.toString() == \"$\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.foreignIndiceFeature.price\n                                          )\n                                        ) +\n                                        \" Dolar \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.foreignIndiceFeature.priceInfo.toString() == \"€\"\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.foreignIndiceFeature.price\n                                          )\n                                        ) +\n                                        \" Euro \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _vm.summaryData.algorithm && _vm.summaryData.algorithm.length > 0\n                ? _c(\"thead\", [_vm._m(3)])\n                : _vm._e(),\n              _vm.summaryData.algorithm && _vm.summaryData.algorithm.length > 0\n                ? _c(\n                    \"tbody\",\n                    _vm._l(_vm.summaryData.algorithm, function (d) {\n                      return _c(\"tr\", { key: d.name }, [\n                        d.algorithmFeature && d.algorithmFeature.name\n                          ? _c(\"td\", [\n                              _vm._v(\n                                \" \" + _vm._s(d.algorithmFeature.name) + \" \"\n                              ),\n                              d.endDate\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\"(Ay Sonuna Kadar Geçerli) \"),\n                                  ])\n                                : _vm._e(),\n                              d.dateSelection.key == 1\n                                ? _c(\"span\", { staticClass: \"small-text\" }, [\n                                    _c(\"br\"),\n                                    _vm._v(\n                                      \"(Bu Paket Gelecek Ay Başlayacaktır) \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.algorithmFeature && d.algorithmFeature.fundAmount\n                          ? _c(\"td\", [\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.tl\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.formatPrice(\n                                          d.algorithmFeature.fundAmount\n                                        )\n                                      ) + \" TL\"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.dolar\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.formatPriceDollar(\n                                          d.algorithmFeature.fundAmount\n                                        )\n                                      ) + \" Dolar\"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.euro\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      _vm._s(\n                                        _vm.formatPriceEuro(\n                                          d.algorithmFeature.fundAmount\n                                        )\n                                      ) + \" Euro\"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.algorithmFeature &&\n                        d.algorithmFeature.commissionAmount\n                          ? _c(\"td\", [\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.tl\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.algorithmFeature.commissionAmount\n                                          )\n                                        ) +\n                                        \" TL \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.dolar\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.algorithmFeature.commissionAmount\n                                          )\n                                        ) +\n                                        \" Dolar \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.euro\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.algorithmFeature.commissionAmount\n                                          )\n                                        ) +\n                                        \" Euro \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                        d.algorithmFeature && d.algorithmFeature.price\n                          ? _c(\"td\", [\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.tl\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPrice(\n                                            d.algorithmFeature.price\n                                          )\n                                        ) +\n                                        \" TL \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.dolar\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceDollar(\n                                            d.algorithmFeature.price\n                                          )\n                                        ) +\n                                        \" Dolar \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                              d.algorithmFeature.priceInfo ===\n                              _vm.currencySymbol.euro\n                                ? _c(\"span\", [\n                                    _vm._v(\n                                      \" \" +\n                                        _vm._s(\n                                          _vm.formatPriceEuro(\n                                            d.algorithmFeature.price\n                                          )\n                                        ) +\n                                        \" Euro \"\n                                    ),\n                                  ])\n                                : _vm._e(),\n                            ])\n                          : _vm._e(),\n                      ])\n                    }),\n                    0\n                  )\n                : _vm._e(),\n              _c(\"tfoot\", [\n                _c(\"tr\", [\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\"Ekran Ücreti\"),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.formatPrice(_vm.screenFund)) + \" TL\"),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      _vm._s(_vm.formatPrice(_vm.screenCommission)) + \" TL\"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.formatPrice(_vm.screenPrice)) + \" TL/Ay\"),\n                  ]),\n                ]),\n                _c(\"tr\", [\n                  _vm.showNextMonthRow\n                    ? _c(\"th\", { attrs: { scope: \"col\" } }, [\n                        _vm._v(\"Bu Ay Toplam\"),\n                      ])\n                    : _vm._e(),\n                  !_vm.showNextMonthRow\n                    ? _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Toplam\")])\n                    : _vm._e(),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      _vm._s(_vm.formatPrice(_vm.totalFundAmount)) + \" TL\"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      _vm._s(_vm.formatPrice(_vm.totalCommissionAmount)) + \" TL\"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.totalPriceCalc())),\n                  ]),\n                ]),\n                _c(\"tr\", [\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\"Gelecek Ay Toplam\"),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      \" \" +\n                        _vm._s(_vm.formatPrice(_vm.totalNextMonthFundAmount)) +\n                        \" TL \"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.formatPrice(_vm.totalNextMonthCommissionAmount)\n                        ) +\n                        \" TL \"\n                    ),\n                  ]),\n                  _c(\"th\", { attrs: { scope: \"col\" } }, [\n                    _vm._v(_vm._s(_vm.totalPriceNextMonthCalc())),\n                  ]),\n                ]),\n              ]),\n            ]),\n          ]),\n          _vm.isWarningAllowed\n            ? _c(\"info-area\", {\n                attrs: { infoText: _vm.infoText[0], typeWarning: true },\n              })\n            : _vm._e(),\n          _vm.haveCurrency\n            ? _c(\"info-area\", {\n                attrs: { infoText: _vm.infoText[1], typeWarning: true },\n              })\n            : _vm._e(),\n          _c(\n            \"div\",\n            { staticClass: \"checkout-content__action\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  class: { \"button-disabled\": _vm.isButtonClicked },\n                  attrs: { id: \"submit-checkout\" },\n                  on: { click: _vm.confirmPackage },\n                },\n                [_vm._v(\"Talep Et\")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _vm.packageDetail\n        ? [\n            _c(\"package-settigns\", {\n              attrs: {\n                dataItem: _vm.packageDetail,\n                marketInfo: _vm.marketInfo,\n                isPopupVisible: _vm.isPopupVisible,\n              },\n              on: { close: _vm.closePopup },\n            }),\n          ]\n        : _vm._e(),\n    ],\n    2\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"tooltiptext down\" }, [\n      _c(\"div\", { staticClass: \"texts\" }, [\n        _vm._v(\n          \" Yatırım Fonu / BES hesaplamasına o ay içerisinde hesapta bulunan ortalama fon büyüklüğü dahil edilir. \"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"triangle-down\" }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tr\", { staticClass: \"extra-table\" }, [\n      _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Ek Paketler\")]),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tr\", { staticClass: \"extra-table\" }, [\n      _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Yabancı Endeksler\")]),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n    ])\n  },\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"tr\", { staticClass: \"extra-table\" }, [\n      _c(\"th\", { attrs: { scope: \"col\" } }, [_vm._v(\"Algoritmalar\")]),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n      _c(\"th\", { attrs: { scope: \"col\" } }),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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");
 
 /***/ }),
 
@@ -3483,7 +3483,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".infoArea[data-v-834ec8ce] {\\n  position: absolute;\\n  bottom: 0;\\n  flex-direction: row;\\n  text-align: center;\\n  color: #92929b;\\n  display: flex;\\n  font-size: 12px;\\n  padding: 20px;\\n  left: 0;\\n  right: 0;\\n  border-radius: var(--radius-second);\\n  justify-content: center;\\n  align-items: center;\\n}\\n.infoArea .icon[data-v-834ec8ce] {\\n    margin-right: 6px;\\n}\\n.infoArea svg[data-v-834ec8ce] {\\n    flex-shrink: 0;\\n    margin-right: 10px;\\n}\\n.infoArea.yellow[data-v-834ec8ce] {\\n    color: var(--color-primary-warning-text) !important;\\n    background: var(--color-primary-warning-text-background) !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoArea.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".infoArea[data-v-834ec8ce] {\\n  position: absolute;\\n  bottom: 0;\\n  flex-direction: row;\\n  text-align: center;\\n  color: #92929b;\\n  display: flex;\\n  font-size: 12px;\\n  padding: 20px;\\n  left: 0;\\n  right: 0;\\n  border-radius: var(--radius-second);\\n  justify-content: center;\\n  align-items: center;\\n}\\n.infoArea .icon[data-v-834ec8ce] {\\n    margin-right: 6px;\\n}\\n.infoArea svg[data-v-834ec8ce] {\\n    flex-shrink: 0;\\n    margin-right: 10px;\\n}\\n.infoArea.yellow[data-v-834ec8ce] {\\n    color: var(--color-primary-warning-text) !important;\\n    background: var(--color-primary-warning-text-background) !important;\\n    font-size: 13px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/InfoArea.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");
 
 /***/ }),
 
@@ -3516,7 +3516,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".pager[data-v-fdda0316] {\\n  display: flex;\\n  justify-content: flex-end;\\n  flex-wrap: wrap;\\n  font-size: 14px;\\n  margin-top: 20px;\\n}\\n@media (max-width: 493px) {\\n.pager[data-v-fdda0316] {\\n      justify-content: center;\\n}\\n}\\n.pager .disabled[data-v-fdda0316] {\\n    pointer-events: none;\\n}\\n.pager__size[data-v-fdda0316], .pager__items[data-v-fdda0316] {\\n    display: flex;\\n    align-items: center;\\n}\\n.pager__size[data-v-fdda0316] {\\n    margin-right: 30px;\\n}\\n@media (max-width: 493px) {\\n.pager__size[data-v-fdda0316] {\\n        margin: 10px 0 20px 0;\\n}\\n}\\n.pager__size span[data-v-fdda0316] {\\n      padding: 0 12px;\\n}\\n.pager__items[data-v-fdda0316] {\\n    list-style: none;\\n}\\n.pager__items.overflow-settings[data-v-fdda0316] {\\n      max-width: 45%;\\n      overflow-x: scroll;\\n      background: linear-gradient(to left, transparent, transparent 0%, #e1e1e1e1 100%, transparent 20%);\\n}\\n.pager__items.disableScroll[data-v-fdda0316]::-webkit-scrollbar {\\n      display: none;\\n}\\n.pager__item-number[data-v-fdda0316] {\\n    color: var(--grayscale-70);\\n    cursor: pointer;\\n}\\n.pager__item-number span[data-v-fdda0316] {\\n      padding: 11px 16px;\\n      display: block;\\n}\\n.pager__item-number.disabled[data-v-fdda0316] {\\n      color: var(--grayscale-50);\\n}\\n.pager__item-number.active[data-v-fdda0316] {\\n      background-color: var(--color-primary-default);\\n      color: var(--grayscale-0);\\n      border-radius: var(--radius-first);\\n}\\n.pager__item-text[data-v-fdda0316] {\\n    width: 40px;\\n    height: 40px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    cursor: pointer;\\n}\\n.pager__size-select[data-v-fdda0316] {\\n    width: 74px;\\n    height: 40px;\\n    padding-left: 7px;\\n    border-radius: var(--radius-first);\\n    border-color: var(--grayscale-50);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".pager[data-v-fdda0316] {\\n  display: flex;\\n  justify-content: flex-end;\\n  flex-wrap: wrap;\\n  font-size: 14px;\\n  margin-top: 20px;\\n}\\n@media (max-width: 493px) {\\n.pager[data-v-fdda0316] {\\n      justify-content: center;\\n}\\n}\\n.pager .disabled[data-v-fdda0316] {\\n    pointer-events: none;\\n}\\n.pager__size[data-v-fdda0316], .pager__items[data-v-fdda0316] {\\n    display: flex;\\n    align-items: center;\\n}\\n.pager__size[data-v-fdda0316] {\\n    margin-right: 30px;\\n}\\n@media (max-width: 493px) {\\n.pager__size[data-v-fdda0316] {\\n        margin: 10px 0 20px 0;\\n}\\n}\\n.pager__size span[data-v-fdda0316] {\\n      padding: 0 12px;\\n}\\n.pager__items[data-v-fdda0316] {\\n    list-style: none;\\n}\\n.pager__items.overflow-settings[data-v-fdda0316] {\\n      max-width: 300px;\\n      overflow-x: scroll;\\n      background: linear-gradient(to left, transparent, transparent 0%, #e1e1e1e1 100%, transparent 20%);\\n}\\n.pager__items.disableScroll[data-v-fdda0316]::-webkit-scrollbar {\\n      display: none;\\n}\\n.pager__item-number[data-v-fdda0316] {\\n    color: var(--grayscale-70);\\n    cursor: pointer;\\n}\\n.pager__item-number span[data-v-fdda0316] {\\n      padding: 11px 16px;\\n      display: block;\\n}\\n.pager__item-number.disabled[data-v-fdda0316] {\\n      color: var(--grayscale-50);\\n}\\n.pager__item-number.active[data-v-fdda0316] {\\n      background-color: var(--color-primary-default);\\n      color: var(--grayscale-0);\\n      border-radius: var(--radius-first);\\n}\\n.pager__item-text[data-v-fdda0316] {\\n    width: 40px;\\n    height: 40px;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    cursor: pointer;\\n}\\n.pager__size-select[data-v-fdda0316] {\\n    width: 74px;\\n    height: 40px;\\n    padding-left: 7px;\\n    border-radius: var(--radius-first);\\n    border-color: var(--grayscale-50);\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Pager.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");
 
 /***/ }),
 
@@ -3527,7 +3527,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".popup-overlay.show[data-v-0115320e] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  background: rgba(0, 0, 0, 0.2);\\n  z-index: 999;\\n  opacity: 1;\\n  transition: all ease-in 0.4s;\\n}\\n.show .popup-right[data-v-0115320e] {\\n  right: 0;\\n}\\n@media (max-width: 640px) {\\n.show .popup-right[data-v-0115320e] {\\n      overflow: auto;\\n}\\n}\\n.popup-right[data-v-0115320e] {\\n  position: fixed;\\n  top: 0;\\n  right: -100%;\\n  z-index: 10;\\n  background-color: var(--grayscale-150);\\n  padding: 0px 20px;\\n  width: 93%;\\n  height: 100vh;\\n  transition: all ease-in 0.4s;\\n}\\n@media (min-width: 768px) {\\n.popup-right[data-v-0115320e] {\\n      width: 90%;\\n}\\n}\\n@media (min-width: 1024px) {\\n.popup-right[data-v-0115320e] {\\n      width: 93%;\\n}\\n}\\n@media (min-width: 1025px) {\\n.popup-right[data-v-0115320e] {\\n      width: 830px;\\n}\\n}\\n@media (max-width: 800px) {\\n.popup-right[data-v-0115320e] {\\n      width: 100%;\\n      padding: 10px 20px;\\n      box-sizing: border-box;\\n}\\n}\\n.popup-right__content[data-v-0115320e] {\\n    position: relative;\\n    height: 100%;\\n}\\n@media (max-width: 583px) {\\n.popup-right__content[data-v-0115320e] {\\n        overflow-y: auto;\\n}\\n}\\n@media (max-width: 640px) {\\n.popup-right__content[data-v-0115320e] {\\n        height: auto;\\n}\\n}\\n.popup-right__close[data-v-0115320e] {\\n    cursor: pointer;\\n}\\n.popup-right__header[data-v-0115320e] {\\n    border-bottom: 1px solid var(--grayscale-20);\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    min-height: 82px;\\n    margin-bottom: 20px;\\n}\\n.popup-right[data-v-0115320e]  .infoArea {\\n    position: relative;\\n    font-size: 13px;\\n    padding: 12px 3px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/PopupRight.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".popup-overlay.show[data-v-0115320e] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  background: rgba(0, 0, 0, 0.2);\\n  z-index: 999;\\n  opacity: 1;\\n  transition: all ease-in 0.4s;\\n}\\n.show .popup-right[data-v-0115320e] {\\n  right: 0;\\n}\\n@media (max-width: 640px) {\\n.show .popup-right[data-v-0115320e] {\\n      overflow: auto;\\n}\\n}\\n.popup-right[data-v-0115320e] {\\n  position: fixed;\\n  top: 0;\\n  right: -100%;\\n  z-index: 10;\\n  background-color: var(--grayscale-150);\\n  padding: 0px 20px;\\n  width: 93%;\\n  height: 100vh;\\n  transition: all ease-in 0.4s;\\n}\\n@media (min-width: 768px) {\\n.popup-right[data-v-0115320e] {\\n      width: 90%;\\n}\\n}\\n@media (min-width: 1024px) {\\n.popup-right[data-v-0115320e] {\\n      width: 93%;\\n}\\n}\\n@media (min-width: 1025px) {\\n.popup-right[data-v-0115320e] {\\n      width: 960px;\\n}\\n}\\n@media (max-width: 800px) {\\n.popup-right[data-v-0115320e] {\\n      width: 100%;\\n      padding: 10px 20px;\\n      box-sizing: border-box;\\n}\\n}\\n.popup-right__content[data-v-0115320e] {\\n    position: relative;\\n    height: 100%;\\n}\\n@media (max-width: 583px) {\\n.popup-right__content[data-v-0115320e] {\\n        overflow-y: auto;\\n}\\n}\\n@media (max-width: 640px) {\\n.popup-right__content[data-v-0115320e] {\\n        height: auto;\\n}\\n}\\n.popup-right__close[data-v-0115320e] {\\n    cursor: pointer;\\n}\\n.popup-right__header[data-v-0115320e] {\\n    border-bottom: 1px solid var(--grayscale-20);\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    min-height: 82px;\\n    margin-bottom: 20px;\\n}\\n.popup-right[data-v-0115320e]  .infoArea {\\n    position: relative;\\n    font-size: 13px;\\n    padding: 12px 3px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/PopupRight.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");
 
 /***/ }),
 
@@ -3582,7 +3582,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 284px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".card-container .card[data-v-7d998794] {\\n  border-radius: var(--radius-first);\\n  border: solid 1px var(--color-primary-tint-second);\\n  min-height: 288px;\\n  min-width: 275px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: space-between;\\n}\\n.card-container .card[data-v-7d998794]:hover {\\n    border: solid 2px #d6d6d8;\\n    cursor: pointer;\\n}\\n.card-container .card-image[data-v-7d998794] {\\n    margin-top: 20px;\\n    width: 100%;\\n    display: flex;\\n    place-content: center;\\n}\\n.card-container .card-image .img[data-v-7d998794] {\\n      width: 80px;\\n}\\n.card-container .card-text[data-v-7d998794] {\\n    text-align: center;\\n}\\n.card-container .card-header[data-v-7d998794] {\\n  padding-top: 10px;\\n  margin-bottom: 10px;\\n  font-size: 14px;\\n}\\n.card-container .name[data-v-7d998794] {\\n  margin-bottom: 58px;\\n  color: var(--grayscale-120);\\n  font-size: 14px;\\n  font-weight: normal;\\n}\\n.card-container .description[data-v-7d998794] {\\n  color: var(--grayscale-50);\\n}\\n.card-container .add-btn[data-v-7d998794] {\\n  margin-bottom: 20px;\\n  text-align: center;\\n  padding: 0px 20px;\\n}\\n.card-container .add-btn button[data-v-7d998794] {\\n    width: 100%;\\n    background: var(--color-primary-active);\\n    height: 32px;\\n    font-weight: 400;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/CardItem.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");
 
 /***/ }),
 
@@ -3681,7 +3681,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 20px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 14px;\\n      font-weight: 400;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 20px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 14px;\\n      font-weight: 400;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n      color: var(--color-primary-gray-metallic);\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3736,7 +3736,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 120px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-8ab7184c] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-8ab7184c] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-8ab7184c] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-8ab7184c] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-8ab7184c] {\\n  text-align: center;\\n}\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n  background-color: #fff3cd;\\n  min-height: 40px;\\n  display: flex;\\n  align-items: center;\\n  padding: 10px;\\n  border-radius: 10px;\\n  box-shadow: 0px 0px 3px #000;\\n  margin-bottom: 20px;\\n  max-width: 80%;\\n  margin-left: 5px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages[data-v-8ab7184c] {\\n      display: block;\\n      text-align: center;\\n}\\n}\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n    border-radius: 100%;\\n    border: 1px solid #000;\\n    color: #000;\\n    font-weight: bold;\\n    width: 30px;\\n    display: inline-flex;\\n    justify-content: center;\\n    height: 30px;\\n    align-items: center;\\n    font-size: 24px !important;\\n    margin-right: 10px;\\n}\\n@media (max-width: 585px) {\\n.osm-vd .warning-messages .error-icon[data-v-8ab7184c] {\\n        display: block;\\n        margin: 0 auto;\\n}\\n}\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n  overflow: auto;\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-8ab7184c] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-8ab7184c] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-8ab7184c] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-8ab7184c],\\n  .osm-vd .package-settings__info_bes span[data-v-8ab7184c] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-8ab7184c] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-8ab7184c] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-8ab7184c] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-8ab7184c] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-8ab7184c] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-8ab7184c] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child {\\n        width: 120px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-8ab7184c]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-8ab7184c] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-8ab7184c] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-8ab7184c] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-8ab7184c] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-8ab7184c]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-8ab7184c]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-8ab7184c]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-8ab7184c] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-8ab7184c] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-8ab7184c] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-8ab7184c] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-8ab7184c] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-8ab7184c] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-8ab7184c] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-8ab7184c] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-8ab7184c] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-8ab7184c] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-8ab7184c]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-8ab7184c] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-8ab7184c] {\\n      margin-bottom: 1em;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-8ab7184c] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-8ab7184c] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-8ab7184c] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.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");
 
 /***/ }),
 
@@ -3747,7 +3747,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 120px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".osm-vd .veri-dagitim-selectbox.v-select[data-v-499ccd14] {\\n  overflow-y: scroll;\\n}\\n.osm-vd .m-flex[data-v-499ccd14] {\\n  display: flex;\\n}\\n.osm-vd .m-items-center[data-v-499ccd14] {\\n  align-items: center;\\n}\\n.osm-vd .mb-10[data-v-499ccd14] {\\n  margin-bottom: 10px;\\n}\\n.osm-vd .text-center[data-v-499ccd14] {\\n  text-align: center;\\n}\\n.osm-vd .modal-area[data-v-499ccd14] {\\n  position: fixed;\\n  box-sizing: border-box;\\n  left: 0;\\n  top: 0;\\n  width: 100%;\\n  height: 100vh;\\n  z-index: 999;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  background-color: rgba(0, 0, 0, 0.17);\\n}\\n.osm-vd .modal-area__inner[data-v-499ccd14] {\\n    width: 580px;\\n    background-color: var(--grayscale-0);\\n}\\n.osm-vd .modal-area__inner .modal-heading[data-v-499ccd14] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px;\\n      justify-content: space-between;\\n}\\n.osm-vd .modal-area__inner .modal-heading .close[data-v-499ccd14] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.osm-vd .modal-area__inner .modal-body[data-v-499ccd14] {\\n      padding: 15px;\\n}\\n.osm-vd .modal-area__inner .modal-body span[data-v-499ccd14] {\\n        font-size: 14px;\\n        line-height: 24px;\\n}\\n.osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:link,\\n        .osm-vd .modal-area__inner .modal-body span a[data-v-499ccd14]:visited {\\n          color: var(--body-text);\\n}\\n.osm-vd .modal-area__inner .modal-bottom[data-v-499ccd14] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button[data-v-499ccd14] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n        margin-left: 10px;\\n}\\n.osm-vd .modal-area__inner .modal-bottom .base-button.hide[data-v-499ccd14] {\\n          background-color: var(--color-primary-default);\\n}\\n.osm-vd .package-settings[data-v-499ccd14] {\\n  overflow: auto;\\n}\\n.osm-vd .package-settings.package_sizes[data-v-499ccd14] {\\n    height: calc(100vh - 300px);\\n}\\n@media (min-width: 640px) {\\n.osm-vd .package-settings[data-v-499ccd14] {\\n      height: calc(100vh - 250px);\\n}\\n}\\n.osm-vd .package-settings__info h3[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__info-platform[data-v-499ccd14] {\\n    font-size: 16px;\\n}\\n.osm-vd .package-settings__info_price[data-v-499ccd14] {\\n    font-size: 29px;\\n    font-weight: bold;\\n    margin-top: 12px;\\n}\\n.osm-vd .package-settings__info_bes[data-v-499ccd14],\\n  .osm-vd .package-settings__info_bes span[data-v-499ccd14] {\\n    font-size: 14px;\\n}\\n.osm-vd .package-settings__image img[data-v-499ccd14] {\\n    margin-right: 20px;\\n    width: 80px;\\n    -o-object-fit: contain;\\n       object-fit: contain;\\n}\\n.osm-vd .package-settings__top[data-v-499ccd14] {\\n    margin-bottom: 30px;\\n}\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n    overflow-y: auto;\\n}\\n.osm-vd .package-settings__lisans__information[data-v-499ccd14] {\\n      padding: 20px;\\n      background: var(--grayscale-0);\\n      margin-bottom: 20px;\\n}\\n.osm-vd .package-settings__lisans__information h5[data-v-499ccd14] {\\n        font-size: 14px;\\n}\\n.osm-vd .package-settings__lisans__information .table[data-v-499ccd14] {\\n        margin-bottom: 0px !important;\\n}\\n@media (max-width: 898px) {\\n.osm-vd .package-settings__lisans[data-v-499ccd14] {\\n        overflow: auto;\\n}\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14] {\\n      border-collapse: collapse;\\n      text-indent: 0;\\n      min-width: 100%;\\n      border-radius: var(--radius-second) !important;\\n      overflow: auto;\\n      border: solid 1px var(--color-primary-tint-second);\\n      background-color: #fff;\\n      margin: 20px 0px;\\n      overflow-y: visible !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th {\\n        background: var(--grayscale-160);\\n        height: 40px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th,\\n      .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td {\\n        font-size: 12px;\\n        vertical-align: middle;\\n        border-top: 1px solid #e8e8e8;\\n        border-bottom: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select {\\n          border: 1px solid transparent;\\n          width: 100%;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n            padding: 0px;\\n            border: 0px !important;\\n            position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__dropdown-toggle:focus-visible {\\n              outline: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected {\\n            padding: 0;\\n            margin: 0;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__selected-options,\\n            .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__selected-options {\\n              padding: 0px !important;\\n              position: relative;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__clear,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__clear {\\n            display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select .vs__actions,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select .vs__actions {\\n            padding: 0px;\\n            cursor: pointer !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search, .osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .veri-dagitim-selectbox.v-select__search:focus,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search,\\n          .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .veri-dagitim-selectbox.v-select__search:focus {\\n            border: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  th .option .editing-view-port,\\n        .osm-vd .package-settings__lisans .table[data-v-499ccd14]  td .option .editing-view-port {\\n          display: none !important;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td {\\n        height: 64px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(3), .osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:nth-child(4) {\\n          min-width: 252px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody tr td:first-child {\\n        width: 38px;\\n        padding: 0px;\\n        padding-right: 6px;\\n        text-align: right;\\n        border-left: 1px solid #e8e8e8;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child {\\n        width: 210px;\\n        padding-right: 20px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n          min-width: auto;\\n          width: 210px;\\n}\\n.osm-vd .package-settings__lisans .table[data-v-499ccd14]  tbody td:last-child .veri-dagitim-selectbox.v-select .vs__search {\\n          display: none;\\n}\\n.osm-vd .package-settings__lisans .info-option[data-v-499ccd14] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: left;\\n}\\n.osm-vd .package-settings__lisans .info-option svg[data-v-499ccd14] {\\n        cursor: pointer;\\n}\\n.osm-vd .package-settings__lisans .accordion-container[data-v-499ccd14] {\\n      width: 100%;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n      text-align: center;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n    width: 100%;\\n    padding: 20px 0px 8px 0px;\\n    border-top: 1px solid var(--grayscale-30);\\n    justify-content: space-between;\\n    background-color: var(--grayscale-10);\\n}\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      display: flex;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom[data-v-499ccd14] {\\n        position: relative;\\n        flex-flow: column;\\n}\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-group {\\n      position: relative;\\n      margin-right: 16px;\\n      width: 100%;\\n}\\n.osm-vd .package-settings__bottom[data-v-499ccd14]  .form-control-label {\\n      font-size: 12px;\\n      color: var(--grayscale-70);\\n      position: absolute;\\n      padding: 0 7px;\\n      margin-left: 10px;\\n      z-index: 2;\\n      top: -5px;\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n    line-height: 24px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14] {\\n        text-align: center;\\n        margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p,\\n    .osm-vd .package-settings__bottom-right[data-v-499ccd14]  span {\\n      font-size: 14px;\\n      font-weight: 600;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__bottom-right[data-v-499ccd14]  p {\\n      color: var(--color-primary-black-metallic);\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-left[data-v-499ccd14] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n    width: 216px;\\n    margin-left: 40px;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__bottom-action[data-v-499ccd14] {\\n        width: 96%;\\n        align-items: inherit;\\n        flex-flow: column;\\n        margin-left: auto;\\n}\\n.osm-vd .package-settings__bottom-action .start-date-select[data-v-499ccd14] {\\n          width: 100%;\\n          margin-bottom: 10px;\\n}\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes[data-v-499ccd14] {\\n      flex-direction: column;\\n      gap: 5px;\\n}\\n.osm-vd .package-settings__bottom-action.package_sizes .start-date-select[data-v-499ccd14] {\\n        margin-right: 0px;\\n}\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n    align-items: center;\\n    justify-content: center;\\n    font-weight: 600;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .package-settings__price[data-v-499ccd14] {\\n        align-items: center;\\n        justify-content: center;\\n        margin-bottom: 15px;\\n}\\n}\\n.osm-vd .package-settings__price span[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--grayscale-120);\\n}\\n.osm-vd .package-settings__price h2[data-v-499ccd14] {\\n      font-size: 14px;\\n      color: var(--color-primary-black-metallic);\\n      margin-left: 5px;\\n}\\n.osm-vd .package-settings .up svg[data-v-499ccd14] {\\n    color: #28a745;\\n}\\n.osm-vd .package-settings .down svg[data-v-499ccd14] {\\n    color: #dc3545;\\n}\\n.osm-vd .package-settings .warning-area[data-v-499ccd14] {\\n    margin-bottom: 2em;\\n}\\n.osm-vd .package-settings .warning-area .row-area[data-v-499ccd14] {\\n      border: 1px solid var(--grayscale-30);\\n      border-radius: var(--radius-second);\\n      margin-top: 1em;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14] {\\n        padding: 15px;\\n        display: flex;\\n        align-items: center;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row .icon-area[data-v-499ccd14] {\\n          margin-right: 10px;\\n}\\n.osm-vd .package-settings .warning-area .row-area .row[data-v-499ccd14]:nth-child(odd) {\\n          background-color: var(--grayscale-0);\\n}\\n.osm-vd .package-settings .terminal-area[data-v-499ccd14] {\\n    padding: 20px 0;\\n    margin-bottom: 1em;\\n}\\n.osm-vd .package-settings .terminal-area .text[data-v-499ccd14] {\\n      margin-bottom: 1em;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n  width: 100%;\\n  display: block;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n  width: 100%;\\n  display: none;\\n}\\n@media (max-width: 640px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    position: relative;\\n    margin-top: 20px;\\n}\\n.osm-vd .market-table[data-v-499ccd14] {\\n    display: none;\\n}\\n.osm-vd .market-table-responsive[data-v-499ccd14] {\\n    display: block;\\n}\\n}\\n@media (max-width: 389px) {\\n.osm-vd .info-container[data-v-499ccd14] {\\n    margin-top: 40px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettignsCreate.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");
 
 /***/ }),
 
@@ -3879,7 +3879,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: normal;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 20px;\\n    margin-bottom: 30px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 20px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-silver-metallic);\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: normal;\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        padding: 5px;\\n        cursor: pointer;\\n        flex: 0.33;\\n        height: 40px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 2px solid var(--color-primary-green);\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          color: var(--color-primary-green);\\n          font-weight: bold;\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 30px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: normal;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 20px;\\n    margin-bottom: 30px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 20px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: flex-start;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-silver-metallic);\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: normal;\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 56px;\\n        text-align: center;\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        border-bottom: 2px solid transparent;\\n        width: 200px;\\n}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 2px solid var(--color-primary-green);\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          color: var(--color-primary-green);\\n          font-weight: bold;\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3901,7 +3901,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[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: 10px;\\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: 10px 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: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\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: 25px;\\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: 55px;\\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: 2px 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");
+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");
 
 /***/ }),
 
@@ -3945,7 +3945,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../c
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_0___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!../../node_modules/postcss-loader/src??ref--9-oneOf-3-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!vue-toastification/dist/index.css */ \"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-toastification/dist/index.css\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_1___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!../../node_modules/postcss-loader/src??ref--9-oneOf-3-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!vue2-datepicker/index.css */ \"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue2-datepicker/index.css\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\nexports.push([module.i, \".m-text-grayscale-180 {\\n  color: #b6791f; }\\n\\n.m-text-grayscale-170 {\\n  color: #D0D0D1; }\\n\\n.m-text-grayscale-160 {\\n  color: #F3F4F5; }\\n\\n.m-text-grayscale-150 {\\n  color: #F6F6F6; }\\n\\n.m-text-grayscale-140 {\\n  color: #F2F7F6; }\\n\\n.m-text-grayscale-130 {\\n  color: #8B8B8C; }\\n\\n.m-text-grayscale-120 {\\n  color: #727273; }\\n\\n.m-text-grayscale-110 {\\n  color: #E7E7E7; }\\n\\n.m-text-grayscale-100 {\\n  color: #2c2c30; }\\n\\n.m-text-grayscale-90 {\\n  color: #404045; }\\n\\n.m-text-grayscale-80 {\\n  color: #54545b; }\\n\\n.m-text-grayscale-70 {\\n  color: #686871; }\\n\\n.m-text-grayscale-60 {\\n  color: #7d7d87; }\\n\\n.m-text-grayscale-50 {\\n  color: #92929b; }\\n\\n.m-text-grayscale-40 {\\n  color: #bebec3; }\\n\\n.m-text-grayscale-30 {\\n  color: #d4d4d7; }\\n\\n.m-text-grayscale-20 {\\n  color: #e9e9eb; }\\n\\n.m-text-grayscale-10 {\\n  color: #f3f3f4; }\\n\\n.m-text-grayscale-0 {\\n  color: #ffffff; }\\n\\n.m-text-color-primary-default {\\n  color: #41807a; }\\n\\n.m-text-color-primary-light {\\n  color: #50958e; }\\n\\n.m-text-color-primary-green {\\n  color: #346662; }\\n\\n.m-text-color-primary-silver-metallic {\\n  color: #9FA6AD; }\\n\\n.m-text-color-primary-black-metallic {\\n  color: #090D0D; }\\n\\n.m-text-color-primary-gray-metallic {\\n  color: #5C5C5E; }\\n\\n.m-text-color-primary-tint {\\n  color: #E7EEED; }\\n\\n.m-text-color-primary-tint-second {\\n  color: #ECEDEF; }\\n\\n.m-text-color-primary-tint-third {\\n  color: #F8FCFB; }\\n\\n.m-text-color-primary-zebra {\\n  color: #FAFAFB; }\\n\\n.m-text-color-primary-rates {\\n  color: #848E9D; }\\n\\n.m-text-color-primary-active {\\n  color: #5EB989; }\\n\\n.m-text-color-primary-warning-text {\\n  color: #B7791F; }\\n\\n.m-text-color-primary-warning-text-background {\\n  color: #fef8e3; }\\n\\n.m-text-color-secondary {\\n  color: #115ca7; }\\n\\n.m-text-color-accent {\\n  color: #fcf0f2; }\\n\\n.m-text-color-body-text {\\n  color: #18181a; }\\n\\n.m-text-color-warning {\\n  color: #dc3545; }\\n\\n.m-text-white {\\n  color: #fff; }\\n\\n.m-text-black {\\n  color: #000; }\\n\\n.m-bg-grayscale-180 {\\n  background-color: #b6791f; }\\n\\n.m-bg-grayscale-170 {\\n  background-color: #D0D0D1; }\\n\\n.m-bg-grayscale-160 {\\n  background-color: #F3F4F5; }\\n\\n.m-bg-grayscale-150 {\\n  background-color: #F6F6F6; }\\n\\n.m-bg-grayscale-140 {\\n  background-color: #F2F7F6; }\\n\\n.m-bg-grayscale-130 {\\n  background-color: #8B8B8C; }\\n\\n.m-bg-grayscale-120 {\\n  background-color: #727273; }\\n\\n.m-bg-grayscale-110 {\\n  background-color: #E7E7E7; }\\n\\n.m-bg-grayscale-100 {\\n  background-color: #2c2c30; }\\n\\n.m-bg-grayscale-90 {\\n  background-color: #404045; }\\n\\n.m-bg-grayscale-80 {\\n  background-color: #54545b; }\\n\\n.m-bg-grayscale-70 {\\n  background-color: #686871; }\\n\\n.m-bg-grayscale-60 {\\n  background-color: #7d7d87; }\\n\\n.m-bg-grayscale-50 {\\n  background-color: #92929b; }\\n\\n.m-bg-grayscale-40 {\\n  background-color: #bebec3; }\\n\\n.m-bg-grayscale-30 {\\n  background-color: #d4d4d7; }\\n\\n.m-bg-grayscale-20 {\\n  background-color: #e9e9eb; }\\n\\n.m-bg-grayscale-10 {\\n  background-color: #f3f3f4; }\\n\\n.m-bg-grayscale-0 {\\n  background-color: #ffffff; }\\n\\n.m-bg-color-primary-default {\\n  background-color: #41807a; }\\n\\n.m-bg-color-primary-light {\\n  background-color: #50958e; }\\n\\n.m-bg-color-primary-green {\\n  background-color: #346662; }\\n\\n.m-bg-color-primary-silver-metallic {\\n  background-color: #9FA6AD; }\\n\\n.m-bg-color-primary-black-metallic {\\n  background-color: #090D0D; }\\n\\n.m-bg-color-primary-gray-metallic {\\n  background-color: #5C5C5E; }\\n\\n.m-bg-color-primary-tint {\\n  background-color: #E7EEED; }\\n\\n.m-bg-color-primary-tint-second {\\n  background-color: #ECEDEF; }\\n\\n.m-bg-color-primary-tint-third {\\n  background-color: #F8FCFB; }\\n\\n.m-bg-color-primary-zebra {\\n  background-color: #FAFAFB; }\\n\\n.m-bg-color-primary-rates {\\n  background-color: #848E9D; }\\n\\n.m-bg-color-primary-active {\\n  background-color: #5EB989; }\\n\\n.m-bg-color-primary-warning-text {\\n  background-color: #B7791F; }\\n\\n.m-bg-color-primary-warning-text-background {\\n  background-color: #fef8e3; }\\n\\n.m-bg-color-secondary {\\n  background-color: #115ca7; }\\n\\n.m-bg-color-accent {\\n  background-color: #fcf0f2; }\\n\\n.m-bg-color-body-text {\\n  background-color: #18181a; }\\n\\n.m-bg-color-warning {\\n  background-color: #dc3545; }\\n\\n.m-bg-white {\\n  background-color: #fff; }\\n\\n.m-bg-black {\\n  background-color: #000; }\\n\\n.m-border-grayscale-180 {\\n  border-color: #b6791f; }\\n\\n.m-border-grayscale-170 {\\n  border-color: #D0D0D1; }\\n\\n.m-border-grayscale-160 {\\n  border-color: #F3F4F5; }\\n\\n.m-border-grayscale-150 {\\n  border-color: #F6F6F6; }\\n\\n.m-border-grayscale-140 {\\n  border-color: #F2F7F6; }\\n\\n.m-border-grayscale-130 {\\n  border-color: #8B8B8C; }\\n\\n.m-border-grayscale-120 {\\n  border-color: #727273; }\\n\\n.m-border-grayscale-110 {\\n  border-color: #E7E7E7; }\\n\\n.m-border-grayscale-100 {\\n  border-color: #2c2c30; }\\n\\n.m-border-grayscale-90 {\\n  border-color: #404045; }\\n\\n.m-border-grayscale-80 {\\n  border-color: #54545b; }\\n\\n.m-border-grayscale-70 {\\n  border-color: #686871; }\\n\\n.m-border-grayscale-60 {\\n  border-color: #7d7d87; }\\n\\n.m-border-grayscale-50 {\\n  border-color: #92929b; }\\n\\n.m-border-grayscale-40 {\\n  border-color: #bebec3; }\\n\\n.m-border-grayscale-30 {\\n  border-color: #d4d4d7; }\\n\\n.m-border-grayscale-20 {\\n  border-color: #e9e9eb; }\\n\\n.m-border-grayscale-10 {\\n  border-color: #f3f3f4; }\\n\\n.m-border-grayscale-0 {\\n  border-color: #ffffff; }\\n\\n.m-border-color-primary-default {\\n  border-color: #41807a; }\\n\\n.m-border-color-primary-light {\\n  border-color: #50958e; }\\n\\n.m-border-color-primary-green {\\n  border-color: #346662; }\\n\\n.m-border-color-primary-silver-metallic {\\n  border-color: #9FA6AD; }\\n\\n.m-border-color-primary-black-metallic {\\n  border-color: #090D0D; }\\n\\n.m-border-color-primary-gray-metallic {\\n  border-color: #5C5C5E; }\\n\\n.m-border-color-primary-tint {\\n  border-color: #E7EEED; }\\n\\n.m-border-color-primary-tint-second {\\n  border-color: #ECEDEF; }\\n\\n.m-border-color-primary-tint-third {\\n  border-color: #F8FCFB; }\\n\\n.m-border-color-primary-zebra {\\n  border-color: #FAFAFB; }\\n\\n.m-border-color-primary-rates {\\n  border-color: #848E9D; }\\n\\n.m-border-color-primary-active {\\n  border-color: #5EB989; }\\n\\n.m-border-color-primary-warning-text {\\n  border-color: #B7791F; }\\n\\n.m-border-color-primary-warning-text-background {\\n  border-color: #fef8e3; }\\n\\n.m-border-color-secondary {\\n  border-color: #115ca7; }\\n\\n.m-border-color-accent {\\n  border-color: #fcf0f2; }\\n\\n.m-border-color-body-text {\\n  border-color: #18181a; }\\n\\n.m-border-color-warning {\\n  border-color: #dc3545; }\\n\\n.m-border-white {\\n  border-color: #fff; }\\n\\n.m-border-black {\\n  border-color: #000; }\\n\\n:root {\\n  --grayscale-180: #b6791f;\\n  --grayscale-170: #D0D0D1;\\n  --grayscale-160: #F3F4F5;\\n  --grayscale-150: #F6F6F6;\\n  --grayscale-140: #F2F7F6;\\n  --grayscale-130: #8B8B8C;\\n  --grayscale-120: #727273;\\n  --grayscale-110: #E7E7E7;\\n  --grayscale-100: #2c2c30;\\n  --grayscale-90: #404045;\\n  --grayscale-80: #54545b;\\n  --grayscale-70: #686871;\\n  --grayscale-60: #7d7d87;\\n  --grayscale-50: #92929b;\\n  --grayscale-40: #bebec3;\\n  --grayscale-30: #d4d4d7;\\n  --grayscale-20: #e9e9eb;\\n  --grayscale-10: #f3f3f4;\\n  --grayscale-0: #ffffff;\\n  --color-primary-default: #41807a;\\n  --color-primary-light: #50958e;\\n  --color-primary-green: #346662;\\n  --color-primary-silver-metallic: #9FA6AD;\\n  --color-primary-black-metallic: #090D0D;\\n  --color-primary-gray-metallic: #5C5C5E;\\n  --color-primary-tint: #E7EEED;\\n  --color-primary-tint-second: #ECEDEF;\\n  --color-primary-tint-third: #F8FCFB;\\n  --color-primary-zebra: #FAFAFB;\\n  --color-primary-rates: #848E9D;\\n  --color-primary-active: #5EB989;\\n  --color-primary-warning-text: #B7791F;\\n  --color-primary-warning-text-background: #fef8e3;\\n  --color-secondary: #115ca7;\\n  --color-accent: #fcf0f2;\\n  --color-body-text: #18181a;\\n  --color-warning: #dc3545; }\\n\\n:root {\\n  --radius-first: 4px;\\n  --radius-second: 6px;\\n  --radius-third: 15px;\\n  --radius-five: 5px; }\\n\\n.osm-ovd-styles .highlight {\\n  background-color: #f9f9fa; }\\n\\nbody.osm-vd-styles {\\n  margin: 0;\\n  padding: 0;\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-feature-settings: 'clig' off, 'liga' off; }\\n\\n.osm-vd-styles h1,\\n.osm-vd-styles h2,\\n.osm-vd-styles h3,\\n.osm-vd-styles h4,\\n.osm-vd-styles h5,\\n.osm-vd-styles h6 {\\n  margin: 0;\\n  padding: 0; }\\n\\n.osm-vd-styles p,\\n.osm-vd-styles span {\\n  margin: 0;\\n  padding: 0; }\\n\\n.osm-vd-styles ul {\\n  margin: 0;\\n  padding: 0; }\\n\\n.osm-vd-styles h1 {\\n  font-size: 24px; }\\n\\n.osm-vd-styles h2 {\\n  font-size: 22px; }\\n\\n.osm-vd-styles h3 {\\n  font-size: 20px; }\\n\\n.osm-vd-styles h4 {\\n  font-size: 18px; }\\n\\n.osm-vd-styles h5 {\\n  font-size: 16px; }\\n\\n.osm-vd-styles h6 {\\n  font-size: 14px; }\\n\\n.osm-vd-styles .small-text {\\n  font-size: 12px; }\\n\\n.osm-vd-styles .base_link {\\n  font-size: 12px;\\n  color: var(--color-primary-default);\\n  cursor: pointer; }\\n  .osm-vd-styles .base_link:hover {\\n    text-decoration: underline; }\\n\\n.osm-vd-styles input::-webkit-contacts-auto-fill-button,\\n.osm-vd-styles input::-webkit-credentials-auto-fill-button,\\n.osm-vd-styles input::-webkit-caps-lock-indicator {\\n  visibility: hidden;\\n  display: none !important;\\n  pointer-events: none;\\n  height: 0;\\n  width: 0;\\n  margin: 0; }\\n\\n.osm-vd-styles .text-left {\\n  text-align: left; }\\n\\n.osm-vd-styles .text-center {\\n  text-align: center; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Bold.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 700;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-SemiBold.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 600;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Medium.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 500;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Regular.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 400;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Thin.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 300;\\n  font-style: normal; }\\n\\n.osm-vd-styles .m-row {\\n  box-sizing: border-box;\\n  display: flex;\\n  margin-left: auto;\\n  margin-right: auto;\\n  flex-wrap: wrap;\\n  max-width: 1400px;\\n  width: 88.57143%; }\\n  @media screen and (max-width: 1020px) {\\n    .osm-vd-styles .m-row {\\n      width: 88.23529%; } }\\n  @media screen and (max-width: 620px) {\\n    .osm-vd-styles .m-row {\\n      width: 89.67742%; } }\\n  .osm-vd-styles .m-row-0 {\\n    box-sizing: border-box;\\n    display: flex;\\n    margin-left: auto;\\n    margin-right: auto;\\n    flex-wrap: wrap;\\n    max-width: 1400px;\\n    width: 100%; }\\n\\n.osm-vd-styles .m-col-lg-0 {\\n  box-sizing: border-box;\\n  width: 0%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-0 {\\n  margin-left: 0%; }\\n\\n.osm-vd-styles .m-col-lg-1 {\\n  box-sizing: border-box;\\n  width: 8.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-1 {\\n  margin-left: 8.33333%; }\\n\\n.osm-vd-styles .m-col-lg-2 {\\n  box-sizing: border-box;\\n  width: 16.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-2 {\\n  margin-left: 16.66667%; }\\n\\n.osm-vd-styles .m-col-lg-3 {\\n  box-sizing: border-box;\\n  width: 25%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-3 {\\n  margin-left: 25%; }\\n\\n.osm-vd-styles .m-col-lg-4 {\\n  box-sizing: border-box;\\n  width: 33.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-4 {\\n  margin-left: 33.33333%; }\\n\\n.osm-vd-styles .m-col-lg-5 {\\n  box-sizing: border-box;\\n  width: 41.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-5 {\\n  margin-left: 41.66667%; }\\n\\n.osm-vd-styles .m-col-lg-6 {\\n  box-sizing: border-box;\\n  width: 50%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-6 {\\n  margin-left: 50%; }\\n\\n.osm-vd-styles .m-col-lg-7 {\\n  box-sizing: border-box;\\n  width: 58.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-7 {\\n  margin-left: 58.33333%; }\\n\\n.osm-vd-styles .m-col-lg-8 {\\n  box-sizing: border-box;\\n  width: 66.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-8 {\\n  margin-left: 66.66667%; }\\n\\n.osm-vd-styles .m-col-lg-9 {\\n  box-sizing: border-box;\\n  width: 75%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-9 {\\n  margin-left: 75%; }\\n\\n.osm-vd-styles .m-col-lg-10 {\\n  box-sizing: border-box;\\n  width: 83.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-10 {\\n  margin-left: 83.33333%; }\\n\\n.osm-vd-styles .m-col-lg-11 {\\n  box-sizing: border-box;\\n  width: 91.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-11 {\\n  margin-left: 91.66667%; }\\n\\n.osm-vd-styles .m-col-lg-12 {\\n  box-sizing: border-box;\\n  width: 100%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-12 {\\n  margin-left: 100%; }\\n\\n@media screen and (max-width: 1020px) {\\n  .osm-vd-styles .m-col-md-0 {\\n    box-sizing: border-box;\\n    width: 0%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-0 {\\n    margin-left: 0%; }\\n  .osm-vd-styles .m-col-md-1 {\\n    box-sizing: border-box;\\n    width: 8.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-1 {\\n    margin-left: 8.33333%; }\\n  .osm-vd-styles .m-col-md-2 {\\n    box-sizing: border-box;\\n    width: 16.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-2 {\\n    margin-left: 16.66667%; }\\n  .osm-vd-styles .m-col-md-3 {\\n    box-sizing: border-box;\\n    width: 25%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-3 {\\n    margin-left: 25%; }\\n  .osm-vd-styles .m-col-md-4 {\\n    box-sizing: border-box;\\n    width: 33.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-4 {\\n    margin-left: 33.33333%; }\\n  .osm-vd-styles .m-col-md-5 {\\n    box-sizing: border-box;\\n    width: 41.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-5 {\\n    margin-left: 41.66667%; }\\n  .osm-vd-styles .m-col-md-6 {\\n    box-sizing: border-box;\\n    width: 50%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-6 {\\n    margin-left: 50%; }\\n  .osm-vd-styles .m-col-md-7 {\\n    box-sizing: border-box;\\n    width: 58.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-7 {\\n    margin-left: 58.33333%; }\\n  .osm-vd-styles .m-col-md-8 {\\n    box-sizing: border-box;\\n    width: 66.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-8 {\\n    margin-left: 66.66667%; }\\n  .osm-vd-styles .m-col-md-9 {\\n    box-sizing: border-box;\\n    width: 75%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-9 {\\n    margin-left: 75%; }\\n  .osm-vd-styles .m-col-md-10 {\\n    box-sizing: border-box;\\n    width: 83.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-10 {\\n    margin-left: 83.33333%; }\\n  .osm-vd-styles .m-col-md-11 {\\n    box-sizing: border-box;\\n    width: 91.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-11 {\\n    margin-left: 91.66667%; }\\n  .osm-vd-styles .m-col-md-12 {\\n    box-sizing: border-box;\\n    width: 100%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-12 {\\n    margin-left: 100%; } }\\n\\n@media screen and (max-width: 620px) {\\n  .osm-vd-styles .m-col-sm-0 {\\n    box-sizing: border-box;\\n    width: 0%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-0 {\\n    margin-left: 0%; }\\n  .osm-vd-styles .m-col-sm-1 {\\n    box-sizing: border-box;\\n    width: 25%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-1 {\\n    margin-left: 25%; }\\n  .osm-vd-styles .m-col-sm-2 {\\n    box-sizing: border-box;\\n    width: 50%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-2 {\\n    margin-left: 50%; }\\n  .osm-vd-styles .m-col-sm-3 {\\n    box-sizing: border-box;\\n    width: 75%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-3 {\\n    margin-left: 75%; }\\n  .osm-vd-styles .m-col-sm-4 {\\n    box-sizing: border-box;\\n    width: 100%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-4 {\\n    margin-left: 100%; } }\\n\\n.osm-vd-styles .tooltip {\\n  position: relative;\\n  display: inline-block; }\\n\\n.osm-vd-styles .tooltip .tooltiptext {\\n  visibility: hidden;\\n  min-width: 460px;\\n  background-color: #f2f7f6;\\n  color: #6e9e99;\\n  text-align: left;\\n  padding: 10px 13px;\\n  position: absolute;\\n  z-index: 1;\\n  bottom: 140%;\\n  left: 50%;\\n  border-radius: var(--radius-first);\\n  font-size: 13px;\\n  right: 0;\\n  margin: 0 auto;\\n  transform: translateX(-50%);\\n  border: 1px solid #7ea7a3; }\\n  .osm-vd-styles .tooltip .tooltiptext .texts {\\n    display: flex;\\n    font-weight: bold; }\\n    .osm-vd-styles .tooltip .tooltiptext .texts .text {\\n      color: #6e9e99; }\\n  .osm-vd-styles .tooltip .tooltiptext.down {\\n    bottom: auto;\\n    top: 140%; }\\n    .osm-vd-styles .tooltip .tooltiptext.down .triangle-down {\\n      border: none;\\n      border-left: 8px solid transparent;\\n      border-right: 8px solid transparent;\\n      border-bottom: 8px solid #7ea7a3;\\n      bottom: auto;\\n      top: -8px; }\\n\\n.osm-vd-styles .tooltip:hover .tooltiptext {\\n  visibility: visible; }\\n\\n.osm-vd-styles .triangle-down {\\n  width: 0;\\n  height: 0;\\n  border-left: 8px solid transparent;\\n  border-right: 8px solid transparent;\\n  border-top: 8px solid #7ea7a3;\\n  position: absolute;\\n  bottom: -8px;\\n  left: 0;\\n  right: 0;\\n  margin: 0 auto; }\\n  .osm-vd-styles .triangle-down::after {\\n    content: '';\\n    width: 0;\\n    height: 0;\\n    border-left: 6px solid transparent;\\n    border-right: 6px solid transparent;\\n    border-top: 6px solid #f2f7f6;\\n    position: absolute;\\n    bottom: 2px;\\n    left: -6.2px;\\n    right: 0;\\n    margin: 0 auto;\\n    display: block; }\\n\\n.base-button {\\n  width: 100%;\\n  height: 48px;\\n  background: var(--color-primary-default);\\n  font-size: 12pt;\\n  color: var(--grayscale-10);\\n  text-align: center;\\n  border: 0;\\n  cursor: pointer;\\n  font-weight: 700;\\n  border-radius: var(--radius-first);\\n  position: relative; }\\n  .base-button.button-disabled {\\n    background: var(--grayscale-80);\\n    pointer-events: none; }\\n\\n.outline {\\n  background: transparent;\\n  border: 1px solid var(--color-primary-default);\\n  color: var(--color-primary-default); }\\n  .outline:hover {\\n    background: var(--color-primary-default);\\n    color: var(--grayscale-10); }\\n\\n.loading {\\n  opacity: 0.5;\\n  cursor: not-allowed; }\\n\\n.disabled {\\n  opacity: 0.5;\\n  cursor: not-allowed; }\\n\\n.loader-icon {\\n  position: absolute;\\n  top: 12px;\\n  right: 15px;\\n  -webkit-animation: spinner 3s linear infinite;\\n          animation: spinner 3s linear infinite; }\\n\\n@-webkit-keyframes spinner {\\n  to {\\n    transform: rotate(360deg); } }\\n\\n@keyframes spinner {\\n  to {\\n    transform: rotate(360deg); } }\\n\\n.base-form-input {\\n  display: flex;\\n  flex-direction: column;\\n  position: relative; }\\n  .base-form-input svg {\\n    position: absolute;\\n    right: 10px;\\n    top: 50%;\\n    stroke: var(--grayscale-40);\\n    stroke-width: 1; }\\n  .base-form-input input,\\n  .base-form-input textarea {\\n    border: transparent;\\n    color: var(--grayscale-90);\\n    padding-left: 10px;\\n    border-radius: var(--radius-first);\\n    height: 50px;\\n    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\\n    font-size: 16px; }\\n    .base-form-input input::-moz-placeholder, .base-form-input textarea::-moz-placeholder {\\n      color: var(--grayscale-40); }\\n    .base-form-input input::placeholder,\\n    .base-form-input textarea::placeholder {\\n      color: var(--grayscale-40); }\\n    .base-form-input input:focus,\\n    .base-form-input textarea:focus {\\n      outline: none; }\\n    .base-form-input input:focus ~ label,\\n    .base-form-input input textarea,\\n    .base-form-input textarea:focus ~ label,\\n    .base-form-input textarea textarea {\\n      outline: none;\\n      font-size: 10pt;\\n      top: -12px;\\n      background: var(--grayscale-0); }\\n    .base-form-input input:focus ~ svg,\\n    .base-form-input textarea:focus ~ svg {\\n      stroke-width: 2; }\\n  .base-form-input label {\\n    color: var(--grayscale-70);\\n    font-size: 14px;\\n    font-weight: 400;\\n    transition: all 0.225s ease;\\n    margin-bottom: 10px; }\\n  .base-form-input .selected-input ~ label,\\n  .base-form-input textarea {\\n    top: -12px;\\n    background: var(--grayscale-0); }\\n\\n.base-form-checkbox {\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n  appearance: none;\\n  -webkit-print-color-adjust: exact;\\n  color-adjust: exact;\\n  display: inline-block;\\n  vertical-align: middle;\\n  background-origin: border-box;\\n  -webkit-user-select: none;\\n  -moz-user-select: none;\\n  user-select: none;\\n  flex-shrink: 0;\\n  height: 20px;\\n  width: 20px;\\n  color: var(--color-primary-default);\\n  background-color: var(--grayscale-0);\\n  border-radius: var(--radius-first);\\n  border: 2px solid #e8e8e8;\\n  cursor: pointer; }\\n  .base-form-checkbox:checked {\\n    background-image: url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e\\\");\\n    border-color: transparent;\\n    background-color: currentColor;\\n    background-size: 100% 100%;\\n    background-position: center;\\n    background-repeat: no-repeat; }\\n\\n.custom-container {\\n  max-width: 1200px;\\n  margin: 0 auto;\\n  padding: 0 20px;\\n  box-sizing: border-box; }\\n  .custom-container.fullWidth {\\n    max-width: 100%; }\\n  .custom-container .row-gutter {\\n    margin: 0px -20px; }\\n\\n.responsive-table-container {\\n  display: flex;\\n  flex-wrap: wrap;\\n  border-radius: var(--radius-second);\\n  border: 1px solid #e8e8e8;\\n  background-color: white;\\n  box-sizing: border-box;\\n  margin-bottom: 10px; }\\n  .responsive-table-container.highlight {\\n    background-color: #f9f9fa; }\\n  .responsive-table-container:first-of-type {\\n    margin-top: 10px; }\\n  .responsive-table-container .item {\\n    padding: 0px 10px;\\n    border: 1px solid #e8e8e8;\\n    box-sizing: border-box;\\n    min-height: 60px;\\n    width: 100%;\\n    display: flex;\\n    align-items: center; }\\n    @media (max-width: 460px) {\\n      .responsive-table-container .item {\\n        padding: 10px 10px; } }\\n  .responsive-table-container .title-container {\\n    width: 50%;\\n    font-weight: bold; }\\n    @media (max-width: 460px) {\\n      .responsive-table-container .title-container {\\n        width: 30%; }\\n        .responsive-table-container .title-container .item.selectbox-container {\\n          min-height: 67px;\\n          font-size: 12px; } }\\n    @media (max-width: 340px) {\\n      .responsive-table-container .title-container {\\n        width: 25%; } }\\n  .responsive-table-container .data-container {\\n    width: 50%; }\\n    @media (max-width: 460px) {\\n      .responsive-table-container .data-container {\\n        width: 70%; }\\n        .responsive-table-container .data-container .item .empty-content {\\n          padding: 13px 0; } }\\n    @media (max-width: 340px) {\\n      .responsive-table-container .data-container {\\n        width: 75%; } }\\n\\n/**\\n    Support for SASS is deprecated as of v3.18.\\n\\n    The files remain here if your build is dependent on them\\n    but they will not receive updates in future releases. All\\n    SASS variables have been translated into CSS variables, so\\n    migration should be quite simple if you'd like to move over.\\n\\n    In v4, these files will be removed.\\n */\\n.v-select {\\n  position: relative;\\n  font-family: inherit; }\\n\\n.v-select,\\n.v-select * {\\n  box-sizing: border-box; }\\n\\n/* KeyFrames */\\n@-webkit-keyframes vSelectSpinner {\\n  0% {\\n    transform: rotate(0deg); }\\n  100% {\\n    transform: rotate(360deg); } }\\n\\n@keyframes vSelectSpinner {\\n  0% {\\n    transform: rotate(0deg); }\\n  100% {\\n    transform: rotate(360deg); } }\\n\\n/* Dropdown Default Transition */\\n.vs__fade-enter-active,\\n.vs__fade-leave-active {\\n  pointer-events: none;\\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); }\\n\\n.vs__fade-enter,\\n.vs__fade-leave-to {\\n  opacity: 0; }\\n\\n/** Component States */\\n/*\\n * Disabled\\n *\\n * When the component is disabled, all interaction\\n * should be prevented. Here we modify the bg color,\\n * and change the cursor displayed on the interactive\\n * components.\\n */\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__selected,\\n.vs--disabled .vs__open-indicator {\\n  cursor: not-allowed;\\n  background-color: #f8f8f8; }\\n\\n/*\\n *  RTL - Right to Left Support\\n *\\n *  Because we're using a flexbox layout, the `dir=\\\"rtl\\\"`\\n *  HTML attribute does most of the work for us by\\n *  rearranging the child elements visually.\\n */\\n.v-select[dir=\\\"rtl\\\"] .vs__actions {\\n  padding: 0 3px 0 6px; }\\n\\n.v-select[dir=\\\"rtl\\\"] .vs__clear {\\n  margin-left: 6px;\\n  margin-right: 0; }\\n\\n.v-select[dir=\\\"rtl\\\"] .vs__deselect {\\n  margin-left: 0;\\n  margin-right: 2px; }\\n\\n.v-select[dir=\\\"rtl\\\"] .vs__dropdown-menu {\\n  text-align: right; }\\n\\n/**\\n    Dropdown Toggle\\n\\n    The dropdown toggle is the primary wrapper of the component. It\\n    has two direct descendants: .vs__selected-options, and .vs__actions.\\n\\n    .vs__selected-options holds the .vs__selected's as well as the\\n    main search input.\\n\\n    .vs__actions holds the clear button and dropdown toggle.\\n */\\n.vs__dropdown-toggle {\\n  -webkit-appearance: none;\\n     -moz-appearance: none;\\n          appearance: none;\\n  display: flex;\\n  padding: 0 0 4px 0;\\n  background: none;\\n  border: 1px solid rgba(60, 60, 60, 0.26);\\n  border-radius: 4px;\\n  white-space: normal; }\\n\\n.vs__selected-options {\\n  display: flex;\\n  flex-basis: 100%;\\n  flex-grow: 1;\\n  flex-wrap: wrap;\\n  padding: 0 2px;\\n  position: relative; }\\n\\n.vs__actions {\\n  display: flex;\\n  align-items: center;\\n  padding: 4px 6px 0 3px; }\\n\\n/* Dropdown Toggle States */\\n.vs--searchable .vs__dropdown-toggle {\\n  cursor: text; }\\n\\n.vs--unsearchable .vs__dropdown-toggle {\\n  cursor: pointer; }\\n\\n.vs--open .vs__dropdown-toggle {\\n  border-bottom-color: transparent;\\n  border-bottom-left-radius: 0;\\n  border-bottom-right-radius: 0; }\\n\\n.vs__open-indicator {\\n  fill: rgba(60, 60, 60, 0.5);\\n  transform: scale(1);\\n  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\\n  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855); }\\n\\n.vs--open .vs__open-indicator {\\n  transform: rotate(180deg) scale(1); }\\n\\n.vs--loading .vs__open-indicator {\\n  opacity: 0; }\\n\\n/* Clear Button */\\n.vs__clear {\\n  fill: rgba(60, 60, 60, 0.5);\\n  padding: 0;\\n  border: 0;\\n  background-color: transparent;\\n  cursor: pointer;\\n  margin-right: 8px; }\\n\\n/* Dropdown Menu */\\n.vs__dropdown-menu {\\n  display: block;\\n  box-sizing: border-box;\\n  position: absolute;\\n  top: calc(100% - 1px);\\n  left: 0;\\n  z-index: 1000;\\n  padding: 5px 0;\\n  margin: 0;\\n  width: 100%;\\n  max-height: 350px;\\n  min-width: 160px;\\n  overflow-y: auto;\\n  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);\\n  border: 1px solid rgba(60, 60, 60, 0.26);\\n  border-top-style: none;\\n  border-radius: 0 0 4px 4px;\\n  text-align: left;\\n  list-style: none;\\n  background: #fff; }\\n\\n.vs__no-options {\\n  text-align: center; }\\n\\n/* List Items */\\n.vs__dropdown-option {\\n  line-height: 1.42857143;\\n  /* Normalize line height */\\n  display: block;\\n  padding: 3px 20px;\\n  clear: both;\\n  color: #333;\\n  /* Overrides most CSS frameworks */\\n  white-space: nowrap;\\n  cursor: pointer; }\\n\\n.vs__dropdown-option--highlight {\\n  background: #5897fb;\\n  color: #fff; }\\n\\n.vs__dropdown-option--deselect {\\n  background: #fb5858;\\n  color: #fff; }\\n\\n.vs__dropdown-option--disabled {\\n  background: inherit;\\n  color: rgba(60, 60, 60, 0.5);\\n  cursor: inherit; }\\n\\n/* Selected Tags */\\n.vs__selected {\\n  display: flex;\\n  align-items: center;\\n  background-color: #f0f0f0;\\n  border: 1px solid rgba(60, 60, 60, 0.26);\\n  border-radius: 4px;\\n  color: #333;\\n  line-height: 1.4;\\n  margin: 4px 2px 0px 2px;\\n  padding: 0 0.25em;\\n  z-index: 0; }\\n\\n.vs__deselect {\\n  display: inline-flex;\\n  -webkit-appearance: none;\\n     -moz-appearance: none;\\n          appearance: none;\\n  margin-left: 4px;\\n  padding: 0;\\n  border: 0;\\n  cursor: pointer;\\n  background: none;\\n  fill: rgba(60, 60, 60, 0.5);\\n  text-shadow: 0 1px 0 #fff; }\\n\\n/* States */\\n.vs--single .vs__selected {\\n  background-color: transparent;\\n  border-color: transparent; }\\n\\n.vs--single.vs--open .vs__selected,\\n.vs--single.vs--loading .vs__selected {\\n  position: absolute;\\n  opacity: .4; }\\n\\n.vs--single.vs--searching .vs__selected {\\n  display: none; }\\n\\n/* Search Input */\\n/**\\n * Super weird bug... If this declaration is grouped\\n * below, the cancel button will still appear in chrome.\\n * If it's up here on it's own, it'll hide it.\\n */\\n.vs__search::-webkit-search-cancel-button {\\n  display: none; }\\n\\n.vs__search::-webkit-search-decoration,\\n.vs__search::-webkit-search-results-button,\\n.vs__search::-webkit-search-results-decoration,\\n.vs__search::-ms-clear {\\n  display: none; }\\n\\n.vs__search,\\n.vs__search:focus {\\n  -webkit-appearance: none;\\n     -moz-appearance: none;\\n          appearance: none;\\n  line-height: 1.4;\\n  font-size: 1em;\\n  border: 1px solid transparent;\\n  border-left: none;\\n  outline: none;\\n  margin: 4px 0 0 0;\\n  padding: 0 7px;\\n  background: none;\\n  box-shadow: none;\\n  width: 0;\\n  max-width: 100%;\\n  flex-grow: 1;\\n  z-index: 1; }\\n\\n.vs__search::-moz-placeholder {\\n  color: inherit; }\\n\\n.vs__search::placeholder {\\n  color: inherit; }\\n\\n/**\\n    States\\n */\\n.vs--unsearchable .vs__search {\\n  opacity: 1; }\\n\\n.vs--unsearchable:not(.vs--disabled) .vs__search {\\n  cursor: pointer; }\\n\\n.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {\\n  opacity: .2; }\\n\\n/* Loading Spinner */\\n.vs__spinner {\\n  align-self: center;\\n  opacity: 0;\\n  font-size: 5px;\\n  text-indent: -9999em;\\n  overflow: hidden;\\n  border-top: 0.9em solid rgba(100, 100, 100, 0.1);\\n  border-right: 0.9em solid rgba(100, 100, 100, 0.1);\\n  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);\\n  border-left: 0.9em solid rgba(60, 60, 60, 0.45);\\n  transform: translateZ(0);\\n  -webkit-animation: vSelectSpinner 1.1s infinite linear;\\n          animation: vSelectSpinner 1.1s infinite linear;\\n  transition: opacity .1s; }\\n\\n.vs__spinner,\\n.vs__spinner:after {\\n  border-radius: 50%;\\n  width: 5em;\\n  height: 5em; }\\n\\n/* Loading Spinner States */\\n.vs--loading .vs__spinner {\\n  opacity: 1; }\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/style/main.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3");
+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\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_0___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!../../node_modules/postcss-loader/src??ref--9-oneOf-3-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!vue-toastification/dist/index.css */ \"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue-toastification/dist/index.css\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_1___ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!../../node_modules/postcss-loader/src??ref--9-oneOf-3-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!vue2-datepicker/index.css */ \"./node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./node_modules/vue2-datepicker/index.css\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\nexports.push([module.i, \".m-text-grayscale-180 {\\n  color: #b6791f; }\\n\\n.m-text-grayscale-170 {\\n  color: #D0D0D1; }\\n\\n.m-text-grayscale-160 {\\n  color: #F3F4F5; }\\n\\n.m-text-grayscale-150 {\\n  color: #F6F6F6; }\\n\\n.m-text-grayscale-140 {\\n  color: #F2F7F6; }\\n\\n.m-text-grayscale-130 {\\n  color: #8B8B8C; }\\n\\n.m-text-grayscale-120 {\\n  color: #727273; }\\n\\n.m-text-grayscale-110 {\\n  color: #E7E7E7; }\\n\\n.m-text-grayscale-100 {\\n  color: #2c2c30; }\\n\\n.m-text-grayscale-90 {\\n  color: #404045; }\\n\\n.m-text-grayscale-80 {\\n  color: #54545b; }\\n\\n.m-text-grayscale-70 {\\n  color: #686871; }\\n\\n.m-text-grayscale-60 {\\n  color: #7d7d87; }\\n\\n.m-text-grayscale-50 {\\n  color: #92929b; }\\n\\n.m-text-grayscale-40 {\\n  color: #bebec3; }\\n\\n.m-text-grayscale-30 {\\n  color: #d4d4d7; }\\n\\n.m-text-grayscale-20 {\\n  color: #e9e9eb; }\\n\\n.m-text-grayscale-10 {\\n  color: #f3f3f4; }\\n\\n.m-text-grayscale-0 {\\n  color: #ffffff; }\\n\\n.m-text-color-primary-default {\\n  color: #41807a; }\\n\\n.m-text-color-primary-light {\\n  color: #50958e; }\\n\\n.m-text-color-primary-green {\\n  color: #346662; }\\n\\n.m-text-color-primary-silver-metallic {\\n  color: #9FA6AD; }\\n\\n.m-text-color-primary-black-metallic {\\n  color: #090D0D; }\\n\\n.m-text-color-primary-gray-metallic {\\n  color: #5C5C5E; }\\n\\n.m-text-color-primary-tint {\\n  color: #E7EEED; }\\n\\n.m-text-color-primary-tint-second {\\n  color: #ECEDEF; }\\n\\n.m-text-color-primary-tint-third {\\n  color: #F8FCFB; }\\n\\n.m-text-color-primary-zebra {\\n  color: #FAFAFB; }\\n\\n.m-text-color-primary-rates {\\n  color: #848E9D; }\\n\\n.m-text-color-primary-active {\\n  color: #5EB989; }\\n\\n.m-text-color-primary-warning-text {\\n  color: #B7791F; }\\n\\n.m-text-color-primary-warning-text-background {\\n  color: #fef8e3; }\\n\\n.m-text-color-secondary {\\n  color: #115ca7; }\\n\\n.m-text-color-accent {\\n  color: #fcf0f2; }\\n\\n.m-text-color-body-text {\\n  color: #18181a; }\\n\\n.m-text-color-warning {\\n  color: #dc3545; }\\n\\n.m-text-white {\\n  color: #fff; }\\n\\n.m-text-black {\\n  color: #000; }\\n\\n.m-bg-grayscale-180 {\\n  background-color: #b6791f; }\\n\\n.m-bg-grayscale-170 {\\n  background-color: #D0D0D1; }\\n\\n.m-bg-grayscale-160 {\\n  background-color: #F3F4F5; }\\n\\n.m-bg-grayscale-150 {\\n  background-color: #F6F6F6; }\\n\\n.m-bg-grayscale-140 {\\n  background-color: #F2F7F6; }\\n\\n.m-bg-grayscale-130 {\\n  background-color: #8B8B8C; }\\n\\n.m-bg-grayscale-120 {\\n  background-color: #727273; }\\n\\n.m-bg-grayscale-110 {\\n  background-color: #E7E7E7; }\\n\\n.m-bg-grayscale-100 {\\n  background-color: #2c2c30; }\\n\\n.m-bg-grayscale-90 {\\n  background-color: #404045; }\\n\\n.m-bg-grayscale-80 {\\n  background-color: #54545b; }\\n\\n.m-bg-grayscale-70 {\\n  background-color: #686871; }\\n\\n.m-bg-grayscale-60 {\\n  background-color: #7d7d87; }\\n\\n.m-bg-grayscale-50 {\\n  background-color: #92929b; }\\n\\n.m-bg-grayscale-40 {\\n  background-color: #bebec3; }\\n\\n.m-bg-grayscale-30 {\\n  background-color: #d4d4d7; }\\n\\n.m-bg-grayscale-20 {\\n  background-color: #e9e9eb; }\\n\\n.m-bg-grayscale-10 {\\n  background-color: #f3f3f4; }\\n\\n.m-bg-grayscale-0 {\\n  background-color: #ffffff; }\\n\\n.m-bg-color-primary-default {\\n  background-color: #41807a; }\\n\\n.m-bg-color-primary-light {\\n  background-color: #50958e; }\\n\\n.m-bg-color-primary-green {\\n  background-color: #346662; }\\n\\n.m-bg-color-primary-silver-metallic {\\n  background-color: #9FA6AD; }\\n\\n.m-bg-color-primary-black-metallic {\\n  background-color: #090D0D; }\\n\\n.m-bg-color-primary-gray-metallic {\\n  background-color: #5C5C5E; }\\n\\n.m-bg-color-primary-tint {\\n  background-color: #E7EEED; }\\n\\n.m-bg-color-primary-tint-second {\\n  background-color: #ECEDEF; }\\n\\n.m-bg-color-primary-tint-third {\\n  background-color: #F8FCFB; }\\n\\n.m-bg-color-primary-zebra {\\n  background-color: #FAFAFB; }\\n\\n.m-bg-color-primary-rates {\\n  background-color: #848E9D; }\\n\\n.m-bg-color-primary-active {\\n  background-color: #5EB989; }\\n\\n.m-bg-color-primary-warning-text {\\n  background-color: #B7791F; }\\n\\n.m-bg-color-primary-warning-text-background {\\n  background-color: #fef8e3; }\\n\\n.m-bg-color-secondary {\\n  background-color: #115ca7; }\\n\\n.m-bg-color-accent {\\n  background-color: #fcf0f2; }\\n\\n.m-bg-color-body-text {\\n  background-color: #18181a; }\\n\\n.m-bg-color-warning {\\n  background-color: #dc3545; }\\n\\n.m-bg-white {\\n  background-color: #fff; }\\n\\n.m-bg-black {\\n  background-color: #000; }\\n\\n.m-border-grayscale-180 {\\n  border-color: #b6791f; }\\n\\n.m-border-grayscale-170 {\\n  border-color: #D0D0D1; }\\n\\n.m-border-grayscale-160 {\\n  border-color: #F3F4F5; }\\n\\n.m-border-grayscale-150 {\\n  border-color: #F6F6F6; }\\n\\n.m-border-grayscale-140 {\\n  border-color: #F2F7F6; }\\n\\n.m-border-grayscale-130 {\\n  border-color: #8B8B8C; }\\n\\n.m-border-grayscale-120 {\\n  border-color: #727273; }\\n\\n.m-border-grayscale-110 {\\n  border-color: #E7E7E7; }\\n\\n.m-border-grayscale-100 {\\n  border-color: #2c2c30; }\\n\\n.m-border-grayscale-90 {\\n  border-color: #404045; }\\n\\n.m-border-grayscale-80 {\\n  border-color: #54545b; }\\n\\n.m-border-grayscale-70 {\\n  border-color: #686871; }\\n\\n.m-border-grayscale-60 {\\n  border-color: #7d7d87; }\\n\\n.m-border-grayscale-50 {\\n  border-color: #92929b; }\\n\\n.m-border-grayscale-40 {\\n  border-color: #bebec3; }\\n\\n.m-border-grayscale-30 {\\n  border-color: #d4d4d7; }\\n\\n.m-border-grayscale-20 {\\n  border-color: #e9e9eb; }\\n\\n.m-border-grayscale-10 {\\n  border-color: #f3f3f4; }\\n\\n.m-border-grayscale-0 {\\n  border-color: #ffffff; }\\n\\n.m-border-color-primary-default {\\n  border-color: #41807a; }\\n\\n.m-border-color-primary-light {\\n  border-color: #50958e; }\\n\\n.m-border-color-primary-green {\\n  border-color: #346662; }\\n\\n.m-border-color-primary-silver-metallic {\\n  border-color: #9FA6AD; }\\n\\n.m-border-color-primary-black-metallic {\\n  border-color: #090D0D; }\\n\\n.m-border-color-primary-gray-metallic {\\n  border-color: #5C5C5E; }\\n\\n.m-border-color-primary-tint {\\n  border-color: #E7EEED; }\\n\\n.m-border-color-primary-tint-second {\\n  border-color: #ECEDEF; }\\n\\n.m-border-color-primary-tint-third {\\n  border-color: #F8FCFB; }\\n\\n.m-border-color-primary-zebra {\\n  border-color: #FAFAFB; }\\n\\n.m-border-color-primary-rates {\\n  border-color: #848E9D; }\\n\\n.m-border-color-primary-active {\\n  border-color: #5EB989; }\\n\\n.m-border-color-primary-warning-text {\\n  border-color: #B7791F; }\\n\\n.m-border-color-primary-warning-text-background {\\n  border-color: #fef8e3; }\\n\\n.m-border-color-secondary {\\n  border-color: #115ca7; }\\n\\n.m-border-color-accent {\\n  border-color: #fcf0f2; }\\n\\n.m-border-color-body-text {\\n  border-color: #18181a; }\\n\\n.m-border-color-warning {\\n  border-color: #dc3545; }\\n\\n.m-border-white {\\n  border-color: #fff; }\\n\\n.m-border-black {\\n  border-color: #000; }\\n\\n:root {\\n  --grayscale-180: #b6791f;\\n  --grayscale-170: #D0D0D1;\\n  --grayscale-160: #F3F4F5;\\n  --grayscale-150: #F6F6F6;\\n  --grayscale-140: #F2F7F6;\\n  --grayscale-130: #8B8B8C;\\n  --grayscale-120: #727273;\\n  --grayscale-110: #E7E7E7;\\n  --grayscale-100: #2c2c30;\\n  --grayscale-90: #404045;\\n  --grayscale-80: #54545b;\\n  --grayscale-70: #686871;\\n  --grayscale-60: #7d7d87;\\n  --grayscale-50: #92929b;\\n  --grayscale-40: #bebec3;\\n  --grayscale-30: #d4d4d7;\\n  --grayscale-20: #e9e9eb;\\n  --grayscale-10: #f3f3f4;\\n  --grayscale-0: #ffffff;\\n  --color-primary-default: #41807a;\\n  --color-primary-light: #50958e;\\n  --color-primary-green: #346662;\\n  --color-primary-silver-metallic: #9FA6AD;\\n  --color-primary-black-metallic: #090D0D;\\n  --color-primary-gray-metallic: #5C5C5E;\\n  --color-primary-tint: #E7EEED;\\n  --color-primary-tint-second: #ECEDEF;\\n  --color-primary-tint-third: #F8FCFB;\\n  --color-primary-zebra: #FAFAFB;\\n  --color-primary-rates: #848E9D;\\n  --color-primary-active: #5EB989;\\n  --color-primary-warning-text: #B7791F;\\n  --color-primary-warning-text-background: #fef8e3;\\n  --color-secondary: #115ca7;\\n  --color-accent: #fcf0f2;\\n  --color-body-text: #18181a;\\n  --color-warning: #dc3545; }\\n\\n:root {\\n  --radius-first: 4px;\\n  --radius-second: 6px;\\n  --radius-third: 15px;\\n  --radius-five: 5px; }\\n\\n.osm-ovd-styles .highlight {\\n  background-color: #f9f9fa; }\\n\\nbody.osm-vd-styles {\\n  margin: 0;\\n  padding: 0;\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-feature-settings: 'clig' off, 'liga' off; }\\n\\n.osm-vd-styles h1,\\n.osm-vd-styles h2,\\n.osm-vd-styles h3,\\n.osm-vd-styles h4,\\n.osm-vd-styles h5,\\n.osm-vd-styles h6 {\\n  margin: 0;\\n  padding: 0; }\\n\\n.osm-vd-styles p,\\n.osm-vd-styles span {\\n  margin: 0;\\n  padding: 0; }\\n\\n.osm-vd-styles ul {\\n  margin: 0;\\n  padding: 0; }\\n\\n.osm-vd-styles h1 {\\n  font-size: 24px; }\\n\\n.osm-vd-styles h2 {\\n  font-size: 22px; }\\n\\n.osm-vd-styles h3 {\\n  font-size: 20px; }\\n\\n.osm-vd-styles h4 {\\n  font-size: 18px; }\\n\\n.osm-vd-styles h5 {\\n  font-size: 16px; }\\n\\n.osm-vd-styles h6 {\\n  font-size: 14px; }\\n\\n.osm-vd-styles .small-text {\\n  font-size: 12px; }\\n\\n.osm-vd-styles .base_link {\\n  font-size: 12px;\\n  color: var(--color-primary-default);\\n  cursor: pointer; }\\n  .osm-vd-styles .base_link:hover {\\n    text-decoration: underline; }\\n\\n.osm-vd-styles input::-webkit-contacts-auto-fill-button,\\n.osm-vd-styles input::-webkit-credentials-auto-fill-button,\\n.osm-vd-styles input::-webkit-caps-lock-indicator {\\n  visibility: hidden;\\n  display: none !important;\\n  pointer-events: none;\\n  height: 0;\\n  width: 0;\\n  margin: 0; }\\n\\n.osm-vd-styles .text-left {\\n  text-align: left; }\\n\\n.osm-vd-styles .text-center {\\n  text-align: center; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Bold.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 700;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-SemiBold.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 600;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Medium.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 500;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Regular.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 400;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\\\"/assets/fonts/poppins/Poppins-Thin.ttf\\\") format(\\\"ttf\\\");\\n  font-family: \\\"Poppins\\\", sans-serif;\\n  font-weight: 300;\\n  font-style: normal; }\\n\\n.osm-vd-styles .m-row {\\n  box-sizing: border-box;\\n  display: flex;\\n  margin-left: auto;\\n  margin-right: auto;\\n  flex-wrap: wrap;\\n  max-width: 1400px;\\n  width: 88.57143%; }\\n  @media screen and (max-width: 1020px) {\\n    .osm-vd-styles .m-row {\\n      width: 88.23529%; } }\\n  @media screen and (max-width: 620px) {\\n    .osm-vd-styles .m-row {\\n      width: 89.67742%; } }\\n  .osm-vd-styles .m-row-0 {\\n    box-sizing: border-box;\\n    display: flex;\\n    margin-left: auto;\\n    margin-right: auto;\\n    flex-wrap: wrap;\\n    max-width: 1400px;\\n    width: 100%; }\\n\\n.osm-vd-styles .m-col-lg-0 {\\n  box-sizing: border-box;\\n  width: 0%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-0 {\\n  margin-left: 0%; }\\n\\n.osm-vd-styles .m-col-lg-1 {\\n  box-sizing: border-box;\\n  width: 8.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-1 {\\n  margin-left: 8.33333%; }\\n\\n.osm-vd-styles .m-col-lg-2 {\\n  box-sizing: border-box;\\n  width: 16.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-2 {\\n  margin-left: 16.66667%; }\\n\\n.osm-vd-styles .m-col-lg-3 {\\n  box-sizing: border-box;\\n  width: 25%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-3 {\\n  margin-left: 25%; }\\n\\n.osm-vd-styles .m-col-lg-4 {\\n  box-sizing: border-box;\\n  width: 33.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-4 {\\n  margin-left: 33.33333%; }\\n\\n.osm-vd-styles .m-col-lg-5 {\\n  box-sizing: border-box;\\n  width: 41.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-5 {\\n  margin-left: 41.66667%; }\\n\\n.osm-vd-styles .m-col-lg-6 {\\n  box-sizing: border-box;\\n  width: 50%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-6 {\\n  margin-left: 50%; }\\n\\n.osm-vd-styles .m-col-lg-7 {\\n  box-sizing: border-box;\\n  width: 58.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-7 {\\n  margin-left: 58.33333%; }\\n\\n.osm-vd-styles .m-col-lg-8 {\\n  box-sizing: border-box;\\n  width: 66.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-8 {\\n  margin-left: 66.66667%; }\\n\\n.osm-vd-styles .m-col-lg-9 {\\n  box-sizing: border-box;\\n  width: 75%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-9 {\\n  margin-left: 75%; }\\n\\n.osm-vd-styles .m-col-lg-10 {\\n  box-sizing: border-box;\\n  width: 83.33333%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-10 {\\n  margin-left: 83.33333%; }\\n\\n.osm-vd-styles .m-col-lg-11 {\\n  box-sizing: border-box;\\n  width: 91.66667%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-11 {\\n  margin-left: 91.66667%; }\\n\\n.osm-vd-styles .m-col-lg-12 {\\n  box-sizing: border-box;\\n  width: 100%;\\n  padding-left: 1.6129%;\\n  padding-right: 1.6129%; }\\n\\n.osm-vd-styles .m-col-lg-shift-12 {\\n  margin-left: 100%; }\\n\\n@media screen and (max-width: 1020px) {\\n  .osm-vd-styles .m-col-md-0 {\\n    box-sizing: border-box;\\n    width: 0%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-0 {\\n    margin-left: 0%; }\\n  .osm-vd-styles .m-col-md-1 {\\n    box-sizing: border-box;\\n    width: 8.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-1 {\\n    margin-left: 8.33333%; }\\n  .osm-vd-styles .m-col-md-2 {\\n    box-sizing: border-box;\\n    width: 16.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-2 {\\n    margin-left: 16.66667%; }\\n  .osm-vd-styles .m-col-md-3 {\\n    box-sizing: border-box;\\n    width: 25%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-3 {\\n    margin-left: 25%; }\\n  .osm-vd-styles .m-col-md-4 {\\n    box-sizing: border-box;\\n    width: 33.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-4 {\\n    margin-left: 33.33333%; }\\n  .osm-vd-styles .m-col-md-5 {\\n    box-sizing: border-box;\\n    width: 41.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-5 {\\n    margin-left: 41.66667%; }\\n  .osm-vd-styles .m-col-md-6 {\\n    box-sizing: border-box;\\n    width: 50%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-6 {\\n    margin-left: 50%; }\\n  .osm-vd-styles .m-col-md-7 {\\n    box-sizing: border-box;\\n    width: 58.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-7 {\\n    margin-left: 58.33333%; }\\n  .osm-vd-styles .m-col-md-8 {\\n    box-sizing: border-box;\\n    width: 66.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-8 {\\n    margin-left: 66.66667%; }\\n  .osm-vd-styles .m-col-md-9 {\\n    box-sizing: border-box;\\n    width: 75%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-9 {\\n    margin-left: 75%; }\\n  .osm-vd-styles .m-col-md-10 {\\n    box-sizing: border-box;\\n    width: 83.33333%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-10 {\\n    margin-left: 83.33333%; }\\n  .osm-vd-styles .m-col-md-11 {\\n    box-sizing: border-box;\\n    width: 91.66667%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-11 {\\n    margin-left: 91.66667%; }\\n  .osm-vd-styles .m-col-md-12 {\\n    box-sizing: border-box;\\n    width: 100%;\\n    padding-left: 1.66667%;\\n    padding-right: 1.66667%; }\\n  .osm-vd-styles .m-col-md-shift-12 {\\n    margin-left: 100%; } }\\n\\n@media screen and (max-width: 620px) {\\n  .osm-vd-styles .m-col-sm-0 {\\n    box-sizing: border-box;\\n    width: 0%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-0 {\\n    margin-left: 0%; }\\n  .osm-vd-styles .m-col-sm-1 {\\n    box-sizing: border-box;\\n    width: 25%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-1 {\\n    margin-left: 25%; }\\n  .osm-vd-styles .m-col-sm-2 {\\n    box-sizing: border-box;\\n    width: 50%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-2 {\\n    margin-left: 50%; }\\n  .osm-vd-styles .m-col-sm-3 {\\n    box-sizing: border-box;\\n    width: 75%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-3 {\\n    margin-left: 75%; }\\n  .osm-vd-styles .m-col-sm-4 {\\n    box-sizing: border-box;\\n    width: 100%;\\n    padding-left: 1.79856%;\\n    padding-right: 1.79856%; }\\n  .osm-vd-styles .m-col-sm-shift-4 {\\n    margin-left: 100%; } }\\n\\n.osm-vd-styles .tooltip {\\n  position: relative;\\n  display: inline-block; }\\n\\n.osm-vd-styles .tooltip .tooltiptext {\\n  visibility: hidden;\\n  min-width: 460px;\\n  background-color: #f2f7f6;\\n  color: #6e9e99;\\n  text-align: left;\\n  padding: 10px 13px;\\n  position: absolute;\\n  z-index: 1;\\n  bottom: 140%;\\n  left: 50%;\\n  border-radius: var(--radius-first);\\n  font-size: 13px;\\n  right: 0;\\n  margin: 0 auto;\\n  transform: translateX(-50%);\\n  border: 1px solid #7ea7a3; }\\n  .osm-vd-styles .tooltip .tooltiptext .texts {\\n    display: flex;\\n    font-weight: bold; }\\n    .osm-vd-styles .tooltip .tooltiptext .texts .text {\\n      color: #6e9e99; }\\n  .osm-vd-styles .tooltip .tooltiptext.down {\\n    bottom: auto;\\n    top: 140%; }\\n    .osm-vd-styles .tooltip .tooltiptext.down .triangle-down {\\n      border: none;\\n      border-left: 8px solid transparent;\\n      border-right: 8px solid transparent;\\n      border-bottom: 8px solid #7ea7a3;\\n      bottom: auto;\\n      top: -8px; }\\n\\n.osm-vd-styles .tooltip:hover .tooltiptext {\\n  visibility: visible; }\\n\\n.osm-vd-styles .triangle-down {\\n  width: 0;\\n  height: 0;\\n  border-left: 8px solid transparent;\\n  border-right: 8px solid transparent;\\n  border-top: 8px solid #7ea7a3;\\n  position: absolute;\\n  bottom: -8px;\\n  left: 0;\\n  right: 0;\\n  margin: 0 auto; }\\n  .osm-vd-styles .triangle-down::after {\\n    content: '';\\n    width: 0;\\n    height: 0;\\n    border-left: 6px solid transparent;\\n    border-right: 6px solid transparent;\\n    border-top: 6px solid #f2f7f6;\\n    position: absolute;\\n    bottom: 2px;\\n    left: -6.2px;\\n    right: 0;\\n    margin: 0 auto;\\n    display: block; }\\n\\n.base-button {\\n  width: 100%;\\n  height: 48px;\\n  background: var(--color-primary-default);\\n  font-size: 12pt;\\n  color: var(--grayscale-10);\\n  text-align: center;\\n  border: 0;\\n  cursor: pointer;\\n  font-weight: 700;\\n  border-radius: var(--radius-first);\\n  position: relative; }\\n  .base-button.button-disabled {\\n    background: var(--grayscale-80);\\n    pointer-events: none; }\\n\\n.outline {\\n  background: transparent;\\n  border: 1px solid var(--color-primary-default);\\n  color: var(--color-primary-default); }\\n  .outline:hover {\\n    background: var(--color-primary-default);\\n    color: var(--grayscale-10); }\\n\\n.loading {\\n  opacity: 0.5;\\n  cursor: not-allowed; }\\n\\n.disabled {\\n  opacity: 0.5;\\n  cursor: not-allowed; }\\n\\n.loader-icon {\\n  position: absolute;\\n  top: 12px;\\n  right: 15px;\\n  -webkit-animation: spinner 3s linear infinite;\\n          animation: spinner 3s linear infinite; }\\n\\n@-webkit-keyframes spinner {\\n  to {\\n    transform: rotate(360deg); } }\\n\\n@keyframes spinner {\\n  to {\\n    transform: rotate(360deg); } }\\n\\n.base-form-input {\\n  display: flex;\\n  flex-direction: column;\\n  position: relative; }\\n  .base-form-input svg {\\n    position: absolute;\\n    right: 10px;\\n    top: 50%;\\n    stroke: var(--grayscale-40);\\n    stroke-width: 1; }\\n  .base-form-input input,\\n  .base-form-input textarea {\\n    border: transparent;\\n    color: var(--grayscale-90);\\n    padding-left: 10px;\\n    border-radius: var(--radius-first);\\n    height: 50px;\\n    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\\n    font-size: 16px; }\\n    .base-form-input input::-moz-placeholder, .base-form-input textarea::-moz-placeholder {\\n      color: var(--grayscale-40); }\\n    .base-form-input input::placeholder,\\n    .base-form-input textarea::placeholder {\\n      color: var(--grayscale-40); }\\n    .base-form-input input:focus,\\n    .base-form-input textarea:focus {\\n      outline: none; }\\n    .base-form-input input:focus ~ label,\\n    .base-form-input input textarea,\\n    .base-form-input textarea:focus ~ label,\\n    .base-form-input textarea textarea {\\n      outline: none;\\n      font-size: 10pt;\\n      top: -12px;\\n      background: var(--grayscale-0); }\\n    .base-form-input input:focus ~ svg,\\n    .base-form-input textarea:focus ~ svg {\\n      stroke-width: 2; }\\n  .base-form-input label {\\n    color: var(--grayscale-70);\\n    font-size: 14px;\\n    font-weight: 400;\\n    transition: all 0.225s ease;\\n    margin-bottom: 10px; }\\n  .base-form-input .selected-input ~ label,\\n  .base-form-input textarea {\\n    top: -12px;\\n    background: var(--grayscale-0); }\\n\\n.base-form-checkbox {\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n  appearance: none;\\n  -webkit-print-color-adjust: exact;\\n  color-adjust: exact;\\n  display: inline-block;\\n  vertical-align: middle;\\n  background-origin: border-box;\\n  -webkit-user-select: none;\\n  -moz-user-select: none;\\n  user-select: none;\\n  flex-shrink: 0;\\n  height: 20px;\\n  width: 20px;\\n  color: var(--color-primary-default);\\n  background-color: var(--grayscale-0);\\n  border-radius: var(--radius-first);\\n  border: 2px solid #e8e8e8;\\n  cursor: pointer; }\\n  .base-form-checkbox:checked {\\n    background-image: url(\\\"data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.707 7.293a1 1 0 0 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L7 8.586 5.707 7.293z'/%3e%3c/svg%3e\\\");\\n    border-color: transparent;\\n    background-color: currentColor;\\n    background-size: 100% 100%;\\n    background-position: center;\\n    background-repeat: no-repeat; }\\n\\n.custom-container {\\n  max-width: 1200px;\\n  margin: 0 auto;\\n  padding: 0 20px;\\n  box-sizing: border-box; }\\n  .custom-container.fullWidth {\\n    max-width: 100%; }\\n  .custom-container .row-gutter {\\n    margin: 0px -20px; }\\n\\n.responsive-table-container {\\n  display: flex;\\n  flex-wrap: wrap;\\n  border-radius: var(--radius-second);\\n  border: 1px solid #e8e8e8;\\n  background-color: white;\\n  box-sizing: border-box;\\n  margin-bottom: 10px; }\\n  .responsive-table-container.highlight {\\n    background-color: #f9f9fa; }\\n  .responsive-table-container:first-of-type {\\n    margin-top: 10px; }\\n  .responsive-table-container .item {\\n    padding: 0px 10px;\\n    border: 1px solid #e8e8e8;\\n    box-sizing: border-box;\\n    min-height: 130px;\\n    width: 100%;\\n    display: flex;\\n    align-items: center; }\\n    @media (max-width: 460px) {\\n      .responsive-table-container .item {\\n        padding: 10px 10px; } }\\n  .responsive-table-container .title-container {\\n    width: 50%;\\n    font-weight: bold; }\\n    @media (max-width: 460px) {\\n      .responsive-table-container .title-container {\\n        width: 30%; }\\n        .responsive-table-container .title-container .item.selectbox-container {\\n          min-height: 130px;\\n          font-size: 12px; } }\\n    @media (max-width: 340px) {\\n      .responsive-table-container .title-container {\\n        width: 25%; } }\\n  .responsive-table-container .data-container {\\n    width: 50%; }\\n    @media (max-width: 460px) {\\n      .responsive-table-container .data-container {\\n        width: 70%; }\\n        .responsive-table-container .data-container .item .empty-content {\\n          padding: 13px 0; } }\\n    @media (max-width: 340px) {\\n      .responsive-table-container .data-container {\\n        width: 75%; } }\\n\\n/**\\n    Support for SASS is deprecated as of v3.18.\\n\\n    The files remain here if your build is dependent on them\\n    but they will not receive updates in future releases. All\\n    SASS variables have been translated into CSS variables, so\\n    migration should be quite simple if you'd like to move over.\\n\\n    In v4, these files will be removed.\\n */\\n.v-select {\\n  position: relative;\\n  font-family: inherit; }\\n\\n.v-select,\\n.v-select * {\\n  box-sizing: border-box; }\\n\\n/* KeyFrames */\\n@-webkit-keyframes vSelectSpinner {\\n  0% {\\n    transform: rotate(0deg); }\\n  100% {\\n    transform: rotate(360deg); } }\\n\\n@keyframes vSelectSpinner {\\n  0% {\\n    transform: rotate(0deg); }\\n  100% {\\n    transform: rotate(360deg); } }\\n\\n/* Dropdown Default Transition */\\n.vs__fade-enter-active,\\n.vs__fade-leave-active {\\n  pointer-events: none;\\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1); }\\n\\n.vs__fade-enter,\\n.vs__fade-leave-to {\\n  opacity: 0; }\\n\\n/** Component States */\\n/*\\n * Disabled\\n *\\n * When the component is disabled, all interaction\\n * should be prevented. Here we modify the bg color,\\n * and change the cursor displayed on the interactive\\n * components.\\n */\\n.vs--disabled .vs__dropdown-toggle,\\n.vs--disabled .vs__clear,\\n.vs--disabled .vs__search,\\n.vs--disabled .vs__selected,\\n.vs--disabled .vs__open-indicator {\\n  cursor: not-allowed;\\n  background-color: #f8f8f8; }\\n\\n/*\\n *  RTL - Right to Left Support\\n *\\n *  Because we're using a flexbox layout, the `dir=\\\"rtl\\\"`\\n *  HTML attribute does most of the work for us by\\n *  rearranging the child elements visually.\\n */\\n.v-select[dir=\\\"rtl\\\"] .vs__actions {\\n  padding: 0 3px 0 6px; }\\n\\n.v-select[dir=\\\"rtl\\\"] .vs__clear {\\n  margin-left: 6px;\\n  margin-right: 0; }\\n\\n.v-select[dir=\\\"rtl\\\"] .vs__deselect {\\n  margin-left: 0;\\n  margin-right: 2px; }\\n\\n.v-select[dir=\\\"rtl\\\"] .vs__dropdown-menu {\\n  text-align: right; }\\n\\n/**\\n    Dropdown Toggle\\n\\n    The dropdown toggle is the primary wrapper of the component. It\\n    has two direct descendants: .vs__selected-options, and .vs__actions.\\n\\n    .vs__selected-options holds the .vs__selected's as well as the\\n    main search input.\\n\\n    .vs__actions holds the clear button and dropdown toggle.\\n */\\n.vs__dropdown-toggle {\\n  -webkit-appearance: none;\\n     -moz-appearance: none;\\n          appearance: none;\\n  display: flex;\\n  padding: 0 0 4px 0;\\n  background: none;\\n  border: 1px solid rgba(60, 60, 60, 0.26);\\n  border-radius: 4px;\\n  white-space: normal; }\\n\\n.vs__selected-options {\\n  display: flex;\\n  flex-basis: 100%;\\n  flex-grow: 1;\\n  flex-wrap: wrap;\\n  padding: 0 2px;\\n  position: relative; }\\n\\n.vs__actions {\\n  display: flex;\\n  align-items: center;\\n  padding: 4px 6px 0 3px; }\\n\\n/* Dropdown Toggle States */\\n.vs--searchable .vs__dropdown-toggle {\\n  cursor: text; }\\n\\n.vs--unsearchable .vs__dropdown-toggle {\\n  cursor: pointer; }\\n\\n.vs--open .vs__dropdown-toggle {\\n  border-bottom-color: transparent;\\n  border-bottom-left-radius: 0;\\n  border-bottom-right-radius: 0; }\\n\\n.vs__open-indicator {\\n  fill: rgba(60, 60, 60, 0.5);\\n  transform: scale(1);\\n  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);\\n  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855); }\\n\\n.vs--open .vs__open-indicator {\\n  transform: rotate(180deg) scale(1); }\\n\\n.vs--loading .vs__open-indicator {\\n  opacity: 0; }\\n\\n/* Clear Button */\\n.vs__clear {\\n  fill: rgba(60, 60, 60, 0.5);\\n  padding: 0;\\n  border: 0;\\n  background-color: transparent;\\n  cursor: pointer;\\n  margin-right: 8px; }\\n\\n/* Dropdown Menu */\\n.vs__dropdown-menu {\\n  display: block;\\n  box-sizing: border-box;\\n  position: absolute;\\n  top: calc(100% - 1px);\\n  left: 0;\\n  z-index: 1000;\\n  padding: 5px 0;\\n  margin: 0;\\n  width: 100%;\\n  max-height: 350px;\\n  min-width: 160px;\\n  overflow-y: auto;\\n  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);\\n  border: 1px solid rgba(60, 60, 60, 0.26);\\n  border-top-style: none;\\n  border-radius: 0 0 4px 4px;\\n  text-align: left;\\n  list-style: none;\\n  background: #fff; }\\n\\n.vs__no-options {\\n  text-align: center; }\\n\\n/* List Items */\\n.vs__dropdown-option {\\n  line-height: 1.42857143;\\n  /* Normalize line height */\\n  display: block;\\n  padding: 3px 20px;\\n  clear: both;\\n  color: #333;\\n  /* Overrides most CSS frameworks */\\n  white-space: nowrap;\\n  cursor: pointer; }\\n\\n.vs__dropdown-option--highlight {\\n  background: #5897fb;\\n  color: #fff; }\\n\\n.vs__dropdown-option--deselect {\\n  background: #fb5858;\\n  color: #fff; }\\n\\n.vs__dropdown-option--disabled {\\n  background: inherit;\\n  color: rgba(60, 60, 60, 0.5);\\n  cursor: inherit; }\\n\\n/* Selected Tags */\\n.vs__selected {\\n  display: flex;\\n  align-items: center;\\n  background-color: #f0f0f0;\\n  border: 1px solid rgba(60, 60, 60, 0.26);\\n  border-radius: 4px;\\n  color: #333;\\n  line-height: 1.4;\\n  margin: 4px 2px 0px 2px;\\n  padding: 0 0.25em;\\n  z-index: 0; }\\n\\n.vs__deselect {\\n  display: inline-flex;\\n  -webkit-appearance: none;\\n     -moz-appearance: none;\\n          appearance: none;\\n  margin-left: 4px;\\n  padding: 0;\\n  border: 0;\\n  cursor: pointer;\\n  background: none;\\n  fill: rgba(60, 60, 60, 0.5);\\n  text-shadow: 0 1px 0 #fff; }\\n\\n/* States */\\n.vs--single .vs__selected {\\n  background-color: transparent;\\n  border-color: transparent; }\\n\\n.vs--single.vs--open .vs__selected,\\n.vs--single.vs--loading .vs__selected {\\n  position: absolute;\\n  opacity: .4; }\\n\\n.vs--single.vs--searching .vs__selected {\\n  display: none; }\\n\\n/* Search Input */\\n/**\\n * Super weird bug... If this declaration is grouped\\n * below, the cancel button will still appear in chrome.\\n * If it's up here on it's own, it'll hide it.\\n */\\n.vs__search::-webkit-search-cancel-button {\\n  display: none; }\\n\\n.vs__search::-webkit-search-decoration,\\n.vs__search::-webkit-search-results-button,\\n.vs__search::-webkit-search-results-decoration,\\n.vs__search::-ms-clear {\\n  display: none; }\\n\\n.vs__search,\\n.vs__search:focus {\\n  -webkit-appearance: none;\\n     -moz-appearance: none;\\n          appearance: none;\\n  line-height: 1.4;\\n  font-size: 1em;\\n  border: 1px solid transparent;\\n  border-left: none;\\n  outline: none;\\n  margin: 4px 0 0 0;\\n  padding: 0 7px;\\n  background: none;\\n  box-shadow: none;\\n  width: 0;\\n  max-width: 100%;\\n  flex-grow: 1;\\n  z-index: 1; }\\n\\n.vs__search::-moz-placeholder {\\n  color: inherit; }\\n\\n.vs__search::placeholder {\\n  color: inherit; }\\n\\n/**\\n    States\\n */\\n.vs--unsearchable .vs__search {\\n  opacity: 1; }\\n\\n.vs--unsearchable:not(.vs--disabled) .vs__search {\\n  cursor: pointer; }\\n\\n.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {\\n  opacity: .2; }\\n\\n/* Loading Spinner */\\n.vs__spinner {\\n  align-self: center;\\n  opacity: 0;\\n  font-size: 5px;\\n  text-indent: -9999em;\\n  overflow: hidden;\\n  border-top: 0.9em solid rgba(100, 100, 100, 0.1);\\n  border-right: 0.9em solid rgba(100, 100, 100, 0.1);\\n  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);\\n  border-left: 0.9em solid rgba(60, 60, 60, 0.45);\\n  transform: translateZ(0);\\n  -webkit-animation: vSelectSpinner 1.1s infinite linear;\\n          animation: vSelectSpinner 1.1s infinite linear;\\n  transition: opacity .1s; }\\n\\n.vs__spinner,\\n.vs__spinner:after {\\n  border-radius: 50%;\\n  width: 5em;\\n  height: 5em; }\\n\\n/* Loading Spinner States */\\n.vs--loading .vs__spinner {\\n  opacity: 1; }\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/style/main.scss?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3");
 
 /***/ }),