osmanli-veri-dagitim 2.0.96-dev → 2.0.98-dev

package/dist/OsmanliPackage.common.js

@@ -1719,7 +1719,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 _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultDistrubitionID: null,\n      cusId: null,\n      showSelectbox: false,\n      currentDate: new Date(),\n      startDateSelection: -1,\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\", \"getUserInfo\", \"getOverallLimit\", \"customerBefore\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    isUserRegisteredBeforeTwentieth() {\n      var _this$customerBefore$;\n\n      const accountOpeningDate = (_this$customerBefore$ = this.customerBefore.customers[0]) === null || _this$customerBefore$ === void 0 ? void 0 : _this$customerBefore$.accountOpeningDate;\n\n      if (!accountOpeningDate || isNaN(Date.parse(accountOpeningDate))) {\n        return false;\n      }\n\n      const registrationDate = this.parseDate(accountOpeningDate);\n\n      if (registrationDate.getFullYear() === this.currentDate.getFullYear() && registrationDate.getMonth() === this.currentDate.getMonth() && registrationDate.getDate() >= 20 && this.getMemberType == 3) {\n        return true;\n      }\n\n      return false;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      this.isHighlighted = false;\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([this.dataItem.applicationId, this.dataItem.platform.id, e.target.value, this.cusId]).then(data => {\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.defaultDistrubitionID = null;\n            this.isPerspectiveShow = true;\n            this.loadDistributionSelect();\n            this.fillData(dataValue, this.perspectiveData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect() {\n      this.getDistribution([this.dataItem.applicationId, this.dataItem.platform.id, this.selectedMarketID, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.packageFeatureSelected.vendorFeature = this.distributionData[0];\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultDistrubitionID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.platformInfo;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    parseDate(dateString) {\n      const [day, month, year, time] = dateString.split(/\\/|\\s/);\n      const [hours, minutes, seconds] = time.split(\":\");\n      return new Date(`${year}-${month}-${day}T${hours}:${minutes}:${seconds}`);\n    },\n\n    checkSelectedData() {\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n  },\n\n  watch: {\n    customerBefore(val) {\n      if (val && !val.error) {\n        const overall = parseInt(val.customers[0].overall);\n\n        if (overall >= this.getOverallLimit.overallLimit && this.isUserRegisteredBeforeTwentieth && this.currentDate.getDate() <= 20 && this.item.marketId == 3 && (this.item.applicationId == 3 || this.item.applicationId == 2)) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        } else if (overall >= this.getOverallLimit.overallLimit && !this.isUserRegisteredBeforeTwentieth && this.currentDate.getDate() >= 20 && this.item.marketId == 3 && (this.item.applicationId == 3 || this.item.applicationId == 2)) {\n          this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultDistrubitionID: null,\n      cusId: null,\n      showSelectbox: false,\n      currentDate: new Date(),\n      startDateSelection: -1,\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\", \"getUserInfo\", \"getOverallLimit\", \"customerBefore\", \"allPackages\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    isUserRegisteredBeforeTwentieth() {\n      var _this$customerBefore$;\n\n      const accountOpeningDate = (_this$customerBefore$ = this.customerBefore.customers[0]) === null || _this$customerBefore$ === void 0 ? void 0 : _this$customerBefore$.accountOpeningDate;\n      const registrationDate = this.parseDate(accountOpeningDate);\n\n      if (registrationDate.getFullYear() === this.currentDate.getFullYear() && registrationDate.getMonth() === this.currentDate.getMonth() && registrationDate.getDate() >= 20) {\n        return true;\n      }\n\n      return false;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      this.isHighlighted = false;\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([this.dataItem.applicationId, this.dataItem.platform.id, e.target.value, this.cusId]).then(data => {\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.defaultDistrubitionID = null;\n            this.isPerspectiveShow = true;\n            this.loadDistributionSelect();\n            this.fillData(dataValue, this.perspectiveData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect() {\n      this.getDistribution([this.dataItem.applicationId, this.dataItem.platform.id, this.selectedMarketID, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.packageFeatureSelected.vendorFeature = this.distributionData[0];\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultDistrubitionID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.platformInfo;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    parseDate(dateString) {\n      const [day, month, year, time] = dateString.split(/\\/|\\s/);\n      const [hours, minutes, seconds] = time.split(\":\");\n      return new Date(`${year}-${month}-${day}T${hours}:${minutes}:${seconds}`);\n    },\n\n    checkSelectedData() {\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n  },\n\n  watch: {\n    customerBefore(val) {\n      if (val && !val.error && this.getMemberType == 3) {\n        const overall = parseInt(val.customers[0].overall);\n\n        if (!this.allPackages.data.length && // önceden hiç lisans alınmamışsa, true\n        this.currentDate.getDate() < 20 && ( // bugün bulunduğu ayın 20'sinden den küçük mü , true\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.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          this.startDateSelection = 0;\n        } //CANLI PİYASA\n\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall >= this.getOverallLimit.overallLimit && // overall limiti tutuyor mu , evet\n        this.item.marketId == 3 && ( // canlı piyasa\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        }\n\n        if (this.currentDate.getDate() < 20 && // evet\n        this.isUserRegisteredBeforeTwentieth && // eski kullanıcı mı? evet\n        overall >= this.getOverallLimit.overallLimit && ( // overall limiti tutuyor mu , hayır\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        }\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall <= this.getOverallLimit.overallLimit && // overall limiti tutuyor mu , OVERALL 0\n        this.item.marketId == 3 && ( // canlı piyasa\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        !this.isUserRegisteredBeforeTwentieth && ( // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall <= this.getOverallLimit.overallLimit || overall >= this.getOverallLimit.overallLimit) && ( // overall limiti tutuyor mu , OVERALL 0\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        } //HİSSE VİOP DİĞERLERİ\n\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        this.item.marketId != 3 && ( // canlı piyasa DEĞİL\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.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");
 
 /***/ }),
 
