osmanli-veri-dagitim 2.1.43-dev → 2.1.44-dev

package/dist/OsmanliPackage.umd.min.js

@@ -1447,7 +1447,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\nconst icons =
 /***/ (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//\n//\n//\n//\n//\n//\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: \"Breadcrumb\",\n  props: {\n    isGutter: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"]\n  },\n\n  data() {\n    return {\n      breadcrumbList: [],\n      isFullWidth: false\n    };\n  },\n\n  mounted() {\n    var _this$$route, _this$$route2, _this$$route3, _this$$route4, _this$$route5;\n\n    this.updateList();\n\n    if (((_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : _this$$route.name) == \"Home\" || ((_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : _this$$route2.name) == \"MonthClosing\" || ((_this$$route3 = this.$route) === null || _this$$route3 === void 0 ? void 0 : _this$$route3.name) == \"ProductAndPackageManagement\" || ((_this$$route4 = this.$route) === null || _this$$route4 === void 0 ? void 0 : _this$$route4.name) == \"ParametersPage\" || ((_this$$route5 = this.$route) === null || _this$$route5 === void 0 ? void 0 : _this$$route5.name) == \"RecommendedPackages\") {\n      this.isFullWidth = true;\n    }\n  },\n\n  methods: {\n    updateList() {\n      var _this$$route6, _this$$route6$meta;\n\n      this.breadcrumbList = (_this$$route6 = this.$route) === null || _this$$route6 === void 0 ? void 0 : (_this$$route6$meta = _this$$route6.meta) === null || _this$$route6$meta === void 0 ? void 0 : _this$$route6$meta.breadcrumb;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Breadcrumb.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//\n//\n//\n//\n//\n//\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: \"Breadcrumb\",\n  props: {\n    isGutter: {\n      type: Boolean,\n      default: false\n    }\n  },\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"]\n  },\n\n  data() {\n    return {\n      breadcrumbList: [],\n      isFullWidth: false\n    };\n  },\n\n  mounted() {\n    var _this$$route, _this$$route2, _this$$route3, _this$$route4, _this$$route5, _this$$route6;\n\n    this.updateList();\n\n    if (((_this$$route = this.$route) === null || _this$$route === void 0 ? void 0 : _this$$route.name) == \"Home\" || ((_this$$route2 = this.$route) === null || _this$$route2 === void 0 ? void 0 : _this$$route2.name) == \"MonthClosing\" || ((_this$$route3 = this.$route) === null || _this$$route3 === void 0 ? void 0 : _this$$route3.name) == \"ProductAndPackageManagement\" || ((_this$$route4 = this.$route) === null || _this$$route4 === void 0 ? void 0 : _this$$route4.name) == \"ParametersPage\" || ((_this$$route5 = this.$route) === null || _this$$route5 === void 0 ? void 0 : _this$$route5.name) == \"RecommendedPackages\" || ((_this$$route6 = this.$route) === null || _this$$route6 === void 0 ? void 0 : _this$$route6.name) == \"GetManuelReport\") {\n      this.isFullWidth = true;\n    }\n  },\n\n  methods: {\n    updateList() {\n      var _this$$route7, _this$$route7$meta;\n\n      this.breadcrumbList = (_this$$route7 = this.$route) === null || _this$$route7 === void 0 ? void 0 : (_this$$route7$meta = _this$$route7.meta) === null || _this$$route7$meta === void 0 ? void 0 : _this$$route7$meta.breadcrumb;\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/Breadcrumb.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");
 
 /***/ }),
 
