npm - osmanli-veri-dagitim - Versions diffs - 2.0.0 → 2.0.3 - Mend

osmanli-veri-dagitim 2.0.0 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/OsmanliPackage.common.js +9 -9
package/dist/OsmanliPackage.umd.js +9 -9
package/dist/OsmanliPackage.umd.min.js +9 -9
package/package.json +1 -1

package/dist/OsmanliPackage.common.js CHANGED Viewed

@@ -1287,7 +1287,7 @@ eval("\n\nvar bind = __webpack_require__(/*! ./helpers/bind */ \"./node_modules/
 /*! exports provided: _from, _id, _inBundle, _integrity, _location, _phantomChildren, _requested, _requiredBy, _resolved, _shasum, _spec, _where, author, browser, bugs, bundleDependencies, bundlesize, dependencies, deprecated, description, devDependencies, homepage, jsdelivr, keywords, license, main, name, repository, scripts, typings, unpkg, version, default */
 /***/ (function(module) {
-eval("module.exports = JSON.parse(\"{\\\"_from\\\":\\\"axios@^0.21.1\\\",\\\"_id\\\":\\\"axios@0.21.4\\\",\\\"_inBundle\\\":false,\\\"_integrity\\\":\\\"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==\\\",\\\"_location\\\":\\\"/axios\\\",\\\"_phantomChildren\\\":{},\\\"_requested\\\":{\\\"type\\\":\\\"range\\\",\\\"registry\\\":true,\\\"raw\\\":\\\"axios@^0.21.1\\\",\\\"name\\\":\\\"axios\\\",\\\"escapedName\\\":\\\"axios\\\",\\\"rawSpec\\\":\\\"^0.21.1\\\",\\\"saveSpec\\\":null,\\\"fetchSpec\\\":\\\"^0.21.1\\\"},\\\"_requiredBy\\\":[\\\"/\\\"],\\\"_resolved\\\":\\\"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz\\\",\\\"_shasum\\\":\\\"c67b90dc0568e5c1cf2b0b858c43ba28e2eda575\\\",\\\"_spec\\\":\\\"axios@^0.21.1\\\",\\\"_where\\\":\\\"/Users/serhanerturk/Desktop/mobven-dev/osmanli-veri-dagitim\\\",\\\"author\\\":{\\\"name\\\":\\\"Matt Zabriskie\\\"},\\\"browser\\\":{\\\"./lib/adapters/http.js\\\":\\\"./lib/adapters/xhr.js\\\"},\\\"bugs\\\":{\\\"url\\\":\\\"https://github.com/axios/axios/issues\\\"},\\\"bundleDependencies\\\":false,\\\"bundlesize\\\":[{\\\"path\\\":\\\"./dist/axios.min.js\\\",\\\"threshold\\\":\\\"5kB\\\"}],\\\"dependencies\\\":{\\\"follow-redirects\\\":\\\"^1.14.0\\\"},\\\"deprecated\\\":false,\\\"description\\\":\\\"Promise based HTTP client for the browser and node.js\\\",\\\"devDependencies\\\":{\\\"coveralls\\\":\\\"^3.0.0\\\",\\\"es6-promise\\\":\\\"^4.2.4\\\",\\\"grunt\\\":\\\"^1.3.0\\\",\\\"grunt-banner\\\":\\\"^0.6.0\\\",\\\"grunt-cli\\\":\\\"^1.2.0\\\",\\\"grunt-contrib-clean\\\":\\\"^1.1.0\\\",\\\"grunt-contrib-watch\\\":\\\"^1.0.0\\\",\\\"grunt-eslint\\\":\\\"^23.0.0\\\",\\\"grunt-karma\\\":\\\"^4.0.0\\\",\\\"grunt-mocha-test\\\":\\\"^0.13.3\\\",\\\"grunt-ts\\\":\\\"^6.0.0-beta.19\\\",\\\"grunt-webpack\\\":\\\"^4.0.2\\\",\\\"istanbul-instrumenter-loader\\\":\\\"^1.0.0\\\",\\\"jasmine-core\\\":\\\"^2.4.1\\\",\\\"karma\\\":\\\"^6.3.2\\\",\\\"karma-chrome-launcher\\\":\\\"^3.1.0\\\",\\\"karma-firefox-launcher\\\":\\\"^2.1.0\\\",\\\"karma-jasmine\\\":\\\"^1.1.1\\\",\\\"karma-jasmine-ajax\\\":\\\"^0.1.13\\\",\\\"karma-safari-launcher\\\":\\\"^1.0.0\\\",\\\"karma-sauce-launcher\\\":\\\"^4.3.6\\\",\\\"karma-sinon\\\":\\\"^1.0.5\\\",\\\"karma-sourcemap-loader\\\":\\\"^0.3.8\\\",\\\"karma-webpack\\\":\\\"^4.0.2\\\",\\\"load-grunt-tasks\\\":\\\"^3.5.2\\\",\\\"minimist\\\":\\\"^1.2.0\\\",\\\"mocha\\\":\\\"^8.2.1\\\",\\\"sinon\\\":\\\"^4.5.0\\\",\\\"terser-webpack-plugin\\\":\\\"^4.2.3\\\",\\\"typescript\\\":\\\"^4.0.5\\\",\\\"url-search-params\\\":\\\"^0.10.0\\\",\\\"webpack\\\":\\\"^4.44.2\\\",\\\"webpack-dev-server\\\":\\\"^3.11.0\\\"},\\\"homepage\\\":\\\"https://axios-http.com\\\",\\\"jsdelivr\\\":\\\"dist/axios.min.js\\\",\\\"keywords\\\":[\\\"xhr\\\",\\\"http\\\",\\\"ajax\\\",\\\"promise\\\",\\\"node\\\"],\\\"license\\\":\\\"MIT\\\",\\\"main\\\":\\\"index.js\\\",\\\"name\\\":\\\"axios\\\",\\\"repository\\\":{\\\"type\\\":\\\"git\\\",\\\"url\\\":\\\"git+https://github.com/axios/axios.git\\\"},\\\"scripts\\\":{\\\"build\\\":\\\"NODE_ENV=production grunt build\\\",\\\"coveralls\\\":\\\"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js\\\",\\\"examples\\\":\\\"node ./examples/server.js\\\",\\\"fix\\\":\\\"eslint --fix lib/**/*.js\\\",\\\"postversion\\\":\\\"git push && git push --tags\\\",\\\"preversion\\\":\\\"npm test\\\",\\\"start\\\":\\\"node ./sandbox/server.js\\\",\\\"test\\\":\\\"grunt test\\\",\\\"version\\\":\\\"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json\\\"},\\\"typings\\\":\\\"./index.d.ts\\\",\\\"unpkg\\\":\\\"dist/axios.min.js\\\",\\\"version\\\":\\\"0.21.4\\\"}\");\n\n//# sourceURL=webpack://OsmanliPackage/./node_modules/axios/package.json?");
+eval("module.exports = JSON.parse(\"{\\\"_from\\\":\\\"axios@^0.21.1\\\",\\\"_id\\\":\\\"axios@0.21.4\\\",\\\"_inBundle\\\":false,\\\"_integrity\\\":\\\"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==\\\",\\\"_location\\\":\\\"/axios\\\",\\\"_phantomChildren\\\":{},\\\"_requested\\\":{\\\"type\\\":\\\"range\\\",\\\"registry\\\":true,\\\"raw\\\":\\\"axios@^0.21.1\\\",\\\"name\\\":\\\"axios\\\",\\\"escapedName\\\":\\\"axios\\\",\\\"rawSpec\\\":\\\"^0.21.1\\\",\\\"saveSpec\\\":null,\\\"fetchSpec\\\":\\\"^0.21.1\\\"},\\\"_requiredBy\\\":[\\\"/\\\"],\\\"_resolved\\\":\\\"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz\\\",\\\"_shasum\\\":\\\"c67b90dc0568e5c1cf2b0b858c43ba28e2eda575\\\",\\\"_spec\\\":\\\"axios@^0.21.1\\\",\\\"_where\\\":\\\"/Users/buraksenturk/Desktop/Projects/osmanli-veri-dagitim\\\",\\\"author\\\":{\\\"name\\\":\\\"Matt Zabriskie\\\"},\\\"browser\\\":{\\\"./lib/adapters/http.js\\\":\\\"./lib/adapters/xhr.js\\\"},\\\"bugs\\\":{\\\"url\\\":\\\"https://github.com/axios/axios/issues\\\"},\\\"bundleDependencies\\\":false,\\\"bundlesize\\\":[{\\\"path\\\":\\\"./dist/axios.min.js\\\",\\\"threshold\\\":\\\"5kB\\\"}],\\\"dependencies\\\":{\\\"follow-redirects\\\":\\\"^1.14.0\\\"},\\\"deprecated\\\":false,\\\"description\\\":\\\"Promise based HTTP client for the browser and node.js\\\",\\\"devDependencies\\\":{\\\"coveralls\\\":\\\"^3.0.0\\\",\\\"es6-promise\\\":\\\"^4.2.4\\\",\\\"grunt\\\":\\\"^1.3.0\\\",\\\"grunt-banner\\\":\\\"^0.6.0\\\",\\\"grunt-cli\\\":\\\"^1.2.0\\\",\\\"grunt-contrib-clean\\\":\\\"^1.1.0\\\",\\\"grunt-contrib-watch\\\":\\\"^1.0.0\\\",\\\"grunt-eslint\\\":\\\"^23.0.0\\\",\\\"grunt-karma\\\":\\\"^4.0.0\\\",\\\"grunt-mocha-test\\\":\\\"^0.13.3\\\",\\\"grunt-ts\\\":\\\"^6.0.0-beta.19\\\",\\\"grunt-webpack\\\":\\\"^4.0.2\\\",\\\"istanbul-instrumenter-loader\\\":\\\"^1.0.0\\\",\\\"jasmine-core\\\":\\\"^2.4.1\\\",\\\"karma\\\":\\\"^6.3.2\\\",\\\"karma-chrome-launcher\\\":\\\"^3.1.0\\\",\\\"karma-firefox-launcher\\\":\\\"^2.1.0\\\",\\\"karma-jasmine\\\":\\\"^1.1.1\\\",\\\"karma-jasmine-ajax\\\":\\\"^0.1.13\\\",\\\"karma-safari-launcher\\\":\\\"^1.0.0\\\",\\\"karma-sauce-launcher\\\":\\\"^4.3.6\\\",\\\"karma-sinon\\\":\\\"^1.0.5\\\",\\\"karma-sourcemap-loader\\\":\\\"^0.3.8\\\",\\\"karma-webpack\\\":\\\"^4.0.2\\\",\\\"load-grunt-tasks\\\":\\\"^3.5.2\\\",\\\"minimist\\\":\\\"^1.2.0\\\",\\\"mocha\\\":\\\"^8.2.1\\\",\\\"sinon\\\":\\\"^4.5.0\\\",\\\"terser-webpack-plugin\\\":\\\"^4.2.3\\\",\\\"typescript\\\":\\\"^4.0.5\\\",\\\"url-search-params\\\":\\\"^0.10.0\\\",\\\"webpack\\\":\\\"^4.44.2\\\",\\\"webpack-dev-server\\\":\\\"^3.11.0\\\"},\\\"homepage\\\":\\\"https://axios-http.com\\\",\\\"jsdelivr\\\":\\\"dist/axios.min.js\\\",\\\"keywords\\\":[\\\"xhr\\\",\\\"http\\\",\\\"ajax\\\",\\\"promise\\\",\\\"node\\\"],\\\"license\\\":\\\"MIT\\\",\\\"main\\\":\\\"index.js\\\",\\\"name\\\":\\\"axios\\\",\\\"repository\\\":{\\\"type\\\":\\\"git\\\",\\\"url\\\":\\\"git+https://github.com/axios/axios.git\\\"},\\\"scripts\\\":{\\\"build\\\":\\\"NODE_ENV=production grunt build\\\",\\\"coveralls\\\":\\\"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js\\\",\\\"examples\\\":\\\"node ./examples/server.js\\\",\\\"fix\\\":\\\"eslint --fix lib/**/*.js\\\",\\\"postversion\\\":\\\"git push && git push --tags\\\",\\\"preversion\\\":\\\"npm test\\\",\\\"start\\\":\\\"node ./sandbox/server.js\\\",\\\"test\\\":\\\"grunt test\\\",\\\"version\\\":\\\"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json\\\"},\\\"typings\\\":\\\"./index.d.ts\\\",\\\"unpkg\\\":\\\"dist/axios.min.js\\\",\\\"version\\\":\\\"0.21.4\\\"}\");\n\n//# sourceURL=webpack://OsmanliPackage/./node_modules/axios/package.json?");
 /***/ }),
@@ -1635,7 +1635,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n//\n//\n//\n//\n//\n//\n//\n/
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataInvoiceItem\",\n  props: {\n    dataItem: Object\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"]\n  },\n\n  data() {\n    return {\n      showHideText: \"Göster\",\n      isActive: false\n    };\n  },\n\n  methods: {\n    toggle() {\n      this.isActive = !this.isActive;\n      this.showHideText = this.isActive ? \"Gizle\" : \"Göster\";\n    }\n\n  },\n  computed: {\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_2__[\"CurrencySymbol\"];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    screenPrice() {\n      return this.dataItem.price.screenPrice.toLocaleString();\n    }\n\n  },\n\n  mounted() {\n    console.log(\"dddd\", this.dataItem);\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../mixins */ \"./src/mixins/index.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataInvoiceItem\",\n  props: {\n    dataItem: Object\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_1__[\"default\"]],\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_0__[\"BaseIcon\"]\n  },\n\n  data() {\n    return {\n      showHideText: \"Göster\",\n      isActive: false\n    };\n  },\n\n  methods: {\n    toggle() {\n      this.isActive = !this.isActive;\n      this.showHideText = this.isActive ? \"Gizle\" : \"Göster\";\n    }\n\n  },\n  computed: {\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_2__[\"CurrencySymbol\"];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    screenPrice() {\n      return this.dataItem.price.screenPrice.toLocaleString();\n    }\n\n  },\n\n  mounted() {\n    console.log(\"dddd\", this.dataItem);\n  }\n\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 /***/ }),
@@ -1647,7 +1647,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _com
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      noImage: _constants__WEBPACK_IMPORTED_MODULE_3__[\"staticImages\"].noImage,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = Number(localStorage.getItem(\"userType\"));\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.cusId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    cancel(purchaseNo) {\n      this.cancelPackage(purchaseNo).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(this.dataItem.purchaseNo);\n      }\n    },\n\n    closeModal() {\n      this.$modal.hide(this.dataItem.purchaseNo);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if ((res === null || res === void 0 ? void 0 : res.error) == true) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./PackageSettigns */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_5__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    PackageSettigns: _PackageSettigns__WEBPACK_IMPORTED_MODULE_2__[\"default\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object\n  },\n\n  data() {\n    return {\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      noImage: _constants__WEBPACK_IMPORTED_MODULE_3__[\"staticImages\"].noImage,\n      infoText: \"Fatura dönemi içerisinde, iptal edilen paketlerde, hemen iptal edilse bile ücretlendirme yansımaktadır.\",\n      cusId: null,\n      userType: null\n    };\n  },\n\n  mounted() {\n    if (this.$route.params.customerId !== undefined) {\n      this.cusId = this.$route.params.customerId;\n    }\n\n    let selectedFilter = {};\n\n    if (this.generalFilter.filter !== undefined && this.generalFilter.filter !== {}) {\n      selectedFilter = this.generalFilter.filter;\n    }\n\n    this.setGeneralFilter({\n      page: 1,\n      size: 5,\n      filter: selectedFilter\n    });\n    this.userType = Number(localStorage.getItem(\"userType\"));\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getPackageInfo\", \"getMarketInfo\", \"purchaseChangeStartDate\", \"generalFilter\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_3__[\"CurrencySymbol\"];\n    },\n\n    getSelectedPacks() {\n      return [...this.dataItem.research.map(d => d.researchFeature.name), ...this.dataItem.foreignIndice.map(d => d.foreignIndiceFeature.name), ...this.dataItem.algorithm.map(d => d.algorithmFeature.name)];\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageDetail\", \"getMarket\", \"getPlatform\", \"cancelPackage\", \"getAllPackages\", \"getPurchaseChangeStartDate\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setGeneralFilter\"]),\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.cusId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.cusId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    cancel(purchaseNo) {\n      this.cancelPackage(purchaseNo).then(res => {\n        if (res.data === true) {\n          this.getAllPackages(this.cusId);\n          this.$toast.success(\"İptal Edildi\");\n          this.closeModal();\n        }\n      });\n    },\n\n    closePopup() {\n      this.isPopupVisible = false;\n    },\n\n    showModal(packageStatus) {\n      if (packageStatus === 5) {\n        this.$toast.error(\"Paketiniz zaten pasif durumdadır.\");\n      } else {\n        this.$modal.show(this.dataItem.purchaseNo);\n      }\n    },\n\n    closeModal() {\n      this.$modal.hide(this.dataItem.purchaseNo);\n    },\n\n    changeStartDate(val) {\n      const args = {\n        PurchaseNumber: this.dataItem.purchaseNo,\n        DateSelection: val,\n        cusId: this.cusId\n      };\n      this.getPurchaseChangeStartDate(args).then(res => {\n        if ((res === null || res === void 0 ? void 0 : res.error) == true) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n          this.getAllPackages(this.cusId);\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 /***/ }),
@@ -1695,7 +1695,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: -1,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      noImage: _constants__WEBPACK_IMPORTED_MODULE_5__[\"staticImages\"].noImage,\n      isButtonClicked: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : null;\n    }\n\n    this.sumFundCommission();\n    this.dateSelection = this.dataItem.dateSelection;\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      console.log(\"data\", data);\n      this.selectData = data;\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    submitShow() {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf;\n\n      this.isButtonClicked = true;\n\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const packageData = this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id\n        };\n      });\n      const researchData = this.getSelectedResearchInfo.map(item => {\n        return {\n          applicationId: this.dataItem.application.id,\n          researchId: item.id || null\n        };\n      });\n      const foreignData = this.getSelectedForeignInfo.map(item => {\n        return {\n          applicationId: this.dataItem.application.id,\n          foreignIndiceId: item.id || null\n        };\n      });\n      const algoServerData = this.getSelectedAlgoServerInfo.map(item => {\n        return {\n          applicationId: this.dataItem.application.id,\n          algorithmAndServerId: item.id || null\n        };\n      });\n      const args = {\n        customerId: this.customer.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        dateSelection: parseInt(this.startDateSelection),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n      let actionName = \"updatePackage\";\n\n      if (this.$route.name === \"Checkout\") {\n        actionName = \"createPackage\";\n      }\n\n      this[actionName](args).then(res => {\n        if (res.error) {\n          if (res.result !== undefined && res.result !== null) {\n            this.$toast.error(res.result.data[0].errors[0]);\n          } else {\n            this.$toast.error(res.message);\n          }\n\n          this.isButtonClicked = false;\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n\n          if (this.$route.name === \"Checkout\") {\n            this.$router.push({\n              name: \"Checkout\",\n              params: {\n                packageNumber: res,\n                customerNumber: this.$route.params.customerNumber\n              },\n              query: {\n                c: this.$route.query.c\n              }\n            });\n            setTimeout(() => {\n              location.reload();\n            }, 10);\n          } else {\n            this.$emit(\"close\");\n            this.getAllPackages(this.cusId);\n          }\n\n          this.setSelectedResearch([]);\n          this.setSelectedForeign([]);\n          this.setSelectedAlgoServer([]);\n        }\n      });\n    },\n\n    calculatePrice(items) {\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$platformFeature, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$platformFeature = item.platformFeature) === null || _item$platformFeature === void 0 ? void 0 : _item$platformFeature.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, 0);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$platformFeature2, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$platformFeature2 = item.platformFeature) === null || _item$platformFeature2 === void 0 ? void 0 : _item$platformFeature2.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, 0);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0); // this.totalPrice = total + this.dataItem.application.price;\n\n      this.totalPrice = total;\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PackageSettingType.vue */ \"./src/components/customer/PackageSettingType.vue\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _mixins___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../mixins/ */ \"./src/mixins/index.js\");\n/* harmony import */ var _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../base/InfoArea.vue */ \"./src/components/base/InfoArea.vue\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../constants */ \"./src/constants/index.js\");\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"DataRequestItem\",\n  mixins: [_mixins___WEBPACK_IMPORTED_MODULE_3__[\"default\"]],\n  components: {\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseButton\"],\n    PopupRight: _components__WEBPACK_IMPORTED_MODULE_2__[\"PopupRight\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_2__[\"BaseSelect\"],\n    PackageSettingType: _PackageSettingType_vue__WEBPACK_IMPORTED_MODULE_1__[\"default\"],\n    AccordionResearch: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionResearch\"],\n    AccordionForeign: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionForeign\"],\n    AccordionAlgoServer: _components__WEBPACK_IMPORTED_MODULE_2__[\"AccordionAlgoServer\"],\n    InfoArea: _base_InfoArea_vue__WEBPACK_IMPORTED_MODULE_4__[\"default\"]\n  },\n  props: {\n    dataItem: Object,\n    marketInfo: Array,\n    isPopupVisible: Boolean\n  },\n\n  data() {\n    return {\n      isResponsive: false,\n      fund: 0,\n      commission: 0,\n      topPrice: 0,\n      bottomFund: 0,\n      bottomCommission: 0,\n      totalPrice: 0,\n      startDateSelection: -1,\n      selectData: [],\n      research: [],\n      foreign: [],\n      algoServer: [],\n      noImage: _constants__WEBPACK_IMPORTED_MODULE_5__[\"staticImages\"].noImage,\n      isButtonClicked: false,\n      infoText: \"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\",\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      cusId: null\n    };\n  },\n\n  created() {\n    this.handleWidth();\n    window.addEventListener(\"resize\", this.handleWidth());\n  },\n\n  mounted() {\n    this.cusId = this.$route.params.customerId !== undefined ? this.$route.params.customerId : null;\n\n    if (this.$route.name === \"Checkout\") {\n      this.cusId = this.$route.query.c !== undefined ? this.$route.query.c : null;\n    }\n\n    this.sumFundCommission();\n    this.dateSelection = this.dataItem.dateSelection;\n    this.getForeign([this.dataItem.application.applicationId, this.dataItem.platform.platformId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n      this.foreign.push({\n        id: 2,\n        active: false,\n        title: \"Yabancı Endeksler\",\n        details\n      });\n    });\n    this.getResearch([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n      this.research = [{\n        id: 1,\n        active: false,\n        title: \"Araştırma ve Diğer Uygulamalar\",\n        details\n      }];\n    });\n    this.getAlgoServer([this.dataItem.application.applicationId, this.cusId]).then(res => {\n      let details = {};\n      details = res.data;\n      this.algoServer.push({\n        id: 3,\n        active: false,\n        title: \"Algoritmalar\",\n        details\n      });\n    });\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"getSelectedAlgoServerInfo\", \"customer\", \"getResearchInfo\", \"getSelectedForeignInfo\", \"getForeignInfo\", \"getAlgoServerInfo\", \"getSelectedResearchInfo\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_5__[\"CurrencySymbol\"];\n    },\n\n    researchTotal() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    foraignDollarTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"$\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    foraignEuroTotal() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        if (item.priceInfo === \"€\") {\n          return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n        } else {\n          return 0 + totald;\n        }\n      }, 0);\n    },\n\n    algoServerTotal() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.price) || 0) + totald;\n      }, 0);\n    },\n\n    researchFund() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignFund() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerFund() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.fundAmount) || 0) + totald;\n      }, 0);\n    },\n\n    researchCommission() {\n      return this.getSelectedResearchInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    foreignCommission() {\n      return this.getSelectedForeignInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    algoServerCommission() {\n      return this.getSelectedAlgoServerInfo.reduce((totald, item) => {\n        return ((item === null || item === void 0 ? void 0 : item.commissionAmount) || 0) + totald;\n      }, 0);\n    },\n\n    totalPriceDollar() {\n      var _this$dataItem, _this$dataItem$price, _this$dataItem$price$;\n\n      return (_this$dataItem = this.dataItem) === null || _this$dataItem === void 0 ? void 0 : (_this$dataItem$price = _this$dataItem.price) === null || _this$dataItem$price === void 0 ? void 0 : (_this$dataItem$price$ = _this$dataItem$price.prices) === null || _this$dataItem$price$ === void 0 ? void 0 : _this$dataItem$price$.filter(e => e.info === this.currencySymbol.dolar)[0];\n    },\n\n    totalPriceEuro() {\n      var _this$dataItem2, _this$dataItem2$price, _this$dataItem2$price2;\n\n      return (_this$dataItem2 = this.dataItem) === null || _this$dataItem2 === void 0 ? void 0 : (_this$dataItem2$price = _this$dataItem2.price) === null || _this$dataItem2$price === void 0 ? void 0 : (_this$dataItem2$price2 = _this$dataItem2$price.prices) === null || _this$dataItem2$price2 === void 0 ? void 0 : _this$dataItem2$price2.filter(e => e.info === this.currencySymbol.euro)[0];\n    },\n\n    totalPriceTl() {\n      var _this$dataItem3, _this$dataItem3$price, _this$dataItem3$price2;\n\n      return (_this$dataItem3 = this.dataItem) === null || _this$dataItem3 === void 0 ? void 0 : (_this$dataItem3$price = _this$dataItem3.price) === null || _this$dataItem3$price === void 0 ? void 0 : (_this$dataItem3$price2 = _this$dataItem3$price.prices) === null || _this$dataItem3$price2 === void 0 ? void 0 : _this$dataItem3$price2.filter(e => e.info === this.currencySymbol.tl)[0].totalPrice;\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = this.totalPriceEuro ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro = this.totalPriceEuro) === null || _this$totalPriceEuro === void 0 ? void 0 : _this$totalPriceEuro.totalPrice) : \"\";\n      return this.formatPrice(this.totalPriceTl) + this.currencySymbol.tl + totalDollar + totalEuro;\n    }\n\n  },\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getForeign\", \"getAllPackages\", \"getResearch\", \"updatePackage\", \"getAlgoServer\", \"createPackage\"]),\n    ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapMutations\"])([\"setSelectedForeign\", \"setSelectedAlgoServer\", \"setSelectedResearch\"]),\n\n    setDefaultValues() {\n      this.bottomCommission = 0;\n      this.totalPrice = 0;\n      this.bottomFund = 0;\n      this.selectData = [];\n      this.setSelectedForeign([]);\n      this.setSelectedAlgoServer([]);\n      this.setSelectedResearch([]);\n      this.$emit(\"close\");\n    },\n\n    handleWidth() {\n      let w = window.innerWidth;\n      this.isResponsive = w <= 640;\n    },\n\n    sumFundCommission() {\n      this.fund = this.dataItem.price.totalFundAmount;\n      this.commission = this.dataItem.price.totalCommissionAmount;\n      this.topPrice = this.totalPriceCalc;\n      this.totalPrice = this.topPrice;\n    },\n\n    changeSelected(data) {\n      console.log(\"data\", data);\n      this.selectData = data;\n    },\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    submitShow() {\n      var _this$dataItem6, _this$dataItem6$appli, _this$dataItem7, _this$dataItem7$platf;\n\n      this.isButtonClicked = true;\n\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Başlangıç zamanı seçiniz.\");\n        this.isButtonClicked = false;\n        return;\n      }\n\n      const packageData = this.selectData.map(item => {\n        var _this$dataItem4, _this$dataItem4$appli, _this$dataItem5, _this$dataItem5$platf, _item$marketFeature, _item$perspectiveFeat, _item$vendorFeature, _item$vendorFeature2, _item$vendorFeature3;\n\n        return {\n          applicationId: (_this$dataItem4 = this.dataItem) === null || _this$dataItem4 === void 0 ? void 0 : (_this$dataItem4$appli = _this$dataItem4.application) === null || _this$dataItem4$appli === void 0 ? void 0 : _this$dataItem4$appli.id,\n          platformId: ((_this$dataItem5 = this.dataItem) === null || _this$dataItem5 === void 0 ? void 0 : (_this$dataItem5$platf = _this$dataItem5.platform) === null || _this$dataItem5$platf === void 0 ? void 0 : _this$dataItem5$platf.id) || null,\n          marketId: (item === null || item === void 0 ? void 0 : (_item$marketFeature = item.marketFeature) === null || _item$marketFeature === void 0 ? void 0 : _item$marketFeature.id) || null,\n          perspectiveId: (item === null || item === void 0 ? void 0 : (_item$perspectiveFeat = item.perspectiveFeature) === null || _item$perspectiveFeat === void 0 ? void 0 : _item$perspectiveFeat.id) || null,\n          vendorId: (item === null || item === void 0 ? void 0 : (_item$vendorFeature = item.vendorFeature) === null || _item$vendorFeature === void 0 ? void 0 : _item$vendorFeature.id) === undefined || (item === null || item === void 0 ? void 0 : (_item$vendorFeature2 = item.vendorFeature) === null || _item$vendorFeature2 === void 0 ? void 0 : _item$vendorFeature2.id) === null ? null : item === null || item === void 0 ? void 0 : (_item$vendorFeature3 = item.vendorFeature) === null || _item$vendorFeature3 === void 0 ? void 0 : _item$vendorFeature3.id\n        };\n      });\n      const researchData = this.getSelectedResearchInfo.map(item => {\n        return {\n          applicationId: this.dataItem.application.id,\n          researchId: item.id || null\n        };\n      });\n      const foreignData = this.getSelectedForeignInfo.map(item => {\n        return {\n          applicationId: this.dataItem.application.id,\n          foreignIndiceId: item.id || null\n        };\n      });\n      const algoServerData = this.getSelectedAlgoServerInfo.map(item => {\n        return {\n          applicationId: this.dataItem.application.id,\n          algorithmAndServerId: item.id || null\n        };\n      });\n      const args = {\n        customerId: this.customer.id,\n        purchaseNumber: this.dataItem.purchaseNo.toString(),\n        dateSelection: parseInt(this.startDateSelection),\n        applicationId: ((_this$dataItem6 = this.dataItem) === null || _this$dataItem6 === void 0 ? void 0 : (_this$dataItem6$appli = _this$dataItem6.application) === null || _this$dataItem6$appli === void 0 ? void 0 : _this$dataItem6$appli.applicationId) || null,\n        platformId: ((_this$dataItem7 = this.dataItem) === null || _this$dataItem7 === void 0 ? void 0 : (_this$dataItem7$platf = _this$dataItem7.platform) === null || _this$dataItem7$platf === void 0 ? void 0 : _this$dataItem7$platf.platformId) || null,\n        features: packageData,\n        research: researchData,\n        foreignIndice: foreignData,\n        algorithmAndServer: algoServerData,\n        cusId: this.cusId\n      };\n      let actionName = \"updatePackage\";\n\n      if (this.$route.name === \"Checkout\") {\n        actionName = \"createPackage\";\n      }\n\n      this[actionName](args).then(res => {\n        if (res.error) {\n          if (res.result !== undefined && res.result !== null) {\n            this.$toast.error(res.result.data[0].errors[0]);\n          } else {\n            this.$toast.error(res.message);\n          }\n\n          this.isButtonClicked = false;\n        } else {\n          this.$toast.success(\"Başarıyla güncelleme yapıldı.\");\n\n          if (this.$route.name === \"Checkout\") {\n            this.$router.push({\n              name: \"Checkout\",\n              params: {\n                packageNumber: res,\n                customerNumber: this.$route.params.customerNumber\n              },\n              query: {\n                c: this.$route.query.c\n              }\n            });\n            setTimeout(() => {\n              location.reload();\n            }, 10);\n          } else {\n            this.$emit(\"close\");\n            this.getAllPackages(this.cusId);\n          }\n\n          this.setSelectedResearch([]);\n          this.setSelectedForeign([]);\n          this.setSelectedAlgoServer([]);\n        }\n      });\n    },\n\n    calculatePrice(items) {\n      this.bottomFund = items.reduce((totald, item) => {\n        var _item$marketFeature2, _item$platformFeature, _item$perspectiveFeat2, _item$vendorFeature4;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature2 = item.marketFeature) === null || _item$marketFeature2 === void 0 ? void 0 : _item$marketFeature2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$platformFeature = item.platformFeature) === null || _item$platformFeature === void 0 ? void 0 : _item$platformFeature.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat2 = item.perspectiveFeature) === null || _item$perspectiveFeat2 === void 0 ? void 0 : _item$perspectiveFeat2.fundAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature4 = item.vendorFeature) === null || _item$vendorFeature4 === void 0 ? void 0 : _item$vendorFeature4.fundAmount) || 0) + totald;\n      }, 0);\n      this.bottomCommission = items.reduce((totald, item) => {\n        var _item$marketFeature3, _item$platformFeature2, _item$perspectiveFeat3, _item$vendorFeature5;\n\n        return ((item === null || item === void 0 ? void 0 : (_item$marketFeature3 = item.marketFeature) === null || _item$marketFeature3 === void 0 ? void 0 : _item$marketFeature3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$platformFeature2 = item.platformFeature) === null || _item$platformFeature2 === void 0 ? void 0 : _item$platformFeature2.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat3 = item.perspectiveFeature) === null || _item$perspectiveFeat3 === void 0 ? void 0 : _item$perspectiveFeat3.commissionAmount) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature5 = item.vendorFeature) === null || _item$vendorFeature5 === void 0 ? void 0 : _item$vendorFeature5.commissionAmount) || 0) + totald;\n      }, 0);\n      const total = items.reduce((totald, item) => {\n        var _item$perspectiveFeat4, _item$vendorFeature6;\n\n        return (\n          /* (item?.marketFeature?.price || 0) +\n          (item?.platformFeature?.price || 0)*/\n          +((item === null || item === void 0 ? void 0 : (_item$perspectiveFeat4 = item.perspectiveFeature) === null || _item$perspectiveFeat4 === void 0 ? void 0 : _item$perspectiveFeat4.price) || 0) + ((item === null || item === void 0 ? void 0 : (_item$vendorFeature6 = item.vendorFeature) === null || _item$vendorFeature6 === void 0 ? void 0 : _item$vendorFeature6.price) || 0) + totald\n        );\n      }, 0); // this.totalPrice = total + this.dataItem.application.price;\n\n      this.totalPrice = total;\n    }\n\n  },\n  watch: {\n    selectData: {\n      handler(newVal) {\n        this.calculatePrice(newVal);\n      },\n\n      deep: true,\n      immediate: true\n    }\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/PackageSettigns.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 /***/ }),
@@ -1827,7 +1827,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      startDateSelection: -1,\n      noUser: _constants__WEBPACK_IMPORTED_MODULE_4__[\"staticImages\"].noUser,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfo() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice.toLocaleString();\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pri, _this$summaryData2, _this$summaryData2$pr, _this$summaryData3, _this$summaryData3$pr, _this$summaryData3$pr2, _this$summaryData4, _this$summaryData4$pr, _this$summaryData4$pr2, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            this.totalFundAmount = this.formatPrice((_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.totalFundAmount.toLocaleString());\n            this.totalCommissionAmount = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pr = _this$summaryData2.price) === null || _this$summaryData2$pr === void 0 ? void 0 : _this$summaryData2$pr.totalCommissionAmount.toLocaleString();\n            this.totalPriceTl = this.formatPrice((_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : (_this$summaryData3$pr2 = _this$summaryData3$pr.prices) === null || _this$summaryData3$pr2 === void 0 ? void 0 : _this$summaryData3$pr2.filter(e => e.info === this.currencySymbol.tl)[0]);\n            this.totalPriceDollar = this.formatPriceDollar((_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : (_this$summaryData4$pr2 = _this$summaryData4$pr.prices) === null || _this$summaryData4$pr2 === void 0 ? void 0 : _this$summaryData4$pr2.filter(e => e.info === this.currencySymbol.dolar)[0]);\n            this.totalPriceEuro = this.formatPriceEuro((_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.euro)[0]);\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData6, _this$summaryData6$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pr = _this$summaryData6.price) === null || _this$summaryData6$pr === void 0 ? void 0 : _this$summaryData6$pr.totalFundAmount.toLocaleString();\n            this.totalCommissionAmount = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : _this$summaryData7$pr.totalCommissionAmount.toLocaleString();\n            this.totalPriceTl = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pr = _this$summaryData8.price) === null || _this$summaryData8$pr === void 0 ? void 0 : (_this$summaryData8$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pr = _this$summaryData9.price) === null || _this$summaryData9$pr === void 0 ? void 0 : (_this$summaryData9$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : (_this$summaryData10$p2 = _this$summaryData10$p.prices) === null || _this$summaryData10$p2 === void 0 ? void 0 : _this$summaryData10$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = (_this$totalPriceEuro = this.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseNumber: this.packageNumber.toString(),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n        } else {\n          this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/components */ \"./src/components/index.js\");\n/* harmony import */ var _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/customer/PackageSettigns.vue */ \"./src/components/customer/PackageSettigns.vue\");\n/* harmony import */ var _utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../utils/breadcrumb */ \"./src/utils/breadcrumb.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ \"./src/constants/index.js\");\n/* harmony import */ var _utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/tokenTools */ \"./src/utils/tokenTools.js\");\n/* harmony import */ var _mixins__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../mixins */ \"./src/mixins/index.js\");\n\n\n\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  name: \"Checkout\",\n  components: {\n    BaseIcon: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseIcon\"],\n    BaseButton: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseButton\"],\n    BaseSelect: _components__WEBPACK_IMPORTED_MODULE_1__[\"BaseSelect\"],\n    InfoArea: _components__WEBPACK_IMPORTED_MODULE_1__[\"InfoArea\"],\n    PackageSettigns: _components_customer_PackageSettigns_vue__WEBPACK_IMPORTED_MODULE_2__[\"default\"]\n  },\n  mixins: [_mixins__WEBPACK_IMPORTED_MODULE_6__[\"default\"]],\n\n  data() {\n    return {\n      summaryData: [],\n      totalFundAmount: 0,\n      totalCommissionAmount: 0,\n      packageDetail: null,\n      marketInfo: null,\n      isPopupVisible: false,\n      totalPriceTl: [],\n      totalPriceDollar: [],\n      totalPriceEuro: [],\n      totalPrice: 0,\n      startDateSelection: -1,\n      noUser: _constants__WEBPACK_IMPORTED_MODULE_4__[\"staticImages\"].noUser,\n      isButtonClicked: true,\n      esube: Object(_utils_tokenTools__WEBPACK_IMPORTED_MODULE_5__[\"getItem\"])(\"esube\"),\n      IsRecommendationPackage: false,\n      infoText: [\"BES ve yatırım fonu büyüklüğü ve/veya komisyon şartı sağlandığı taktirde; o ay toplamda belirtilen ekran ücreti sizden alınmayacaktır.\", \"Faturalandırma sırasında ay sonu Merkez Bankası kuru dikkate alınacaktır.\"],\n      startDate: [{\n        label: \"Seçiniz\",\n        code: -1\n      }, {\n        label: \"Hemen Şimdi\",\n        code: 0\n      }, {\n        label: \"Ay Başında\",\n        code: 1\n      }],\n      customerId: null,\n      haveCurrency: false,\n      isRecomendedPackage: false\n    };\n  },\n\n  computed: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapGetters\"])([\"customer\", \"packageSummary\", \"getPackageInfo\", \"getMarketInfo\", \"recommendationSummary\"]),\n\n    currencySymbol() {\n      return _constants__WEBPACK_IMPORTED_MODULE_4__[\"CurrencySymbol\"];\n    },\n\n    packageNumber() {\n      return this.$route.params.packageNumber;\n    },\n\n    getUserNumber() {\n      return this.customer.customerNo;\n    },\n\n    getUserInfo() {\n      return `${this.customer.name} ${this.customer.surName}`;\n    },\n\n    customerNumber() {\n      return this.$route.params.customerNumber;\n    },\n\n    screenPrice() {\n      if (this.summaryData && this.summaryData.price) {\n        return this.summaryData.price.screenPrice.toLocaleString();\n      }\n\n      return 0;\n    }\n\n  },\n\n  mounted() {\n    this.customerId = this.$route.query.c === undefined ? null : this.$route.query.c;\n\n    if (this.esube != \"yes\") {\n      this.getCustomer();\n    }\n\n    this.getSummary();\n    this.isPopupVisible = false;\n\n    if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n      this.isRecomendedPackage = true;\n    }\n\n    this.isButtonClicked = false;\n  },\n\n  methods: { ...Object(vuex__WEBPACK_IMPORTED_MODULE_0__[\"mapActions\"])([\"getPackageSummary\", \"getRecommendationSummary\", \"confirm\", \"searchCustomer\", \"getPackageDetail\", \"getMarket\"]),\n\n    changeStartDate(value) {\n      this.startDateSelection = value.code;\n    },\n\n    addCart(purchaseNo) {\n      this.getPackageDetail([purchaseNo, this.customerId]).then(() => {\n        this.packageDetail = this.getPackageInfo;\n        this.getMarket([this.packageDetail.application.applicationId, this.packageDetail.platform.platformId, this.customerId]).then(() => {\n          this.marketInfo = this.getMarketInfo;\n        });\n        this.isPopupVisible = true;\n      });\n    },\n\n    closePopup() {\n      if (this.esube != \"yes\") {\n        this.getCustomer();\n      }\n\n      this.getSummary();\n      this.isPopupVisible = false;\n    },\n\n    getCustomer() {\n      this.searchCustomer({\n        customerNo: this.customerNumber,\n        cusId: this.customerId\n      }).then(res => {\n        if (res) {\n          Object(_utils_breadcrumb__WEBPACK_IMPORTED_MODULE_3__[\"getBreadCrumbs\"])({\n            breadcrumbs: [\"CustomerDetail\", \"BuyDataPackage\", \"Checkout\"],\n            customer: this.customer,\n            customerDetail: this.getUserNumber,\n            buyDataPackage: this.getUserNumber,\n            checkout: this.packageNumber,\n            cusId: this.customerId\n          });\n        }\n      });\n    },\n\n    getSummary() {\n      if (this.$route.query.isReco !== undefined && this.$route.query.isReco == \"yes\") {\n        this.getRecommendationSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData, _this$summaryData$pri, _this$summaryData2, _this$summaryData2$pr, _this$summaryData3, _this$summaryData3$pr, _this$summaryData3$pr2, _this$summaryData4, _this$summaryData4$pr, _this$summaryData4$pr2, _this$summaryData5, _this$summaryData5$pr, _this$summaryData5$pr2;\n\n            this.summaryData = this.recommendationSummary;\n            this.totalFundAmount = this.formatPrice((_this$summaryData = this.summaryData) === null || _this$summaryData === void 0 ? void 0 : (_this$summaryData$pri = _this$summaryData.price) === null || _this$summaryData$pri === void 0 ? void 0 : _this$summaryData$pri.totalFundAmount.toLocaleString());\n            this.totalCommissionAmount = (_this$summaryData2 = this.summaryData) === null || _this$summaryData2 === void 0 ? void 0 : (_this$summaryData2$pr = _this$summaryData2.price) === null || _this$summaryData2$pr === void 0 ? void 0 : _this$summaryData2$pr.totalCommissionAmount.toLocaleString();\n            this.totalPriceTl = (_this$summaryData3 = this.summaryData) === null || _this$summaryData3 === void 0 ? void 0 : (_this$summaryData3$pr = _this$summaryData3.price) === null || _this$summaryData3$pr === void 0 ? void 0 : (_this$summaryData3$pr2 = _this$summaryData3$pr.prices) === null || _this$summaryData3$pr2 === void 0 ? void 0 : _this$summaryData3$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData4 = this.summaryData) === null || _this$summaryData4 === void 0 ? void 0 : (_this$summaryData4$pr = _this$summaryData4.price) === null || _this$summaryData4$pr === void 0 ? void 0 : (_this$summaryData4$pr2 = _this$summaryData4$pr.prices) === null || _this$summaryData4$pr2 === void 0 ? void 0 : _this$summaryData4$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData5 = this.summaryData) === null || _this$summaryData5 === void 0 ? void 0 : (_this$summaryData5$pr = _this$summaryData5.price) === null || _this$summaryData5$pr === void 0 ? void 0 : (_this$summaryData5$pr2 = _this$summaryData5$pr.prices) === null || _this$summaryData5$pr2 === void 0 ? void 0 : _this$summaryData5$pr2.filter(e => e.info === this.currencySymbol.euro)[0];\n\n            if (this.recommendationSummary.dateSelection) {\n              this.startDateSelection = this.recommendationSummary.dateSelection;\n            }\n\n            this.IsRecommendationPackage = true;\n          }\n        });\n      } else {\n        this.getPackageSummary(this.packageNumber).then(res => {\n          if (res) {\n            var _this$summaryData6, _this$summaryData6$pr, _this$summaryData7, _this$summaryData7$pr, _this$summaryData8, _this$summaryData8$pr, _this$summaryData8$pr2, _this$summaryData9, _this$summaryData9$pr, _this$summaryData9$pr2, _this$summaryData10, _this$summaryData10$p, _this$summaryData10$p2;\n\n            this.summaryData = this.packageSummary;\n            this.totalFundAmount = (_this$summaryData6 = this.summaryData) === null || _this$summaryData6 === void 0 ? void 0 : (_this$summaryData6$pr = _this$summaryData6.price) === null || _this$summaryData6$pr === void 0 ? void 0 : _this$summaryData6$pr.totalFundAmount.toLocaleString();\n            this.totalCommissionAmount = (_this$summaryData7 = this.summaryData) === null || _this$summaryData7 === void 0 ? void 0 : (_this$summaryData7$pr = _this$summaryData7.price) === null || _this$summaryData7$pr === void 0 ? void 0 : _this$summaryData7$pr.totalCommissionAmount.toLocaleString();\n            this.totalPriceTl = (_this$summaryData8 = this.summaryData) === null || _this$summaryData8 === void 0 ? void 0 : (_this$summaryData8$pr = _this$summaryData8.price) === null || _this$summaryData8$pr === void 0 ? void 0 : (_this$summaryData8$pr2 = _this$summaryData8$pr.prices) === null || _this$summaryData8$pr2 === void 0 ? void 0 : _this$summaryData8$pr2.filter(e => e.info === this.currencySymbol.tl)[0];\n            this.totalPriceDollar = (_this$summaryData9 = this.summaryData) === null || _this$summaryData9 === void 0 ? void 0 : (_this$summaryData9$pr = _this$summaryData9.price) === null || _this$summaryData9$pr === void 0 ? void 0 : (_this$summaryData9$pr2 = _this$summaryData9$pr.prices) === null || _this$summaryData9$pr2 === void 0 ? void 0 : _this$summaryData9$pr2.filter(e => e.info === this.currencySymbol.dolar)[0];\n            this.totalPriceEuro = (_this$summaryData10 = this.summaryData) === null || _this$summaryData10 === void 0 ? void 0 : (_this$summaryData10$p = _this$summaryData10.price) === null || _this$summaryData10$p === void 0 ? void 0 : (_this$summaryData10$p2 = _this$summaryData10$p.prices) === null || _this$summaryData10$p2 === void 0 ? void 0 : _this$summaryData10$p2.filter(e => e.info === this.currencySymbol.euro)[0];\n            this.startDateSelection = this.packageSummary.dateSelection;\n          }\n        });\n      }\n    },\n\n    totalPriceCalc() {\n      var _this$totalPriceDolla, _this$totalPriceEuro, _this$totalPriceEuro2, _this$totalPriceDolla2, _this$totalPriceEuro3, _this$totalPriceTl;\n\n      let totalDollar = this.totalPriceDollar ? \" + $\" + this.formatPriceDollar((_this$totalPriceDolla = this.totalPriceDollar) === null || _this$totalPriceDolla === void 0 ? void 0 : _this$totalPriceDolla.totalPrice) : \"\";\n      let totalEuro = (_this$totalPriceEuro = this.totalPriceEuro) !== null && _this$totalPriceEuro !== void 0 && _this$totalPriceEuro.totalPrice ? \" + €\" + this.formatPriceEuro((_this$totalPriceEuro2 = this.totalPriceEuro) === null || _this$totalPriceEuro2 === void 0 ? void 0 : _this$totalPriceEuro2.totalPrice) : \"\";\n\n      if (((_this$totalPriceDolla2 = this.totalPriceDollar) === null || _this$totalPriceDolla2 === void 0 ? void 0 : _this$totalPriceDolla2.totalPrice) !== undefined || ((_this$totalPriceEuro3 = this.totalPriceEuro) === null || _this$totalPriceEuro3 === void 0 ? void 0 : _this$totalPriceEuro3.totalPrice) !== undefined) {\n        this.haveCurrency = true;\n      }\n\n      return this.formatPrice((_this$totalPriceTl = this.totalPriceTl) === null || _this$totalPriceTl === void 0 ? void 0 : _this$totalPriceTl.totalPrice) + this.currencySymbol.tl + totalDollar + totalEuro;\n    },\n\n    confirmPackage() {\n      if (this.startDateSelection === -1) {\n        this.$toast.error(\"Lütfen başlangıç zamanı seçiniz\");\n        return;\n      }\n\n      this.isButtonClicked = true;\n      const args = {\n        dateSelection: parseInt(this.startDateSelection),\n        purchaseNumber: this.packageNumber.toString(),\n        IsRecommendationPackage: this.IsRecommendationPackage,\n        cusId: this.customerId\n      };\n      this.confirm(args).then(res => {\n        if (res.error) {\n          this.$toast.error(res.message);\n        } else {\n          if (this.startDateSelection === 0) {\n            this.$toast.success(\"Paketiniz en kısa sürede tanımlanacaktır. Kullanıcı adı ve şifre bilgisi gerektiren paketlerde bu bilgiler e-posta ile gönderilmektedir. Lütfen e-posta adresinizde spam klasörünü kontrol ediniz.\");\n          } else if (this.startDateSelection === 1) {\n            this.$toast.success(\"Paketiniz bir sonraki ay için tanımlanacaktır.\");\n          }\n\n          this.$router.push({\n            name: \"CustomerDetail\",\n            params: {\n              customerId: this.$route.query.c,\n              customerNumber: this.$route.params.customerNumber\n            }\n          });\n        }\n      });\n    }\n\n  }\n});\n\n//# sourceURL=webpack://OsmanliPackage/./src/views/Checkout.vue?./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 /***/ }),
@@ -2199,7 +2199,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"invoice-item-container\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n      [\n        _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n          _c(\"div\", { staticClass: \"invoice-item__top__left-area\" }, [\n            _c(\"p\", { staticClass: \"invoice-item__top__title bold\" }, [\n              _vm._v(\" \" + _vm._s(_vm.dataItem.title) + \" \"),\n            ]),\n            _c(\"p\", { staticClass: \"invoice-item__top-subtitle\" }, [\n              _vm._v(\" \" + _vm._s(_vm.dataItem.subtitle) + \" \"),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"invoice-item__top__right-area\" }, [\n            _c(\"div\", { staticClass: \"invoice-item__top__start-date\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__start-date__title bold\" },\n                [_vm._v(\" Başlangıç Tarihi \")]\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__start-date__value\" },\n                [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        _vm._f(\"moment\")(_vm.dataItem.startDate, \"DD.MM.YYYY\")\n                      ) +\n                      \" \"\n                  ),\n                ]\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__top__com-bes\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__com-bes__title bold\" },\n                [_vm._v(\" Komisyon ve BES/FON Sonuç \")]\n              ),\n              _c(\"div\", { staticClass: \"invoice-item__top__com-bes__value\" }, [\n                _vm.dataItem.paymentStatus === 1\n                  ? _c(\"span\", [_vm._v(\" 0 TL\")])\n                  : _vm._e(),\n                _vm.dataItem.paymentStatus === 2\n                  ? _c(\"span\", [\n                      _vm._v(\n                        \" + (\" +\n                          _vm._s(_vm.totalPriceCalc.toLocaleString()) +\n                          \")\"\n                      ),\n                    ])\n                  : _vm._e(),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__top__total\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__total__title bold\" },\n                [_vm._v(\"Toplam Tutar\")]\n              ),\n              _c(\"div\", { staticClass: \"invoice-item__top__total__value\" }, [\n                _vm._v(\n                  \" - (\" + _vm._s(_vm.totalPriceCalc.toLocaleString()) + \") \"\n                ),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__top__total\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__total__title bold\" },\n                [_vm._v(\"Ödeme Durumu\")]\n              ),\n              _vm.dataItem.paymentStatus == \"0\"\n                ? _c(\"span\", [\n                    _vm._v(\n                      \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n                    ),\n                  ])\n                : _vm._e(),\n              _vm.dataItem.paymentStatus == \"1\"\n                ? _c(\"span\", [_vm._v(\"Her zaman müşteri\")])\n                : _vm._e(),\n              _vm.dataItem.paymentStatus == \"2\"\n                ? _c(\"span\", [_vm._v(\"Her zaman temsilci\")])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass: \"invoice-item__top__hide\",\n                on: { click: _vm.toggle },\n              },\n              [\n                _c(\"span\", { staticClass: \"invoice-item__top__hide__text\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.showHideText) + \" \"),\n                ]),\n                _c(\n                  \"span\",\n                  { staticClass: \"invoice-item__top__hide__arrow\" },\n                  [_c(\"base-icon\", { attrs: { name: \"chevron-down\" } })],\n                  1\n                ),\n              ]\n            ),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"invoice-item__middle\" }, [\n          _vm.dataItem.package && _vm.dataItem.package.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.package, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.marketFeature && item.marketFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold bold-title\",\n                            },\n                            [_vm._v(_vm._s(item.marketFeature.name))]\n                          )\n                        : _vm._e(),\n                      _c(\n                        \"div\",\n                        { staticClass: \"invoice-item__middle__row__detail\" },\n                        [\n                          item.perspectiveFeature &&\n                          item.perspectiveFeature.name\n                            ? _c(\"span\", [\n                                _vm._v(_vm._s(item.perspectiveFeature.name)),\n                              ])\n                            : _vm._e(),\n                          _c(\"span\", { staticClass: \"spacer\" }),\n                          item.vendorFeature && item.vendorFeature.name\n                            ? _c(\"span\", [\n                                _vm._v(\" \" + _vm._s(item.vendorFeature.name)),\n                              ])\n                            : _vm._e(),\n                        ]\n                      ),\n                      item.marketFeature.priceInfo === _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.totalPrice.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.marketFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.marketFeature.priceInfo === _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.totalPrice.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.marketFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.marketFeature.priceInfo === _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.totalPrice.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.marketFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.research && _vm.dataItem.research.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.research, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.researchFeature && item.researchFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold\",\n                            },\n                            [_vm._v(_vm._s(item.researchFeature.name))]\n                          )\n                        : _vm._e(),\n                      item.researchFeature.priceInfo === _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.researchFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.researchFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.researchFeature.priceInfo ===\n                      _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.researchFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.researchFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.researchFeature.priceInfo === _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.researchFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.researchFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.foreignIndice && _vm.dataItem.foreignIndice.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.foreignIndice, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.foreignIndiceFeature &&\n                      item.foreignIndiceFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold\",\n                            },\n                            [_vm._v(_vm._s(item.foreignIndiceFeature.name))]\n                          )\n                        : _vm._e(),\n                      item.foreignIndiceFeature.priceInfo ===\n                      _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.foreignIndiceFeature.priceInfo) +\n                                  \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.foreignIndiceFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.foreignIndiceFeature.priceInfo ===\n                      _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.foreignIndiceFeature.priceInfo) +\n                                  \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.foreignIndiceFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.foreignIndiceFeature.priceInfo ===\n                      _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.foreignIndiceFeature.priceInfo) +\n                                  \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.foreignIndiceFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.algorithm && _vm.dataItem.algorithm.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.algorithm, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.algorithmFeature && item.algorithmFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold\",\n                            },\n                            [_vm._v(_vm._s(item.algorithmFeature.name))]\n                          )\n                        : _vm._e(),\n                      item.algorithmFeature.priceInfo === _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.algorithmFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.algorithmFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.algorithmFeature.priceInfo ===\n                      _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.algorithmFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.algorithmFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.algorithmFeature.priceInfo ===\n                      _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.algorithmFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.algorithmFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.price && _vm.dataItem.price.screenPrice > 0\n            ? _c(\"div\", [\n                _c(\"div\", { staticClass: \"invoice-item__middle__row\" }, [\n                  _c(\n                    \"span\",\n                    {\n                      staticClass:\n                        \"invoice-item__middle__row__title bold bold-title\",\n                    },\n                    [_vm._v(\"Ekran Ücreti\")]\n                  ),\n                  _vm._m(0),\n                  _c(\n                    \"span\",\n                    { staticClass: \"invoice-item__middle__row__total\" },\n                    [\n                      _vm._v(\n                        \" \" + _vm._s(_vm.formatPrice(_vm.screenPrice)) + \" ₺ \"\n                      ),\n                    ]\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n        ]),\n        _c(\n          \"div\",\n          { staticClass: \"invoice-item__bottom\" },\n          [\n            _c(\"base-icon\", { attrs: { name: \"question\" } }),\n            _vm.dataItem.paymentStatus === 0 && _vm.dataItem.isValidCommission\n              ? _c(\"p\", { staticClass: \"invoice-item__bottom__text\" }, [\n                  _c(\"span\", { staticClass: \"bold\" }, [_vm._v(\" Komisyon \")]),\n                  _vm._v(\" ya da \"),\n                  _c(\"span\", { staticClass: \"bold\" }, [_vm._v(\" BES/FON \")]),\n                  _vm._v(\n                    \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n                  ),\n                ])\n              : _vm.dataItem.paymentStatus === 0 &&\n                !_vm.dataItem.isValidCommission\n              ? _c(\"p\", { staticClass: \"invoice-item__bottom__text\" }, [\n                  _c(\"span\", { staticClass: \"bold\" }, [_vm._v(\" Komisyon \")]),\n                  _vm._v(\" ya da \"),\n                  _c(\"span\", { staticClass: \"bold\" }, [_vm._v(\" BES/FON \")]),\n                  _vm._v(\n                    \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n                  ),\n                ])\n              : _vm.dataItem.paymentStatus === 1\n              ? _c(\"p\", { staticClass: \"invoice-item__bottom__text\" }, [\n                  _c(\"span\", { staticClass: \"bold\" }, [\n                    _vm._v(\" Masraf Ödeme durumunuz \"),\n                  ]),\n                  _c(\"span\", { staticClass: \"bold\" }, [\n                    _vm._v(\" “Her zaman müşteri”\"),\n                  ]),\n                  _vm._v(\n                    \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n                  ),\n                ])\n              : _vm.dataItem.paymentStatus === 2\n              ? _c(\"p\", { staticClass: \"invoice-item__bottom__text\" }, [\n                  _c(\"span\", { staticClass: \"bold\" }, [\n                    _vm._v(\" Masraf ödeme durumu \"),\n                  ]),\n                  _c(\"span\", { staticClass: \"bold\" }, [\n                    _vm._v(\" “Her zaman temsilci”\"),\n                  ]),\n                  _vm._v(\n                    \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n                  ),\n                ])\n              : _vm._e(),\n          ],\n          1\n        ),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"invoice-item__middle__row__detail\" }, [\n      _c(\"span\"),\n      _c(\"span\", { staticClass: \"spacer\" }),\n      _c(\"span\"),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22196c26b0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"staticRenderFns\", function() { return staticRenderFns; });\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"invoice-item-container\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"invoice-item\", class: { active: _vm.isActive } },\n      [\n        _c(\"div\", { staticClass: \"invoice-item__top\" }, [\n          _c(\"div\", { staticClass: \"invoice-item__top__left-area\" }, [\n            _c(\"p\", { staticClass: \"invoice-item__top__title bold\" }, [\n              _vm._v(\" \" + _vm._s(_vm.dataItem.title) + \" \"),\n            ]),\n            _c(\"p\", { staticClass: \"invoice-item__top-subtitle\" }, [\n              _vm._v(\" \" + _vm._s(_vm.dataItem.subtitle) + \" \"),\n            ]),\n          ]),\n          _c(\"div\", { staticClass: \"invoice-item__top__right-area\" }, [\n            _c(\"div\", { staticClass: \"invoice-item__top__start-date\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__start-date__title bold\" },\n                [_vm._v(\" Başlangıç Tarihi \")]\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__start-date__value\" },\n                [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        _vm._f(\"moment\")(_vm.dataItem.startDate, \"DD.MM.YYYY\")\n                      ) +\n                      \" \"\n                  ),\n                ]\n              ),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__top__com-bes\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__com-bes__title bold\" },\n                [_vm._v(\" Komisyon ve BES/FON Sonuç \")]\n              ),\n              _c(\"div\", { staticClass: \"invoice-item__top__com-bes__value\" }, [\n                _vm.dataItem.paymentStatus === 1\n                  ? _c(\"span\", [_vm._v(\" 0 TL\")])\n                  : _vm._e(),\n                _vm.dataItem.paymentStatus === 2\n                  ? _c(\"span\", [\n                      _vm._v(\n                        \" + (\" +\n                          _vm._s(_vm.totalPriceCalc.toLocaleString()) +\n                          \")\"\n                      ),\n                    ])\n                  : _vm._e(),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__top__total\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__total__title bold\" },\n                [_vm._v(\"Toplam Tutar\")]\n              ),\n              _c(\"div\", { staticClass: \"invoice-item__top__total__value\" }, [\n                _vm._v(\n                  \" - (\" + _vm._s(_vm.totalPriceCalc.toLocaleString()) + \") \"\n                ),\n              ]),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__top__total\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"invoice-item__top__total__title bold\" },\n                [_vm._v(\"Ödeme Durumu\")]\n              ),\n              _vm.dataItem.paymentStatus == \"0\"\n                ? _c(\"span\", [\n                    _vm._v(\n                      \"Limit altında müşteri, üstünde temsilci(Varsayılan)\"\n                    ),\n                  ])\n                : _vm._e(),\n              _vm.dataItem.paymentStatus == \"1\"\n                ? _c(\"span\", [_vm._v(\"Her zaman müşteri\")])\n                : _vm._e(),\n              _vm.dataItem.paymentStatus == \"2\"\n                ? _c(\"span\", [_vm._v(\"Her zaman temsilci\")])\n                : _vm._e(),\n            ]),\n            _c(\n              \"div\",\n              {\n                staticClass: \"invoice-item__top__hide\",\n                on: { click: _vm.toggle },\n              },\n              [\n                _c(\"span\", { staticClass: \"invoice-item__top__hide__text\" }, [\n                  _vm._v(\" \" + _vm._s(_vm.showHideText) + \" \"),\n                ]),\n                _c(\n                  \"span\",\n                  { staticClass: \"invoice-item__top__hide__arrow\" },\n                  [_c(\"base-icon\", { attrs: { name: \"chevron-down\" } })],\n                  1\n                ),\n              ]\n            ),\n          ]),\n        ]),\n        _c(\"div\", { staticClass: \"invoice-item__middle\" }, [\n          _vm.dataItem.package && _vm.dataItem.package.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.package, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.marketFeature && item.marketFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold bold-title\",\n                            },\n                            [_vm._v(_vm._s(item.marketFeature.name))]\n                          )\n                        : _vm._e(),\n                      _c(\n                        \"div\",\n                        { staticClass: \"invoice-item__middle__row__detail\" },\n                        [\n                          item.perspectiveFeature &&\n                          item.perspectiveFeature.name\n                            ? _c(\"span\", [\n                                _vm._v(_vm._s(item.perspectiveFeature.name)),\n                              ])\n                            : _vm._e(),\n                          _c(\"span\", { staticClass: \"spacer\" }),\n                          item.vendorFeature && item.vendorFeature.name\n                            ? _c(\"span\", [\n                                _vm._v(\" \" + _vm._s(item.vendorFeature.name)),\n                              ])\n                            : _vm._e(),\n                        ]\n                      ),\n                      item.marketFeature.priceInfo === _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.totalPrice.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.marketFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.marketFeature.priceInfo === _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.totalPrice.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.marketFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.marketFeature.priceInfo === _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.totalPrice.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.marketFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.research && _vm.dataItem.research.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.research, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.researchFeature && item.researchFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold\",\n                            },\n                            [_vm._v(_vm._s(item.researchFeature.name))]\n                          )\n                        : _vm._e(),\n                      item.researchFeature.priceInfo === _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.researchFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.researchFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.researchFeature.priceInfo ===\n                      _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.researchFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.researchFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.researchFeature.priceInfo === _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.researchFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.researchFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.foreignIndice && _vm.dataItem.foreignIndice.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.foreignIndice, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.foreignIndiceFeature &&\n                      item.foreignIndiceFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold\",\n                            },\n                            [_vm._v(_vm._s(item.foreignIndiceFeature.name))]\n                          )\n                        : _vm._e(),\n                      item.foreignIndiceFeature.priceInfo ===\n                      _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.foreignIndiceFeature.priceInfo) +\n                                  \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.foreignIndiceFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.foreignIndiceFeature.priceInfo ===\n                      _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.foreignIndiceFeature.priceInfo) +\n                                  \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.foreignIndiceFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.foreignIndiceFeature.priceInfo ===\n                      _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(item.foreignIndiceFeature.priceInfo) +\n                                  \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.foreignIndiceFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.algorithm && _vm.dataItem.algorithm.length > 0\n            ? _c(\n                \"div\",\n                _vm._l(_vm.dataItem.algorithm, function (item) {\n                  return _c(\n                    \"div\",\n                    { key: item.id, staticClass: \"invoice-item__middle__row\" },\n                    [\n                      item.algorithmFeature && item.algorithmFeature.name\n                        ? _c(\n                            \"span\",\n                            {\n                              staticClass:\n                                \"invoice-item__middle__row__title bold\",\n                            },\n                            [_vm._v(_vm._s(item.algorithmFeature.name))]\n                          )\n                        : _vm._e(),\n                      item.algorithmFeature.priceInfo === _vm.currencySymbol.tl\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPrice(\n                                      item.algorithmFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.algorithmFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.algorithmFeature.priceInfo ===\n                      _vm.currencySymbol.dolar\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceDollar(\n                                      item.algorithmFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.algorithmFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                      item.algorithmFeature.priceInfo ===\n                      _vm.currencySymbol.euro\n                        ? _c(\n                            \"span\",\n                            { staticClass: \"invoice-item__middle__row__total\" },\n                            [\n                              _vm._v(\n                                \" \" +\n                                  _vm._s(\n                                    _vm.formatPriceEuro(\n                                      item.algorithmFeature.price.toLocaleString()\n                                    )\n                                  ) +\n                                  \" \" +\n                                  _vm._s(item.algorithmFeature.priceInfo) +\n                                  \" \"\n                              ),\n                            ]\n                          )\n                        : _vm._e(),\n                    ]\n                  )\n                }),\n                0\n              )\n            : _vm._e(),\n          _vm.dataItem.price && _vm.dataItem.price.screenPrice > 0\n            ? _c(\"div\", [\n                _c(\"div\", { staticClass: \"invoice-item__middle__row\" }, [\n                  _c(\n                    \"span\",\n                    {\n                      staticClass:\n                        \"invoice-item__middle__row__title bold bold-title\",\n                    },\n                    [_vm._v(\"Ekran Ücreti\")]\n                  ),\n                  _vm._m(0),\n                  _c(\n                    \"span\",\n                    { staticClass: \"invoice-item__middle__row__total\" },\n                    [\n                      _vm._v(\n                        \" \" + _vm._s(_vm.formatPrice(_vm.screenPrice)) + \" ₺ \"\n                      ),\n                    ]\n                  ),\n                ]),\n              ])\n            : _vm._e(),\n        ]),\n        _c(\n          \"div\",\n          { staticClass: \"invoice-item__bottom\" },\n          [\n            _c(\"base-icon\", {\n              staticClass: \"ovd_only\",\n              attrs: { name: \"question\" },\n            }),\n            _c(\"div\", { staticClass: \"invoice-item__bottom__items\" }, [\n              _vm.dataItem.paymentStatus === 0 && _vm.dataItem.isValidCommission\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass: \"invoice-item__bottom__items__text ovd_only\",\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" Komisyon \"),\n                      ]),\n                      _vm._v(\" ya da \"),\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" BES/FON \"),\n                      ]),\n                      _vm._v(\n                        \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmiştir. \"\n                      ),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__bottom__items\" }, [\n              _vm.dataItem.paymentStatus === 0 &&\n              !_vm.dataItem.isValidCommission\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass: \"invoice-item__bottom__items__text ovd_only\",\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" Komisyon \"),\n                      ]),\n                      _vm._v(\" ya da \"),\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" BES/FON \"),\n                      ]),\n                      _vm._v(\n                        \" şartı sağlanmadığı için veri paketi ücreti tahsil edilmemiştir. \"\n                      ),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__bottom__items\" }, [\n              _vm.dataItem.paymentStatus === 1\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass: \"invoice-item__bottom__items__text ovd_only\",\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" Masraf Ödeme durumunuz \"),\n                      ]),\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" “Her zaman müşteri”\"),\n                      ]),\n                      _vm._v(\n                        \" olması sebepli ekran ücreti tarafınıza yansıtılmıştır. \"\n                      ),\n                    ]\n                  )\n                : _vm._e(),\n              _vm.dataItem.paymentStatus === 1\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass:\n                        \"invoice-item__bottom__items__text other_platforms\",\n                      attrs: {\n                        \"data-paymentStatus\": _vm.dataItem.paymentStatus,\n                      },\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" Ekran ücreti tahsil edilmiştir.\"),\n                      ]),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n            _c(\"div\", { staticClass: \"invoice-item__bottom__items\" }, [\n              _vm.dataItem.paymentStatus === 2\n                ? _c(\n                    \"p\",\n                    {\n                      staticClass: \"invoice-item__bottom__items__text ovd_only\",\n                    },\n                    [\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" Masraf ödeme durumu \"),\n                      ]),\n                      _c(\"span\", { staticClass: \"bold\" }, [\n                        _vm._v(\" “Her zaman temsilci”\"),\n                      ]),\n                      _vm._v(\n                        \" olması sebepli ekran ücreti temsilcinize yansıtılmıştır. \"\n                      ),\n                    ]\n                  )\n                : _vm._e(),\n            ]),\n          ],\n          1\n        ),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"invoice-item__middle__row__detail\" }, [\n      _c(\"span\"),\n      _c(\"span\", { staticClass: \"spacer\" }),\n      _c(\"span\"),\n    ])\n  },\n]\nrender._withStripped = true\n\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.vue?./node_modules/cache-loader/dist/cjs.js?%7B%22cacheDirectory%22:%22node_modules/.cache/vue-loader%22,%22cacheIdentifier%22:%22196c26b0-vue-loader-template%22%7D!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 /***/ }),
@@ -3650,7 +3650,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, \".invoice-item-container[data-v-1f680715] {\\n  overflow-y: auto;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 20px;\\n    padding: 25px 20px;\\n    border-radius: var(--radius-second);\\n    font-family: \\\"Roboto\\\", sans-serif;\\n    box-sizing: border-box;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: block;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.6;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 14px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 14px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n}\\n.invoice-item-container .invoice-item__middle__row__detail[data-v-1f680715] {\\n          position: absolute;\\n          left: 10%;\\n          display: flex;\\n          align-items: center;\\n          top: 0;\\n          bottom: 0;\\n}\\n.invoice-item-container .invoice-item__middle__row__total[data-v-1f680715] {\\n          position: absolute;\\n          right: 5px;\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n      padding-top: 20px;\\n}\\n.invoice-item-container .invoice-item__bottom__text[data-v-1f680715] {\\n        margin-left: 7px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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, \".invoice-item-container[data-v-1f680715] {\\n  overflow-y: auto;\\n}\\n.invoice-item-container .invoice-item[data-v-1f680715] {\\n    width: 100%;\\n    min-width: 850px;\\n    border: 1px solid var(--grayscale-30);\\n    background-color: var(--grayscale-0);\\n    margin-bottom: 20px;\\n    padding: 25px 20px;\\n    border-radius: var(--radius-second);\\n    font-family: \\\"Roboto\\\", sans-serif;\\n    box-sizing: border-box;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__middle[data-v-1f680715] {\\n      display: block;\\n}\\n.invoice-item-container .invoice-item.active .invoice-item__top__hide__arrow[data-v-1f680715] {\\n      transform: rotate(180deg);\\n}\\n.invoice-item-container .invoice-item .bold[data-v-1f680715] {\\n      font-weight: bold;\\n}\\n@media (max-width: 676px) {\\n.invoice-item-container .invoice-item .bold-title[data-v-1f680715] {\\n        font-size: 12px !important;\\n}\\n}\\n.invoice-item-container .invoice-item .spacer[data-v-1f680715] {\\n      margin: 0 10px;\\n}\\n.invoice-item-container .invoice-item__top[data-v-1f680715] {\\n      border-bottom: 1px solid var(--grayscale-30);\\n      padding-bottom: 20px;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n.invoice-item-container .invoice-item__top .bold[data-v-1f680715] {\\n        margin-bottom: 5px;\\n}\\n.invoice-item-container .invoice-item__top__title[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__subtitle[data-v-1f680715] {\\n        font-size: 16px;\\n}\\n.invoice-item-container .invoice-item__top__left-area[data-v-1f680715] {\\n        width: 165px;\\n}\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n        display: flex;\\n        flex: 0.6;\\n        justify-content: space-between;\\n        text-align: center;\\n        font-size: 14px;\\n}\\n@media (max-width: 1025px) {\\n.invoice-item-container .invoice-item__top__right-area[data-v-1f680715] {\\n            flex: 0.9;\\n}\\n}\\n.invoice-item-container .invoice-item__top__hide[data-v-1f680715] {\\n        display: flex;\\n        align-items: center;\\n        font-size: 14px;\\n        color: var(--grayscale-50);\\n        cursor: pointer;\\n}\\n.invoice-item-container .invoice-item__top__hide__text[data-v-1f680715] {\\n          margin-right: 3px;\\n}\\n.invoice-item-container .invoice-item__top__hide__arrow[data-v-1f680715] {\\n          transition: 0.5s;\\n}\\n.invoice-item-container .invoice-item__middle[data-v-1f680715] {\\n      display: none;\\n}\\n.invoice-item-container .invoice-item__middle__row[data-v-1f680715] {\\n        position: relative;\\n        padding: 15px 0;\\n        border-bottom: 1px solid var(--grayscale-30);\\n}\\n.invoice-item-container .invoice-item__middle__row__detail[data-v-1f680715] {\\n          position: absolute;\\n          left: 10%;\\n          display: flex;\\n          align-items: center;\\n          top: 0;\\n          bottom: 0;\\n}\\n.invoice-item-container .invoice-item__middle__row__total[data-v-1f680715] {\\n          position: absolute;\\n          right: 5px;\\n}\\n.invoice-item-container .invoice-item__bottom[data-v-1f680715] {\\n      display: flex;\\n      align-items: center;\\n      padding-top: 20px;\\n}\\n.invoice-item-container .invoice-item__bottom__items__text[data-v-1f680715] {\\n        margin-left: 7px;\\n}\\n.invoice-item-container .invoice-item__bottom__items__text.other_platforms[data-v-1f680715] {\\n          display: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataInvoiceItem.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");
 /***/ }),
@@ -3661,7 +3661,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".data-request-item[data-v-7df43477] {\\n  border: 1px solid var(--grayscale-30);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);\\n}\\n.data-request-item__top[data-v-7df43477] {\\n    justify-content: space-between;\\n    display: flex;\\n    margin: 20px 15px 0;\\n    padding-bottom: 20px;\\n    border-bottom: solid 1px #d4d4d7;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top[data-v-7df43477] {\\n        flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n      font-size: 13px;\\n      color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n      flex: 0.6;\\n      display: flex;\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n        margin-right: 20px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n          width: 60px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n          background: var(--grayscale-20);\\n          padding: 4px 10px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n          max-width: 110px;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n                font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n              margin-left: 4px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n            margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n          line-height: 25px;\\n}\\n@media (min-width: 1200px) {\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n              width: 200px;\\n}\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n      flex: 0.4;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          margin-top: 10px;\\n}\\n}\\n@media (max-width: 460px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          flex-wrap: wrap;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n}\\n@media (max-width: 460px) {\\n.data-request-item__top .right .col[data-v-7df43477] {\\n            width: 50%;\\n            text-align: center;\\n}\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n          line-height: 26px;\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle[data-v-7df43477], .data-request-item__bottom[data-v-7df43477] {\\n    padding: 20px 15px;\\n    display: flex;\\n    justify-content: space-between;\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n    .data-request-item__middle .right[data-v-7df43477], .data-request-item__bottom .left[data-v-7df43477],\\n    .data-request-item__bottom .right[data-v-7df43477] {\\n      display: flex;\\n}\\n.data-request-item__middle .left .item[data-v-7df43477],\\n      .data-request-item__middle .right .item[data-v-7df43477], .data-request-item__bottom .left .item[data-v-7df43477],\\n      .data-request-item__bottom .right .item[data-v-7df43477] {\\n        margin-right: 10px;\\n}\\n.data-request-item__middle .left .item span[data-v-7df43477],\\n        .data-request-item__middle .right .item span[data-v-7df43477], .data-request-item__bottom .left .item span[data-v-7df43477],\\n        .data-request-item__bottom .right .item span[data-v-7df43477] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n        .data-request-item__middle .right .item strong[data-v-7df43477], .data-request-item__bottom .left .item strong[data-v-7df43477],\\n        .data-request-item__bottom .right .item strong[data-v-7df43477] {\\n          margin: 5px;\\n          font-size: 13px;\\n          font-family: \\\"Roboto\\\", sans-serif;\\n}\\n@media (max-width: 459px) {\\n.data-request-item__middle .left.package-container[data-v-7df43477], .data-request-item__bottom .left.package-container[data-v-7df43477] {\\n        width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477], .data-request-item__bottom .left.package-container .item[data-v-7df43477] {\\n          width: 100%;\\n          text-align: center;\\n          flex-flow: unset;\\n          flex-wrap: wrap;\\n}\\n}\\n@media (max-width: 620px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n      display: block;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-20);\\n    padding: 18px 15px;\\n}\\n@media (max-width: 460px) {\\n.data-request-item__bottom[data-v-7df43477] {\\n        flex-flow: column;\\n}\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n      display: flex;\\n      align-items: center;\\n}\\n@media (max-width: 460px) {\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n          margin-bottom: 10px;\\n          flex-flow: column;\\n}\\n}\\n.data-request-item__bottom .left .item .spacer[data-v-7df43477] {\\n        margin: 0 3px;\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n      align-items: center;\\n}\\n.data-request-item__bottom .button-area[data-v-7df43477] {\\n      padding: 0 10px;\\n      font-family: \\\"Roboto\\\", sans-serif;\\n      width: 100%;\\n      height: 30px;\\n      font-size: 12pt;\\n      text-align: center;\\n      cursor: pointer;\\n      font-weight: 500;\\n      border-radius: var(--radius-first);\\n      position: relative;\\n      display: flex;\\n      flex: 1;\\n      align-items: center;\\n      border: 1px solid;\\n}\\n.data-request-item__bottom .button-area.d-none[data-v-7df43477] {\\n        display: none;\\n}\\n.data-request-item__bottom .button-area .text[data-v-7df43477] {\\n        margin-left: 5px;\\n}\\n.data-request-item__bottom .button-area .dropdown[data-v-7df43477] {\\n        visibility: hidden;\\n        opacity: 0;\\n        position: absolute;\\n        width: 165px;\\n        right: 0;\\n        top: 31px;\\n        background-color: #fff;\\n        border-radius: var(--radius-first);\\n        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n        z-index: 1;\\n        padding: 7px 0;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-7df43477] {\\n          padding: 7px 15px;\\n          text-align: left;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-7df43477]:hover {\\n            background: #e9e9eb;\\n}\\n.data-request-item__bottom .button-area .dropdown-item__text[data-v-7df43477] {\\n            font-size: 14px;\\n}\\n.data-request-item__bottom .button-area:hover .dropdown[data-v-7df43477] {\\n        visibility: visible;\\n        opacity: 1;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n    position: relative;\\n    bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\n    height: 40px;\\n    border-bottom: 1px solid var(--grayscale-30);\\n    display: flex;\\n    align-items: center;\\n    padding: 15px 30px;\\n    justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n      margin: 5px;\\n      cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\n    margin-top: 1em;\\n    border-top: 1px solid var(--grayscale-30);\\n    display: flex;\\n    justify-content: flex-end;\\n    padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n      background-color: var(--color-warning);\\n      color: var(--grayscale-0);\\n      width: 180px;\\n      font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n    padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n      display: flex;\\n      align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n      margin-right: 30px;\\n      width: 96px;\\n      height: 140px;\\n      -o-object-fit: contain;\\n      object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n      margin: 5px 0;\\n      font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\n      font-size: 20px;\\n      font-weight: bold;\\n      margin-top: 5px;\\n}\\n.data-request-item__price[data-v-7df43477] {\\n    margin-right: 20px;\\n}\\n.data-request-item__status[data-v-7df43477] {\\n    padding: 6px 12px;\\n    border-radius: var(--radius-third);\\n    background-color: #f3f3f3;\\n    font-size: 14px;\\n    margin-left: 13px;\\n}\\n@media (max-width: 415px) {\\n.data-request-item__status[data-v-7df43477] {\\n        margin-left: 0;\\n        padding: 0;\\n        background-color: transparent;\\n        font-weight: bold;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".data-request-item[data-v-7df43477] {\\n  border: 1px solid var(--grayscale-30);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);\\n}\\n.data-request-item__top[data-v-7df43477] {\\n    justify-content: space-between;\\n    display: flex;\\n    margin: 20px 15px 0;\\n    padding-bottom: 20px;\\n    border-bottom: solid 1px #d4d4d7;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top[data-v-7df43477] {\\n        flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-7df43477] {\\n      font-size: 13px;\\n      color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-7df43477] {\\n      flex: 0.6;\\n      display: flex;\\n}\\n.data-request-item__top .left .section[data-v-7df43477] {\\n        margin-right: 20px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section[data-v-7df43477] {\\n            flex-wrap: wrap;\\n            justify-content: start;\\n}\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-7df43477] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-7df43477] {\\n          width: 60px;\\n}\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n          background: var(--grayscale-20);\\n          padding: 4px 10px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n          max-width: 110px;\\n}\\n@media (max-width: 941px) {\\n.data-request-item__top .left .section .tag[data-v-7df43477] {\\n              margin-bottom: 5px;\\n              padding: 2px 8px;\\n}\\n}\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n@media (max-width: 400px) {\\n.data-request-item__top .left .section .tag .text[data-v-7df43477] {\\n                font-size: 10px !important;\\n}\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-7df43477] {\\n              margin-left: 4px;\\n}\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-7df43477] {\\n            margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-7df43477] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n          line-height: 25px;\\n}\\n@media (min-width: 1200px) {\\n.data-request-item__top .left .section-1 h5[data-v-7df43477] {\\n              width: 200px;\\n}\\n}\\n.data-request-item__top .right[data-v-7df43477] {\\n      flex: 0.4;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          margin-top: 10px;\\n}\\n}\\n@media (max-width: 460px) {\\n.data-request-item__top .right[data-v-7df43477] {\\n          flex-wrap: wrap;\\n}\\n}\\n.data-request-item__top .right .col[data-v-7df43477] {\\n        align-items: center;\\n        justify-content: center;\\n        flex-direction: column;\\n}\\n@media (max-width: 460px) {\\n.data-request-item__top .right .col[data-v-7df43477] {\\n            width: 50%;\\n            text-align: center;\\n}\\n}\\n.data-request-item__top .right .col h6[data-v-7df43477] {\\n          line-height: 26px;\\n}\\n.data-request-item__top .right .col span[data-v-7df43477] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle[data-v-7df43477], .data-request-item__bottom[data-v-7df43477] {\\n    padding: 20px 15px;\\n    display: flex;\\n    justify-content: space-between;\\n}\\n.data-request-item__middle .left[data-v-7df43477],\\n    .data-request-item__middle .right[data-v-7df43477], .data-request-item__bottom .left[data-v-7df43477],\\n    .data-request-item__bottom .right[data-v-7df43477] {\\n      display: flex;\\n}\\n.data-request-item__middle .left .item[data-v-7df43477],\\n      .data-request-item__middle .right .item[data-v-7df43477], .data-request-item__bottom .left .item[data-v-7df43477],\\n      .data-request-item__bottom .right .item[data-v-7df43477] {\\n        margin-right: 10px;\\n}\\n.data-request-item__middle .left .item span[data-v-7df43477],\\n        .data-request-item__middle .right .item span[data-v-7df43477], .data-request-item__bottom .left .item span[data-v-7df43477],\\n        .data-request-item__bottom .right .item span[data-v-7df43477] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-7df43477],\\n        .data-request-item__middle .right .item strong[data-v-7df43477], .data-request-item__bottom .left .item strong[data-v-7df43477],\\n        .data-request-item__bottom .right .item strong[data-v-7df43477] {\\n          margin: 5px;\\n          font-size: 13px;\\n          font-family: \\\"Roboto\\\", sans-serif;\\n}\\n@media (max-width: 459px) {\\n.data-request-item__middle .left.package-container[data-v-7df43477], .data-request-item__bottom .left.package-container[data-v-7df43477] {\\n        width: 100%;\\n}\\n.data-request-item__middle .left.package-container .item[data-v-7df43477], .data-request-item__bottom .left.package-container .item[data-v-7df43477] {\\n          width: 100%;\\n          text-align: center;\\n          flex-flow: unset;\\n          flex-wrap: wrap;\\n}\\n}\\n@media (max-width: 620px) {\\n.data-request-item__middle .left[data-v-7df43477] {\\n      display: block;\\n}\\n}\\n.data-request-item__bottom[data-v-7df43477] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-20);\\n    padding: 18px 15px;\\n}\\n@media (max-width: 460px) {\\n.data-request-item__bottom[data-v-7df43477] {\\n        flex-flow: column;\\n}\\n}\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n      display: flex;\\n      align-items: center;\\n}\\n@media (max-width: 460px) {\\n.data-request-item__bottom .left .item[data-v-7df43477] {\\n          margin-bottom: 10px;\\n          flex-flow: column;\\n}\\n}\\n.data-request-item__bottom .left .item .spacer[data-v-7df43477] {\\n        margin: 0 3px;\\n}\\n.data-request-item__bottom .right[data-v-7df43477] {\\n      align-items: center;\\n}\\n.data-request-item__bottom .button-area[data-v-7df43477] {\\n      padding: 0 10px;\\n      font-family: \\\"Roboto\\\", sans-serif;\\n      width: 100%;\\n      height: 30px;\\n      font-size: 12pt;\\n      text-align: center;\\n      cursor: pointer;\\n      font-weight: 500;\\n      border-radius: var(--radius-first);\\n      position: relative;\\n      display: flex;\\n      flex: 1;\\n      align-items: center;\\n      border: 1px solid;\\n}\\n.data-request-item__bottom .button-area.d-none[data-v-7df43477] {\\n        display: none;\\n}\\n.data-request-item__bottom .button-area .text[data-v-7df43477] {\\n        margin-left: 5px;\\n}\\n.data-request-item__bottom .button-area .dropdown[data-v-7df43477] {\\n        visibility: hidden;\\n        opacity: 0;\\n        position: absolute;\\n        width: 165px;\\n        right: 0;\\n        top: 31px;\\n        background-color: #fff;\\n        border-radius: var(--radius-first);\\n        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n        z-index: 1;\\n        padding: 7px 0;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-7df43477] {\\n          padding: 7px 15px;\\n          text-align: left;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-7df43477]:hover {\\n            background: #e9e9eb;\\n}\\n.data-request-item__bottom .button-area .dropdown-item__text[data-v-7df43477] {\\n            font-size: 14px;\\n}\\n.data-request-item__bottom .button-area:hover .dropdown[data-v-7df43477] {\\n        visibility: visible;\\n        opacity: 1;\\n}\\n.data-request-item .cancel-modal[data-v-7df43477] {\\n    z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-7df43477] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-7df43477] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-7df43477] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-7df43477] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-bottom .base-button[data-v-7df43477] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-7df43477] {\\n      padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-7df43477] {\\n        display: flex;\\n        align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-7df43477] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-7df43477] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-7df43477] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.data-request-item__price[data-v-7df43477] {\\n    margin-right: 20px;\\n}\\n.data-request-item__status[data-v-7df43477] {\\n    padding: 6px 12px;\\n    border-radius: var(--radius-third);\\n    background-color: #f3f3f3;\\n    font-size: 14px;\\n    margin-left: 13px;\\n}\\n@media (max-width: 415px) {\\n.data-request-item__status[data-v-7df43477] {\\n        margin-left: 0;\\n        padding: 0;\\n        background-color: transparent;\\n        font-weight: bold;\\n}\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/customer/DataRequestItem.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
 /***/ }),
@@ -3859,7 +3859,7 @@ eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../.
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
-eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".data-request-item[data-v-3b26ebe7] {\\n  border: 1px solid var(--grayscale-30);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);\\n}\\n.data-request-item__top[data-v-3b26ebe7] {\\n    justify-content: space-between;\\n    display: flex;\\n    margin: 20px 15px 0;\\n    padding-bottom: 20px;\\n    border-bottom: solid 1px #d4d4d7;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top[data-v-3b26ebe7] {\\n        flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-3b26ebe7] {\\n      font-size: 13px;\\n      color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-3b26ebe7] {\\n      flex: 0.6;\\n      display: flex;\\n}\\n.data-request-item__top .left .section[data-v-3b26ebe7] {\\n        margin-right: 20px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-3b26ebe7] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-3b26ebe7] {\\n          width: 60px;\\n}\\n.data-request-item__top .left .section .tag[data-v-3b26ebe7] {\\n          background: var(--grayscale-20);\\n          padding: 4px 10px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n          max-width: 110px;\\n}\\n.data-request-item__top .left .section .tag .text[data-v-3b26ebe7] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-3b26ebe7] {\\n              margin-left: 4px;\\n}\\n.data-request-item__top .left .section-2[data-v-3b26ebe7] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-3b26ebe7] {\\n            margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-3b26ebe7] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-3b26ebe7] {\\n          line-height: 25px;\\n}\\n@media (min-width: 1200px) {\\n.data-request-item__top .left .section-1 h5[data-v-3b26ebe7] {\\n              width: 200px;\\n}\\n}\\n.data-request-item__top .right[data-v-3b26ebe7] {\\n      flex: 0.4;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-3b26ebe7] {\\n          margin-top: 10px;\\n}\\n}\\n.data-request-item__top .right .col[data-v-3b26ebe7] {\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n        flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-3b26ebe7] {\\n          line-height: 26px;\\n}\\n.data-request-item__top .right .col span[data-v-3b26ebe7] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle[data-v-3b26ebe7], .data-request-item__bottom[data-v-3b26ebe7] {\\n    padding: 20px 15px;\\n    display: flex;\\n    justify-content: space-between;\\n}\\n.data-request-item__middle .left[data-v-3b26ebe7],\\n    .data-request-item__middle .right[data-v-3b26ebe7], .data-request-item__bottom .left[data-v-3b26ebe7],\\n    .data-request-item__bottom .right[data-v-3b26ebe7] {\\n      display: flex;\\n}\\n.data-request-item__middle .left .item[data-v-3b26ebe7],\\n      .data-request-item__middle .right .item[data-v-3b26ebe7], .data-request-item__bottom .left .item[data-v-3b26ebe7],\\n      .data-request-item__bottom .right .item[data-v-3b26ebe7] {\\n        margin-right: 10px;\\n}\\n.data-request-item__middle .left .item span[data-v-3b26ebe7],\\n        .data-request-item__middle .right .item span[data-v-3b26ebe7], .data-request-item__bottom .left .item span[data-v-3b26ebe7],\\n        .data-request-item__bottom .right .item span[data-v-3b26ebe7] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-3b26ebe7],\\n        .data-request-item__middle .right .item strong[data-v-3b26ebe7], .data-request-item__bottom .left .item strong[data-v-3b26ebe7],\\n        .data-request-item__bottom .right .item strong[data-v-3b26ebe7] {\\n          margin: 5px;\\n          font-size: 13px;\\n          font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.data-request-item__bottom[data-v-3b26ebe7] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-20);\\n    padding: 18px 15px;\\n}\\n.data-request-item__bottom .left .item[data-v-3b26ebe7] {\\n      display: flex;\\n      align-items: center;\\n}\\n.data-request-item__bottom .left .item .spacer[data-v-3b26ebe7] {\\n        margin: 0 3px;\\n}\\n.data-request-item__bottom .right[data-v-3b26ebe7] {\\n      align-items: center;\\n}\\n.data-request-item__bottom .button-area[data-v-3b26ebe7] {\\n      padding: 0 10px;\\n      font-family: \\\"Roboto\\\", sans-serif;\\n      width: 100%;\\n      height: 30px;\\n      font-size: 12pt;\\n      text-align: center;\\n      cursor: pointer;\\n      font-weight: 500;\\n      border-radius: var(--radius-first);\\n      position: relative;\\n      display: flex;\\n      flex: 1;\\n      align-items: center;\\n      border: 1px solid;\\n}\\n.data-request-item__bottom .button-area .text[data-v-3b26ebe7] {\\n        margin-left: 5px;\\n}\\n.data-request-item__bottom .button-area .dropdown[data-v-3b26ebe7] {\\n        visibility: hidden;\\n        opacity: 0;\\n        position: absolute;\\n        width: 165px;\\n        right: 0;\\n        top: 32px;\\n        background-color: #fff;\\n        border-radius: var(--radius-first);\\n        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n        z-index: 1;\\n        padding: 7px 0;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-3b26ebe7] {\\n          padding: 7px 15px;\\n          text-align: left;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-3b26ebe7]:hover {\\n            background: #e9e9eb;\\n}\\n.data-request-item__bottom .button-area .dropdown-item__text[data-v-3b26ebe7] {\\n            font-size: 14px;\\n}\\n.data-request-item__bottom .button-area:hover .dropdown[data-v-3b26ebe7] {\\n        visibility: visible;\\n        opacity: 1;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-3b26ebe7] {\\n    position: relative;\\n    bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-3b26ebe7] {\\n    height: 40px;\\n    border-bottom: 1px solid var(--grayscale-30);\\n    display: flex;\\n    align-items: center;\\n    padding: 15px 30px;\\n    justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-3b26ebe7] {\\n      margin: 5px;\\n      cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-3b26ebe7] {\\n    margin-top: 1em;\\n    border-top: 1px solid var(--grayscale-30);\\n    display: flex;\\n    justify-content: flex-end;\\n    padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-bottom .base-button[data-v-3b26ebe7] {\\n      background-color: var(--color-warning);\\n      color: var(--grayscale-0);\\n      width: 180px;\\n      font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-3b26ebe7] {\\n    padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-3b26ebe7] {\\n      display: flex;\\n      align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-3b26ebe7] {\\n      margin-right: 30px;\\n      width: 96px;\\n      height: 140px;\\n      -o-object-fit: contain;\\n      object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-3b26ebe7] {\\n      margin: 5px 0;\\n      font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-3b26ebe7] {\\n      font-size: 20px;\\n      font-weight: bold;\\n      margin-top: 5px;\\n}\\n.data-request-item__price[data-v-3b26ebe7] {\\n    margin-right: 20px;\\n}\\n.data-request-item__status[data-v-3b26ebe7] {\\n    padding: 6px 12px;\\n    border-radius: var(--radius-third);\\n    background-color: #f3f3f3;\\n    font-size: 14px;\\n    margin-left: 13px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/recommendedPackages/Table.vue?./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--9-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/@vue/cli-service/node_modules/vue-loader/lib??vue-loader-options");
+eval("// Imports\nvar ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.i, \".data-request-item[data-v-3b26ebe7] {\\n  border: 1px solid var(--grayscale-30);\\n  width: 100%;\\n  background: var(--grayscale-0);\\n  margin-bottom: 20px;\\n  border-radius: var(--radius-first);\\n  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);\\n}\\n.data-request-item__top[data-v-3b26ebe7] {\\n    justify-content: space-between;\\n    display: flex;\\n    margin: 20px 15px 0;\\n    padding-bottom: 20px;\\n    border-bottom: solid 1px #d4d4d7;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top[data-v-3b26ebe7] {\\n        flex-direction: column;\\n}\\n}\\n.data-request-item__top span[data-v-3b26ebe7] {\\n      font-size: 13px;\\n      color: var(--grayscale-70);\\n}\\n.data-request-item__top .left[data-v-3b26ebe7] {\\n      flex: 0.6;\\n      display: flex;\\n}\\n.data-request-item__top .left .section[data-v-3b26ebe7] {\\n        margin-right: 20px;\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section.section-main[data-v-3b26ebe7] {\\n            flex-direction: column;\\n            align-items: flex-start;\\n}\\n}\\n.data-request-item__top .left .section img[data-v-3b26ebe7] {\\n          width: 60px;\\n}\\n.data-request-item__top .left .section .tag[data-v-3b26ebe7] {\\n          background: var(--grayscale-20);\\n          padding: 4px 10px;\\n          margin-right: 10px;\\n          border-radius: var(--radius-third);\\n          display: flex;\\n          align-items: center;\\n          text-align: center;\\n          max-width: 110px;\\n}\\n.data-request-item__top .left .section .tag .text[data-v-3b26ebe7] {\\n            font-size: 12px;\\n            text-overflow: ellipsis;\\n            display: flex;\\n            align-items: center;\\n}\\n.data-request-item__top .left .section .tag .text .icon[data-v-3b26ebe7] {\\n              margin-left: 4px;\\n}\\n.data-request-item__top .left .section-2[data-v-3b26ebe7] {\\n        flex-direction: row;\\n        align-items: unset;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .left .section-2[data-v-3b26ebe7] {\\n            margin-top: 11px;\\n}\\n}\\n.data-request-item__top .left .section-1[data-v-3b26ebe7] {\\n        flex-direction: column;\\n        align-items: start;\\n}\\n.data-request-item__top .left .section-1 h5[data-v-3b26ebe7] {\\n          line-height: 25px;\\n}\\n@media (min-width: 1200px) {\\n.data-request-item__top .left .section-1 h5[data-v-3b26ebe7] {\\n              width: 200px;\\n}\\n}\\n.data-request-item__top .right[data-v-3b26ebe7] {\\n      flex: 0.4;\\n      display: flex;\\n      justify-content: space-between;\\n}\\n@media (max-width: 1200px) {\\n.data-request-item__top .right[data-v-3b26ebe7] {\\n          margin-top: 10px;\\n}\\n}\\n.data-request-item__top .right .col[data-v-3b26ebe7] {\\n        align-items: center;\\n        justify-content: center;\\n        display: flex;\\n        flex-direction: column;\\n}\\n.data-request-item__top .right .col h6[data-v-3b26ebe7] {\\n          line-height: 26px;\\n}\\n.data-request-item__top .right .col span[data-v-3b26ebe7] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle[data-v-3b26ebe7], .data-request-item__bottom[data-v-3b26ebe7] {\\n    padding: 20px 15px;\\n    display: flex;\\n    justify-content: space-between;\\n}\\n.data-request-item__middle .left[data-v-3b26ebe7],\\n    .data-request-item__middle .right[data-v-3b26ebe7], .data-request-item__bottom .left[data-v-3b26ebe7],\\n    .data-request-item__bottom .right[data-v-3b26ebe7] {\\n      display: flex;\\n}\\n.data-request-item__middle .left .item[data-v-3b26ebe7],\\n      .data-request-item__middle .right .item[data-v-3b26ebe7], .data-request-item__bottom .left .item[data-v-3b26ebe7],\\n      .data-request-item__bottom .right .item[data-v-3b26ebe7] {\\n        margin-right: 10px;\\n}\\n.data-request-item__middle .left .item span[data-v-3b26ebe7],\\n        .data-request-item__middle .right .item span[data-v-3b26ebe7], .data-request-item__bottom .left .item span[data-v-3b26ebe7],\\n        .data-request-item__bottom .right .item span[data-v-3b26ebe7] {\\n          color: var(--grayscale-70);\\n}\\n.data-request-item__middle .left .item strong[data-v-3b26ebe7],\\n        .data-request-item__middle .right .item strong[data-v-3b26ebe7], .data-request-item__bottom .left .item strong[data-v-3b26ebe7],\\n        .data-request-item__bottom .right .item strong[data-v-3b26ebe7] {\\n          margin: 5px;\\n          font-size: 13px;\\n          font-family: \\\"Roboto\\\", sans-serif;\\n}\\n.data-request-item__bottom[data-v-3b26ebe7] {\\n    display: flex;\\n    align-items: center;\\n    background: var(--grayscale-20);\\n    padding: 18px 15px;\\n}\\n.data-request-item__bottom .left .item[data-v-3b26ebe7] {\\n      display: flex;\\n      align-items: center;\\n}\\n.data-request-item__bottom .left .item .spacer[data-v-3b26ebe7] {\\n        margin: 0 3px;\\n}\\n.data-request-item__bottom .right[data-v-3b26ebe7] {\\n      align-items: center;\\n}\\n.data-request-item__bottom .button-area[data-v-3b26ebe7] {\\n      padding: 0 10px;\\n      font-family: \\\"Roboto\\\", sans-serif;\\n      width: 100%;\\n      height: 30px;\\n      font-size: 12pt;\\n      text-align: center;\\n      cursor: pointer;\\n      font-weight: 500;\\n      border-radius: var(--radius-first);\\n      position: relative;\\n      display: flex;\\n      flex: 1;\\n      align-items: center;\\n      border: 1px solid;\\n}\\n.data-request-item__bottom .button-area .text[data-v-3b26ebe7] {\\n        margin-left: 5px;\\n}\\n.data-request-item__bottom .button-area .dropdown[data-v-3b26ebe7] {\\n        visibility: hidden;\\n        opacity: 0;\\n        position: absolute;\\n        width: 165px;\\n        right: 0;\\n        top: 32px;\\n        background-color: #fff;\\n        border-radius: var(--radius-first);\\n        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);\\n        z-index: 1;\\n        padding: 7px 0;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-3b26ebe7] {\\n          padding: 7px 15px;\\n          text-align: left;\\n}\\n.data-request-item__bottom .button-area .dropdown-item[data-v-3b26ebe7]:hover {\\n            background: #e9e9eb;\\n}\\n.data-request-item__bottom .button-area .dropdown-item__text[data-v-3b26ebe7] {\\n            font-size: 14px;\\n}\\n.data-request-item__bottom .button-area:hover .dropdown[data-v-3b26ebe7] {\\n        visibility: visible;\\n        opacity: 1;\\n}\\n.data-request-item .cancel-modal[data-v-3b26ebe7] {\\n    z-index: 9999;\\n}\\n.data-request-item .cancel-modal .infoArea[data-v-3b26ebe7] {\\n      position: relative;\\n      bottom: initial;\\n}\\n.data-request-item .cancel-modal .modal-heading[data-v-3b26ebe7] {\\n      height: 40px;\\n      border-bottom: 1px solid var(--grayscale-30);\\n      display: flex;\\n      align-items: center;\\n      padding: 15px 30px;\\n      justify-content: space-between;\\n}\\n.data-request-item .cancel-modal .modal-heading .close[data-v-3b26ebe7] {\\n        margin: 5px;\\n        cursor: pointer;\\n}\\n.data-request-item .cancel-modal .modal-bottom[data-v-3b26ebe7] {\\n      margin-top: 1em;\\n      border-top: 1px solid var(--grayscale-30);\\n      display: flex;\\n      justify-content: flex-end;\\n      padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-bottom .base-button[data-v-3b26ebe7] {\\n        background-color: var(--color-warning);\\n        color: var(--grayscale-0);\\n        width: 180px;\\n        font-size: 15px;\\n}\\n.data-request-item .cancel-modal .modal-body[data-v-3b26ebe7] {\\n      padding: 15px 30px;\\n}\\n.data-request-item .cancel-modal .modal-body__top[data-v-3b26ebe7] {\\n        display: flex;\\n        align-items: center;\\n}\\n.data-request-item .cancel-modal .modal-body__image .image[data-v-3b26ebe7] {\\n        margin-right: 30px;\\n        width: 96px;\\n        height: 140px;\\n        -o-object-fit: contain;\\n        object-fit: contain;\\n}\\n.data-request-item .cancel-modal .modal-body__info-platform[data-v-3b26ebe7] {\\n        margin: 5px 0;\\n        font-size: 16px;\\n}\\n.data-request-item .cancel-modal .modal-body__info_price[data-v-3b26ebe7] {\\n        font-size: 20px;\\n        font-weight: bold;\\n        margin-top: 5px;\\n}\\n.data-request-item__price[data-v-3b26ebe7] {\\n    margin-right: 20px;\\n}\\n.data-request-item__status[data-v-3b26ebe7] {\\n    padding: 6px 12px;\\n    border-radius: var(--radius-third);\\n    background-color: #f3f3f3;\\n    font-size: 14px;\\n    margin-left: 13px;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n\n\n//# sourceURL=webpack://OsmanliPackage/./src/components/recommendedPackages/Table.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");
 /***/ }),