@@ -3672,7 +3672,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 21.5px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 14px;\\n      font-weight: 400;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 20px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 15.5px;\\n      font-weight: 300;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n      color: var(--color-primary-gray-metallic);\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3892,7 +3892,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[data-v-302011ee] {\\n  padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n    position: relative;\\n    display: table;\\n    width: 100%;\\n    border: 1px solid var(--color-primary-tint-second);\\n    margin-bottom: 10px;\\n    border-radius: var(--radius-first);\\n    background-color: var(--grayscale-0);\\n    cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n      padding: 10px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n      display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n        display: table-row-group;\\n        background-color: var(--color-primary-tint);\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n            position: sticky;\\n            top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n        border-bottom: 1px solid var(--color-primary-tint-second);\\n        font-size: 12px;\\n        font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n        display: table-cell;\\n        box-sizing: border-box;\\n        vertical-align: middle;\\n        color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n          min-width: 350px;\\n          white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n          min-width: 55px;\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n          display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n          display: inline-block;\\n          padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n            min-width: 25px;\\n            font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n            padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n      background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n        display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n      display: table-row;\\n      position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n        background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n        visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n      position: absolute;\\n      top: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\n        right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n      display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee]  .form-control-label,\\n  .customer-detail[data-v-302011ee]  .data-types .fund-commission.comission-container {\\n    font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n    position: relative;\\n    margin-top: 25px;\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: flex-end;\\n      align-items: flex-end;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n      margin-bottom: 20px;\\n      position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n        position: relative;\\n        justify-content: left;\\n        text-align: left;\\n        padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n        font-size: 12px;\\n        margin-top: 20px;\\n        font-weight: bold;\\n        color: var(--grayscale-180);\\n        position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n        max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n        right: auto;\\n        left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    padding-bottom: 0;\\n    padding-top: 0;\\n    background: var(--grayscale-0);\\n    margin-top: 20px;\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n        flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n      font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n      padding: 5px;\\n      cursor: pointer;\\n      flex: 0.33;\\n      height: 40px;\\n      text-align: center;\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      border-bottom: 2px solid transparent;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n      border-bottom: 2px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n        font-weight: bold;\\n        color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n    padding: 40px;\\n    background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n      border: 1px solid var(--grayscale-20);\\n      border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n        width: 140px;\\n        padding: 10px;\\n        text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n        padding: 30px;\\n        width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: bold;\\n        font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n    background: var(--color-primary-warning-text-background);\\n    color: var(--color-primary-warning-text);\\n    font-size: 13px;\\n    font-weight: 400;\\n    padding: 4px 12px;\\n    display: flex;\\n    align-items: center;\\n    gap: 4px;\\n    border-radius: var(--radius-five);\\n    min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n    background: var(--grayscale-0);\\n    margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n      justify-content: flex-start;\\n      padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n    position: relative;\\n    padding: 0px;\\n    background: var(--grayscale-0);\\n    padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n      padding-top: 20px;\\n      padding-left: 20px;\\n      padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n      right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n    width: 100%;\\n    overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n      width: 100%;\\n      min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[data-v-302011ee] {\\n  padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n    position: relative;\\n    display: table;\\n    width: 100%;\\n    border: 1px solid var(--color-primary-tint-second);\\n    margin-bottom: 10px;\\n    border-radius: var(--radius-first);\\n    background-color: var(--grayscale-0);\\n    cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n      padding: 10px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n      display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n        display: table-row-group;\\n        background-color: var(--color-primary-tint);\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n            position: sticky;\\n            top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n        border-bottom: 1px solid var(--color-primary-tint-second);\\n        font-size: 12px;\\n        font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n        display: table-cell;\\n        box-sizing: border-box;\\n        vertical-align: middle;\\n        color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n          min-width: 350px;\\n          white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n          min-width: 55px;\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n          display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n          display: inline-block;\\n          padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n            min-width: 25px;\\n            font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n            padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n      background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n        display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n      display: table-row;\\n      position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n        background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n        visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n      position: absolute;\\n      top: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\n        right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n      display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee]  .form-control-label,\\n  .customer-detail[data-v-302011ee]  .data-types .fund-commission.comission-container {\\n    font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n    position: relative;\\n    margin-top: 25px;\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: flex-end;\\n      align-items: flex-end;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n      margin-bottom: 20px;\\n      position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n        position: relative;\\n        justify-content: left;\\n        text-align: left;\\n        padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n        font-size: 12px;\\n        margin-top: 20px;\\n        font-weight: bold;\\n        color: var(--grayscale-180);\\n        position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n        max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n        right: auto;\\n        left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    padding-bottom: 0;\\n    padding-top: 0;\\n    background: var(--grayscale-0);\\n    margin-top: 20px;\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n    height: 55px;\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n        flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n      font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n      cursor: pointer;\\n      flex: 0.33;\\n      height: 53px;\\n      text-align: center;\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      border-bottom: 2px solid transparent;\\n      max-width: 200px;\\n      width: 100%;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n      border-bottom: 2px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n        font-weight: bold;\\n        color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n    padding: 40px;\\n    background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n      border: 1px solid var(--grayscale-20);\\n      border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n        width: 140px;\\n        padding: 10px;\\n        text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n        padding: 30px;\\n        width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: bold;\\n        font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n    background: var(--color-primary-warning-text-background);\\n    color: var(--color-primary-warning-text);\\n    font-size: 13px;\\n    font-weight: 400;\\n    padding: 4px 12px;\\n    display: flex;\\n    align-items: center;\\n    gap: 4px;\\n    border-radius: var(--radius-five);\\n    min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n    background: var(--grayscale-0);\\n    margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n      justify-content: flex-start;\\n      padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n    position: relative;\\n    padding: 0px;\\n    background: var(--grayscale-0);\\n    padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n      padding-top: 20px;\\n      padding-left: 20px;\\n      padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n      right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n    width: 100%;\\n    overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n      width: 100%;\\n      min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.js

@@ -1728,7 +1728,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 _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultDistrubitionID: null,\n      cusId: null,\n      showSelectbox: false,\n      currentDate: new Date(),\n      startDateSelection: -1,\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\", \"getUserInfo\", \"getOverallLimit\", \"customerBefore\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    isUserRegisteredBeforeTwentieth() {\n      var _this$customerBefore$;\n\n      const accountOpeningDate = (_this$customerBefore$ = this.customerBefore.customers[0]) === null || _this$customerBefore$ === void 0 ? void 0 : _this$customerBefore$.accountOpeningDate;\n\n      if (!accountOpeningDate || isNaN(Date.parse(accountOpeningDate))) {\n        return false;\n      }\n\n      const registrationDate = this.parseDate(accountOpeningDate);\n\n      if (registrationDate.getFullYear() === this.currentDate.getFullYear() && registrationDate.getMonth() === this.currentDate.getMonth() && registrationDate.getDate() >= 20 && this.getMemberType == 3) {\n        return true;\n      }\n\n      return false;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      this.isHighlighted = false;\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([this.dataItem.applicationId, this.dataItem.platform.id, e.target.value, this.cusId]).then(data => {\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.defaultDistrubitionID = null;\n            this.isPerspectiveShow = true;\n            this.loadDistributionSelect();\n            this.fillData(dataValue, this.perspectiveData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect() {\n      this.getDistribution([this.dataItem.applicationId, this.dataItem.platform.id, this.selectedMarketID, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.packageFeatureSelected.vendorFeature = this.distributionData[0];\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultDistrubitionID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.platformInfo;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    parseDate(dateString) {\n      const [day, month, year, time] = dateString.split(/\\/|\\s/);\n      const [hours, minutes, seconds] = time.split(\":\");\n      return new Date(`${year}-${month}-${day}T${hours}:${minutes}:${seconds}`);\n    },\n\n    checkSelectedData() {\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n  },\n\n  watch: {\n    customerBefore(val) {\n      if (val && !val.error) {\n        const overall = parseInt(val.customers[0].overall);\n\n        if (overall >= this.getOverallLimit.overallLimit && this.isUserRegisteredBeforeTwentieth && this.currentDate.getDate() <= 20 && this.item.marketId == 3 && (this.item.applicationId == 3 || this.item.applicationId == 2)) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        } else if (overall >= this.getOverallLimit.overallLimit && !this.isUserRegisteredBeforeTwentieth && this.currentDate.getDate() >= 20 && this.item.marketId == 3 && (this.item.applicationId == 3 || this.item.applicationId == 2)) {\n          this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultDistrubitionID: null,\n      cusId: null,\n      showSelectbox: false,\n      currentDate: new Date(),\n      startDateSelection: -1,\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\", \"getUserInfo\", \"getOverallLimit\", \"customerBefore\", \"allPackages\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    isUserRegisteredBeforeTwentieth() {\n      var _this$customerBefore$;\n\n      const accountOpeningDate = (_this$customerBefore$ = this.customerBefore.customers[0]) === null || _this$customerBefore$ === void 0 ? void 0 : _this$customerBefore$.accountOpeningDate;\n      const registrationDate = this.parseDate(accountOpeningDate);\n\n      if (registrationDate.getFullYear() === this.currentDate.getFullYear() && registrationDate.getMonth() === this.currentDate.getMonth() && registrationDate.getDate() >= 20) {\n        return true;\n      }\n\n      return false;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      this.isHighlighted = false;\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([this.dataItem.applicationId, this.dataItem.platform.id, e.target.value, this.cusId]).then(data => {\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.defaultDistrubitionID = null;\n            this.isPerspectiveShow = true;\n            this.loadDistributionSelect();\n            this.fillData(dataValue, this.perspectiveData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect() {\n      this.getDistribution([this.dataItem.applicationId, this.dataItem.platform.id, this.selectedMarketID, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.packageFeatureSelected.vendorFeature = this.distributionData[0];\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultDistrubitionID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.platformInfo;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    parseDate(dateString) {\n      const [day, month, year, time] = dateString.split(/\\/|\\s/);\n      const [hours, minutes, seconds] = time.split(\":\");\n      return new Date(`${year}-${month}-${day}T${hours}:${minutes}:${seconds}`);\n    },\n\n    checkSelectedData() {\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n  },\n\n  watch: {\n    customerBefore(val) {\n      if (val && !val.error && this.getMemberType == 3) {\n        const overall = parseInt(val.customers[0].overall);\n\n        if (!this.allPackages.data.length && // önceden hiç lisans alınmamışsa, true\n        this.currentDate.getDate() < 20 && ( // bugün bulunduğu ayın 20'sinden den küçük mü , true\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.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          this.startDateSelection = 0;\n        } //CANLI PİYASA\n\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall >= this.getOverallLimit.overallLimit && // overall limiti tutuyor mu , evet\n        this.item.marketId == 3 && ( // canlı piyasa\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        }\n\n        if (this.currentDate.getDate() < 20 && // evet\n        this.isUserRegisteredBeforeTwentieth && // eski kullanıcı mı? evet\n        overall >= this.getOverallLimit.overallLimit && ( // overall limiti tutuyor mu , hayır\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        }\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall <= this.getOverallLimit.overallLimit && // overall limiti tutuyor mu , OVERALL 0\n        this.item.marketId == 3 && ( // canlı piyasa\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        !this.isUserRegisteredBeforeTwentieth && ( // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall <= this.getOverallLimit.overallLimit || overall >= this.getOverallLimit.overallLimit) && ( // overall limiti tutuyor mu , OVERALL 0\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        } //HİSSE VİOP DİĞERLERİ\n\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        this.item.marketId != 3 && ( // canlı piyasa DEĞİL\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.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");
 
 /***/ }),
 