@@ -1735,7 +1735,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        }).catch(() => {\n          location.reload();\n        });\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettigns\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseIcon\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: this.dataItem.dateSelection,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      isButtonClicked: false,\n      warningMessage: false,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_6__[\"getItem\"])(\"esube\"),\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Karma Lisans paketinde derinlik bilgisi bulunmamaktadır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.setSelectedForeign([]);\n    this.setSelectedAlgoServer([]);\n    this.setSelectedResearch([]);\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : this.$route.params.customerId;\n      this.startDateSelection = this.dataItem.dateSelection;\n    }\n\n    this.sumFundCommission();\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.foreignIndice) {\n        this.getDraftPackageDetails.foreignIndice.forEach((element, index) => {\n          if (element.foreignIndiceFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n\n      if (this.getDraftPackageDetails.research) {\n        this.getDraftPackageDetails.research.forEach((element, index) => {\n          if (element.researchFeature.id == details[index].id) {\n            details[index].dateSelection = Number(element.dateSelection.key);\n          }\n        });\n      }\n\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.$nextTick(() => {\n      this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n        let details = {};\n        details = res.data;\n\n        if (this.getDraftPackageDetails.algorithm) {\n          this.getDraftPackageDetails.algorithm.forEach((element, index) => {\n            if (element.algorithmFeature.id == details[index].id) {\n              details[index].dateSelection = Number(element.dateSelection.key);\n            }\n          });\n        }\n\n        this.algoServer.push({\n          id: 3,\n          active: false,\n          title: \"Algoritmalar\",\n          details\n        });\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\", \"getPackageInfo\", \"getDraftPackageDetails\", \"getUserInfo\"]),\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    getStartDateSelection() {\n      return this.dataItem.dateSelection;\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foraignTurkishLiraTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"₺\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = `${this.totalPriceDollar ? ` + ${this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice)} Dolar` : \"\"}`;\n      let totalEuro = `${this.totalPriceEuro ? ` + ${this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice)} Euro` : \"\"}`;\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getDraftPackageDetail\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    checkSpesificWarning(param) {\n      this.warningMessage = param;\n    },\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.startDateSelection = this.startDate[0].code;\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      this.selectData = data;\n    },\n\n    async submitShow() {\n      this.isButtonClicked = true;\n      const packageData = this.buildPackageData();\n      const getEveryDateSelection = packageData.filter(o => o.dateSelection == -1);\n      const getResearchDateSelection = this.getSelectedResearchInfo.filter(o => o.dateSelection == -1);\n      const getForeignDateSelection = this.getSelectedForeignInfo.filter(o => o.dateSelection == -1);\n      const getSelectedAlgoSvInfo = this.getSelectedAlgoServerInfo.filter(o => o.dateSelection == -1);\n\n      if (getEveryDateSelection.length > 0 || getResearchDateSelection.length > 0 || getForeignDateSelection.length > 0 || getSelectedAlgoSvInfo.length > 0) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const researchData = this.buildResearchData();\n      const foreignData = this.buildForeignData();\n      const algoServerData = this.buildAlgoServerData();\n      const args = this.buildArgsObject(packageData, researchData, foreignData, algoServerData);\n      const actionName = this.getActionName();\n      const sendAction = await this[actionName](args);\n\n      if (sendAction.error) {\n        this.handleError(sendAction);\n      } else {\n        this.handleSuccess(sendAction, actionName);\n        this.args = {};\n      }\n    },\n\n    buildPackageData() {\n      return this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id,\n          dateSelection: item.dateSelection\n        };\n      });\n    },\n\n    buildResearchData() {\n      return this.getSelectedResearchInfo.map(item => ({\n        applicationId: this.dataItem.application.id || null,\n        researchId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildForeignData() {\n      return this.getSelectedForeignInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        foreignIndiceId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildAlgoServerData() {\n      return this.getSelectedAlgoServerInfo.map(item => ({\n        applicationId: this.dataItem.application.id,\n        algorithmAndServerId: item.id || null,\n        dateSelection: item.dateSelection\n      }));\n    },\n\n    buildArgsObject(packageData, researchData, foreignData, algoServerData) {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf, _this$dataItem8, _this$dataItem9, _this$dataItem9$platf;\n\n      return {\n        customerId: this.customer.id,\n        purchaseId: this.dataItem.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        applicationFeatureId: ((_this$dataItem8 = this.dataItem) === null || _this$dataItem8 === void 0 ? void 0 : _this$dataItem8.application.id) || null,\n        platformFeatureId: (_this$dataItem9 = this.dataItem) === null || _this$dataItem9 === void 0 ? void 0 : (_this$dataItem9$platf = _this$dataItem9.platform) === null || _this$dataItem9$platf === void 0 ? void 0 : _this$dataItem9$platf.id,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n    },\n\n    getActionName() {\n      return this.dataItem.packageStatus.id === 2 ? \"updatePackage\" : \"createPackage\";\n    },\n\n    handleError(res) {\n      if (res.result !== undefined && res.result !== null) {\n        this.$toast.error(res.result.data[0].errors[0]);\n      } else {\n        this.$toast.error(res.message);\n      }\n\n      this.isButtonClicked = false;\n    },\n\n    handleSuccess(res, actionName) {\n      if (actionName === \"updatePackage\") {\n        this.handleUpdatePackageSuccess(res);\n      } else {\n        this.handleCreatePackageSuccess(res);\n      }\n    },\n\n    async handleUpdatePackageSuccess() {\n      const response = await this.getDraftPackageDetail([this.dataItem.id, this.cusId]);\n      setTimeout(() => {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: response.data.id,\n            customerNumber: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.params.customerNumber\n          },\n          query: {\n            c: this.getMemberType == 3 ? localStorage.getItem(\"userId\") : this.$route.query.c,\n            timeStamp: new Date()\n          }\n        }).catch(() => {\n          location.reload();\n        });\n      }, 300);\n    },\n\n    handleCreatePackageSuccess(res) {\n      if (this.$route.name === \"Checkout\") {\n        this.$router.push({\n          name: \"Checkout\",\n          params: {\n            packageNumber: res.purchaseId,\n            customerNumber: this.$route.params.customerNumber\n          },\n          query: {\n            c: this.$route.query.c\n          }\n        });\n      } else {\n        this.$emit(\"close\");\n        this.getAllPackages(this.cusId);\n      }\n\n      this.setSelectedResearch([]);\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n    },\n\n    calculatePrice(items) {\n      var _this$dataItem$applic, _this$dataItem$applic2;\n\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, (_this$dataItem$applic = this.dataItem.application) === null || _this$dataItem$applic === void 0 ? void 0 : _this$dataItem$applic.fundAmount);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, (_this$dataItem$applic2 = this.dataItem.application) === null || _this$dataItem$applic2 === void 0 ? void 0 : _this$dataItem$applic2.commissionAmount);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0);\n      this.totalPrice = total + this.dataItem.application.price;\n    },\n\n    calculateTotalPrice() {\n      return this.dataItem.price + this.totalPrice + this.researchTotal() + this.foraignTurkishLiraTotal() + this.algoServerTotal();\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -2251,7 +2251,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-09\" }, [\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.esube == \"no\"\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\", [_vm._v(_vm._s(_vm.totalPriceCalc.toString()))])\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                            [_c(\"span\", [_vm._v(_vm._s(_vm.pricesText))])]\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\", [_vm._v(_vm._s(_vm.dataItem.platform.name))])\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:%2236ad6782-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-09\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"section section-0\" },\n                [\n                  _vm.dataItem && _vm.dataItem.application.imageUrl\n                    ? _c(\"img\", {\n                        attrs: {\n                          alt: \"product image\",\n                          src: _vm.dataItem.application.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.esube == \"no\"\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\", [_vm._v(_vm._s(_vm.totalPriceCalc.toString()))])\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                            [_c(\"span\", [_vm._v(_vm._s(_vm.pricesText))])]\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\", [_vm._v(_vm._s(_vm.dataItem.platform.name))])\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:%2236ad6782-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");
 
 /***/ }),
 
@@ -2263,7 +2263,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: \"data-request-item\" },\n    [\n      _c(\"div\", { staticClass: \"data-request-item__top\" }, [\n        _c(\n          \"div\",\n          {\n            staticClass: \"left\",\n            class: _vm.getSelectedTerminalNumber.length >= 1 ? \"flex-04\" : \"\",\n          },\n          [\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        ),\n        _c(\"div\", { staticClass: \"right\" }, [\n          _vm.getSelectedTerminalNumber.length > 0 &&\n          !_vm.getSelectedTerminalNumber.includes(null)\n            ? _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", [_vm._v(\"Terminal No\")]),\n                _c(\"span\", [\n                  _vm._v(_vm._s(_vm.getSelectedTerminalNumber.toString())),\n                ]),\n              ])\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"col\" }, [\n            _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Paket No\")]),\n            _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.purchaseNo))]),\n          ]),\n          !_vm.dataItem.package.length && _vm.dataItem.startDate\n            ? _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Başlangıç Tarihi\")]),\n                _c(\"span\", [\n                  _vm._v(\n                    _vm._s(_vm.getTime(_vm.dataItem.startDate, \"DD/MM/YYYY\"))\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          !_vm.dataItem.package.length && _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          _c(\"div\", { staticClass: \"col\" }, [\n            _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Talep Tarihi\")]),\n            _vm.dataItem.requestDate\n              ? _c(\"span\", [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        _vm.getTime(_vm.dataItem.requestDate, \"DD/MM/YYYY\")\n                      ) +\n                      \" \"\n                  ),\n                ])\n              : _c(\"span\", [_vm._v(\"-\")]),\n          ]),\n          _c(\"div\", { staticClass: \"col\" }, [\n            _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Düzenleme Tarihi\")]),\n            _vm.dataItem.updatedAt\n              ? _c(\"span\", [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        _vm.getTime(_vm.dataItem.updatedAt, \"DD/MM/YYYY\")\n                      ) +\n                      \" \"\n                  ),\n                ])\n              : _c(\"span\", [_vm._v(\"-\")]),\n          ]),\n        ]),\n        _vm.dataItem.packageStatus.id !== 6 &&\n        _vm.dataItem.packageStatus.id !== 8\n          ? _c(\"div\", { staticClass: \"right for-button\" }, [\n              _c(\"div\", { staticClass: \"col\" }, [\n                _vm.dataItem.packageStatus.id !== 8\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass: \"button-area\",\n                        class: {\n                          \"d-none\": _vm.dataItem.packageStatus.id === 6,\n                        },\n                        attrs: { id: \"button-area-\" + _vm.dataItem.purchaseNo },\n                      },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"gear\" } }),\n                        _c(\"span\", { staticClass: \"text\" }, [\n                          _vm._v(\"Düzenle\"),\n                        ]),\n                        _c(\"div\", { staticClass: \"dropdown\" }, [\n                          (_vm.dataItem.packageType === 1) &\n                          (_vm.dataItem.packageStatus.id !== 6)\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"dropdown-item\",\n                                  attrs: {\n                                    id: \"dropdown-item-1-\" + _vm.dataItem.id,\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.addCart(_vm.dataItem.id)\n                                    },\n                                  },\n                                },\n                                [\n                                  _c(\n                                    \"span\",\n                                    { staticClass: \"dropdown-item__text\" },\n                                    [_vm._v(\"Lisans Ekle/Çıkar\")]\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm.dataItem.packageStatus.id == 2\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"dropdown-item\",\n                                  attrs: {\n                                    id: \"dropdown-item-2-\" + _vm.dataItem.id,\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.showModal(_vm.getDataItemId)\n                                    },\n                                  },\n                                },\n                                [\n                                  _c(\n                                    \"span\",\n                                    { staticClass: \"dropdown-item__text\" },\n                                    [_vm._v(\"İptal Et\")]\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                        ]),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n              ]),\n            ])\n          : _c(\"div\", { staticClass: \"right for-button\" }),\n      ]),\n      _c(\"div\", { staticClass: \"data-request-item__middle\" }, [\n        _c(\"div\", { staticClass: \"left\" }, [\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"span\", [_vm._v(\"Bes Yatırım Fonu:\")]),\n            _c(\"strong\", [\n              _vm._v(\n                _vm._s(\n                  _vm.formatPrice(_vm.dataItem.price.totalFundAmount) || 0\n                ) + \" TL\"\n              ),\n            ]),\n          ]),\n          _vm._m(0),\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"span\", [_vm._v(\"Komisyon:\")]),\n            _c(\"strong\", [\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(_vm.dataItem.price.totalCommissionAmount) ||\n                      0\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"right\" }, [\n          !_vm.dataItem.isSuccessfulIntegration\n            ? _c(\"div\", { staticClass: \"item integration-warning\" }, [\n                _c(\"div\", { staticClass: \"tag tooltip\" }, [\n                  _c(\"div\", { staticClass: \"tooltiptext\" }, [\n                    _c(\"div\", { staticClass: \"texts\" }, [\n                      _vm._v(\n                        \" \" +\n                          _vm._s(_vm.dataItem.productName) +\n                          \" sisteminden kaynaklı bir hata alınmaktadır. Lütfen daha sonra tekrar deneyiniz. \"\n                      ),\n                    ]),\n                  ]),\n                  _c(\n                    \"span\",\n                    { staticClass: \"text\" },\n                    [\n                      _c(\"base-icon\", {\n                        staticClass: \"icon\",\n                        attrs: { name: \"bell-fill\" },\n                      }),\n                    ],\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"h3\", { staticClass: \"data-request-item__price\" }, [\n              _c(\"span\", { staticClass: \"data-request-item__price__text\" }, [\n                _vm._v(\"Paket Tutarı:\"),\n              ]),\n              _vm._v(\" \" + _vm._s(_vm.totalPriceCalc || 0) + \" \"),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"span\", { staticClass: \"data-request-item__status\" }, [\n              _c(\"span\", { staticClass: \"data-request-item__status__text\" }, [\n                _vm._v(\"Paket Durumu:\"),\n              ]),\n              _c(\n                \"span\",\n                {\n                  staticClass: \"data-request-item__status__stat\",\n                  class: [\n                    \"request\",\n                    {\n                      active: _vm.dataItem.packageStatus.id == 2 ? true : \"\",\n                      passive: _vm.dataItem.packageStatus.id == 8 ? true : \"\",\n                    },\n                  ],\n                },\n                [_vm._v(_vm._s(_vm.dataItem.packageStatus.name))]\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.dataItem.package.length\n        ? _c(\"div\", { staticClass: \"data-request-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.id, 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.isActive }],\n                  attrs: { name: \"arrow-green\" },\n                }),\n              ],\n              1\n            ),\n            _c(\"div\", { staticClass: \"data-request-item__bottom__packages\" }, [\n              _c(\n                \"div\",\n                { class: [\"accordion-wrapper\", _vm.isActive ? \"active\" : \"\"] },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      class: [\n                        \"accordion-wrapper__row caption\",\n                        _vm.isActive ? \"active\" : \"\",\n                      ],\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\"Paket Adı:\")]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\" Başlangıç Tarihi: \")]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\" Bitiş Tarihi: \")]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\" \" + _vm._s(_vm.pricesText) + \" \")]\n                      ),\n                    ]\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"accordion-content active\" },\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                            { staticClass: \"accordion-wrapper__row__cell\" },\n                            [\n                              typeof item == \"object\"\n                                ? _c(\"span\", [\n                                    item.name\n                                      ? _c(\"span\", [_vm._v(_vm._s(item.name))])\n                                      : _vm._e(),\n                                  ])\n                                : _c(\"span\", [_vm._v(_vm._s(item))]),\n                            ]\n                          ),\n                          item.startDate\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\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                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\"-\")]\n                              ),\n                          item.endDate\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [\n                                  _vm._v(\n                                    \" \" +\n                                      _vm._s(\n                                        _vm.getTime(item.endDate, \"DD/MM/YYYY\")\n                                      ) +\n                                      \" \"\n                                  ),\n                                ]\n                              )\n                            : _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\"-\")]\n                              ),\n                          item.totalPrice\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\" \" + _vm._s(item.totalPrice) + \" \")]\n                              )\n                            : _vm._e(),\n                          item.price\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [\n                                  _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                                  item.info == \"₺\"\n                                    ? _c(\"span\", [_vm._v(\"TL\")])\n                                    : item.info == \"€\"\n                                    ? _c(\"span\", [_vm._v(\"Euro\")])\n                                    : item.info == \"$\"\n                                    ? _c(\"span\", [_vm._v(\"Dolar\")])\n                                    : _vm._e(),\n                                ]\n                              )\n                            : _vm._e(),\n                          !item.totalPrice && !item.price\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\" - \")]\n                              )\n                            : _vm._e(),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                ]\n              ),\n            ]),\n          ])\n        : _vm._e(),\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      _c(\n        \"modal\",\n        {\n          staticClass: \"cancel-modal\",\n          attrs: { height: \"auto\", adaptive: true, name: _vm.getDataItemId },\n        },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [_vm._v(\"Paketi İptal Etmek İstiyor musunuz?\")]),\n            ]),\n            _c(\n              \"a\",\n              {\n                on: {\n                  click: function ($event) {\n                    return _vm.closeModal()\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(\n                  \"div\",\n                  { staticClass: \"modal-body__image\" },\n                  [\n                    _vm.dataItem && _vm.dataItem.imageUrl\n                      ? _c(\"img\", {\n                          staticClass: \"image\",\n                          attrs: {\n                            alt: \"product image\",\n                            src: _vm.dataItem.imageUrl,\n                          },\n                        })\n                      : _c(\"base-icon\", {\n                          staticClass: \"image\",\n                          attrs: { name: \"no-image\" },\n                        }),\n                  ],\n                  1\n                ),\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\", [_vm._v(_vm._s(_vm.dataItem.platform.name))])\n                      : _vm._e(),\n                  ]),\n                  _c(\"div\", { staticClass: \"modal-body__info_bes\" }, [\n                    _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                      _vm._v(\"BES / Yatırım Fonu:\"),\n                    ]),\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.formatPrice(_vm.dataItem.price.totalFundAmount)\n                        ) +\n                        \" TL \"\n                    ),\n                    _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                      _vm._v(\"veya Komisyon:\"),\n                    ]),\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.formatPrice(\n                            _vm.dataItem.price.totalCommissionAmount\n                          )\n                        ) +\n                        \" TL \"\n                    ),\n                  ]),\n                  _c(\n                    \"p\",\n                    { staticClass: \"modal-body__info_price\" },\n                    [\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\", { attrs: { infoText: _vm.infoText } }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  on: {\n                    click: function ($event) {\n                      return _vm.cancel(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"İptal Et\")]\n              ),\n            ],\n            1\n          ),\n        ]\n      ),\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: \"item\" }, [_c(\"span\", [_vm._v(\"veya\")])])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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: \"data-request-item\" },\n    [\n      _c(\"div\", { staticClass: \"data-request-item__top\" }, [\n        _c(\n          \"div\",\n          {\n            staticClass: \"left\",\n            class: _vm.getSelectedTerminalNumber.length >= 1 ? \"flex-04\" : \"\",\n          },\n          [\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        ),\n        _c(\"div\", { staticClass: \"right\" }, [\n          _vm.getSelectedTerminalNumber.length > 0 &&\n          !_vm.getSelectedTerminalNumber.includes(null)\n            ? _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", [_vm._v(\"Terminal No\")]),\n                _c(\"span\", [\n                  _vm._v(_vm._s(_vm.getSelectedTerminalNumber.toString())),\n                ]),\n              ])\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"col\" }, [\n            _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Paket No\")]),\n            _c(\"span\", [_vm._v(_vm._s(_vm.dataItem.purchaseNo))]),\n          ]),\n          !_vm.dataItem.package.length && _vm.dataItem.startDate\n            ? _c(\"div\", { staticClass: \"col\" }, [\n                _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Başlangıç Tarihi\")]),\n                _c(\"span\", [\n                  _vm._v(\n                    _vm._s(_vm.getTime(_vm.dataItem.startDate, \"DD/MM/YYYY\"))\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          !_vm.dataItem.package.length && _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          _c(\"div\", { staticClass: \"col\" }, [\n            _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Talep Tarihi\")]),\n            _vm.dataItem.requestDate\n              ? _c(\"span\", [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        _vm.getTime(_vm.dataItem.requestDate, \"DD/MM/YYYY\")\n                      ) +\n                      \" \"\n                  ),\n                ])\n              : _c(\"span\", [_vm._v(\"-\")]),\n          ]),\n          _c(\"div\", { staticClass: \"col\" }, [\n            _c(\"h6\", { staticClass: \"bold\" }, [_vm._v(\"Düzenleme Tarihi\")]),\n            _vm.dataItem.updatedAt\n              ? _c(\"span\", [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        _vm.getTime(_vm.dataItem.updatedAt, \"DD/MM/YYYY\")\n                      ) +\n                      \" \"\n                  ),\n                ])\n              : _c(\"span\", [_vm._v(\"-\")]),\n          ]),\n        ]),\n        _vm.dataItem.packageStatus.id !== 6 &&\n        _vm.dataItem.packageStatus.id !== 8\n          ? _c(\"div\", { staticClass: \"right for-button\" }, [\n              _c(\"div\", { staticClass: \"col\" }, [\n                _vm.dataItem.packageStatus.id !== 8\n                  ? _c(\n                      \"div\",\n                      {\n                        staticClass: \"button-area\",\n                        class: {\n                          \"d-none\": _vm.dataItem.packageStatus.id === 6,\n                        },\n                        attrs: { id: \"button-area-\" + _vm.dataItem.purchaseNo },\n                      },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"gear\" } }),\n                        _c(\"span\", { staticClass: \"text\" }, [\n                          _vm._v(\"Düzenle\"),\n                        ]),\n                        _c(\"div\", { staticClass: \"dropdown\" }, [\n                          (_vm.dataItem.packageType === 1) &\n                          (_vm.dataItem.packageStatus.id !== 6)\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"dropdown-item\",\n                                  attrs: {\n                                    id: \"dropdown-item-1-\" + _vm.dataItem.id,\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.addCart(_vm.dataItem.id)\n                                    },\n                                  },\n                                },\n                                [\n                                  _c(\n                                    \"span\",\n                                    { staticClass: \"dropdown-item__text\" },\n                                    [_vm._v(\"Lisans Ekle/Çıkar\")]\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                          _vm.dataItem.packageStatus.id == 2\n                            ? _c(\n                                \"div\",\n                                {\n                                  staticClass: \"dropdown-item\",\n                                  attrs: {\n                                    id: \"dropdown-item-2-\" + _vm.dataItem.id,\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.showModal(_vm.getDataItemId)\n                                    },\n                                  },\n                                },\n                                [\n                                  _c(\n                                    \"span\",\n                                    { staticClass: \"dropdown-item__text\" },\n                                    [_vm._v(\"İptal Et\")]\n                                  ),\n                                ]\n                              )\n                            : _vm._e(),\n                        ]),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n              ]),\n            ])\n          : _c(\"div\", { staticClass: \"right for-button\" }),\n      ]),\n      _c(\"div\", { staticClass: \"data-request-item__middle\" }, [\n        _c(\"div\", { staticClass: \"left\" }, [\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"span\", [_vm._v(\"Bes Yatırım Fonu:\")]),\n            _c(\"strong\", [\n              _vm._v(\n                _vm._s(\n                  _vm.formatPrice(_vm.dataItem.price.totalFundAmount) || 0\n                ) + \" TL\"\n              ),\n            ]),\n          ]),\n          _vm._m(0),\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"span\", [_vm._v(\"Komisyon:\")]),\n            _c(\"strong\", [\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(_vm.dataItem.price.totalCommissionAmount) ||\n                      0\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"right\" }, [\n          !_vm.dataItem.isSuccessfulIntegration\n            ? _c(\"div\", { staticClass: \"item integration-warning\" }, [\n                _c(\"div\", { staticClass: \"tag tooltip\" }, [\n                  _c(\"div\", { staticClass: \"tooltiptext\" }, [\n                    _c(\"div\", { staticClass: \"texts\" }, [\n                      _vm._v(\n                        \" \" +\n                          _vm._s(_vm.dataItem.productName) +\n                          \" sisteminden kaynaklı bir hata alınmaktadır. Lütfen daha sonra tekrar deneyiniz. \"\n                      ),\n                    ]),\n                  ]),\n                  _c(\n                    \"span\",\n                    { staticClass: \"text\" },\n                    [\n                      _c(\"base-icon\", {\n                        staticClass: \"icon\",\n                        attrs: { name: \"bell-fill\" },\n                      }),\n                    ],\n                    1\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"h3\", { staticClass: \"data-request-item__price\" }, [\n              _c(\"span\", { staticClass: \"data-request-item__price__text\" }, [\n                _vm._v(\"Paket Tutarı:\"),\n              ]),\n              _vm._v(\" \" + _vm._s(_vm.totalPriceCalc || 0) + \" \"),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"item\" }, [\n            _c(\"span\", { staticClass: \"data-request-item__status\" }, [\n              _c(\"span\", { staticClass: \"data-request-item__status__text\" }, [\n                _vm._v(\"Paket Durumu:\"),\n              ]),\n              _c(\n                \"span\",\n                {\n                  staticClass: \"data-request-item__status__stat\",\n                  class: [\n                    \"request\",\n                    {\n                      active: _vm.dataItem.packageStatus.id == 2 ? true : \"\",\n                      passive: _vm.dataItem.packageStatus.id == 8 ? true : \"\",\n                    },\n                  ],\n                },\n                [_vm._v(_vm._s(_vm.dataItem.packageStatus.name))]\n              ),\n            ]),\n          ]),\n        ]),\n      ]),\n      _vm.dataItem.package.length\n        ? _c(\"div\", { staticClass: \"data-request-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.id, 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.isActive }],\n                  attrs: { name: \"arrow-green\" },\n                }),\n              ],\n              1\n            ),\n            _c(\"div\", { staticClass: \"data-request-item__bottom__packages\" }, [\n              _c(\n                \"div\",\n                { class: [\"accordion-wrapper\", _vm.isActive ? \"active\" : \"\"] },\n                [\n                  _c(\n                    \"div\",\n                    {\n                      class: [\n                        \"accordion-wrapper__row caption\",\n                        _vm.isActive ? \"active\" : \"\",\n                      ],\n                    },\n                    [\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\"Paket Adı:\")]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\" Başlangıç Tarihi: \")]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\" Bitiş Tarihi: \")]\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"accordion-wrapper__row__cell caption\" },\n                        [_vm._v(\" \" + _vm._s(_vm.pricesText) + \" \")]\n                      ),\n                    ]\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"accordion-content active\" },\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                            { staticClass: \"accordion-wrapper__row__cell\" },\n                            [\n                              typeof item == \"object\"\n                                ? _c(\"span\", [\n                                    item.name\n                                      ? _c(\"span\", [_vm._v(_vm._s(item.name))])\n                                      : _vm._e(),\n                                  ])\n                                : _c(\"span\", [_vm._v(_vm._s(item))]),\n                            ]\n                          ),\n                          item.startDate\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\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                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\"-\")]\n                              ),\n                          item.endDate\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [\n                                  _vm._v(\n                                    \" \" +\n                                      _vm._s(\n                                        _vm.getTime(item.endDate, \"DD/MM/YYYY\")\n                                      ) +\n                                      \" \"\n                                  ),\n                                ]\n                              )\n                            : _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\"-\")]\n                              ),\n                          item.totalPrice\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\" \" + _vm._s(item.totalPrice) + \" \")]\n                              )\n                            : _vm._e(),\n                          item.price\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [\n                                  _vm._v(\" \" + _vm._s(item.price) + \" \"),\n                                  item.info == \"₺\"\n                                    ? _c(\"span\", [_vm._v(\"TL\")])\n                                    : item.info == \"€\"\n                                    ? _c(\"span\", [_vm._v(\"Euro\")])\n                                    : item.info == \"$\"\n                                    ? _c(\"span\", [_vm._v(\"Dolar\")])\n                                    : _vm._e(),\n                                ]\n                              )\n                            : _vm._e(),\n                          !item.totalPrice && !item.price\n                            ? _c(\n                                \"div\",\n                                { staticClass: \"accordion-wrapper__row__cell\" },\n                                [_vm._v(\" - \")]\n                              )\n                            : _vm._e(),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                ]\n              ),\n            ]),\n          ])\n        : _vm._e(),\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      _c(\n        \"modal\",\n        {\n          staticClass: \"cancel-modal\",\n          attrs: { height: \"auto\", adaptive: true, name: _vm.getDataItemId },\n        },\n        [\n          _c(\"div\", { staticClass: \"modal-heading\" }, [\n            _c(\"div\", { staticClass: \"modal-title\" }, [\n              _c(\"h5\", [_vm._v(\"Paketi İptal Etmek İstiyor musunuz?\")]),\n            ]),\n            _c(\n              \"a\",\n              {\n                on: {\n                  click: function ($event) {\n                    return _vm.closeModal()\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(\n                  \"div\",\n                  { staticClass: \"modal-body__image\" },\n                  [\n                    _vm.dataItem && _vm.dataItem.imageUrl\n                      ? _c(\"img\", {\n                          staticClass: \"image\",\n                          attrs: {\n                            alt: \"product image\",\n                            src: _vm.dataItem.imageUrl,\n                          },\n                        })\n                      : _c(\"base-icon\", {\n                          staticClass: \"image\",\n                          attrs: { name: \"no-image\" },\n                        }),\n                  ],\n                  1\n                ),\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.application != null &&\n                    (_vm.dataItem.application.id == 3 ||\n                      _vm.dataItem.application.id == 2)\n                      ? _c(\"span\", [\n                          _vm._v(_vm._s(_vm.dataItem.application.shortContent)),\n                        ])\n                      : _vm.dataItem.research.length &&\n                        _vm.dataItem.application == null\n                      ? _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.research[0].name) + \" \"\n                          ),\n                        ])\n                      : _c(\"span\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.dataItem.platform.name) + \" \"\n                          ),\n                        ]),\n                  ]),\n                  _c(\"div\", { staticClass: \"modal-body__info_bes\" }, [\n                    _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                      _vm._v(\"BES / Yatırım Fonu:\"),\n                    ]),\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.formatPrice(_vm.dataItem.price.totalFundAmount)\n                        ) +\n                        \" TL \"\n                    ),\n                    _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                      _vm._v(\"veya Komisyon:\"),\n                    ]),\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.formatPrice(\n                            _vm.dataItem.price.totalCommissionAmount\n                          )\n                        ) +\n                        \" TL \"\n                    ),\n                  ]),\n                  _c(\n                    \"p\",\n                    { staticClass: \"modal-body__info_price\" },\n                    [\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\", { attrs: { infoText: _vm.infoText } }),\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"modal-bottom\" },\n            [\n              _c(\n                \"base-button\",\n                {\n                  on: {\n                    click: function ($event) {\n                      return _vm.cancel(_vm.dataItem.id)\n                    },\n                  },\n                },\n                [_vm._v(\"İptal Et\")]\n              ),\n            ],\n            1\n          ),\n        ]\n      ),\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: \"item\" }, [_c(\"span\", [_vm._v(\"veya\")])])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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");
 
 /***/ }),
 
@@ -2311,7 +2311,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(\"div\", { staticClass: \"package-settings\" }, [\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              _vm.dataItem.productName\n                ? _c(\"h3\", [_vm._v(_vm._s(_vm.dataItem.productName))])\n                : _vm._e(),\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              ]),\n            ]),\n          ]\n        ),\n        _vm.dataItem.dateSelection == 1 &&\n        _vm.startDateSelection == 0 &&\n        this.$route.name !== \"Checkout\"\n          ? _c(\"span\", { staticClass: \"warning-messages\" }, [\n              _c(\"span\", { staticClass: \"error-icon\" }, [_vm._v(\"!\")]),\n              _vm._v(\n                \" Paketinizi tüm lisanslarıyla birlikte bugün başlayacak şekilde güncelliyorsunuz! \"\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"package-settings__lisans\" }, [\n          _c(\"div\", { staticClass: \"package-settings__lisans__information\" }, [\n            _c(\"h5\", { attrs: { id: \"lisans\" } }, [_vm._v(\"Lisans Bilgileri\")]),\n            _c(\"div\", { staticClass: \"market-table\" }, [\n              _vm.marketInfo\n                ? _c(\n                    \"table\",\n                    {\n                      staticClass: \"table\",\n                      class: _vm.esube == \"yes\" ? \"setHeight\" : \"\",\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                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Başlangıç Zamanı\")]\n                          ),\n                        ]),\n                      ]),\n                      !_vm.isResponsive\n                        ? _c(\n                            \"tbody\",\n                            _vm._l(_vm.marketInfo, function (item) {\n                              return _c(\"package-setting-type\", {\n                                key: item.id,\n                                attrs: {\n                                  item: item,\n                                  dataItem: _vm.dataItem,\n                                  selectData: _vm.selectData,\n                                  isResponsive: false,\n                                },\n                                on: {\n                                  update: _vm.changeSelected,\n                                  showSpesificWarning: _vm.checkSpesificWarning,\n                                },\n                              })\n                            }),\n                            1\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _vm.isResponsive\n              ? _c(\n                  \"div\",\n                  { staticClass: \"market-table-responsive\" },\n                  _vm._l(_vm.marketInfo, function (item) {\n                    return _c(\"package-setting-type\", {\n                      key: item.id,\n                      attrs: {\n                        item: item,\n                        dataItem: _vm.dataItem,\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._e(),\n            _vm.warningMessage\n              ? _c(\n                  \"div\",\n                  { staticClass: \"info-container\" },\n                  [\n                    _c(\"info-area\", {\n                      attrs: { infoText: _vm.infoText[1], typeWarning: true },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\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                        dataItem: _vm.dataItem,\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                        dataItem: _vm.dataItem,\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                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\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(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomFund +\n                        _vm.researchFund +\n                        _vm.foreignFund +\n                        _vm.algoServerFund\n                    )\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"Komisyon:\"),\n              ]),\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomCommission +\n                        _vm.researchCommission +\n                        _vm.foreignCommission +\n                        _vm.algoServerCommission\n                    )\n                  ) +\n                  \" TL \"\n              ),\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                  \" \" +\n                    _vm._s(\n                      _vm.formatPrice(\n                        _vm.totalPrice +\n                          _vm.researchTotal +\n                          _vm.algoServerTotal +\n                          _vm.foraignTurkishLiraTotal\n                      )\n                    ) +\n                    \" TL  \"\n                ),\n              ]),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.foraignDollarTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceDollar(_vm.foraignDollarTotal) +\n                                \" Dolar\"\n                            : \"\"\n                        ) +\n                        \" \" +\n                        _vm._s(\n                          _vm.foraignEuroTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceEuro(_vm.foraignEuroTotal) +\n                                \" Euro\"\n                            : \"\"\n                        ) +\n                        \" \"\n                    ),\n                  ])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass:\n                  \"package-settings__bottom-action m-flex m-items-center\",\n              },\n              [\n                _c(\n                  \"base-button\",\n                  {\n                    class: { \"button-disabled\": _vm.isButtonClicked },\n                    attrs: { id: \"edit-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[0], typeWarning: true },\n          }),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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(\"div\", { staticClass: \"package-settings\" }, [\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              _vm.dataItem.productName\n                ? _c(\"h3\", [_vm._v(_vm._s(_vm.dataItem.productName))])\n                : _vm._e(),\n              _c(\"p\", { staticClass: \"package-settings__info-platform\" }, [\n                _vm.dataItem.application.applicationId == 3 ||\n                _vm.dataItem.application.applicationId == 2\n                  ? _c(\"span\", [\n                      _vm._v(\n                        \" \" +\n                          _vm._s(_vm.dataItem.application.shortContent) +\n                          \" \"\n                      ),\n                    ])\n                  : _c(\"span\", [\n                      _vm._v(\" \" + _vm._s(_vm.dataItem.platform.name) + \" \"),\n                    ]),\n              ]),\n            ]),\n          ]\n        ),\n        _vm.dataItem.dateSelection == 1 &&\n        _vm.startDateSelection == 0 &&\n        this.$route.name !== \"Checkout\"\n          ? _c(\"span\", { staticClass: \"warning-messages\" }, [\n              _c(\"span\", { staticClass: \"error-icon\" }, [_vm._v(\"!\")]),\n              _vm._v(\n                \" Paketinizi tüm lisanslarıyla birlikte bugün başlayacak şekilde güncelliyorsunuz! \"\n              ),\n            ])\n          : _vm._e(),\n        _c(\"div\", { staticClass: \"package-settings__lisans\" }, [\n          _c(\"div\", { staticClass: \"package-settings__lisans__information\" }, [\n            _c(\"h5\", { attrs: { id: \"lisans\" } }, [_vm._v(\"Lisans Bilgileri\")]),\n            _c(\"div\", { staticClass: \"market-table\" }, [\n              _vm.marketInfo\n                ? _c(\n                    \"table\",\n                    {\n                      staticClass: \"table\",\n                      class: _vm.esube === \"yes\" ? \"setHeight\" : \"\",\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                          _c(\n                            \"th\",\n                            {\n                              staticClass: \"text-left\",\n                              attrs: { scope: \"col\" },\n                            },\n                            [_vm._v(\"Başlangıç Zamanı\")]\n                          ),\n                        ]),\n                      ]),\n                      !_vm.isResponsive\n                        ? _c(\n                            \"tbody\",\n                            _vm._l(_vm.marketInfo, function (item) {\n                              return _c(\"package-setting-type\", {\n                                key: item.id,\n                                attrs: {\n                                  item: item,\n                                  dataItem: _vm.dataItem,\n                                  selectData: _vm.selectData,\n                                  isResponsive: false,\n                                },\n                                on: {\n                                  update: _vm.changeSelected,\n                                  showSpesificWarning: _vm.checkSpesificWarning,\n                                },\n                              })\n                            }),\n                            1\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _vm.isResponsive\n              ? _c(\n                  \"div\",\n                  { staticClass: \"market-table-responsive\" },\n                  _vm._l(_vm.marketInfo, function (item) {\n                    return _c(\"package-setting-type\", {\n                      key: item.id,\n                      attrs: {\n                        item: item,\n                        dataItem: _vm.dataItem,\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._e(),\n            _vm.warningMessage\n              ? _c(\n                  \"div\",\n                  { staticClass: \"info-container\" },\n                  [\n                    _c(\"info-area\", {\n                      attrs: { infoText: _vm.infoText[1], typeWarning: true },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\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                        dataItem: _vm.dataItem,\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                        dataItem: _vm.dataItem,\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                        dataItem: _vm.dataItem,\n                      },\n                    }),\n                  ],\n                  1\n                )\n              : _vm._e(),\n          ]),\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(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomFund +\n                        _vm.researchFund +\n                        _vm.foreignFund +\n                        _vm.algoServerFund\n                    )\n                  ) +\n                  \" TL \"\n              ),\n            ]),\n            _c(\"p\", [\n              _c(\"span\", { staticClass: \"m-text-grayscale-80\" }, [\n                _vm._v(\"Komisyon:\"),\n              ]),\n              _vm._v(\n                \" \" +\n                  _vm._s(\n                    _vm.formatPrice(\n                      _vm.bottomCommission +\n                        _vm.researchCommission +\n                        _vm.foreignCommission +\n                        _vm.algoServerCommission\n                    )\n                  ) +\n                  \" TL \"\n              ),\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                  \" \" +\n                    _vm._s(\n                      _vm.formatPrice(\n                        _vm.totalPrice +\n                          _vm.researchTotal +\n                          _vm.algoServerTotal +\n                          _vm.foraignTurkishLiraTotal\n                      )\n                    ) +\n                    \" TL  \"\n                ),\n              ]),\n              _vm.foreign.length > 0 &&\n              _vm.foreign[0].details &&\n              _vm.foreign[0].details.length > 0\n                ? _c(\"h2\", [\n                    _vm._v(\n                      \" \" +\n                        _vm._s(\n                          _vm.foraignDollarTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceDollar(_vm.foraignDollarTotal) +\n                                \" Dolar\"\n                            : \"\"\n                        ) +\n                        \" \" +\n                        _vm._s(\n                          _vm.foraignEuroTotal > 0\n                            ? \"+ \" +\n                                _vm.formatPriceEuro(_vm.foraignEuroTotal) +\n                                \" Euro\"\n                            : \"\"\n                        ) +\n                        \" \"\n                    ),\n                  ])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass:\n                  \"package-settings__bottom-action m-flex m-items-center\",\n              },\n              [\n                _c(\n                  \"base-button\",\n                  {\n                    class: { \"button-disabled\": _vm.isButtonClicked },\n                    attrs: { id: \"edit-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[0], typeWarning: true },\n          }),\n        ],\n        1\n      ),\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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");
 
 /***/ }),
 
@@ -2431,7 +2431,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    {\n      staticClass: \"customer-detail\",\n      class: _vm.esube == \"yes\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\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(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\" Portföy büyüklüğü \"),\n                          _c(\"span\", [\n                            _vm._v(\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) + \" TL\"\n                            ),\n                          ]),\n                          _vm._v(\n                            \" ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulların sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class:\n                        _vm.profAlgoApps.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class: _vm.allResearch.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\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: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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    {\n      staticClass: \"customer-detail\",\n      class: _vm.esube == \"yes\" ? \"mt-20\" : \"\",\n    },\n    [\n      _c(\"div\", { staticClass: \"buy-package custom-container\" }, [\n        _vm.$route.query.isRecommended === undefined\n          ? _c(\"div\", { staticClass: \"backward\" }, [\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(\"div\", { staticClass: \"tab-layout\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"tabs custom-container\" },\n            _vm._l(\n              _vm.$route.query.isRecommended === undefined\n                ? _vm.appsTab\n                : _vm.appsTab.filter(function (x) {\n                    return x.id == 1 || x.id == 2\n                  }),\n              function (tab) {\n                return _c(\n                  \"div\",\n                  {\n                    key: tab.id,\n                    class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                    attrs: { id: \"tab-\" + tab.id },\n                  },\n                  [\n                    _c(\n                      \"div\",\n                      {\n                        on: {\n                          click: function ($event) {\n                            return _vm.changeTab(tab.id, tab.featureTypeId)\n                          },\n                        },\n                      },\n                      [_c(\"h6\", [_vm._v(_vm._s(tab.name))])]\n                    ),\n                  ]\n                )\n              }\n            ),\n            0\n          ),\n          _c(\"div\", { staticClass: \"burger-menu\" }, [\n            _c(\n              \"ul\",\n              { staticClass: \"menu-container\" },\n              _vm._l(\n                _vm.$route.query.isRecommended === undefined\n                  ? _vm.appsTab\n                  : _vm.appsTab.filter(function (x) {\n                      return x.id == 1 || x.id == 2\n                    }),\n                function (tab) {\n                  return _c(\n                    \"li\",\n                    {\n                      key: tab.id,\n                      class: _vm.tabClass(tab.id, \"tab\", _vm.currentTab),\n                      attrs: { id: \"tab-\" + tab.id },\n                      on: {\n                        click: function ($event) {\n                          return _vm.changeTab(tab.id, tab.featureTypeId)\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(tab.name) + \" \")]\n                  )\n                }\n              ),\n              0\n            ),\n          ]),\n          _vm.recommendedPackages && _vm.currentTab != 1\n            ? _c(\n                \"div\",\n                { staticClass: \"slider\" },\n                [\n                  _c(\"package-slider\", {\n                    attrs: {\n                      packages: _vm.recommendedPackages,\n                      isDisplay:\n                        _vm.getActiveProductsLength == 0 ? true : false,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\"div\", { staticClass: \"tab-content buy-package__content\" }, [\n            _vm.currentTab === 1\n              ? _c(\"div\", { attrs: { id: \"osmanli\" } }, [\n                  _c(\"div\", { staticClass: \"tab-item\" }, [\n                    _vm._m(0),\n                    _c(\n                      \"div\",\n                      { staticClass: \"info\" },\n                      [\n                        _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                        _c(\"p\", [\n                          _vm._v(\n                            \" Portföy büyüklüğü \" +\n                              _vm._s(\n                                _vm.formatPriceNoDecimal(_vm.overallLimit)\n                              ) +\n                              \" TL ve üzeri olan yatırımcılarımız, Osmanlı uygulamalarından karma lisansı ücretsiz alabilirler. \"\n                          ),\n                        ]),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"card-container package-list\" },\n                      _vm._l(_vm.apps, function (d) {\n                        return _c(\"card-item\", {\n                          key: d + Math.random(),\n                          attrs: {\n                            cssClass: \"package-card\",\n                            item: Object.assign(\n                              {},\n                              {\n                                imageUrl: d.imageUrl,\n                                title: d.name,\n                                subtitle: d.shortContent,\n                                description: d.description,\n                                price: d.price,\n                              },\n                              d\n                            ),\n                          },\n                        })\n                      }),\n                      1\n                    ),\n                  ]),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 2\n              ? _c(\"div\", { attrs: { id: \"professional\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.profCurrentTab\n                          ),\n                          attrs: { id: \"profTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"profCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\"div\", { staticClass: \"warn-text\" }, [\n                    _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n                  ]),\n                  _c(\n                    \"div\",\n                    { staticClass: \"info\" },\n                    [\n                      _c(\"base-icon\", { attrs: { name: \"warn-yellow\" } }),\n                      _c(\"p\", [\n                        _vm._v(\n                          \" Satın alınan ekran için gerekli koşulların sağlanması halinde ücret kesintisi yapılmayacaktır. \"\n                        ),\n                      ]),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"card-container package-list\" },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.platform && d.platform.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 3\n              ? _c(\"div\", { attrs: { id: \"algoServer\" } }, [\n                  _c(\n                    \"div\",\n                    { staticClass: \"profAlgoTabs\" },\n                    _vm._l(_vm.profAlgoTab, function (item) {\n                      return _c(\n                        \"div\",\n                        {\n                          key: item.id,\n                          class: _vm.tabClass(\n                            item.id,\n                            \"profAlgoTab\",\n                            _vm.algoCurrentTab\n                          ),\n                          attrs: { id: \"algoTabs-\" + item.id },\n                          on: {\n                            click: function ($event) {\n                              return _vm.changeSubTab(item.id, \"algoCurrentTab\")\n                            },\n                          },\n                        },\n                        [\n                          _c(\"p\", { staticClass: \"name\" }, [\n                            _vm._v(_vm._s(item.name)),\n                          ]),\n                        ]\n                      )\n                    }),\n                    0\n                  ),\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class:\n                        _vm.profAlgoApps.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.profAlgoApps, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.algorithm && d.algorithm.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Algo\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n            _vm.currentTab === 4\n              ? _c(\"div\", { attrs: { id: \"research\" } }, [\n                  _c(\n                    \"div\",\n                    {\n                      staticClass: \"card-container package-list\",\n                      class: _vm.allResearch.length > 3 ? \"bigger-package\" : \"\",\n                    },\n                    _vm._l(this.allResearch, function (d) {\n                      return _c(\"card-item\", {\n                        key: d.name + Math.random(),\n                        attrs: {\n                          item: Object.assign(\n                            {},\n                            {\n                              imageUrl: d.imageUrl,\n                              title: d.name,\n                              subtitle: d.application && d.application.name,\n                              description: d.description,\n                              price: d.price,\n                            },\n                            d\n                          ),\n                          currentTab: \"Research\",\n                        },\n                      })\n                    }),\n                    1\n                  ),\n                ])\n              : _vm._e(),\n          ]),\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: \"message\" }, [\n      _c(\"h6\", { staticClass: \"message-title\" }, [\n        _vm._v(\" Almak istediğiniz uygulama tipini seçiniz. \"),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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");
 
 /***/ }),
 
@@ -2455,7 +2455,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: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Lisans iptallerinin, içerisinde bulunulan ayın son gününe kadar gerçekleştirilmesi gerekmektedir. Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                              typeWarning: true,\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\"list-view-skeleton\", {\n                          attrs: { \"line-count\": 10 },\n                        })\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title:\n                                    d.productName == \"Hisse LAB\"\n                                      ? d.productName\n                                      : d.application.name,\n                                  subtitle: d.platform && d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                { staticClass: \"invoice-area\", attrs: { id: \"invoice\" } },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area custom-container\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area custom-container\" },\n                    [\n                      _vm.getUserType\n                        ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.customer.paymentStatusId == 1 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Ekran ücreti tahsil edilmiştir.\"),\n                                    ]),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ])\n                        : _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.customer.paymentStatusId == 2 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Masraf ödeme durumu\")]),\n                                    _c(\"span\", [\n                                      _vm._v(\"“Her zaman temsilci”\"),\n                                    ]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 0 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 1 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Masraf Ödeme durumunuz\"),\n                                    ]),\n                                    _c(\"span\", [_vm._v(\"“Her zaman müşteri”\")]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 0 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlandığı için veri paketi ücreti tahsil edilmemiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ]),\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle: d.platform && d.platform.name,\n                                    imageUrl: d.imageUrl,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [_c(\"h3\", [_vm._v(\"Değişiklikler\")]), _c(\"history-filter\")],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                  _vm.historyList.page\n                    ? _c(\"Pager\", {\n                        attrs: {\n                          pageName: \"history\",\n                          page: _vm.historyList.page,\n                        },\n                      })\n                    : _vm._e(),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"screen-prices custom-container\",\n                  attrs: { id: \"screen-prices\" },\n                },\n                [\n                  _c(\"screen-prices\", {\n                    attrs: {\n                      screenPriceList: _vm.screenPriceList,\n                      featureScreenPricesList: _vm.featureScreenPricesList,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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: \"customer-detail\" },\n    [\n      _c(\"customer-info\", {\n        attrs: {\n          customerNumber: _vm.customerId,\n          currentCustomer: _vm.customer,\n          getPaymentStatuses: _vm.getPaymentStatuses,\n        },\n      }),\n      _c(\"div\", { staticClass: \"tab-layout\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"tabs custom-container\" },\n          _vm._l(_vm.tabs, function (tab) {\n            return _c(\n              \"div\",\n              {\n                key: tab.id,\n                class: _vm.tabClass(tab.id),\n                attrs: { id: \"tab-\" + tab.id },\n                on: {\n                  click: function ($event) {\n                    return _vm.changeTab(tab.id)\n                  },\n                },\n              },\n              [_c(\"h6\", [_vm._v(_vm._s(tab.text))])]\n            )\n          }),\n          0\n        ),\n        _c(\"div\", { staticClass: \"tab-content\" }, [\n          _vm.currentTab === 0\n            ? _c(\"div\", { staticClass: \"data-types\" }, [\n                _vm.cusId\n                  ? _c(\n                      \"div\",\n                      [\n                        _c(\"fund-commission-rate\", {\n                          attrs: { customerId: parseInt(_vm.cusId, 0) },\n                        }),\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"data-requests custom-container\",\n                    attrs: { id: \"dataRequest\" },\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"data-requests-timer\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"info-row\" },\n                        [\n                          _c(\"info-area\", {\n                            attrs: {\n                              infoText:\n                                \"Lisans iptallerinin, içerisinde bulunulan ayın son gününe kadar gerçekleştirilmesi gerekmektedir. Tanımlı veri paketinizin iptal edilmemesi durumunda, mevcut paketiniz her ay başında tekrar güncellenecektir.\",\n                              typeWarning: true,\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                      _vm.timerRunning\n                        ? _c(\"div\", { staticClass: \"timer-status\" }, [\n                            _c(\"span\", [\n                              _vm._v(\n                                _vm._s(_vm.countDown) +\n                                  \" saniye içerisinde güncellenecektir.\"\n                              ),\n                            ]),\n                          ])\n                        : _vm._e(),\n                    ]),\n                    _vm.logsLoader\n                      ? _c(\"list-view-skeleton\", {\n                          attrs: { \"line-count\": 10 },\n                        })\n                      : _vm._l(_vm.allPackages.data, function (d) {\n                          return _c(\"data-request-item\", {\n                            key: d.id,\n                            attrs: {\n                              dataItem: Object.assign(\n                                {},\n                                {\n                                  title:\n                                    d.research.length && d.application == null\n                                      ? d.research[0].name\n                                      : d.application.name,\n                                  subtitle:\n                                    d.application != null &&\n                                    (d.application.id == 3 ||\n                                      d.application.id == 2)\n                                      ? d.application.shortContent\n                                      : d.research.length &&\n                                        d.application == null\n                                      ? d.research[0].name\n                                      : d.platform.name,\n                                  imageUrl: d.imageUrl,\n                                },\n                                d\n                              ),\n                            },\n                            on: {\n                              checkIsPopupOpen: function ($event) {\n                                return _vm.timerChecker($event)\n                              },\n                            },\n                          })\n                        }),\n                    _vm.allPackages.page\n                      ? _c(\"Pager\", {\n                          attrs: {\n                            pageName: \"dataRequest\",\n                            page: _vm.allPackages.page,\n                          },\n                        })\n                      : _vm._e(),\n                  ],\n                  2\n                ),\n              ])\n            : _vm._e(),\n          _vm.currentTab === 1\n            ? _c(\n                \"div\",\n                { staticClass: \"invoice-area\", attrs: { id: \"invoice\" } },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area custom-container\" },\n                    [\n                      _c(\"InvoiceFilter\", {\n                        attrs: {\n                          monthArr: this.monthArr,\n                          currentYearNumber: String(this.currentYearNumber),\n                          currentMonthNumber: String(this.currentMonthNumber),\n                        },\n                        on: {\n                          filterChangeResponse:\n                            _vm.checkIsDataInvoiceFilterChangedAndLoaded,\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"div\",\n                    { staticClass: \"table-area custom-container\" },\n                    [\n                      _vm.getUserType\n                        ? _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.customer.paymentStatusId == 1 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Ekran ücreti tahsil edilmiştir.\"),\n                                    ]),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ])\n                        : _c(\"div\", { staticClass: \"warning-area\" }, [\n                            _vm.customer.paymentStatusId == 2 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Masraf ödeme durumu\")]),\n                                    _c(\"span\", [\n                                      _vm._v(\"“Her zaman temsilci”\"),\n                                    ]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 0 &&\n                            !_vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 1 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [\n                                      _vm._v(\"Masraf Ödeme durumunuz\"),\n                                    ]),\n                                    _c(\"span\", [_vm._v(\"“Her zaman müşteri”\")]),\n                                    _vm._v(\n                                      \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                            _vm.customer.paymentStatusId == 0 &&\n                            _vm.isCompleted &&\n                            _vm.invoiceList.data.length\n                              ? _c(\n                                  \"div\",\n                                  { staticClass: \"warning-texts\" },\n                                  [\n                                    _c(\"base-icon\", {\n                                      staticClass: \"icon\",\n                                      attrs: { name: \"warn-yellow\" },\n                                    }),\n                                    _c(\"span\", [_vm._v(\"Komisyon\")]),\n                                    _vm._v(\" ya da \"),\n                                    _c(\"span\", [_vm._v(\"BES/FON\")]),\n                                    _vm._v(\n                                      \" şartı sağlandığı için veri paketi ücreti tahsil edilmemiştir. \"\n                                    ),\n                                  ],\n                                  1\n                                )\n                              : _vm._e(),\n                          ]),\n                      !_vm.isDataInvoiceLoaded\n                        ? _c(\"base-icon\", {\n                            staticClass: \"loader-icon\",\n                            attrs: { name: \"loader\" },\n                          })\n                        : _vm._l(_vm.invoiceList.data, function (d) {\n                            return _c(\"data-invoice-item\", {\n                              key: d.id,\n                              attrs: {\n                                dataItem: Object.assign(\n                                  {},\n                                  {\n                                    title: d.productName,\n                                    subtitle:\n                                      d.application.applicationId == 3 ||\n                                      d.application.applicationId == 2\n                                        ? d.application.shortContent\n                                        : d.platform && d.platform.name,\n                                    imageUrl: d.imageUrl,\n                                  },\n                                  d\n                                ),\n                              },\n                            })\n                          }),\n                      _vm.invoiceList.page\n                        ? _c(\"Pager\", {\n                            attrs: {\n                              pageName: \"invoice\",\n                              page: _vm.invoiceList.page,\n                            },\n                          })\n                        : _vm._e(),\n                    ],\n                    2\n                  ),\n                ]\n              )\n            : _vm._e(),\n          _vm.currentTab === 2\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"history-area custom-container\",\n                  attrs: { id: \"history\" },\n                },\n                [\n                  _c(\n                    \"div\",\n                    { staticClass: \"top-area\" },\n                    [_c(\"h3\", [_vm._v(\"Değişiklikler\")]), _c(\"history-filter\")],\n                    1\n                  ),\n                  _c(\"div\", { staticClass: \"history-table-container\" }, [\n                    _c(\"div\", { staticClass: \"history-table\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"table-area\" },\n                        [\n                          _vm._m(0),\n                          _vm._l(_vm.historyList.data, function (d) {\n                            return _c(\"data-history-item\", {\n                              key: d.id,\n                              attrs: { dataItem: d },\n                            })\n                          }),\n                        ],\n                        2\n                      ),\n                    ]),\n                  ]),\n                  _vm.historyList.page\n                    ? _c(\"Pager\", {\n                        attrs: {\n                          pageName: \"history\",\n                          page: _vm.historyList.page,\n                        },\n                      })\n                    : _vm._e(),\n                ],\n                1\n              )\n            : _vm._e(),\n          _vm.currentTab === 3\n            ? _c(\n                \"div\",\n                {\n                  staticClass: \"screen-prices custom-container\",\n                  attrs: { id: \"screen-prices\" },\n                },\n                [\n                  _c(\"screen-prices\", {\n                    attrs: {\n                      screenPriceList: _vm.screenPriceList,\n                      featureScreenPricesList: _vm.featureScreenPricesList,\n                    },\n                  }),\n                ],\n                1\n              )\n            : _vm._e(),\n        ]),\n      ]),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"main-title-area\" }, [\n      _c(\"div\", { staticClass: \"left\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"İşlem Tarihi\")]),\n      ]),\n      _c(\"div\", { staticClass: \"right\" }, [\n        _c(\"span\", { staticClass: \"title\" }, [_vm._v(\"Değişiklik Bilgileri\")]),\n      ]),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%2236ad6782-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");
 
 /***/ }),
 
@@ -3603,7 +3603,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 .form-group .veri-dagitim-selectbox.v-select.smallFonts {\\n  font-size: 12px !important;\\n  width: 100%;\\n  border-radius: 3px;\\n  border: 1px solid var(--strokes-grayscale-gray-30, #d0d0d1);\\n  background: var(--colors-grayscale-white, #fff);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.smallFonts .vs__selected-options {\\n    padding: 12px 10px;\\n}\\n@media (max-width: 400px) {\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.smallFonts {\\n      width: auto;\\n}\\n}\\n@media (min-width: 400px) {\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.smallFonts .vs__actions {\\n      right: 60px;\\n}\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.error {\\n  border-color: red !important;\\n  border-radius: var(--radius-first);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.error .vs__dropdown-toggle svg {\\n    fill: var(--red);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.vs--open {\\n  border-color: var(--green);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.vs--open .vs__selected {\\n    position: static;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n  border: 1px solid #d4d4d7;\\n  min-width: 200px;\\n  background: var(--grayscale-0);\\n}\\n@media (max-width: 768px) {\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-toggle svg {\\n    fill: #474747;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__search, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__selected, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-menu {\\n  min-width: inherit;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__search li, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__selected li, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__selected {\\n  color: #000;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-option--highlight {\\n  background: #000;\\n  color: #fff !important;\\n}\\n.osm-vd .form-group .vs--disabled .vs__dropdown-toggle,\\n.osm-vd .form-group .vs--disabled .vs__search,\\n.osm-vd .form-group .vs--disabled .vs__clear,\\n.osm-vd .form-group .vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.osm-vd .form-group .select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.osm-vd .form-group .readonly .vs__actions {\\n  display: none;\\n}\\n.osm-vd .form-group #paymentStatus .vs__search {\\n  display: none;\\n}\\n.osm-vd .form-group #paymentStatus .vs__selected-options {\\n  flex-basis: auto;\\n  flex-grow: 0;\\n}\\n.osm-vd .form-group #paymentStatus .vs__actions {\\n  position: relative;\\n  right: 0px;\\n}\\n.osm-vd .form-group [data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.osm-vd .form-group .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n.osm-vd .vs__dropdown-option {\\n  white-space: normal !important;\\n  font-size: 14px !important;\\n}\\n.vs__dropdown-menu {\\n  min-width: -webkit-max-content !important;\\n  min-width: -moz-max-content !important;\\n  min-width: max-content !important;\\n}\\n.vs__dropdown-menu[data-id=\\\"applicationTypeFilter\\\"] {\\n  min-width: auto !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.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 .form-group .veri-dagitim-selectbox.v-select.smallFonts {\\n  font-size: 12px !important;\\n  width: 100%;\\n  border-radius: 3px;\\n  border: 1px solid var(--strokes-grayscale-gray-30, #d0d0d1);\\n  background: var(--colors-grayscale-white, #fff);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.smallFonts .vs__selected-options {\\n    padding: 12px 10px;\\n}\\n@media (max-width: 400px) {\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.smallFonts {\\n      width: auto;\\n}\\n}\\n@media (min-width: 400px) {\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.smallFonts .vs__actions {\\n      right: 60px;\\n}\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.error {\\n  border-color: red !important;\\n  border-radius: var(--radius-first);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.error .vs__dropdown-toggle svg {\\n    fill: var(--red);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.vs--open {\\n  border-color: var(--green);\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select.vs--open .vs__selected {\\n    position: static;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n  padding: 0.625rem 0.25rem 0.625rem 0.6rem;\\n  border: 1px solid #d4d4d7;\\n  min-width: 200px;\\n  background: var(--grayscale-0);\\n}\\n@media (max-width: 768px) {\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-toggle {\\n      min-width: auto;\\n}\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-toggle svg {\\n    fill: #474747;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__search, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__selected, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-menu {\\n  min-width: inherit;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__search li, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__selected li, .osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-menu li {\\n    font-size: 14px;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__selected {\\n  color: #000;\\n}\\n.osm-vd .form-group .veri-dagitim-selectbox.v-select .vs__dropdown-option--highlight {\\n  background: #000;\\n  color: #fff !important;\\n}\\n.osm-vd .form-group .vs--disabled .vs__dropdown-toggle,\\n.osm-vd .form-group .vs--disabled .vs__search,\\n.osm-vd .form-group .vs--disabled .vs__clear,\\n.osm-vd .form-group .vs--disabled .vs__open-indicator {\\n  background: #e9ecef !important;\\n}\\n.osm-vd .form-group .select-error {\\n  display: block;\\n  color: var(--red);\\n  width: 100%;\\n  margin-top: 0.25rem;\\n  font-size: 80%;\\n}\\n.osm-vd .form-group .readonly .vs__actions {\\n  display: none;\\n}\\n.osm-vd .form-group #paymentStatus .vs__search {\\n  display: none;\\n}\\n.osm-vd .form-group #paymentStatus .vs__selected-options {\\n  flex-basis: auto;\\n  flex-grow: 0;\\n}\\n.osm-vd .form-group #paymentStatus .vs__actions {\\n  position: relative;\\n  right: 0px;\\n}\\n.osm-vd .form-group [data-popper-placement=\\\"top\\\"] {\\n  border-radius: 4px 4px 0 0;\\n  border-top-style: solid;\\n  border-bottom-style: none;\\n  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.15);\\n  margin-bottom: -7px !important;\\n}\\n.osm-vd .form-group .option .veri-dagitim-selectbox.v-select .vs__actions {\\n  z-index: 1 !important;\\n}\\n.osm-vd .vs__dropdown-option {\\n  white-space: normal !important;\\n  font-size: 14px !important;\\n}\\n.osm-vd .vs__dropdown-menu {\\n  min-width: -webkit-max-content !important;\\n  min-width: -moz-max-content !important;\\n  min-width: max-content !important;\\n}\\n.osm-vd .vs__dropdown-menu[data-id=\\\"applicationTypeFilter\\\"] {\\n  min-width: auto !important;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/base/SelectInput.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");
 
 /***/ }),
 