@@ -3681,7 +3681,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 21.5px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 14px;\\n      font-weight: 400;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 20px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 15.5px;\\n      font-weight: 300;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n      color: var(--color-primary-gray-metallic);\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3901,7 +3901,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[data-v-302011ee] {\\n  padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n    position: relative;\\n    display: table;\\n    width: 100%;\\n    border: 1px solid var(--color-primary-tint-second);\\n    margin-bottom: 10px;\\n    border-radius: var(--radius-first);\\n    background-color: var(--grayscale-0);\\n    cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n      padding: 10px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n      display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n        display: table-row-group;\\n        background-color: var(--color-primary-tint);\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n            position: sticky;\\n            top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n        border-bottom: 1px solid var(--color-primary-tint-second);\\n        font-size: 12px;\\n        font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n        display: table-cell;\\n        box-sizing: border-box;\\n        vertical-align: middle;\\n        color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n          min-width: 350px;\\n          white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n          min-width: 55px;\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n          display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n          display: inline-block;\\n          padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n            min-width: 25px;\\n            font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n            padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n      background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n        display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n      display: table-row;\\n      position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n        background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n        visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n      position: absolute;\\n      top: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\n        right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n      display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee]  .form-control-label,\\n  .customer-detail[data-v-302011ee]  .data-types .fund-commission.comission-container {\\n    font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n    position: relative;\\n    margin-top: 25px;\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: flex-end;\\n      align-items: flex-end;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n      margin-bottom: 20px;\\n      position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n        position: relative;\\n        justify-content: left;\\n        text-align: left;\\n        padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n        font-size: 12px;\\n        margin-top: 20px;\\n        font-weight: bold;\\n        color: var(--grayscale-180);\\n        position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n        max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n        right: auto;\\n        left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    padding-bottom: 0;\\n    padding-top: 0;\\n    background: var(--grayscale-0);\\n    margin-top: 20px;\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n        flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n      font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n      padding: 5px;\\n      cursor: pointer;\\n      flex: 0.33;\\n      height: 40px;\\n      text-align: center;\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      border-bottom: 2px solid transparent;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n      border-bottom: 2px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n        font-weight: bold;\\n        color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n    padding: 40px;\\n    background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n      border: 1px solid var(--grayscale-20);\\n      border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n        width: 140px;\\n        padding: 10px;\\n        text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n        padding: 30px;\\n        width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: bold;\\n        font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n    background: var(--color-primary-warning-text-background);\\n    color: var(--color-primary-warning-text);\\n    font-size: 13px;\\n    font-weight: 400;\\n    padding: 4px 12px;\\n    display: flex;\\n    align-items: center;\\n    gap: 4px;\\n    border-radius: var(--radius-five);\\n    min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n    background: var(--grayscale-0);\\n    margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n      justify-content: flex-start;\\n      padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n    position: relative;\\n    padding: 0px;\\n    background: var(--grayscale-0);\\n    padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n      padding-top: 20px;\\n      padding-left: 20px;\\n      padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n      right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n    width: 100%;\\n    overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n      width: 100%;\\n      min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[data-v-302011ee] {\\n  padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n    position: relative;\\n    display: table;\\n    width: 100%;\\n    border: 1px solid var(--color-primary-tint-second);\\n    margin-bottom: 10px;\\n    border-radius: var(--radius-first);\\n    background-color: var(--grayscale-0);\\n    cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n      padding: 10px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n      display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n        display: table-row-group;\\n        background-color: var(--color-primary-tint);\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n            position: sticky;\\n            top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n        border-bottom: 1px solid var(--color-primary-tint-second);\\n        font-size: 12px;\\n        font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n        display: table-cell;\\n        box-sizing: border-box;\\n        vertical-align: middle;\\n        color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n          min-width: 350px;\\n          white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n          min-width: 55px;\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n          display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n          display: inline-block;\\n          padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n            min-width: 25px;\\n            font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n            padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n      background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n        display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n      display: table-row;\\n      position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n        background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n        visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n      position: absolute;\\n      top: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\n        right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n      display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee]  .form-control-label,\\n  .customer-detail[data-v-302011ee]  .data-types .fund-commission.comission-container {\\n    font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n    position: relative;\\n    margin-top: 25px;\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: flex-end;\\n      align-items: flex-end;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n      margin-bottom: 20px;\\n      position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n        position: relative;\\n        justify-content: left;\\n        text-align: left;\\n        padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n        font-size: 12px;\\n        margin-top: 20px;\\n        font-weight: bold;\\n        color: var(--grayscale-180);\\n        position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n        max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n        right: auto;\\n        left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    padding-bottom: 0;\\n    padding-top: 0;\\n    background: var(--grayscale-0);\\n    margin-top: 20px;\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n    height: 55px;\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n        flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n      font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n      cursor: pointer;\\n      flex: 0.33;\\n      height: 53px;\\n      text-align: center;\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      border-bottom: 2px solid transparent;\\n      max-width: 200px;\\n      width: 100%;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n      border-bottom: 2px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n        font-weight: bold;\\n        color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n    padding: 40px;\\n    background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n      border: 1px solid var(--grayscale-20);\\n      border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n        width: 140px;\\n        padding: 10px;\\n        text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n        padding: 30px;\\n        width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: bold;\\n        font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n    background: var(--color-primary-warning-text-background);\\n    color: var(--color-primary-warning-text);\\n    font-size: 13px;\\n    font-weight: 400;\\n    padding: 4px 12px;\\n    display: flex;\\n    align-items: center;\\n    gap: 4px;\\n    border-radius: var(--radius-five);\\n    min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n    background: var(--grayscale-0);\\n    margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n      justify-content: flex-start;\\n      padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n    position: relative;\\n    padding: 0px;\\n    background: var(--grayscale-0);\\n    padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n      padding-top: 20px;\\n      padding-left: 20px;\\n      padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n      right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n    width: 100%;\\n    overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n      width: 100%;\\n      min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/dist/OsmanliPackage.umd.min.js

@@ -1728,7 +1728,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 _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultDistrubitionID: null,\n      cusId: null,\n      showSelectbox: false,\n      currentDate: new Date(),\n      startDateSelection: -1,\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\", \"getUserInfo\", \"getOverallLimit\", \"customerBefore\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    isUserRegisteredBeforeTwentieth() {\n      var _this$customerBefore$;\n\n      const accountOpeningDate = (_this$customerBefore$ = this.customerBefore.customers[0]) === null || _this$customerBefore$ === void 0 ? void 0 : _this$customerBefore$.accountOpeningDate;\n\n      if (!accountOpeningDate || isNaN(Date.parse(accountOpeningDate))) {\n        return false;\n      }\n\n      const registrationDate = this.parseDate(accountOpeningDate);\n\n      if (registrationDate.getFullYear() === this.currentDate.getFullYear() && registrationDate.getMonth() === this.currentDate.getMonth() && registrationDate.getDate() >= 20 && this.getMemberType == 3) {\n        return true;\n      }\n\n      return false;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      this.isHighlighted = false;\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([this.dataItem.applicationId, this.dataItem.platform.id, e.target.value, this.cusId]).then(data => {\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.defaultDistrubitionID = null;\n            this.isPerspectiveShow = true;\n            this.loadDistributionSelect();\n            this.fillData(dataValue, this.perspectiveData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect() {\n      this.getDistribution([this.dataItem.applicationId, this.dataItem.platform.id, this.selectedMarketID, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.packageFeatureSelected.vendorFeature = this.distributionData[0];\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultDistrubitionID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.platformInfo;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    parseDate(dateString) {\n      const [day, month, year, time] = dateString.split(/\\/|\\s/);\n      const [hours, minutes, seconds] = time.split(\":\");\n      return new Date(`${year}-${month}-${day}T${hours}:${minutes}:${seconds}`);\n    },\n\n    checkSelectedData() {\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n  },\n\n  watch: {\n    customerBefore(val) {\n      if (val && !val.error) {\n        const overall = parseInt(val.customers[0].overall);\n\n        if (overall >= this.getOverallLimit.overallLimit && this.isUserRegisteredBeforeTwentieth && this.currentDate.getDate() <= 20 && this.item.marketId == 3 && (this.item.applicationId == 3 || this.item.applicationId == 2)) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        } else if (overall >= this.getOverallLimit.overallLimit && !this.isUserRegisteredBeforeTwentieth && this.currentDate.getDate() >= 20 && this.item.marketId == 3 && (this.item.applicationId == 3 || this.item.applicationId == 2)) {\n          this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingSelect.vue */ \"./src/components/customer/PackageSettingSelect.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"PackageSettingType\",\n  components: {\n    PackageSettingSelect: _PackageSettingSelect_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"]\n  },\n  props: {\n    dataItem: Object,\n    platformInfo: Object,\n    selectData: Array,\n    item: Object,\n    isResponsive: Boolean\n  },\n\n  data() {\n    return {\n      isHighlighted: false,\n      perspectiveData: [],\n      distributionData: [],\n      packageFeatureSelected: {},\n      isPerspectiveShow: false,\n      isDistributionShow: false,\n      uuid: new Date().getTime(),\n      selectedMarketID: null,\n      defaultPerspectiveID: null,\n      defaultDistrubitionID: null,\n      cusId: null,\n      showSelectbox: false,\n      currentDate: new Date(),\n      startDateSelection: -1,\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }]\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPerspectiveInfo\", \"getDistributionInfo\", \"getUserInfo\", \"getOverallLimit\", \"customerBefore\", \"allPackages\"]),\n\n    itemParse() {\n      return JSON.stringify(this.item);\n    },\n\n    getMemberType() {\n      return this.getUserInfo.memberType;\n    },\n\n    isUserRegisteredBeforeTwentieth() {\n      var _this$customerBefore$;\n\n      const accountOpeningDate = (_this$customerBefore$ = this.customerBefore.customers[0]) === null || _this$customerBefore$ === void 0 ? void 0 : _this$customerBefore$.accountOpeningDate;\n      const registrationDate = this.parseDate(accountOpeningDate);\n\n      if (registrationDate.getFullYear() === this.currentDate.getFullYear() && registrationDate.getMonth() === this.currentDate.getMonth() && registrationDate.getDate() >= 20) {\n        return true;\n      }\n\n      return false;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPerspective\", \"getDistribution\"]),\n\n    loadPerspectiveSelect(e) {\n      const dataValue = JSON.parse(e.target.getAttribute(\"data-value\"));\n      this.isHighlighted = false;\n      if (this.isPerspectiveShow) this.isPerspectiveShow = false;\n      if (this.isDistributionShow) this.isDistributionShow = false;\n\n      if (e.target.checked) {\n        this.isHighlighted = true;\n        this.showSelectbox = true;\n        this.getPerspective([this.dataItem.applicationId, this.dataItem.platform.id, e.target.value, this.cusId]).then(data => {\n          if (this.getPerspectiveInfo.length > 0) {\n            this.perspectiveData = data;\n            this.selectedMarketID = e.target.value;\n            this.defaultPerspectiveID = null;\n            this.defaultDistrubitionID = null;\n            this.isPerspectiveShow = true;\n            this.loadDistributionSelect();\n            this.fillData(dataValue, this.perspectiveData[0]);\n            this.checkSelectedData();\n          } else {\n            this.fillData(dataValue, null);\n            this.checkSelectedData();\n          }\n        });\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", true);\n        }\n      } else {\n        this.showSelectbox = false;\n\n        if (dataValue.name === \"Hisse + VİOP\") {\n          this.$emit(\"showSpesificWarning\", false);\n        }\n\n        this.$emit(\"update\", this.selectData.filter(item => {\n          var _item$marketFeature;\n\n          return (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) !== dataValue.id;\n        }));\n      }\n    },\n\n    loadDistributionSelect() {\n      this.getDistribution([this.dataItem.applicationId, this.dataItem.platform.id, this.selectedMarketID, this.cusId]).then(data => {\n        if (this.getDistributionInfo.length > 0) {\n          this.distributionData = data;\n          this.isDistributionShow = true;\n          this.packageFeatureSelected.vendorFeature = this.distributionData[0];\n        }\n      });\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n      this.packageFeatureSelected.dateSelection = value.code;\n      this.checkSelectedData();\n    },\n\n    changePerspective(value) {\n      this.uuid = new Date().getTime();\n      this.packageFeatureSelected.perspectiveFeature = value;\n      this.checkSelectedData();\n    },\n\n    changeDistribution(value) {\n      this.packageFeatureSelected.vendorFeature = value;\n      this.defaultDistrubitionID = value.id;\n      this.checkSelectedData();\n    },\n\n    fillData(marketFeature, perspectiveFeature, vendorFeature = {}) {\n      this.packageFeatureSelected.packageId = this.dataItem.id;\n      this.packageFeatureSelected.marketFeature = marketFeature;\n      this.packageFeatureSelected.platformFeature = this.platformInfo;\n      this.packageFeatureSelected.perspectiveFeature = perspectiveFeature;\n      this.packageFeatureSelected.vendorFeature = vendorFeature;\n      this.packageFeatureSelected.dateSelection = this.startDateSelection;\n    },\n\n    parseDate(dateString) {\n      const [day, month, year, time] = dateString.split(/\\/|\\s/);\n      const [hours, minutes, seconds] = time.split(\":\");\n      return new Date(`${year}-${month}-${day}T${hours}:${minutes}:${seconds}`);\n    },\n\n    checkSelectedData() {\n      const findData = this.selectData.find(item => {\n        var _item$marketFeature2;\n\n        return (item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.id) === this.packageFeatureSelected.marketFeature.id;\n      });\n\n      if (findData) {\n        const newData = { ...findData,\n          ...this.packageFeatureSelected\n        };\n        const lastData = this.selectData.map(item => {\n          if (item.marketFeature.id === newData.marketFeature.id) {\n            return newData;\n          }\n\n          return item;\n        });\n        this.$emit(\"update\", lastData);\n      } else {\n        this.selectData.push(this.packageFeatureSelected);\n        this.$emit(\"update\", this.selectData);\n      }\n    }\n\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n  },\n\n  watch: {\n    customerBefore(val) {\n      if (val && !val.error && this.getMemberType == 3) {\n        const overall = parseInt(val.customers[0].overall);\n\n        if (!this.allPackages.data.length && // önceden hiç lisans alınmamışsa, true\n        this.currentDate.getDate() < 20 && ( // bugün bulunduğu ayın 20'sinden den küçük mü , true\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.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          this.startDateSelection = 0;\n        } //CANLI PİYASA\n\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall >= this.getOverallLimit.overallLimit && // overall limiti tutuyor mu , evet\n        this.item.marketId == 3 && ( // canlı piyasa\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        }\n\n        if (this.currentDate.getDate() < 20 && // evet\n        this.isUserRegisteredBeforeTwentieth && // eski kullanıcı mı? evet\n        overall >= this.getOverallLimit.overallLimit && ( // overall limiti tutuyor mu , hayır\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = [{\n            label: \"Hemen\",\n            code: 0\n          }];\n          this.startDateSelection = 0;\n        }\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall <= this.getOverallLimit.overallLimit && // overall limiti tutuyor mu , OVERALL 0\n        this.item.marketId == 3 && ( // canlı piyasa\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        !this.isUserRegisteredBeforeTwentieth && ( // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        overall <= this.getOverallLimit.overallLimit || overall >= this.getOverallLimit.overallLimit) && ( // overall limiti tutuyor mu , OVERALL 0\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        } //HİSSE VİOP DİĞERLERİ\n\n\n        if (this.currentDate.getDate() >= 20 && // bugün 20'sine eşit veya büyük mü, evet 25'i\n        this.isUserRegisteredBeforeTwentieth && // ayın 20'sinde ve ya SONRA mı kayıt olmuş , evet aynı ay ve yıl 21'i\n        this.item.marketId != 3 && ( // canlı piyasa DEĞİL\n        this.item.applicationId == 3 || this.item.applicationId == 2) // OSM ürünü\n        ) {\n          this.startDate = this.startDate = [{\n            label: \"Ay Başında\",\n            code: 1\n          }];\n          this.startDateSelection = 1;\n        }\n      }\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettingCreateType.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");
 
 /***/ }),
 