@@ -3724,7 +3724,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, \".data-request-item[data-v-7df43477] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.data-request-item__top[data-v-7df43477] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top[data-v-7df43477] {\\n        flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n      flex: 0.5;\\n      display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n        flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n            align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n          width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n                font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n            margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n        gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n          line-height: 26px;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n              line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n          display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n              background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n              font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n    padding: 10.25px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n        justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n    .data-request-item__middle .right[data-v-7df43477] {\\n      display: flex;\\n      align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n      .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n        animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.data-request-item__middle .left .item span[data-v-7df43477],\\n      .data-request-item__middle .right .item span[data-v-7df43477] {\\n        color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n      .data-request-item__middle .right .item strong[data-v-7df43477] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n            width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.data-request-item__bottom .toggle[data-v-7df43477] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n      padding: 21px 20px;\\n      flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n              display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n      width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n          padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n          display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n              display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n              text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n                text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n            border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n              min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n          transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n          transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n          display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\n    font-size: 12px;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600;\\n    position: relative;\\n}\\n.data-request-item__price__text[data-v-7df43477] {\\n      font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.data-request-item__price[data-v-7df43477] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n    z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n      padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.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, \".data-request-item[data-v-7df43477] {\\n  border: 1px solid var(--color-primary-tint-second);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n}\\n.data-request-item__top[data-v-7df43477] {\\n    justify-content: space-between;\\n    display: flex;\\n    padding: 16px 20px;\\n    border-bottom: solid 1px var(--grayscale-30);\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top[data-v-7df43477] {\\n        flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n      font-size: 14px;\\n      color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n      flex: 0.5;\\n      display: flex;\\n}\\n.data-request-item__top .left.flex-04[data-v-7df43477] {\\n        flex: 0.4;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .left[data-v-7df43477] {\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n        margin-right: 10px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n@media (max-width: 640px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n            align-self: center;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n          width: 80px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n          background: var(--grayscale-20);\\n          padding: 4px 5px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .marketName[data-v-7df43477] {\\n              overflow: hidden;\\n              text-overflow: ellipsis;\\n              max-width: 47px;\\n              display: block;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n                font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n              width: 42px;\\n              margin-right: -17px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n            margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n          font-weight: 500;\\n          line-height: 25px;\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n      display: flex;\\n      justify-content: flex-end;\\n      align-items: center;\\n      flex: 1;\\n      gap: 45px;\\n}\\n.data-request-item__top .right.resetGap[data-v-7df43477] {\\n        gap: 15px;\\n}\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n        align-items: flex-start;\\n        flex: 0;\\n        margin-left: 30px;\\n        min-width: 76px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right.for-button[data-v-7df43477] {\\n            margin-left: 0px;\\n            margin-top: 10px;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          gap: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          flex-wrap: wrap;\\n          justify-content: center;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n          line-height: 26px;\\n          color: var(--color-primary-black-metallic);\\n          font-size: 12px !important;\\n          font-weight: 600;\\n}\\n@media (max-width: 600px) {\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n              line-height: normal;\\n}\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n          color: var(--grayscale-120);\\n          display: flex;\\n          justify-content: center;\\n          font-size: 12px;\\n          font-weight: 400;\\n}\\n.data-request-item__top .right .col span .tooltip svg[data-v-7df43477] {\\n            transform: scale(0.7);\\n            margin-top: -5px;\\n}\\n.data-request-item__top .right .button-area[data-v-7df43477] {\\n        padding: 0px;\\n        width: auto;\\n        font-size: 14px;\\n        text-align: center;\\n        cursor: pointer;\\n        font-weight: 500;\\n        position: relative;\\n        display: flex;\\n        flex: 1;\\n        align-items: center;\\n}\\n.data-request-item__top .right .button-area.d-none[data-v-7df43477] {\\n          display: none;\\n}\\n.data-request-item__top .right .button-area .text[data-v-7df43477] {\\n          margin-left: 5px;\\n          color: var(--color-primary-default);\\n}\\n.data-request-item__top .right .button-area .dropdown[data-v-7df43477] {\\n          visibility: hidden;\\n          opacity: 0;\\n          position: absolute;\\n          width: 165px;\\n          right: 0;\\n          top: 20px;\\n          background-color: #fff;\\n          border-radius: var(--radius-first);\\n          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n          z-index: 1;\\n          padding: 7px 0;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477] {\\n            padding: 7px 15px;\\n            text-align: left;\\n}\\n.data-request-item__top .right .button-area .dropdown-item[data-v-7df43477]:hover {\\n              background: #e9e9eb;\\n}\\n.data-request-item__top .right .button-area .dropdown-item__text[data-v-7df43477] {\\n              font-size: 14px;\\n}\\n.data-request-item__top .right .button-area:hover .dropdown[data-v-7df43477] {\\n          visibility: visible;\\n          opacity: 1;\\n}\\n.data-request-item__middle[data-v-7df43477] {\\n    padding: 10.25px 20px;\\n    display: flex;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle[data-v-7df43477] {\\n        padding: 10px 0px;\\n        flex-direction: column;\\n}\\n}\\n@media (max-width: 320px) {\\n.data-request-item__middle[data-v-7df43477] {\\n        justify-content: center;\\n}\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n    .data-request-item__middle .right[data-v-7df43477] {\\n      display: flex;\\n      align-items: center;\\n}\\n.data-request-item__middle .left .item.integration-warning svg[data-v-7df43477],\\n      .data-request-item__middle .right .item.integration-warning svg[data-v-7df43477] {\\n        filter: invert(31%) sepia(71%) saturate(7020%) hue-rotate(351deg) brightness(89%) contrast(131%);\\n        transition: all 1s ease-in;\\n        -webkit-animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n        animation: rotateAnimation-data-v-7df43477 0.5s infinite;\\n}\\n@-webkit-keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n@keyframes rotateAnimation-data-v-7df43477 {\\n0% {\\n    transform: rotate(0deg);\\n}\\n25% {\\n    transform: rotate(15deg);\\n}\\n50% {\\n    transform: rotate(0deg);\\n}\\n75% {\\n    transform: rotate(-15deg);\\n}\\n100% {\\n    transform: rotate(0deg);\\n}\\n}\\n.data-request-item__middle .left .item span[data-v-7df43477],\\n      .data-request-item__middle .right .item span[data-v-7df43477] {\\n        color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n      .data-request-item__middle .right .item strong[data-v-7df43477] {\\n        font-size: 12px;\\n        font-weight: bold;\\n}\\n.data-request-item__middle .left[data-v-7df43477] {\\n      display: flex;\\n      justify-content: space-between;\\n      align-items: center;\\n}\\n@media (max-width: 650px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n          padding-top: 10px;\\n          flex-wrap: wrap;\\n          justify-content: center;\\n          margin-bottom: 10px;\\n}\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n          padding: 0px;\\n          justify-content: center;\\n}\\n.data-request-item__middle .left.package-container[data-v-7df43477] {\\n            width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477] {\\n              width: 100%;\\n              text-align: center;\\n              flex-flow: unset;\\n              flex-wrap: wrap;\\n}\\n}\\n.data-request-item__middle .left .item[data-v-7df43477] {\\n        display: flex;\\n        gap: 3px;\\n        font-size: 12px;\\n}\\n@media (max-width: 375px) {\\n.data-request-item__middle .left .item[data-v-7df43477]:nth-child(2) {\\n            display: block;\\n            width: 100%;\\n            text-align: center;\\n}\\n}\\n.data-request-item__middle .left .item:nth-child(2) span[data-v-7df43477] {\\n          margin: 0px 5px;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__middle .right[data-v-7df43477] {\\n        width: 100%;\\n        flex-wrap: wrap;\\n        justify-content: center;\\n        flex-direction: column;\\n        margin-bottom: 10px;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-140);\\n    font-size: 12px;\\n    justify-content: space-between;\\n    flex-wrap: wrap;\\n}\\n.data-request-item__bottom .toggle[data-v-7df43477] {\\n      transform: rotate(180deg);\\n      transition: 0.2s ease-in-out;\\n}\\n.data-request-item__bottom .toggle.active[data-v-7df43477] {\\n        transform: rotate(0deg);\\n        transition: 0.2s ease-in;\\n}\\n.data-request-item__bottom .left[data-v-7df43477] {\\n      padding: 21px 20px;\\n      flex: 0.99;\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n        flex-wrap: wrap;\\n}\\n.data-request-item__bottom .left .item strong[data-v-7df43477] {\\n          margin-right: 10px;\\n          font-weight: bold;\\n}\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n          display: flex;\\n          align-items: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom .left .item .items[data-v-7df43477] {\\n              display: none;\\n}\\n}\\n.data-request-item__bottom .left .item .seperator[data-v-7df43477] {\\n          width: 1px;\\n          height: 22px;\\n          display: inline-block;\\n          margin: 0px 10px;\\n          background: var(--grayscale-130);\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n      align-items: center;\\n      cursor: pointer;\\n      padding: 0px 20px;\\n}\\n.data-request-item__bottom__packages[data-v-7df43477] {\\n      width: 100%;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper[data-v-7df43477] {\\n        position: relative;\\n        display: table;\\n        width: 100%;\\n        border: 1px solid var(--color-primary-tint-second);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477], .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n          padding: 13px 20px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477] {\\n          display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row[data-v-7df43477]:nth-child(2n) {\\n            background: var(--color-primary-zebra);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n            display: none;\\n            background-color: var(--color-primary-tint);\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            position: sticky;\\n            top: 0px;\\n}\\n@media screen and (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption[data-v-7df43477] {\\n                position: sticky;\\n                top: 0px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption.active[data-v-7df43477] {\\n              display: table-row;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477] {\\n              text-align: center;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row.caption .caption[data-v-7df43477]:first-child {\\n                text-align: left;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n            display: table-cell;\\n            box-sizing: border-box;\\n            color: var(--color-primary-black-metallic);\\n            border-top: 1px solid #ecedef;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell .seperator[data-v-7df43477] {\\n              display: inline-block;\\n              margin-left: 4px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):first-child {\\n              min-width: 300px;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(2), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(3), .data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477]:not(.caption):nth-child(4) {\\n              color: var(--grayscale-120);\\n              text-align: center;\\n}\\n@media (max-width: 768px) {\\n.data-request-item__bottom__packages .accordion-wrapper__row__cell[data-v-7df43477] {\\n                padding: 10px 5px;\\n                vertical-align: middle;\\n                font-size: 11px;\\n}\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .accordion-content[data-v-7df43477] {\\n          display: table-row-group;\\n          background: var(--grayscale-0);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper.active .collapse-icon[data-v-7df43477] {\\n          transform: rotate(0deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-title-wrapper[data-v-7df43477] {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .collapse-icon[data-v-7df43477] {\\n          transform: rotate(180deg);\\n}\\n.data-request-item__bottom__packages .accordion-wrapper .accordion-content[data-v-7df43477] {\\n          display: none;\\n}\\n.data-request-item__price[data-v-7df43477] {\\n    font-size: 12px !important;\\n    margin-right: 20px;\\n    padding-right: 20px;\\n    color: var(--color-primary-black-metallic);\\n    font-weight: 600 !important;\\n    position: relative;\\n}\\n.data-request-item__price__text[data-v-7df43477] {\\n      font-weight: 400;\\n}\\n.data-request-item__price[data-v-7df43477]::after {\\n      content: \\\"\\\";\\n      display: block;\\n      width: 1px;\\n      height: 22px;\\n      background: var(--color-primary-tint-second);\\n      position: absolute;\\n      right: 0px;\\n      top: 50%;\\n      transform: translateY(-50%);\\n}\\n@media (max-width: 768px) {\\n.data-request-item__price[data-v-7df43477] {\\n        margin-right: 0px;\\n        padding-right: 0px;\\n}\\n}\\n.data-request-item__status[data-v-7df43477] {\\n    color: var(--color-primary-black-metallic);\\n    font-size: 12px;\\n}\\n.data-request-item__status__stat.request[data-v-7df43477] {\\n      font-weight: 600;\\n      margin-left: 8px;\\n}\\n.data-request-item__status__stat.active[data-v-7df43477] {\\n      color: var(--color-primary-active) !important;\\n      margin-left: 8px;\\n}\\n.data-request-item__status__stat.passive[data-v-7df43477] {\\n      color: var(--color-warning) !important;\\n      margin-left: 8px;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n    z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\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.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n      padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.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");
 
 /***/ }),
 
@@ -3834,7 +3834,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, \".package-slider[data-v-76ab9974] {\\n  padding: 20px;\\n}\\n.package-slider__title[data-v-76ab9974] {\\n    font-size: 14px;\\n    font-weight: 400;\\n    margin-right: 20px;\\n}\\n.package-slider__head[data-v-76ab9974] {\\n    display: flex;\\n    flex-direction: row;\\n    align-items: center;\\n    gap: 5px;\\n}\\n.package-slider__close[data-v-76ab9974] {\\n    display: flex;\\n    align-items: center;\\n    background: transparent;\\n    width: -webkit-max-content;\\n    width: -moz-max-content;\\n    width: max-content;\\n    color: var(--grayscale-90);\\n}\\n.package-slider__close svg[data-v-76ab9974] {\\n      margin-left: 5px;\\n}\\n.package-slider .switch[data-v-76ab9974] {\\n    position: relative;\\n    display: inline-block;\\n    width: 43.54px;\\n    height: 24px;\\n}\\n.package-slider .switch-slider[data-v-76ab9974] {\\n      position: absolute;\\n      cursor: pointer;\\n      top: 0;\\n      left: 0;\\n      right: 0;\\n      bottom: 0;\\n      background-color: #ccc;\\n      transition: 0.4s;\\n      border-radius: 34px;\\n}\\n.package-slider .switch-slider[data-v-76ab9974]:before {\\n        position: absolute;\\n        content: \\\"\\\";\\n        height: 18px;\\n        width: 18px;\\n        left: 5px;\\n        bottom: 3px;\\n        background-color: white;\\n        transition: 0.4s;\\n        border-radius: 50%;\\n}\\n.package-slider .switch-slider input[data-v-76ab9974] {\\n        opacity: 0;\\n        width: 0;\\n        height: 0;\\n}\\n.package-slider .switch input:checked + .switch-slider[data-v-76ab9974] {\\n      background-color: var(--color-primary-default);\\n}\\n.package-slider .switch input:checked + .switch-slider[data-v-76ab9974]:before {\\n      transform: translateX(16px);\\n}\\n.package-slider[data-v-76ab9974]  .VueCarousel {\\n    height: 200px;\\n}\\n.package-item[data-v-76ab9974] {\\n  position: relative;\\n  background: var(--grayscale-0);\\n  border-radius: var(--radius-first);\\n  border: 1px solid var(--color-primary-tint-second);\\n  margin-right: 20px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0px 20px 8px 20px;\\n  min-height: 112px;\\n  height: 100%;\\n}\\n@media (max-width: 515px) {\\n.package-item[data-v-76ab9974] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.package-item__image[data-v-76ab9974] {\\n    flex: 0.1;\\n    margin-right: 20px;\\n}\\n.package-item__image .image[data-v-76ab9974] {\\n      width: 80px;\\n}\\n.package-item__price[data-v-76ab9974] {\\n    flex: 0.4;\\n    display: flex;\\n    align-items: flex-end;\\n    justify-content: space-between;\\n    flex-direction: column;\\n    min-height: 114px;\\n    gap: 5px;\\n    text-align: right;\\n}\\n.package-item__price .price li[data-v-76ab9974] {\\n      display: inline-block;\\n      color: var(--color-primary-default);\\n      font-weight: bold;\\n      list-style: none;\\n      font-size: 12px;\\n}\\n.package-item__price .price li .has-price[data-v-76ab9974] {\\n        background: transparent;\\n        border-radius: var(--radius-five);\\n        color: var(--color-primary-black-metallic);\\n}\\n.package-item__price .price li span[data-v-76ab9974] {\\n        background: var(--grayscale-140);\\n}\\n.package-item__price .features[data-v-76ab9974] {\\n      text-align: right;\\n}\\n.package-item__price .features li[data-v-76ab9974] {\\n        list-style-type: none;\\n        font-size: 10px;\\n        line-height: 18px;\\n        color: var(--grayscale-130);\\n}\\n.package-item__price .features li span[data-v-76ab9974] {\\n          background: transparent;\\n          display: block;\\n}\\n.package-item__price .features li span .inline[data-v-76ab9974] {\\n            display: inline-block;\\n            min-width: 32px;\\n}\\n.package-item__price .buy[data-v-76ab9974] {\\n      width: 100%;\\n}\\n.package-item__price .buy .base-button[data-v-76ab9974] {\\n        background: var(--color-primary-active);\\n        height: 32px;\\n        font-size: 12px;\\n        max-width: 120px;\\n}\\n.package-item__price.h100 .buy[data-v-76ab9974] {\\n      height: 100%;\\n      display: flex;\\n      align-items: flex-end;\\n      justify-content: flex-end;\\n}\\n.package-item__price.h100 .tag.tooltip[data-v-76ab9974] {\\n      margin-right: 0px;\\n}\\n.package-item__price .tag[data-v-76ab9974] {\\n      background: var(--color-primary-warning-text-background);\\n      padding: 4px 5px;\\n      margin-right: 10px;\\n      border-radius: var(--radius-third);\\n      display: flex;\\n      align-items: center;\\n      text-align: center;\\n}\\n@media (max-width: 941px) {\\n.package-item__price .tag[data-v-76ab9974] {\\n          margin-bottom: 5px;\\n          padding: 2px 8px;\\n}\\n}\\n.package-item__price .tag .text[data-v-76ab9974] {\\n        font-size: 12px;\\n        text-overflow: ellipsis;\\n        display: flex;\\n        align-items: center;\\n        color: var(--color-primary-warning-text);\\n}\\n@media (max-width: 400px) {\\n.package-item__price .tag .text[data-v-76ab9974] {\\n            font-size: 10px !important;\\n}\\n}\\n.package-item__price .tag .text .icon[data-v-76ab9974] {\\n          width: 42px;\\n          margin-right: -17px;\\n}\\n.package-item__price .tag .tooltiptext[data-v-76ab9974] {\\n        left: 20%;\\n        min-width: 150px;\\n        bottom: 100%;\\n}\\n.package-item__info[data-v-76ab9974] {\\n    flex: 0.6;\\n    display: flex;\\n    flex-direction: column;\\n    width: 100%;\\n}\\n@media (max-width: 515px) {\\n.package-item__info[data-v-76ab9974] {\\n        text-align: center;\\n}\\n}\\n.package-item__info .title h6[data-v-76ab9974] {\\n      line-height: 24px;\\n      font-size: 14px;\\n      font-weight: bold !important;\\n}\\n.package-item__info .title h6 span[data-v-76ab9974] {\\n        font-weight: normal;\\n}\\n.package-item__info .description span[data-v-76ab9974] {\\n      font-size: 12px;\\n      font-weight: 400;\\n}\\n.open-arrow[data-v-76ab9974] {\\n  transform: rotate(-180deg);\\n  transition: transform 0.5s;\\n}\\n.close-arrow[data-v-76ab9974] {\\n  transition: transform 0.5s;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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, \".package-slider[data-v-76ab9974] {\\n  padding: 20px;\\n}\\n.package-slider__title[data-v-76ab9974] {\\n    font-size: 14px;\\n    font-weight: 400;\\n    margin-right: 20px;\\n    color: var(--grayscale-190);\\n}\\n.package-slider__head[data-v-76ab9974] {\\n    display: flex;\\n    flex-direction: row;\\n    align-items: center;\\n    gap: 5px;\\n}\\n.package-slider__close[data-v-76ab9974] {\\n    display: flex;\\n    align-items: center;\\n    background: transparent;\\n    width: -webkit-max-content;\\n    width: -moz-max-content;\\n    width: max-content;\\n    color: var(--grayscale-90);\\n}\\n.package-slider__close svg[data-v-76ab9974] {\\n      margin-left: 5px;\\n}\\n.package-slider .switch[data-v-76ab9974] {\\n    position: relative;\\n    display: inline-block;\\n    width: 43.54px;\\n    height: 24px;\\n}\\n.package-slider .switch-slider[data-v-76ab9974] {\\n      position: absolute;\\n      cursor: pointer;\\n      top: 0;\\n      left: 0;\\n      right: 0;\\n      bottom: 0;\\n      background-color: #ccc;\\n      transition: 0.4s;\\n      border-radius: 34px;\\n}\\n.package-slider .switch-slider[data-v-76ab9974]:before {\\n        position: absolute;\\n        content: \\\"\\\";\\n        height: 18px;\\n        width: 18px;\\n        left: 5px;\\n        bottom: 3px;\\n        background-color: white;\\n        transition: 0.4s;\\n        border-radius: 50%;\\n}\\n.package-slider .switch-slider input[data-v-76ab9974] {\\n        opacity: 0;\\n        width: 0;\\n        height: 0;\\n}\\n.package-slider .switch input:checked + .switch-slider[data-v-76ab9974] {\\n      background-color: var(--color-primary-default);\\n}\\n.package-slider .switch input:checked + .switch-slider[data-v-76ab9974]:before {\\n      transform: translateX(16px);\\n}\\n.package-slider[data-v-76ab9974]  .VueCarousel {\\n    height: 200px;\\n}\\n.package-item[data-v-76ab9974] {\\n  position: relative;\\n  background: var(--grayscale-0);\\n  border-radius: var(--radius-first);\\n  border: 1px solid var(--color-primary-tint-second);\\n  margin-right: 20px;\\n  display: flex;\\n  align-items: center;\\n  padding: 0px 20px 8px 20px;\\n  min-height: 112px;\\n  height: 100%;\\n}\\n@media (max-width: 515px) {\\n.package-item[data-v-76ab9974] {\\n      width: 100%;\\n      flex-direction: column;\\n}\\n}\\n.package-item__image[data-v-76ab9974] {\\n    flex: 0.1;\\n    margin-right: 20px;\\n}\\n.package-item__image .image[data-v-76ab9974] {\\n      width: 80px;\\n}\\n.package-item__price[data-v-76ab9974] {\\n    flex: 0.4;\\n    display: flex;\\n    align-items: flex-end;\\n    justify-content: space-between;\\n    flex-direction: column;\\n    min-height: 114px;\\n    gap: 5px;\\n    text-align: right;\\n}\\n.package-item__price .price li[data-v-76ab9974] {\\n      display: inline-block;\\n      color: var(--color-primary-default);\\n      font-weight: bold;\\n      list-style: none;\\n      font-size: 12px;\\n}\\n.package-item__price .price li .has-price[data-v-76ab9974] {\\n        background: transparent;\\n        border-radius: var(--radius-five);\\n        color: var(--color-primary-black-metallic);\\n}\\n.package-item__price .price li span[data-v-76ab9974] {\\n        background: var(--grayscale-140);\\n}\\n.package-item__price .features[data-v-76ab9974] {\\n      text-align: right;\\n}\\n.package-item__price .features li[data-v-76ab9974] {\\n        list-style-type: none;\\n        font-size: 10px;\\n        line-height: 18px;\\n        color: var(--grayscale-130);\\n}\\n.package-item__price .features li span[data-v-76ab9974] {\\n          background: transparent;\\n          display: block;\\n}\\n.package-item__price .features li span .inline[data-v-76ab9974] {\\n            display: inline-block;\\n            min-width: 32px;\\n}\\n.package-item__price .buy[data-v-76ab9974] {\\n      width: 100%;\\n}\\n.package-item__price .buy .base-button[data-v-76ab9974] {\\n        background: var(--color-primary-active);\\n        height: 32px;\\n        font-size: 12px;\\n        max-width: 120px;\\n}\\n.package-item__price.h100 .buy[data-v-76ab9974] {\\n      height: 100%;\\n      display: flex;\\n      align-items: flex-end;\\n      justify-content: flex-end;\\n}\\n.package-item__price.h100 .tag.tooltip[data-v-76ab9974] {\\n      margin-right: 0px;\\n}\\n.package-item__price .tag[data-v-76ab9974] {\\n      background: var(--color-primary-warning-text-background);\\n      padding: 4px 5px;\\n      margin-right: 10px;\\n      border-radius: var(--radius-third);\\n      display: flex;\\n      align-items: center;\\n      text-align: center;\\n}\\n@media (max-width: 941px) {\\n.package-item__price .tag[data-v-76ab9974] {\\n          margin-bottom: 5px;\\n          padding: 2px 8px;\\n}\\n}\\n.package-item__price .tag .text[data-v-76ab9974] {\\n        font-size: 12px;\\n        text-overflow: ellipsis;\\n        display: flex;\\n        align-items: center;\\n        color: var(--color-primary-warning-text);\\n}\\n@media (max-width: 400px) {\\n.package-item__price .tag .text[data-v-76ab9974] {\\n            font-size: 10px !important;\\n}\\n}\\n.package-item__price .tag .text .icon[data-v-76ab9974] {\\n          width: 42px;\\n          margin-right: -17px;\\n}\\n.package-item__price .tag .tooltiptext[data-v-76ab9974] {\\n        left: 20%;\\n        min-width: 150px;\\n        bottom: 100%;\\n}\\n.package-item__info[data-v-76ab9974] {\\n    flex: 0.6;\\n    display: flex;\\n    flex-direction: column;\\n    width: 100%;\\n}\\n@media (max-width: 515px) {\\n.package-item__info[data-v-76ab9974] {\\n        text-align: center;\\n}\\n}\\n.package-item__info .title h6[data-v-76ab9974] {\\n      line-height: 24px;\\n      font-size: 14px;\\n      font-weight: bold !important;\\n}\\n.package-item__info .title h6 span[data-v-76ab9974] {\\n        font-weight: normal;\\n        color: var(--grayscale-120);\\n}\\n.package-item__info .description span[data-v-76ab9974] {\\n      font-size: 12px;\\n      font-weight: 400;\\n}\\n.open-arrow[data-v-76ab9974] {\\n  transform: rotate(-180deg);\\n  transition: transform 0.5s;\\n}\\n.close-arrow[data-v-76ab9974] {\\n  transition: transform 0.5s;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSlider.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");
 
 /***/ }),
 