@@ -3681,7 +3681,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 21.5px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 14px;\\n      font-weight: 400;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".comission-container[data-v-56c7f3be] {\\n  background: #fff;\\n}\\n@media (max-width: 1400px) {\\n.comission-container.fund-commission[data-v-56c7f3be] {\\n      margin-bottom: 0;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container.fund-commission .container-title[data-v-56c7f3be] {\\n      margin-bottom: 20px;\\n}\\n}\\n.comission-container-title[data-v-56c7f3be] {\\n    padding-top: 20px;\\n    padding-bottom: 20px;\\n}\\n.comission-container-title h6[data-v-56c7f3be] {\\n      font-size: 16px;\\n      font-style: normal;\\n      font-weight: 500;\\n      line-height: 24px;\\n      color: var(--color-primary-black-metallic);\\n}\\n.comission-container-title h6 .tooltiptext[data-v-56c7f3be] {\\n        line-height: normal;\\n}\\n@media (max-width: 768px) {\\n.comission-container-title h6[data-v-56c7f3be] {\\n          text-align: center;\\n}\\n}\\n.comission-container-title .period[data-v-56c7f3be] {\\n      color: var(--grayscale-60);\\n      font-weight: normal;\\n}\\n.comission-container-charts[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    flex-wrap: wrap;\\n    gap: 22px;\\n    justify-content: flex-start;\\n    text-align: center;\\n    margin-bottom: 20px;\\n}\\n@media screen and (max-width: 1145px) {\\n.comission-container-charts[data-v-56c7f3be] {\\n        justify-content: center;\\n}\\n}\\n.comission-container-info-row[data-v-56c7f3be] {\\n    color: var(--color-primary-black-metallic);\\n    padding-top: 20px;\\n    display: flex;\\n    flex-direction: column;\\n}\\n.comission-container-info-row h3[data-v-56c7f3be] {\\n      font-size: 16px;\\n      margin-bottom: 13px;\\n}\\n.comission-container-info-row p[data-v-56c7f3be] {\\n      font-size: 15.5px;\\n      font-weight: 300;\\n      margin-bottom: 20px;\\n      line-height: 24px;\\n      color: var(--color-primary-gray-metallic);\\n}\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n      width: 55px;\\n      filter: invert(45%) sepia(12%) saturate(1419%) hue-rotate(125deg) brightness(95%) contrast(87%);\\n}\\n@media (max-width: 992px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 105px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info-row svg[data-v-56c7f3be] {\\n          width: 205px;\\n}\\n}\\n.comission-container-info[data-v-56c7f3be] {\\n    display: flex;\\n    align-items: center;\\n    color: var(--color-primary-default);\\n}\\n.comission-container-info p[data-v-56c7f3be] {\\n      font-size: 13px;\\n}\\n.comission-container-info__check[data-v-56c7f3be] {\\n      margin-right: 5px;\\n}\\n@media (max-width: 768px) {\\n.comission-container-info__check[data-v-56c7f3be] {\\n          width: 55px;\\n}\\n}\\n@media (max-width: 475px) {\\n.comission-container-info[data-v-56c7f3be] {\\n        margin-top: 20px;\\n}\\n}\\n.comission-container-default[data-v-56c7f3be] {\\n    color: #e53935;\\n}\\n.comission-container-default.danger[data-v-56c7f3be] {\\n      background: rgba(229, 57, 53, 0.1);\\n      padding: 12px 20px;\\n      display: flex;\\n}\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: 400;\\n        font-size: 14px;\\n}\\n@media (max-width: 375px) {\\n.comission-container-default.danger p[data-v-56c7f3be] {\\n            justify-content: center;\\n            text-align: center;\\n}\\n}\\n.comission-container-bes-cr-warning[data-v-56c7f3be] {\\n  position: relative;\\n  top: 6px;\\n}\\n.comission-container-bes-cr-warning .tag[data-v-56c7f3be] {\\n    margin-right: 10px;\\n    border-radius: var(--radius-third);\\n    align-items: center;\\n    text-align: center;\\n    max-width: 110px;\\n    display: inline-flex !important;\\n}\\n@media (max-width: 768px) {\\n.comission-container-bes-cr-warning .tag .tooltiptext[data-v-56c7f3be] {\\n        left: 50%;\\n        transform: translateX(-100%);\\n        line-height: normal;\\n}\\n}\\n.comission-container-bes-cr-warning .tag .tooltiptext .texts[data-v-56c7f3be] {\\n      font-size: 12px;\\n      font-weight: normal;\\n}\\n.comission-container-bes-cr-warning .tag .text[data-v-56c7f3be] {\\n      font-size: 12px;\\n      text-overflow: ellipsis;\\n      display: flex;\\n      align-items: center;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/FundCommissionRate.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 
@@ -3901,7 +3901,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[data-v-302011ee] {\\n  padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n    position: relative;\\n    display: table;\\n    width: 100%;\\n    border: 1px solid var(--color-primary-tint-second);\\n    margin-bottom: 10px;\\n    border-radius: var(--radius-first);\\n    background-color: var(--grayscale-0);\\n    cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n      padding: 10px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n      display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n        display: table-row-group;\\n        background-color: var(--color-primary-tint);\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n            position: sticky;\\n            top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n        border-bottom: 1px solid var(--color-primary-tint-second);\\n        font-size: 12px;\\n        font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n        display: table-cell;\\n        box-sizing: border-box;\\n        vertical-align: middle;\\n        color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n          min-width: 350px;\\n          white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n          min-width: 55px;\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n          display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n          display: inline-block;\\n          padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n            min-width: 25px;\\n            font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n            padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n      background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n        display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n      display: table-row;\\n      position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n        background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n        visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n      position: absolute;\\n      top: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\n        right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n      display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee]  .form-control-label,\\n  .customer-detail[data-v-302011ee]  .data-types .fund-commission.comission-container {\\n    font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n    position: relative;\\n    margin-top: 25px;\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: flex-end;\\n      align-items: flex-end;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n      margin-bottom: 20px;\\n      position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n        position: relative;\\n        justify-content: left;\\n        text-align: left;\\n        padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n        font-size: 12px;\\n        margin-top: 20px;\\n        font-weight: bold;\\n        color: var(--grayscale-180);\\n        position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n        max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n        right: auto;\\n        left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n    display: flex;\\n    justify-content: space-between;\\n    align-items: center;\\n    padding-bottom: 0;\\n    padding-top: 0;\\n    background: var(--grayscale-0);\\n    margin-top: 20px;\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n        flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n      font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n      padding: 5px;\\n      cursor: pointer;\\n      flex: 0.33;\\n      height: 40px;\\n      text-align: center;\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      border-bottom: 2px solid transparent;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n      border-bottom: 2px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n        font-weight: bold;\\n        color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n    padding: 40px;\\n    background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n      border: 1px solid var(--grayscale-20);\\n      border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n        width: 140px;\\n        padding: 10px;\\n        text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n        padding: 30px;\\n        width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: bold;\\n        font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n    background: var(--color-primary-warning-text-background);\\n    color: var(--color-primary-warning-text);\\n    font-size: 13px;\\n    font-weight: 400;\\n    padding: 4px 12px;\\n    display: flex;\\n    align-items: center;\\n    gap: 4px;\\n    border-radius: var(--radius-five);\\n    min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n    background: var(--grayscale-0);\\n    margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n      justify-content: flex-start;\\n      padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n    position: relative;\\n    padding: 0px;\\n    background: var(--grayscale-0);\\n    padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n      padding-top: 20px;\\n      padding-left: 20px;\\n      padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n      right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n    width: 100%;\\n    overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n      width: 100%;\\n      min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".customer-detail[data-v-302011ee] {\\n  padding: 0px 20px;\\n}\\n.customer-detail .screen-prices[data-v-302011ee] {\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .accordion-wrapper[data-v-302011ee] {\\n    position: relative;\\n    display: table;\\n    width: 100%;\\n    border: 1px solid var(--color-primary-tint-second);\\n    margin-bottom: 10px;\\n    border-radius: var(--radius-first);\\n    background-color: var(--grayscale-0);\\n    cursor: pointer;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee], .customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n      padding: 10px 20px;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee] {\\n      display: table-row;\\n}\\n.customer-detail .accordion-wrapper__row[data-v-302011ee]:nth-child(2n) {\\n        background: var(--color-primary-zebra);\\n}\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n        display: table-row-group;\\n        background-color: var(--color-primary-tint);\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: normal;\\n}\\n@media screen and (max-width: 768px) {\\n.customer-detail .accordion-wrapper__row.caption[data-v-302011ee] {\\n            position: sticky;\\n            top: 0px;\\n}\\n}\\n.customer-detail .accordion-wrapper__row:not(.caption) .accordion-wrapper__row__cell[data-v-302011ee] {\\n        border-bottom: 1px solid var(--color-primary-tint-second);\\n        font-size: 12px;\\n        font-weight: 500;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee] {\\n        display: table-cell;\\n        box-sizing: border-box;\\n        vertical-align: middle;\\n        color: var(--color-primary-black-metallic);\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:first-child {\\n          min-width: 350px;\\n          white-space: nowrap;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(2) {\\n          min-width: 55px;\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(3), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4), .customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(5) {\\n          text-align: right;\\n}\\n.customer-detail .accordion-wrapper__row__cell[data-v-302011ee]:last-child {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper__row__cell.hidden[data-v-302011ee] {\\n          display: none;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee] {\\n          display: inline-block;\\n          padding-right: 10px;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts.index[data-v-302011ee] {\\n            min-width: 25px;\\n            font-weight: 700;\\n}\\n.customer-detail .accordion-wrapper__row__cell .inner-texts[data-v-302011ee]:last-child {\\n            padding-right: 0px;\\n}\\n.customer-detail .accordion-wrapper.active[data-v-302011ee] {\\n      background: transparent;\\n}\\n.customer-detail .accordion-wrapper.active .accordion-content[data-v-302011ee] {\\n        display: table-row-group;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper[data-v-302011ee] {\\n      display: table-row;\\n      position: relative;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper.active .hidden[data-v-302011ee] {\\n        background-color: var(--color-primary-tint);\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee] {\\n        visibility: visible;\\n}\\n.customer-detail .accordion-wrapper .accordion-title-wrapper .accordion-wrapper__row__cell[data-v-302011ee]:nth-child(4) {\\n          padding-right: 50px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon[data-v-302011ee] {\\n      position: absolute;\\n      top: 5px;\\n      transform: rotate(180deg);\\n      right: 10px;\\n}\\n.customer-detail .accordion-wrapper .collapse-icon.active[data-v-302011ee] {\\n        transform: rotate(0deg);\\n        right: 10px;\\n}\\n.customer-detail .accordion-wrapper .accordion-content[data-v-302011ee] {\\n      display: table-row-group;\\n}\\n.customer-detail[data-v-302011ee]  .form-control-label,\\n  .customer-detail[data-v-302011ee]  .data-types .fund-commission.comission-container {\\n    font-weight: bold;\\n}\\n.customer-detail .data-requests[data-v-302011ee] {\\n    position: relative;\\n    margin-top: 25px;\\n    padding: 20px;\\n    background: var(--grayscale-0);\\n}\\n.customer-detail .data-requests__title-wrapper[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: flex-end;\\n      align-items: flex-end;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .data-requests .data-requests-timer[data-v-302011ee] {\\n      margin-bottom: 20px;\\n      position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .info-row .infoArea[data-v-302011ee] {\\n        position: relative;\\n        justify-content: left;\\n        text-align: left;\\n        padding: 12px;\\n}\\n.customer-detail .data-requests .data-requests-timer .timer-status[data-v-302011ee] {\\n        font-size: 12px;\\n        margin-top: 20px;\\n        font-weight: bold;\\n        color: var(--grayscale-180);\\n        position: relative;\\n}\\n.customer-detail .data-requests .data-requests-timer .base-button[data-v-302011ee] {\\n        max-width: 300px;\\n}\\n.customer-detail .data-requests .data-requests-timer .loader-icon[data-v-302011ee] {\\n        right: auto;\\n        left: 0px;\\n}\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n    display: flex;\\n    justify-content: flex-start;\\n    align-items: center;\\n    padding-bottom: 0;\\n    padding-top: 0;\\n    background: var(--grayscale-0);\\n    margin-top: 20px;\\n    border-bottom: 1px solid var(--color-primary-tint-second);\\n    height: 55px;\\n}\\n@media (max-width: 768px) {\\n.customer-detail .tab-layout .tabs[data-v-302011ee] {\\n        flex-direction: column;\\n}\\n}\\n.customer-detail .tab-layout .tabs h6[data-v-302011ee] {\\n      font-weight: 500;\\n}\\n.customer-detail .tab-layout .tabs .tab[data-v-302011ee] {\\n      cursor: pointer;\\n      flex: 0.33;\\n      height: 53px;\\n      text-align: center;\\n      display: flex;\\n      align-items: center;\\n      justify-content: center;\\n      border-bottom: 2px solid transparent;\\n      max-width: 200px;\\n      width: 100%;\\n}\\n.customer-detail .tab-layout .tabs .active[data-v-302011ee] {\\n      border-bottom: 2px solid var(--color-primary-green);\\n}\\n.customer-detail .tab-layout .tabs .active h6[data-v-302011ee] {\\n        font-weight: bold;\\n        color: var(--color-primary-green);\\n}\\n.customer-detail .history-area[data-v-302011ee] {\\n    padding: 40px;\\n    background-color: var(--grayscale-0);\\n}\\n.customer-detail .history-area .top-area[data-v-302011ee] {\\n      display: flex;\\n      flex-wrap: wrap;\\n      justify-content: space-between;\\n      align-items: center;\\n      margin-bottom: 20px;\\n}\\n.customer-detail .history-area .table-area[data-v-302011ee] {\\n      border: 1px solid var(--grayscale-20);\\n      border-radius: var(--radius-second);\\n}\\n.customer-detail .history-area .table-area .left[data-v-302011ee] {\\n        width: 140px;\\n        padding: 10px;\\n        text-align: center;\\n}\\n.customer-detail .history-area .table-area .right[data-v-302011ee] {\\n        padding: 30px;\\n        width: 100%;\\n}\\n.customer-detail .history-area .table-area .main-title-area[data-v-302011ee] {\\n        display: flex;\\n        align-items: center;\\n        font-weight: bold;\\n        font-size: 14px;\\n}\\n.customer-detail .invoice-area .warning-texts[data-v-302011ee] {\\n    background: var(--color-primary-warning-text-background);\\n    color: var(--color-primary-warning-text);\\n    font-size: 13px;\\n    font-weight: 400;\\n    padding: 4px 12px;\\n    display: flex;\\n    align-items: center;\\n    gap: 4px;\\n    border-radius: var(--radius-five);\\n    min-height: 54px;\\n}\\n.customer-detail .invoice-area .top-area[data-v-302011ee] {\\n    background: var(--grayscale-0);\\n    margin-bottom: 20px;\\n}\\n.customer-detail .invoice-area .top-area .filter[data-v-302011ee] {\\n      justify-content: flex-start;\\n      padding: 20px 0px;\\n}\\n.customer-detail .invoice-area .table-area[data-v-302011ee] {\\n    position: relative;\\n    padding: 0px;\\n    background: var(--grayscale-0);\\n    padding-bottom: 20px;\\n}\\n.customer-detail .invoice-area .table-area .warning-area[data-v-302011ee] {\\n      padding-top: 20px;\\n      padding-left: 20px;\\n      padding-right: 20px;\\n}\\n.customer-detail .invoice-area .table-area .loader-icon[data-v-302011ee] {\\n      right: auto;\\n}\\n.customer-detail .history-table-container[data-v-302011ee] {\\n    width: 100%;\\n    overflow-y: auto;\\n}\\n.customer-detail .history-table-container .history-table[data-v-302011ee] {\\n      width: 100%;\\n      min-width: 520px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/CustomerDetail.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 
 /***/ }),
 

package/package.json

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