@@ -3933,7 +3933,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package__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: 12px;\\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: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 54px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\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}\\n.buy-package .tab-layout .tabs .active[data-v-99f58ee0] {\\n        border-bottom: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail.mt-20[data-v-99f58ee0] {\\n  margin-top: 20px;\\n}\\n.buy-package[data-v-99f58ee0] {\\n  padding-bottom: 30px;\\n  margin: 0 auto;\\n}\\n.buy-package__content .message-title[data-v-99f58ee0] {\\n    margin-bottom: 20px;\\n    font-weight: 400 !important;\\n    color: var(--color-primary-black-metallic);\\n    font-size: 14px !important;\\n}\\n.buy-package__content .info[data-v-99f58ee0] {\\n    display: flex;\\n    flex-direction: row;\\n    background: var(--color-primary-warning-text-background);\\n    padding: 12px;\\n    margin-bottom: 20px;\\n    border-radius: var(--radius-second);\\n    align-items: center;\\n}\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n      flex-shrink: 0;\\n      margin-right: 5px;\\n}\\n@media (max-width: 1150px) {\\n.buy-package__content .info svg[data-v-99f58ee0] {\\n          margin-right: 5px;\\n}\\n}\\n.buy-package__content .info p[data-v-99f58ee0] {\\n      font-size: 13px;\\n      color: var(--color-primary-warning-text);\\n}\\n.buy-package__content .info p span[data-v-99f58ee0] {\\n        font-weight: bold;\\n}\\n.buy-package__content .warn-text[data-v-99f58ee0] {\\n    font-size: 14px;\\n    color: var(--color-primary-black-metallic);\\n    margin-bottom: 20px;\\n}\\n.buy-package .tab-content[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-top: solid 1px var(--grayscale-20);\\n    padding: 20px;\\n}\\n.buy-package .tab-layout[data-v-99f58ee0] {\\n    background: var(--grayscale-0);\\n    border-radius: var(--radius-first);\\n}\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n      display: flex;\\n      justify-content: flex-start;\\n      align-items: center;\\n      padding-bottom: 0;\\n      padding-top: 0;\\n      background: var(--grayscale-0);\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      height: 54px;\\n      gap: 30px;\\n}\\n@media (max-width: 544px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          display: none;\\n}\\n}\\n@media (max-width: 768px) {\\n.buy-package .tab-layout .tabs[data-v-99f58ee0] {\\n          flex-direction: column;\\n}\\n}\\n.buy-package .tab-layout .tabs h6[data-v-99f58ee0] {\\n        font-weight: 400;\\n        color: var(--color-primary-silver-metallic);\\n}\\n.buy-package .tab-layout .tabs .tab[data-v-99f58ee0] {\\n        cursor: pointer;\\n        height: 53px;\\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: 3px solid var(--color-primary-green);\\n        font-weight: 500;\\n}\\n.buy-package .tab-layout .tabs .active h6[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-green);\\n}\\n.buy-package .profAlgoTabs[data-v-99f58ee0] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    text-align: center;\\n    gap: 10px;\\n}\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n      padding: 5px;\\n      border-radius: var(--radius-second);\\n      cursor: pointer;\\n      border: 1.5px solid var(--grayscale-110);\\n      margin-bottom: 20px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab[data-v-99f58ee0] {\\n          padding: 10px 8px;\\n          box-sizing: border-box;\\n}\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active[data-v-99f58ee0] {\\n        background-color: var(--color-primary-tint-third);\\n        border: 1.5px solid var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab.active .name[data-v-99f58ee0] {\\n          font-weight: bold;\\n          color: var(--color-primary-default);\\n}\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n        margin: 0 10px;\\n        color: var(--grayscale-60);\\n        font-size: 16px;\\n}\\n@media (max-width: 400px) {\\n.buy-package .profAlgoTabs .profAlgoTab .name[data-v-99f58ee0] {\\n            margin: 0 5px;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/BuyDataPackage.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3944,7 +3944,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, \".checkout[data-v-e9bc6700] {\\n  margin: 0px auto;\\n  padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n    margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n    position: relative;\\n    bottom: 0;\\n    background: var(--grayscale-20);\\n    color: #000;\\n    font-size: 13px;\\n    justify-content: start;\\n    margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n      margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700]  .customer-info {\\n    margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700]  .customer-info .right-side {\\n      display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n    background: var(--grayscale-0);\\n    position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between;\\n      margin-bottom: 20px;\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n      border: solid 1px #e9e9eb;\\n      border-radius: var(--radius-second);\\n      overflow-x: auto;\\n      margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n        min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n        position: relative;\\n        top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n        border-collapse: collapse;\\n        text-indent: 0;\\n        min-width: 100%;\\n        overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n          display: block;\\n          font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n          background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n            border-top: none;\\n            font-size: 12px;\\n            font-weight: 600;\\n            height: 52px;\\n            padding: 0px 20px;\\n            text-align: center;\\n            vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n              text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n          border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n            border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n            padding: 0px 20px;\\n            text-align: center;\\n            font-size: 12px;\\n            line-height: normal;\\n            height: 52px;\\n            vertical-align: middle;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n              text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n          border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n          background: var(--color-primary-zebra);\\n          border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n            border-bottom: 1px solid var(--color-primary-tint-second);\\n            border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n              border: none;\\n              background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n              padding: 0px 20px;\\n              text-align: center;\\n              font-size: 12px;\\n              line-height: normal;\\n              height: 52px;\\n              font-weight: normal;\\n              vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n                text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n            border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n            border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: flex-end;\\n      margin-top: 20px;\\n      position: relative;\\n      padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n        margin-top: 20px;\\n        margin-right: 10px;\\n        color: red;\\n        font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n            position: absolute;\\n            left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n            width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n          flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n            width: 100%;\\n            margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n        max-width: 176px;\\n        margin-top: 15px;\\n        margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n            max-width: unset;\\n            width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n        font-size: 12px;\\n        color: var(--grayscale-70);\\n        position: relative;\\n        padding: 0 7px;\\n        margin-left: 10px;\\n        z-index: 2;\\n        top: 9px;\\n        background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n    display: flex;\\n    flex-direction: row;\\n    align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n    border: none;\\n    background-color: transparent;\\n    color: var(--color-primary-default);\\n    font-weight: 400;\\n    font-size: 14px;\\n    height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n      fill: #2c2c30;\\n      margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n      background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n    margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n      width: 40px;\\n      height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n      display: block;\\n      margin: 0 auto;\\n      width: 40px;\\n      height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n    display: flex;\\n    align-items: center;\\n    justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n    font-size: 10px;\\n    font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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, \".checkout[data-v-e9bc6700] {\\n  margin: 0px auto;\\n  padding: 0;\\n}\\n.checkout.mt-20[data-v-e9bc6700] {\\n    margin-top: 20px;\\n}\\n.checkout .back-button[data-v-e9bc6700] {\\n    border: none;\\n    background-color: transparent;\\n    cursor: pointer;\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n}\\n.checkout .infoArea[data-v-e9bc6700] {\\n    position: relative;\\n    bottom: 0;\\n    background: var(--grayscale-20);\\n    color: #000;\\n    font-size: 13px;\\n    justify-content: start;\\n    margin: 20px;\\n}\\n@media (min-width: 1560px) {\\n.checkout[data-v-e9bc6700] {\\n      margin: 20px auto;\\n}\\n}\\n.checkout[data-v-e9bc6700]  .customer-info {\\n    margin-bottom: 20px;\\n}\\n.checkout[data-v-e9bc6700]  .customer-info .right-side {\\n      display: none;\\n}\\n.checkout-content[data-v-e9bc6700] {\\n    background: var(--grayscale-0);\\n    position: relative;\\n}\\n.checkout-content__title[data-v-e9bc6700] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between;\\n      margin-bottom: 20px;\\n      border-bottom: 1px solid var(--color-primary-tint-second);\\n      padding: 20px;\\n}\\n.checkout-content__table[data-v-e9bc6700] {\\n      border: solid 1px #e9e9eb;\\n      border-radius: var(--radius-second);\\n      overflow-x: auto;\\n      margin: 20px;\\n}\\n.checkout-content__table th[data-v-e9bc6700]:first-child {\\n        min-width: 300px;\\n}\\n.checkout-content__table .bes svg[data-v-e9bc6700] {\\n        position: relative;\\n        top: 6px;\\n}\\n.checkout-content__table table[data-v-e9bc6700] {\\n        border-collapse: collapse;\\n        text-indent: 0;\\n        min-width: 100%;\\n        overflow: hidden;\\n}\\n.checkout-content__table table .package-table .sub-info[data-v-e9bc6700] {\\n          display: block;\\n          font-weight: 500;\\n}\\n.checkout-content__table table thead[data-v-e9bc6700] {\\n          background: var(--color-primary-tint);\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700] {\\n            border-top: none;\\n            font-size: 12px;\\n            font-weight: 600;\\n            height: 52px;\\n            padding: 0px 20px;\\n            text-align: center;\\n            vertical-align: middle;\\n}\\n.checkout-content__table table thead th[data-v-e9bc6700]:first-child {\\n              text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700] {\\n          border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:last-child {\\n            border: none;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700] {\\n            padding: 0px 20px;\\n            text-align: center;\\n            font-size: 12px;\\n            line-height: normal;\\n            height: 40px;\\n            vertical-align: middle;\\n            font-weight: 400 !important;\\n}\\n.checkout-content__table table tbody tr td[data-v-e9bc6700]:first-child {\\n              text-align: left;\\n}\\n.checkout-content__table table tbody tr[data-v-e9bc6700]:first-child {\\n          border-top: none;\\n}\\n.checkout-content__table table tfoot[data-v-e9bc6700] {\\n          background: var(--color-primary-zebra);\\n          border-top: 10px solid var(--color-primary-tint);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700] {\\n            border-bottom: 1px solid var(--color-primary-tint-second);\\n            border-top: 1px solid var(--color-primary-tint-second);\\n}\\n.checkout-content__table table tfoot tr[data-v-e9bc6700]:last-child {\\n              border: none;\\n              background: var(--color-primary-zebra);\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700] {\\n              padding: 0px 20px;\\n              text-align: center;\\n              font-size: 12px;\\n              line-height: normal;\\n              height: 40px;\\n              font-weight: 400 !important;\\n              vertical-align: middle;\\n}\\n.checkout-content__table table tfoot tr th[data-v-e9bc6700]:first-child {\\n                text-align: left;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:first-child {\\n            border-bottom-left-radius: 5px;\\n}\\n.checkout-content__table table tfoot tr:last-child th[data-v-e9bc6700]:last-child {\\n            border-bottom-right-radius: 5px;\\n}\\n.checkout-content__action[data-v-e9bc6700] {\\n      display: flex;\\n      align-items: center;\\n      justify-content: flex-end;\\n      margin-top: 20px;\\n      position: relative;\\n      padding: 20px;\\n}\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n        margin-top: 20px;\\n        margin-right: 10px;\\n        color: red;\\n        font-weight: bold;\\n}\\n@media (min-width: 1220px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n            position: absolute;\\n            left: 0px;\\n}\\n}\\n@media (max-width: 1024px) {\\n.checkout-content__action .warning-text[data-v-e9bc6700] {\\n            width: 100%;\\n}\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action[data-v-e9bc6700] {\\n          flex-flow: column;\\n}\\n.checkout-content__action .start-time-selectbox[data-v-e9bc6700] {\\n            width: 100%;\\n            margin-left: 8px;\\n}\\n}\\n.checkout-content__action button[data-v-e9bc6700] {\\n        max-width: 176px;\\n        margin-top: 15px;\\n        margin-left: 10px;\\n}\\n@media (max-width: 415px) {\\n.checkout-content__action button[data-v-e9bc6700] {\\n            max-width: unset;\\n            width: 100%;\\n}\\n}\\n.checkout-content__action .form-control-label[data-v-e9bc6700] {\\n        font-size: 12px;\\n        color: var(--grayscale-70);\\n        position: relative;\\n        padding: 0 7px;\\n        margin-left: 10px;\\n        z-index: 2;\\n        top: 9px;\\n        background: white;\\n}\\n.checkout .adjust[data-v-e9bc6700] {\\n    display: flex;\\n    flex-direction: row;\\n    align-items: center;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700] {\\n    border: none;\\n    background-color: transparent;\\n    color: var(--color-primary-default);\\n    font-weight: 400;\\n    font-size: 14px;\\n    height: auto;\\n}\\n.checkout .adjust-btn button svg[data-v-e9bc6700] {\\n      fill: #2c2c30;\\n      margin-right: 5px;\\n}\\n.checkout .adjust-btn button[data-v-e9bc6700]:hover {\\n      background-color: rgba(234, 234, 236, 0.5);\\n}\\n.checkout .avatar[data-v-e9bc6700] {\\n    margin-right: 10px;\\n}\\n.checkout .avatar img[data-v-e9bc6700] {\\n      width: 40px;\\n      height: 40px;\\n}\\n.checkout .avatar svg[data-v-e9bc6700] {\\n      display: block;\\n      margin: 0 auto;\\n      width: 40px;\\n      height: 40px;\\n}\\n.checkout .customer[data-v-e9bc6700] {\\n    display: flex;\\n    align-items: center;\\n    justify-content: space-between;\\n}\\n.checkout .small-text[data-v-e9bc6700] {\\n    font-size: 10px;\\n    font-weight: bold;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.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");
 
 /***/ }),
 
@@ -3999,7 +3999,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\");\nvar ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Black.woff */ \"./src/assets/fonts/poppins/Poppins-Black.woff\");\nvar ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Bold.woff */ \"./src/assets/fonts/poppins/Poppins-Bold.woff\");\nvar ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-SemiBold.woff */ \"./src/assets/fonts/poppins/Poppins-SemiBold.woff\");\nvar ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Medium.woff */ \"./src/assets/fonts/poppins/Poppins-Medium.woff\");\nvar ___CSS_LOADER_URL_IMPORT_4___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Regular.woff */ \"./src/assets/fonts/poppins/Poppins-Regular.woff\");\nvar ___CSS_LOADER_URL_IMPORT_5___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Thin.woff */ \"./src/assets/fonts/poppins/Poppins-Thin.woff\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\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.osm-vd-styles {\\n  margin: 0;\\n  padding: 0;\\n  font-family: \\\"Poppins\\\", sans-serif !important;\\n  font-feature-settings: 'clig' off, 'liga' off !important; }\\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(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 900;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 800;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_2___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 700;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_3___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 500;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_4___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 400;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_5___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\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 !important; }\\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");
+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\");\nvar ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\nvar ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Black.woff */ \"./src/assets/fonts/poppins/Poppins-Black.woff\");\nvar ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Bold.woff */ \"./src/assets/fonts/poppins/Poppins-Bold.woff\");\nvar ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-SemiBold.woff */ \"./src/assets/fonts/poppins/Poppins-SemiBold.woff\");\nvar ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Medium.woff */ \"./src/assets/fonts/poppins/Poppins-Medium.woff\");\nvar ___CSS_LOADER_URL_IMPORT_4___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Regular.woff */ \"./src/assets/fonts/poppins/Poppins-Regular.woff\");\nvar ___CSS_LOADER_URL_IMPORT_5___ = __webpack_require__(/*! @/assets/fonts/poppins/Poppins-Thin.woff */ \"./src/assets/fonts/poppins/Poppins-Thin.woff\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\nexports.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\nvar ___CSS_LOADER_URL_REPLACEMENT_4___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_4___);\nvar ___CSS_LOADER_URL_REPLACEMENT_5___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_5___);\n// Module\nexports.push([module.i, \".m-text-grayscale-190 {\\n  color: #464647; }\\n\\n.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-190 {\\n  background-color: #464647; }\\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-190 {\\n  border-color: #464647; }\\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-190: #464647;\\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.osm-vd-styles {\\n  margin: 0;\\n  padding: 0;\\n  font-family: \\\"Poppins\\\", sans-serif !important;\\n  font-feature-settings: 'clig' off, 'liga' off !important; }\\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(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 900;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 800;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_2___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 700;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_3___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 500;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_4___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\n  font-weight: 400;\\n  font-style: normal; }\\n\\n@font-face {\\n  src: url(\" + ___CSS_LOADER_URL_REPLACEMENT_5___ + \") format(\\\"woff\\\");\\n  font-family: \\\"Poppins\\\";\\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 !important; }\\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");
 
 /***/ }),